@trafilea/afrodita-components 5.0.0-beta.134 → 5.0.0-beta.136

package/build/index.d.ts

@@ -7,6 +7,7 @@ import { StyledComponent } from '@emotion/styled';
 export { default as styled } from '@emotion/styled';
 import * as _emotion_react_types_jsx_namespace from '@emotion/react/types/jsx-namespace';
 import * as _emotion_react from '@emotion/react';
+import { ComponentSize as ComponentSize$1 } from 'src/types/enums';
 
 declare enum CardSectionType {
     Header = 0,
@@ -1388,6 +1389,7 @@ declare type ThemeComponent = {
     radio: {
         borderColor: string;
         background: string;
+        textSize: ComponentSize$1.Small | ComponentSize$1.Medium | ComponentSize$1.Large;
         size: {
             small: {
                 borderWidth: string;
@@ -1416,6 +1418,7 @@ declare type ThemeComponent = {
         };
     };
     label: {
+        color: string;
         fontSize: {
             small: string;
             medium: string;
@@ -2174,6 +2177,7 @@ declare type TextLinkProps = {
 };
 declare type TextLabelProps = {
     variant: 'label';
+    color?: string;
     weight?: 'regular' | 'demi';
     size?: 'regular' | 'small';
     underline?: never;

package/build/index.esm.js

@@ -4775,7 +4775,7 @@ var TAGS = {
     link: newStyled.a(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n    cursor: pointer;\n    color: inherit;\n    text-decoration: ", ";\n  "], ["\n    cursor: pointer;\n    color: inherit;\n    text-decoration: ", ";\n  "])), function (props) { return (props.underline ? 'underline' : 'none'); }),
     button: newStyled.span(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n    display: inline-block;\n  "], ["\n    display: inline-block;\n  "]))),
     pricing: newStyled.span(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n    display: inline-block;\n    font-weight: ", ";\n    text-decoration: ", ";\n  "], ["\n    display: inline-block;\n    font-weight: ", ";\n    text-decoration: ", ";\n  "])), function (props) { return (props.original ? 'normal' : 'bold'); }, function (props) { return (props.original ? 'line-through' : 'bold'); }),
-    label: newStyled.label(templateObject_16 || (templateObject_16 = __makeTemplateObject([""], [""]))),
+    label: newStyled.label(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n    ", "\n  "], ["\n    ", "\n  "])), function (props) { return props.color && "color:".concat(props.color, ";"); }),
     tag: newStyled.span(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n    display: inline-block;\n    text-transform: ", ";\n  "], ["\n    display: inline-block;\n    text-transform: ", ";\n  "])), function (props) { return (props.allCaps ? 'uppercase' : ''); }),
 };
 var Text$6 = function (_a) {
@@ -11811,7 +11811,7 @@ var RadioInput = function (_a) {
         var value = event.currentTarget.value;
         onChange({ value: value, label: label });
     };
-    return (jsxs$1(Wrapper$4, { children: [jsxs$1(Container$D, __assign$1({ theme: theme, size: size, "data-testid": "container" }, { children: [jsx$1(Input$2, { id: "".concat(name, "-").concat(id), type: "radio", name: name, value: value, checked: checked, onChange: function (e) { return (disabled ? null : handleChange(e, label)); }, disabled: disabled }, void 0), jsx$1(CustomRadio, { size: size, isChecked: checked, disabled: disabled, theme: theme, "data-testid": "custom-radio" }, void 0)] }), void 0), jsx$1(Label$3, __assign$1({ htmlFor: "".concat(name, "-").concat(id), "data-testid": "label", variant: "regular", size: size, disabled: disabled }, { children: label }), void 0)] }, void 0));
+    return (jsxs$1(Wrapper$4, { children: [jsxs$1(Container$D, __assign$1({ theme: theme, size: size, "data-testid": "container" }, { children: [jsx$1(Input$2, { id: "".concat(name, "-").concat(id), type: "radio", name: name, value: value, checked: checked, onChange: function (e) { return (disabled ? null : handleChange(e, label)); }, disabled: disabled }, void 0), jsx$1(CustomRadio, { size: size, isChecked: checked, disabled: disabled, theme: theme, "data-testid": "custom-radio" }, void 0)] }), void 0), jsx$1(Label$3, __assign$1({ htmlFor: "".concat(name, "-").concat(id), "data-testid": "label", variant: "regular", size: theme.component.radio.textSize, disabled: disabled }, { children: label }), void 0)] }, void 0));
 };
 var templateObject_1$X, templateObject_2$E;
 

package/build/index.js

@@ -4801,7 +4801,7 @@ var TAGS = {
     link: newStyled.a(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n    cursor: pointer;\n    color: inherit;\n    text-decoration: ", ";\n  "], ["\n    cursor: pointer;\n    color: inherit;\n    text-decoration: ", ";\n  "])), function (props) { return (props.underline ? 'underline' : 'none'); }),
     button: newStyled.span(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n    display: inline-block;\n  "], ["\n    display: inline-block;\n  "]))),
     pricing: newStyled.span(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n    display: inline-block;\n    font-weight: ", ";\n    text-decoration: ", ";\n  "], ["\n    display: inline-block;\n    font-weight: ", ";\n    text-decoration: ", ";\n  "])), function (props) { return (props.original ? 'normal' : 'bold'); }, function (props) { return (props.original ? 'line-through' : 'bold'); }),
-    label: newStyled.label(templateObject_16 || (templateObject_16 = __makeTemplateObject([""], [""]))),
+    label: newStyled.label(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n    ", "\n  "], ["\n    ", "\n  "])), function (props) { return props.color && "color:".concat(props.color, ";"); }),
     tag: newStyled.span(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n    display: inline-block;\n    text-transform: ", ";\n  "], ["\n    display: inline-block;\n    text-transform: ", ";\n  "])), function (props) { return (props.allCaps ? 'uppercase' : ''); }),
 };
 var Text$6 = function (_a) {
@@ -11837,7 +11837,7 @@ var RadioInput = function (_a) {
         var value = event.currentTarget.value;
         onChange({ value: value, label: label });
     };
-    return (jsxRuntime.jsxs(Wrapper$4, { children: [jsxRuntime.jsxs(Container$D, __assign$1({ theme: theme, size: size, "data-testid": "container" }, { children: [jsxRuntime.jsx(Input$2, { id: "".concat(name, "-").concat(id), type: "radio", name: name, value: value, checked: checked, onChange: function (e) { return (disabled ? null : handleChange(e, label)); }, disabled: disabled }, void 0), jsxRuntime.jsx(CustomRadio, { size: size, isChecked: checked, disabled: disabled, theme: theme, "data-testid": "custom-radio" }, void 0)] }), void 0), jsxRuntime.jsx(Label$3, __assign$1({ htmlFor: "".concat(name, "-").concat(id), "data-testid": "label", variant: "regular", size: size, disabled: disabled }, { children: label }), void 0)] }, void 0));
+    return (jsxRuntime.jsxs(Wrapper$4, { children: [jsxRuntime.jsxs(Container$D, __assign$1({ theme: theme, size: size, "data-testid": "container" }, { children: [jsxRuntime.jsx(Input$2, { id: "".concat(name, "-").concat(id), type: "radio", name: name, value: value, checked: checked, onChange: function (e) { return (disabled ? null : handleChange(e, label)); }, disabled: disabled }, void 0), jsxRuntime.jsx(CustomRadio, { size: size, isChecked: checked, disabled: disabled, theme: theme, "data-testid": "custom-radio" }, void 0)] }), void 0), jsxRuntime.jsx(Label$3, __assign$1({ htmlFor: "".concat(name, "-").concat(id), "data-testid": "label", variant: "regular", size: theme.component.radio.textSize, disabled: disabled }, { children: label }), void 0)] }, void 0));
 };
 var templateObject_1$X, templateObject_2$E;
 

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

@@ -1,4 +1,5 @@
 import { CSSProperties } from 'react';
+import { ComponentSize } from 'src/types/enums';
 
 declare type Theme = {
     name: string;
@@ -239,6 +240,7 @@ declare type ThemeComponent = {
     radio: {
         borderColor: string;
         background: string;
+        textSize: ComponentSize.Small | ComponentSize.Medium | ComponentSize.Large;
         size: {
             small: {
                 borderWidth: string;
@@ -267,6 +269,7 @@ declare type ThemeComponent = {
         };
     };
     label: {
+        color: string;
         fontSize: {
             small: string;
             medium: string;

package/build/theme/revel.theme.js

@@ -26,6 +26,32 @@ var __assign = function() {
     return __assign.apply(this, arguments);
 };
 
+var CardSectionType;
+(function (CardSectionType) {
+    CardSectionType[CardSectionType["Header"] = 0] = "Header";
+    CardSectionType[CardSectionType["Footer"] = 1] = "Footer";
+})(CardSectionType || (CardSectionType = {}));
+var ComponentSize;
+(function (ComponentSize) {
+    ComponentSize["Large"] = "large";
+    ComponentSize["Medium"] = "medium";
+    ComponentSize["Small"] = "small";
+    ComponentSize["XSmall"] = "xsmall";
+})(ComponentSize || (ComponentSize = {}));
+var ComponentPosition;
+(function (ComponentPosition) {
+    ComponentPosition[ComponentPosition["Top"] = 0] = "Top";
+    ComponentPosition[ComponentPosition["Bottom"] = 1] = "Bottom";
+    ComponentPosition[ComponentPosition["Left"] = 2] = "Left";
+    ComponentPosition[ComponentPosition["Right"] = 3] = "Right";
+})(ComponentPosition || (ComponentPosition = {}));
+var InputValidationType;
+(function (InputValidationType) {
+    InputValidationType[InputValidationType["Error"] = 0] = "Error";
+    InputValidationType[InputValidationType["Valid"] = 1] = "Valid";
+    InputValidationType[InputValidationType["Empty"] = 2] = "Empty";
+})(InputValidationType || (InputValidationType = {}));
+
 var revel = {
     name: 'Revel',
     fontSizes: [10, 12, 14, 16, 18, 20, 24, 30, 36, 42, 52, 60, 68, 72, 76],
@@ -343,6 +369,7 @@ var revel = {
         radio: {
             borderColor: '--colors-shades-700-color',
             background: '--colors-shades-white-color',
+            textSize: ComponentSize.Small,
             size: {
                 large: {
                     borderWidth: '0.094rem',
@@ -371,6 +398,7 @@ var revel = {
             },
         },
         label: {
+            color: '--colors-shades-400-color',
             fontSize: {
                 small: '0.75rem',
                 medium: '0.75rem',
@@ -631,7 +659,7 @@ var revel = {
             },
             heading6: {
                 fontSize: 18,
-                lineHeight: '28px',
+                lineHeight: '22px',
             },
             'body-regular': {
                 fontSize: 16,

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

@@ -1,4 +1,5 @@
 import { CSSProperties } from 'react';
+import { ComponentSize } from 'src/types/enums';
 
 declare type Theme = {
     name: string;
@@ -239,6 +240,7 @@ declare type ThemeComponent = {
     radio: {
         borderColor: string;
         background: string;
+        textSize: ComponentSize.Small | ComponentSize.Medium | ComponentSize.Large;
         size: {
             small: {
                 borderWidth: string;
@@ -267,6 +269,7 @@ declare type ThemeComponent = {
         };
     };
     label: {
+        color: string;
         fontSize: {
             small: string;
             medium: string;

package/build/theme/shapermint.theme.js

@@ -26,6 +26,32 @@ var __assign = function() {
     return __assign.apply(this, arguments);
 };
 
+var CardSectionType;
+(function (CardSectionType) {
+    CardSectionType[CardSectionType["Header"] = 0] = "Header";
+    CardSectionType[CardSectionType["Footer"] = 1] = "Footer";
+})(CardSectionType || (CardSectionType = {}));
+var ComponentSize;
+(function (ComponentSize) {
+    ComponentSize["Large"] = "large";
+    ComponentSize["Medium"] = "medium";
+    ComponentSize["Small"] = "small";
+    ComponentSize["XSmall"] = "xsmall";
+})(ComponentSize || (ComponentSize = {}));
+var ComponentPosition;
+(function (ComponentPosition) {
+    ComponentPosition[ComponentPosition["Top"] = 0] = "Top";
+    ComponentPosition[ComponentPosition["Bottom"] = 1] = "Bottom";
+    ComponentPosition[ComponentPosition["Left"] = 2] = "Left";
+    ComponentPosition[ComponentPosition["Right"] = 3] = "Right";
+})(ComponentPosition || (ComponentPosition = {}));
+var InputValidationType;
+(function (InputValidationType) {
+    InputValidationType[InputValidationType["Error"] = 0] = "Error";
+    InputValidationType[InputValidationType["Valid"] = 1] = "Valid";
+    InputValidationType[InputValidationType["Empty"] = 2] = "Empty";
+})(InputValidationType || (InputValidationType = {}));
+
 var shapermint = {
     name: 'Shapermint',
     fontSizes: [10, 12, 14, 16, 18, 20, 24, 30, 36, 42, 52, 60, 68, 72, 76],
@@ -343,6 +369,7 @@ var shapermint = {
         radio: {
             borderColor: '--colors-shades-700-color',
             background: '--colors-shades-white-color',
+            textSize: ComponentSize.Medium,
             size: {
                 large: {
                     borderWidth: '0.094rem',
@@ -371,6 +398,7 @@ var shapermint = {
             },
         },
         label: {
+            color: '--colors-pallete-secondary-color',
             fontSize: {
                 small: '0.75rem',
                 medium: '0.75rem',

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

@@ -1,4 +1,5 @@
 import { CSSProperties } from 'react';
+import { ComponentSize } from 'src/types/enums';
 
 declare type Theme = {
     name: string;
@@ -239,6 +240,7 @@ declare type ThemeComponent = {
     radio: {
         borderColor: string;
         background: string;
+        textSize: ComponentSize.Small | ComponentSize.Medium | ComponentSize.Large;
         size: {
             small: {
                 borderWidth: string;
@@ -267,6 +269,7 @@ declare type ThemeComponent = {
         };
     };
     label: {
+        color: string;
         fontSize: {
             small: string;
             medium: string;

package/build/theme/truekind.theme.js

@@ -26,6 +26,32 @@ var __assign = function() {
     return __assign.apply(this, arguments);
 };
 
+var CardSectionType;
+(function (CardSectionType) {
+    CardSectionType[CardSectionType["Header"] = 0] = "Header";
+    CardSectionType[CardSectionType["Footer"] = 1] = "Footer";
+})(CardSectionType || (CardSectionType = {}));
+var ComponentSize;
+(function (ComponentSize) {
+    ComponentSize["Large"] = "large";
+    ComponentSize["Medium"] = "medium";
+    ComponentSize["Small"] = "small";
+    ComponentSize["XSmall"] = "xsmall";
+})(ComponentSize || (ComponentSize = {}));
+var ComponentPosition;
+(function (ComponentPosition) {
+    ComponentPosition[ComponentPosition["Top"] = 0] = "Top";
+    ComponentPosition[ComponentPosition["Bottom"] = 1] = "Bottom";
+    ComponentPosition[ComponentPosition["Left"] = 2] = "Left";
+    ComponentPosition[ComponentPosition["Right"] = 3] = "Right";
+})(ComponentPosition || (ComponentPosition = {}));
+var InputValidationType;
+(function (InputValidationType) {
+    InputValidationType[InputValidationType["Error"] = 0] = "Error";
+    InputValidationType[InputValidationType["Valid"] = 1] = "Valid";
+    InputValidationType[InputValidationType["Empty"] = 2] = "Empty";
+})(InputValidationType || (InputValidationType = {}));
+
 var truekind = {
     name: 'Truekind',
     fontSizes: [10, 12, 14, 16, 18, 20, 24, 30, 36, 42, 52, 60, 68, 72, 76],
@@ -416,6 +442,7 @@ var truekind = {
         radio: {
             borderColor: '#686872',
             background: '#FFFFFF',
+            textSize: ComponentSize.Medium,
             size: {
                 large: {
                     borderWidth: '0.094rem',
@@ -444,6 +471,7 @@ var truekind = {
             },
         },
         label: {
+            color: '--colors-pallete-secondary-color',
             fontSize: {
                 small: '0.625rem',
                 medium: '0.75rem',

package/package.json

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