@citygross/components 0.16.20 → 0.16.22

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 (28) hide show
  1. package/build/@types/components/CartSummary/CartSummary.d.ts +1 -1
  2. package/build/@types/components/CartSummary/CartSummary.styles.d.ts +1 -0
  3. package/build/@types/components/ListItem/ListItem.styles.d.ts +1 -1
  4. package/build/cjs/components/src/components/CartSummary/CartSummary.js +8 -7
  5. package/build/cjs/components/src/components/CartSummary/CartSummary.js.map +1 -1
  6. package/build/cjs/components/src/components/CartSummary/CartSummary.styles.js +6 -3
  7. package/build/cjs/components/src/components/CartSummary/CartSummary.styles.js.map +1 -1
  8. package/build/cjs/components/src/components/ListItem/ListItem.js +1 -1
  9. package/build/cjs/components/src/components/ListItem/ListItem.styles.js +1 -3
  10. package/build/cjs/components/src/components/ListItem/ListItem.styles.js.map +1 -1
  11. package/build/cjs/components/src/components/RadioListItem/RadioListItem.js +6 -2
  12. package/build/cjs/components/src/components/RadioListItem/RadioListItem.js.map +1 -1
  13. package/build/cjs/components/src/components/RadioListItem/RadioListItem.styles.js +1 -1
  14. package/build/cjs/design-tokens/build/index.js +2 -0
  15. package/build/cjs/design-tokens/build/index.js.map +1 -1
  16. package/build/es/components/src/components/CartSummary/CartSummary.js +9 -8
  17. package/build/es/components/src/components/CartSummary/CartSummary.js.map +1 -1
  18. package/build/es/components/src/components/CartSummary/CartSummary.styles.js +6 -4
  19. package/build/es/components/src/components/CartSummary/CartSummary.styles.js.map +1 -1
  20. package/build/es/components/src/components/ListItem/ListItem.js +1 -1
  21. package/build/es/components/src/components/ListItem/ListItem.styles.js +1 -3
  22. package/build/es/components/src/components/ListItem/ListItem.styles.js.map +1 -1
  23. package/build/es/components/src/components/RadioListItem/RadioListItem.js +6 -2
  24. package/build/es/components/src/components/RadioListItem/RadioListItem.js.map +1 -1
  25. package/build/es/components/src/components/RadioListItem/RadioListItem.styles.js +1 -1
  26. package/build/es/design-tokens/build/index.js +2 -0
  27. package/build/es/design-tokens/build/index.js.map +1 -1
  28. package/package.json +4 -4
package/build/@types/components/CartSummary/CartSummary.d.ts CHANGED
@@ -27,7 +27,7 @@ export declare type TSummaryItem = {
27
27
  cancelledAmount: number;
28
28
  cancelledQuantity: number;
29
29
  color?: string;
30
- info?: React.ReactNode;
30
+ info?: string;
31
31
  name?: string;
32
32
  quantity: number;
33
33
  tooltipAriaLabel?: string;
package/build/@types/components/CartSummary/CartSummary.styles.d.ts CHANGED
@@ -11,6 +11,7 @@ export declare const ChargesContainer: import("styled-components").StyledCompone
11
11
  export declare const CartLine: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TCartLine, never>;
12
12
  export declare const AmountWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
13
13
  export declare const LabelWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
14
+ export declare const ChargeTooltipInfo: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
14
15
  export declare const CartSummaryTitle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
15
16
  export declare const QuantitySpan: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
16
17
  export {};
package/build/@types/components/ListItem/ListItem.styles.d.ts CHANGED
@@ -5,7 +5,7 @@ export declare type TListItem = {
5
5
  export declare const ItemInformationContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TListItem, never>;
6
6
  export declare const ListItemContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
7
7
  export declare const ListLeft: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TListItem, never>;
8
- export declare const ListRight: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Pick<TListItem, "alignment">, never>;
8
+ export declare const ListRight: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
9
9
  export declare type TListImageContainer = {
10
10
  isSmall?: boolean;
11
11
  };
package/build/cjs/components/src/components/CartSummary/CartSummary.js CHANGED
@@ -55,9 +55,9 @@ function CartSummary(_a) {
55
55
  summaryParts.push("".concat(charges.length, " avgifter"));
56
56
  }
57
57
  var ChargeLine = function (_a) {
58
- var _b, _c, _d;
58
+ var _b, _c, _d, _e;
59
59
  var charge = _a.charge;
60
- var _e = React.useState(false), infoOpen = _e[0], setInfoOpen = _e[1];
60
+ var _f = React.useState(false), infoOpen = _f[0], setInfoOpen = _f[1];
61
61
  var tooltipId = "tooltip-".concat((_b = charge.name) === null || _b === void 0 ? void 0 : _b.toLowerCase().replace(/ /g, '-'));
62
62
  var toggleInfoOpen = function () {
63
63
  setInfoOpen(!infoOpen);
@@ -76,9 +76,11 @@ function CartSummary(_a) {
76
76
  charge.info && (React__default["default"].createElement(React.Fragment, null,
77
77
  React__default["default"].createElement(ToolTipButton.ToolTipButton, { "aria-expanded": infoOpen, "aria-label": charge.tooltipAriaLabel ||
78
78
  "Mer information om ".concat(baseChargeName), "aria-describedby": infoOpen ? tooltipId : undefined, onClick: toggleInfoOpen }),
79
- infoOpen && (React__default["default"].createElement(ToolTipDialog.ToolTipDialog, { id: tooltipId, toggle: toggleInfoOpen }, charge.info))))),
79
+ infoOpen && (React__default["default"].createElement(ToolTipDialog.ToolTipDialog, { id: tooltipId, toggle: toggleInfoOpen },
80
+ React__default["default"].createElement(CartSummary_styles.ChargeTooltipInfo, null,
81
+ React__default["default"].createElement(typography.BodyText, { color: (_d = index.theme.palette) === null || _d === void 0 ? void 0 : _d.white, size: typography.TextTypes.TextSize.SMALL }, charge.info))))))),
80
82
  React__default["default"].createElement(CartSummary_styles.AmountWrapper, null,
81
- charge.cancelledAmount > 0 && (React__default["default"].createElement(typography.BodyText, { lineThrough: true, color: chargeColor !== null && chargeColor !== void 0 ? chargeColor : (_d = index.theme === null || index.theme === void 0 ? void 0 : index.theme.palette) === null || _d === void 0 ? void 0 : _d.dark }, utils.formatPrice(charge.cancelledAmount))),
83
+ charge.cancelledAmount > 0 && (React__default["default"].createElement(typography.BodyText, { lineThrough: true, color: chargeColor !== null && chargeColor !== void 0 ? chargeColor : (_e = index.theme === null || index.theme === void 0 ? void 0 : index.theme.palette) === null || _e === void 0 ? void 0 : _e.dark }, utils.formatPrice(charge.cancelledAmount))),
82
84
  React__default["default"].createElement(typography.BodyText, { color: chargeColor }, fromLabel
83
85
  ? "".concat(fromLabel, " ").concat(utils.formatPrice(charge.amount))
84
86
  : utils.formatPrice(charge.amount)))));
