@citygross/components 0.8.125 → 0.8.127

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 (5) hide show
  1. package/build/cjs/components/src/components/QuantitySelector/QuantitySelector.styles.js +6 -3
  2. package/build/cjs/components/src/components/QuantitySelector/QuantitySelector.styles.js.map +1 -1
  3. package/build/es/components/src/components/QuantitySelector/QuantitySelector.styles.js +6 -3
  4. package/build/es/components/src/components/QuantitySelector/QuantitySelector.styles.js.map +1 -1
  5. package/package.json +2 -2
package/build/cjs/components/src/components/QuantitySelector/QuantitySelector.styles.js CHANGED
@@ -26,16 +26,19 @@ var Container = styled__default["default"].div(templateObject_6 || (templateObje
26
26
  var largeSize = quantitySelector.getQuantitySelectorSizeAttributes(QuantitySelector_types.EQuantitySelectorSize.large);
27
27
  return styled.css(templateObject_5 || (templateObject_5 = _tslib.__makeTemplateObject(["\n display: grid;\n font-size: ", "px;\n grid-template-columns: ", "px 1fr ", "px;\n height: ", "px;\n\n ", "\n "], ["\n display: grid;\n font-size: ", "px;\n grid-template-columns: ", "px 1fr ", "px;\n height: ", "px;\n\n ", "\n "])), fontSize, height, height, height, size === QuantitySelector_types.EQuantitySelectorSize.dynamic && styled.css(templateObject_4 || (templateObject_4 = _tslib.__makeTemplateObject(["\n @media (max-width: ", "px) {\n font-size: ", "px;\n grid-template-columns: ", "px 1fr ", "px;\n height: ", "px;\n }\n "], ["\n @media (max-width: ", "px) {\n font-size: ", "px;\n grid-template-columns: ", "px 1fr ", "px;\n height: ", "px;\n }\n "])), (_b = designTokens.theme.breakpoints) === null || _b === void 0 ? void 0 : _b.sm, largeSize.fontSize, largeSize.height, largeSize.height, largeSize.height));
28
28
  });
