@trafilea/afrodita-components 5.0.0-beta.178 → 5.0.0-beta.179

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 (10) hide show
  1. package/build/index.d.ts +1 -0
  2. package/build/index.esm.js +2 -2
  3. package/build/index.js +2 -2
  4. package/build/theme/revel.theme.d.ts +1 -0
  5. package/build/theme/revel.theme.js +1 -0
  6. package/build/theme/shapermint.theme.d.ts +1 -0
  7. package/build/theme/shapermint.theme.js +1 -0
  8. package/build/theme/truekind.theme.d.ts +1 -0
  9. package/build/theme/truekind.theme.js +1 -0
  10. package/package.json +1 -1
package/build/index.d.ts CHANGED
@@ -1216,6 +1216,7 @@ declare type ThemeColors = {
1216
1216
  50: ThemeBasicPallete;
1217
1217
  100: ThemeBasicPallete;
1218
1218
  150: ThemeBasicPallete;
1219
+ 175: ThemeBasicPallete;
1219
1220
  200: ThemeBasicPallete;
1220
1221
  250: ThemeBasicPallete;
1221
1222
  300: ThemeBasicPallete;
package/build/index.esm.js CHANGED
@@ -13552,7 +13552,7 @@ var CartProductItem = {
13552
13552
  var Container$g = newStyled.div(templateObject_1$k || (templateObject_1$k = __makeTemplateObject(["\n padding: 0.625rem 0;\n border: 0.063rem solid ", ";\n border-radius: 0.5rem;\n display: inline-flex;\n align-items: center;\n justify-content: space-around;\n width: 100%;\n max-width: 3.75rem;\n\n * {\n color: ", ";\n }\n"], ["\n padding: 0.625rem 0;\n border: 0.063rem solid ", ";\n border-radius: 0.5rem;\n display: inline-flex;\n align-items: center;\n justify-content: space-around;\n width: 100%;\n max-width: 3.75rem;\n\n * {\n color: ", ";\n }\n"])), function (props) { return props.borderColor; }, function (props) { return props.color; });
13553
13553
  var Item = newStyled.span(templateObject_2$f || (templateObject_2$f = __makeTemplateObject(["\n font-size: 0.875rem;\n line-height: 1.125rem;\n margin: 0;\n padding: 0;\n"], ["\n font-size: 0.875rem;\n line-height: 1.125rem;\n margin: 0;\n padding: 0;\n"])));
13554
13554
  var Number$1 = newStyled(Item)(templateObject_3$f || (templateObject_3$f = __makeTemplateObject(["\n width: 1.25rem;\n text-align: center;\n font-weight: 600;\n"], ["\n width: 1.25rem;\n text-align: center;\n font-weight: 600;\n"])));
13555
- var IncreaseDecrease = newStyled(Item)(templateObject_4$9 || (templateObject_4$9 = __makeTemplateObject(["\n cursor: pointer;\n user-select: none;\n padding: 0 0.313rem;\n font-weight: 400;\n"], ["\n cursor: pointer;\n user-select: none;\n padding: 0 0.313rem;\n font-weight: 400;\n"])));
13555
+ var IncreaseDecrease = newStyled(Item)(templateObject_4$9 || (templateObject_4$9 = __makeTemplateObject(["\n cursor: pointer;\n user-select: none;\n padding: 0 0.313rem;\n font-weight: 400;\n color: ", ";\n"], ["\n cursor: pointer;\n user-select: none;\n padding: 0 0.313rem;\n font-weight: 400;\n color: ", ";\n"])), function (props) { return props.isMaxSelected && 'var(--colors-shades-175-color)'; });
13556
13556
  var QuantityPicker = function (_a) {
13557
13557
  var _b = _a.initialValue, initialValue = _b === void 0 ? 0 : _b, _c = _a.maxValue, maxValue = _c === void 0 ? 99 : _c, value = _a.value, _d = _a.testId, testId = _d === void 0 ? 'quantity-picker' : _d, onChange = _a.onChange;
13558
13558
  var theme = useTheme();
@@ -13575,7 +13575,7 @@ var QuantityPicker = function (_a) {
13575
13575
  return clamp(value);
13576
13576
  });
13577
13577
  }, [value, clamp]);