@@ -88,7 +90,7 @@ function CartSummary(_a) {
88
90
  cartSummary.title && (React__default["default"].createElement(CartSummary_styles.CartSummaryTitle, null,
89
91
  React__default["default"].createElement(typography.BodyText, { fontWeight: "semiBold" }, cartSummary.title),
90
92
  React__default["default"].createElement(typography.BodyText, null, cartSummary.subtitle))),
91
- React__default["default"].createElement(CartSummary_styles.CartSummaryContent, { title: cartSummary.title, role: "list", "aria-label": "Order summary" },
93
+ React__default["default"].createElement(CartSummary_styles.CartSummaryContent, { title: cartSummary.title, role: "list", "aria-label": "Ordersammanfattning" },
92
94
  ((groceries === null || groceries === void 0 ? void 0 : groceries.length) > 0 || (cateredMeals === null || cateredMeals === void 0 ? void 0 : cateredMeals.length) > 0) && (React__default["default"].createElement(CartSummary_styles.CartLine, { role: "listitem" },
93
95
  React__default["default"].createElement(typography.BodyText, { fontWeight: "medium" },
94
96
  itemsLabel,
@@ -107,8 +109,7 @@ function CartSummary(_a) {
107
109
  React__default["default"].createElement(CartSummary_styles.AmountWrapper, null,
108
110
  sumOfBags.cancelledAmount > 0 && (React__default["default"].createElement(typography.BodyText, { lineThrough: true, color: (_o = index.theme === null || index.theme === void 0 ? void 0 : index.theme.palette) === null || _o === void 0 ? void 0 : _o.dark }, utils.formatPrice(sumOfBags.cancelledAmount))),
109
111
  React__default["default"].createElement(typography.BodyText, { fontWeight: "semiBold" }, utils.formatPrice(sumOfBags.amount))))),
110
- (charges === null || charges === void 0 ? void 0 : charges.length) > 0 &&
111
- React__default["default"].createElement(CartSummary_styles.ChargesContainer, null, charges === null || charges === void 0 ? void 0 : charges.map(function (charge) { return (React__default["default"].createElement(ChargeLine, { key: charge.name, charge: charge })); })),
112
+ (charges === null || charges === void 0 ? void 0 : charges.length) > 0 && (React__default["default"].createElement(CartSummary_styles.ChargesContainer, null, charges === null || charges === void 0 ? void 0 : charges.map(function (charge) { return (React__default["default"].createElement(ChargeLine, { key: charge.name, charge: charge })); }))),
112
113
  React__default["default"].createElement(CartSummary_styles.ChargesContainer, null,
113
114
  React__default["default"].createElement(CartSummary_styles.CartLine, { role: "listitem" },
114
115
  React__default["default"].createElement(typography.BodyText, { fontWeight: "semiBold" }, totalLabel),
package/build/cjs/components/src/components/CartSummary/CartSummary.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"CartSummary.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"CartSummary.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/build/cjs/components/src/components/CartSummary/CartSummary.styles.js CHANGED
@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var _tslib = require('../../../../_virtual/_tslib.js');
6
6
  var styled = require('styled-components');
7
+ var designTokens = require('@citygross/design-tokens');
7
8
 
8
9
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
9
10
 
@@ -16,9 +17,10 @@ var ChargesContainer = styled__default["default"].div(templateObject_4 || (templ
16
17
  var CartLine = styled__default["default"].div(templateObject_5 || (templateObject_5 = _tslib.__makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n text-decoration: ", ";\n"], ["\n display: flex;\n justify-content: space-between;\n text-decoration: ", ";\n"])), function (props) { return props.cancelled && 'line-through'; });
17
18
  var AmountWrapper = styled__default["default"].div(templateObject_6 || (templateObject_6 = _tslib.__makeTemplateObject(["\n display: flex;\n gap: ", "px;\n"], ["\n display: flex;\n gap: ", "px;\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs; });
18
19
  var LabelWrapper = styled__default["default"].div(templateObject_7 || (templateObject_7 = _tslib.__makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: ", "px;\n position: relative;\n"], ["\n display: flex;\n align-items: center;\n gap: ", "px;\n position: relative;\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs; });
19
- var CartSummaryTitle = styled__default["default"].div(templateObject_8 || (templateObject_8 = _tslib.__makeTemplateObject(["\n padding: ", "px 0\n ", "px;\n margin: 0 ", "px;\n display: flex;\n gap: ", "px;\n border-bottom: 1px solid ", ";\n"], ["\n padding: ", "px 0\n ", "px;\n margin: 0 ", "px;\n display: flex;\n gap: ", "px;\n border-bottom: 1px solid ", ";\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.md; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.md; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs; }, function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.light; });
20
- var QuantitySpan = styled__default["default"].span(templateObject_9 || (templateObject_9 = _tslib.__makeTemplateObject(["\n color: ", ";\n font-size: ", "px;\n display: inline-block;\n margin-left: ", "px;\n font-weight: ", ";\n"], ["\n color: ", ";\n font-size: ", "px;\n display: inline-block;\n margin-left: ", "px;\n font-weight: ", ";\n"])), function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.disabledDarkGray; }, function (props) { var _a, _b; return (_b = (_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.size) === null || _b === void 0 ? void 0 : _b.s1; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xxs; }, function (props) { var _a, _b; return (_b = (_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.weight) === null || _b === void 0 ? void 0 : _b.regular; });
21
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
20
+ var ChargeTooltipInfo = styled__default["default"].div(templateObject_8 || (templateObject_8 = _tslib.__makeTemplateObject(["\n flex: 1;\n line-height: normal;\n overflow-wrap: break-word;\n white-space: pre-line;\n width: ", "px;\n word-break: break-word;\n\n @media (max-width: ", "px) {\n width: ", "px;\n }\n"], ["\n flex: 1;\n line-height: normal;\n overflow-wrap: break-word;\n white-space: pre-line;\n width: ", "px;\n word-break: break-word;\n\n @media (max-width: ", "px) {\n width: ", "px;\n }\n"])), designTokens.constants.cartSummaryTooltipWidth, function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.xs; }, designTokens.constants.cartSummaryTooltipWidthMobile);
21
+ var CartSummaryTitle = styled__default["default"].div(templateObject_9 || (templateObject_9 = _tslib.__makeTemplateObject(["\n padding: ", "px 0\n ", "px;\n margin: 0 ", "px;\n display: flex;\n gap: ", "px;\n border-bottom: 1px solid ", ";\n"], ["\n padding: ", "px 0\n ", "px;\n margin: 0 ", "px;\n display: flex;\n gap: ", "px;\n border-bottom: 1px solid ", ";\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.md; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.md; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs; }, function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.light; });
22
+ var QuantitySpan = styled__default["default"].span(templateObject_10 || (templateObject_10 = _tslib.__makeTemplateObject(["\n color: ", ";\n font-size: ", "px;\n display: inline-block;\n margin-left: ", "px;\n font-weight: ", ";\n"], ["\n color: ", ";\n font-size: ", "px;\n display: inline-block;\n margin-left: ", "px;\n font-weight: ", ";\n"])), function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.disabledDarkGray; }, function (props) { var _a, _b; return (_b = (_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.size) === null || _b === void 0 ? void 0 : _b.s1; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xxs; }, function (props) { var _a, _b; return (_b = (_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.weight) === null || _b === void 0 ? void 0 : _b.regular; });
23
+ var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10;
22
24
 
23
25
  exports.AmountWrapper = AmountWrapper;
24
26
  exports.CartLine = CartLine;
@@ -26,6 +28,7 @@ exports.CartPaymentContainer = CartPaymentContainer;
26
28
  exports.CartSummaryContainer = CartSummaryContainer;
27
29
  exports.CartSummaryContent = CartSummaryContent;
28
30
  exports.CartSummaryTitle = CartSummaryTitle;
31
+ exports.ChargeTooltipInfo = ChargeTooltipInfo;
29
32
  exports.ChargesContainer = ChargesContainer;
30
33
  exports.LabelWrapper = LabelWrapper;
31
34
  exports.QuantitySpan = QuantitySpan;
package/build/cjs/components/src/components/CartSummary/CartSummary.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"CartSummary.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"CartSummary.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/build/cjs/components/src/components/ListItem/ListItem.js CHANGED
@@ -53,7 +53,7 @@ var ListItem = function (_a) {
53
53
  }, value: checkbox.value, alignItems: "flex-start" }));
54
54
  })))))),
55
55
  (item === null || item === void 0 ? void 0 : item.secondaryDescription) && item.secondaryDescription)),
56
- children && (React__default["default"].createElement(ListItem_styles.ListRight, { alignment: alignment }, children))));
56
+ children && (React__default["default"].createElement(ListItem_styles.ListRight, null, children))));
57
57
  };
58
58
 
59
59
  exports.ListItem = ListItem;
package/build/cjs/components/src/components/ListItem/ListItem.styles.js CHANGED
@@ -15,9 +15,7 @@ var ListItemContainer = styled__default["default"].div(templateObject_2 || (temp
15
15
  var ListLeft = styled__default["default"].div(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n display: flex;\n align-items: ", ";\n gap: ", "px;\n\n @media (min-width: ", "px) {\n gap: ", "px;\n }\n\n @media (max-width: ", "px) {\n align-items: flex-start;\n }\n"], ["\n display: flex;\n align-items: ", ";\n gap: ", "px;\n\n @media (min-width: ", "px) {\n gap: ", "px;\n }\n\n @media (max-width: ", "px) {\n align-items: flex-start;\n }\n"])), function (props) {
16
16
  return props.alignment === ListItem.EListItemAlignment.TOP ? 'inherit' : 'center';
17
17
  }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm; }, function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.xs; }, function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.listItemFlexGap; }, function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.xs; });
18
- var ListRight = styled__default["default"].div(templateObject_4 || (templateObject_4 = _tslib.__makeTemplateObject(["\n display: flex;\n flex-direction: row;\n align-items: ", ";\n justify-content: space-between;\n text-align: right;\n"], ["\n display: flex;\n flex-direction: row;\n align-items: ", ";\n justify-content: space-between;\n text-align: right;\n"])), function (props) {
19
- return props.alignment === ListItem.EListItemAlignment.TOP ? 'flex-start' : 'center';
20
- });
18
+ var ListRight = styled__default["default"].div(templateObject_4 || (templateObject_4 = _tslib.__makeTemplateObject(["\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n justify-content: space-between;\n text-align: right;\n"], ["\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n justify-content: space-between;\n text-align: right;\n"])));
21
19
  var ListImageContainer = styled__default["default"].div(templateObject_5 || (templateObject_5 = _tslib.__makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: row;\n flex-shrink: 0;\n width: ", "px;\n height: ", "px;\n\n @media (max-width: ", "px) {\n width: ", "px;\n height: ", "px;\n }\n"], ["\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: row;\n flex-shrink: 0;\n width: ", "px;\n height: ", "px;\n\n @media (max-width: ", "px) {\n width: ", "px;\n height: ", "px;\n }\n"])), function (props) {
22
20
  var _a, _b;
23
21
  return (props === null || props === void 0 ? void 0 : props.isSmall)
package/build/cjs/components/src/components/ListItem/ListItem.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ListItem.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"ListItem.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/build/cjs/components/src/components/RadioListItem/RadioListItem.js CHANGED
@@ -5,13 +5,16 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var React = require('react');
6
6
  var RadioListItem_styles = require('./RadioListItem.styles.js');
7
7
  var utils = require('@citygross/utils');
8
+ var designTokens = require('@citygross/design-tokens');
9
+ var typography = require('@citygross/typography');
8
10
 
9
11
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
10
12
 
11
13
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
12
14
 
13
15
  function RadioListItem(_a) {
14
- var onClick = _a.onClick, selected = _a.selected, _b = _a.flexGrow, flexGrow = _b === void 0 ? 1 : _b, isDisabled = _a.isDisabled, transparent = _a.transparent, noPadding = _a.noPadding, label = _a.label, value = _a.value, wrapMobile = _a.wrapMobile, additionalInfo = _a.additionalInfo, children = _a.children, tabIndex = _a.tabIndex, onFocus = _a.onFocus, onBlur = _a.onBlur, onKeyDown = _a.onKeyDown;
16
+ var _b;
17
+ var onClick = _a.onClick, selected = _a.selected, _c = _a.flexGrow, flexGrow = _c === void 0 ? 1 : _c, isDisabled = _a.isDisabled, transparent = _a.transparent, noPadding = _a.noPadding, label = _a.label, value = _a.value, wrapMobile = _a.wrapMobile, additionalInfo = _a.additionalInfo, children = _a.children, tabIndex = _a.tabIndex, onFocus = _a.onFocus, onBlur = _a.onBlur, onKeyDown = _a.onKeyDown;
15
18
  var defaultTabIndex = isDisabled ? -1 : selected ? 0 : -1;
16
19
  return (React__default["default"].createElement(RadioListItem_styles.BaseRadioListItemContainer, { tabIndex: tabIndex !== null && tabIndex !== void 0 ? tabIndex : defaultTabIndex, role: "radio", "aria-checked": selected, "aria-disabled": isDisabled, transparent: transparent, isDisabled: isDisabled, noPadding: noPadding, selected: selected, onClick: isDisabled ? function () { } : function () { return onClick(value); }, onFocus: onFocus, onBlur: onBlur, onKeyDown: function (event) { return utils.selectKeyboardEventHandler({ event: event, isDisabled: isDisabled, onClick: onClick, value: value, onKeyDown: onKeyDown }); } },
17
20
  React__default["default"].createElement(RadioListItem_styles.RadioFlex, { wrapMobile: wrapMobile },
@@ -19,7 +22,8 @@ function RadioListItem(_a) {
19
22
  React__default["default"].createElement(RadioListItem_styles.LabelContentWrapper, null,
20
23
  React__default["default"].createElement(RadioListItem_styles.StyledH3, { isDisabled: isDisabled }, label),
21
24
  additionalInfo && additionalInfo)),
22
- !isDisabled && (React__default["default"].createElement(RadioListItem_styles.RadioRightWrapper, null, children)))));
25
+ isDisabled ? (React__default["default"].createElement(RadioListItem_styles.RadioRightWrapper, null,
26
+ React__default["default"].createElement(typography.BodyText, { color: (_b = designTokens.theme.palette) === null || _b === void 0 ? void 0 : _b.disabledDarkGray }, "Ej tillg\u00E4nglig"))) : (React__default["default"].createElement(RadioListItem_styles.RadioRightWrapper, null, children)))));
23
27
  }
24
28
 
25
29
  exports.RadioListItem = RadioListItem;
package/build/cjs/components/src/components/RadioListItem/RadioListItem.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"RadioListItem.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"RadioListItem.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/build/cjs/components/src/components/RadioListItem/RadioListItem.styles.js CHANGED
@@ -40,7 +40,7 @@ var StyledH3 = styled__default["default"](typography.H3).attrs({
40
40
  })(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n cursor: ", ";\n white-space: nowrap;\n display: block;\n line-height: ", "px;\n ", ";\n"], ["\n cursor: ", ";\n white-space: nowrap;\n display: block;\n line-height: ", "px;\n ", ";\n"])), function (props) { return (props.isDisabled ? 'not-allowed' : 'pointer'); }, function (props) { var _a; return (_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.lineHeight.m1; }, function (props) {
41
41
  var _a;
42
42
  return props.isDisabled &&
43
- "\n color: ".concat((_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.disabledDarkGray, ";\n text-decoration: line-through;\n ");
43
+ "\n color: ".concat((_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.disabledDarkGray, ";\n ");
44
44
  });
45
45
  var RadioRightWrapper = styled__default["default"].div(templateObject_4 || (templateObject_4 = _tslib.__makeTemplateObject(["\n display: flex;\n gap: ", "px;\n justify-content: flex-end;\n text-align: right;\n font-size: ", "px;\n"], ["\n display: flex;\n gap: ", "px;\n justify-content: flex-end;\n text-align: right;\n font-size: ", "px;\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs; }, function (props) { var _a; return (_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.size.s2; });
46
46
  styled__default["default"](typography.BodyText)(templateObject_5 || (templateObject_5 = _tslib.__makeTemplateObject(["\n font-size: ", "px;\n color: ", ";\n ", "\n @media (min-width: ", "px) {\n font-size: ", "px;\n text-align: inherit;\n }\n"], ["\n font-size: ", "px;\n color: ", ";\n ", "\n @media (min-width: ", "px) {\n font-size: ", "px;\n text-align: inherit;\n }\n"])), function (props) { var _a; return (_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.size.s2; }, function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.darkest; }, function (props) {
package/build/cjs/design-tokens/build/index.js CHANGED
@@ -65,6 +65,8 @@ var constants = {
65
65
  buttonWrapperMinWidth: 120,
66
66
  cartCardImageSize: 48,
67
67
  cartListItemDescriptionSize: 11,
68
+ cartSummaryTooltipWidth: 335,
69
+ cartSummaryTooltipWidthMobile: 200,
68
70
  chipCheckBox: 12,
69
71
  couponButtonContainer: 102,
70
72
  dateBoxHorizontalPadding: 12,
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 minimalHeaderMaxWidth: 640,\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 modalMaxWidth: 624,\n modalMaxWidthSmall: 480,\n modalMinHeight: 120,\n modalMinWidth: 320,\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 sideModalHeaderHeight: 64,\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 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 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 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 cartSummaryTooltipWidth: 335,\n cartSummaryTooltipWidthMobile: 200,\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 minimalHeaderMaxWidth: 640,\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 modalMaxWidth: 624,\n modalMaxWidthSmall: 480,\n modalMinHeight: 120,\n modalMinWidth: 320,\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 sideModalHeaderHeight: 64,\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 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 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 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/CartSummary/CartSummary.js CHANGED
@@ -5,7 +5,7 @@ import { formatPrice } from '@citygross/utils';
5
5
  import { theme as theme_1 } from '../../../../design-tokens/build/index.js';
6
6
  import { ToolTipButton } from '../CgButton/ToolTipButton/ToolTipButton.js';
7
7
  import { ToolTipDialog } from '../ToolTipDialog/ToolTipDialog.js';
8
- import { CartSummaryContainer, CartPaymentContainer, CartSummaryTitle, CartSummaryContent, CartLine, QuantitySpan, AmountWrapper, ChargesContainer, LabelWrapper } from './CartSummary.styles.js';
8
+ import { CartSummaryContainer, CartPaymentContainer, CartSummaryTitle, CartSummaryContent, CartLine, QuantitySpan, AmountWrapper, ChargesContainer, LabelWrapper, ChargeTooltipInfo } from './CartSummary.styles.js';
9
9
 
10
10
  var calculateSummaryLine = function (items) {
11
11
  var sumOfItems = items === null || items === void 0 ? void 0 : items.reduce(function (prev, curr) {
@@ -47,9 +47,9 @@ function CartSummary(_a) {
47
47
  summaryParts.push("".concat(charges.length, " avgifter"));
48
48
  }
49
49
  var ChargeLine = function (_a) {
50
- var _b, _c, _d;
50
+ var _b, _c, _d, _e;
51
51
  var charge = _a.charge;
52
- var _e = useState(false), infoOpen = _e[0], setInfoOpen = _e[1];
52
+ var _f = useState(false), infoOpen = _f[0], setInfoOpen = _f[1];
53
53
  var tooltipId = "tooltip-".concat((_b = charge.name) === null || _b === void 0 ? void 0 : _b.toLowerCase().replace(/ /g, '-'));
54
54
  var toggleInfoOpen = function () {
55
55
  setInfoOpen(!infoOpen);
@@ -68,9 +68,11 @@ function CartSummary(_a) {
68
68
  charge.info && (React.createElement(Fragment, null,
69
69
  React.createElement(ToolTipButton, { "aria-expanded": infoOpen, "aria-label": charge.tooltipAriaLabel ||
70
70
  "Mer information om ".concat(baseChargeName), "aria-describedby": infoOpen ? tooltipId : undefined, onClick: toggleInfoOpen }),
71
- infoOpen && (React.createElement(ToolTipDialog, { id: tooltipId, toggle: toggleInfoOpen }, charge.info))))),
71
+ infoOpen && (React.createElement(ToolTipDialog, { id: tooltipId, toggle: toggleInfoOpen },
72
+ React.createElement(ChargeTooltipInfo, null,
73
+ React.createElement(BodyText, { color: (_d = theme_1.palette) === null || _d === void 0 ? void 0 : _d.white, size: TextTypes.TextSize.SMALL }, charge.info))))))),
72
74
  React.createElement(AmountWrapper, null,
73
- charge.cancelledAmount > 0 && (React.createElement(BodyText, { lineThrough: true, color: chargeColor !== null && chargeColor !== void 0 ? chargeColor : (_d = theme_1 === null || theme_1 === void 0 ? void 0 : theme_1.palette) === null || _d === void 0 ? void 0 : _d.dark }, formatPrice(charge.cancelledAmount))),
75
+ charge.cancelledAmount > 0 && (React.createElement(BodyText, { lineThrough: true, color: chargeColor !== null && chargeColor !== void 0 ? chargeColor : (_e = theme_1 === null || theme_1 === void 0 ? void 0 : theme_1.palette) === null || _e === void 0 ? void 0 : _e.dark }, formatPrice(charge.cancelledAmount))),
74
76
  React.createElement(BodyText, { color: chargeColor }, fromLabel
75
77
  ? "".concat(fromLabel, " ").concat(formatPrice(charge.amount))
76
78
  : formatPrice(charge.amount)))));
@@ -80,7 +82,7 @@ function CartSummary(_a) {
80
82
  cartSummary.title && (React.createElement(CartSummaryTitle, null,
81
83
  React.createElement(BodyText, { fontWeight: "semiBold" }, cartSummary.title),
82
84
  React.createElement(BodyText, null, cartSummary.subtitle))),
83
- React.createElement(CartSummaryContent, { title: cartSummary.title, role: "list", "aria-label": "Order summary" },
85
+ React.createElement(CartSummaryContent, { title: cartSummary.title, role: "list", "aria-label": "Ordersammanfattning" },
84
86
  ((groceries === null || groceries === void 0 ? void 0 : groceries.length) > 0 || (cateredMeals === null || cateredMeals === void 0 ? void 0 : cateredMeals.length) > 0) && (React.createElement(CartLine, { role: "listitem" },
85
87
  React.createElement(BodyText, { fontWeight: "medium" },
86
88
  itemsLabel,
@@ -99,8 +101,7 @@ function CartSummary(_a) {
99
101
  React.createElement(AmountWrapper, null,
100
102
  sumOfBags.cancelledAmount > 0 && (React.createElement(BodyText, { lineThrough: true, color: (_o = theme_1 === null || theme_1 === void 0 ? void 0 : theme_1.palette) === null || _o === void 0 ? void 0 : _o.dark }, formatPrice(sumOfBags.cancelledAmount))),
101
103
  React.createElement(BodyText, { fontWeight: "semiBold" }, formatPrice(sumOfBags.amount))))),
102
- (charges === null || charges === void 0 ? void 0 : charges.length) > 0 &&
103
- React.createElement(ChargesContainer, null, charges === null || charges === void 0 ? void 0 : charges.map(function (charge) { return (React.createElement(ChargeLine, { key: charge.name, charge: charge })); })),
104
+ (charges === null || charges === void 0 ? void 0 : charges.length) > 0 && (React.createElement(ChargesContainer, null, charges === null || charges === void 0 ? void 0 : charges.map(function (charge) { return (React.createElement(ChargeLine, { key: charge.name, charge: charge })); }))),
104
105
  React.createElement(ChargesContainer, null,
105
106
  React.createElement(CartLine, { role: "listitem" },
106
107
  React.createElement(BodyText, { fontWeight: "semiBold" }, totalLabel),
package/build/es/components/src/components/CartSummary/CartSummary.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"CartSummary.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"CartSummary.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/build/es/components/src/components/CartSummary/CartSummary.styles.js CHANGED
@@ -1,5 +1,6 @@
1
1
  import { __makeTemplateObject } from '../../../../_virtual/_tslib.js';
2
2
  import styled from 'styled-components';
3
+ import { constants } from '@citygross/design-tokens';
3
4
 
4
5
  var CartSummaryContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n &:focus {\n outline-offset: ", "px;\n }\n &:focus:not(:focus-visible) {\n outline: none;\n }\n"], ["\n &:focus {\n outline-offset: ", "px;\n }\n &:focus:not(:focus-visible) {\n outline: none;\n }\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xxxs; });
5
6
  var CartPaymentContainer = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background: ", ";\n overflow-wrap: break-word;\n word-break: break-word;\n"], ["\n background: ", ";\n overflow-wrap: break-word;\n word-break: break-word;\n"])), function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.white; });
@@ -8,9 +9,10 @@ var ChargesContainer = styled.div(templateObject_4 || (templateObject_4 = __make
8
9
  var CartLine = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n text-decoration: ", ";\n"], ["\n display: flex;\n justify-content: space-between;\n text-decoration: ", ";\n"])), function (props) { return props.cancelled && 'line-through'; });
9
10
  var AmountWrapper = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n display: flex;\n gap: ", "px;\n"], ["\n display: flex;\n gap: ", "px;\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs; });
10
11
  var LabelWrapper = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: ", "px;\n position: relative;\n"], ["\n display: flex;\n align-items: center;\n gap: ", "px;\n position: relative;\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs; });
11
- var CartSummaryTitle = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n padding: ", "px 0\n ", "px;\n margin: 0 ", "px;\n display: flex;\n gap: ", "px;\n border-bottom: 1px solid ", ";\n"], ["\n padding: ", "px 0\n ", "px;\n margin: 0 ", "px;\n display: flex;\n gap: ", "px;\n border-bottom: 1px solid ", ";\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.md; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.md; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs; }, function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.light; });
12
- var QuantitySpan = styled.span(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n color: ", ";\n font-size: ", "px;\n display: inline-block;\n margin-left: ", "px;\n font-weight: ", ";\n"], ["\n color: ", ";\n font-size: ", "px;\n display: inline-block;\n margin-left: ", "px;\n font-weight: ", ";\n"])), function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.disabledDarkGray; }, function (props) { var _a, _b; return (_b = (_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.size) === null || _b === void 0 ? void 0 : _b.s1; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xxs; }, function (props) { var _a, _b; return (_b = (_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.weight) === null || _b === void 0 ? void 0 : _b.regular; });
13
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
12
+ var ChargeTooltipInfo = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n flex: 1;\n line-height: normal;\n overflow-wrap: break-word;\n white-space: pre-line;\n width: ", "px;\n word-break: break-word;\n\n @media (max-width: ", "px) {\n width: ", "px;\n }\n"], ["\n flex: 1;\n line-height: normal;\n overflow-wrap: break-word;\n white-space: pre-line;\n width: ", "px;\n word-break: break-word;\n\n @media (max-width: ", "px) {\n width: ", "px;\n }\n"])), constants.cartSummaryTooltipWidth, function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.xs; }, constants.cartSummaryTooltipWidthMobile);
13
+ var CartSummaryTitle = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n padding: ", "px 0\n ", "px;\n margin: 0 ", "px;\n display: flex;\n gap: ", "px;\n border-bottom: 1px solid ", ";\n"], ["\n padding: ", "px 0\n ", "px;\n margin: 0 ", "px;\n display: flex;\n gap: ", "px;\n border-bottom: 1px solid ", ";\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.md; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.md; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs; }, function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.light; });
14
+ var QuantitySpan = styled.span(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n color: ", ";\n font-size: ", "px;\n display: inline-block;\n margin-left: ", "px;\n font-weight: ", ";\n"], ["\n color: ", ";\n font-size: ", "px;\n display: inline-block;\n margin-left: ", "px;\n font-weight: ", ";\n"])), function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.disabledDarkGray; }, function (props) { var _a, _b; return (_b = (_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.size) === null || _b === void 0 ? void 0 : _b.s1; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xxs; }, function (props) { var _a, _b; return (_b = (_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.weight) === null || _b === void 0 ? void 0 : _b.regular; });
15
+ var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10;
14
16
 
15
- export { AmountWrapper, CartLine, CartPaymentContainer, CartSummaryContainer, CartSummaryContent, CartSummaryTitle, ChargesContainer, LabelWrapper, QuantitySpan };
17
+ export { AmountWrapper, CartLine, CartPaymentContainer, CartSummaryContainer, CartSummaryContent, CartSummaryTitle, ChargeTooltipInfo, ChargesContainer, LabelWrapper, QuantitySpan };
16
18
  //# sourceMappingURL=CartSummary.styles.js.map
package/build/es/components/src/components/CartSummary/CartSummary.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"CartSummary.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"CartSummary.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}
package/build/es/components/src/components/ListItem/ListItem.js CHANGED
@@ -44,7 +44,7 @@ var ListItem = function (_a) {
44
44
  }, value: checkbox.value, alignItems: "flex-start" }));
45
45
  })))))),