29
- var StepButton = styled__default["default"].button(templateObject_7 || (templateObject_7 = _tslib.__makeTemplateObject(["\n background-color: ", ";\n ", "\n ", "\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n\n &:hover {\n background-color: ", ";\n }\n\n &:active {\n background-color: ", ";\n }\n\n &:disabled {\n background-color: ", ";\n cursor: default;\n }\n"], ["\n background-color: ", ";\n ", "\n ", "\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n\n &:hover {\n background-color: ", ";\n }\n\n &:active {\n background-color: ", ";\n }\n\n &:disabled {\n background-color: ", ";\n cursor: default;\n }\n"])), (_f = designTokens.theme.palette) === null || _f === void 0 ? void 0 : _f.white, border, function (_a) {
29
+ var StepButton = styled__default["default"].button(templateObject_7 || (templateObject_7 = _tslib.__makeTemplateObject(["\n background-color: ", ";\n ", "\n ", "\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n\n &:hover {\n background-color: ", ";\n }\n\n &:active {\n background-color: ", ";\n }\n\n &:disabled {\n background-color: ", ";\n cursor: not-allowed;\n }\n"], ["\n background-color: ", ";\n ", "\n ", "\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n\n &:hover {\n background-color: ", ";\n }\n\n &:active {\n background-color: ", ";\n }\n\n &:disabled {\n background-color: ", ";\n cursor: not-allowed;\n }\n"])), (_f = designTokens.theme.palette) === null || _f === void 0 ? void 0 : _f.white, border, function (_a) {
30
30
  var direction = _a.direction;
31
31
  return direction === 'subtract'
32
32
  ? borderRadiusLeft
33
33
  : borderRadiusRight;
34
34
  }, (_g = designTokens.theme.palette) === null || _g === void 0 ? void 0 : _g.lightest, (_h = designTokens.theme.palette) === null || _h === void 0 ? void 0 : _h.lighter, (_j = designTokens.theme.palette) === null || _j === void 0 ? void 0 : _j.light);
35
35
  var Label = styled__default["default"].label(templateObject_8 || (templateObject_8 = _tslib.__makeTemplateObject(["\n ", "\n border-radius: 0;\n cursor: pointer;\n text-align: center;\n"], ["\n ", "\n border-radius: 0;\n cursor: pointer;\n text-align: center;\n"])), border);
36
- var Input = styled__default["default"].input(templateObject_9 || (templateObject_9 = _tslib.__makeTemplateObject(["\n border: none;\n height: 100%;\n padding: 0;\n text-align: center;\n ", ";\n\n &::-webkit-outer-spin-button,\n &::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n\n -moz-appearance: textfield;\n appearance: textfield;\n"], ["\n border: none;\n height: 100%;\n padding: 0;\n text-align: center;\n ", ";\n\n &::-webkit-outer-spin-button,\n &::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n\n -moz-appearance: textfield;\n appearance: textfield;\n"])), function (_a) {
36
+ var Input = styled__default["default"].input(templateObject_9 || (templateObject_9 = _tslib.__makeTemplateObject(["\n border: none;\n height: 100%;\n ", ";\n padding: 0;\n text-align: center;\n width: ", ";\n\n &::-webkit-outer-spin-button,\n &::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n\n -moz-appearance: textfield;\n appearance: textfield;\n"], ["\n border: none;\n height: 100%;\n ", ";\n padding: 0;\n text-align: center;\n width: ", ";\n\n &::-webkit-outer-spin-button,\n &::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n\n -moz-appearance: textfield;\n appearance: textfield;\n"])), function (_a) {
37
37
  var isMaxQuantity = _a.isMaxQuantity;
38
- return !isMaxQuantity && 'width: 100%';
38
+ return isMaxQuantity && 'margin-left: 2px;';
39
+ }, function (_a) {
40
+ var isMaxQuantity = _a.isMaxQuantity;
41
+ return (isMaxQuantity ? '2ch' : '100%');
39
42
  });
40
43
  var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
41
44
 
package/build/cjs/components/src/components/QuantitySelector/QuantitySelector.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"QuantitySelector.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"QuantitySelector.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/build/es/components/src/components/QuantitySelector/QuantitySelector.styles.js CHANGED
@@ -18,16 +18,19 @@ var Container = styled.div(templateObject_6 || (templateObject_6 = __makeTemplat
18
18
  var largeSize = getQuantitySelectorSizeAttributes(EQuantitySelectorSize.large);
19
19
  return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n display: grid;\n font-size: ", "px;\n grid-template-columns: ", "px 1fr ", "px;\n height: ", "px;\n\n ", "\n "], ["\n display: grid;\n font-size: ", "px;\n grid-template-columns: ", "px 1fr ", "px;\n height: ", "px;\n\n ", "\n "])), fontSize, height, height, height, size === EQuantitySelectorSize.dynamic && css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n @media (max-width: ", "px) {\n font-size: ", "px;\n grid-template-columns: ", "px 1fr ", "px;\n height: ", "px;\n }\n "], ["\n @media (max-width: ", "px) {\n font-size: ", "px;\n grid-template-columns: ", "px 1fr ", "px;\n height: ", "px;\n }\n "])), (_b = theme.breakpoints) === null || _b === void 0 ? void 0 : _b.sm, largeSize.fontSize, largeSize.height, largeSize.height, largeSize.height));
20
20
  });
