@citygross/components 0.17.5 → 0.17.7

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 (11) hide show
  1. package/build/cjs/components/src/components/CartSummary/CartSummary.js +6 -6
  2. package/build/cjs/components/src/components/CartSummary/CartSummary.styles.js +3 -4
  3. package/build/cjs/components/src/components/CartSummary/CartSummary.styles.js.map +1 -1
  4. package/build/cjs/components/src/components/ToolTipDialog/ToolTipDialog.styles.js +4 -3
  5. package/build/cjs/components/src/components/ToolTipDialog/ToolTipDialog.styles.js.map +1 -1
  6. package/build/es/components/src/components/CartSummary/CartSummary.js +6 -6
  7. package/build/es/components/src/components/CartSummary/CartSummary.styles.js +3 -4
  8. package/build/es/components/src/components/CartSummary/CartSummary.styles.js.map +1 -1
  9. package/build/es/components/src/components/ToolTipDialog/ToolTipDialog.styles.js +4 -3
  10. package/build/es/components/src/components/ToolTipDialog/ToolTipDialog.styles.js.map +1 -1
  11. package/package.json +3 -3
package/build/cjs/components/src/components/CartSummary/CartSummary.js CHANGED
@@ -75,15 +75,15 @@ function CartSummary(_a) {
75
75
  React__default["default"].createElement(typography.BodyText, null, baseChargeName),
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
- "Mer information om ".concat(baseChargeName), "aria-describedby": infoOpen ? tooltipId : undefined, onClick: toggleInfoOpen }),
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))))))),
78
+ "Mer information om ".concat(baseChargeName), "aria-describedby": infoOpen ? tooltipId : undefined, onClick: toggleInfoOpen })))),
82
79
  React__default["default"].createElement(CartSummary_styles.AmountWrapper, null,
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))),
80
+ 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))),
84
81
  React__default["default"].createElement(typography.BodyText, { color: chargeColor }, fromLabel
85
82
  ? "".concat(fromLabel, " ").concat(utils.formatPrice(charge.amount))
86
- : utils.formatPrice(charge.amount)))));
83
+ : utils.formatPrice(charge.amount))),
84
+ charge.info && infoOpen && (React__default["default"].createElement(ToolTipDialog.ToolTipDialog, { id: tooltipId, toggle: toggleInfoOpen },
85
+ React__default["default"].createElement(CartSummary_styles.ChargeTooltipInfo, null,
86
+ React__default["default"].createElement(typography.BodyText, { color: (_e = index.theme.palette) === null || _e === void 0 ? void 0 : _e.white, size: typography.TextTypes.TextSize.SMALL }, charge.info))))));
87
87
  };
