@trafilea/afrodita-components 6.36.19 → 6.36.21

package/build/index.d.ts

@@ -1525,6 +1525,7 @@ declare type ThemeColors = {
         900: ThemeBasicPallete;
         950: ThemeBasicPallete;
         990: ThemeBasicPallete;
+        1000?: ThemeBasicPallete;
     };
     semantic: {
         positive: ThemeColorPallete;
@@ -2019,6 +2020,7 @@ declare type ThemeComponent = {
         padding?: string;
         borderRadius?: string;
         maxWidth?: string;
+        color?: string;
         onMobile: {
             position?: string;
             maxWidth?: string;
@@ -2315,6 +2317,8 @@ interface CheckboxProps {
     disabled?: boolean;
     onChange: (checked: boolean) => void;
     size?: ComponentSize.Large | ComponentSize.Medium | ComponentSize.Small;
+    sizeLabel?: ComponentSize.Large | ComponentSize.Medium | ComponentSize.Small;
+    colorLabel?: string;
     text: string;
     checked?: boolean;
     blockUncheck?: boolean;

package/build/index.esm.js

@@ -5569,7 +5569,7 @@ var Input$5 = newStyled.input(templateObject_2$1q || (templateObject_2$1q = __ma
     return (disabled ? 'not-allowed' : 'pointer');
 });
 var Checkbox = function (_a) {
-    var _b = _a.disabled, disabled = _b === void 0 ? false : _b, onChange = _a.onChange, _c = _a.size, size = _c === void 0 ? ComponentSize.Medium : _c, text = _a.text, _d = _a.checked, checked = _d === void 0 ? false : _d, id = _a.id, variant = _a.variant, blockUncheck = _a.blockUncheck, backgroundColor = _a.backgroundColor;
+    var _b = _a.disabled, disabled = _b === void 0 ? false : _b, onChange = _a.onChange, _c = _a.size, size = _c === void 0 ? ComponentSize.Medium : _c, _d = _a.sizeLabel, sizeLabel = _d === void 0 ? ComponentSize.Medium : _d, colorLabel = _a.colorLabel, text = _a.text, _e = _a.checked, checked = _e === void 0 ? false : _e, id = _a.id, variant = _a.variant, blockUncheck = _a.blockUncheck, backgroundColor = _a.backgroundColor;
     var theme = useTheme();
     var handleChange = function (e) {
         if (disabled || (e.target.checked === false && blockUncheck)) {
@@ -5578,7 +5578,7 @@ var Checkbox = function (_a) {
         }
         onChange(e.target.checked);
     };
-    return (jsxs$1(Container$1g, { children: [jsx$1(Input$5, { type: "checkbox", checked: checked, disabled: disabled, onChange: handleChange, id: id }, void 0), jsx$1(CustomCheckbox, __assign$1({ theme: theme, size: size, disabled: disabled, isChecked: checked, "data-testid": "checkbox", variant: variant, backgroundColor: backgroundColor, text: text }, { children: checked && jsx$1(Icon.Actions.Check, { fill: "#fff" }, void 0) }), void 0), jsx$1(Label$6, __assign$1({ "data-testid": "checkbox-text", size: size, variant: checked ? 'demi' : 'regular', htmlFor: id, disabled: disabled }, { children: text }), void 0)] }, void 0));
+    return (jsxs$1(Container$1g, { children: [jsx$1(Input$5, { type: "checkbox", checked: checked, disabled: disabled, onChange: handleChange, id: id }, void 0), jsx$1(CustomCheckbox, __assign$1({ theme: theme, size: size, disabled: disabled, isChecked: checked, "data-testid": "checkbox", variant: variant, backgroundColor: backgroundColor, text: text }, { children: checked && jsx$1(Icon.Actions.Check, { fill: "#fff" }, void 0) }), void 0), jsx$1(Label$6, __assign$1({ "data-testid": "checkbox-text", size: sizeLabel, style: { color: colorLabel ? colorLabel : theme.colors.shades['700'].color }, variant: checked ? 'demi' : 'regular', htmlFor: id, disabled: disabled }, { children: text }), void 0)] }, void 0));
 };
 var templateObject_1$1X, templateObject_2$1q;
 
@@ -19254,7 +19254,7 @@ var TextButton = function (_a) {
 var templateObject_1$E;
 
 var Container$q = newStyled.div(templateObject_1$D || (templateObject_1$D = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  font-size: 0.88rem;\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  font-size: 0.88rem;\n"])));
-var P = newStyled.p(templateObject_2$u || (templateObject_2$u = __makeTemplateObject(["\n  margin: 0;\n"], ["\n  margin: 0;\n"])));
+var P = newStyled.p(templateObject_2$u || (templateObject_2$u = __makeTemplateObject(["\n  margin: 0 0 0 10px;\n"], ["\n  margin: 0 0 0 10px;\n"])));
 var PercentageSpan = newStyled.span(templateObject_3$q || (templateObject_3$q = __makeTemplateObject(["\n  font-weight: 700;\n  text-decoration-line: underline;\n  cursor: pointer;\n"], ["\n  font-weight: 700;\n  text-decoration-line: underline;\n  cursor: pointer;\n"])));
 var SizeFitGuide = function (_a) {
     var title = _a.title, fitPercentage = _a.fitPercentage, onClick = _a.onClick, onClickFitPercentage = _a.onClickFitPercentage, _b = _a.hideIcon, hideIcon = _b === void 0 ? false : _b;

package/build/index.js

@@ -5595,7 +5595,7 @@ var Input$5 = newStyled.input(templateObject_2$1q || (templateObject_2$1q = __ma
     return (disabled ? 'not-allowed' : 'pointer');
 });
 var Checkbox = function (_a) {
-    var _b = _a.disabled, disabled = _b === void 0 ? false : _b, onChange = _a.onChange, _c = _a.size, size = _c === void 0 ? exports.ComponentSize.Medium : _c, text = _a.text, _d = _a.checked, checked = _d === void 0 ? false : _d, id = _a.id, variant = _a.variant, blockUncheck = _a.blockUncheck, backgroundColor = _a.backgroundColor;
+    var _b = _a.disabled, disabled = _b === void 0 ? false : _b, onChange = _a.onChange, _c = _a.size, size = _c === void 0 ? exports.ComponentSize.Medium : _c, _d = _a.sizeLabel, sizeLabel = _d === void 0 ? exports.ComponentSize.Medium : _d, colorLabel = _a.colorLabel, text = _a.text, _e = _a.checked, checked = _e === void 0 ? false : _e, id = _a.id, variant = _a.variant, blockUncheck = _a.blockUncheck, backgroundColor = _a.backgroundColor;
     var theme = useTheme();
     var handleChange = function (e) {
         if (disabled || (e.target.checked === false && blockUncheck)) {
@@ -5604,7 +5604,7 @@ var Checkbox = function (_a) {
         }
         onChange(e.target.checked);
     };
-    return (jsxRuntime.jsxs(Container$1g, { children: [jsxRuntime.jsx(Input$5, { type: "checkbox", checked: checked, disabled: disabled, onChange: handleChange, id: id }, void 0), jsxRuntime.jsx(CustomCheckbox, __assign$1({ theme: theme, size: size, disabled: disabled, isChecked: checked, "data-testid": "checkbox", variant: variant, backgroundColor: backgroundColor, text: text }, { children: checked && jsxRuntime.jsx(Icon.Actions.Check, { fill: "#fff" }, void 0) }), void 0), jsxRuntime.jsx(Label$6, __assign$1({ "data-testid": "checkbox-text", size: size, variant: checked ? 'demi' : 'regular', htmlFor: id, disabled: disabled }, { children: text }), void 0)] }, void 0));
+    return (jsxRuntime.jsxs(Container$1g, { children: [jsxRuntime.jsx(Input$5, { type: "checkbox", checked: checked, disabled: disabled, onChange: handleChange, id: id }, void 0), jsxRuntime.jsx(CustomCheckbox, __assign$1({ theme: theme, size: size, disabled: disabled, isChecked: checked, "data-testid": "checkbox", variant: variant, backgroundColor: backgroundColor, text: text }, { children: checked && jsxRuntime.jsx(Icon.Actions.Check, { fill: "#fff" }, void 0) }), void 0), jsxRuntime.jsx(Label$6, __assign$1({ "data-testid": "checkbox-text", size: sizeLabel, style: { color: colorLabel ? colorLabel : theme.colors.shades['700'].color }, variant: checked ? 'demi' : 'regular', htmlFor: id, disabled: disabled }, { children: text }), void 0)] }, void 0));
 };
 var templateObject_1$1X, templateObject_2$1q;
 
@@ -19280,7 +19280,7 @@ var TextButton = function (_a) {
 var templateObject_1$E;
 
 var Container$q = newStyled.div(templateObject_1$D || (templateObject_1$D = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  font-size: 0.88rem;\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  font-size: 0.88rem;\n"])));
-var P = newStyled.p(templateObject_2$u || (templateObject_2$u = __makeTemplateObject(["\n  margin: 0;\n"], ["\n  margin: 0;\n"])));
+var P = newStyled.p(templateObject_2$u || (templateObject_2$u = __makeTemplateObject(["\n  margin: 0 0 0 10px;\n"], ["\n  margin: 0 0 0 10px;\n"])));
 var PercentageSpan = newStyled.span(templateObject_3$q || (templateObject_3$q = __makeTemplateObject(["\n  font-weight: 700;\n  text-decoration-line: underline;\n  cursor: pointer;\n"], ["\n  font-weight: 700;\n  text-decoration-line: underline;\n  cursor: pointer;\n"])));
 var SizeFitGuide = function (_a) {
     var title = _a.title, fitPercentage = _a.fitPercentage, onClick = _a.onClick, onClickFitPercentage = _a.onClickFitPercentage, _b = _a.hideIcon, hideIcon = _b === void 0 ? false : _b;

package/build/theme/revel.theme.d.ts

@@ -83,6 +83,7 @@ declare type ThemeColors = {
         900: ThemeBasicPallete;
         950: ThemeBasicPallete;
         990: ThemeBasicPallete;
+        1000?: ThemeBasicPallete;
     };
     semantic: {
         positive: ThemeColorPallete;
@@ -577,6 +578,7 @@ declare type ThemeComponent = {
         padding?: string;
         borderRadius?: string;
         maxWidth?: string;
+        color?: string;
         onMobile: {
             position?: string;
             maxWidth?: string;

package/build/theme/shapermint.theme.d.ts

@@ -83,6 +83,7 @@ declare type ThemeColors = {
         900: ThemeBasicPallete;
         950: ThemeBasicPallete;
         990: ThemeBasicPallete;
+        1000?: ThemeBasicPallete;
     };
     semantic: {
         positive: ThemeColorPallete;
@@ -577,6 +578,7 @@ declare type ThemeComponent = {
         padding?: string;
         borderRadius?: string;
         maxWidth?: string;
+        color?: string;
         onMobile: {
             position?: string;
             maxWidth?: string;

package/build/theme/thebodcon.theme.d.ts

@@ -83,6 +83,7 @@ declare type ThemeColors = {
         900: ThemeBasicPallete;
         950: ThemeBasicPallete;
         990: ThemeBasicPallete;
+        1000?: ThemeBasicPallete;
     };
     semantic: {
         positive: ThemeColorPallete;
@@ -577,6 +578,7 @@ declare type ThemeComponent = {
         padding?: string;
         borderRadius?: string;
         maxWidth?: string;
+        color?: string;
         onMobile: {
             position?: string;
             maxWidth?: string;

package/build/theme/thebodcon.theme.js

@@ -209,6 +209,7 @@ var thebodcon = {
             900: { color: '#191919', contrast: '--colors-shades-white-color' },
             950: { color: '#141414', contrast: '--colors-shades-white-color' },
             990: { color: '#0b0b0b', contrast: '--colors-shades-white-color' },
+            1000: { color: '#287379', contrast: '--colors-shades-white-color' },
         },
         semantic: {
             positive: { color: '#2f806a', contrast: '--colors-shades-white-color' },
@@ -634,7 +635,7 @@ var thebodcon = {
         total: {
             basicTotal: {
                 amount: {
-                    color: '--colors-shades-550-color',
+                    color: '--colors-pallete-primary-20-color',
                     fontSize: '24px',
                 },
                 currency: {
@@ -662,20 +663,21 @@ var thebodcon = {
             priceLabel: {
                 price: {
                     size: ComponentSize.Small,
-                    originalPriceColor: '--colors-shades-300-color',
+                    originalPriceColor: '--colors-shades-400-color',
                     actualPriceColor: '--colors-semantic-urgent-color',
                 },
             },
             subtitle: {
                 fontSize: '14px',
                 lineHeight: '22px',
-                color: '--colors-pallete-secondary-color',
+                color: '--colors-shades-700-color',
                 fontWeight: '400',
             },
         },
         orderSummary: {
             headingTextAlign: 'left',
             maxWidth: '428px',
+            color: '--colors-shades-700-color',
             onMobile: {
                 maxWidth: '100%',
                 padding: '15px',

package/build/theme/thespadr.theme.d.ts

@@ -83,6 +83,7 @@ declare type ThemeColors = {
         900: ThemeBasicPallete;
         950: ThemeBasicPallete;
         990: ThemeBasicPallete;
+        1000?: ThemeBasicPallete;
     };
     semantic: {
         positive: ThemeColorPallete;
@@ -577,6 +578,7 @@ declare type ThemeComponent = {
         padding?: string;
         borderRadius?: string;
         maxWidth?: string;
+        color?: string;
         onMobile: {
             position?: string;
             maxWidth?: string;

package/build/theme/truekind.theme.d.ts

@@ -83,6 +83,7 @@ declare type ThemeColors = {
         900: ThemeBasicPallete;
         950: ThemeBasicPallete;
         990: ThemeBasicPallete;
+        1000?: ThemeBasicPallete;
     };
     semantic: {
         positive: ThemeColorPallete;
@@ -577,6 +578,7 @@ declare type ThemeComponent = {
         padding?: string;
         borderRadius?: string;
         maxWidth?: string;
+        color?: string;
         onMobile: {
             position?: string;
             maxWidth?: string;

package/package.json

@@ -3,7 +3,7 @@
   "description": "Trafilea's Design System",
   "author": "Trafilea",
   "repository": "https://github.com/trafilea/afrodita-components",
-  "version": "6.36.19",
+  "version": "6.36.21",
   "private": false,
   "main": "build/index.js",
   "style": "build/index.css",