21
- var StepButton = styled.button(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n background-color: ", ";\n ", "\n ", "\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n\n &:hover {\n background-color: ", ";\n }\n\n &:active {\n background-color: ", ";\n }\n\n &:disabled {\n background-color: ", ";\n cursor: default;\n }\n"], ["\n background-color: ", ";\n ", "\n ", "\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n\n &:hover {\n background-color: ", ";\n }\n\n &:active {\n background-color: ", ";\n }\n\n &:disabled {\n background-color: ", ";\n cursor: default;\n }\n"])), (_f = theme.palette) === null || _f === void 0 ? void 0 : _f.white, border, function (_a) {
21
+ var StepButton = styled.button(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n background-color: ", ";\n ", "\n ", "\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n\n &:hover {\n background-color: ", ";\n }\n\n &:active {\n background-color: ", ";\n }\n\n &:disabled {\n background-color: ", ";\n cursor: not-allowed;\n }\n"], ["\n background-color: ", ";\n ", "\n ", "\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n\n &:hover {\n background-color: ", ";\n }\n\n &:active {\n background-color: ", ";\n }\n\n &:disabled {\n background-color: ", ";\n cursor: not-allowed;\n }\n"])), (_f = theme.palette) === null || _f === void 0 ? void 0 : _f.white, border, function (_a) {
22
22
  var direction = _a.direction;
23
23
  return direction === 'subtract'
24
24
  ? borderRadiusLeft
25
25
  : borderRadiusRight;
26
26
  }, (_g = theme.palette) === null || _g === void 0 ? void 0 : _g.lightest, (_h = theme.palette) === null || _h === void 0 ? void 0 : _h.lighter, (_j = theme.palette) === null || _j === void 0 ? void 0 : _j.light);
27
27
  var Label = styled.label(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n ", "\n border-radius: 0;\n cursor: pointer;\n text-align: center;\n"], ["\n ", "\n border-radius: 0;\n cursor: pointer;\n text-align: center;\n"])), border);
28
- var Input = styled.input(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n border: none;\n height: 100%;\n padding: 0;\n text-align: center;\n ", ";\n\n &::-webkit-outer-spin-button,\n &::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n\n -moz-appearance: textfield;\n appearance: textfield;\n"], ["\n border: none;\n height: 100%;\n padding: 0;\n text-align: center;\n ", ";\n\n &::-webkit-outer-spin-button,\n &::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n\n -moz-appearance: textfield;\n appearance: textfield;\n"])), function (_a) {
28
+ var Input = styled.input(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n border: none;\n height: 100%;\n ", ";\n padding: 0;\n text-align: center;\n width: ", ";\n\n &::-webkit-outer-spin-button,\n &::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n\n -moz-appearance: textfield;\n appearance: textfield;\n"], ["\n border: none;\n height: 100%;\n ", ";\n padding: 0;\n text-align: center;\n width: ", ";\n\n &::-webkit-outer-spin-button,\n &::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n\n -moz-appearance: textfield;\n appearance: textfield;\n"])), function (_a) {
29
29
  var isMaxQuantity = _a.isMaxQuantity;
30
- return !isMaxQuantity && 'width: 100%';
30
+ return isMaxQuantity && 'margin-left: 2px;';
31
+ }, function (_a) {
32
+ var isMaxQuantity = _a.isMaxQuantity;
33
+ return (isMaxQuantity ? '2ch' : '100%');
31
34
  });
32
35
  var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
33
36
 
package/build/es/components/src/components/QuantitySelector/QuantitySelector.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"QuantitySelector.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"QuantitySelector.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@citygross/components",
3
- "version": "0.8.125",
3
+ "version": "0.8.127",
4
4
  "license": "ISC",
5
5
  "sideEffects": false,
6
6
  "main": "./build/cjs/components/src/index.js",
@@ -76,5 +76,5 @@
76
76
  "react-slick": "^0.30.1",
77
77
  "slick-carousel": "^1.8.1"
78
78
  },
79
- "gitHead": "e1b542b1b7d80937f9dee8b2b8bcbed977ce6ec6"
79
+ "gitHead": "1336f68d377cef7845f8a5c70afe90d7712126a4"
80
80
  }