88
88
  return (React__default["default"].createElement(CartSummary_styles.CartSummaryContainer, { role: "region" },
89
89
  React__default["default"].createElement(CartSummary_styles.CartPaymentContainer, null,
package/build/cjs/components/src/components/CartSummary/CartSummary.styles.js CHANGED
@@ -4,7 +4,6 @@ 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');
8
7
 
9
8
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
10
9
 
@@ -14,10 +13,10 @@ var CartSummaryContainer = styled__default["default"].div(templateObject_1 || (t
14
13
  var CartPaymentContainer = styled__default["default"].div(templateObject_2 || (templateObject_2 = _tslib.__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; });
15
14
  var CartSummaryContent = styled__default["default"].div(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n ", ";\n display: flex;\n flex-direction: column;\n gap: ", "px;\n"], ["\n ", ";\n display: flex;\n flex-direction: column;\n gap: ", "px;\n"])), function (props) { var _a; return props.title && "padding-top: ".concat((_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm, "px"); }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm; });
16
15
  var ChargesContainer = styled__default["default"].div(templateObject_4 || (templateObject_4 = _tslib.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n gap: ", "px;\n"], ["\n display: flex;\n flex-direction: column;\n gap: ", "px;\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs; });
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'; });
16
+ var CartLine = styled__default["default"].div(templateObject_5 || (templateObject_5 = _tslib.__makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n position: relative;\n text-decoration: ", ";\n"], ["\n display: flex;\n justify-content: space-between;\n position: relative;\n text-decoration: ", ";\n"])), function (props) { return props.cancelled && 'line-through'; });
18
17
  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; });
19
- var LabelWrapper = styled__default["default"].div(templateObject_7 || (templateObject_7 = _tslib.__makeTemplateObject(["\n display: flex;\n align-items: flex-start;\n gap: ", "px;\n position: relative;\n"], ["\n display: flex;\n align-items: flex-start;\n gap: ", "px;\n position: relative;\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs; });
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);
18
+ var LabelWrapper = styled__default["default"].div(templateObject_7 || (templateObject_7 = _tslib.__makeTemplateObject(["\n display: flex;\n align-items: flex-start;\n gap: ", "px;\n"], ["\n display: flex;\n align-items: flex-start;\n gap: ", "px;\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs; });
19
+ var ChargeTooltipInfo = styled__default["default"].div(templateObject_8 || (templateObject_8 = _tslib.__makeTemplateObject(["\n flex: 1;\n line-height: normal;\n min-width: 0;\n overflow-wrap: break-word;\n white-space: pre-line;\n width: 100%;\n word-break: break-word;\n"], ["\n flex: 1;\n line-height: normal;\n min-width: 0;\n overflow-wrap: break-word;\n white-space: pre-line;\n width: 100%;\n word-break: break-word;\n"])));
21
20
  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
21
  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
22
  var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10;
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/ToolTipDialog/ToolTipDialog.styles.js CHANGED
@@ -4,12 +4,13 @@ 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
 
10
11
  var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
11
12
 
12
- var DialogContainer = styled__default["default"].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n background: ", ";\n border-radius: ", "px;\n color: ", ";\n display: flex;\n align-items: flex-start;\n gap: ", "px;\n font-size: ", "px;\n padding: ", "px;\n position: absolute;\n z-index: ", ";\n\n ", "\n"], ["\n background: ", ";\n border-radius: ", "px;\n color: ", ";\n display: flex;\n align-items: flex-start;\n gap: ", "px;\n font-size: ", "px;\n padding: ", "px;\n position: absolute;\n z-index: ", ";\n\n ", "\n"])), function (_a) {
13
+ var DialogContainer = styled__default["default"].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n background: ", ";\n border-radius: ", "px;\n box-sizing: border-box;\n color: ", ";\n display: flex;\n align-items: flex-start;\n gap: ", "px;\n font-size: ", "px;\n left: 0;\n max-width: ", "px;\n padding: ", "px;\n position: absolute;\n right: 0;\n width: 100%;\n z-index: ", ";\n\n @media (max-width: ", "px) {\n max-width: ", "px;\n }\n\n ", "\n"], ["\n background: ", ";\n border-radius: ", "px;\n box-sizing: border-box;\n color: ", ";\n display: flex;\n align-items: flex-start;\n gap: ", "px;\n font-size: ", "px;\n left: 0;\n max-width: ", "px;\n padding: ", "px;\n position: absolute;\n right: 0;\n width: 100%;\n z-index: ", ";\n\n @media (max-width: ", "px) {\n max-width: ", "px;\n }\n\n ", "\n"])), function (_a) {
13
14
  var _b;
14
15
  var theme = _a.theme;
15
16
  return (_b = theme.palette) === null || _b === void 0 ? void 0 : _b.black;
@@ -29,7 +30,7 @@ var DialogContainer = styled__default["default"].div(templateObject_1 || (templa
29
30
  var _b;
30
31
  var theme = _a.theme;
31
32
  return (_b = theme.typography) === null || _b === void 0 ? void 0 : _b.size.s2;
32
- }, function (_a) {
33
+ }, designTokens.constants.cartSummaryTooltipWidth, function (_a) {
33
34
  var _b;
34
35
  var theme = _a.theme;
35
36
  return (_b = theme.spacings) === null || _b === void 0 ? void 0 : _b.xs2;
@@ -37,7 +38,7 @@ var DialogContainer = styled__default["default"].div(templateObject_1 || (templa
37
38
  var _b;
38
39
  var theme = _a.theme;
39
40
  return (_b = theme.attributes) === null || _b === void 0 ? void 0 : _b.zIndex.low;
40
- }, function (_a) {
41
+ }, function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.xs; }, designTokens.constants.cartSummaryTooltipWidthMobile, function (_a) {
41
42
  var _b, _c;
42
43
  var onBottom = _a.onBottom, theme = _a.theme;
43
44
  return onBottom
package/build/cjs/components/src/components/ToolTipDialog/ToolTipDialog.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ToolTipDialog.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"ToolTipDialog.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/build/es/components/src/components/CartSummary/CartSummary.js CHANGED
@@ -67,15 +67,15 @@ function CartSummary(_a) {
67
67
  React.createElement(BodyText, null, baseChargeName),
68
68
  charge.info && (React.createElement(Fragment, null,
69
69
  React.createElement(ToolTipButton, { "aria-expanded": infoOpen, "aria-label": charge.tooltipAriaLabel ||
70
- "Mer information om ".concat(baseChargeName), "aria-describedby": infoOpen ? tooltipId : undefined, onClick: toggleInfoOpen }),
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))))))),
70
+ "Mer information om ".concat(baseChargeName), "aria-describedby": infoOpen ? tooltipId : undefined, onClick: toggleInfoOpen })))),
74
71
  React.createElement(AmountWrapper, null,
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))),
72
+ 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))),
76
73
  React.createElement(BodyText, { color: chargeColor }, fromLabel
77
74
  ? "".concat(fromLabel, " ").concat(formatPrice(charge.amount))
78
- : formatPrice(charge.amount)))));
75
+ : formatPrice(charge.amount))),
76
+ charge.info && infoOpen && (React.createElement(ToolTipDialog, { id: tooltipId, toggle: toggleInfoOpen },
77
+ React.createElement(ChargeTooltipInfo, null,
78
+ React.createElement(BodyText, { color: (_e = theme_1.palette) === null || _e === void 0 ? void 0 : _e.white, size: TextTypes.TextSize.SMALL }, charge.info))))));
79
79
  };
