@citygross/components 0.14.6 → 0.14.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/build/@types/components/Accordion/Accordion.d.ts +2 -1
  2. package/build/@types/components/Accordion/Accordion.styles.d.ts +3 -1
  3. package/build/cjs/components/src/components/Accordion/Accordion.js +5 -5
  4. package/build/cjs/components/src/components/Accordion/Accordion.styles.js +14 -10
  5. package/build/cjs/components/src/components/Accordion/Accordion.styles.js.map +1 -1
  6. package/build/cjs/design-tokens/build/index.js +3 -0
  7. package/build/cjs/design-tokens/build/index.js.map +1 -1
  8. package/build/es/components/src/components/Accordion/Accordion.js +5 -5
  9. package/build/es/components/src/components/Accordion/Accordion.styles.js +14 -10
  10. package/build/es/components/src/components/Accordion/Accordion.styles.js.map +1 -1
  11. package/build/es/design-tokens/build/index.js +3 -0
  12. package/build/es/design-tokens/build/index.js.map +1 -1
  13. package/package.json +4 -4
package/build/@types/components/Accordion/Accordion.d.ts CHANGED
@@ -1,8 +1,9 @@
1
1
  import { HTMLAttributes } from 'react';
2
2
  export declare type TAccordion = {
3
3
  defaultOpen?: boolean;
4
+ hideBottomBorder?: boolean;
4
5
  id: string;
5
6
  onToggle?: (isOpen: boolean) => void;
6
7
  title: string;
7
8
  } & HTMLAttributes<HTMLDivElement>;
8
- export declare const Accordion: ({ children, defaultOpen, id, onToggle, title }: TAccordion) => JSX.Element;
9
+ export declare const Accordion: ({ children, defaultOpen, hideBottomBorder, id, onToggle, title }: TAccordion) => JSX.Element;
package/build/@types/components/Accordion/Accordion.styles.d.ts CHANGED
@@ -1,4 +1,6 @@
1
- export declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
1
+ import type { TAccordion } from './Accordion';
2
+ declare type TContainer = Pick<TAccordion, 'hideBottomBorder'>;
3
+ export declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TContainer, never>;
2
4
  export declare const Header: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
3
5
  export declare const Chevron: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
