@trafilea/afrodita-components 7.1.0 → 7.1.1
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/es/components/radio/RadioPrimary/radioPrimary.js +1 -1
- package/build/es/components/radio/clubRadioInput/clubRadio.js +1 -1
- package/build/es/components/radio/input/styles.js +1 -1
- package/build/index.d.ts +75 -0
- package/build/lib/components/radio/RadioPrimary/radioPrimary.js +1 -1
- package/build/lib/components/radio/clubRadioInput/clubRadio.js +1 -1
- package/build/lib/components/radio/input/styles.js +1 -1
- package/build/theme/revel.theme.d.ts +75 -0
- package/build/theme/shapermint.theme.d.ts +75 -0
- package/build/theme/thebodcon.theme.d.ts +75 -0
- package/build/theme/thespadr.theme.d.ts +75 -0
- package/build/theme/thespadr.theme.js +169 -0
- package/build/theme/truekind.theme.d.ts +75 -0
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__makeTemplateObject as e,__assign as
|
|
1
|
+
import{__makeTemplateObject as e,__assign as n}from"tslib";import{jsxs as t,jsx as i}from"react/jsx-runtime";import o from"@emotion/styled";import r from"../../shared/label/label.js";import{useTheme as a}from"../../../core/theme/Theme.js";import{ContainerStyles as s,CustomRadioStyles as d}from"./styles.js";import{ComponentSize as l}from"../../../types/enums.js";var c,m,h,u=o.div(c||(c=e(["\n display: flex;\n align-items: center;\n"],["\n display: flex;\n align-items: center;\n"]))),p=o.div(n({},s.baseStyles),(function(e){return[s[e.size](e.theme)]})),f=o.input(m||(m=e(["\n position: absolute;\n opacity: 0;\n cursor: ",";\n height: 100%;\n width: 100%;\n margin: 0;\n"],["\n position: absolute;\n opacity: 0;\n cursor: ",";\n height: 100%;\n width: 100%;\n margin: 0;\n"])),(function(e){return e.disabled?"not-allowed":"pointer"})),v=o.div([function(e){return d.baseStyles(e.theme,e.disabled,e.isChecked)},function(e){return d[e.size](e.theme,e.isChecked)}]),b=o(r)(h||(h=e(["\n font-size: 14px;\n font-weight: 400;\n line-height: 22px;\n"],["\n font-size: 14px;\n font-weight: 400;\n line-height: 22px;\n"]))),g=function(e){var o=e.style,r=e.name,s=e.value,d=e.id,c=e.label,m=e.checked,h=void 0!==m&&m,g=e.disabled,y=void 0!==g&&g,x=e.onChange,z=e.size,j=void 0===z?l.Medium:z,k=a();return t(u,{children:[t(p,n({theme:k,size:j,style:o,"data-testid":"container"},{children:[i(f,{id:"".concat(r,"-").concat(d),type:"radio",name:r,value:s,checked:h,onChange:function(e){return y?null:function(e,n){var t=e.currentTarget.value;x({value:t,label:n})}(e,c)},disabled:y,style:o},void 0),i(v,{size:j,isChecked:h,disabled:y,theme:k,"data-testid":"custom-radio",style:o},void 0)]}),void 0),i(b,n({htmlFor:"".concat(r,"-").concat(d),"data-testid":"label",variant:"regular",size:j,disabled:y},{children:c}),void 0)]},void 0)};export{g as RadioPrimary};
|
|
2
2
|
//# sourceMappingURL=radioPrimary.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__makeTemplateObject as e,__assign as t}from"tslib";import{jsxs as n,jsx as i}from"react/jsx-runtime";import o from"@emotion/styled";import r from"../../shared/label/label.js";import{
|
|
1
|
+
import{__makeTemplateObject as e,__assign as t}from"tslib";import{jsxs as n,jsx as i}from"react/jsx-runtime";import o from"@emotion/styled";import r from"../../shared/label/label.js";import{useTheme as a}from"../../../core/theme/Theme.js";import{ContainerStyles as d,CustomRadioStyles as s}from"./styles.js";import{ComponentSize as l}from"../../../types/enums.js";var c,m,h,u=o.div(c||(c=e(["\n display: flex;\n align-items: center;\n padding-bottom: 10px;\n"],["\n display: flex;\n align-items: center;\n padding-bottom: 10px;\n"]))),p=o.div(t({},d.baseStyles),(function(e){return[d[e.size](e.theme)]})),f=o.input(m||(m=e(["\n position: absolute;\n opacity: 0;\n cursor: ",";\n height: 100%;\n width: 100%;\n margin: 0;\n"],["\n position: absolute;\n opacity: 0;\n cursor: ",";\n height: 100%;\n width: 100%;\n margin: 0;\n"])),(function(e){return e.disabled?"not-allowed":"pointer"})),v=o.div([function(e){return s.baseStyles(e.theme,e.disabled,e.isChecked)},function(e){return s[e.size](e.theme,e.isChecked)}]),b=o(r)(h||(h=e(["\n font-size: ",";\n line-height: "," !important;\n"],["\n font-size: ",";\n line-height: "," !important;\n"])),(function(e){return e.theme.component.radio.textSize}),(function(e){return e.theme.component.radio.lineHeight})),g=function(e){var o=e.style,r=e.name,d=e.value,s=e.id,c=e.label,m=e.checked,h=void 0!==m&&m,g=e.disabled,y=void 0!==g&&g,z=e.onChange,x=e.size,k=void 0===x?l.Medium:x,j=a();return n(u,{children:[n(p,t({theme:j,size:k,style:o,"data-testid":"container"},{children:[i(f,{id:"".concat(r,"-").concat(s),type:"radio",name:r,value:d,checked:h,onChange:function(e){return y?null:function(e,t){var n=e.currentTarget.value;z({value:n,label:t})}(e,c)},disabled:y,style:o},void 0),i(v,{size:k,isChecked:h,disabled:y,theme:j,"data-testid":"custom-radio",style:o},void 0)]}),void 0),i(b,t({htmlFor:"".concat(r,"-").concat(s),"data-testid":"label",variant:"regular",size:k,disabled:y,"aria-checked":h},{children:c}),void 0)]},void 0)};export{g as ClubRadioInput};
|
|
2
2
|
//# sourceMappingURL=clubRadio.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as e,__makeTemplateObject as
|
|
1
|
+
import{__assign as e,__makeTemplateObject as n}from"tslib";import{css as i}from"@emotion/react";import o from"../../shared/label/label.js";import"@emotion/cache";import t from"@emotion/styled";var r,a,d,m={baseStyles:function(e,n){return i({borderRadius:"50%",height:"100%",width:"100%",boxSizing:"border-box",borderStyle:"solid",background:e.component.radio.background,borderColor:n?e.colors.border.disabled:e.component.radio.borderColor})},small:function(e,n){return i({borderWidth:n?e.component.radio.size.small.active.borderWidth:e.component.radio.size.small.borderWidth})},medium:function(e,n){return i({borderWidth:n?e.component.radio.size.medium.active.borderWidth:e.component.radio.size.medium.borderWidth})},large:function(e,n){return i({borderWidth:n?e.component.radio.size.large.active.borderWidth:e.component.radio.size.large.borderWidth})}},h={baseStyles:i({position:"relative"}),small:function(e){return i({height:e.component.radio.size.small.height,width:e.component.radio.size.small.height,marginRight:e.component.radio.size.small.margin})},medium:function(e){return i({height:e.component.radio.size.medium.height,width:e.component.radio.size.medium.height,marginRight:e.component.radio.size.medium.margin})},large:function(e){return i({height:e.component.radio.size.large.height,width:e.component.radio.size.large.height,marginRight:e.component.radio.size.large.margin})}},l=t.div((function(){return{display:"flex",alignItems:"center"}})),s=t.div(e({},h.baseStyles),(function(e){return[h[e.size](e.theme)]})),c=t(s)({alignSelf:"center"}),u=t.input(r||(r=n(["\n position: absolute;\n opacity: 0;\n cursor: ",";\n height: 100%;\n width: 100%;\n margin: 0;\n"],["\n position: absolute;\n opacity: 0;\n cursor: ",";\n height: 100%;\n width: 100%;\n margin: 0;\n"])),(function(e){return e.disabled?"not-allowed":"pointer"})),g=t.div([function(e){return m.baseStyles(e.theme,e.disabled)},function(e){return m[e.size](e.theme,e.isChecked)}]),p=t(o)(a||(a=n(["\n font-size: ",";\n line-height: "," !important;\n"],["\n font-size: ",";\n line-height: "," !important;\n"])),(function(e){return e.theme.component.radio.textSize}),(function(e){return e.theme.component.radio.lineHeight})),b=t(o)(d||(d=n(["\n font-size: ",";\n font-weight: 600 !important;\n line-height: "," !important;\n\n color: ",";\n"],["\n font-size: ",";\n font-weight: 600 !important;\n line-height: "," !important;\n\n color: ",";\n"])),(function(e){return e.theme.component.radio.textSize}),(function(e){return e.theme.component.radio.lineHeight}),(function(e){return e.disabled?"var(--colors-shades-250-color)":"inherit"}));export{s as Container,h as ContainerStyles,g as CustomRadio,m as CustomRadioStyles,c as HorizontalContainer,u as Input,p as StyledLabel,b as StyledLabelV2,l as Wrapper};
|
|
2
2
|
//# sourceMappingURL=styles.js.map
|
package/build/index.d.ts
CHANGED
|
@@ -1619,6 +1619,79 @@ declare type ThemeColorPrimaryPallete = ThemeColorPallete & {
|
|
|
1619
1619
|
80: ThemeColorPallete;
|
|
1620
1620
|
100?: ThemeColorPallete;
|
|
1621
1621
|
};
|
|
1622
|
+
declare type ThemeColorPrimitiveShades = {
|
|
1623
|
+
0?: string;
|
|
1624
|
+
10?: string;
|
|
1625
|
+
25?: string;
|
|
1626
|
+
50: string;
|
|
1627
|
+
100: string;
|
|
1628
|
+
200: string;
|
|
1629
|
+
300: string;
|
|
1630
|
+
400: string;
|
|
1631
|
+
500: string;
|
|
1632
|
+
600: string;
|
|
1633
|
+
700?: string;
|
|
1634
|
+
800?: string;
|
|
1635
|
+
900?: string;
|
|
1636
|
+
};
|
|
1637
|
+
declare type ThemeColorPrimitive = {
|
|
1638
|
+
green: ThemeColorPrimitiveShades;
|
|
1639
|
+
darkGreen: ThemeColorPrimitiveShades;
|
|
1640
|
+
gold: ThemeColorPrimitiveShades;
|
|
1641
|
+
neutral: ThemeColorPrimitiveShades;
|
|
1642
|
+
red: ThemeColorPrimitiveShades;
|
|
1643
|
+
yellow: ThemeColorPrimitiveShades;
|
|
1644
|
+
blue: ThemeColorPrimitiveShades;
|
|
1645
|
+
};
|
|
1646
|
+
declare type ThemeColorSemanticTokens = {
|
|
1647
|
+
primary: string;
|
|
1648
|
+
secondary?: string;
|
|
1649
|
+
tertiary?: string;
|
|
1650
|
+
accent?: string;
|
|
1651
|
+
accentDark?: string;
|
|
1652
|
+
disable?: string;
|
|
1653
|
+
disableDark?: string;
|
|
1654
|
+
invert?: string;
|
|
1655
|
+
success?: string;
|
|
1656
|
+
urgent?: string;
|
|
1657
|
+
warning?: string;
|
|
1658
|
+
info?: string;
|
|
1659
|
+
};
|
|
1660
|
+
declare type ThemeColorAlertsTokens = {
|
|
1661
|
+
default: string;
|
|
1662
|
+
hover: string;
|
|
1663
|
+
active: string;
|
|
1664
|
+
invert: string;
|
|
1665
|
+
};
|
|
1666
|
+
declare type ThemeColorBackgroundTokens = {
|
|
1667
|
+
surface: ThemeColorSemanticTokens & {
|
|
1668
|
+
primaryHover: string;
|
|
1669
|
+
secondaryHover: string;
|
|
1670
|
+
tertiaryHover: string;
|
|
1671
|
+
overlay: string;
|
|
1672
|
+
};
|
|
1673
|
+
fill: ThemeColorSemanticTokens & {
|
|
1674
|
+
primaryHover: string;
|
|
1675
|
+
defaultActive: string;
|
|
1676
|
+
secondaryHover: string;
|
|
1677
|
+
secondaryActive: string;
|
|
1678
|
+
tertiaryHover: string;
|
|
1679
|
+
tertiaryActive: string;
|
|
1680
|
+
gold: string;
|
|
1681
|
+
goldHover: string;
|
|
1682
|
+
goldActive: string;
|
|
1683
|
+
};
|
|
1684
|
+
success: ThemeColorAlertsTokens;
|
|
1685
|
+
urgent: ThemeColorAlertsTokens;
|
|
1686
|
+
warning: ThemeColorAlertsTokens;
|
|
1687
|
+
info: ThemeColorAlertsTokens;
|
|
1688
|
+
};
|
|
1689
|
+
declare type ThemeColorSemantic = {
|
|
1690
|
+
bg: ThemeColorBackgroundTokens;
|
|
1691
|
+
text: ThemeColorSemanticTokens;
|
|
1692
|
+
icon: ThemeColorSemanticTokens;
|
|
1693
|
+
border: ThemeColorSemanticTokens;
|
|
1694
|
+
};
|
|
1622
1695
|
declare type ThemeColors = {
|
|
1623
1696
|
pallete: {
|
|
1624
1697
|
primary: ThemeColorPrimaryPallete;
|
|
@@ -1675,6 +1748,8 @@ declare type ThemeColors = {
|
|
|
1675
1748
|
color: string;
|
|
1676
1749
|
disabled: string;
|
|
1677
1750
|
};
|
|
1751
|
+
primitive?: ThemeColorPrimitive;
|
|
1752
|
+
semanticTokens?: ThemeColorSemantic;
|
|
1678
1753
|
};
|
|
1679
1754
|
declare type ThemeComponent = {
|
|
1680
1755
|
button: {
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),n=require("@emotion/styled"),i=require("../../shared/label/label.js"),a=require("../../../core/theme/Theme.js"),s=require("./styles.js"),r=require("../../../types/enums.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o,d,u,c=l(n),h=c.default.div(o||(o=e.__makeTemplateObject(["\n display: flex;\n align-items: center;\n"],["\n display: flex;\n align-items: center;\n"]))),m=c.default.div(e.__assign({},s.ContainerStyles.baseStyles),(function(e){return[s.ContainerStyles[e.size](e.theme)]})),f=c.default.input(d||(d=e.__makeTemplateObject(["\n position: absolute;\n opacity: 0;\n cursor: ",";\n height: 100%;\n width: 100%;\n margin: 0;\n"],["\n position: absolute;\n opacity: 0;\n cursor: ",";\n height: 100%;\n width: 100%;\n margin: 0;\n"])),(function(e){return e.disabled?"not-allowed":"pointer"})),p=c.default.div([function(e){return s.CustomRadioStyles.baseStyles(e.theme,e.disabled,e.isChecked)},function(e){return s.CustomRadioStyles[e.size](e.theme,e.isChecked)}]),b=c.default(i)(u||(u=e.__makeTemplateObject(["\n font-size: 14px;\n font-weight: 400;\n line-height: 22px;\n"],["\n font-size: 14px;\n font-weight: 400;\n line-height: 22px;\n"])));exports.RadioPrimary=function(n){var i=n.style,s=n.name,l=n.value,o=n.id,d=n.label,u=n.checked,c=void 0!==u&&u,v=n.disabled,y=void 0!==v&&v,g=n.onChange,j=n.size,x=void 0===j?r.ComponentSize.Medium:j,_=a.useTheme();return t.jsxs(h,{children:[t.jsxs(m,e.__assign({theme:_,size:x,style:i,"data-testid":"container"},{children:[t.jsx(f,{id:"".concat(s,"-").concat(o),type:"radio",name:s,value:l,checked:c,onChange:function(e){return y?null:function(e,t){var n=e.currentTarget.value;g({value:n,label:t})}(e,d)},disabled:y,style:i},void 0),t.jsx(p,{size:x,isChecked:c,disabled:y,theme:_,"data-testid":"custom-radio",style:i},void 0)]}),void 0),t.jsx(b,e.__assign({htmlFor:"".concat(s,"-").concat(o),"data-testid":"label",variant:"regular",size:x,disabled:y},{children:d}),void 0)]},void 0)};
|
|
2
2
|
//# sourceMappingURL=radioPrimary.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),n=require("@emotion/styled"),i=require("../../shared/label/label.js"),a=require("
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),n=require("@emotion/styled"),i=require("../../shared/label/label.js"),a=require("../../../core/theme/Theme.js"),s=require("./styles.js"),o=require("../../../types/enums.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d,l,u,c=r(n),m=c.default.div(d||(d=e.__makeTemplateObject(["\n display: flex;\n align-items: center;\n padding-bottom: 10px;\n"],["\n display: flex;\n align-items: center;\n padding-bottom: 10px;\n"]))),h=c.default.div(e.__assign({},s.ContainerStyles.baseStyles),(function(e){return[s.ContainerStyles[e.size](e.theme)]})),p=c.default.input(l||(l=e.__makeTemplateObject(["\n position: absolute;\n opacity: 0;\n cursor: ",";\n height: 100%;\n width: 100%;\n margin: 0;\n"],["\n position: absolute;\n opacity: 0;\n cursor: ",";\n height: 100%;\n width: 100%;\n margin: 0;\n"])),(function(e){return e.disabled?"not-allowed":"pointer"})),b=c.default.div([function(e){return s.CustomRadioStyles.baseStyles(e.theme,e.disabled,e.isChecked)},function(e){return s.CustomRadioStyles[e.size](e.theme,e.isChecked)}]),f=c.default(i)(u||(u=e.__makeTemplateObject(["\n font-size: ",";\n line-height: "," !important;\n"],["\n font-size: ",";\n line-height: "," !important;\n"])),(function(e){return e.theme.component.radio.textSize}),(function(e){return e.theme.component.radio.lineHeight}));exports.ClubRadioInput=function(n){var i=n.style,s=n.name,r=n.value,d=n.id,l=n.label,u=n.checked,c=void 0!==u&&u,v=n.disabled,y=void 0!==v&&v,g=n.onChange,j=n.size,_=void 0===j?o.ComponentSize.Medium:j,x=a.useTheme();return t.jsxs(m,{children:[t.jsxs(h,e.__assign({theme:x,size:_,style:i,"data-testid":"container"},{children:[t.jsx(p,{id:"".concat(s,"-").concat(d),type:"radio",name:s,value:r,checked:c,onChange:function(e){return y?null:function(e,t){var n=e.currentTarget.value;g({value:n,label:t})}(e,l)},disabled:y,style:i},void 0),t.jsx(b,{size:_,isChecked:c,disabled:y,theme:x,"data-testid":"custom-radio",style:i},void 0)]}),void 0),t.jsx(f,e.__assign({htmlFor:"".concat(s,"-").concat(d),"data-testid":"label",variant:"regular",size:_,disabled:y,"aria-checked":c},{children:l}),void 0)]},void 0)};
|
|
2
2
|
//# sourceMappingURL=clubRadio.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("@emotion/react"),n=require("../../shared/label/label.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("@emotion/cache");var o,r,a,s=i(require("@emotion/styled")),d={baseStyles:function(e,n){return t.css({borderRadius:"50%",height:"100%",width:"100%",boxSizing:"border-box",borderStyle:"solid",background:e.component.radio.background,borderColor:n?e.colors.border.disabled:e.component.radio.borderColor})},small:function(e,n){return t.css({borderWidth:n?e.component.radio.size.small.active.borderWidth:e.component.radio.size.small.borderWidth})},medium:function(e,n){return t.css({borderWidth:n?e.component.radio.size.medium.active.borderWidth:e.component.radio.size.medium.borderWidth})},large:function(e,n){return t.css({borderWidth:n?e.component.radio.size.large.active.borderWidth:e.component.radio.size.large.borderWidth})}},l={baseStyles:t.css({position:"relative"}),small:function(e){return t.css({height:e.component.radio.size.small.height,width:e.component.radio.size.small.height,marginRight:e.component.radio.size.small.margin})},medium:function(e){return t.css({height:e.component.radio.size.medium.height,width:e.component.radio.size.medium.height,marginRight:e.component.radio.size.medium.margin})},large:function(e){return t.css({height:e.component.radio.size.large.height,width:e.component.radio.size.large.height,marginRight:e.component.radio.size.large.margin})}},m=s.default.div((function(){return{display:"flex",alignItems:"center"}})),c=s.default.div(e.__assign({},l.baseStyles),(function(e){return[l[e.size](e.theme)]})),u=s.default(c)({alignSelf:"center"}),h=s.default.input(o||(o=e.__makeTemplateObject(["\n position: absolute;\n opacity: 0;\n cursor: ",";\n height: 100%;\n width: 100%;\n margin: 0;\n"],["\n position: absolute;\n opacity: 0;\n cursor: ",";\n height: 100%;\n width: 100%;\n margin: 0;\n"])),(function(e){return e.disabled?"not-allowed":"pointer"})),p=s.default.div(
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("@emotion/react"),n=require("../../shared/label/label.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("@emotion/cache");var o,r,a,s=i(require("@emotion/styled")),d={baseStyles:function(e,n){return t.css({borderRadius:"50%",height:"100%",width:"100%",boxSizing:"border-box",borderStyle:"solid",background:e.component.radio.background,borderColor:n?e.colors.border.disabled:e.component.radio.borderColor})},small:function(e,n){return t.css({borderWidth:n?e.component.radio.size.small.active.borderWidth:e.component.radio.size.small.borderWidth})},medium:function(e,n){return t.css({borderWidth:n?e.component.radio.size.medium.active.borderWidth:e.component.radio.size.medium.borderWidth})},large:function(e,n){return t.css({borderWidth:n?e.component.radio.size.large.active.borderWidth:e.component.radio.size.large.borderWidth})}},l={baseStyles:t.css({position:"relative"}),small:function(e){return t.css({height:e.component.radio.size.small.height,width:e.component.radio.size.small.height,marginRight:e.component.radio.size.small.margin})},medium:function(e){return t.css({height:e.component.radio.size.medium.height,width:e.component.radio.size.medium.height,marginRight:e.component.radio.size.medium.margin})},large:function(e){return t.css({height:e.component.radio.size.large.height,width:e.component.radio.size.large.height,marginRight:e.component.radio.size.large.margin})}},m=s.default.div((function(){return{display:"flex",alignItems:"center"}})),c=s.default.div(e.__assign({},l.baseStyles),(function(e){return[l[e.size](e.theme)]})),u=s.default(c)({alignSelf:"center"}),h=s.default.input(o||(o=e.__makeTemplateObject(["\n position: absolute;\n opacity: 0;\n cursor: ",";\n height: 100%;\n width: 100%;\n margin: 0;\n"],["\n position: absolute;\n opacity: 0;\n cursor: ",";\n height: 100%;\n width: 100%;\n margin: 0;\n"])),(function(e){return e.disabled?"not-allowed":"pointer"})),p=s.default.div([function(e){return d.baseStyles(e.theme,e.disabled)},function(e){return d[e.size](e.theme,e.isChecked)}]),g=s.default(n)(r||(r=e.__makeTemplateObject(["\n font-size: ",";\n line-height: "," !important;\n"],["\n font-size: ",";\n line-height: "," !important;\n"])),(function(e){return e.theme.component.radio.textSize}),(function(e){return e.theme.component.radio.lineHeight})),b=s.default(n)(a||(a=e.__makeTemplateObject(["\n font-size: ",";\n font-weight: 600 !important;\n line-height: "," !important;\n\n color: ",";\n"],["\n font-size: ",";\n font-weight: 600 !important;\n line-height: "," !important;\n\n color: ",";\n"])),(function(e){return e.theme.component.radio.textSize}),(function(e){return e.theme.component.radio.lineHeight}),(function(e){return e.disabled?"var(--colors-shades-250-color)":"inherit"}));exports.Container=c,exports.ContainerStyles=l,exports.CustomRadio=p,exports.CustomRadioStyles=d,exports.HorizontalContainer=u,exports.Input=h,exports.StyledLabel=g,exports.StyledLabelV2=b,exports.Wrapper=m;
|
|
2
2
|
//# sourceMappingURL=styles.js.map
|
|
@@ -55,6 +55,79 @@ declare type ThemeColorPrimaryPallete = ThemeColorPallete & {
|
|
|
55
55
|
80: ThemeColorPallete;
|
|
56
56
|
100?: ThemeColorPallete;
|
|
57
57
|
};
|
|
58
|
+
declare type ThemeColorPrimitiveShades = {
|
|
59
|
+
0?: string;
|
|
60
|
+
10?: string;
|
|
61
|
+
25?: string;
|
|
62
|
+
50: string;
|
|
63
|
+
100: string;
|
|
64
|
+
200: string;
|
|
65
|
+
300: string;
|
|
66
|
+
400: string;
|
|
67
|
+
500: string;
|
|
68
|
+
600: string;
|
|
69
|
+
700?: string;
|
|
70
|
+
800?: string;
|
|
71
|
+
900?: string;
|
|
72
|
+
};
|
|
73
|
+
declare type ThemeColorPrimitive = {
|
|
74
|
+
green: ThemeColorPrimitiveShades;
|
|
75
|
+
darkGreen: ThemeColorPrimitiveShades;
|
|
76
|
+
gold: ThemeColorPrimitiveShades;
|
|
77
|
+
neutral: ThemeColorPrimitiveShades;
|
|
78
|
+
red: ThemeColorPrimitiveShades;
|
|
79
|
+
yellow: ThemeColorPrimitiveShades;
|
|
80
|
+
blue: ThemeColorPrimitiveShades;
|
|
81
|
+
};
|
|
82
|
+
declare type ThemeColorSemanticTokens = {
|
|
83
|
+
primary: string;
|
|
84
|
+
secondary?: string;
|
|
85
|
+
tertiary?: string;
|
|
86
|
+
accent?: string;
|
|
87
|
+
accentDark?: string;
|
|
88
|
+
disable?: string;
|
|
89
|
+
disableDark?: string;
|
|
90
|
+
invert?: string;
|
|
91
|
+
success?: string;
|
|
92
|
+
urgent?: string;
|
|
93
|
+
warning?: string;
|
|
94
|
+
info?: string;
|
|
95
|
+
};
|
|
96
|
+
declare type ThemeColorAlertsTokens = {
|
|
97
|
+
default: string;
|
|
98
|
+
hover: string;
|
|
99
|
+
active: string;
|
|
100
|
+
invert: string;
|
|
101
|
+
};
|
|
102
|
+
declare type ThemeColorBackgroundTokens = {
|
|
103
|
+
surface: ThemeColorSemanticTokens & {
|
|
104
|
+
primaryHover: string;
|
|
105
|
+
secondaryHover: string;
|
|
106
|
+
tertiaryHover: string;
|
|
107
|
+
overlay: string;
|
|
108
|
+
};
|
|
109
|
+
fill: ThemeColorSemanticTokens & {
|
|
110
|
+
primaryHover: string;
|
|
111
|
+
defaultActive: string;
|
|
112
|
+
secondaryHover: string;
|
|
113
|
+
secondaryActive: string;
|
|
114
|
+
tertiaryHover: string;
|
|
115
|
+
tertiaryActive: string;
|
|
116
|
+
gold: string;
|
|
117
|
+
goldHover: string;
|
|
118
|
+
goldActive: string;
|
|
119
|
+
};
|
|
120
|
+
success: ThemeColorAlertsTokens;
|
|
121
|
+
urgent: ThemeColorAlertsTokens;
|
|
122
|
+
warning: ThemeColorAlertsTokens;
|
|
123
|
+
info: ThemeColorAlertsTokens;
|
|
124
|
+
};
|
|
125
|
+
declare type ThemeColorSemantic = {
|
|
126
|
+
bg: ThemeColorBackgroundTokens;
|
|
127
|
+
text: ThemeColorSemanticTokens;
|
|
128
|
+
icon: ThemeColorSemanticTokens;
|
|
129
|
+
border: ThemeColorSemanticTokens;
|
|
130
|
+
};
|
|
58
131
|
declare type ThemeColors = {
|
|
59
132
|
pallete: {
|
|
60
133
|
primary: ThemeColorPrimaryPallete;
|
|
@@ -111,6 +184,8 @@ declare type ThemeColors = {
|
|
|
111
184
|
color: string;
|
|
112
185
|
disabled: string;
|
|
113
186
|
};
|
|
187
|
+
primitive?: ThemeColorPrimitive;
|
|
188
|
+
semanticTokens?: ThemeColorSemantic;
|
|
114
189
|
};
|
|
115
190
|
declare type ThemeComponent = {
|
|
116
191
|
button: {
|
|
@@ -55,6 +55,79 @@ declare type ThemeColorPrimaryPallete = ThemeColorPallete & {
|
|
|
55
55
|
80: ThemeColorPallete;
|
|
56
56
|
100?: ThemeColorPallete;
|
|
57
57
|
};
|
|
58
|
+
declare type ThemeColorPrimitiveShades = {
|
|
59
|
+
0?: string;
|
|
60
|
+
10?: string;
|
|
61
|
+
25?: string;
|
|
62
|
+
50: string;
|
|
63
|
+
100: string;
|
|
64
|
+
200: string;
|
|
65
|
+
300: string;
|
|
66
|
+
400: string;
|
|
67
|
+
500: string;
|
|
68
|
+
600: string;
|
|
69
|
+
700?: string;
|
|
70
|
+
800?: string;
|
|
71
|
+
900?: string;
|
|
72
|
+
};
|
|
73
|
+
declare type ThemeColorPrimitive = {
|
|
74
|
+
green: ThemeColorPrimitiveShades;
|
|
75
|
+
darkGreen: ThemeColorPrimitiveShades;
|
|
76
|
+
gold: ThemeColorPrimitiveShades;
|
|
77
|
+
neutral: ThemeColorPrimitiveShades;
|
|
78
|
+
red: ThemeColorPrimitiveShades;
|
|
79
|
+
yellow: ThemeColorPrimitiveShades;
|
|
80
|
+
blue: ThemeColorPrimitiveShades;
|
|
81
|
+
};
|
|
82
|
+
declare type ThemeColorSemanticTokens = {
|
|
83
|
+
primary: string;
|
|
84
|
+
secondary?: string;
|
|
85
|
+
tertiary?: string;
|
|
86
|
+
accent?: string;
|
|
87
|
+
accentDark?: string;
|
|
88
|
+
disable?: string;
|
|
89
|
+
disableDark?: string;
|
|
90
|
+
invert?: string;
|
|
91
|
+
success?: string;
|
|
92
|
+
urgent?: string;
|
|
93
|
+
warning?: string;
|
|
94
|
+
info?: string;
|
|
95
|
+
};
|
|
96
|
+
declare type ThemeColorAlertsTokens = {
|
|
97
|
+
default: string;
|
|
98
|
+
hover: string;
|
|
99
|
+
active: string;
|
|
100
|
+
invert: string;
|
|
101
|
+
};
|
|
102
|
+
declare type ThemeColorBackgroundTokens = {
|
|
103
|
+
surface: ThemeColorSemanticTokens & {
|
|
104
|
+
primaryHover: string;
|
|
105
|
+
secondaryHover: string;
|
|
106
|
+
tertiaryHover: string;
|
|
107
|
+
overlay: string;
|
|
108
|
+
};
|
|
109
|
+
fill: ThemeColorSemanticTokens & {
|
|
110
|
+
primaryHover: string;
|
|
111
|
+
defaultActive: string;
|
|
112
|
+
secondaryHover: string;
|
|
113
|
+
secondaryActive: string;
|
|
114
|
+
tertiaryHover: string;
|
|
115
|
+
tertiaryActive: string;
|
|
116
|
+
gold: string;
|
|
117
|
+
goldHover: string;
|
|
118
|
+
goldActive: string;
|
|
119
|
+
};
|
|
120
|
+
success: ThemeColorAlertsTokens;
|
|
121
|
+
urgent: ThemeColorAlertsTokens;
|
|
122
|
+
warning: ThemeColorAlertsTokens;
|
|
123
|
+
info: ThemeColorAlertsTokens;
|
|
124
|
+
};
|
|
125
|
+
declare type ThemeColorSemantic = {
|
|
126
|
+
bg: ThemeColorBackgroundTokens;
|
|
127
|
+
text: ThemeColorSemanticTokens;
|
|
128
|
+
icon: ThemeColorSemanticTokens;
|
|
129
|
+
border: ThemeColorSemanticTokens;
|
|
130
|
+
};
|
|
58
131
|
declare type ThemeColors = {
|
|
59
132
|
pallete: {
|
|
60
133
|
primary: ThemeColorPrimaryPallete;
|
|
@@ -111,6 +184,8 @@ declare type ThemeColors = {
|
|
|
111
184
|
color: string;
|
|
112
185
|
disabled: string;
|
|
113
186
|
};
|
|
187
|
+
primitive?: ThemeColorPrimitive;
|
|
188
|
+
semanticTokens?: ThemeColorSemantic;
|
|
114
189
|
};
|
|
115
190
|
declare type ThemeComponent = {
|
|
116
191
|
button: {
|
|
@@ -55,6 +55,79 @@ declare type ThemeColorPrimaryPallete = ThemeColorPallete & {
|
|
|
55
55
|
80: ThemeColorPallete;
|
|
56
56
|
100?: ThemeColorPallete;
|
|
57
57
|
};
|
|
58
|
+
declare type ThemeColorPrimitiveShades = {
|
|
59
|
+
0?: string;
|
|
60
|
+
10?: string;
|
|
61
|
+
25?: string;
|
|
62
|
+
50: string;
|
|
63
|
+
100: string;
|
|
64
|
+
200: string;
|
|
65
|
+
300: string;
|
|
66
|
+
400: string;
|
|
67
|
+
500: string;
|
|
68
|
+
600: string;
|
|
69
|
+
700?: string;
|
|
70
|
+
800?: string;
|
|
71
|
+
900?: string;
|
|
72
|
+
};
|
|
73
|
+
declare type ThemeColorPrimitive = {
|
|
74
|
+
green: ThemeColorPrimitiveShades;
|
|
75
|
+
darkGreen: ThemeColorPrimitiveShades;
|
|
76
|
+
gold: ThemeColorPrimitiveShades;
|
|
77
|
+
neutral: ThemeColorPrimitiveShades;
|
|
78
|
+
red: ThemeColorPrimitiveShades;
|
|
79
|
+
yellow: ThemeColorPrimitiveShades;
|
|
80
|
+
blue: ThemeColorPrimitiveShades;
|
|
81
|
+
};
|
|
82
|
+
declare type ThemeColorSemanticTokens = {
|
|
83
|
+
primary: string;
|
|
84
|
+
secondary?: string;
|
|
85
|
+
tertiary?: string;
|
|
86
|
+
accent?: string;
|
|
87
|
+
accentDark?: string;
|
|
88
|
+
disable?: string;
|
|
89
|
+
disableDark?: string;
|
|
90
|
+
invert?: string;
|
|
91
|
+
success?: string;
|
|
92
|
+
urgent?: string;
|
|
93
|
+
warning?: string;
|
|
94
|
+
info?: string;
|
|
95
|
+
};
|
|
96
|
+
declare type ThemeColorAlertsTokens = {
|
|
97
|
+
default: string;
|
|
98
|
+
hover: string;
|
|
99
|
+
active: string;
|
|
100
|
+
invert: string;
|
|
101
|
+
};
|
|
102
|
+
declare type ThemeColorBackgroundTokens = {
|
|
103
|
+
surface: ThemeColorSemanticTokens & {
|
|
104
|
+
primaryHover: string;
|
|
105
|
+
secondaryHover: string;
|
|
106
|
+
tertiaryHover: string;
|
|
107
|
+
overlay: string;
|
|
108
|
+
};
|
|
109
|
+
fill: ThemeColorSemanticTokens & {
|
|
110
|
+
primaryHover: string;
|
|
111
|
+
defaultActive: string;
|
|
112
|
+
secondaryHover: string;
|
|
113
|
+
secondaryActive: string;
|
|
114
|
+
tertiaryHover: string;
|
|
115
|
+
tertiaryActive: string;
|
|
116
|
+
gold: string;
|
|
117
|
+
goldHover: string;
|
|
118
|
+
goldActive: string;
|
|
119
|
+
};
|
|
120
|
+
success: ThemeColorAlertsTokens;
|
|
121
|
+
urgent: ThemeColorAlertsTokens;
|
|
122
|
+
warning: ThemeColorAlertsTokens;
|
|
123
|
+
info: ThemeColorAlertsTokens;
|
|
124
|
+
};
|
|
125
|
+
declare type ThemeColorSemantic = {
|
|
126
|
+
bg: ThemeColorBackgroundTokens;
|
|
127
|
+
text: ThemeColorSemanticTokens;
|
|
128
|
+
icon: ThemeColorSemanticTokens;
|
|
129
|
+
border: ThemeColorSemanticTokens;
|
|
130
|
+
};
|
|
58
131
|
declare type ThemeColors = {
|
|
59
132
|
pallete: {
|
|
60
133
|
primary: ThemeColorPrimaryPallete;
|
|
@@ -111,6 +184,8 @@ declare type ThemeColors = {
|
|
|
111
184
|
color: string;
|
|
112
185
|
disabled: string;
|
|
113
186
|
};
|
|
187
|
+
primitive?: ThemeColorPrimitive;
|
|
188
|
+
semanticTokens?: ThemeColorSemantic;
|
|
114
189
|
};
|
|
115
190
|
declare type ThemeComponent = {
|
|
116
191
|
button: {
|
|
@@ -55,6 +55,79 @@ declare type ThemeColorPrimaryPallete = ThemeColorPallete & {
|
|
|
55
55
|
80: ThemeColorPallete;
|
|
56
56
|
100?: ThemeColorPallete;
|
|
57
57
|
};
|
|
58
|
+
declare type ThemeColorPrimitiveShades = {
|
|
59
|
+
0?: string;
|
|
60
|
+
10?: string;
|
|
61
|
+
25?: string;
|
|
62
|
+
50: string;
|
|
63
|
+
100: string;
|
|
64
|
+
200: string;
|
|
65
|
+
300: string;
|
|
66
|
+
400: string;
|
|
67
|
+
500: string;
|
|
68
|
+
600: string;
|
|
69
|
+
700?: string;
|
|
70
|
+
800?: string;
|
|
71
|
+
900?: string;
|
|
72
|
+
};
|
|
73
|
+
declare type ThemeColorPrimitive = {
|
|
74
|
+
green: ThemeColorPrimitiveShades;
|
|
75
|
+
darkGreen: ThemeColorPrimitiveShades;
|
|
76
|
+
gold: ThemeColorPrimitiveShades;
|
|
77
|
+
neutral: ThemeColorPrimitiveShades;
|
|
78
|
+
red: ThemeColorPrimitiveShades;
|
|
79
|
+
yellow: ThemeColorPrimitiveShades;
|
|
80
|
+
blue: ThemeColorPrimitiveShades;
|
|
81
|
+
};
|
|
82
|
+
declare type ThemeColorSemanticTokens = {
|
|
83
|
+
primary: string;
|
|
84
|
+
secondary?: string;
|
|
85
|
+
tertiary?: string;
|
|
86
|
+
accent?: string;
|
|
87
|
+
accentDark?: string;
|
|
88
|
+
disable?: string;
|
|
89
|
+
disableDark?: string;
|
|
90
|
+
invert?: string;
|
|
91
|
+
success?: string;
|
|
92
|
+
urgent?: string;
|
|
93
|
+
warning?: string;
|
|
94
|
+
info?: string;
|
|
95
|
+
};
|
|
96
|
+
declare type ThemeColorAlertsTokens = {
|
|
97
|
+
default: string;
|
|
98
|
+
hover: string;
|
|
99
|
+
active: string;
|
|
100
|
+
invert: string;
|
|
101
|
+
};
|
|
102
|
+
declare type ThemeColorBackgroundTokens = {
|
|
103
|
+
surface: ThemeColorSemanticTokens & {
|
|
104
|
+
primaryHover: string;
|
|
105
|
+
secondaryHover: string;
|
|
106
|
+
tertiaryHover: string;
|
|
107
|
+
overlay: string;
|
|
108
|
+
};
|
|
109
|
+
fill: ThemeColorSemanticTokens & {
|
|
110
|
+
primaryHover: string;
|
|
111
|
+
defaultActive: string;
|
|
112
|
+
secondaryHover: string;
|
|
113
|
+
secondaryActive: string;
|
|
114
|
+
tertiaryHover: string;
|
|
115
|
+
tertiaryActive: string;
|
|
116
|
+
gold: string;
|
|
117
|
+
goldHover: string;
|
|
118
|
+
goldActive: string;
|
|
119
|
+
};
|
|
120
|
+
success: ThemeColorAlertsTokens;
|
|
121
|
+
urgent: ThemeColorAlertsTokens;
|
|
122
|
+
warning: ThemeColorAlertsTokens;
|
|
123
|
+
info: ThemeColorAlertsTokens;
|
|
124
|
+
};
|
|
125
|
+
declare type ThemeColorSemantic = {
|
|
126
|
+
bg: ThemeColorBackgroundTokens;
|
|
127
|
+
text: ThemeColorSemanticTokens;
|
|
128
|
+
icon: ThemeColorSemanticTokens;
|
|
129
|
+
border: ThemeColorSemanticTokens;
|
|
130
|
+
};
|
|
58
131
|
declare type ThemeColors = {
|
|
59
132
|
pallete: {
|
|
60
133
|
primary: ThemeColorPrimaryPallete;
|
|
@@ -111,6 +184,8 @@ declare type ThemeColors = {
|
|
|
111
184
|
color: string;
|
|
112
185
|
disabled: string;
|
|
113
186
|
};
|
|
187
|
+
primitive?: ThemeColorPrimitive;
|
|
188
|
+
semanticTokens?: ThemeColorSemantic;
|
|
114
189
|
};
|
|
115
190
|
declare type ThemeComponent = {
|
|
116
191
|
button: {
|
|
@@ -197,6 +197,175 @@ var thespadr = {
|
|
|
197
197
|
color: '--colors-shades-700-color',
|
|
198
198
|
disabled: '--colors-shades-250-color',
|
|
199
199
|
},
|
|
200
|
+
primitive: {
|
|
201
|
+
green: {
|
|
202
|
+
50: '#F8FBF4',
|
|
203
|
+
100: '#E9F2E5',
|
|
204
|
+
200: '#D1E3CA',
|
|
205
|
+
300: '#B5CAB3',
|
|
206
|
+
400: '#9AB898',
|
|
207
|
+
500: '#457A41',
|
|
208
|
+
600: '#376234',
|
|
209
|
+
},
|
|
210
|
+
darkGreen: {
|
|
211
|
+
50: '#DEE3DF',
|
|
212
|
+
100: '#BCC7BE',
|
|
213
|
+
200: '#9BAC9E',
|
|
214
|
+
300: '#79907D',
|
|
215
|
+
400: '#58745D',
|
|
216
|
+
500: '#2E403B',
|
|
217
|
+
600: '#25332F',
|
|
218
|
+
},
|
|
219
|
+
gold: {
|
|
220
|
+
50: '#FBFAF6',
|
|
221
|
+
100: '#EFEBE4',
|
|
222
|
+
200: '#E5DDD2',
|
|
223
|
+
300: '#E7DCC5',
|
|
224
|
+
400: '#DFD1B1',
|
|
225
|
+
500: '#D7C59E',
|
|
226
|
+
600: '#AC9E7E',
|
|
227
|
+
},
|
|
228
|
+
neutral: {
|
|
229
|
+
0: '#FFFFFF',
|
|
230
|
+
10: '#FAFAFA',
|
|
231
|
+
25: '#F5F5F5',
|
|
232
|
+
50: '#E2E3E3',
|
|
233
|
+
100: '#D1D3D3',
|
|
234
|
+
200: '#B8BBB9',
|
|
235
|
+
300: '#878D8B',
|
|
236
|
+
400: '#6A6E6D',
|
|
237
|
+
500: '#585D5C',
|
|
238
|
+
600: '#323D3A',
|
|
239
|
+
700: '#222D29',
|
|
240
|
+
800: '#292929',
|
|
241
|
+
900: '#1B1B1B',
|
|
242
|
+
},
|
|
243
|
+
red: {
|
|
244
|
+
50: '#FDF1EF',
|
|
245
|
+
100: '#F5E5E5',
|
|
246
|
+
200: '#EDD4D3',
|
|
247
|
+
300: '#E9BFBD',
|
|
248
|
+
400: '#D99391',
|
|
249
|
+
500: '#BA5350',
|
|
250
|
+
600: '#954240',
|
|
251
|
+
},
|
|
252
|
+
yellow: {
|
|
253
|
+
50: '#FEFCEC',
|
|
254
|
+
100: '#FCFBE2',
|
|
255
|
+
200: '#FAF7CD',
|
|
256
|
+
300: '#F5EF9B',
|
|
257
|
+
400: '#F1E86B',
|
|
258
|
+
500: '#EBD800',
|
|
259
|
+
600: '#BEB20B',
|
|
260
|
+
},
|
|
261
|
+
blue: {
|
|
262
|
+
50: '#EDF2F4',
|
|
263
|
+
100: '#E3ECEE',
|
|
264
|
+
200: '#D0DEE1',
|
|
265
|
+
300: '#A0BDC4',
|
|
266
|
+
400: '#729DA7',
|
|
267
|
+
500: '#437C8A',
|
|
268
|
+
600: '#28474F',
|
|
269
|
+
},
|
|
270
|
+
},
|
|
271
|
+
semanticTokens: {
|
|
272
|
+
bg: {
|
|
273
|
+
surface: {
|
|
274
|
+
primary: '--colors-primitive-neutral-0',
|
|
275
|
+
primaryHover: '--colors-primitive-neutral-25',
|
|
276
|
+
secondary: '--colors-primitive-neutral-10',
|
|
277
|
+
secondaryHover: '--colors-primitive-neutral-50',
|
|
278
|
+
tertiary: '--colors-primitive-green-50',
|
|
279
|
+
tertiaryHover: '--colors-primitive-green-100',
|
|
280
|
+
disable: '--colors-primitive-neutral-100',
|
|
281
|
+
disableDark: '--colors-primitive-neutral-200',
|
|
282
|
+
invert: '--colors-primitive-darkGreen-600',
|
|
283
|
+
overlay: '--colors-primitive-neutral-800',
|
|
284
|
+
},
|
|
285
|
+
fill: {
|
|
286
|
+
primary: '--colors-primitive-green-500',
|
|
287
|
+
primaryHover: '--colors-primitive-green-400',
|
|
288
|
+
defaultActive: '--colors-primitive-green-600',
|
|
289
|
+
secondary: '--colors-primitive-darkGreen-500',
|
|
290
|
+
secondaryHover: '--colors-primitive-darkGreen-400',
|
|
291
|
+
secondaryActive: '--colors-primitive-darkGreen-600',
|
|
292
|
+
tertiary: '--colors-primitive-green-200',
|
|
293
|
+
tertiaryHover: '--colors-primitive-green-100',
|
|
294
|
+
tertiaryActive: '--colors-primitive-green-300',
|
|
295
|
+
gold: '--colors-primitive-gold-300',
|
|
296
|
+
goldHover: '--colors-primitive-gold-400',
|
|
297
|
+
goldActive: '--colors-primitive-gold-500',
|
|
298
|
+
disable: '--colors-primitive-neutral-50',
|
|
299
|
+
disableDark: '--colors-primitive-neutral-100',
|
|
300
|
+
},
|
|
301
|
+
success: {
|
|
302
|
+
default: '--colors-primitive-green-100',
|
|
303
|
+
hover: '--colors-primitive-green-200',
|
|
304
|
+
active: '--colors-primitive-green-300',
|
|
305
|
+
invert: '--colors-primitive-green-600',
|
|
306
|
+
},
|
|
307
|
+
urgent: {
|
|
308
|
+
default: '--colors-primitive-red-100',
|
|
309
|
+
hover: '--colors-primitive-red-200',
|
|
310
|
+
active: '--colors-primitive-red-300',
|
|
311
|
+
invert: '--colors-primitive-red-600',
|
|
312
|
+
},
|
|
313
|
+
warning: {
|
|
314
|
+
default: '--colors-primitive-yellow-100',
|
|
315
|
+
hover: '--colors-primitive-yellow-200',
|
|
316
|
+
active: '--colors-primitive-yellow-300',
|
|
317
|
+
invert: '--colors-primitive-yellow-600',
|
|
318
|
+
},
|
|
319
|
+
info: {
|
|
320
|
+
default: '--colors-primitive-blue-100',
|
|
321
|
+
hover: '--colors-primitive-blue-200',
|
|
322
|
+
active: '--colors-primitive-blue-300',
|
|
323
|
+
invert: '--colors-primitive-blue-600',
|
|
324
|
+
},
|
|
325
|
+
},
|
|
326
|
+
text: {
|
|
327
|
+
primary: '--colors-primitive-neutral-800',
|
|
328
|
+
secondary: '--colors-primitive-neutral-500',
|
|
329
|
+
tertiary: '--colors-primitive-neutral-400',
|
|
330
|
+
accent: '--colors-primitive-green-500',
|
|
331
|
+
accentDark: '--colors-primitive-green-600',
|
|
332
|
+
disable: '--colors-primitive-neutral-300',
|
|
333
|
+
disableDark: '--colors-primitive-neutral-400',
|
|
334
|
+
invert: '--colors-primitive-neutral-0',
|
|
335
|
+
success: '--colors-primitive-green-600',
|
|
336
|
+
urgent: '--colors-primitive-red-600',
|
|
337
|
+
warning: '--colors-primitive-yellow-600',
|
|
338
|
+
info: '--colors-primitive-blue-600',
|
|
339
|
+
},
|
|
340
|
+
icon: {
|
|
341
|
+
primary: '--colors-primitive-neutral-800',
|
|
342
|
+
secondary: '--colors-primitive-neutral-500',
|
|
343
|
+
tertiary: '--colors-primitive-neutral-400',
|
|
344
|
+
accent: '--colors-primitive-green-500',
|
|
345
|
+
accentDark: '--colors-primitive-green-600',
|
|
346
|
+
disable: '--colors-primitive-neutral-300',
|
|
347
|
+
disableDark: '--colors-primitive-neutral-400',
|
|
348
|
+
invert: '--colors-primitive-neutral-0',
|
|
349
|
+
success: '--colors-primitive-green-500',
|
|
350
|
+
urgent: '--colors-primitive-red-600',
|
|
351
|
+
warning: '--colors-primitive-yellow-600',
|
|
352
|
+
info: '--colors-primitive-blue-600',
|
|
353
|
+
},
|
|
354
|
+
border: {
|
|
355
|
+
primary: '--colors-primitive-neutral-50',
|
|
356
|
+
secondary: '--colors-primitive-neutral-25',
|
|
357
|
+
tertiary: '--colors-primitive-neutral-100',
|
|
358
|
+
accent: '--colors-primitive-green-200',
|
|
359
|
+
accentDark: '--colors-primitive-green-300',
|
|
360
|
+
disable: '--colors-primitive-neutral-200',
|
|
361
|
+
disableDark: '--colors-primitive-neutral-300',
|
|
362
|
+
invert: '--colors-primitive-neutral-25',
|
|
363
|
+
success: '--colors-primitive-green-400',
|
|
364
|
+
urgent: '--colors-primitive-red-400',
|
|
365
|
+
warning: '--colors-primitive-yellow-400',
|
|
366
|
+
info: '--colors-primitive-blue-400',
|
|
367
|
+
},
|
|
368
|
+
},
|
|
200
369
|
},
|
|
201
370
|
component: {
|
|
202
371
|
button: {
|
|
@@ -55,6 +55,79 @@ declare type ThemeColorPrimaryPallete = ThemeColorPallete & {
|
|
|
55
55
|
80: ThemeColorPallete;
|
|
56
56
|
100?: ThemeColorPallete;
|
|
57
57
|
};
|
|
58
|
+
declare type ThemeColorPrimitiveShades = {
|
|
59
|
+
0?: string;
|
|
60
|
+
10?: string;
|
|
61
|
+
25?: string;
|
|
62
|
+
50: string;
|
|
63
|
+
100: string;
|
|
64
|
+
200: string;
|
|
65
|
+
300: string;
|
|
66
|
+
400: string;
|
|
67
|
+
500: string;
|
|
68
|
+
600: string;
|
|
69
|
+
700?: string;
|
|
70
|
+
800?: string;
|
|
71
|
+
900?: string;
|
|
72
|
+
};
|
|
73
|
+
declare type ThemeColorPrimitive = {
|
|
74
|
+
green: ThemeColorPrimitiveShades;
|
|
75
|
+
darkGreen: ThemeColorPrimitiveShades;
|
|
76
|
+
gold: ThemeColorPrimitiveShades;
|
|
77
|
+
neutral: ThemeColorPrimitiveShades;
|
|
78
|
+
red: ThemeColorPrimitiveShades;
|
|
79
|
+
yellow: ThemeColorPrimitiveShades;
|
|
80
|
+
blue: ThemeColorPrimitiveShades;
|
|
81
|
+
};
|
|
82
|
+
declare type ThemeColorSemanticTokens = {
|
|
83
|
+
primary: string;
|
|
84
|
+
secondary?: string;
|
|
85
|
+
tertiary?: string;
|
|
86
|
+
accent?: string;
|
|
87
|
+
accentDark?: string;
|
|
88
|
+
disable?: string;
|
|
89
|
+
disableDark?: string;
|
|
90
|
+
invert?: string;
|
|
91
|
+
success?: string;
|
|
92
|
+
urgent?: string;
|
|
93
|
+
warning?: string;
|
|
94
|
+
info?: string;
|
|
95
|
+
};
|
|
96
|
+
declare type ThemeColorAlertsTokens = {
|
|
97
|
+
default: string;
|
|
98
|
+
hover: string;
|
|
99
|
+
active: string;
|
|
100
|
+
invert: string;
|
|
101
|
+
};
|
|
102
|
+
declare type ThemeColorBackgroundTokens = {
|
|
103
|
+
surface: ThemeColorSemanticTokens & {
|
|
104
|
+
primaryHover: string;
|
|
105
|
+
secondaryHover: string;
|
|
106
|
+
tertiaryHover: string;
|
|
107
|
+
overlay: string;
|
|
108
|
+
};
|
|
109
|
+
fill: ThemeColorSemanticTokens & {
|
|
110
|
+
primaryHover: string;
|
|
111
|
+
defaultActive: string;
|
|
112
|
+
secondaryHover: string;
|
|
113
|
+
secondaryActive: string;
|
|
114
|
+
tertiaryHover: string;
|
|
115
|
+
tertiaryActive: string;
|
|
116
|
+
gold: string;
|
|
117
|
+
goldHover: string;
|
|
118
|
+
goldActive: string;
|
|
119
|
+
};
|
|
120
|
+
success: ThemeColorAlertsTokens;
|
|
121
|
+
urgent: ThemeColorAlertsTokens;
|
|
122
|
+
warning: ThemeColorAlertsTokens;
|
|
123
|
+
info: ThemeColorAlertsTokens;
|
|
124
|
+
};
|
|
125
|
+
declare type ThemeColorSemantic = {
|
|
126
|
+
bg: ThemeColorBackgroundTokens;
|
|
127
|
+
text: ThemeColorSemanticTokens;
|
|
128
|
+
icon: ThemeColorSemanticTokens;
|
|
129
|
+
border: ThemeColorSemanticTokens;
|
|
130
|
+
};
|
|
58
131
|
declare type ThemeColors = {
|
|
59
132
|
pallete: {
|
|
60
133
|
primary: ThemeColorPrimaryPallete;
|
|
@@ -111,6 +184,8 @@ declare type ThemeColors = {
|
|
|
111
184
|
color: string;
|
|
112
185
|
disabled: string;
|
|
113
186
|
};
|
|
187
|
+
primitive?: ThemeColorPrimitive;
|
|
188
|
+
semanticTokens?: ThemeColorSemantic;
|
|
114
189
|
};
|
|
115
190
|
declare type ThemeComponent = {
|
|
116
191
|
button: {
|
package/package.json
CHANGED