80
80
  return (React.createElement(CartSummaryContainer, { role: "region" },
81
81
  React.createElement(CartPaymentContainer, null,
package/build/es/components/src/components/CartSummary/CartSummary.styles.js CHANGED
@@ -1,15 +1,14 @@
1
1
  import { __makeTemplateObject } from '../../../../_virtual/_tslib.js';
2
2
  import styled from 'styled-components';
3
- import { constants } from '@citygross/design-tokens';
4
3
 
5
4
  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; });
6
5
  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; });
7
6
  var CartSummaryContent = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", ";\n display: flex;\n flex-direction: column;\n gap: ", "px;\n"], ["\n ", ";\n display: flex;\n flex-direction: column;\n gap: ", "px;\n"])), function (props) { var _a; return props.title && "padding-top: ".concat((_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm, "px"); }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm; });
8
7
  var ChargesContainer = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n gap: ", "px;\n"], ["\n display: flex;\n flex-direction: column;\n gap: ", "px;\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs; });
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'; });
8
+ var CartLine = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n position: relative;\n text-decoration: ", ";\n"], ["\n display: flex;\n justify-content: space-between;\n position: relative;\n text-decoration: ", ";\n"])), function (props) { return props.cancelled && 'line-through'; });
10
9
  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; });
11
- var LabelWrapper = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n display: flex;\n align-items: flex-start;\n gap: ", "px;\n position: relative;\n"], ["\n display: flex;\n align-items: flex-start;\n gap: ", "px;\n position: relative;\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs; });
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);
10
+ var LabelWrapper = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n display: flex;\n align-items: flex-start;\n gap: ", "px;\n"], ["\n display: flex;\n align-items: flex-start;\n gap: ", "px;\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs; });
11
+ var ChargeTooltipInfo = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n flex: 1;\n line-height: normal;\n min-width: 0;\n overflow-wrap: break-word;\n white-space: pre-line;\n width: 100%;\n word-break: break-word;\n"], ["\n flex: 1;\n line-height: normal;\n min-width: 0;\n overflow-wrap: break-word;\n white-space: pre-line;\n width: 100%;\n word-break: break-word;\n"])));
13
12
  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
