@citygross/components 0.7.84 → 0.7.85
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.
- package/build/@types/components/BackButton/BackButton.d.ts +1 -0
- package/build/@types/components/BackgroundImage/BackgroundImage.d.ts +1 -0
- package/build/@types/components/BoxArrow/BoxArrow.d.ts +1 -0
- package/build/@types/components/Button/Button.d.ts +2 -1
- package/build/@types/components/Button/IconButton.d.ts +1 -0
- package/build/@types/components/CartItemSummary/CartItemSummary.d.ts +1 -0
- package/build/@types/components/CartItemSummary/CartItemSummary.styles.d.ts +1 -0
- package/build/@types/components/CartSummary/CartSummary.d.ts +1 -0
- package/build/@types/components/Chips/Chip.d.ts +1 -0
- package/build/@types/components/Chips/Chip.styles.d.ts +1 -1
- package/build/@types/components/DotIndicator/DotIndicator.d.ts +1 -0
- package/build/@types/components/Dropdown/Dropdown.stories.d.ts +1 -0
- package/build/@types/components/FormElements/Input/Input.d.ts +1 -0
- package/build/@types/components/FormElements/TextArea/TextArea.d.ts +1 -0
- package/build/@types/components/Header/Header.stories.d.ts +1 -0
- package/build/@types/components/HeaderLink/HeaderLink.d.ts +1 -0
- package/build/@types/components/HeaderLink/HeaderLink.stories.d.ts +1 -0
- package/build/@types/components/HighlightBox/HighlightBox.d.ts +1 -0
- package/build/@types/components/IconText/IconText.stories.d.ts +1 -0
- package/build/@types/components/IconToolTip/IconToolTip.d.ts +1 -0
- package/build/@types/components/IconToolTip/IconToolTip.stories.d.ts +1 -0
- package/build/@types/components/ListItem/ListItem.d.ts +2 -1
- package/build/@types/components/ListItem/ListItem.styles.d.ts +5 -2
- package/build/@types/components/Logo/Logo.d.ts +1 -0
- package/build/@types/components/Logo/Logo.stories.d.ts +1 -0
- package/build/@types/components/MobileTable/MobileTable.stories.d.ts +1 -0
- package/build/@types/components/Nav/Nav.stories.d.ts +1 -0
- package/build/@types/components/NavMainLink/NavMainLink.stories.d.ts +1 -0
- package/build/@types/components/Pagination/Pagination.d.ts +1 -0
- package/build/@types/components/PriceTag/PriceTag.d.ts +7 -0
- package/build/@types/components/PriceTag/PriceTag.stories.d.ts +11 -0
- package/build/@types/components/PriceTag/PriceTag.styles.d.ts +7 -0
- package/build/@types/components/ProgressBar/ProgressBar.d.ts +1 -0
- package/build/@types/components/QuantitySelector/QuantitySelector.d.ts +1 -0
- package/build/@types/components/RadioBox/RadioBoxList.styles.d.ts +1 -1
- package/build/@types/components/RadioListItem/RadioListItem.d.ts +1 -0
- package/build/@types/components/RadioListItem/RadioListItem.styles.d.ts +1 -1
- package/build/@types/components/SearchBar/SearchBar.stories.d.ts +1 -0
- package/build/@types/components/SearchListItem/SearchListItem.d.ts +14 -0
- package/build/@types/components/SearchListItem/SearchListItem.stories.d.ts +11 -0
- package/build/@types/components/SearchListItem/SearchListItem.styles.d.ts +4 -0
- package/build/@types/components/Slider/Slider.stories.d.ts +1 -0
- package/build/@types/components/Spinner/Spinner.d.ts +1 -0
- package/build/@types/components/Spinner/Spinner.stories.d.ts +1 -0
- package/build/@types/components/StepperMobile/StepperMobile.d.ts +1 -0
- package/build/@types/components/Table/Table.stories.d.ts +1 -0
- package/build/@types/components/Timeline/Timeline.d.ts +1 -0
- package/build/@types/components/Timeline/Timeline.styles.d.ts +1 -0
- package/build/@types/components/Typography/bodyText.stories.d.ts +1 -1
- package/build/@types/components/Typography/h1.stories.d.ts +1 -0
- package/build/@types/components/Typography/h2.stories.d.ts +1 -0
- package/build/@types/components/Typography/h3.stories.d.ts +1 -0
- package/build/@types/containers/TwoColumnsContainer/TwoColumnsPageContainer.stories.d.ts +1 -0
- package/build/@types/utils/test-utils.d.ts +1 -1
- package/build/cjs/components/src/components/AlertBox/AlertBox.styles.js +1 -1
- package/build/cjs/components/src/components/BackgroundImage/BackgroundImage.styles.js +2 -2
- package/build/cjs/components/src/components/Badge/Badge.styles.js +2 -2
- package/build/cjs/components/src/components/Box/Box.styles.js +1 -1
- package/build/cjs/components/src/components/BoxArrow/BoxArrow.styles.js +2 -2
- package/build/cjs/components/src/components/Button/Button.js +1 -0
- package/build/cjs/components/src/components/Button/Button.js.map +1 -1
- package/build/cjs/components/src/components/Button/Button.styles.js +19 -17
- package/build/cjs/components/src/components/Button/Button.styles.js.map +1 -1
- package/build/cjs/components/src/components/CartItemSummary/CartItemSummary.js +2 -2
- package/build/cjs/components/src/components/CartSummary/CartSummary.styles.js +1 -1
- package/build/cjs/components/src/components/Chips/Chip.styles.js +1 -1
- package/build/cjs/components/src/components/Collapsable/Collapsable.styles.js +1 -1
- package/build/cjs/components/src/components/DateBox/DateBox.styles.js +1 -1
- package/build/cjs/components/src/components/DeliveryTimeBlock/DeliveryTimeBlock.js +1 -1
- package/build/cjs/components/src/components/DotIndicator/DotIndicator.styles.js +1 -1
- package/build/cjs/components/src/components/FormControl/FormControl.styles.js +1 -1
- package/build/cjs/components/src/components/FormElements/Input/Input.styles.js +2 -2
- package/build/cjs/components/src/components/FormElements/Radio/Radio.styles.js +1 -1
- package/build/cjs/components/src/components/FormElements/TextArea/TextArea.styles.js +1 -1
- package/build/cjs/components/src/components/FormGroup/FormGroup.styles.js +1 -1
- package/build/cjs/components/src/components/GridContainer/GridContainer.styles.js +1 -1
- package/build/cjs/components/src/components/HeaderLink/HeaderLink.styles.js +1 -1
- package/build/cjs/components/src/components/IconToolTip/IconToolTip.styles.js +2 -2
- package/build/cjs/components/src/components/InfoTextBlock/InfoTextBlock.styles.js +3 -3
- package/build/cjs/components/src/components/ListItem/ListItem.js +3 -3
- package/build/cjs/components/src/components/ListItem/ListItem.styles.js +5 -5
- package/build/cjs/components/src/components/ListItemWithRadio/ListItemWithRadio.js +1 -1
- package/build/cjs/components/src/components/Menu/Menu.styles.js +1 -1
- package/build/cjs/components/src/components/Modal/Modal.styles.js +1 -1
- package/build/cjs/components/src/components/Nav/Nav.styles.js +1 -1
- package/build/cjs/components/src/components/NavMainLink/NavMainLink.styled.js +1 -1
- package/build/cjs/components/src/components/RadioBox/RadioBoxItem.styles.js +2 -2
- package/build/cjs/components/src/components/RadioBox/RadioBoxList.styles.js +2 -2
- package/build/cjs/components/src/components/RadioGroup/RadioGroup.styles.js +1 -1
- package/build/cjs/components/src/components/RadioListItem/RadioListItem.styles.js +2 -2
- package/build/cjs/components/src/components/SearchBar/SearchBar.styles.js +2 -2
- package/build/cjs/components/src/components/Select/Select.styles.js +1 -1
- package/build/cjs/components/src/components/Stepper/Stepper.styles.js +3 -3
- package/build/cjs/components/src/components/StepperMobile/StepperMobile.styles.js +1 -1
- package/build/cjs/components/src/components/Table/Table.styles.js +6 -6
- package/build/cjs/components/src/components/Timeline/Timeline.js +4 -4
- package/build/cjs/components/src/components/Timeline/Timeline.styles.js +1 -1
- package/build/cjs/components/src/containers/PageContainer/PageContainer.styles.js +1 -1
- package/build/cjs/components/src/containers/TwoColumnsContainer/TwoColumnsPageContainer.styles.js +1 -1
- package/build/cjs/design-tokens/build/index.js +4 -0
- package/build/cjs/design-tokens/build/index.js.map +1 -1
- package/build/cjs/utils/build/index.js +713 -557
- package/build/cjs/utils/build/index.js.map +1 -1
- package/build/es/components/src/components/AlertBox/AlertBox.styles.js +1 -1
- package/build/es/components/src/components/BackgroundImage/BackgroundImage.styles.js +2 -2
- package/build/es/components/src/components/Badge/Badge.styles.js +2 -2
- package/build/es/components/src/components/Box/Box.styles.js +1 -1
- package/build/es/components/src/components/BoxArrow/BoxArrow.styles.js +2 -2
- package/build/es/components/src/components/Button/Button.js +1 -0
- package/build/es/components/src/components/Button/Button.js.map +1 -1
- package/build/es/components/src/components/Button/Button.styles.js +19 -17
- package/build/es/components/src/components/Button/Button.styles.js.map +1 -1
- package/build/es/components/src/components/CartItemSummary/CartItemSummary.js +2 -2
- package/build/es/components/src/components/CartSummary/CartSummary.styles.js +1 -1
- package/build/es/components/src/components/Chips/Chip.styles.js +1 -1
- package/build/es/components/src/components/Collapsable/Collapsable.styles.js +1 -1
- package/build/es/components/src/components/DateBox/DateBox.styles.js +1 -1
- package/build/es/components/src/components/DeliveryTimeBlock/DeliveryTimeBlock.js +1 -1
- package/build/es/components/src/components/DotIndicator/DotIndicator.styles.js +1 -1
- package/build/es/components/src/components/FormControl/FormControl.styles.js +1 -1
- package/build/es/components/src/components/FormElements/Input/Input.styles.js +2 -2
- package/build/es/components/src/components/FormElements/Radio/Radio.styles.js +1 -1
- package/build/es/components/src/components/FormElements/TextArea/TextArea.styles.js +1 -1
- package/build/es/components/src/components/FormGroup/FormGroup.styles.js +1 -1
- package/build/es/components/src/components/GridContainer/GridContainer.styles.js +1 -1
- package/build/es/components/src/components/HeaderLink/HeaderLink.styles.js +1 -1
- package/build/es/components/src/components/IconToolTip/IconToolTip.styles.js +2 -2
- package/build/es/components/src/components/InfoTextBlock/InfoTextBlock.styles.js +3 -3
- package/build/es/components/src/components/ListItem/ListItem.js +3 -3
- package/build/es/components/src/components/ListItem/ListItem.styles.js +5 -5
- package/build/es/components/src/components/ListItemWithRadio/ListItemWithRadio.js +1 -1
- package/build/es/components/src/components/Menu/Menu.styles.js +1 -1
- package/build/es/components/src/components/Modal/Modal.styles.js +1 -1
- package/build/es/components/src/components/Nav/Nav.styles.js +1 -1
- package/build/es/components/src/components/NavMainLink/NavMainLink.styled.js +1 -1
- package/build/es/components/src/components/RadioBox/RadioBoxItem.styles.js +2 -2
- package/build/es/components/src/components/RadioBox/RadioBoxList.styles.js +2 -2
- package/build/es/components/src/components/RadioGroup/RadioGroup.styles.js +1 -1
- package/build/es/components/src/components/RadioListItem/RadioListItem.styles.js +2 -2
- package/build/es/components/src/components/SearchBar/SearchBar.styles.js +2 -2
- package/build/es/components/src/components/Select/Select.styles.js +1 -1
- package/build/es/components/src/components/Stepper/Stepper.styles.js +3 -3
- package/build/es/components/src/components/StepperMobile/StepperMobile.styles.js +1 -1
- package/build/es/components/src/components/Table/Table.styles.js +6 -6
- package/build/es/components/src/components/Timeline/Timeline.js +4 -4
- package/build/es/components/src/components/Timeline/Timeline.styles.js +1 -1
- package/build/es/components/src/containers/PageContainer/PageContainer.styles.js +1 -1
- package/build/es/components/src/containers/TwoColumnsContainer/TwoColumnsPageContainer.styles.js +1 -1
- package/build/es/design-tokens/build/index.js +4 -0
- package/build/es/design-tokens/build/index.js.map +1 -1
- package/build/es/utils/build/index.js +713 -557
- package/build/es/utils/build/index.js.map +1 -1
- package/package.json +4 -4
|
@@ -18,32 +18,32 @@ exports.BorderPosition = void 0;
|
|
|
18
18
|
})(exports.BorderPosition || (exports.BorderPosition = {}));
|
|
19
19
|
var Table = styled__default["default"].table(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n width: 100%;\n border: none;\n border-collapse: collapse;\n border-spacing: 0;\n"], ["\n width: 100%;\n border: none;\n border-collapse: collapse;\n border-spacing: 0;\n"])));
|
|
20
20
|
var Thead = styled__default["default"].thead(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n border-bottom: 1px solid\n ", ";\n"], ["\n border-bottom: 1px solid\n ", ";\n"])), function (props) { var _a; return props.borderColor || ((_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.light); });
|
|
21
|
-
var Th = styled__default["default"].th(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n position: relative;\n padding: ", ";\n font-size: ", "px;\n font-weight: ", ";\n text-align: left;\n &:last-child {\n text-align: right;\n }\n &:first-child {\n text-align: start;\n }\n"], ["\n position: relative;\n padding: ", ";\n font-size: ", "px;\n font-weight: ", ";\n text-align: left;\n &:last-child {\n text-align: right;\n }\n &:first-child {\n text-align: start;\n }\n"])), function (props) { var _a, _b; return ((_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.tableHeaderVerticalPadding
|
|
21
|
+
var Th = styled__default["default"].th(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n position: relative;\n padding: ", ";\n font-size: ", "px;\n font-weight: ", ";\n text-align: left;\n &:last-child {\n text-align: right;\n }\n &:first-child {\n text-align: start;\n }\n"], ["\n position: relative;\n padding: ", ";\n font-size: ", "px;\n font-weight: ", ";\n text-align: left;\n &:last-child {\n text-align: right;\n }\n &:first-child {\n text-align: start;\n }\n"])), function (props) { var _a, _b; return "".concat((_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.tableHeaderVerticalPadding, "px ").concat((_b = props.theme.constants) === null || _b === void 0 ? void 0 : _b.tableRowHorizontalPadding, "px"); }, function (props) { var _a; return props.fontSize || ((_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.size.s3); }, function (props) { var _a; return props.weight || ((_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.weight.regular); });
|
|
22
22
|
var Tr = styled__default["default"].tr(templateObject_4 || (templateObject_4 = _tslib.__makeTemplateObject(["\n border-bottom: ", ";\n border-top: ", ";\n\n cursor: ", ";\n &:hover {\n background-color: ", ";\n }\n"], ["\n border-bottom: ", ";\n border-top: ", ";\n\n cursor: ", ";\n &:hover {\n background-color: ", ";\n }\n"])), function (props) {
|
|
23
23
|
var _a;
|
|
24
24
|
return (props.borderPosition === exports.BorderPosition.Bottom
|
|
25
25
|
|| props.borderPosition === exports.BorderPosition.TopAndBottom)
|
|
26
|
-
? "1px solid "
|
|
26
|
+
? "1px solid ".concat(props.borderColor || ((_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.light))
|
|
27
27
|
: 0;
|
|
28
28
|
}, function (props) {
|
|
29
29
|
var _a;
|
|
30
30
|
return (props.borderPosition === exports.BorderPosition.Top
|
|
31
31
|
|| props.borderPosition === exports.BorderPosition.TopAndBottom)
|
|
32
|
-
? "1px solid "
|
|
32
|
+
? "1px solid ".concat(props.borderColor || ((_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.light))
|
|
33
33
|
: 0;
|
|
34
34
|
}, function (props) { return props.disableHover ? 0 : 'pointer'; }, function (props) { var _a; return props.disableHover ? 0 : (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.lightest; });
|
|
35
|
-
var Td = styled__default["default"].td(templateObject_5 || (templateObject_5 = _tslib.__makeTemplateObject(["\n padding: ", ";\n font-size: ", "px;\n text-align: left;\n\n border-bottom: ", ";\n border-top: ", ";\n\n &:last-child {\n text-align: right;\n }\n &:first-child {\n text-align: start;\n }\n text-decoration: ", ";\n color: ", ";\n"], ["\n padding: ", ";\n font-size: ", "px;\n text-align: left;\n\n border-bottom: ", ";\n border-top: ", ";\n\n &:last-child {\n text-align: right;\n }\n &:first-child {\n text-align: start;\n }\n text-decoration: ", ";\n color: ", ";\n"])), function (props) { var _a, _b; return ((_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.tableRowVerticalPadding
|
|
35
|
+
var Td = styled__default["default"].td(templateObject_5 || (templateObject_5 = _tslib.__makeTemplateObject(["\n padding: ", ";\n font-size: ", "px;\n text-align: left;\n\n border-bottom: ", ";\n border-top: ", ";\n\n &:last-child {\n text-align: right;\n }\n &:first-child {\n text-align: start;\n }\n text-decoration: ", ";\n color: ", ";\n"], ["\n padding: ", ";\n font-size: ", "px;\n text-align: left;\n\n border-bottom: ", ";\n border-top: ", ";\n\n &:last-child {\n text-align: right;\n }\n &:first-child {\n text-align: start;\n }\n text-decoration: ", ";\n color: ", ";\n"])), function (props) { var _a, _b; return "".concat((_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.tableRowVerticalPadding, "px ").concat((_b = props.theme.constants) === null || _b === void 0 ? void 0 : _b.tableRowHorizontalPadding, "px"); }, function (props) { var _a; return (_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.size.s3; }, function (props) {
|
|
36
36
|
var _a;
|
|
37
37
|
return (!props.borderPosition
|
|
38
38
|
|| props.borderPosition === exports.BorderPosition.Bottom
|
|
39
39
|
|| props.borderPosition === exports.BorderPosition.TopAndBottom)
|
|
40
|
-
? "1px solid "
|
|
40
|
+
? "1px solid ".concat(props.borderColor || ((_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.light))
|
|
41
41
|
: 0;
|
|
42
42
|
}, function (props) {
|
|
43
43
|
var _a;
|
|
44
44
|
return (props.borderPosition === exports.BorderPosition.Top
|
|
45
45
|
|| props.borderPosition === exports.BorderPosition.TopAndBottom)
|
|
46
|
-
? "1px solid "
|
|
46
|
+
? "1px solid ".concat(props.borderColor || ((_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.light))
|
|
47
47
|
: 0;
|
|
48
48
|
}, function (props) { return (props.strikeThrough ? 'line-through' : 'none'); }, function (props) {
|
|
49
49
|
var _a, _b;
|
|
@@ -22,10 +22,10 @@ function Timeline(_a) {
|
|
|
22
22
|
React__default["default"].createElement(Timeline_styles.BaseTimelineList, { borderStyle: borderStyle, borderColor: borderColor }, items.map(function (item, index) { return (React__default["default"].createElement(Timeline_styles.BaseTimelineItem, { key: item.primaryText },
|
|
23
23
|
React__default["default"].createElement(DotIndicator.Dot, { color: index <= current ? dotActiveColor : dotColor, shadow: dotShadow }),
|
|
24
24
|
current === index ? (React__default["default"].createElement(typography.H3, { color: color }, isMobile
|
|
25
|
-
? item.primaryText
|
|
26
|
-
: item.primaryText
|
|
27
|
-
? item.primaryText
|
|
28
|
-
: item.primaryText
|
|
25
|
+
? "".concat(item.primaryText, " (").concat(item.time, ")")
|
|
26
|
+
: "".concat(item.primaryText, " - ").concat(item.time))) : (React__default["default"].createElement(typography.BodyText, { color: completedColor !== null && completedColor !== void 0 ? completedColor : color }, isMobile
|
|
27
|
+
? "".concat(item.primaryText, " (").concat(item.time, ")")
|
|
28
|
+
: "".concat(item.primaryText, " - ").concat(item.time))),
|
|
29
29
|
!isMobile && (React__default["default"].createElement(typography.BodyText, { color: current === index || !completedColor ? color : completedColor }, item.secondaryText)),
|
|
30
30
|
React__default["default"].createElement(typography.BodyText, { color: current === index || !completedColor ? color : completedColor }, item.tiernaryText))); }))));
|
|
31
31
|
}
|
|
@@ -15,7 +15,7 @@ var BaseTimeline = styled__default["default"].div(templateObject_2 || (templateO
|
|
|
15
15
|
var TimeLineH3 = styled__default["default"](typography.H3)(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n padding-bottom: ", "px;\n"], ["\n padding-bottom: ", "px;\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm; });
|
|
16
16
|
var BaseTimelineList = styled__default["default"].div(templateObject_4 || (templateObject_4 = _tslib.__makeTemplateObject(["\n position: relative;\n\n &::before {\n content: '';\n border-left: 1px\n ", ";\n height: calc(100% - 28px);\n position: absolute;\n top: 14px;\n left: 3.5px;\n }\n"], ["\n position: relative;\n\n &::before {\n content: '';\n border-left: 1px\n ", ";\n height: calc(100% - 28px);\n position: absolute;\n top: 14px;\n left: 3.5px;\n }\n"])), function (props) {
|
|
17
17
|
var _a, _b;
|
|
18
|
-
return props.borderStyle
|
|
18
|
+
return "".concat(props.borderStyle, " ").concat((_a = props === null || props === void 0 ? void 0 : props.borderColor) !== null && _a !== void 0 ? _a : (_b = props.theme.palette) === null || _b === void 0 ? void 0 : _b.alertGreen);
|
|
19
19
|
});
|
|
20
20
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
|
|
21
21
|
|
|
@@ -9,7 +9,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
9
9
|
|
|
10
10
|
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
11
11
|
|
|
12
|
-
var CommonPageWrapper = styled__default["default"].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n padding: ", "px 0;\n background: ", ";\n\n @media (min-width: ", "px) {\n padding: ", ";\n }\n"], ["\n padding: ", "px 0;\n background: ", ";\n\n @media (min-width: ", "px) {\n padding: ", ";\n }\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm; }, function (props) { var _a, _b; return (_a = props.background) !== null && _a !== void 0 ? _a : (_b = props.theme.palette) === null || _b === void 0 ? void 0 : _b.lightest; }, function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.lg; }, function (props) { var _a, _b; return ((_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xl
|
|
12
|
+
var CommonPageWrapper = styled__default["default"].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n padding: ", "px 0;\n background: ", ";\n\n @media (min-width: ", "px) {\n padding: ", ";\n }\n"], ["\n padding: ", "px 0;\n background: ", ";\n\n @media (min-width: ", "px) {\n padding: ", ";\n }\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm; }, function (props) { var _a, _b; return (_a = props.background) !== null && _a !== void 0 ? _a : (_b = props.theme.palette) === null || _b === void 0 ? void 0 : _b.lightest; }, function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.lg; }, function (props) { var _a, _b; return "".concat((_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xl, "px ").concat((_b = props.theme.spacings) === null || _b === void 0 ? void 0 : _b.md, "px"); });
|
|
13
13
|
var CommonPage = styled__default["default"].div(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n margin-left: auto;\n margin-right: auto;\n max-width: ", "px;\n\n background: ", ";\n"], ["\n margin-left: auto;\n margin-right: auto;\n max-width: ", "px;\n\n background: ", ";\n"])), function (props) { var _a; return props.maxWidth || ((_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.pageContentMaxWidth); }, function (props) { var _a, _b; return (_a = props.background) !== null && _a !== void 0 ? _a : (_b = props.theme.palette) === null || _b === void 0 ? void 0 : _b.none; });
|
|
14
14
|
var templateObject_1, templateObject_2;
|
|
15
15
|
|
package/build/cjs/components/src/containers/TwoColumnsContainer/TwoColumnsPageContainer.styles.js
CHANGED
|
@@ -16,7 +16,7 @@ var ColumnWraper = styled__default["default"].div(templateObject_2 || (templateO
|
|
|
16
16
|
var LeftColumn = styled__default["default"].div(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n flex-grow: 1;\n"], ["\n flex-grow: 1;\n"])));
|
|
17
17
|
var RightColumn = styled__default["default"].div(templateObject_4 || (templateObject_4 = _tslib.__makeTemplateObject(["\n width: 100%;\n ", "\n\n @media (min-width: ", "px) {\n width: ", "%;\n }\n"], ["\n width: 100%;\n ", "\n\n @media (min-width: ", "px) {\n width: ", "%;\n }\n"])), function (props) {
|
|
18
18
|
return props.hideRightColumnBefore &&
|
|
19
|
-
"display: none;\n\n @media(min-width: "
|
|
19
|
+
"display: none;\n\n @media(min-width: ".concat(props.hideRightColumnBefore, "px){\n display:block;\n };\n ");
|
|
20
20
|
}, function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.xl; }, function (props) { return props.columnWidth; });
|
|
21
21
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
|
|
22
22
|
|
|
@@ -87,6 +87,8 @@ var constants = {
|
|
|
87
87
|
mobileLabelPaddingRight: 35,
|
|
88
88
|
mobileLabelVerticalPaddingMobile: 8,
|
|
89
89
|
mobileLabelPaddingRightMobile: 20,
|
|
90
|
+
priceSplashHorizontalPadding: 10,
|
|
91
|
+
buttonWrapperMinWidth: 120,
|
|
90
92
|
buttonChildGap: 12,
|
|
91
93
|
buttonChildSmallGap: 8,
|
|
92
94
|
buttonChildExtraSmallGap: 4,
|
|
@@ -130,6 +132,7 @@ var palette = {
|
|
|
130
132
|
dark: '#979797',
|
|
131
133
|
darker: '#4A4A4A',
|
|
132
134
|
darkest: '#333333',
|
|
135
|
+
buttonGray: '#E5E4E5',
|
|
133
136
|
border: '#0069AE',
|
|
134
137
|
boxShadow: '#E1E1E1',
|
|
135
138
|
boxShadowActive: 'rgba(7, 52, 99, 0.15)',
|
|
@@ -180,6 +183,7 @@ var typography = {
|
|
|
180
183
|
m1: 24,
|
|
181
184
|
m2: 30,
|
|
182
185
|
// l all from 41 >
|
|
186
|
+
l1: 41,
|
|
183
187
|
code: 90
|
|
184
188
|
},
|
|
185
189
|
lineHeight: {
|
|
@@ -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 },\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 layoutShadowInset: 'inset 0 -1px 0 rgba(0, 0, 0, 0.15)',\n layoutShadow: '0 1px 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 },\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 headerScrollFadeRange: 50,\n modalContainerMaxWidth: 615,\n modalConfirmMaxWidth: 480,\n pageContainerMaxWidth: 776,\n twoColumnsContainerMaxWidth: 1024,\n deliverySlotItemWidth: 80,\n deliverySlotItemWidthDesktop: 120,\n itemGap: 2,\n listImageMaxWidth: 64,\n listImageMaxHeight: 50,\n listImageMaxWidthSmall: 32,\n listImageMaxHeightSmall: 32,\n listItemFlexGap: 20,\n infoBlockImageMaxWidthDesktop: 100,\n chipCheckBox: 12,\n pageContentMaxWidth: 1232,\n infoBlockBorderWidth: 4,\n tableRowVerticalPadding: 16,\n tableRowHorizontalPadding: 14,\n tableHeaderVerticalPadding: 12,\n menuHorizontalMargin: 12,\n headerWrapperVerticalPadding: 20,\n iconToolTipArrowLeft: 2.5,\n iconToolTipArrowTop: 32,\n iconToolTipBoxWidth: 300,\n iconToolTipTop: 36,\n dateBoxHorizontalPadding: 12,\n BackgroundOverlayOpacity: 0.3,\n selectWidth: 225,\n selectMobileWidth: 175,\n selectPadding: 2,\n cartListItemDescriptionSize: 11,\n mobileTablePadding: 12,\n mobileTablePaddingBottom: 6,\n mobileLabelVerticalPadding: 10,\n mobileLabelPaddingRight: 35,\n mobileLabelVerticalPaddingMobile: 8,\n mobileLabelPaddingRightMobile: 20,\n buttonChildGap: 12,\n buttonChildSmallGap: 8,\n buttonChildExtraSmallGap: 4,\n buttonBadgeTopPosition: -4,\n buttonBadgeRightPosition: -2,\n navHeaderHeight: 81,\n navHeaderHeightSmall: 64\n};\n\nvar palette = {\n // pallette same as brand colors\n primary: '#FFE522',\n secondary: '#0069AE',\n // brand colors\n brandYellow: '#FFE522',\n brandBlue: '#0069AE',\n brandPurple: '#A71680',\n // shades\n yellowLighter: '#FFFBE7',\n yellowLight: '#FFF7D1',\n blueLight: '#ECF7FE',\n blueMedium: '#92B9D3',\n greenLight: '#F2FDF2',\n greenMedium: '#BEE5BE',\n redLight: '#FCE9E9',\n // recipeTags\n recipeVego: '#237039',\n recipeLactose: '#5bc5f2',\n recipeGluten: '#c74f07',\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 border: '#0069AE',\n boxShadow: '#E1E1E1',\n boxShadowActive: 'rgba(7, 52, 99, 0.15)',\n // Alerts\n alertRed: '#E02721',\n alertBlue: '#0072BB',\n alertGreen: '#3F9A3C',\n // overlay\n darkOverlay: 'rgba(0, 0, 0, 0.6)',\n // transparent\n transparent: '#ffffff00',\n none: 'none'\n};\n\nvar spacings = {\n xxs: 4,\n xs: 8,\n xs2: 12,\n sm: 16,\n md: 24,\n lg: 32,\n xl: 40,\n xxl: 56\n // More in figma, but talk with Johan to generalize it more.\n // xxx: 72, 88, 120, 152 ?\n};\n\nvar typography = {\n type: {\n primary: '\"Poppins\", \"Helvetica Neue\", Helvetica, Arial, sans-serif',\n 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 },\n size: {\n // xs all from 0-10\n xs: 10,\n // s all from 11-20\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 code: 90\n },\n lineHeight: {\n // xs all from 0-15\n xs: 15,\n // s all from 16-20\n s1: 18,\n s2: 19,\n // m all from 21-40\n m1: 22,\n m2: 27,\n m3: 36,\n // l all from 41 >\n l1: 45\n }\n};\n\nvar animations = {\n tapScale: 0.9,\n hoverScale: 1.1,\n buttonTransition: 'all 250ms cubic-bezier(0.165, 0.84, 0.44, 1)',\n rippleTransition: '750ms cubic-bezier(0.19, 1, 0.22, 1)'\n};\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 },\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 layoutShadowInset: 'inset 0 -1px 0 rgba(0, 0, 0, 0.15)',\n layoutShadow: '0 1px 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 },\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 headerScrollFadeRange: 50,\n modalContainerMaxWidth: 615,\n modalConfirmMaxWidth: 480,\n pageContainerMaxWidth: 776,\n twoColumnsContainerMaxWidth: 1024,\n deliverySlotItemWidth: 80,\n deliverySlotItemWidthDesktop: 120,\n itemGap: 2,\n listImageMaxWidth: 64,\n listImageMaxHeight: 50,\n listImageMaxWidthSmall: 32,\n listImageMaxHeightSmall: 32,\n listItemFlexGap: 20,\n infoBlockImageMaxWidthDesktop: 100,\n chipCheckBox: 12,\n pageContentMaxWidth: 1232,\n infoBlockBorderWidth: 4,\n tableRowVerticalPadding: 16,\n tableRowHorizontalPadding: 14,\n tableHeaderVerticalPadding: 12,\n menuHorizontalMargin: 12,\n headerWrapperVerticalPadding: 20,\n iconToolTipArrowLeft: 2.5,\n iconToolTipArrowTop: 32,\n iconToolTipBoxWidth: 300,\n iconToolTipTop: 36,\n dateBoxHorizontalPadding: 12,\n BackgroundOverlayOpacity: 0.3,\n selectWidth: 225,\n selectMobileWidth: 175,\n selectPadding: 2,\n cartListItemDescriptionSize: 11,\n mobileTablePadding: 12,\n mobileTablePaddingBottom: 6,\n mobileLabelVerticalPadding: 10,\n mobileLabelPaddingRight: 35,\n mobileLabelVerticalPaddingMobile: 8,\n mobileLabelPaddingRightMobile: 20,\n priceSplashHorizontalPadding: 10,\n buttonWrapperMinWidth: 120,\n buttonChildGap: 12,\n buttonChildSmallGap: 8,\n buttonChildExtraSmallGap: 4,\n buttonBadgeTopPosition: -4,\n buttonBadgeRightPosition: -2,\n navHeaderHeight: 81,\n navHeaderHeightSmall: 64\n};\n\nvar palette = {\n // pallette same as brand colors\n primary: '#FFE522',\n secondary: '#0069AE',\n // brand colors\n brandYellow: '#FFE522',\n brandBlue: '#0069AE',\n brandPurple: '#A71680',\n // shades\n yellowLighter: '#FFFBE7',\n yellowLight: '#FFF7D1',\n blueLight: '#ECF7FE',\n blueMedium: '#92B9D3',\n greenLight: '#F2FDF2',\n greenMedium: '#BEE5BE',\n redLight: '#FCE9E9',\n // recipeTags\n recipeVego: '#237039',\n recipeLactose: '#5bc5f2',\n recipeGluten: '#c74f07',\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 border: '#0069AE',\n boxShadow: '#E1E1E1',\n boxShadowActive: 'rgba(7, 52, 99, 0.15)',\n // Alerts\n alertRed: '#E02721',\n alertBlue: '#0072BB',\n alertGreen: '#3F9A3C',\n // overlay\n darkOverlay: 'rgba(0, 0, 0, 0.6)',\n // transparent\n transparent: '#ffffff00',\n none: 'none'\n};\n\nvar spacings = {\n xxs: 4,\n xs: 8,\n xs2: 12,\n sm: 16,\n md: 24,\n lg: 32,\n xl: 40,\n xxl: 56\n // More in figma, but talk with Johan to generalize it more.\n // xxx: 72, 88, 120, 152 ?\n};\n\nvar typography = {\n type: {\n primary: '\"Poppins\", \"Helvetica Neue\", Helvetica, Arial, sans-serif',\n 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 },\n size: {\n // xs all from 0-10\n xs: 10,\n // s all from 11-20\n s1: 12,\n s2: 13,\n s3: 15,\n s4: 18,\n // m all from 21-40\n m1: 24,\n m2: 30,\n // l all from 41 >\n l1: 41,\n code: 90\n },\n lineHeight: {\n // xs all from 0-15\n xs: 15,\n // s all from 16-20\n s1: 18,\n s2: 19,\n // m all from 21-40\n m1: 22,\n m2: 27,\n m3: 36,\n // l all from 41 >\n l1: 45\n }\n};\n\nvar animations = {\n tapScale: 0.9,\n hoverScale: 1.1,\n buttonTransition: 'all 250ms cubic-bezier(0.165, 0.84, 0.44, 1)',\n rippleTransition: '750ms cubic-bezier(0.19, 1, 0.22, 1)'\n};\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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"}
|