4
6
  declare type TContent = {
package/build/cjs/components/src/components/Accordion/Accordion.js CHANGED
@@ -13,11 +13,11 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
13
13
 
14
14
  var Accordion = function (_a) {
15
15
  var _b, _c;
16
- var children = _a.children, _d = _a.defaultOpen, defaultOpen = _d === void 0 ? false : _d, id = _a.id, onToggle = _a.onToggle, title = _a.title;
16
+ var children = _a.children, _d = _a.defaultOpen, defaultOpen = _d === void 0 ? false : _d, _e = _a.hideBottomBorder, hideBottomBorder = _e === void 0 ? false : _e, id = _a.id, onToggle = _a.onToggle, title = _a.title;
17
17
  // isOpen drives animation/state; isCollapsed toggles hidden after close ends.
18
- var _e = React.useState(defaultOpen), isOpen = _e[0], setIsOpen = _e[1];
19
- var _f = React.useState(!defaultOpen), isCollapsed = _f[0], setIsCollapsed = _f[1];
20
- var _g = React.useState(0), contentHeight = _g[0], setContentHeight = _g[1];
18
+ var _f = React.useState(defaultOpen), isOpen = _f[0], setIsOpen = _f[1];
19
+ var _g = React.useState(!defaultOpen), isCollapsed = _g[0], setIsCollapsed = _g[1];
20
+ var _h = React.useState(0), contentHeight = _h[0], setContentHeight = _h[1];
21
21
  var contentRef = React.useRef(null);
22
22
  var headerId = "".concat(id, "-header");
23
23
  var contentId = "".concat(id, "-content");
@@ -49,7 +49,7 @@ var Accordion = function (_a) {
49
49
  else if (isOpen)
50
50
  setIsOpen(false);
51
51
  }, [defaultOpen]);
52
- return (React__default["default"].createElement(Accordion_styles.Container, null,
52
+ return (React__default["default"].createElement(Accordion_styles.Container, { hideBottomBorder: hideBottomBorder },
53
53
  React__default["default"].createElement(Accordion_styles.Header, { "aria-controls": contentId, "aria-expanded": isOpen, id: headerId, onClick: function () {
54
54
  if (isOpen) {
55
55
  setIsOpen(false);
package/build/cjs/components/src/components/Accordion/Accordion.styles.js CHANGED
@@ -9,12 +9,20 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
9
9
 
10
10
  var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
11
11
 
12
- var Container = styled__default["default"].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n border-bottom: 1px solid ", ";\n"], ["\n border-bottom: 1px solid ", ";\n"])), function (_a) {
12
+ var Container = styled__default["default"].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n border-top: 1px solid ", ";\n border-bottom: ", ";\n"], ["\n border-top: 1px solid ", ";\n border-bottom: ", ";\n"])), function (_a) {
13
13
  var _b;
14
14
  var theme = _a.theme;
15
15
  return (_b = theme.palette) === null || _b === void 0 ? void 0 : _b.light;
16
+ }, function (_a) {
17
+ var _b;
18
+ var hideBottomBorder = _a.hideBottomBorder, theme = _a.theme;
19
+ return hideBottomBorder ? 'none' : "1px solid ".concat((_b = theme.palette) === null || _b === void 0 ? void 0 : _b.light);
16
20
  });
17
- var Header = styled__default["default"].button(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n background: none;\n border: 0;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n font-size: ", "px;\n font-weight: ", ";\n padding: ", ";\n text-align: left;\n width: 100%;\n"], ["\n background: none;\n border: 0;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n font-size: ", "px;\n font-weight: ", ";\n padding: ", ";\n text-align: left;\n width: 100%;\n"])), function (_a) {
21
+ var Header = styled__default["default"].button(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n background: none;\n border: 0;\n color: ", ";\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n font-size: ", "px;\n font-weight: ", ";\n padding: ", "px 0;\n text-align: left;\n width: 100%;\n\n &:hover {\n text-decoration: underline;\n }\n"], ["\n background: none;\n border: 0;\n color: ", ";\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n font-size: ", "px;\n font-weight: ", ";\n padding: ", "px 0;\n text-align: left;\n width: 100%;\n\n &:hover {\n text-decoration: underline;\n }\n"])), function (_a) {
22
+ var _b;
23
+ var theme = _a.theme;
24
+ return (_b = theme.palette) === null || _b === void 0 ? void 0 : _b.darkest;
25
+ }, function (_a) {
18
26
  var _b, _c;
19
27
  var theme = _a.theme;
20
28
  return (_c = (_b = theme.typography) === null || _b === void 0 ? void 0 : _b.size) === null || _c === void 0 ? void 0 : _c.s3;
@@ -23,22 +31,18 @@ var Header = styled__default["default"].button(templateObject_2 || (templateObje
23
31
  var theme = _a.theme;
24
32
  return (_c = (_b = theme.typography) === null || _b === void 0 ? void 0 : _b.weight) === null || _c === void 0 ? void 0 : _c.medium;
25
33
  }, function (_a) {
26
- var _b, _c;
34
+ var _b;
27
35
  var theme = _a.theme;
28
- return "".concat((_b = theme.spacings) === null || _b === void 0 ? void 0 : _b.sm, "px ").concat((_c = theme.spacings) === null || _c === void 0 ? void 0 : _c.md, "px");
36
+ return (_b = theme.spacings) === null || _b === void 0 ? void 0 : _b.sm;
29
37
  });
30
38
  var Chevron = styled__default["default"].span(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n display: inline-flex;\n transition: transform 200ms ease;\n\n &[data-state='open'] {\n transform: rotate(180deg);\n }\n"], ["\n display: inline-flex;\n transition: transform 200ms ease;\n\n &[data-state='open'] {\n transform: rotate(180deg);\n }\n"])));
31
- var Content = styled__default["default"].div(templateObject_4 || (templateObject_4 = _tslib.__makeTemplateObject(["\n max-height: ", "px;\n opacity: 0;\n overflow: hidden;\n padding: 0 ", "px;\n transition:\n max-height 220ms ease,\n opacity 200ms ease;\n\n &[data-state='open'] {\n opacity: 1;\n padding: ", ";\n }\n"], ["\n max-height: ", "px;\n opacity: 0;\n overflow: hidden;\n padding: 0 ", "px;\n transition:\n max-height 220ms ease,\n opacity 200ms ease;\n\n &[data-state='open'] {\n opacity: 1;\n padding: ", ";\n }\n"])), function (_a) {
39
+ var Content = styled__default["default"].div(templateObject_4 || (templateObject_4 = _tslib.__makeTemplateObject(["\n max-height: ", "px;\n opacity: 0;\n overflow: hidden;\n transition:\n max-height 220ms ease,\n opacity 200ms ease;\n\n &[data-state='open'] {\n opacity: 1;\n padding: ", ";\n }\n"], ["\n max-height: ", "px;\n opacity: 0;\n overflow: hidden;\n transition:\n max-height 220ms ease,\n opacity 200ms ease;\n\n &[data-state='open'] {\n opacity: 1;\n padding: ", ";\n }\n"])), function (_a) {
32
40
  var maxHeight = _a.maxHeight;
33
41
  return maxHeight;
34
- }, function (_a) {
35
- var _b;
36
- var theme = _a.theme;
37
- return (_b = theme.spacings) === null || _b === void 0 ? void 0 : _b.md;
38
42
  }, function (_a) {
39
43
  var _b, _c, _d;
40
44
  var theme = _a.theme;
41
- return "".concat((_b = theme.spacings) === null || _b === void 0 ? void 0 : _b.xxxs, "px ").concat((_c = theme.spacings) === null || _c === void 0 ? void 0 : _c.md, "px ").concat((_d = theme.spacings) === null || _d === void 0 ? void 0 : _d.md, "px");
45
+ return "".concat((_b = theme.spacings) === null || _b === void 0 ? void 0 : _b.xxxs, "px ").concat((_c = theme.spacings) === null || _c === void 0 ? void 0 : _c.xxxs, "px ").concat((_d = theme.spacings) === null || _d === void 0 ? void 0 : _d.md, "px");
42
46
  });
43
47
  var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
44
48
 
package/build/cjs/components/src/components/Accordion/Accordion.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Accordion.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"Accordion.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/build/cjs/design-tokens/build/index.js CHANGED
@@ -151,6 +151,7 @@ var palette = {
151
151
  greenLight: '#F2FDF2',
152
152
  greenMedium: '#BEE5BE',
153
153
  redLight: '#FCE9E9',
154
+ redLighter: '#FDF2F2',
154
155
  priceTagRed: '#C80700',
155
156
  // recipeTags
156
157
  recipeVego: '#65DB69',
@@ -175,6 +176,8 @@ var palette = {
175
176
  disabledDarkGray: '#5c5c5c',
176
177
  placeholder: '#8f8f8f',
177
178
  border: '#0069AE',
179
+ grayMuted: '#797575',
180
+ grayNeutral: '#D6D6D6',
178
181
  boxShadow: '#E1E1E1',
179
182
  boxShadowActive: 'rgba(7, 52, 99, 0.15)',
180
183
  // Alerts
package/build/cjs/design-tokens/build/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../../../design-tokens/build/index.js"],"sourcesContent":["'use strict';\n\nObject.defineProperty(exports, '__esModule', { value: true });\n\nvar attributes = {\n borderRadius: {\n extraSmall: 2,\n small: 5,\n default: 10,\n big: 20,\n rounded: 100,\n circle: '50%'\n },\n boxShadow: {\n small: '0 0 46px 0 rgba(0, 0, 0, 0.13)',\n hover: '0 0 15px 0 rgba(0, 0, 0, 0.13)',\n buttonHover: '0 1px 5px rgba(0, 0, 0, 0.35)',\n buttonActive: 'inset 0 0px 5px rgba(0, 0, 0, 0.15)',\n iconButtonHover: '0 1px 8px rgba(0, 0, 0, 0.35)',\n layoutShadow: '0 1px 0 rgba(0, 0, 0, 0.15)',\n layoutShadowInset: 'inset 0 -1px 0 rgba(0, 0, 0, 0.15)',\n layoutShadowInsetMedium: 'inset 0 -2px 0 rgba(0, 0, 0, 0.15)',\n stepperShadow: '0px -5px 20px rgba(0, 0, 0, 0.04), 0px -2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04)',\n highlightBoxShadow: '0 2px 5px 0 rgba(7,52,99,0.15)',\n focusVisible: '0 0 0 2px #000'\n },\n zIndex: {\n modal: 5,\n footer: 4,\n high: 3,\n middle: 2,\n low: 1\n },\n transition: {\n t1: '550ms cubic-bezier(0.19, 1, 0.22, 1)',\n inputTransition: 'box-shadow 250ms ease'\n }\n};\n\nvar breakpoints = {\n xxs: 360,\n xs: 480,\n sm: 576,\n md: 768,\n lg: 960,\n xl: 1060,\n xxl: 1280,\n xxxl: 1400\n};\n\nvar constants = {\n BackgroundOverlayOpacity: 0.3,\n buttonBadgeFontSize: 11,\n buttonBadgePadding: 6,\n buttonBadgePaddingSmall: 2,\n buttonBadgeRightPosition: -4,\n buttonBadgeTopPosition: -3,\n buttonChildExtraSmallGap: 4,\n buttonChildGap: 12,\n buttonChildSmallGap: 8,\n buttonWrapperMinWidth: 120,\n cartCardImageSize: 48,\n cartListItemDescriptionSize: 11,\n chipCheckBox: 12,\n couponButtonContainer: 102,\n dateBoxHorizontalPadding: 12,\n deliverySlotArrowOffset: 42,\n deliverySlotItemHeight: 91,\n deliverySlotItemWidth: 130,\n deliverySlotItemWidthDesktop: 146,\n headerBreakpoint: 991,\n headerScrollFadeRange: 50,\n headerWrapperVerticalPadding: 20,\n iconToolTipArrowLeft: 2.5,\n iconToolTipArrowTop: 32,\n iconToolTipBoxWidth: 300,\n iconToolTipTop: 36,\n infoBlockBorderWidth: 4,\n infoBlockImageMaxWidthDesktop: 100,\n InputWithIconPaddingRight: 45,\n itemGap: 2,\n listImageMaxHeight: 50,\n listImageMaxHeightSmall: 32,\n listImageMaxWidth: 64,\n listImageMaxWidthSmall: 32,\n listItemFlexGap: 20,\n MarkingWrapperGridGap: 2,\n maxHeightFaderHeight: 50,\n menuHorizontalMargin: 12,\n menuListItemIconSize: 16,\n mobileLabelPaddingRight: 35,\n mobileLabelPaddingRightMobile: 20,\n mobileLabelVerticalPadding: 10,\n mobileLabelVerticalPaddingMobile: 8,\n mobileTablePadding: 12,\n mobileTablePaddingBottom: 6,\n modalConfirmMaxWidth: 480,\n modalContainerMaxWidth: 615,\n navHeaderHeight: 81,\n navHeaderHeightSmall: 64,\n navMainLinkWidth: 105,\n pageContainerMaxWidth: 776,\n pageContentMaxWidth: 1232,\n paginationButtonWidth: 44,\n priceBaseLetterSpacing: -0.03,\n priceIndicatorRotate: 1,\n priceRotate: 2.5,\n priceSplashHorizontalPadding: 10,\n priceVariantBadgeSize: 48,\n quantitySelectorWidthLarge: 140,\n quantitySelectorWidthSmall: 123,\n searchListItemGridTemplateColumns: 25,\n searchModalZIndex: 900,\n selectButtonWidth: 169,\n selectMobileWidth: 175,\n selectPadding: 2,\n selectWidth: 225,\n tableHeaderVerticalPadding: 12,\n tableRowHorizontalPadding: 14,\n tableRowVerticalPadding: 16,\n toolTipArrowBorderWidth: 5,\n toolTipArrowMarginTop: -5,\n toolTipBackground: 'rgba(0,0,0,.7)',\n toolTipCloseSize: 20,\n tooltipMinWidth: 80,\n toolTipTop: 35,\n twoColumnsContainerMaxWidth: 1024,\n zipCodeInputSize: 48,\n zipCodeInputSizeSmall: 40\n};\n\nvar palette = {\n // pallette same as brand colors\n primary: '#FFDF43',\n secondary: '#0071B9',\n // brand colors\n brandYellow: '#FFDF43',\n brandBlue: '#0071B9',\n brandPurple: '#A71680',\n brandPrio: '#a80073',\n // shades\n yellowLighter: '#FFFBE7',\n yellowLight: '#FFF7D1',\n blueLight: '#ECF7FE',\n blueLighter: '#D3EDFD',\n blueMedium: '#92B9D3',\n greenLight: '#F2FDF2',\n greenMedium: '#BEE5BE',\n redLight: '#FCE9E9',\n priceTagRed: '#C80700',\n // recipeTags\n recipeVego: '#65DB69',\n recipeLactose: '#8CCDF0',\n recipeGluten: '#D5642A',\n // link same as alert blue\n link: '#0072BB',\n // black / white\n white: '#FFFFFF',\n black: '#000000',\n // grayscale\n lightest: '#F7F7F7',\n lighter: '#F1F1F1',\n light: '#E8E8E8',\n medium: '#DBDBDB',\n mediumDark: '#6C6C6C',\n dark: '#979797',\n darker: '#4A4A4A',\n darkest: '#333333',\n buttonGray: '#E5E4E5',\n disabledGray: '#B8B8B8',\n disabledDarkGray: '#5c5c5c',\n placeholder: '#8f8f8f',\n border: '#0069AE',\n boxShadow: '#E1E1E1',\n boxShadowActive: 'rgba(7, 52, 99, 0.15)',\n // Alerts\n alertRed: '#E02721',\n alertBlue: '#0072BB',\n alertGreen: '#3F9A3C',\n // overlay\n darkOverlay: 'rgba(0, 0, 0, 0.6)',\n // transparent\n transparent: '#ffffff00',\n // hover\n brandBlueHover: '#005C99',\n brandYellowHover: '#F5D800',\n brandPrioHover: '#90136F',\n brandBlueActive: '#004D80',\n brandYellowActive: '#DBC100',\n brandPrioActive: '#7A105E',\n none: 'none'\n};\n\nvar spacings = {\n xxxs: 2,\n xxs: 4,\n xxs2: 6,\n xs: 8,\n xs1: 10,\n xs2: 12,\n xs3: 14,\n sm: 16,\n sm1: 18,\n sm2: 20,\n md: 24,\n lg: 32,\n xl: 40,\n xl2: 48,\n xxl: 56\n // More in figma, but talk with Johan to generalize it more.\n // xxx: 72, 88, 120, 152 ?\n};\n\nvar typography = {\n type: {\n primary: '\"Poppins\", \"Helvetica Neue\", Helvetica, Arial, sans-serif',\n display: '\"Dom Casual\"',\n code: '\"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, Courier, monospace'\n },\n weight: {\n regular: '400',\n medium: '500',\n semiBold: '600',\n bold: '700',\n extraBold: '800'\n },\n size: {\n // xs all from 0-10\n xs: 10,\n // s all from 11-20\n s0: 11,\n s1: 12,\n s2: 13,\n s3: 15,\n s4: 18,\n // m all from 21-40\n m1: 24,\n m2: 30,\n // l all from 41 >\n l1: 41,\n code: 90\n },\n lineHeight: {\n // xs all from 0-15\n xs: 15,\n // s all from 16-20\n s1: 18,\n s2: 19,\n // m all from 21-40\n m1: 22,\n m2: 27,\n m3: 36,\n // l all from 41 >\n l1: 45\n }\n};\n\nvar animations = {\n tapScale: 0.9,\n hoverScale: 1.1,\n buttonTransition: 'all 250ms cubic-bezier(0.165, 0.84, 0.44, 1)',\n rippleTransition: '750ms cubic-bezier(0.19, 1, 0.22, 1)',\n saveButtonAnimationComplete: 600\n};\n\nvar createTheme = function (_a) {\n var palette = _a.palette, typography = _a.typography, attributes = _a.attributes, breakpoints = _a.breakpoints, spacings = _a.spacings, constants = _a.constants, animations = _a.animations;\n return ({\n palette: palette,\n typography: typography,\n attributes: attributes,\n breakpoints: breakpoints,\n spacings: spacings,\n constants: constants,\n animations: animations\n });\n};\nvar theme = createTheme({\n palette: palette,\n typography: typography,\n attributes: attributes,\n breakpoints: breakpoints,\n spacings: spacings,\n constants: constants,\n animations: animations\n});\n\nexports.animations = animations;\nexports.attributes = attributes;\nexports.breakpoints = breakpoints;\nexports.constants = constants;\nexports.palette = palette;\nexports.spacings = spacings;\nexports.theme = theme;\nexports.typography = typography;\n//# sourceMappingURL=index.js.map\n"],"names":["build"],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sources":["../../../../../design-tokens/build/index.js"],"sourcesContent":["'use strict';\n\nObject.defineProperty(exports, '__esModule', { value: true });\n\nvar attributes = {\n borderRadius: {\n extraSmall: 2,\n small: 5,\n default: 10,\n big: 20,\n rounded: 100,\n circle: '50%'\n },\n boxShadow: {\n small: '0 0 46px 0 rgba(0, 0, 0, 0.13)',\n hover: '0 0 15px 0 rgba(0, 0, 0, 0.13)',\n buttonHover: '0 1px 5px rgba(0, 0, 0, 0.35)',\n buttonActive: 'inset 0 0px 5px rgba(0, 0, 0, 0.15)',\n iconButtonHover: '0 1px 8px rgba(0, 0, 0, 0.35)',\n layoutShadow: '0 1px 0 rgba(0, 0, 0, 0.15)',\n layoutShadowInset: 'inset 0 -1px 0 rgba(0, 0, 0, 0.15)',\n layoutShadowInsetMedium: 'inset 0 -2px 0 rgba(0, 0, 0, 0.15)',\n stepperShadow: '0px -5px 20px rgba(0, 0, 0, 0.04), 0px -2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04)',\n highlightBoxShadow: '0 2px 5px 0 rgba(7,52,99,0.15)',\n focusVisible: '0 0 0 2px #000'\n },\n zIndex: {\n modal: 5,\n footer: 4,\n high: 3,\n middle: 2,\n low: 1\n },\n transition: {\n t1: '550ms cubic-bezier(0.19, 1, 0.22, 1)',\n inputTransition: 'box-shadow 250ms ease'\n }\n};\n\nvar breakpoints = {\n xxs: 360,\n xs: 480,\n sm: 576,\n md: 768,\n lg: 960,\n xl: 1060,\n xxl: 1280,\n xxxl: 1400\n};\n\nvar constants = {\n BackgroundOverlayOpacity: 0.3,\n buttonBadgeFontSize: 11,\n buttonBadgePadding: 6,\n buttonBadgePaddingSmall: 2,\n buttonBadgeRightPosition: -4,\n buttonBadgeTopPosition: -3,\n buttonChildExtraSmallGap: 4,\n buttonChildGap: 12,\n buttonChildSmallGap: 8,\n buttonWrapperMinWidth: 120,\n cartCardImageSize: 48,\n cartListItemDescriptionSize: 11,\n chipCheckBox: 12,\n couponButtonContainer: 102,\n dateBoxHorizontalPadding: 12,\n deliverySlotArrowOffset: 42,\n deliverySlotItemHeight: 91,\n deliverySlotItemWidth: 130,\n deliverySlotItemWidthDesktop: 146,\n headerBreakpoint: 991,\n headerScrollFadeRange: 50,\n headerWrapperVerticalPadding: 20,\n iconToolTipArrowLeft: 2.5,\n iconToolTipArrowTop: 32,\n iconToolTipBoxWidth: 300,\n iconToolTipTop: 36,\n infoBlockBorderWidth: 4,\n infoBlockImageMaxWidthDesktop: 100,\n InputWithIconPaddingRight: 45,\n itemGap: 2,\n listImageMaxHeight: 50,\n listImageMaxHeightSmall: 32,\n listImageMaxWidth: 64,\n listImageMaxWidthSmall: 32,\n listItemFlexGap: 20,\n MarkingWrapperGridGap: 2,\n maxHeightFaderHeight: 50,\n menuHorizontalMargin: 12,\n menuListItemIconSize: 16,\n mobileLabelPaddingRight: 35,\n mobileLabelPaddingRightMobile: 20,\n mobileLabelVerticalPadding: 10,\n mobileLabelVerticalPaddingMobile: 8,\n mobileTablePadding: 12,\n mobileTablePaddingBottom: 6,\n modalConfirmMaxWidth: 480,\n modalContainerMaxWidth: 615,\n navHeaderHeight: 81,\n navHeaderHeightSmall: 64,\n navMainLinkWidth: 105,\n pageContainerMaxWidth: 776,\n pageContentMaxWidth: 1232,\n paginationButtonWidth: 44,\n priceBaseLetterSpacing: -0.03,\n priceIndicatorRotate: 1,\n priceRotate: 2.5,\n priceSplashHorizontalPadding: 10,\n priceVariantBadgeSize: 48,\n quantitySelectorWidthLarge: 140,\n quantitySelectorWidthSmall: 123,\n searchListItemGridTemplateColumns: 25,\n searchModalZIndex: 900,\n selectButtonWidth: 169,\n selectMobileWidth: 175,\n selectPadding: 2,\n selectWidth: 225,\n tableHeaderVerticalPadding: 12,\n tableRowHorizontalPadding: 14,\n tableRowVerticalPadding: 16,\n toolTipArrowBorderWidth: 5,\n toolTipArrowMarginTop: -5,\n toolTipBackground: 'rgba(0,0,0,.7)',\n toolTipCloseSize: 20,\n tooltipMinWidth: 80,\n toolTipTop: 35,\n twoColumnsContainerMaxWidth: 1024,\n zipCodeInputSize: 48,\n zipCodeInputSizeSmall: 40\n};\n\nvar palette = {\n // pallette same as brand colors\n primary: '#FFDF43',\n secondary: '#0071B9',\n // brand colors\n brandYellow: '#FFDF43',\n brandBlue: '#0071B9',\n brandPurple: '#A71680',\n brandPrio: '#a80073',\n // shades\n yellowLighter: '#FFFBE7',\n yellowLight: '#FFF7D1',\n blueLight: '#ECF7FE',\n blueLighter: '#D3EDFD',\n blueMedium: '#92B9D3',\n greenLight: '#F2FDF2',\n greenMedium: '#BEE5BE',\n redLight: '#FCE9E9',\n redLighter: '#FDF2F2',\n priceTagRed: '#C80700',\n // recipeTags\n recipeVego: '#65DB69',\n recipeLactose: '#8CCDF0',\n recipeGluten: '#D5642A',\n // link same as alert blue\n link: '#0072BB',\n // black / white\n white: '#FFFFFF',\n black: '#000000',\n // grayscale\n lightest: '#F7F7F7',\n lighter: '#F1F1F1',\n light: '#E8E8E8',\n medium: '#DBDBDB',\n mediumDark: '#6C6C6C',\n dark: '#979797',\n darker: '#4A4A4A',\n darkest: '#333333',\n buttonGray: '#E5E4E5',\n disabledGray: '#B8B8B8',\n disabledDarkGray: '#5c5c5c',\n placeholder: '#8f8f8f',\n border: '#0069AE',\n grayMuted: '#797575',\n grayNeutral: '#D6D6D6',\n boxShadow: '#E1E1E1',\n boxShadowActive: 'rgba(7, 52, 99, 0.15)',\n // Alerts\n alertRed: '#E02721',\n alertBlue: '#0072BB',\n alertGreen: '#3F9A3C',\n // overlay\n darkOverlay: 'rgba(0, 0, 0, 0.6)',\n // transparent\n transparent: '#ffffff00',\n // hover\n brandBlueHover: '#005C99',\n brandYellowHover: '#F5D800',\n brandPrioHover: '#90136F',\n brandBlueActive: '#004D80',\n brandYellowActive: '#DBC100',\n brandPrioActive: '#7A105E',\n none: 'none'\n};\n\nvar spacings = {\n xxxs: 2,\n xxs: 4,\n xxs2: 6,\n xs: 8,\n xs1: 10,\n xs2: 12,\n xs3: 14,\n sm: 16,\n sm1: 18,\n sm2: 20,\n md: 24,\n lg: 32,\n xl: 40,\n xl2: 48,\n xxl: 56\n // More in figma, but talk with Johan to generalize it more.\n // xxx: 72, 88, 120, 152 ?\n};\n\nvar typography = {\n type: {\n primary: '\"Poppins\", \"Helvetica Neue\", Helvetica, Arial, sans-serif',\n display: '\"Dom Casual\"',\n code: '\"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, Courier, monospace'\n },\n weight: {\n regular: '400',\n medium: '500',\n semiBold: '600',\n bold: '700',\n extraBold: '800'\n },\n size: {\n // xs all from 0-10\n xs: 10,\n // s all from 11-20\n s0: 11,\n s1: 12,\n s2: 13,\n s3: 15,\n s4: 18,\n // m all from 21-40\n m1: 24,\n m2: 30,\n // l all from 41 >\n l1: 41,\n code: 90\n },\n lineHeight: {\n // xs all from 0-15\n xs: 15,\n // s all from 16-20\n s1: 18,\n s2: 19,\n // m all from 21-40\n m1: 22,\n m2: 27,\n m3: 36,\n // l all from 41 >\n l1: 45\n }\n};\n\nvar animations = {\n tapScale: 0.9,\n hoverScale: 1.1,\n buttonTransition: 'all 250ms cubic-bezier(0.165, 0.84, 0.44, 1)',\n rippleTransition: '750ms cubic-bezier(0.19, 1, 0.22, 1)',\n saveButtonAnimationComplete: 600\n};\n\nvar createTheme = function (_a) {\n var palette = _a.palette, typography = _a.typography, attributes = _a.attributes, breakpoints = _a.breakpoints, spacings = _a.spacings, constants = _a.constants, animations = _a.animations;\n return ({\n palette: palette,\n typography: typography,\n attributes: attributes,\n breakpoints: breakpoints,\n spacings: spacings,\n constants: constants,\n animations: animations\n });\n};\nvar theme = createTheme({\n palette: palette,\n typography: typography,\n attributes: attributes,\n breakpoints: breakpoints,\n spacings: spacings,\n constants: constants,\n animations: animations\n});\n\nexports.animations = animations;\nexports.attributes = attributes;\nexports.breakpoints = breakpoints;\nexports.constants = constants;\nexports.palette = palette;\nexports.spacings = spacings;\nexports.theme = theme;\nexports.typography = typography;\n//# sourceMappingURL=index.js.map\n"],"names":["build"],"mappings":"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"}
package/build/es/components/src/components/Accordion/Accordion.js CHANGED
@@ -5,11 +5,11 @@ import { Container, Header, Chevron, Content } from './Accordion.styles.js';
5
5
 
6
6
  var Accordion = function (_a) {
7
7
  var _b, _c;
8
- var children = _a.children, _d = _a.defaultOpen, defaultOpen = _d === void 0 ? false : _d, id = _a.id, onToggle = _a.onToggle, title = _a.title;
8
+ var children = _a.children, _d = _a.defaultOpen, defaultOpen = _d === void 0 ? false : _d, _e = _a.hideBottomBorder, hideBottomBorder = _e === void 0 ? false : _e, id = _a.id, onToggle = _a.onToggle, title = _a.title;
9
9
  // isOpen drives animation/state; isCollapsed toggles hidden after close ends.
10
- var _e = useState(defaultOpen), isOpen = _e[0], setIsOpen = _e[1];
11
- var _f = useState(!defaultOpen), isCollapsed = _f[0], setIsCollapsed = _f[1];
12
- var _g = useState(0), contentHeight = _g[0], setContentHeight = _g[1];
10
+ var _f = useState(defaultOpen), isOpen = _f[0], setIsOpen = _f[1];
11
+ var _g = useState(!defaultOpen), isCollapsed = _g[0], setIsCollapsed = _g[1];
12
+ var _h = useState(0), contentHeight = _h[0], setContentHeight = _h[1];
13
13
  var contentRef = useRef(null);
14
14
  var headerId = "".concat(id, "-header");
15
15
  var contentId = "".concat(id, "-content");
@@ -41,7 +41,7 @@ var Accordion = function (_a) {
41
41
  else if (isOpen)
42
42
  setIsOpen(false);
43
43
  }, [defaultOpen]);
44
- return (React.createElement(Container, null,
44
+ return (React.createElement(Container, { hideBottomBorder: hideBottomBorder },
45
45
  React.createElement(Header, { "aria-controls": contentId, "aria-expanded": isOpen, id: headerId, onClick: function () {
46
46
  if (isOpen) {
47
47
  setIsOpen(false);
package/build/es/components/src/components/Accordion/Accordion.styles.js CHANGED
@@ -1,12 +1,20 @@
1
1
  import { __makeTemplateObject } from '../../../../_virtual/_tslib.js';
2
2
  import styled from 'styled-components';
3
3
 
4
- var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n border-bottom: 1px solid ", ";\n"], ["\n border-bottom: 1px solid ", ";\n"])), function (_a) {
4
+ var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n border-top: 1px solid ", ";\n border-bottom: ", ";\n"], ["\n border-top: 1px solid ", ";\n border-bottom: ", ";\n"])), function (_a) {
5
5
  var _b;
6
6
  var theme = _a.theme;
7
7
  return (_b = theme.palette) === null || _b === void 0 ? void 0 : _b.light;
8
+ }, function (_a) {
9
+ var _b;
10
+ var hideBottomBorder = _a.hideBottomBorder, theme = _a.theme;
11
+ return hideBottomBorder ? 'none' : "1px solid ".concat((_b = theme.palette) === null || _b === void 0 ? void 0 : _b.light);
8
12
  });
9
- var Header = styled.button(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background: none;\n border: 0;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n font-size: ", "px;\n font-weight: ", ";\n padding: ", ";\n text-align: left;\n width: 100%;\n"], ["\n background: none;\n border: 0;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n font-size: ", "px;\n font-weight: ", ";\n padding: ", ";\n text-align: left;\n width: 100%;\n"])), function (_a) {
13
+ var Header = styled.button(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background: none;\n border: 0;\n color: ", ";\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n font-size: ", "px;\n font-weight: ", ";\n padding: ", "px 0;\n text-align: left;\n width: 100%;\n\n &:hover {\n text-decoration: underline;\n }\n"], ["\n background: none;\n border: 0;\n color: ", ";\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n font-size: ", "px;\n font-weight: ", ";\n padding: ", "px 0;\n text-align: left;\n width: 100%;\n\n &:hover {\n text-decoration: underline;\n }\n"])), function (_a) {
14
+ var _b;
15
+ var theme = _a.theme;
16
+ return (_b = theme.palette) === null || _b === void 0 ? void 0 : _b.darkest;
17
+ }, function (_a) {
10
18
  var _b, _c;
11
19
  var theme = _a.theme;
12
20
  return (_c = (_b = theme.typography) === null || _b === void 0 ? void 0 : _b.size) === null || _c === void 0 ? void 0 : _c.s3;
@@ -15,22 +23,18 @@ var Header = styled.button(templateObject_2 || (templateObject_2 = __makeTemplat
15
23
  var theme = _a.theme;
16
24
  return (_c = (_b = theme.typography) === null || _b === void 0 ? void 0 : _b.weight) === null || _c === void 0 ? void 0 : _c.medium;
17
25
  }, function (_a) {
18
- var _b, _c;
26
+ var _b;
19
27
  var theme = _a.theme;
20
- return "".concat((_b = theme.spacings) === null || _b === void 0 ? void 0 : _b.sm, "px ").concat((_c = theme.spacings) === null || _c === void 0 ? void 0 : _c.md, "px");
28
+ return (_b = theme.spacings) === null || _b === void 0 ? void 0 : _b.sm;
21
29
  });
22
30
  var Chevron = styled.span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: inline-flex;\n transition: transform 200ms ease;\n\n &[data-state='open'] {\n transform: rotate(180deg);\n }\n"], ["\n display: inline-flex;\n transition: transform 200ms ease;\n\n &[data-state='open'] {\n transform: rotate(180deg);\n }\n"])));
23
- var Content = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n max-height: ", "px;\n opacity: 0;\n overflow: hidden;\n padding: 0 ", "px;\n transition:\n max-height 220ms ease,\n opacity 200ms ease;\n\n &[data-state='open'] {\n opacity: 1;\n padding: ", ";\n }\n"], ["\n max-height: ", "px;\n opacity: 0;\n overflow: hidden;\n padding: 0 ", "px;\n transition:\n max-height 220ms ease,\n opacity 200ms ease;\n\n &[data-state='open'] {\n opacity: 1;\n padding: ", ";\n }\n"])), function (_a) {
31
+ var Content = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n max-height: ", "px;\n opacity: 0;\n overflow: hidden;\n transition:\n max-height 220ms ease,\n opacity 200ms ease;\n\n &[data-state='open'] {\n opacity: 1;\n padding: ", ";\n }\n"], ["\n max-height: ", "px;\n opacity: 0;\n overflow: hidden;\n transition:\n max-height 220ms ease,\n opacity 200ms ease;\n\n &[data-state='open'] {\n opacity: 1;\n padding: ", ";\n }\n"])), function (_a) {
24
32
  var maxHeight = _a.maxHeight;
25
33
  return maxHeight;
26
- }, function (_a) {
27
- var _b;
28
- var theme = _a.theme;
29
- return (_b = theme.spacings) === null || _b === void 0 ? void 0 : _b.md;
30
34
  }, function (_a) {
31
35
  var _b, _c, _d;
32
36
  var theme = _a.theme;
33
- return "".concat((_b = theme.spacings) === null || _b === void 0 ? void 0 : _b.xxxs, "px ").concat((_c = theme.spacings) === null || _c === void 0 ? void 0 : _c.md, "px ").concat((_d = theme.spacings) === null || _d === void 0 ? void 0 : _d.md, "px");
37
+ return "".concat((_b = theme.spacings) === null || _b === void 0 ? void 0 : _b.xxxs, "px ").concat((_c = theme.spacings) === null || _c === void 0 ? void 0 : _c.xxxs, "px ").concat((_d = theme.spacings) === null || _d === void 0 ? void 0 : _d.md, "px");
34
38
  });
35
39
  var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
36
40
 
package/build/es/components/src/components/Accordion/Accordion.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Accordion.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"Accordion.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/build/es/design-tokens/build/index.js CHANGED
@@ -148,6 +148,7 @@ var palette = {
148
148
  greenLight: '#F2FDF2',
149
149
  greenMedium: '#BEE5BE',
150
150
  redLight: '#FCE9E9',
151
+ redLighter: '#FDF2F2',
151
152
  priceTagRed: '#C80700',
152
153
  // recipeTags
153
154
  recipeVego: '#65DB69',
@@ -172,6 +173,8 @@ var palette = {
172
173
  disabledDarkGray: '#5c5c5c',
173
174
  placeholder: '#8f8f8f',
174
175
  border: '#0069AE',
176
+ grayMuted: '#797575',
177
+ grayNeutral: '#D6D6D6',
175
178
  boxShadow: '#E1E1E1',
176
179
  boxShadowActive: 'rgba(7, 52, 99, 0.15)',
177
180
  // Alerts
package/build/es/design-tokens/build/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../../../design-tokens/build/index.js"],"sourcesContent":["'use strict';\n\nObject.defineProperty(exports, '__esModule', { value: true });\n\nvar attributes = {\n borderRadius: {\n extraSmall: 2,\n small: 5,\n default: 10,\n big: 20,\n rounded: 100,\n circle: '50%'\n },\n boxShadow: {\n small: '0 0 46px 0 rgba(0, 0, 0, 0.13)',\n hover: '0 0 15px 0 rgba(0, 0, 0, 0.13)',\n buttonHover: '0 1px 5px rgba(0, 0, 0, 0.35)',\n buttonActive: 'inset 0 0px 5px rgba(0, 0, 0, 0.15)',\n iconButtonHover: '0 1px 8px rgba(0, 0, 0, 0.35)',\n layoutShadow: '0 1px 0 rgba(0, 0, 0, 0.15)',\n layoutShadowInset: 'inset 0 -1px 0 rgba(0, 0, 0, 0.15)',\n layoutShadowInsetMedium: 'inset 0 -2px 0 rgba(0, 0, 0, 0.15)',\n stepperShadow: '0px -5px 20px rgba(0, 0, 0, 0.04), 0px -2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04)',\n highlightBoxShadow: '0 2px 5px 0 rgba(7,52,99,0.15)',\n focusVisible: '0 0 0 2px #000'\n },\n zIndex: {\n modal: 5,\n footer: 4,\n high: 3,\n middle: 2,\n low: 1\n },\n transition: {\n t1: '550ms cubic-bezier(0.19, 1, 0.22, 1)',\n inputTransition: 'box-shadow 250ms ease'\n }\n};\n\nvar breakpoints = {\n xxs: 360,\n xs: 480,\n sm: 576,\n md: 768,\n lg: 960,\n xl: 1060,\n xxl: 1280,\n xxxl: 1400\n};\n\nvar constants = {\n BackgroundOverlayOpacity: 0.3,\n buttonBadgeFontSize: 11,\n buttonBadgePadding: 6,\n buttonBadgePaddingSmall: 2,\n buttonBadgeRightPosition: -4,\n buttonBadgeTopPosition: -3,\n buttonChildExtraSmallGap: 4,\n buttonChildGap: 12,\n buttonChildSmallGap: 8,\n buttonWrapperMinWidth: 120,\n cartCardImageSize: 48,\n cartListItemDescriptionSize: 11,\n chipCheckBox: 12,\n couponButtonContainer: 102,\n dateBoxHorizontalPadding: 12,\n deliverySlotArrowOffset: 42,\n deliverySlotItemHeight: 91,\n deliverySlotItemWidth: 130,\n deliverySlotItemWidthDesktop: 146,\n headerBreakpoint: 991,\n headerScrollFadeRange: 50,\n headerWrapperVerticalPadding: 20,\n iconToolTipArrowLeft: 2.5,\n iconToolTipArrowTop: 32,\n iconToolTipBoxWidth: 300,\n iconToolTipTop: 36,\n infoBlockBorderWidth: 4,\n infoBlockImageMaxWidthDesktop: 100,\n InputWithIconPaddingRight: 45,\n itemGap: 2,\n listImageMaxHeight: 50,\n listImageMaxHeightSmall: 32,\n listImageMaxWidth: 64,\n listImageMaxWidthSmall: 32,\n listItemFlexGap: 20,\n MarkingWrapperGridGap: 2,\n maxHeightFaderHeight: 50,\n menuHorizontalMargin: 12,\n menuListItemIconSize: 16,\n mobileLabelPaddingRight: 35,\n mobileLabelPaddingRightMobile: 20,\n mobileLabelVerticalPadding: 10,\n mobileLabelVerticalPaddingMobile: 8,\n mobileTablePadding: 12,\n mobileTablePaddingBottom: 6,\n modalConfirmMaxWidth: 480,\n modalContainerMaxWidth: 615,\n navHeaderHeight: 81,\n navHeaderHeightSmall: 64,\n navMainLinkWidth: 105,\n pageContainerMaxWidth: 776,\n pageContentMaxWidth: 1232,\n paginationButtonWidth: 44,\n priceBaseLetterSpacing: -0.03,\n priceIndicatorRotate: 1,\n priceRotate: 2.5,\n priceSplashHorizontalPadding: 10,\n priceVariantBadgeSize: 48,\n quantitySelectorWidthLarge: 140,\n quantitySelectorWidthSmall: 123,\n searchListItemGridTemplateColumns: 25,\n searchModalZIndex: 900,\n selectButtonWidth: 169,\n selectMobileWidth: 175,\n selectPadding: 2,\n selectWidth: 225,\n tableHeaderVerticalPadding: 12,\n tableRowHorizontalPadding: 14,\n tableRowVerticalPadding: 16,\n toolTipArrowBorderWidth: 5,\n toolTipArrowMarginTop: -5,\n toolTipBackground: 'rgba(0,0,0,.7)',\n toolTipCloseSize: 20,\n tooltipMinWidth: 80,\n toolTipTop: 35,\n twoColumnsContainerMaxWidth: 1024,\n zipCodeInputSize: 48,\n zipCodeInputSizeSmall: 40\n};\n\nvar palette = {\n // pallette same as brand colors\n primary: '#FFDF43',\n secondary: '#0071B9',\n // brand colors\n brandYellow: '#FFDF43',\n brandBlue: '#0071B9',\n brandPurple: '#A71680',\n brandPrio: '#a80073',\n // shades\n yellowLighter: '#FFFBE7',\n yellowLight: '#FFF7D1',\n blueLight: '#ECF7FE',\n blueLighter: '#D3EDFD',\n blueMedium: '#92B9D3',\n greenLight: '#F2FDF2',\n greenMedium: '#BEE5BE',\n redLight: '#FCE9E9',\n priceTagRed: '#C80700',\n // recipeTags\n recipeVego: '#65DB69',\n recipeLactose: '#8CCDF0',\n recipeGluten: '#D5642A',\n // link same as alert blue\n link: '#0072BB',\n // black / white\n white: '#FFFFFF',\n black: '#000000',\n // grayscale\n lightest: '#F7F7F7',\n lighter: '#F1F1F1',\n light: '#E8E8E8',\n medium: '#DBDBDB',\n mediumDark: '#6C6C6C',\n dark: '#979797',\n darker: '#4A4A4A',\n darkest: '#333333',\n buttonGray: '#E5E4E5',\n disabledGray: '#B8B8B8',\n disabledDarkGray: '#5c5c5c',\n placeholder: '#8f8f8f',\n border: '#0069AE',\n boxShadow: '#E1E1E1',\n boxShadowActive: 'rgba(7, 52, 99, 0.15)',\n // Alerts\n alertRed: '#E02721',\n alertBlue: '#0072BB',\n alertGreen: '#3F9A3C',\n // overlay\n darkOverlay: 'rgba(0, 0, 0, 0.6)',\n // transparent\n transparent: '#ffffff00',\n // hover\n brandBlueHover: '#005C99',\n brandYellowHover: '#F5D800',\n brandPrioHover: '#90136F',\n brandBlueActive: '#004D80',\n brandYellowActive: '#DBC100',\n brandPrioActive: '#7A105E',\n none: 'none'\n};\n\nvar spacings = {\n xxxs: 2,\n xxs: 4,\n xxs2: 6,\n xs: 8,\n xs1: 10,\n xs2: 12,\n xs3: 14,\n sm: 16,\n sm1: 18,\n sm2: 20,\n md: 24,\n lg: 32,\n xl: 40,\n xl2: 48,\n xxl: 56\n // More in figma, but talk with Johan to generalize it more.\n // xxx: 72, 88, 120, 152 ?\n};\n\nvar typography = {\n type: {\n primary: '\"Poppins\", \"Helvetica Neue\", Helvetica, Arial, sans-serif',\n display: '\"Dom Casual\"',\n code: '\"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, Courier, monospace'\n },\n weight: {\n regular: '400',\n medium: '500',\n semiBold: '600',\n bold: '700',\n extraBold: '800'\n },\n size: {\n // xs all from 0-10\n xs: 10,\n // s all from 11-20\n s0: 11,\n s1: 12,\n s2: 13,\n s3: 15,\n s4: 18,\n // m all from 21-40\n m1: 24,\n m2: 30,\n // l all from 41 >\n l1: 41,\n code: 90\n },\n lineHeight: {\n // xs all from 0-15\n xs: 15,\n // s all from 16-20\n s1: 18,\n s2: 19,\n // m all from 21-40\n m1: 22,\n m2: 27,\n m3: 36,\n // l all from 41 >\n l1: 45\n }\n};\n\nvar animations = {\n tapScale: 0.9,\n hoverScale: 1.1,\n buttonTransition: 'all 250ms cubic-bezier(0.165, 0.84, 0.44, 1)',\n rippleTransition: '750ms cubic-bezier(0.19, 1, 0.22, 1)',\n saveButtonAnimationComplete: 600\n};\n\nvar createTheme = function (_a) {\n var palette = _a.palette, typography = _a.typography, attributes = _a.attributes, breakpoints = _a.breakpoints, spacings = _a.spacings, constants = _a.constants, animations = _a.animations;\n return ({\n palette: palette,\n typography: typography,\n attributes: attributes,\n breakpoints: breakpoints,\n spacings: spacings,\n constants: constants,\n animations: animations\n });\n};\nvar theme = createTheme({\n palette: palette,\n typography: typography,\n attributes: attributes,\n breakpoints: breakpoints,\n spacings: spacings,\n constants: constants,\n animations: animations\n});\n\nexports.animations = animations;\nexports.attributes = attributes;\nexports.breakpoints = breakpoints;\nexports.constants = constants;\nexports.palette = palette;\nexports.spacings = spacings;\nexports.theme = theme;\nexports.typography = typography;\n//# sourceMappingURL=index.js.map\n"],"names":[],"mappings":";;;AAEA,MAAM,CAAC,cAAc,CAAC,KAAO,EAAE,YAAY,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;AAC9D;AACA,IAAI,UAAU,GAAG;AACjB,IAAI,YAAY,EAAE;AAClB,QAAQ,UAAU,EAAE,CAAC;AACrB,QAAQ,KAAK,EAAE,CAAC;AAChB,QAAQ,OAAO,EAAE,EAAE;AACnB,QAAQ,GAAG,EAAE,EAAE;AACf,QAAQ,OAAO,EAAE,GAAG;AACpB,QAAQ,MAAM,EAAE,KAAK;AACrB,KAAK;AACL,IAAI,SAAS,EAAE;AACf,QAAQ,KAAK,EAAE,gCAAgC;AAC/C,QAAQ,KAAK,EAAE,gCAAgC;AAC/C,QAAQ,WAAW,EAAE,+BAA+B;AACpD,QAAQ,YAAY,EAAE,qCAAqC;AAC3D,QAAQ,eAAe,EAAE,+BAA+B;AACxD,QAAQ,YAAY,EAAE,6BAA6B;AACnD,QAAQ,iBAAiB,EAAE,oCAAoC;AAC/D,QAAQ,uBAAuB,EAAE,oCAAoC;AACrE,QAAQ,aAAa,EAAE,sGAAsG;AAC7H,QAAQ,kBAAkB,EAAE,gCAAgC;AAC5D,QAAQ,YAAY,EAAE,gBAAgB;AACtC,KAAK;AACL,IAAI,MAAM,EAAE;AACZ,QAAQ,KAAK,EAAE,CAAC;AAChB,QAAQ,MAAM,EAAE,CAAC;AACjB,QAAQ,IAAI,EAAE,CAAC;AACf,QAAQ,MAAM,EAAE,CAAC;AACjB,QAAQ,GAAG,EAAE,CAAC;AACd,KAAK;AACL,IAAI,UAAU,EAAE;AAChB,QAAQ,EAAE,EAAE,sCAAsC;AAClD,QAAQ,eAAe,EAAE,uBAAuB;AAChD,KAAK;AACL,CAAC,CAAC;AACF;AACA,IAAI,WAAW,GAAG;AAClB,IAAI,GAAG,EAAE,GAAG;AACZ,IAAI,EAAE,EAAE,GAAG;AACX,IAAI,EAAE,EAAE,GAAG;AACX,IAAI,EAAE,EAAE,GAAG;AACX,IAAI,EAAE,EAAE,GAAG;AACX,IAAI,EAAE,EAAE,IAAI;AACZ,IAAI,GAAG,EAAE,IAAI;AACb,IAAI,IAAI,EAAE,IAAI;AACd,CAAC,CAAC;AACF;AACA,IAAI,SAAS,GAAG;AAChB,IAAI,wBAAwB,EAAE,GAAG;AACjC,IAAI,mBAAmB,EAAE,EAAE;AAC3B,IAAI,kBAAkB,EAAE,CAAC;AACzB,IAAI,uBAAuB,EAAE,CAAC;AAC9B,IAAI,wBAAwB,EAAE,CAAC,CAAC;AAChC,IAAI,sBAAsB,EAAE,CAAC,CAAC;AAC9B,IAAI,wBAAwB,EAAE,CAAC;AAC/B,IAAI,cAAc,EAAE,EAAE;AACtB,IAAI,mBAAmB,EAAE,CAAC;AAC1B,IAAI,qBAAqB,EAAE,GAAG;AAC9B,IAAI,iBAAiB,EAAE,EAAE;AACzB,IAAI,2BAA2B,EAAE,EAAE;AACnC,IAAI,YAAY,EAAE,EAAE;AACpB,IAAI,qBAAqB,EAAE,GAAG;AAC9B,IAAI,wBAAwB,EAAE,EAAE;AAChC,IAAI,uBAAuB,EAAE,EAAE;AAC/B,IAAI,sBAAsB,EAAE,EAAE;AAC9B,IAAI,qBAAqB,EAAE,GAAG;AAC9B,IAAI,4BAA4B,EAAE,GAAG;AACrC,IAAI,gBAAgB,EAAE,GAAG;AACzB,IAAI,qBAAqB,EAAE,EAAE;AAC7B,IAAI,4BAA4B,EAAE,EAAE;AACpC,IAAI,oBAAoB,EAAE,GAAG;AAC7B,IAAI,mBAAmB,EAAE,EAAE;AAC3B,IAAI,mBAAmB,EAAE,GAAG;AAC5B,IAAI,cAAc,EAAE,EAAE;AACtB,IAAI,oBAAoB,EAAE,CAAC;AAC3B,IAAI,6BAA6B,EAAE,GAAG;AACtC,IAAI,yBAAyB,EAAE,EAAE;AACjC,IAAI,OAAO,EAAE,CAAC;AACd,IAAI,kBAAkB,EAAE,EAAE;AAC1B,IAAI,uBAAuB,EAAE,EAAE;AAC/B,IAAI,iBAAiB,EAAE,EAAE;AACzB,IAAI,sBAAsB,EAAE,EAAE;AAC9B,IAAI,eAAe,EAAE,EAAE;AACvB,IAAI,qBAAqB,EAAE,CAAC;AAC5B,IAAI,oBAAoB,EAAE,EAAE;AAC5B,IAAI,oBAAoB,EAAE,EAAE;AAC5B,IAAI,oBAAoB,EAAE,EAAE;AAC5B,IAAI,uBAAuB,EAAE,EAAE;AAC/B,IAAI,6BAA6B,EAAE,EAAE;AACrC,IAAI,0BAA0B,EAAE,EAAE;AAClC,IAAI,gCAAgC,EAAE,CAAC;AACvC,IAAI,kBAAkB,EAAE,EAAE;AAC1B,IAAI,wBAAwB,EAAE,CAAC;AAC/B,IAAI,oBAAoB,EAAE,GAAG;AAC7B,IAAI,sBAAsB,EAAE,GAAG;AAC/B,IAAI,eAAe,EAAE,EAAE;AACvB,IAAI,oBAAoB,EAAE,EAAE;AAC5B,IAAI,gBAAgB,EAAE,GAAG;AACzB,IAAI,qBAAqB,EAAE,GAAG;AAC9B,IAAI,mBAAmB,EAAE,IAAI;AAC7B,IAAI,qBAAqB,EAAE,EAAE;AAC7B,IAAI,sBAAsB,EAAE,CAAC,IAAI;AACjC,IAAI,oBAAoB,EAAE,CAAC;AAC3B,IAAI,WAAW,EAAE,GAAG;AACpB,IAAI,4BAA4B,EAAE,EAAE;AACpC,IAAI,qBAAqB,EAAE,EAAE;AAC7B,IAAI,0BAA0B,EAAE,GAAG;AACnC,IAAI,0BAA0B,EAAE,GAAG;AACnC,IAAI,iCAAiC,EAAE,EAAE;AACzC,IAAI,iBAAiB,EAAE,GAAG;AAC1B,IAAI,iBAAiB,EAAE,GAAG;AAC1B,IAAI,iBAAiB,EAAE,GAAG;AAC1B,IAAI,aAAa,EAAE,CAAC;AACpB,IAAI,WAAW,EAAE,GAAG;AACpB,IAAI,0BAA0B,EAAE,EAAE;AAClC,IAAI,yBAAyB,EAAE,EAAE;AACjC,IAAI,uBAAuB,EAAE,EAAE;AAC/B,IAAI,uBAAuB,EAAE,CAAC;AAC9B,IAAI,qBAAqB,EAAE,CAAC,CAAC;AAC7B,IAAI,iBAAiB,EAAE,gBAAgB;AACvC,IAAI,gBAAgB,EAAE,EAAE;AACxB,IAAI,eAAe,EAAE,EAAE;AACvB,IAAI,UAAU,EAAE,EAAE;AAClB,IAAI,2BAA2B,EAAE,IAAI;AACrC,IAAI,gBAAgB,EAAE,EAAE;AACxB,IAAI,qBAAqB,EAAE,EAAE;AAC7B,CAAC,CAAC;AACF;AACA,IAAI,OAAO,GAAG;AACd;AACA,IAAI,OAAO,EAAE,SAAS;AACtB,IAAI,SAAS,EAAE,SAAS;AACxB;AACA,IAAI,WAAW,EAAE,SAAS;AAC1B,IAAI,SAAS,EAAE,SAAS;AACxB,IAAI,WAAW,EAAE,SAAS;AAC1B,IAAI,SAAS,EAAE,SAAS;AACxB;AACA,IAAI,aAAa,EAAE,SAAS;AAC5B,IAAI,WAAW,EAAE,SAAS;AAC1B,IAAI,SAAS,EAAE,SAAS;AACxB,IAAI,WAAW,EAAE,SAAS;AAC1B,IAAI,UAAU,EAAE,SAAS;AACzB,IAAI,UAAU,EAAE,SAAS;AACzB,IAAI,WAAW,EAAE,SAAS;AAC1B,IAAI,QAAQ,EAAE,SAAS;AACvB,IAAI,WAAW,EAAE,SAAS;AAC1B;AACA,IAAI,UAAU,EAAE,SAAS;AACzB,IAAI,aAAa,EAAE,SAAS;AAC5B,IAAI,YAAY,EAAE,SAAS;AAC3B;AACA,IAAI,IAAI,EAAE,SAAS;AACnB;AACA,IAAI,KAAK,EAAE,SAAS;AACpB,IAAI,KAAK,EAAE,SAAS;AACpB;AACA,IAAI,QAAQ,EAAE,SAAS;AACvB,IAAI,OAAO,EAAE,SAAS;AACtB,IAAI,KAAK,EAAE,SAAS;AACpB,IAAI,MAAM,EAAE,SAAS;AACrB,IAAI,UAAU,EAAE,SAAS;AACzB,IAAI,IAAI,EAAE,SAAS;AACnB,IAAI,MAAM,EAAE,SAAS;AACrB,IAAI,OAAO,EAAE,SAAS;AACtB,IAAI,UAAU,EAAE,SAAS;AACzB,IAAI,YAAY,EAAE,SAAS;AAC3B,IAAI,gBAAgB,EAAE,SAAS;AAC/B,IAAI,WAAW,EAAE,SAAS;AAC1B,IAAI,MAAM,EAAE,SAAS;AACrB,IAAI,SAAS,EAAE,SAAS;AACxB,IAAI,eAAe,EAAE,uBAAuB;AAC5C;AACA,IAAI,QAAQ,EAAE,SAAS;AACvB,IAAI,SAAS,EAAE,SAAS;AACxB,IAAI,UAAU,EAAE,SAAS;AACzB;AACA,IAAI,WAAW,EAAE,oBAAoB;AACrC;AACA,IAAI,WAAW,EAAE,WAAW;AAC5B;AACA,IAAI,cAAc,EAAE,SAAS;AAC7B,IAAI,gBAAgB,EAAE,SAAS;AAC/B,IAAI,cAAc,EAAE,SAAS;AAC7B,IAAI,eAAe,EAAE,SAAS;AAC9B,IAAI,iBAAiB,EAAE,SAAS;AAChC,IAAI,eAAe,EAAE,SAAS;AAC9B,IAAI,IAAI,EAAE,MAAM;AAChB,CAAC,CAAC;AACF;AACA,IAAI,QAAQ,GAAG;AACf,IAAI,IAAI,EAAE,CAAC;AACX,IAAI,GAAG,EAAE,CAAC;AACV,IAAI,IAAI,EAAE,CAAC;AACX,IAAI,EAAE,EAAE,CAAC;AACT,IAAI,GAAG,EAAE,EAAE;AACX,IAAI,GAAG,EAAE,EAAE;AACX,IAAI,GAAG,EAAE,EAAE;AACX,IAAI,EAAE,EAAE,EAAE;AACV,IAAI,GAAG,EAAE,EAAE;AACX,IAAI,GAAG,EAAE,EAAE;AACX,IAAI,EAAE,EAAE,EAAE;AACV,IAAI,EAAE,EAAE,EAAE;AACV,IAAI,EAAE,EAAE,EAAE;AACV,IAAI,GAAG,EAAE,EAAE;AACX,IAAI,GAAG,EAAE,EAAE;AACX;AACA;AACA,CAAC,CAAC;AACF;AACA,IAAI,UAAU,GAAG;AACjB,IAAI,IAAI,EAAE;AACV,QAAQ,OAAO,EAAE,2DAA2D;AAC5E,QAAQ,OAAO,EAAE,cAAc;AAC/B,QAAQ,IAAI,EAAE,0EAA0E;AACxF,KAAK;AACL,IAAI,MAAM,EAAE;AACZ,QAAQ,OAAO,EAAE,KAAK;AACtB,QAAQ,MAAM,EAAE,KAAK;AACrB,QAAQ,QAAQ,EAAE,KAAK;AACvB,QAAQ,IAAI,EAAE,KAAK;AACnB,QAAQ,SAAS,EAAE,KAAK;AACxB,KAAK;AACL,IAAI,IAAI,EAAE;AACV;AACA,QAAQ,EAAE,EAAE,EAAE;AACd;AACA,QAAQ,EAAE,EAAE,EAAE;AACd,QAAQ,EAAE,EAAE,EAAE;AACd,QAAQ,EAAE,EAAE,EAAE;AACd,QAAQ,EAAE,EAAE,EAAE;AACd,QAAQ,EAAE,EAAE,EAAE;AACd;AACA,QAAQ,EAAE,EAAE,EAAE;AACd,QAAQ,EAAE,EAAE,EAAE;AACd;AACA,QAAQ,EAAE,EAAE,EAAE;AACd,QAAQ,IAAI,EAAE,EAAE;AAChB,KAAK;AACL,IAAI,UAAU,EAAE;AAChB;AACA,QAAQ,EAAE,EAAE,EAAE;AACd;AACA,QAAQ,EAAE,EAAE,EAAE;AACd,QAAQ,EAAE,EAAE,EAAE;AACd;AACA,QAAQ,EAAE,EAAE,EAAE;AACd,QAAQ,EAAE,EAAE,EAAE;AACd,QAAQ,EAAE,EAAE,EAAE;AACd;AACA,QAAQ,EAAE,EAAE,EAAE;AACd,KAAK;AACL,CAAC,CAAC;AACF;AACA,IAAI,UAAU,GAAG;AACjB,IAAI,QAAQ,EAAE,GAAG;AACjB,IAAI,UAAU,EAAE,GAAG;AACnB,IAAI,gBAAgB,EAAE,8CAA8C;AACpE,IAAI,gBAAgB,EAAE,sCAAsC;AAC5D,IAAI,2BAA2B,EAAE,GAAG;AACpC,CAAC,CAAC;AACF;AACA,IAAI,WAAW,GAAG,UAAU,EAAE,EAAE;AAChC,IAAI,IAAI,OAAO,GAAG,EAAE,CAAC,OAAO,EAAE,UAAU,GAAG,EAAE,CAAC,UAAU,EAAE,UAAU,GAAG,EAAE,CAAC,UAAU,EAAE,WAAW,GAAG,EAAE,CAAC,WAAW,EAAE,QAAQ,GAAG,EAAE,CAAC,QAAQ,EAAE,SAAS,GAAG,EAAE,CAAC,SAAS,EAAE,UAAU,GAAG,EAAE,CAAC,UAAU,CAAC;AACjM,IAAI,QAAQ;AACZ,QAAQ,OAAO,EAAE,OAAO;AACxB,QAAQ,UAAU,EAAE,UAAU;AAC9B,QAAQ,UAAU,EAAE,UAAU;AAC9B,QAAQ,WAAW,EAAE,WAAW;AAChC,QAAQ,QAAQ,EAAE,QAAQ;AAC1B,QAAQ,SAAS,EAAE,SAAS;AAC5B,QAAQ,UAAU,EAAE,UAAU;AAC9B,KAAK,EAAE;AACP,CAAC,CAAC;AACF,IAAI,KAAK,GAAG,WAAW,CAAC;AACxB,IAAI,OAAO,EAAE,OAAO;AACpB,IAAI,UAAU,EAAE,UAAU;AAC1B,IAAI,UAAU,EAAE,UAAU;AAC1B,IAAI,WAAW,EAAE,WAAW;AAC5B,IAAI,QAAQ,EAAE,QAAQ;AACtB,IAAI,SAAS,EAAE,SAAS;AACxB,IAAI,UAAU,EAAE,UAAU;AAC1B,CAAC,CAAC,CAAC;AACH;AACkB,KAAA,CAAA,UAAA,GAAG,WAAW;AACd,KAAA,CAAA,UAAA,GAAG,WAAW;AACb,KAAA,CAAA,WAAA,GAAG,YAAY;AACjB,KAAA,CAAA,SAAA,GAAG,UAAU;AACf,KAAA,CAAA,OAAA,GAAG,QAAQ;AACV,KAAA,CAAA,QAAA,GAAG,SAAS;AACf,IAAA,OAAA,GAAA,KAAA,CAAA,KAAA,GAAG,MAAM;AACJ,KAAA,CAAA,UAAA,GAAG;;;;"}
1
+ {"version":3,"file":"index.js","sources":["../../../../../design-tokens/build/index.js"],"sourcesContent":["'use strict';\n\nObject.defineProperty(exports, '__esModule', { value: true });\n\nvar attributes = {\n borderRadius: {\n extraSmall: 2,\n small: 5,\n default: 10,\n big: 20,\n rounded: 100,\n circle: '50%'\n },\n boxShadow: {\n small: '0 0 46px 0 rgba(0, 0, 0, 0.13)',\n hover: '0 0 15px 0 rgba(0, 0, 0, 0.13)',\n buttonHover: '0 1px 5px rgba(0, 0, 0, 0.35)',\n buttonActive: 'inset 0 0px 5px rgba(0, 0, 0, 0.15)',\n iconButtonHover: '0 1px 8px rgba(0, 0, 0, 0.35)',\n layoutShadow: '0 1px 0 rgba(0, 0, 0, 0.15)',\n layoutShadowInset: 'inset 0 -1px 0 rgba(0, 0, 0, 0.15)',\n layoutShadowInsetMedium: 'inset 0 -2px 0 rgba(0, 0, 0, 0.15)',\n stepperShadow: '0px -5px 20px rgba(0, 0, 0, 0.04), 0px -2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04)',\n highlightBoxShadow: '0 2px 5px 0 rgba(7,52,99,0.15)',\n focusVisible: '0 0 0 2px #000'\n },\n zIndex: {\n modal: 5,\n footer: 4,\n high: 3,\n middle: 2,\n low: 1\n },\n transition: {\n t1: '550ms cubic-bezier(0.19, 1, 0.22, 1)',\n inputTransition: 'box-shadow 250ms ease'\n }\n};\n\nvar breakpoints = {\n xxs: 360,\n xs: 480,\n sm: 576,\n md: 768,\n lg: 960,\n xl: 1060,\n xxl: 1280,\n xxxl: 1400\n};\n\nvar constants = {\n BackgroundOverlayOpacity: 0.3,\n buttonBadgeFontSize: 11,\n buttonBadgePadding: 6,\n buttonBadgePaddingSmall: 2,\n buttonBadgeRightPosition: -4,\n buttonBadgeTopPosition: -3,\n buttonChildExtraSmallGap: 4,\n buttonChildGap: 12,\n buttonChildSmallGap: 8,\n buttonWrapperMinWidth: 120,\n cartCardImageSize: 48,\n cartListItemDescriptionSize: 11,\n chipCheckBox: 12,\n couponButtonContainer: 102,\n dateBoxHorizontalPadding: 12,\n deliverySlotArrowOffset: 42,\n deliverySlotItemHeight: 91,\n deliverySlotItemWidth: 130,\n deliverySlotItemWidthDesktop: 146,\n headerBreakpoint: 991,\n headerScrollFadeRange: 50,\n headerWrapperVerticalPadding: 20,\n iconToolTipArrowLeft: 2.5,\n iconToolTipArrowTop: 32,\n iconToolTipBoxWidth: 300,\n iconToolTipTop: 36,\n infoBlockBorderWidth: 4,\n infoBlockImageMaxWidthDesktop: 100,\n InputWithIconPaddingRight: 45,\n itemGap: 2,\n listImageMaxHeight: 50,\n listImageMaxHeightSmall: 32,\n listImageMaxWidth: 64,\n listImageMaxWidthSmall: 32,\n listItemFlexGap: 20,\n MarkingWrapperGridGap: 2,\n maxHeightFaderHeight: 50,\n menuHorizontalMargin: 12,\n menuListItemIconSize: 16,\n mobileLabelPaddingRight: 35,\n mobileLabelPaddingRightMobile: 20,\n mobileLabelVerticalPadding: 10,\n mobileLabelVerticalPaddingMobile: 8,\n mobileTablePadding: 12,\n mobileTablePaddingBottom: 6,\n modalConfirmMaxWidth: 480,\n modalContainerMaxWidth: 615,\n navHeaderHeight: 81,\n navHeaderHeightSmall: 64,\n navMainLinkWidth: 105,\n pageContainerMaxWidth: 776,\n pageContentMaxWidth: 1232,\n paginationButtonWidth: 44,\n priceBaseLetterSpacing: -0.03,\n priceIndicatorRotate: 1,\n priceRotate: 2.5,\n priceSplashHorizontalPadding: 10,\n priceVariantBadgeSize: 48,\n quantitySelectorWidthLarge: 140,\n quantitySelectorWidthSmall: 123,\n searchListItemGridTemplateColumns: 25,\n searchModalZIndex: 900,\n selectButtonWidth: 169,\n selectMobileWidth: 175,\n selectPadding: 2,\n selectWidth: 225,\n tableHeaderVerticalPadding: 12,\n tableRowHorizontalPadding: 14,\n tableRowVerticalPadding: 16,\n toolTipArrowBorderWidth: 5,\n toolTipArrowMarginTop: -5,\n toolTipBackground: 'rgba(0,0,0,.7)',\n toolTipCloseSize: 20,\n tooltipMinWidth: 80,\n toolTipTop: 35,\n twoColumnsContainerMaxWidth: 1024,\n zipCodeInputSize: 48,\n zipCodeInputSizeSmall: 40\n};\n\nvar palette = {\n // pallette same as brand colors\n primary: '#FFDF43',\n secondary: '#0071B9',\n // brand colors\n brandYellow: '#FFDF43',\n brandBlue: '#0071B9',\n brandPurple: '#A71680',\n brandPrio: '#a80073',\n // shades\n yellowLighter: '#FFFBE7',\n yellowLight: '#FFF7D1',\n blueLight: '#ECF7FE',\n blueLighter: '#D3EDFD',\n blueMedium: '#92B9D3',\n greenLight: '#F2FDF2',\n greenMedium: '#BEE5BE',\n redLight: '#FCE9E9',\n redLighter: '#FDF2F2',\n priceTagRed: '#C80700',\n // recipeTags\n recipeVego: '#65DB69',\n recipeLactose: '#8CCDF0',\n recipeGluten: '#D5642A',\n // link same as alert blue\n link: '#0072BB',\n // black / white\n white: '#FFFFFF',\n black: '#000000',\n // grayscale\n lightest: '#F7F7F7',\n lighter: '#F1F1F1',\n light: '#E8E8E8',\n medium: '#DBDBDB',\n mediumDark: '#6C6C6C',\n dark: '#979797',\n darker: '#4A4A4A',\n darkest: '#333333',\n buttonGray: '#E5E4E5',\n disabledGray: '#B8B8B8',\n disabledDarkGray: '#5c5c5c',\n placeholder: '#8f8f8f',\n border: '#0069AE',\n grayMuted: '#797575',\n grayNeutral: '#D6D6D6',\n boxShadow: '#E1E1E1',\n boxShadowActive: 'rgba(7, 52, 99, 0.15)',\n // Alerts\n alertRed: '#E02721',\n alertBlue: '#0072BB',\n alertGreen: '#3F9A3C',\n // overlay\n darkOverlay: 'rgba(0, 0, 0, 0.6)',\n // transparent\n transparent: '#ffffff00',\n // hover\n brandBlueHover: '#005C99',\n brandYellowHover: '#F5D800',\n brandPrioHover: '#90136F',\n brandBlueActive: '#004D80',\n brandYellowActive: '#DBC100',\n brandPrioActive: '#7A105E',\n none: 'none'\n};\n\nvar spacings = {\n xxxs: 2,\n xxs: 4,\n xxs2: 6,\n xs: 8,\n xs1: 10,\n xs2: 12,\n xs3: 14,\n sm: 16,\n sm1: 18,\n sm2: 20,\n md: 24,\n lg: 32,\n xl: 40,\n xl2: 48,\n xxl: 56\n // More in figma, but talk with Johan to generalize it more.\n // xxx: 72, 88, 120, 152 ?\n};\n\nvar typography = {\n type: {\n primary: '\"Poppins\", \"Helvetica Neue\", Helvetica, Arial, sans-serif',\n display: '\"Dom Casual\"',\n code: '\"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, Courier, monospace'\n },\n weight: {\n regular: '400',\n medium: '500',\n semiBold: '600',\n bold: '700',\n extraBold: '800'\n },\n size: {\n // xs all from 0-10\n xs: 10,\n // s all from 11-20\n s0: 11,\n s1: 12,\n s2: 13,\n s3: 15,\n s4: 18,\n // m all from 21-40\n m1: 24,\n m2: 30,\n // l all from 41 >\n l1: 41,\n code: 90\n },\n lineHeight: {\n // xs all from 0-15\n xs: 15,\n // s all from 16-20\n s1: 18,\n s2: 19,\n // m all from 21-40\n m1: 22,\n m2: 27,\n m3: 36,\n // l all from 41 >\n l1: 45\n }\n};\n\nvar animations = {\n tapScale: 0.9,\n hoverScale: 1.1,\n buttonTransition: 'all 250ms cubic-bezier(0.165, 0.84, 0.44, 1)',\n rippleTransition: '750ms cubic-bezier(0.19, 1, 0.22, 1)',\n saveButtonAnimationComplete: 600\n};\n\nvar createTheme = function (_a) {\n var palette = _a.palette, typography = _a.typography, attributes = _a.attributes, breakpoints = _a.breakpoints, spacings = _a.spacings, constants = _a.constants, animations = _a.animations;\n return ({\n palette: palette,\n typography: typography,\n attributes: attributes,\n breakpoints: breakpoints,\n spacings: spacings,\n constants: constants,\n animations: animations\n });\n};\nvar theme = createTheme({\n palette: palette,\n typography: typography,\n attributes: attributes,\n breakpoints: breakpoints,\n spacings: spacings,\n constants: constants,\n animations: animations\n});\n\nexports.animations = animations;\nexports.attributes = attributes;\nexports.breakpoints = breakpoints;\nexports.constants = constants;\nexports.palette = palette;\nexports.spacings = spacings;\nexports.theme = theme;\nexports.typography = typography;\n//# sourceMappingURL=index.js.map\n"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@citygross/components",
3
- "version": "0.14.6",
3
+ "version": "0.14.8",
4
4
  "license": "ISC",
5
5
  "sideEffects": false,
6
6
  "main": "./build/cjs/components/src/index.js",
@@ -64,10 +64,10 @@
64
64
  "styled-components": "^5.2.1"
65
65
  },
66
66
  "dependencies": {
67
- "@citygross/design-tokens": "^0.2.80",
67
+ "@citygross/design-tokens": "^0.4.0",
68
68
  "@citygross/icons": "^0.3.2",
69
69
  "@citygross/react-use-bg-wizard": "^0.0.8",
70
- "@citygross/typography": "^0.0.117",
70
+ "@citygross/typography": "^0.0.119",
71
71
  "@citygross/utils": "^0.0.44",
72
72
  "framer-motion": "^4.1.17",
73
73
  "moment": "^2.29.1",
@@ -75,5 +75,5 @@
75
75
  "react-slick": "^0.30.1",
76
76
  "slick-carousel": "^1.8.1"
77
77
  },
78
- "gitHead": "8aedc3a7880afa6eafa4c2e39a3f4fb2610fdfbd"
78
+ "gitHead": "a8bb12a0b2099592f2dfb24a80490bf4633f6a6d"
79
79
  }