13
  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
14
  var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10;
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/ToolTipDialog/ToolTipDialog.styles.js CHANGED
@@ -1,7 +1,8 @@
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
- var DialogContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background: ", ";\n border-radius: ", "px;\n color: ", ";\n display: flex;\n align-items: flex-start;\n gap: ", "px;\n font-size: ", "px;\n padding: ", "px;\n position: absolute;\n z-index: ", ";\n\n ", "\n"], ["\n background: ", ";\n border-radius: ", "px;\n color: ", ";\n display: flex;\n align-items: flex-start;\n gap: ", "px;\n font-size: ", "px;\n padding: ", "px;\n position: absolute;\n z-index: ", ";\n\n ", "\n"])), function (_a) {
5
+ var DialogContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background: ", ";\n border-radius: ", "px;\n box-sizing: border-box;\n color: ", ";\n display: flex;\n align-items: flex-start;\n gap: ", "px;\n font-size: ", "px;\n left: 0;\n max-width: ", "px;\n padding: ", "px;\n position: absolute;\n right: 0;\n width: 100%;\n z-index: ", ";\n\n @media (max-width: ", "px) {\n max-width: ", "px;\n }\n\n ", "\n"], ["\n background: ", ";\n border-radius: ", "px;\n box-sizing: border-box;\n color: ", ";\n display: flex;\n align-items: flex-start;\n gap: ", "px;\n font-size: ", "px;\n left: 0;\n max-width: ", "px;\n padding: ", "px;\n position: absolute;\n right: 0;\n width: 100%;\n z-index: ", ";\n\n @media (max-width: ", "px) {\n max-width: ", "px;\n }\n\n ", "\n"])), function (_a) {
5
6
  var _b;
6
7
  var theme = _a.theme;
7
8
  return (_b = theme.palette) === null || _b === void 0 ? void 0 : _b.black;
@@ -21,7 +22,7 @@ var DialogContainer = styled.div(templateObject_1 || (templateObject_1 = __makeT
21
22
  var _b;
22
23
  var theme = _a.theme;
23
24
  return (_b = theme.typography) === null || _b === void 0 ? void 0 : _b.size.s2;
24
- }, function (_a) {
25
+ }, constants.cartSummaryTooltipWidth, function (_a) {
25
26
  var _b;
26
27
  var theme = _a.theme;
27
28
  return (_b = theme.spacings) === null || _b === void 0 ? void 0 : _b.xs2;
@@ -29,7 +30,7 @@ var DialogContainer = styled.div(templateObject_1 || (templateObject_1 = __makeT
29
30
  var _b;
30
31
  var theme = _a.theme;
31
32
  return (_b = theme.attributes) === null || _b === void 0 ? void 0 : _b.zIndex.low;
32
- }, function (_a) {
33
+ }, function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.xs; }, constants.cartSummaryTooltipWidthMobile, function (_a) {
33
34
  var _b, _c;
34
35
  var onBottom = _a.onBottom, theme = _a.theme;
35
36
  return onBottom
package/build/es/components/src/components/ToolTipDialog/ToolTipDialog.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ToolTipDialog.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"ToolTipDialog.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@citygross/components",
3
- "version": "0.17.5",
3
+ "version": "0.17.7",
4
4
  "license": "ISC",
5
5
  "sideEffects": false,
6
6
  "main": "./build/cjs/components/src/index.js",
@@ -71,10 +71,10 @@
71
71
  "@citygross/icons": "^0.3.5",
72
72
  "@citygross/react-use-bg-wizard": "^0.0.14",
73
73
  "@citygross/typography": "^0.0.126",
74
- "@citygross/utils": "^0.0.53",
74
+ "@citygross/utils": "^0.0.54",
75
75
  "motion": "^12.34.3",
76
76
  "react-slick": "^0.30.1",
77
77
  "slick-carousel": "^1.8.1"
78
78
  },
79
- "gitHead": "640f83db48fb90a7384d62a89f398a1b68d02f4a"
79
+ "gitHead": "ddf23428961ed22f6626d174cd64041a8600034b"
80
80
  }