text: /**
   * Do not edit directly
   * Generated on Mon, 02 Aug 2021 23:34:32 GMT
   */
  
  export const BpXxs = "0";
  export const BpXs = "20";
  export const BpSm = "48";
  export const BpMd = "64";
  export const BpLg = "90";
  export const ColorCostcoBlue = "#005dab";
  export const ColorCostcoRed = "#e51937";
  export const ColorGray100 = "#fafafa";
  export const ColorGray200 = "#eeeeee";
  export const ColorGray300 = "#eaeaea";
  export const ColorGray400 = "#d9d9d9";
  export const ColorGray500 = "#cccccc";
  export const ColorGray600 = "#909090";
  export const ColorGray700 = "#707070";
  export const ColorGray800 = "#5f5f5f";
  export const ColorGray900 = "#333333";
  export const ColorBlue100 = "#eff7fb";
  export const ColorBlue500 = "#3071a9";
  export const ColorBlue600 = "#0060a9";
  export const ColorBlue700 = "#2a6293";
  export const ColorGreen100 = "#dff0d8";
  export const ColorGreen200 = "#85c66a";
  export const ColorGreen500 = "#008000";
  export const ColorGreen700 = "#0b6e22";
  export const ColorRed500 = "#d32029";
  export const ColorRed100 = "#fdd6d6";
  export const ColorYellow200 = "#ffcc00";
  export const ColorYellow100 = "#fff8d2";
  export const ColorWhite = "#ffffff";
  export const ColorBlack = "#000000";
  export const ColorTextDefault = "#333333"; // alias of color-gray-900
  export const ColorTextMedium = "#5f5f5f"; // alias of color-gray-800
  export const ColorTextLight = "#707070"; // alias of color-gray-700
  export const ColorTextLink = "#0060a9"; // alias of color-blue-600
  export const ColorTextError = "#d32029"; // alias of color-red-500
  export const ColorTextSuccess = "#008000"; // alias of color-green-500
  export const ColorBorderError = "#d32029"; // alias of color-red-500
  export const ColorBorderSuccess = "#008000"; // alias of color-green-500
  export const FontSize1 = "12px";
  export const FontSize2 = "14px";
  export const FontSize3 = "16px";
  export const FontSize4 = "18px";
  export const FontSize5 = "22px";
  export const FontSize6 = "24px";
  export const FontSize7 = "28px";
  export const FontLineHeightXl = "32px";
  export const FontLineHeightLg = "28px";
  export const FontLineHeightMd = "24px";
  export const FontLineHeightSm = "20px";
  export const FontWeightDefault = "400";
  export const FontWeightBold = "700";
  export const GridCols = 12;
  export const GridGutterWidth = 24;
  export const GridOuterWidth = 16;
  export const GridContainerXs = "18";
  export const GridContainerSm = "46";
  export const GridContainerMd = "62";
  export const GridContainerLg = "88";
  export const RadiusSm = "2px";
  export const RadiusMd = "3px";
  export const SizeBorderWidthThin = "1px";
  export const SizeBorderWidthMedium = "2px";
  export const SizeBorderWidthThick = "3px";
  export const SizeIconSvgSm = "16px"; // PLACEHOLDER
  export const SizeIconSvgMd = "32px"; // PLACEHOLDER
  export const SizeIconSvgLg = "48px"; // PLACEHOLDER
  export const SizeIconSvgXl = "60px"; // PLACEHOLDER
  export const SpaceXxs = "4px";
  export const SpaceXs = "8px";
  export const SpaceSm = "12px";
  export const SpaceMd = "16px";
  export const SpaceLg = "24px";
  export const SpaceXl = "32px";
  export const SpaceXxl = "48px";
  export const SpaceXxxl = "64px";
  export const SpaceInsetSm = "12px 12px 12px 12px";
  export const SpaceInsetMd = "16px 16px 16px 16px";
  export const SpaceInsetXl = "32px 32px 32px 32px";
  export const TypeFontT1DesktopSize = "28px"; // alias of font.size.7
  export const TypeFontT1DesktopLineHeight = "32px"; // alias of font.line-height.xl
  export const TypeFontT1MobileSize = "24px"; // alias of font.size.6
  export const TypeFontT1MobileLineHeight = "28px"; // alias of font.line-height.lg
  export const TypeFontT2DesktopSize = "22px"; // alias of font.size.5
  export const TypeFontT2DesktopLineHeight = "32px"; // alias of font.line-height.xl
  export const TypeFontT2MobileSize = "18px"; // alias of font.size.4
  export const TypeFontT2MobileLineHeight = "24px"; // alias of font.line-height.md
  export const TypeFontT3DesktopSize = "18px"; // alias of font.size.4.value
  export const TypeFontT3DesktopLineHeight = "24px"; // alias of font.line-height.md
  export const TypeFontT3MobileSize = "16px"; // alias of font.line-height.md
  export const TypeFontT3MobileLineHeight = "24px"; // alias of font.line-height.md
  export const TypeFontT4DesktopSize = "18px"; // alias of font.size.4
  export const TypeFontT4DesktopLineHeight = "24px"; // alias of font.line-height.md
  export const TypeFontT4MobileSize = "18px"; // alias of font.size.4
  export const TypeFontT4MobileLineHeight = "24px"; // alias of font.line-height.md
  export const TypeFontT5DesktopSize = "16px"; // alias of font.size.3
  export const TypeFontT5DesktopLineHeight = "24px"; // alias of font.line-height.md
  export const TypeFontT5MobileSize = "16px"; // alias of font.size.3
  export const TypeFontT5MobileLineHeight = "24px"; // alias of font.line-height.md
  export const TypeFontT6DesktopSize = "14px"; // alias of font.size.2
  export const TypeFontT6DesktopLineHeight = "20px"; // alias of font.line-height.sm
  export const TypeFontT6MobileSize = "14px"; // alias of font.size.2
  export const TypeFontT6MobileLineHeight = "20px"; // alias of font.line-height.sm
  export const TypeFontT7DesktopSize = "12px"; // alias of font.size.1
  export const TypeFontT7DesktopLineHeight = "20px"; // alias of font.line-height.sm
  export const TypeFontT7MobileSize = "12px"; // alias of font.size.1
  export const TypeFontT7MobileLineHeight = "20px"; // alias of font.line-height.sm
  export const TypeFontBodyCopyDesktopSize = "14px"; // alias of font.size.2
  export const TypeFontBodyCopyDesktopLineHeight = "24px"; // alias of font.line-height.md
  export const TypeFontBodyCopyMobileSize = "14px"; // alias of font.size.2
  export const TypeFontBodyCopyMobileLineHeight = "24px"; // alias of font.line-height.md
  export const ButtonsColorPrimaryDefaultBackground = "#3071a9"; // alias of color.blue-500
  export const ButtonsColorPrimaryFocusBackground = "#2a6293"; // alias of color.blue-700
  export const ButtonsColorPrimaryHoverBackground = "#2a6293"; // alias of color.blue-700
  export const ButtonsColorPrimaryText = "#ffffff"; // alias of color.white
  export const ButtonsColorPrimaryAlternateDefaultBackground = "#008000"; // alias of color.green-500
  export const ButtonsColorPrimaryAlternateFocusBackground = "#0b6e22"; // alias of color.green-700
  export const ButtonsColorPrimaryAlternateHoverBackground = "#0b6e22"; // alias of color.green-700
  export const ButtonsColorPrimaryAlternateText = "#ffffff"; // alias of color.white
  export const ButtonsColorSecondaryDefaultBackground = "#eaeaea"; // alias of color.gray-300
  export const ButtonsColorSecondaryFocusBackground = "#d9d9d9"; // alias of color.gray-400
  export const ButtonsColorSecondaryHoverBackground = "#d9d9d9"; // alias of color.gray-400
  export const ButtonsColorSecondaryText = "#0060a9"; // alias of color.blue-600
  export const ButtonsColorSecondaryBorder = "#909090"; // alias of color.gray-600
  export const ButtonsColorOutlinePrimaryDefaultBackground = "#ffffff"; // alias of color.white
  export const ButtonsColorOutlinePrimaryFocusBackground = "#eeeeee"; // alias of color.gray-200
  export const ButtonsColorOutlinePrimaryHoverBackground = "#eeeeee"; // alias of color.gray-200
  export const ButtonsColorOutlinePrimaryBorder = "#3071a9"; // alias of color.blue-500
  export const ButtonsColorOutlinePrimaryText = "#0060a9"; // alias of color.blue-600
  export const ButtonsColorOutlineSecondaryDefaultBackground = "#fafafa"; // alias of gray-100
  export const ButtonsColorOutlineSecondaryFocusBackground = "#d9d9d9"; // alias of color gray-400
  export const ButtonsColorOutlineSecondaryHoverBackground = "#d9d9d9"; // alias of color gray-400
  export const ButtonsColorOutlineSecondaryBorder = "#909090"; // alias of color.gray-600
  export const ButtonsColorOutlineSecondaryText = "#0060a9"; // alias of color.blue-600
  export const ButtonsSizeHeight = "40px";
  export const ButtonsSizeBorderWidth = "0";
  export const ButtonsSizeSecondaryBorderWidth = "1px";
  export const ButtonsSizeOutlinePrimaryBorderWidth = "1px";
  export const ButtonsSizeOutlineSecondaryBorderWidth = "1px";
  export const ButtonsRadius = "3px"; // alias of radius.md
  export const ButtonsFontSize = "16px"; // alias of font.size.3
  export const CardColorBackground = "#ffffff";
  export const CardColorBorder = "#909090";
  export const CardSpaceInset = "16px 16px 16px 16px";
  export const CardSizeBorderWidth = "1px";
  export const CardRadius = "2px";
  export const DividersColorBorder = "#cccccc"; // alias of color.gray-500
  export const DividersSizeBorderWidth = "1px"; // alias of size.border-width.thin
  export const FeedbackTextSpaceMargin = "0 0 0 4px";
  export const HelpLinkColorText = "#0060a9";
  export const HelpLinkSpaceMargin = "0 0 0 4px";
  export const HelpTextColorDefaultText = "#707070";
  export const HelpTextColorErrorText = "#d32029";
  export const HelpTextFontErrorWeight = "700";
  export const HelpTextSpaceMargin = "0 0 0 4px";
  export const InputActiveText = "#333333";
  export const InputColorErrorBorder = "#d32029";
  export const InputColorErrorText = "#d32029";
  export const InputColorFocusBorder = "#3071a9";
  export const InputColorFocusText = "#d32029";
  export const InputCompleteText = "#333333";
  export const InputRadius = "3px";
  export const InputSizeActiveBorderWidth = "2px";
  export const InputSizeDefaultBorderWidth = "1px";
  export const InputSizeFocusBorderWidth = "2px";
  export const LabelColorCompleteText = "#333333";
  export const LabelColorErrorText = "#d32029";
  export const LabelColorFocusText = "#3071a9";
  export const LabelColorInactiveText = "#333333";
  export const ListSpaceMargin = "0 8px 0 0";
  export const NotificationsColorAlertBackground = "#fff8d2"; // alias of color.yellow-100
  export const NotificationsColorAlertBorder = "#ffcc00"; // alias of color.yellow-200
  export const NotificationsColorAlertText = "#333333"; // alias of color.gray-900
  export const NotificationsColorErrorBackground = "#fdd6d6"; // alias of color.red-100
  export const NotificationsColorErrorBorder = "#d32029"; // alias of color.red-500
  export const NotificationsColorErrorText = "#333333"; // alias of color.gray-900
  export const NotificationsColorGeneralBackground = "#eff7fb"; // alias of color.blue-100
  export const NotificationsColorGeneralBorder = "#3071a9"; // alias of color.blue-500
  export const NotificationsColorGeneralText = "#333333"; // alias of color.gray-900
  export const NotificationsColorSuccessBackground = "#dff0d8"; // alias of color.green-100
  export const NotificationsColorSuccessBorder = "#008000"; // alias of color.green-500
  export const NotificationsColorSuccessText = "#333333"; // alias of color.gray-900
  export const NotificationsSizeBorderWidth = "2px"; // alias of size.border-width.medium
  export const NotificationsRadius = "3px"; // alias of radius.md