46
46
  (item === null || item === void 0 ? void 0 : item.secondaryDescription) && item.secondaryDescription)),
47
- children && (React.createElement(ListRight, { alignment: alignment }, children))));
47
+ children && (React.createElement(ListRight, null, children))));
48
48
  };
49
49
 
50
50
  export { EListItemAlignment, ListItem };
package/build/es/components/src/components/ListItem/ListItem.styles.js CHANGED
@@ -7,9 +7,7 @@ var ListItemContainer = styled.div(templateObject_2 || (templateObject_2 = __mak
7
7
  var ListLeft = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n align-items: ", ";\n gap: ", "px;\n\n @media (min-width: ", "px) {\n gap: ", "px;\n }\n\n @media (max-width: ", "px) {\n align-items: flex-start;\n }\n"], ["\n display: flex;\n align-items: ", ";\n gap: ", "px;\n\n @media (min-width: ", "px) {\n gap: ", "px;\n }\n\n @media (max-width: ", "px) {\n align-items: flex-start;\n }\n"])), function (props) {
8
8
  return props.alignment === EListItemAlignment.TOP ? 'inherit' : 'center';
9
9
  }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm; }, function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.xs; }, function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.listItemFlexGap; }, function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.xs; });
10
- var ListRight = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n align-items: ", ";\n justify-content: space-between;\n text-align: right;\n"], ["\n display: flex;\n flex-direction: row;\n align-items: ", ";\n justify-content: space-between;\n text-align: right;\n"])), function (props) {
11
- return props.alignment === EListItemAlignment.TOP ? 'flex-start' : 'center';
12
- });
10
+ var ListRight = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n justify-content: space-between;\n text-align: right;\n"], ["\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n justify-content: space-between;\n text-align: right;\n"])));
13
11
  var ListImageContainer = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: row;\n flex-shrink: 0;\n width: ", "px;\n height: ", "px;\n\n @media (max-width: ", "px) {\n width: ", "px;\n height: ", "px;\n }\n"], ["\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: row;\n flex-shrink: 0;\n width: ", "px;\n height: ", "px;\n\n @media (max-width: ", "px) {\n width: ", "px;\n height: ", "px;\n }\n"])), function (props) {
