@citygross/components 0.7.218 → 0.7.220
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/cjs/components/src/components/DeliverySlotItem/DeliverySlotItem.styles.js +6 -2
- package/build/cjs/components/src/components/DeliverySlotItem/DeliverySlotItem.styles.js.map +1 -1
- package/build/cjs/components/src/components/RadioListItem/RadioListItem.styles.js +6 -2
- package/build/cjs/components/src/components/RadioListItem/RadioListItem.styles.js.map +1 -1
- package/build/cjs/components/src/components/Slider/Slider.js +1 -1
- package/build/es/components/src/components/DeliverySlotItem/DeliverySlotItem.styles.js +6 -2
- package/build/es/components/src/components/DeliverySlotItem/DeliverySlotItem.styles.js.map +1 -1
- package/build/es/components/src/components/RadioListItem/RadioListItem.styles.js +6 -2
- package/build/es/components/src/components/RadioListItem/RadioListItem.styles.js.map +1 -1
- package/build/es/components/src/components/Slider/Slider.js +1 -1
- package/package.json +2 -2
|
@@ -17,7 +17,7 @@ var DeliverySlotItemContainer = styled__default["default"].div(templateObject_1
|
|
|
17
17
|
}, function (props) { var _a; return (_a = props.theme.attributes) === null || _a === void 0 ? void 0 : _a.borderRadius.small; }, function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.deliverySlotItemHeight; }, function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.md; }, function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.deliverySlotItemWidthDesktop; });
|
|
18
18
|
styled__default["default"].div(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n display: flex;\n width: 100%;\n"], ["\n display: flex;\n width: 100%;\n"])));
|
|
19
19
|
var DeliverySlotHeaderText = styled__default["default"].div(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n"], ["\n display: flex;\n justify-content: space-between;\n"])));
|
|
20
|
-
var DeliverySlotContainer = styled__default["default"].div(templateObject_4 || (templateObject_4 = _tslib.__makeTemplateObject(["\n padding: ", "px;\n flex: 1;\n width: stretch;\n background: ", ";\n &:hover {\n cursor: pointer;\n ", ";\n }\n &:active {\n
|
|
20
|
+
var DeliverySlotContainer = styled__default["default"].div(templateObject_4 || (templateObject_4 = _tslib.__makeTemplateObject(["\n padding: ", "px;\n flex: 1;\n width: stretch;\n background: ", ";\n &:hover {\n cursor: pointer;\n ", ";\n }\n &:active {\n ", "\n }\n\n user-select: none;\n"], ["\n padding: ", "px;\n flex: 1;\n width: stretch;\n background: ", ";\n &:hover {\n cursor: pointer;\n ", ";\n }\n &:active {\n ", "\n }\n\n user-select: none;\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs2; }, function (props) {
|
|
21
21
|
var _a, _b;
|
|
22
22
|
return props.selected
|
|
23
23
|
? (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.blueLight
|
|
@@ -26,7 +26,11 @@ var DeliverySlotContainer = styled__default["default"].div(templateObject_4 || (
|
|
|
26
26
|
var _a;
|
|
27
27
|
return !props.selected &&
|
|
28
28
|
"\n background:".concat((_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.lightest);
|
|
29
|
-
}, function (props) {
|
|
29
|
+
}, function (props) {
|
|
30
|
+
var _a;
|
|
31
|
+
return !props.selected &&
|
|
32
|
+
"\n background: ".concat((_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.lighter, ";\n ");
|
|
33
|
+
});
|
|
30
34
|
var DeliverySlotBody = styled__default["default"].div(templateObject_5 || (templateObject_5 = _tslib.__makeTemplateObject(["\n margin-top: ", "px;\n margin-bottom: ", "px;\n"], ["\n margin-top: ", "px;\n margin-bottom: ", "px;\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xxxs; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xxs; });
|
|
31
35
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
|
|
32
36
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DeliverySlotItem.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"DeliverySlotItem.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -10,7 +10,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
10
10
|
|
|
11
11
|
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
12
12
|
|
|
13
|
-
var BaseRadioListItemContainer = styled__default["default"].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n padding: ", "px;\n align-items: center;\n cursor: ", ";\n flex-wrap: wrap;\n border-radius: ", "px;\n background: ", ";\n
|
|
13
|
+
var BaseRadioListItemContainer = styled__default["default"].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n padding: ", "px;\n align-items: center;\n cursor: ", ";\n flex-wrap: wrap;\n border-radius: ", "px;\n background: ", ";\n border: 1px solid\n ", ";\n > p:first-of-type {\n margin-left: ", "px;\n }\n &:hover {\n ", ";\n }\n &:active {\n ", ";\n }\n"], ["\n padding: ", "px;\n align-items: center;\n cursor: ", ";\n flex-wrap: wrap;\n border-radius: ", "px;\n background: ", ";\n border: 1px solid\n ", ";\n > p:first-of-type {\n margin-left: ", "px;\n }\n &:hover {\n ", ";\n }\n &:active {\n ", ";\n }\n"])), function (props) { var _a; return (props.noPadding ? 0 : (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs2); }, function (props) { return (props.isDisabled ? 'cursor' : 'pointer'); }, function (props) { var _a; return (_a = props.theme.attributes) === null || _a === void 0 ? void 0 : _a.borderRadius.small; }, function (props) {
|
|
14
14
|
var _a, _b, _c, _d;
|
|
15
15
|
return props.isDisabled
|
|
16
16
|
? (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.lightest
|
|
@@ -24,7 +24,11 @@ var BaseRadioListItemContainer = styled__default["default"].div(templateObject_1
|
|
|
24
24
|
return props.selected
|
|
25
25
|
? (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.brandBlue
|
|
26
26
|
: (_b = props.theme.palette) === null || _b === void 0 ? void 0 : _b.medium;
|
|
27
|
-
}, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs; })
|
|
27
|
+
}, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs; }, function (props) {
|
|
28
|
+
var _a;
|
|
29
|
+
return !props.selected &&
|
|
30
|
+
"\n background:".concat((_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.lightest);
|
|
31
|
+
}, function (props) { var _a; return "".concat(!props.isDisabled && "background: ".concat((_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.lighter)); });
|
|
28
32
|
var BaseRadioItemLeftWrapper = styled__default["default"].div(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n display: flex;\n flex: 5;\n align-items: flex-start;\n ", ";\n"], ["\n display: flex;\n flex: 5;\n align-items: flex-start;\n ", ";\n"])), function (props) { return props.flexGrow && "flex-grow: ".concat(props.flexGrow); });
|
|
29
33
|
var StyledH3 = styled__default["default"](typography.H3).attrs({ as: 'label' })(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n cursor: pointer;\n white-space: nowrap;\n display: block;\n line-height: ", "px;\n ", ";\n"], ["\n cursor: pointer;\n white-space: nowrap;\n display: block;\n line-height: ", "px;\n ", ";\n"])), function (props) { var _a; return (_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.lineHeight.m1; }, function (props) { var _a; return props.isDisabled && "color:".concat((_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.dark); });
|
|
30
34
|
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; });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioListItem.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"RadioListItem.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -48,7 +48,7 @@ var Slider = function (_a) {
|
|
|
48
48
|
var _a;
|
|
49
49
|
var selectedIndex = findIndex(selected, pageSections);
|
|
50
50
|
if (selectedIndex !== currentPage) {
|
|
51
|
-
(_a = ref === null || ref === void 0 ? void 0 : ref.current) === null || _a === void 0 ? void 0 : _a.slickGoTo(
|
|
51
|
+
(_a = ref === null || ref === void 0 ? void 0 : ref.current) === null || _a === void 0 ? void 0 : _a.slickGoTo(selectedIndex || 0);
|
|
52
52
|
}
|
|
53
53
|
}, [selected, pageSections, currentPage]);
|
|
54
54
|
var settings = {
|
|
@@ -9,7 +9,7 @@ var DeliverySlotItemContainer = styled.div(templateObject_1 || (templateObject_1
|
|
|
9
9
|
}, function (props) { var _a; return (_a = props.theme.attributes) === null || _a === void 0 ? void 0 : _a.borderRadius.small; }, function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.deliverySlotItemHeight; }, function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.md; }, function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.deliverySlotItemWidthDesktop; });
|
|
10
10
|
styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n width: 100%;\n"], ["\n display: flex;\n width: 100%;\n"])));
|
|
11
11
|
var DeliverySlotHeaderText = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n"], ["\n display: flex;\n justify-content: space-between;\n"])));
|
|
12
|
-
var DeliverySlotContainer = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n padding: ", "px;\n flex: 1;\n width: stretch;\n background: ", ";\n &:hover {\n cursor: pointer;\n ", ";\n }\n &:active {\n
|
|
12
|
+
var DeliverySlotContainer = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n padding: ", "px;\n flex: 1;\n width: stretch;\n background: ", ";\n &:hover {\n cursor: pointer;\n ", ";\n }\n &:active {\n ", "\n }\n\n user-select: none;\n"], ["\n padding: ", "px;\n flex: 1;\n width: stretch;\n background: ", ";\n &:hover {\n cursor: pointer;\n ", ";\n }\n &:active {\n ", "\n }\n\n user-select: none;\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs2; }, function (props) {
|
|
13
13
|
var _a, _b;
|
|
14
14
|
return props.selected
|
|
15
15
|
? (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.blueLight
|
|
@@ -18,7 +18,11 @@ var DeliverySlotContainer = styled.div(templateObject_4 || (templateObject_4 = _
|
|
|
18
18
|
var _a;
|
|
19
19
|
return !props.selected &&
|
|
20
20
|
"\n background:".concat((_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.lightest);
|
|
21
|
-
}, function (props) {
|
|
21
|
+
}, function (props) {
|
|
22
|
+
var _a;
|
|
23
|
+
return !props.selected &&
|
|
24
|
+
"\n background: ".concat((_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.lighter, ";\n ");
|
|
25
|
+
});
|
|
22
26
|
var DeliverySlotBody = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n margin-top: ", "px;\n margin-bottom: ", "px;\n"], ["\n margin-top: ", "px;\n margin-bottom: ", "px;\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xxxs; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xxs; });
|
|
23
27
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
|
|
24
28
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DeliverySlotItem.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"DeliverySlotItem.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -2,7 +2,7 @@ import { __makeTemplateObject } from '../../../../_virtual/_tslib.js';
|
|
|
2
2
|
import { H3, BodyText } from '@citygross/typography';
|
|
3
3
|
import styled from 'styled-components';
|
|
4
4
|
|
|
5
|
-
var BaseRadioListItemContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n padding: ", "px;\n align-items: center;\n cursor: ", ";\n flex-wrap: wrap;\n border-radius: ", "px;\n background: ", ";\n
|
|
5
|
+
var BaseRadioListItemContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n padding: ", "px;\n align-items: center;\n cursor: ", ";\n flex-wrap: wrap;\n border-radius: ", "px;\n background: ", ";\n border: 1px solid\n ", ";\n > p:first-of-type {\n margin-left: ", "px;\n }\n &:hover {\n ", ";\n }\n &:active {\n ", ";\n }\n"], ["\n padding: ", "px;\n align-items: center;\n cursor: ", ";\n flex-wrap: wrap;\n border-radius: ", "px;\n background: ", ";\n border: 1px solid\n ", ";\n > p:first-of-type {\n margin-left: ", "px;\n }\n &:hover {\n ", ";\n }\n &:active {\n ", ";\n }\n"])), function (props) { var _a; return (props.noPadding ? 0 : (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs2); }, function (props) { return (props.isDisabled ? 'cursor' : 'pointer'); }, function (props) { var _a; return (_a = props.theme.attributes) === null || _a === void 0 ? void 0 : _a.borderRadius.small; }, function (props) {
|
|
6
6
|
var _a, _b, _c, _d;
|
|
7
7
|
return props.isDisabled
|
|
8
8
|
? (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.lightest
|
|
@@ -16,7 +16,11 @@ var BaseRadioListItemContainer = styled.div(templateObject_1 || (templateObject_
|
|
|
16
16
|
return props.selected
|
|
17
17
|
? (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.brandBlue
|
|
18
18
|
: (_b = props.theme.palette) === null || _b === void 0 ? void 0 : _b.medium;
|
|
19
|
-
}, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs; })
|
|
19
|
+
}, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs; }, function (props) {
|
|
20
|
+
var _a;
|
|
21
|
+
return !props.selected &&
|
|
22
|
+
"\n background:".concat((_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.lightest);
|
|
23
|
+
}, function (props) { var _a; return "".concat(!props.isDisabled && "background: ".concat((_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.lighter)); });
|
|
20
24
|
var BaseRadioItemLeftWrapper = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n flex: 5;\n align-items: flex-start;\n ", ";\n"], ["\n display: flex;\n flex: 5;\n align-items: flex-start;\n ", ";\n"])), function (props) { return props.flexGrow && "flex-grow: ".concat(props.flexGrow); });
|
|
21
25
|
var StyledH3 = styled(H3).attrs({ as: 'label' })(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n cursor: pointer;\n white-space: nowrap;\n display: block;\n line-height: ", "px;\n ", ";\n"], ["\n cursor: pointer;\n white-space: nowrap;\n display: block;\n line-height: ", "px;\n ", ";\n"])), function (props) { var _a; return (_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.lineHeight.m1; }, function (props) { var _a; return props.isDisabled && "color:".concat((_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.dark); });
|
|
22
26
|
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; });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioListItem.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"RadioListItem.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -39,7 +39,7 @@ var Slider = function (_a) {
|
|
|
39
39
|
var _a;
|
|
40
40
|
var selectedIndex = findIndex(selected, pageSections);
|
|
41
41
|
if (selectedIndex !== currentPage) {
|
|
42
|
-
(_a = ref === null || ref === void 0 ? void 0 : ref.current) === null || _a === void 0 ? void 0 : _a.slickGoTo(
|
|
42
|
+
(_a = ref === null || ref === void 0 ? void 0 : ref.current) === null || _a === void 0 ? void 0 : _a.slickGoTo(selectedIndex || 0);
|
|
43
43
|
}
|
|
44
44
|
}, [selected, pageSections, currentPage]);
|
|
45
45
|
var settings = {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@citygross/components",
|
|
3
|
-
"version": "0.7.
|
|
3
|
+
"version": "0.7.220",
|
|
4
4
|
"license": "ISC",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"main": "./build/cjs/components/src/index.js",
|
|
@@ -74,5 +74,5 @@
|
|
|
74
74
|
"react-slick": "^0.30.1",
|
|
75
75
|
"slick-carousel": "^1.8.1"
|
|
76
76
|
},
|
|
77
|
-
"gitHead": "
|
|
77
|
+
"gitHead": "1b4f47567fad95c30199c20eacd3e71d05b565a5"
|
|
78
78
|
}
|