13578
- return (jsxs$1(Container$g, __assign$1({ borderColor: theme.colors.shades['200'].color, color: theme.colors.shades['700'].color, "data-testid": testId }, { children: [jsx$1(IncreaseDecrease, __assign$1({ "data-testid": "".concat(testId, "-minus"), onClick: function () { return setInternal(function (value) { return clamp(value - 1); }); } }, { children: "-" }), void 0), jsx$1(Number$1, { children: internal }, void 0), jsx$1(IncreaseDecrease, __assign$1({ "data-testid": "".concat(testId, "-plus"), onClick: function () { return setInternal(function (value) { return clamp(value + 1); }); } }, { children: "+" }), void 0)] }), void 0));
13578
+ return (jsxs$1(Container$g, __assign$1({ borderColor: theme.colors.shades['200'].color, color: theme.colors.shades['700'].color, "data-testid": testId }, { children: [jsx$1(IncreaseDecrease, __assign$1({ "data-testid": "".concat(testId, "-minus"), onClick: function () { return setInternal(function (value) { return clamp(value - 1); }); } }, { children: "-" }), void 0), jsx$1(Number$1, { children: internal }, void 0), jsx$1(IncreaseDecrease, __assign$1({ isMaxSelected: value === maxValue, "data-testid": "".concat(testId, "-plus"), onClick: function () { return setInternal(function (value) { return clamp(value + 1); }); } }, { children: "+" }), void 0)] }), void 0));
13579
13579
  };
13580
13580
  var templateObject_1$k, templateObject_2$f, templateObject_3$f, templateObject_4$9;
13581
13581
 
package/build/index.js CHANGED
@@ -13578,7 +13578,7 @@ var CartProductItem = {
13578
13578
  var Container$g = newStyled.div(templateObject_1$k || (templateObject_1$k = __makeTemplateObject(["\n padding: 0.625rem 0;\n border: 0.063rem solid ", ";\n border-radius: 0.5rem;\n display: inline-flex;\n align-items: center;\n justify-content: space-around;\n width: 100%;\n max-width: 3.75rem;\n\n * {\n color: ", ";\n }\n"], ["\n padding: 0.625rem 0;\n border: 0.063rem solid ", ";\n border-radius: 0.5rem;\n display: inline-flex;\n align-items: center;\n justify-content: space-around;\n width: 100%;\n max-width: 3.75rem;\n\n * {\n color: ", ";\n }\n"])), function (props) { return props.borderColor; }, function (props) { return props.color; });
13579
13579
  var Item = newStyled.span(templateObject_2$f || (templateObject_2$f = __makeTemplateObject(["\n font-size: 0.875rem;\n line-height: 1.125rem;\n margin: 0;\n padding: 0;\n"], ["\n font-size: 0.875rem;\n line-height: 1.125rem;\n margin: 0;\n padding: 0;\n"])));
13580
13580
  var Number$1 = newStyled(Item)(templateObject_3$f || (templateObject_3$f = __makeTemplateObject(["\n width: 1.25rem;\n text-align: center;\n font-weight: 600;\n"], ["\n width: 1.25rem;\n text-align: center;\n font-weight: 600;\n"])));
13581
- var IncreaseDecrease = newStyled(Item)(templateObject_4$9 || (templateObject_4$9 = __makeTemplateObject(["\n cursor: pointer;\n user-select: none;\n padding: 0 0.313rem;\n font-weight: 400;\n"], ["\n cursor: pointer;\n user-select: none;\n padding: 0 0.313rem;\n font-weight: 400;\n"])));
13581
+ var IncreaseDecrease = newStyled(Item)(templateObject_4$9 || (templateObject_4$9 = __makeTemplateObject(["\n cursor: pointer;\n user-select: none;\n padding: 0 0.313rem;\n font-weight: 400;\n color: ", ";\n"], ["\n cursor: pointer;\n user-select: none;\n padding: 0 0.313rem;\n font-weight: 400;\n color: ", ";\n"])), function (props) { return props.isMaxSelected && 'var(--colors-shades-175-color)'; });
13582
13582
  var QuantityPicker = function (_a) {
13583
13583
  var _b = _a.initialValue, initialValue = _b === void 0 ? 0 : _b, _c = _a.maxValue, maxValue = _c === void 0 ? 99 : _c, value = _a.value, _d = _a.testId, testId = _d === void 0 ? 'quantity-picker' : _d, onChange = _a.onChange;
13584
13584
  var theme = useTheme();
@@ -13601,7 +13601,7 @@ var QuantityPicker = function (_a) {
13601
13601
  return clamp(value);
13602
13602
  });
13603
13603
  }, [value, clamp]);
13604
- return (jsxRuntime.jsxs(Container$g, __assign$1({ borderColor: theme.colors.shades['200'].color, color: theme.colors.shades['700'].color, "data-testid": testId }, { children: [jsxRuntime.jsx(IncreaseDecrease, __assign$1({ "data-testid": "".concat(testId, "-minus"), onClick: function () { return setInternal(function (value) { return clamp(value - 1); }); } }, { children: "-" }), void 0), jsxRuntime.jsx(Number$1, { children: internal }, void 0), jsxRuntime.jsx(IncreaseDecrease, __assign$1({ "data-testid": "".concat(testId, "-plus"), onClick: function () { return setInternal(function (value) { return clamp(value + 1); }); } }, { children: "+" }), void 0)] }), void 0));
13604
+ return (jsxRuntime.jsxs(Container$g, __assign$1({ borderColor: theme.colors.shades['200'].color, color: theme.colors.shades['700'].color, "data-testid": testId }, { children: [jsxRuntime.jsx(IncreaseDecrease, __assign$1({ "data-testid": "".concat(testId, "-minus"), onClick: function () { return setInternal(function (value) { return clamp(value - 1); }); } }, { children: "-" }), void 0), jsxRuntime.jsx(Number$1, { children: internal }, void 0), jsxRuntime.jsx(IncreaseDecrease, __assign$1({ isMaxSelected: value === maxValue, "data-testid": "".concat(testId, "-plus"), onClick: function () { return setInternal(function (value) { return clamp(value + 1); }); } }, { children: "+" }), void 0)] }), void 0));
13605
13605
  };