14
12
  var _a, _b;
15
13
  return (props === null || props === void 0 ? void 0 : props.isSmall)
package/build/es/components/src/components/ListItem/ListItem.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ListItem.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"ListItem.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/build/es/components/src/components/RadioListItem/RadioListItem.js CHANGED
@@ -1,9 +1,12 @@
1
1
  import React from 'react';
2
2
  import { BaseRadioListItemContainer, RadioFlex, BaseRadioItemLeftWrapper, LabelContentWrapper, StyledH3, RadioRightWrapper } from './RadioListItem.styles.js';
3
3
  import { selectKeyboardEventHandler } from '@citygross/utils';
4
+ import { theme } from '@citygross/design-tokens';
5
+ import { BodyText } from '@citygross/typography';
4
6
 
5
7
  function RadioListItem(_a) {
6
- var onClick = _a.onClick, selected = _a.selected, _b = _a.flexGrow, flexGrow = _b === void 0 ? 1 : _b, isDisabled = _a.isDisabled, transparent = _a.transparent, noPadding = _a.noPadding, label = _a.label, value = _a.value, wrapMobile = _a.wrapMobile, additionalInfo = _a.additionalInfo, children = _a.children, tabIndex = _a.tabIndex, onFocus = _a.onFocus, onBlur = _a.onBlur, onKeyDown = _a.onKeyDown;
8
+ var _b;
9
+ var onClick = _a.onClick, selected = _a.selected, _c = _a.flexGrow, flexGrow = _c === void 0 ? 1 : _c, isDisabled = _a.isDisabled, transparent = _a.transparent, noPadding = _a.noPadding, label = _a.label, value = _a.value, wrapMobile = _a.wrapMobile, additionalInfo = _a.additionalInfo, children = _a.children, tabIndex = _a.tabIndex, onFocus = _a.onFocus, onBlur = _a.onBlur, onKeyDown = _a.onKeyDown;
7
10
  var defaultTabIndex = isDisabled ? -1 : selected ? 0 : -1;
8
11
  return (React.createElement(BaseRadioListItemContainer, { tabIndex: tabIndex !== null && tabIndex !== void 0 ? tabIndex : defaultTabIndex, role: "radio", "aria-checked": selected, "aria-disabled": isDisabled, transparent: transparent, isDisabled: isDisabled, noPadding: noPadding, selected: selected, onClick: isDisabled ? function () { } : function () { return onClick(value); }, onFocus: onFocus, onBlur: onBlur, onKeyDown: function (event) { return selectKeyboardEventHandler({ event: event, isDisabled: isDisabled, onClick: onClick, value: value, onKeyDown: onKeyDown }); } },
9
12
  React.createElement(RadioFlex, { wrapMobile: wrapMobile },
@@ -11,7 +14,8 @@ function RadioListItem(_a) {
11
14
  React.createElement(LabelContentWrapper, null,
12
15
  React.createElement(StyledH3, { isDisabled: isDisabled }, label),
13
16
  additionalInfo && additionalInfo)),
14
- !isDisabled && (React.createElement(RadioRightWrapper, null, children)))));
17
+ isDisabled ? (React.createElement(RadioRightWrapper, null,
18
+ React.createElement(BodyText, { color: (_b = theme.palette) === null || _b === void 0 ? void 0 : _b.disabledDarkGray }, "Ej tillg\u00E4nglig"))) : (React.createElement(RadioRightWrapper, null, children)))));
15
19
  }
