@trafilea/afrodita-components 7.0.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/icons/Navigation/BenefitsV2.js +2 -0
- package/build/es/components/icons/Navigation/BenefitsV2.js.map +1 -0
- package/build/es/components/icons/Navigation/index.js +1 -1
- package/build/es/components/organisms/TwoCtasAtCart/Card.styled.js +1 -1
- 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 +80 -1
- package/build/lib/components/icons/Navigation/BenefitsV2.js +2 -0
- package/build/lib/components/icons/Navigation/BenefitsV2.js.map +1 -0
- package/build/lib/components/icons/Navigation/index.js +1 -1
- package/build/lib/components/organisms/TwoCtasAtCart/Card.styled.js +1 -1
- 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
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{__assign as e}from"tslib";import{jsx as o}from"react/jsx-runtime";import"../../atoms/PriceLabel/PriceLabel.js";import"../../atoms/PriceLabelV2/PriceLabelV2.js";import"../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js";import"../../atoms/HorizontalDivider/HorizontalDivider.js";import{Icon as r}from"../../atoms/Icon/Icon.js";import"../../atoms/Image/Image.js";import"react";import"../../atoms/Toggle/toggle.styled.js";var t=function(t){return o(r,e({},t,{name:"navigation/benefits_v2"}),void 0)};export{t as BenefitsV2};
|
|
2
|
+
//# sourceMappingURL=BenefitsV2.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BenefitsV2.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{AddressInformation}from"./AddressInformation.js";export{Benefits}from"./Benefits.js";export{ClubMembership}from"./ClubMembership.js";export{Ellipsis}from"./Ellipsis.js";export{EllipsisHorizontal}from"./EllipsisHorizontal.js";export{Filters}from"./Filters.js";export{FiltersV2}from"./FiltersV2.js";export{Hamburger}from"./Hamburger.js";export{Home}from"./Home.js";export{HomeSolid}from"./HomeSolid.js";export{Loading}from"./Loading.js";export{Lock}from"./Lock.js";export{LockSolid}from"./LockSolid.js";export{MapMarker}from"./MapMarker.js";export{MapSolid}from"./MapSolid.js";export{MenuLines}from"./MenuLines.js";export{Search}from"./Search.js";export{Shaperbox}from"./Shaperbox.js";export{ShoppingBag}from"./ShoppingBag.js";export{ShoppingBagV2}from"./ShoppingBagV2.js";export{ShoppingBagV3}from"./ShoppingBagV3.js";export{ShoppingBagV4}from"./ShoppingBagV4.js";export{ShoppingCart}from"./ShoppingCart.js";export{ShoppingCartV2}from"./ShoppingCartV2.js";export{SlideDot}from"./SlideDot.js";export{SlideDotSolid}from"./SlideDotSolid.js";export{User}from"./User.js";export{UserSolid}from"./UserSolid.js";export{UserV2}from"./UserV2.js";
|
|
1
|
+
export{AddressInformation}from"./AddressInformation.js";export{Benefits}from"./Benefits.js";export{BenefitsV2}from"./BenefitsV2.js";export{ClubMembership}from"./ClubMembership.js";export{Ellipsis}from"./Ellipsis.js";export{EllipsisHorizontal}from"./EllipsisHorizontal.js";export{Filters}from"./Filters.js";export{FiltersV2}from"./FiltersV2.js";export{Hamburger}from"./Hamburger.js";export{Home}from"./Home.js";export{HomeSolid}from"./HomeSolid.js";export{Loading}from"./Loading.js";export{Lock}from"./Lock.js";export{LockSolid}from"./LockSolid.js";export{MapMarker}from"./MapMarker.js";export{MapSolid}from"./MapSolid.js";export{MenuLines}from"./MenuLines.js";export{Search}from"./Search.js";export{Shaperbox}from"./Shaperbox.js";export{ShoppingBag}from"./ShoppingBag.js";export{ShoppingBagV2}from"./ShoppingBagV2.js";export{ShoppingBagV3}from"./ShoppingBagV3.js";export{ShoppingBagV4}from"./ShoppingBagV4.js";export{ShoppingCart}from"./ShoppingCart.js";export{ShoppingCartV2}from"./ShoppingCartV2.js";export{SlideDot}from"./SlideDot.js";export{SlideDotSolid}from"./SlideDotSolid.js";export{User}from"./User.js";export{UserSolid}from"./UserSolid.js";export{UserV2}from"./UserV2.js";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__makeTemplateObject as n}from"tslib";import t from"@emotion/styled";import"@emotion/react/jsx-runtime";import"react/jsx-runtime";import"../../../core/theme/Theme.js";import"../../../types/enums.js";import"../../cta/styled.js";import e from"../../cta/secondary/ButtonSecondaryOutline.js";import{Text as i}from"../../text/Text.js";var p=t.div(c||(c=n(["\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n"],["\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n"]))),r=t.div(g||(g=n(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n width: 100%;\n margin-top: 12px;\n
|
|
1
|
+
import{__makeTemplateObject as n}from"tslib";import t from"@emotion/styled";import"@emotion/react/jsx-runtime";import"react/jsx-runtime";import"../../../core/theme/Theme.js";import"../../../types/enums.js";import"../../cta/styled.js";import e from"../../cta/secondary/ButtonSecondaryOutline.js";import{Text as i}from"../../text/Text.js";var p=t.div(c||(c=n(["\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n"],["\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n"]))),r=t.div(g||(g=n(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n width: 100%;\n margin-top: 12px;\n"],["\n display: flex;\n flex-direction: column;\n gap: 10px;\n width: 100%;\n margin-top: 12px;\n"]))),o=t.div(f||(f=n(["\n display: flex;\n flex-direction: row;\n gap: 4px;\n align-items: center;\n"],["\n display: flex;\n flex-direction: row;\n gap: 4px;\n align-items: center;\n"]))),a=t.div(h||(h=n(["\n width: 137px auto;\n height: 18px;\n padding: 2px 6px 2px 6px;\n gap: 2px;\n border-radius: 4px 4px 0px 0px;\n background-color: ",";\n color: white;\n font-size: 10px;\n font-weight: 700;\n line-height: 14px;\n letter-spacing: 0.04em;\n text-align: center;\n text-transform: uppercase;\n"],["\n width: 137px auto;\n height: 18px;\n padding: 2px 6px 2px 6px;\n gap: 2px;\n border-radius: 4px 4px 0px 0px;\n background-color: ",";\n color: white;\n font-size: 10px;\n font-weight: 700;\n line-height: 14px;\n letter-spacing: 0.04em;\n text-align: center;\n text-transform: uppercase;\n"])),(function(n){var t=n.backgroundColor;return null!=t?t:"#c64844"})),x=t.div(u||(u=n(["\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 8px 8px;\n"],["\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 8px 8px;\n"]))),l=t.div(w||(w=n(["\n width: 100%;\n margin-top: 16px;\n"],["\n width: 100%;\n margin-top: 16px;\n"])));t.div(y||(y=n(["\n width: 100%;\n align-items: flex-start;\n justify-content: flex-start;\n margin-top: 8px;\n margin-bottom: 10px;\n"],["\n width: 100%;\n align-items: flex-start;\n justify-content: flex-start;\n margin-top: 8px;\n margin-bottom: 10px;\n"])));var s=t.a(z||(z=n(["\n width: 100%;\n font-size: 14px;\n font-weight: 600;\n line-height: 22px;\n text-align: center;\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n height: 27px;\n text-decoration: underline;\n color: #292929;\n"],["\n width: 100%;\n font-size: 14px;\n font-weight: 600;\n line-height: 22px;\n text-align: center;\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n height: 27px;\n text-decoration: underline;\n color: #292929;\n"]))),m=t(i)(j||(j=n(["\n font-size: 12px !important;\n font-weight: 600;\n line-height: 14px;\n letter-spacing: -0.02em;\n text-align: left;\n text-transform: uppercase;\n\n @media screen and (max-width: 375px) {\n font-size: 10px !important;\n }\n"],["\n font-size: 12px !important;\n font-weight: 600;\n line-height: 14px;\n letter-spacing: -0.02em;\n text-align: left;\n text-transform: uppercase;\n\n @media screen and (max-width: 375px) {\n font-size: 10px !important;\n }\n"]))),d=t(i)(v||(v=n(["\n font-size: 12px !important;\n font-weight: 400;\n line-height: 14px;\n letter-spacing: -0.02em;\n text-align: left;\n @media screen and (max-width: 375px) {\n font-size: 9px !important;\n }\n"],["\n font-size: 12px !important;\n font-weight: 400;\n line-height: 14px;\n letter-spacing: -0.02em;\n text-align: left;\n @media screen and (max-width: 375px) {\n font-size: 9px !important;\n }\n"])));t.div(b||(b=n(["\n text-decoration: underline !important;\n"],["\n text-decoration: underline !important;\n"])));var c,g,f,h,u,w,y,z,j,v,b,k,T,B=t(e)(k||(k=n(["\n font-size: 14px !important;\n font-weight: 600;\n line-height: 22px;\n text-align: center;\n text-transform: capitalize !important;\n\n @media screen and (max-width: 375px) {\n font-size: 12px !important;\n }\n"],["\n font-size: 14px !important;\n font-weight: 600;\n line-height: 22px;\n text-align: center;\n text-transform: capitalize !important;\n\n @media screen and (max-width: 375px) {\n font-size: 12px !important;\n }\n"]))),C=t.div(T||(T=n(["\n color: #292929;\n font-size: 10px;\n font-style: normal;\n font-weight: 400;\n line-height: 14px;\n letter-spacing: -0.1px;\n width: 100%;\n display: flex;\n justify-content: center;\n"],["\n color: #292929;\n font-size: 10px;\n font-style: normal;\n font-weight: 400;\n line-height: 14px;\n letter-spacing: -0.1px;\n width: 100%;\n display: flex;\n justify-content: center;\n"])));export{r as BodyContainer,C as BottomCopyWrapper,B as BtnOutlineWrapper,p as Container,o as DescriptionWrapper,x as GridContainer,d as LabelSubTextWrapper,m as LabelTextWrapper,l as OutLineButtonContainer,s as SaveLessLinkButton,a as TitleWrapper};
|
|
2
2
|
//# sourceMappingURL=Card.styled.js.map
|
|
@@ -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
|
@@ -185,7 +185,7 @@ declare type Download$1 = 'download/apple_store' | 'download/google_play';
|
|
|
185
185
|
declare type Emoji$1 = 'emoji/blowing_kiss' | 'emoji/frowning' | 'emoji/grinning' | 'emoji/grinning_with_sweat' | 'emoji/relieved' | 'emoji/smiling_v2' | 'emoji/smiling_v3' | 'emoji/thinking';
|
|
186
186
|
declare type Messaging$1 = 'messaging/ada_chat' | 'messaging/comment' | 'messaging/comment_dots' | 'messaging/comment_light' | 'messaging/comment_money' | 'messaging/community' | 'messaging/light' | 'messaging/light_bulb' | 'messaging/light_bulb_solid' | 'messaging/mail' | 'messaging/messenger' | 'messaging/question_circle' | 'messaging/quote_left' | 'messaging/quote_right' | 'messaging/quote_solid_left' | 'messaging/quote_solid_right' | 'messaging/question_circle_light';
|
|
187
187
|
declare type MyAccount$1 = 'myaccount/birthday_gifts' | 'myaccount/community' | 'myaccount/deals_offers' | 'myaccount/free_returns' | 'myaccount/free_shipping' | 'myaccount/guard' | 'myaccount/members_only_discount' | 'myaccount/members_only_discount_opposite' | 'myaccount/personal_stylist' | 'myaccount/priority_shipping' | 'myaccount/profile' | 'myaccount/place_image' | 'myaccount/sale_tag' | 'myaccount/style_fashion_content' | 'myaccount/cart' | 'myaccount/vip' | 'myaccount/calendar' | 'myaccount/skin_type' | 'myaccount/magnify' | 'myaccount/beauty_products' | 'myaccount/email' | 'myaccount/contact';
|
|
188
|
-
declare type Navigation$1 = 'navigation/address_information' | 'navigation/benefits' | 'navigation/club_membership' | 'navigation/ellipsis' | 'navigation/ellipsis_horizontal' | 'navigation/filters' | 'navigation/hamburger' | 'navigation/home' | 'navigation/home_solid' | 'navigation/loading' | 'navigation/lock' | 'navigation/lock_solid' | 'navigation/map_marker' | 'navigation/map_marker_light' | 'navigation/map_solid' | 'navigation/menu_lines' | 'navigation/search' | 'navigation/shaperbox' | 'navigation/shopping_bag' | 'navigation/shopping_bag_v2' | 'navigation/shopping_bag_v3' | 'navigation/shopping_bag_v4' | 'navigation/shopping_cart' | 'navigation/shopping_cart_v2' | 'navigation/slide_dot' | 'navigation/slide_dot_solid' | 'navigation/user' | 'navigation/address_information_light' | 'navigation/user_solid' | 'navigation/user_v2' | 'navigation/filters_v2' | 'navigation/gift';
|
|
188
|
+
declare type Navigation$1 = 'navigation/address_information' | 'navigation/benefits' | 'navigation/benefits_v2' | 'navigation/club_membership' | 'navigation/ellipsis' | 'navigation/ellipsis_horizontal' | 'navigation/filters' | 'navigation/hamburger' | 'navigation/home' | 'navigation/home_solid' | 'navigation/loading' | 'navigation/lock' | 'navigation/lock_solid' | 'navigation/map_marker' | 'navigation/map_marker_light' | 'navigation/map_solid' | 'navigation/menu_lines' | 'navigation/search' | 'navigation/shaperbox' | 'navigation/shopping_bag' | 'navigation/shopping_bag_v2' | 'navigation/shopping_bag_v3' | 'navigation/shopping_bag_v4' | 'navigation/shopping_cart' | 'navigation/shopping_cart_v2' | 'navigation/slide_dot' | 'navigation/slide_dot_solid' | 'navigation/user' | 'navigation/address_information_light' | 'navigation/user_solid' | 'navigation/user_v2' | 'navigation/filters_v2' | 'navigation/gift';
|
|
189
189
|
declare type Other$1 = 'other/bod_con_label' | 'other/bod_con_mobile_label' | 'other/call_us' | 'other/chat' | 'other/email' | 'other/express_shipping' | 'other/fit_guarantee' | 'other/fit_predictor' | 'other/free_exchange' | 'other/get_discount' | 'other/hassel_free_returns' | 'other/loading' | 'other/mc_afee' | 'other/megafone' | 'other/play' | 'other/qr_code' | 'other/question_with_circle' | 'other/revel_beauty' | 'other/shapermint' | 'other/shapermint_club_icon' | 'other/shapermint_club_icon2' | 'other/shapermint_club_label' | 'other/shapermint_club_mobile_label' | 'other/shapermint_logo' | 'other/shm_club' | 'other/shop_now' | 'other/sign_form' | 'other/sixty_days_tsd' | 'other/the_bod_con' | 'other/the_spa_dr' | 'other/lock' | 'other/help_center' | 'other/arrow_outward' | 'other/coupons' | 'other/flag_usa' | 'other/flag_canada' | 'other/flag_aus' | 'other/flag_uk' | 'other/flag_nz' | 'other/flag_sg';
|
|
190
190
|
declare type Payment$1 = 'payment/amazon' | 'payment/amex' | 'payment/jcb' | 'payment/klarna' | 'payment/master_card' | 'payment/paypal' | 'payment/visa' | 'payment/payment_methods';
|
|
191
191
|
declare type PDP$1 = 'pdp/circle_number' | 'pdp/clock' | 'pdp/drop' | 'pdp/drop_empty' | 'pdp/error_cross' | 'pdp/flag_usa' | 'pdp/hours' | 'pdp/klarna_logo' | 'pdp/light_bulb' | 'pdp/free_returns_v2' | 'pdp/free_shipping_v2' | 'pdp/loading_trafisizy' | 'pdp/minus' | 'pdp/moon' | 'pdp/tape_measure' | 'pdp/new_clock' | 'pdp/play_mini' | 'pdp/play_video' | 'pdp/plus' | 'pdp/rule' | 'pdp/shipping' | 'pdp/shipping_empty' | 'pdp/size_empty' | 'pdp/size_empty_v2' | 'pdp/size_with_stars' | 'pdp/star' | 'pdp/stars' | 'pdp/star_empty' | 'pdp/star_half' | 'pdp/stopwatch' | 'pdp/drop_v2' | 'pdp/few_drops' | 'pdp/trust_badge' | 'pdp/verified' | 'pdp/wrinkle_free_face' | 'pdp/skin_appearance' | 'pdp/shine_heart' | 'pdp/cruelty_free' | 'pdp/ph_formula' | 'pdp/box' | 'pdp/afterpay_logo' | 'pdp/trustpilot_star' | 'pdp/trustpilot_half_star';
|
|
@@ -826,6 +826,8 @@ declare const AddressInformation: IconComponent;
|
|
|
826
826
|
|
|
827
827
|
declare const Benefits: IconComponent;
|
|
828
828
|
|
|
829
|
+
declare const BenefitsV2: IconComponent;
|
|
830
|
+
|
|
829
831
|
declare const ClubMembership: IconComponent;
|
|
830
832
|
|
|
831
833
|
declare const Ellipsis: IconComponent;
|
|
@@ -882,6 +884,7 @@ declare const UserV2: IconComponent;
|
|
|
882
884
|
|
|
883
885
|
declare const Navigation_AddressInformation: typeof AddressInformation;
|
|
884
886
|
declare const Navigation_Benefits: typeof Benefits;
|
|
887
|
+
declare const Navigation_BenefitsV2: typeof BenefitsV2;
|
|
885
888
|
declare const Navigation_ClubMembership: typeof ClubMembership;
|
|
886
889
|
declare const Navigation_Ellipsis: typeof Ellipsis;
|
|
887
890
|
declare const Navigation_EllipsisHorizontal: typeof EllipsisHorizontal;
|
|
@@ -910,6 +913,7 @@ declare namespace Navigation {
|
|
|
910
913
|
export {
|
|
911
914
|
Navigation_AddressInformation as AddressInformation,
|
|
912
915
|
Navigation_Benefits as Benefits,
|
|
916
|
+
Navigation_BenefitsV2 as BenefitsV2,
|
|
913
917
|
Navigation_ClubMembership as ClubMembership,
|
|
914
918
|
Navigation_Ellipsis as Ellipsis,
|
|
915
919
|
Navigation_EllipsisHorizontal as EllipsisHorizontal,
|
|
@@ -1615,6 +1619,79 @@ declare type ThemeColorPrimaryPallete = ThemeColorPallete & {
|
|
|
1615
1619
|
80: ThemeColorPallete;
|
|
1616
1620
|
100?: ThemeColorPallete;
|
|
1617
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
|
+
};
|
|
1618
1695
|
declare type ThemeColors = {
|
|
1619
1696
|
pallete: {
|
|
1620
1697
|
primary: ThemeColorPrimaryPallete;
|
|
@@ -1671,6 +1748,8 @@ declare type ThemeColors = {
|
|
|
1671
1748
|
color: string;
|
|
1672
1749
|
disabled: string;
|
|
1673
1750
|
};
|
|
1751
|
+
primitive?: ThemeColorPrimitive;
|
|
1752
|
+
semanticTokens?: ThemeColorSemantic;
|
|
1674
1753
|
};
|
|
1675
1754
|
declare type ThemeComponent = {
|
|
1676
1755
|
button: {
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime");require("../../atoms/PriceLabel/PriceLabel.js"),require("../../atoms/PriceLabelV2/PriceLabelV2.js"),require("../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js"),require("../../atoms/HorizontalDivider/HorizontalDivider.js");var i=require("../../atoms/Icon/Icon.js");require("../../atoms/Image/Image.js"),require("react"),require("../../atoms/Toggle/toggle.styled.js");exports.BenefitsV2=function(s){return r.jsx(i.Icon,e.__assign({},s,{name:"navigation/benefits_v2"}),void 0)};
|
|
2
|
+
//# sourceMappingURL=BenefitsV2.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BenefitsV2.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./AddressInformation.js"),r=require("./Benefits.js"),i=require("./
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./AddressInformation.js"),r=require("./Benefits.js"),i=require("./BenefitsV2.js"),s=require("./ClubMembership.js"),o=require("./Ellipsis.js"),p=require("./EllipsisHorizontal.js"),t=require("./Filters.js"),a=require("./FiltersV2.js"),l=require("./Hamburger.js"),S=require("./Home.js"),n=require("./HomeSolid.js"),u=require("./Loading.js"),g=require("./Lock.js"),x=require("./LockSolid.js"),d=require("./MapMarker.js"),j=require("./MapSolid.js"),q=require("./MenuLines.js"),h=require("./Search.js"),V=require("./Shaperbox.js"),B=require("./ShoppingBag.js"),M=require("./ShoppingBagV2.js"),m=require("./ShoppingBagV3.js"),b=require("./ShoppingBagV4.js"),H=require("./ShoppingCart.js"),L=require("./ShoppingCartV2.js"),c=require("./SlideDot.js"),f=require("./SlideDotSolid.js"),k=require("./User.js"),C=require("./UserSolid.js"),U=require("./UserV2.js");exports.AddressInformation=e.AddressInformation,exports.Benefits=r.Benefits,exports.BenefitsV2=i.BenefitsV2,exports.ClubMembership=s.ClubMembership,exports.Ellipsis=o.Ellipsis,exports.EllipsisHorizontal=p.EllipsisHorizontal,exports.Filters=t.Filters,exports.FiltersV2=a.FiltersV2,exports.Hamburger=l.Hamburger,exports.Home=S.Home,exports.HomeSolid=n.HomeSolid,exports.Loading=u.Loading,exports.Lock=g.Lock,exports.LockSolid=x.LockSolid,exports.MapMarker=d.MapMarker,exports.MapSolid=j.MapSolid,exports.MenuLines=q.MenuLines,exports.Search=h.Search,exports.Shaperbox=V.Shaperbox,exports.ShoppingBag=B.ShoppingBag,exports.ShoppingBagV2=M.ShoppingBagV2,exports.ShoppingBagV3=m.ShoppingBagV3,exports.ShoppingBagV4=b.ShoppingBagV4,exports.ShoppingCart=H.ShoppingCart,exports.ShoppingCartV2=L.ShoppingCartV2,exports.SlideDot=c.SlideDot,exports.SlideDotSolid=f.SlideDotSolid,exports.User=k.User,exports.UserSolid=C.UserSolid,exports.UserV2=U.UserV2;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("tslib"),e=require("@emotion/styled");require("@emotion/react/jsx-runtime"),require("react/jsx-runtime"),require("../../../core/theme/Theme.js"),require("../../../types/enums.js"),require("../../cta/styled.js");var t=require("../../cta/secondary/ButtonSecondaryOutline.js"),i=require("../../text/Text.js");function a(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var r=a(e),p=r.default.div(g||(g=n.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n"],["\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n"]))),o=r.default.div(u||(u=n.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n width: 100%;\n margin-top: 12px;\n
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("tslib"),e=require("@emotion/styled");require("@emotion/react/jsx-runtime"),require("react/jsx-runtime"),require("../../../core/theme/Theme.js"),require("../../../types/enums.js"),require("../../cta/styled.js");var t=require("../../cta/secondary/ButtonSecondaryOutline.js"),i=require("../../text/Text.js");function a(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var r=a(e),p=r.default.div(g||(g=n.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n"],["\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n"]))),o=r.default.div(u||(u=n.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n width: 100%;\n margin-top: 12px;\n"],["\n display: flex;\n flex-direction: column;\n gap: 10px;\n width: 100%;\n margin-top: 12px;\n"]))),x=r.default.div(h||(h=n.__makeTemplateObject(["\n display: flex;\n flex-direction: row;\n gap: 4px;\n align-items: center;\n"],["\n display: flex;\n flex-direction: row;\n gap: 4px;\n align-items: center;\n"]))),l=r.default.div(w||(w=n.__makeTemplateObject(["\n width: 137px auto;\n height: 18px;\n padding: 2px 6px 2px 6px;\n gap: 2px;\n border-radius: 4px 4px 0px 0px;\n background-color: ",";\n color: white;\n font-size: 10px;\n font-weight: 700;\n line-height: 14px;\n letter-spacing: 0.04em;\n text-align: center;\n text-transform: uppercase;\n"],["\n width: 137px auto;\n height: 18px;\n padding: 2px 6px 2px 6px;\n gap: 2px;\n border-radius: 4px 4px 0px 0px;\n background-color: ",";\n color: white;\n font-size: 10px;\n font-weight: 700;\n line-height: 14px;\n letter-spacing: 0.04em;\n text-align: center;\n text-transform: uppercase;\n"])),(function(n){var e=n.backgroundColor;return null!=e?e:"#c64844"})),s=r.default.div(y||(y=n.__makeTemplateObject(["\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 8px 8px;\n"],["\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 8px 8px;\n"]))),d=r.default.div(j||(j=n.__makeTemplateObject(["\n width: 100%;\n margin-top: 16px;\n"],["\n width: 100%;\n margin-top: 16px;\n"])));r.default.div(_||(_=n.__makeTemplateObject(["\n width: 100%;\n align-items: flex-start;\n justify-content: flex-start;\n margin-top: 8px;\n margin-bottom: 10px;\n"],["\n width: 100%;\n align-items: flex-start;\n justify-content: flex-start;\n margin-top: 8px;\n margin-bottom: 10px;\n"])));var m=r.default.a(b||(b=n.__makeTemplateObject(["\n width: 100%;\n font-size: 14px;\n font-weight: 600;\n line-height: 22px;\n text-align: center;\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n height: 27px;\n text-decoration: underline;\n color: #292929;\n"],["\n width: 100%;\n font-size: 14px;\n font-weight: 600;\n line-height: 22px;\n text-align: center;\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n height: 27px;\n text-decoration: underline;\n color: #292929;\n"]))),c=r.default(i.Text)(z||(z=n.__makeTemplateObject(["\n font-size: 12px !important;\n font-weight: 600;\n line-height: 14px;\n letter-spacing: -0.02em;\n text-align: left;\n text-transform: uppercase;\n\n @media screen and (max-width: 375px) {\n font-size: 10px !important;\n }\n"],["\n font-size: 12px !important;\n font-weight: 600;\n line-height: 14px;\n letter-spacing: -0.02em;\n text-align: left;\n text-transform: uppercase;\n\n @media screen and (max-width: 375px) {\n font-size: 10px !important;\n }\n"]))),f=r.default(i.Text)(T||(T=n.__makeTemplateObject(["\n font-size: 12px !important;\n font-weight: 400;\n line-height: 14px;\n letter-spacing: -0.02em;\n text-align: left;\n @media screen and (max-width: 375px) {\n font-size: 9px !important;\n }\n"],["\n font-size: 12px !important;\n font-weight: 400;\n line-height: 14px;\n letter-spacing: -0.02em;\n text-align: left;\n @media screen and (max-width: 375px) {\n font-size: 9px !important;\n }\n"])));r.default.div(k||(k=n.__makeTemplateObject(["\n text-decoration: underline !important;\n"],["\n text-decoration: underline !important;\n"])));var g,u,h,w,y,j,_,b,z,T,k,v,O,q=r.default(t)(v||(v=n.__makeTemplateObject(["\n font-size: 14px !important;\n font-weight: 600;\n line-height: 22px;\n text-align: center;\n text-transform: capitalize !important;\n\n @media screen and (max-width: 375px) {\n font-size: 12px !important;\n }\n"],["\n font-size: 14px !important;\n font-weight: 600;\n line-height: 22px;\n text-align: center;\n text-transform: capitalize !important;\n\n @media screen and (max-width: 375px) {\n font-size: 12px !important;\n }\n"]))),B=r.default.div(O||(O=n.__makeTemplateObject(["\n color: #292929;\n font-size: 10px;\n font-style: normal;\n font-weight: 400;\n line-height: 14px;\n letter-spacing: -0.1px;\n width: 100%;\n display: flex;\n justify-content: center;\n"],["\n color: #292929;\n font-size: 10px;\n font-style: normal;\n font-weight: 400;\n line-height: 14px;\n letter-spacing: -0.1px;\n width: 100%;\n display: flex;\n justify-content: center;\n"])));exports.BodyContainer=o,exports.BottomCopyWrapper=B,exports.BtnOutlineWrapper=q,exports.Container=p,exports.DescriptionWrapper=x,exports.GridContainer=s,exports.LabelSubTextWrapper=f,exports.LabelTextWrapper=c,exports.OutLineButtonContainer=d,exports.SaveLessLinkButton=m,exports.TitleWrapper=l;
|
|
2
2
|
//# sourceMappingURL=Card.styled.js.map
|
|
@@ -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