13606
13606
  var templateObject_1$k, templateObject_2$f, templateObject_3$f, templateObject_4$9;
13607
13607
 
package/build/theme/revel.theme.d.ts CHANGED
@@ -50,6 +50,7 @@ declare type ThemeColors = {
50
50
  50: ThemeBasicPallete;
51
51
  100: ThemeBasicPallete;
52
52
  150: ThemeBasicPallete;
53
+ 175: ThemeBasicPallete;
53
54
  200: ThemeBasicPallete;
54
55
  250: ThemeBasicPallete;
55
56
  300: ThemeBasicPallete;
package/build/theme/revel.theme.js CHANGED
@@ -179,6 +179,7 @@ var revel = {
179
179
  50: { color: '#efefef', contrast: '--colors-shades-700-color' },
180
180
  100: { color: '#e5e5e5', contrast: '--colors-shades-700-color' },
181
181
  150: { color: '#d1d1d1', contrast: '--colors-shades-700-color' },
182
+ 175: { color: '#c4c4c4', contrast: '--colors-shades-700-color' },
182
183
  200: { color: '#bbbbbb', contrast: '--colors-shades-700-color' },
183
184
  250: { color: '#a6a6a6', contrast: '--colors-shades-700-color' },
184
185
  300: { color: '#9e9e9e', contrast: '--colors-shades-700-color' },
package/build/theme/shapermint.theme.d.ts CHANGED
@@ -50,6 +50,7 @@ declare type ThemeColors = {
50
50
  50: ThemeBasicPallete;
51
51
  100: ThemeBasicPallete;
52
52
  150: ThemeBasicPallete;
53
+ 175: ThemeBasicPallete;
53
54
  200: ThemeBasicPallete;
54
55
  250: ThemeBasicPallete;
55
56
  300: ThemeBasicPallete;
package/build/theme/shapermint.theme.js CHANGED
@@ -179,6 +179,7 @@ var shapermint = {
179
179
  50: { color: '#efefef', contrast: '--colors-shades-700-color' },
180
180
  100: { color: '#e5e5e5', contrast: '--colors-shades-700-color' },
181
181
  150: { color: '#d1d1d1', contrast: '--colors-shades-700-color' },
182
+ 175: { color: '#c4c4c4', contrast: '--colors-shades-700-color' },
182
183
  200: { color: '#bbbbbb', contrast: '--colors-shades-700-color' },
183
184
  250: { color: '#a6a6a6', contrast: '--colors-shades-700-color' },
184
185
  300: { color: '#9e9e9e', contrast: '--colors-shades-700-color' },
package/build/theme/truekind.theme.d.ts CHANGED
@@ -50,6 +50,7 @@ declare type ThemeColors = {
50
50
  50: ThemeBasicPallete;
51
51
  100: ThemeBasicPallete;
52
52
  150: ThemeBasicPallete;
53
+ 175: ThemeBasicPallete;
53
54
  200: ThemeBasicPallete;
54
55
  250: ThemeBasicPallete;
55
56
  300: ThemeBasicPallete;
package/build/theme/truekind.theme.js CHANGED
@@ -129,6 +129,7 @@ var truekind = {
129
129
  50: { color: '#efefef', contrast: '--colors-shades-700-color' },
130
130
  100: { color: '#e5e5e5', contrast: '--colors-shades-700-color' },
131
131
  150: { color: '#d1d1d1', contrast: '--colors-shades-700-color' },
132
+ 175: { color: '#c4c4c4', contrast: '--colors-shades-700-color' },
132
133
  200: { color: '#bbbbbb', contrast: '--colors-shades-700-color' },
133
134
  250: { color: '#a6a6a6', contrast: '--colors-shades-700-color' },
134
135
  300: { color: '#9e9e9e', contrast: '--colors-shades-700-color' },
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "description": "Trafilea's Design System",
4
4
  "author": "Trafilea",
5
5
  "repository": "https://github.com/trafilea/afrodita-components",
6
- "version": "5.0.0-beta.178",
6
+ "version": "5.0.0-beta.179",
7
7
  "private": false,
8
8
  "main": "build/index.js",
9
9
  "style": "build/index.css",