16
20
 
17
21
  export { RadioListItem };
package/build/es/components/src/components/RadioListItem/RadioListItem.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"RadioListItem.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"RadioListItem.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}
package/build/es/components/src/components/RadioListItem/RadioListItem.styles.js CHANGED
@@ -32,7 +32,7 @@ var StyledH3 = styled(H3).attrs({
32
32
  })(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n cursor: ", ";\n white-space: nowrap;\n display: block;\n line-height: ", "px;\n ", ";\n"], ["\n cursor: ", ";\n white-space: nowrap;\n display: block;\n line-height: ", "px;\n ", ";\n"])), function (props) { return (props.isDisabled ? 'not-allowed' : 'pointer'); }, function (props) { var _a; return (_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.lineHeight.m1; }, function (props) {
33
33
  var _a;
34
34
  return props.isDisabled &&
35
- "\n color: ".concat((_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.disabledDarkGray, ";\n text-decoration: line-through;\n ");
35
+ "\n color: ".concat((_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.disabledDarkGray, ";\n ");
36
36
  });
37
37
  var RadioRightWrapper = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: flex;\n gap: ", "px;\n justify-content: flex-end;\n text-align: right;\n font-size: ", "px;\n"], ["\n display: flex;\n gap: ", "px;\n justify-content: flex-end;\n text-align: right;\n font-size: ", "px;\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs; }, function (props) { var _a; return (_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.size.s2; });
38
38
  styled(BodyText)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n font-size: ", "px;\n color: ", ";\n ", "\n @media (min-width: ", "px) {\n font-size: ", "px;\n text-align: inherit;\n }\n"], ["\n font-size: ", "px;\n color: ", ";\n ", "\n @media (min-width: ", "px) {\n font-size: ", "px;\n text-align: inherit;\n }\n"])), function (props) { var _a; return (_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.size.s2; }, function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.darkest; }, function (props) {
package/build/es/design-tokens/build/index.js CHANGED
@@ -62,6 +62,8 @@ var constants = {
62
62
  buttonWrapperMinWidth: 120,
63
63
  cartCardImageSize: 48,
64
64
  cartListItemDescriptionSize: 11,
65
+ cartSummaryTooltipWidth: 335,
66
+ cartSummaryTooltipWidthMobile: 200,
65
67
  chipCheckBox: 12,
66
68
  couponButtonContainer: 102,
67
69
  dateBoxHorizontalPadding: 12,
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 minimalHeaderMaxWidth: 640,\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 modalMaxWidth: 624,\n modalMaxWidthSmall: 480,\n modalMinHeight: 120,\n modalMinWidth: 320,\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 sideModalHeaderHeight: 64,\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 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 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 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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"}
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 cartSummaryTooltipWidth: 335,\n cartSummaryTooltipWidthMobile: 200,\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 minimalHeaderMaxWidth: 640,\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 modalMaxWidth: 624,\n modalMaxWidthSmall: 480,\n modalMinHeight: 120,\n modalMinWidth: 320,\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 sideModalHeaderHeight: 64,\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 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 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 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,uBAAuB,EAAE,GAAG;AAChC,IAAI,6BAA6B,EAAE,GAAG;AACtC,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,qBAAqB,EAAE,GAAG;AAC9B,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,aAAa,EAAE,GAAG;AACtB,IAAI,kBAAkB,EAAE,GAAG;AAC3B,IAAI,cAAc,EAAE,GAAG;AACvB,IAAI,aAAa,EAAE,GAAG;AACtB,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,qBAAqB,EAAE,EAAE;AAC7B,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,UAAU,EAAE,SAAS;AACzB,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,WAAW,EAAE,SAAS;AAC1B,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,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,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,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;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@citygross/components",
3
- "version": "0.16.20",
3
+ "version": "0.16.22",
4
4
  "license": "ISC",
5
5
  "sideEffects": false,
6
6
  "main": "./build/cjs/components/src/index.js",
@@ -64,15 +64,15 @@
64
64
  "styled-components": "^5.2.1"
65
65
  },
66
66
  "dependencies": {
67
- "@citygross/design-tokens": "^0.5.3",
67
+ "@citygross/design-tokens": "^0.5.4",
68
68
  "@citygross/icons": "^0.3.5",
69
69
  "@citygross/react-use-bg-wizard": "^0.0.14",
70
- "@citygross/typography": "^0.0.125",
70
+ "@citygross/typography": "^0.0.126",
71
71
  "@citygross/utils": "^0.0.51",
72
72
  "motion": "^12.34.3",
73
73
  "react-loading-skeleton": "^2.2.0",
74
74
  "react-slick": "^0.30.1",
75
75
  "slick-carousel": "^1.8.1"
76
76
  },
77
- "gitHead": "3ebe5619a1886ef2172947653608ac74f964564b"
77
+ "gitHead": "d81bbb594d23a0b0ce80c086b82524203a35a198"
78
78
  }