@trafilea/afrodita-components 7.25.1 → 7.25.2

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.
@@ -1,2 +1,2 @@
1
- import{__assign as e}from"tslib";import{jsx as i}from"react/jsx-runtime";import{useState as t}from"react";import{ComponentSize as o}from"../../../types/enums.js";import{ClubRadioInput as a}from"../clubRadioInput/clubRadio.js";var r=function(r){var n=r.style,d=r.name,u=r.options,l=void 0===u?[]:u,m=r.value,s=r.onChange,v=r.size,c=void 0===v?o.Medium:v,p=r.disabled,f=void 0!==p&&p,b=t(m),h=b[0],g=b[1];return i("div",e({"data-testid":"group-container"},{children:l.map((function(e,t){return i(a,{id:"".concat(t),name:d,value:e.value,label:e.label,onChange:function(e){return g(i=e),void s(i);var i},checked:e.value===(null==h?void 0:h.value),size:c,disabled:f,"data-testid":"input",style:n},t)}))}),void 0)};export{r as ClubRadioGroupInput};
1
+ import{__assign as e}from"tslib";import{jsx as i}from"react/jsx-runtime";import{useState as o}from"react";import{ComponentSize as t}from"../../../types/enums.js";import{ClubRadioInput as a}from"../clubRadioInput/clubRadio.js";var n=function(n){var r=n.style,d=n.name,l=n.options,u=void 0===l?[]:l,v=n.value,m=n.onChange,c=n.size,s=void 0===c?t.Medium:c,p=n.disabled,f=void 0!==p&&p,b=o(v),h=b[0],g=b[1];return i("div",e({"data-testid":"group-container"},{children:u.map((function(e,o){var t;return i(a,{id:"".concat(o),name:d,value:e.value,label:e.label,onChange:function(e){return g(i=e),void m(i);var i},checked:e.value===(null==h?void 0:h.value),size:s,disabled:f,"data-testid":"input",style:r},null!==(t=e.value)&&void 0!==t?t:"".concat(o))}))}),void 0)};export{n as ClubRadioGroupInput};
2
2
  //# sourceMappingURL=clubGroup.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{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};
1
+ import{__makeTemplateObject as e}from"tslib";import{jsx as i}from"react/jsx-runtime";import n from"@emotion/styled";import{RadioInput as o}from"../input/radio.js";import{ComponentSize as t}from"../../../types/enums.js";var d,a=n.div(d||(d=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"]))),r=function(e){var n=e.style,d=e.name,r=e.value,l=e.id,m=e.label,s=e.checked,p=void 0!==s&&s,c=e.disabled,v=void 0!==c&&c,b=e.onChange,u=e.size,f=void 0===u?t.Medium:u;return i(a,{children:i(o,{style:n,name:d,value:r,id:l,label:m,checked:p,disabled:v,onChange:b,size:f,variant:"club",labelAriaChecked:p},void 0)},void 0)};export{r as ClubRadioInput};
2
2
  //# sourceMappingURL=clubRadio.js.map
@@ -1,2 +1,2 @@
1
- import{__assign as e}from"tslib";import{jsxs as t,jsx as i}from"react/jsx-runtime";import{useTheme as a}from"../../../core/theme/Theme.js";import{ComponentSize as o}from"../../../types/enums.js";import{Wrapper as r,Input as l,CustomRadio as d,StyledLabelV2 as n,StyledLabel as c,HorizontalContainer as s,Container as m}from"./styles.js";var v=function(v){var h=v.style,u=v.name,b=v.value,y=v.id,f=v.label,p=v.checked,z=void 0!==p&&p,g=v.disabled,j=void 0!==g&&g,k=v.onChange,C=v.size,x=void 0===C?o.Medium:C,F=v.useV2Style,S=void 0!==F&&F,T=v.labelStyle,M=v.icon,V=v.horizontal,$=void 0!==V&&V,q=a();return t(r,e({"aria-orientation":$?"horizontal":"vertical",$horizontal:$},{children:[t($?s:m,e({theme:q,size:x,style:h,"data-testid":"container"},{children:[i(l,{id:"".concat(u,"-").concat(y),type:"radio",name:u,value:b,checked:z,onChange:function(e){return j?null:function(e,t){var i=e.currentTarget.value;k({value:i,label:t})}(e,f)},disabled:j,style:h},void 0),i(d,{size:x,isChecked:z,disabled:j,theme:q,"data-testid":"custom-radio",style:h},void 0)]}),void 0),S?t(n,e({htmlFor:"".concat(u,"-").concat(y),"data-testid":"label",variant:"regular",size:x,disabled:j,style:T},{children:[M," ",f]}),void 0):i(c,e({htmlFor:"".concat(u,"-").concat(y),"data-testid":"label",variant:"regular",size:x,disabled:j},{children:f}),void 0)]}),void 0)};export{v as RadioInput};
1
+ import{__assign as e}from"tslib";import{jsxs as a,jsx as i}from"react/jsx-runtime";import{useTheme as t}from"../../../core/theme/Theme.js";import{ComponentSize as o}from"../../../types/enums.js";import{Wrapper as r,Input as d,CustomRadio as l,StyledLabelV2 as n,StyledLabel as c,HorizontalContainer as s,Container as v}from"./styles.js";var m=function(m){var h=m.style,u=m.name,b=m.value,y=m.id,f=m.label,p=m.checked,z=void 0!==p&&p,k=m.disabled,g=void 0!==k&&k,j=m.onChange,C=m.size,x=void 0===C?o.Medium:C,F=m.useV2Style,S=void 0!==F&&F,T=m.labelStyle,A=m.icon,M=m.horizontal,V=void 0!==M&&M,$=m.variant,q=void 0===$?"default":$,w=m.labelAriaChecked,B=t();return a(r,e({"aria-orientation":V?"horizontal":"vertical",$horizontal:V},{children:[a(V?s:v,e({theme:B,size:x,style:h,"data-testid":"container"},{children:[i(d,{id:"".concat(u,"-").concat(y),type:"radio",name:u,value:b,checked:z,onChange:function(e){return g?null:function(e,a){var i=e.currentTarget.value;j({value:i,label:a})}(e,f)},disabled:g,style:h},void 0),i(l,{size:x,isChecked:z,disabled:g,theme:B,variant:q,"data-testid":"custom-radio",style:h},void 0)]}),void 0),S?a(n,e({htmlFor:"".concat(u,"-").concat(y),"data-testid":"label",variant:"regular",size:x,disabled:g,style:T,"aria-checked":w},{children:[A," ",f]}),void 0):i(c,e({htmlFor:"".concat(u,"-").concat(y),"data-testid":"label",variant:"regular",size:x,disabled:g,"aria-checked":w},{children:f}),void 0)]}),void 0)};export{m as RadioInput};
2
2
  //# sourceMappingURL=radio.js.map
@@ -1,2 +1,2 @@
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};
1
+ import{__assign as e,__makeTemplateObject as o}from"tslib";import{css as n}from"@emotion/react";import i from"../../shared/label/label.js";import"@emotion/cache";import t from"@emotion/styled";var r,a,d,l={baseStyles:function(e,o,i,t){var r=e.component.radio.borderColor;return"club"===i?r=t?"var(--colors-pallete-wine-color)":e.component.radio.borderColor:o&&(r=e.colors.border.disabled),n({borderRadius:"50%",height:"100%",width:"100%",boxSizing:"border-box",borderStyle:"solid",background:e.component.radio.background,borderColor:r})},small:function(e,o){return n({borderWidth:o?e.component.radio.size.small.active.borderWidth:e.component.radio.size.small.borderWidth})},medium:function(e,o){return n({borderWidth:o?e.component.radio.size.medium.active.borderWidth:e.component.radio.size.medium.borderWidth})},large:function(e,o){return n({borderWidth:o?e.component.radio.size.large.active.borderWidth:e.component.radio.size.large.borderWidth})}},m={baseStyles:n({position:"relative"}),small:function(e){return n({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 n({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 n({height:e.component.radio.size.large.height,width:e.component.radio.size.large.height,marginRight:e.component.radio.size.large.margin})}},s=t.div((function(){return{display:"flex",alignItems:"center"}})),c=t.div(e({},m.baseStyles),(function(e){return[m[e.size](e.theme)]})),h=t(c)({alignSelf:"center"}),u=t.input(r||(r=o(["\n position: absolute;\n opacity: 0;\n cursor: ",";\n height: 100%;\n width: 100%;\n margin: 0;\n &:focus-visible + div {\n outline: 0.125rem solid var(--colors-pallete-secondary-color);\n outline-offset: 0.125rem;\n }\n"],["\n position: absolute;\n opacity: 0;\n cursor: ",";\n height: 100%;\n width: 100%;\n margin: 0;\n &:focus-visible + div {\n outline: 0.125rem solid var(--colors-pallete-secondary-color);\n outline-offset: 0.125rem;\n }\n"])),(function(e){return e.disabled?"not-allowed":"pointer"})),p=t.div([function(e){return l.baseStyles(e.theme,e.disabled,e.variant,e.isChecked)},function(e){return l[e.size](e.theme,e.isChecked)}]),g=t(i)(a||(a=o(["\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(i)(d||(d=o(["\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{c as Container,m as ContainerStyles,p as CustomRadio,l as CustomRadioStyles,h as HorizontalContainer,u as Input,g as StyledLabel,b as StyledLabelV2,s as Wrapper};
2
2
  //# sourceMappingURL=styles.js.map
@@ -1,2 +1,2 @@
1
- import{__makeTemplateObject as n}from"tslib";import o from"@emotion/styled";import"../../../../utils/constants/offerAtCart.js";import{mediaQueries as t}from"../../../../utils/media.js";import"../../../../utils/mock-content/CancellationFlowAccordion.js";var r,e=o.button(r||(r=n(["\n position: absolute;\n right: 1rem;\n background: white;\n border: none;\n align-self: center;\n padding: 0;\n ","\n"],["\n position: absolute;\n right: 1rem;\n background: white;\n border: none;\n align-self: center;\n padding: 0;\n ","\n"])),t({right:["1rem","7.75rem"],top:["0.75rem","0.75rem"]}));export{e as Button};
1
+ import{__makeTemplateObject as n}from"tslib";import e from"@emotion/styled";var i,r=e.button(i||(i=n(["\n position: absolute;\n right: 1rem;\n background: white;\n border: none;\n align-self: center;\n padding: 0;\n top: 0.75rem;\n @media (min-width: 640px) {\n right: 7.75rem;\n }\n"],["\n position: absolute;\n right: 1rem;\n background: white;\n border: none;\n align-self: center;\n padding: 0;\n top: 0.75rem;\n @media (min-width: 640px) {\n right: 7.75rem;\n }\n"])));export{r as Button};
2
2
  //# sourceMappingURL=styled.js.map
@@ -1,2 +1,2 @@
1
- import{__makeTemplateObject as n}from"tslib";import o from"@emotion/styled";import"../../../../utils/constants/offerAtCart.js";import{mediaQueries as r}from"../../../../utils/media.js";import"../../../../utils/mock-content/CancellationFlowAccordion.js";var e,i,t,d=o.ul({margin:"0px",padding:"0px"}),s=o.li(e||(e=n(["\n width: 100%;\n cursor: pointer;\n list-style-type: none;\n box-sizing: border-box;\n &:hover {\n background-color: ",";\n }\n ","\n"],["\n width: 100%;\n cursor: pointer;\n list-style-type: none;\n box-sizing: border-box;\n &:hover {\n background-color: ",";\n }\n ","\n"])),(function(n){return n.theme.colors.shades[100].color}),r({padding:[0,"0rem 1rem"],borderRadius:[0,"0.5rem"]})),a=o.a({width:"100%",border:"none",background:"transparent",cursor:"pointer",padding:0,textDecoration:"none"}),l=o.div(i||(i=n(["\n display: flex;\n flex-direction: column;\n margin: 0rem;\n padding: 0rem;\n position: absolute;\n width: 100%;\n background-color: white;\n box-sizing: border-box;\n z-index: 2;\n ","\n"],["\n display: flex;\n flex-direction: column;\n margin: 0rem;\n padding: 0rem;\n position: absolute;\n width: 100%;\n background-color: white;\n box-sizing: border-box;\n z-index: 2;\n ","\n"])),r({border:["none","0.063rem solid var(--colors-pallete-secondary-color)"],marginTop:["1.25rem","0.125rem"],borderRadius:["0","0.5rem"]})),m=o.div(t||(t=n(["\n ","\n"],["\n ","\n"])),r({margin:["0rem 0rem 1rem 0rem","1rem"]}));export{a as Anchor,l as Container,m as Header,s as OptionItem,d as OptionsList};
1
+ import{__makeTemplateObject as n}from"tslib";import o from"@emotion/styled";import"../../../../utils/constants/offerAtCart.js";import{mediaQueries as r}from"../../../../utils/media.js";import"../../../../utils/mock-content/CancellationFlowAccordion.js";var e,i,t,d=o.ul({margin:"0px",padding:"0px"}),l=o.li(e||(e=n(["\n width: 100%;\n cursor: pointer;\n list-style-type: none;\n box-sizing: border-box;\n &:hover {\n background-color: ",";\n }\n ","\n"],["\n width: 100%;\n cursor: pointer;\n list-style-type: none;\n box-sizing: border-box;\n &:hover {\n background-color: ",";\n }\n ","\n"])),(function(n){return n.theme.colors.shades[100].color}),r({padding:[0,"0rem 1rem"],borderRadius:[0,"0.5rem"]})),s=o.a({display:"block",width:"100%",border:"none",background:"transparent",cursor:"pointer",padding:0,textDecoration:"none",outline:"none","&:focus-visible":{outline:"0.125rem solid var(--colors-pallete-secondary-color)",outlineOffset:"0.125rem"}}),a=o.div(i||(i=n(["\n display: flex;\n flex-direction: column;\n margin: 0rem;\n padding: 0rem;\n position: absolute;\n width: 100%;\n background-color: white;\n box-sizing: border-box;\n z-index: 2;\n ","\n"],["\n display: flex;\n flex-direction: column;\n margin: 0rem;\n padding: 0rem;\n position: absolute;\n width: 100%;\n background-color: white;\n box-sizing: border-box;\n z-index: 2;\n ","\n"])),r({border:["none","0.063rem solid var(--colors-pallete-secondary-color)"],marginTop:["1.25rem","0.125rem"],borderRadius:["0","0.5rem"]})),m=o.div(t||(t=n(["\n ","\n"],["\n ","\n"])),r({margin:["0rem 0rem 1rem 0rem","1rem"]}));export{s as Anchor,a as Container,m as Header,l as OptionItem,d as OptionsList};
2
2
  //# sourceMappingURL=styled.js.map
package/build/index.d.ts CHANGED
@@ -3890,8 +3890,10 @@ interface RadioProps {
3890
3890
  useV2Style?: boolean;
3891
3891
  icon?: ReactNode;
3892
3892
  horizontal?: boolean;
3893
+ variant?: 'default' | 'club';
3894
+ labelAriaChecked?: boolean;
3893
3895
  }
3894
- declare const RadioInput: ({ style, name, value, id, label, checked, disabled, onChange, size, useV2Style, labelStyle, icon, horizontal, }: RadioProps) => JSX.Element;
3896
+ declare const RadioInput: ({ style, name, value, id, label, checked, disabled, onChange, size, useV2Style, labelStyle, icon, horizontal, variant, labelAriaChecked, }: RadioProps) => JSX.Element;
3895
3897
 
3896
3898
  interface StarListProps {
3897
3899
  rating: number;
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),t=require("react"),u=require("../../../types/enums.js"),a=require("../clubRadioInput/clubRadio.js");exports.ClubRadioGroupInput=function(n){var r=n.style,o=n.name,d=n.options,s=void 0===d?[]:d,l=n.value,v=n.onChange,c=n.size,p=void 0===c?u.ComponentSize.Medium:c,b=n.disabled,m=void 0!==b&&b,j=t.useState(l),q=j[0],x=j[1];return i.jsx("div",e.__assign({"data-testid":"group-container"},{children:s.map((function(e,t){return i.jsx(a.ClubRadioInput,{id:"".concat(t),name:o,value:e.value,label:e.label,onChange:function(e){return x(i=e),void v(i);var i},checked:e.value===(null==q?void 0:q.value),size:p,disabled:m,"data-testid":"input",style:r},t)}))}),void 0)};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),t=require("react"),u=require("../../../types/enums.js"),a=require("../clubRadioInput/clubRadio.js");exports.ClubRadioGroupInput=function(n){var r=n.style,o=n.name,d=n.options,l=void 0===d?[]:d,s=n.value,v=n.onChange,c=n.size,p=void 0===c?u.ComponentSize.Medium:c,b=n.disabled,m=void 0!==b&&b,j=t.useState(s),q=j[0],x=j[1];return i.jsx("div",e.__assign({"data-testid":"group-container"},{children:l.map((function(e,t){var u;return i.jsx(a.ClubRadioInput,{id:"".concat(t),name:o,value:e.value,label:e.label,onChange:function(e){return x(i=e),void v(i);var i},checked:e.value===(null==q?void 0:q.value),size:p,disabled:m,"data-testid":"input",style:r},null!==(u=e.value)&&void 0!==u?u:"".concat(t))}))}),void 0)};
2
2
  //# sourceMappingURL=clubGroup.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("../../../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)};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),n=require("@emotion/styled"),t=require("../input/radio.js"),a=require("../../../types/enums.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r,l=d(n).default.div(r||(r=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"])));exports.ClubRadioInput=function(e){var n=e.style,d=e.name,r=e.value,o=e.id,u=e.label,s=e.checked,c=void 0!==s&&s,p=e.disabled,b=void 0!==p&&p,m=e.onChange,v=e.size,f=void 0===v?a.ComponentSize.Medium:v;return i.jsx(l,{children:i.jsx(t.RadioInput,{style:n,name:d,value:r,id:o,label:u,checked:c,disabled:b,onChange:m,size:f,variant:"club",labelAriaChecked:c},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"),i=require("react/jsx-runtime"),t=require("../../../core/theme/Theme.js"),a=require("../../../types/enums.js"),s=require("./styles.js");exports.RadioInput=function(r){var n=r.style,o=r.name,l=r.value,d=r.id,c=r.label,u=r.checked,v=void 0!==u&&u,h=r.disabled,m=void 0!==h&&h,b=r.onChange,y=r.size,j=void 0===y?a.ComponentSize.Medium:y,p=r.useV2Style,z=void 0!==p&&p,_=r.labelStyle,g=r.icon,x=r.horizontal,C=void 0!==x&&x,q=t.useTheme(),S=C?s.HorizontalContainer:s.Container;return i.jsxs(s.Wrapper,e.__assign({"aria-orientation":C?"horizontal":"vertical",$horizontal:C},{children:[i.jsxs(S,e.__assign({theme:q,size:j,style:n,"data-testid":"container"},{children:[i.jsx(s.Input,{id:"".concat(o,"-").concat(d),type:"radio",name:o,value:l,checked:v,onChange:function(e){return m?null:function(e,i){var t=e.currentTarget.value;b({value:t,label:i})}(e,c)},disabled:m,style:n},void 0),i.jsx(s.CustomRadio,{size:j,isChecked:v,disabled:m,theme:q,"data-testid":"custom-radio",style:n},void 0)]}),void 0),z?i.jsxs(s.StyledLabelV2,e.__assign({htmlFor:"".concat(o,"-").concat(d),"data-testid":"label",variant:"regular",size:j,disabled:m,style:_},{children:[g," ",c]}),void 0):i.jsx(s.StyledLabel,e.__assign({htmlFor:"".concat(o,"-").concat(d),"data-testid":"label",variant:"regular",size:j,disabled:m},{children:c}),void 0)]}),void 0)};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),a=require("react/jsx-runtime"),i=require("../../../core/theme/Theme.js"),t=require("../../../types/enums.js"),r=require("./styles.js");exports.RadioInput=function(s){var n=s.style,d=s.name,l=s.value,o=s.id,c=s.label,u=s.checked,v=void 0!==u&&u,h=s.disabled,b=void 0!==h&&h,m=s.onChange,y=s.size,j=void 0===y?t.ComponentSize.Medium:y,p=s.useV2Style,z=void 0!==p&&p,_=s.labelStyle,g=s.icon,x=s.horizontal,C=void 0!==x&&x,k=s.variant,f=void 0===k?"default":k,q=s.labelAriaChecked,S=i.useTheme(),T=C?r.HorizontalContainer:r.Container;return a.jsxs(r.Wrapper,e.__assign({"aria-orientation":C?"horizontal":"vertical",$horizontal:C},{children:[a.jsxs(T,e.__assign({theme:S,size:j,style:n,"data-testid":"container"},{children:[a.jsx(r.Input,{id:"".concat(d,"-").concat(o),type:"radio",name:d,value:l,checked:v,onChange:function(e){return b?null:function(e,a){var i=e.currentTarget.value;m({value:i,label:a})}(e,c)},disabled:b,style:n},void 0),a.jsx(r.CustomRadio,{size:j,isChecked:v,disabled:b,theme:S,variant:f,"data-testid":"custom-radio",style:n},void 0)]}),void 0),z?a.jsxs(r.StyledLabelV2,e.__assign({htmlFor:"".concat(d,"-").concat(o),"data-testid":"label",variant:"regular",size:j,disabled:b,style:_,"aria-checked":q},{children:[g," ",c]}),void 0):a.jsx(r.StyledLabel,e.__assign({htmlFor:"".concat(d,"-").concat(o),"data-testid":"label",variant:"regular",size:j,disabled:b,"aria-checked":q},{children:c}),void 0)]}),void 0)};
2
2
  //# sourceMappingURL=radio.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([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;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("@emotion/react"),o=require("../../shared/label/label.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("@emotion/cache");var i,r,a,s=n(require("@emotion/styled")),d={baseStyles:function(e,o,n,i){var r=e.component.radio.borderColor;return"club"===n?r=i?"var(--colors-pallete-wine-color)":e.component.radio.borderColor:o&&(r=e.colors.border.disabled),t.css({borderRadius:"50%",height:"100%",width:"100%",boxSizing:"border-box",borderStyle:"solid",background:e.component.radio.background,borderColor:r})},small:function(e,o){return t.css({borderWidth:o?e.component.radio.size.small.active.borderWidth:e.component.radio.size.small.borderWidth})},medium:function(e,o){return t.css({borderWidth:o?e.component.radio.size.medium.active.borderWidth:e.component.radio.size.medium.borderWidth})},large:function(e,o){return t.css({borderWidth:o?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})}},c=s.default.div((function(){return{display:"flex",alignItems:"center"}})),m=s.default.div(e.__assign({},l.baseStyles),(function(e){return[l[e.size](e.theme)]})),u=s.default(m)({alignSelf:"center"}),h=s.default.input(i||(i=e.__makeTemplateObject(["\n position: absolute;\n opacity: 0;\n cursor: ",";\n height: 100%;\n width: 100%;\n margin: 0;\n &:focus-visible + div {\n outline: 0.125rem solid var(--colors-pallete-secondary-color);\n outline-offset: 0.125rem;\n }\n"],["\n position: absolute;\n opacity: 0;\n cursor: ",";\n height: 100%;\n width: 100%;\n margin: 0;\n &:focus-visible + div {\n outline: 0.125rem solid var(--colors-pallete-secondary-color);\n outline-offset: 0.125rem;\n }\n"])),(function(e){return e.disabled?"not-allowed":"pointer"})),p=s.default.div([function(e){return d.baseStyles(e.theme,e.disabled,e.variant,e.isChecked)},function(e){return d[e.size](e.theme,e.isChecked)}]),g=s.default(o)(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(o)(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=m,exports.ContainerStyles=l,exports.CustomRadio=p,exports.CustomRadioStyles=d,exports.HorizontalContainer=u,exports.Input=h,exports.StyledLabel=g,exports.StyledLabelV2=b,exports.Wrapper=c;
2
2
  //# sourceMappingURL=styles.js.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("@emotion/styled");require("../../../../utils/constants/offerAtCart.js");var t=require("../../../../utils/media.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../../../utils/mock-content/CancellationFlowAccordion.js");var i,o=r(n).default.button(i||(i=e.__makeTemplateObject(["\n position: absolute;\n right: 1rem;\n background: white;\n border: none;\n align-self: center;\n padding: 0;\n ","\n"],["\n position: absolute;\n right: 1rem;\n background: white;\n border: none;\n align-self: center;\n padding: 0;\n ","\n"])),t.mediaQueries({right:["1rem","7.75rem"],top:["0.75rem","0.75rem"]}));exports.Button=o;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t,r=n(require("@emotion/styled")).default.button(t||(t=e.__makeTemplateObject(["\n position: absolute;\n right: 1rem;\n background: white;\n border: none;\n align-self: center;\n padding: 0;\n top: 0.75rem;\n @media (min-width: 640px) {\n right: 7.75rem;\n }\n"],["\n position: absolute;\n right: 1rem;\n background: white;\n border: none;\n align-self: center;\n padding: 0;\n top: 0.75rem;\n @media (min-width: 640px) {\n right: 7.75rem;\n }\n"])));exports.Button=r;
2
2
  //# sourceMappingURL=styled.js.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("@emotion/styled");require("../../../../utils/constants/offerAtCart.js");var r=require("../../../../utils/media.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../../../utils/mock-content/CancellationFlowAccordion.js");var i,t,d,a=o(n),s=a.default.ul({margin:"0px",padding:"0px"}),l=a.default.li(i||(i=e.__makeTemplateObject(["\n width: 100%;\n cursor: pointer;\n list-style-type: none;\n box-sizing: border-box;\n &:hover {\n background-color: ",";\n }\n ","\n"],["\n width: 100%;\n cursor: pointer;\n list-style-type: none;\n box-sizing: border-box;\n &:hover {\n background-color: ",";\n }\n ","\n"])),(function(e){return e.theme.colors.shades[100].color}),r.mediaQueries({padding:[0,"0rem 1rem"],borderRadius:[0,"0.5rem"]})),u=a.default.a({width:"100%",border:"none",background:"transparent",cursor:"pointer",padding:0,textDecoration:"none"}),c=a.default.div(t||(t=e.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n margin: 0rem;\n padding: 0rem;\n position: absolute;\n width: 100%;\n background-color: white;\n box-sizing: border-box;\n z-index: 2;\n ","\n"],["\n display: flex;\n flex-direction: column;\n margin: 0rem;\n padding: 0rem;\n position: absolute;\n width: 100%;\n background-color: white;\n box-sizing: border-box;\n z-index: 2;\n ","\n"])),r.mediaQueries({border:["none","0.063rem solid var(--colors-pallete-secondary-color)"],marginTop:["1.25rem","0.125rem"],borderRadius:["0","0.5rem"]})),m=a.default.div(d||(d=e.__makeTemplateObject(["\n ","\n"],["\n ","\n"])),r.mediaQueries({margin:["0rem 0rem 1rem 0rem","1rem"]}));exports.Anchor=u,exports.Container=c,exports.Header=m,exports.OptionItem=l,exports.OptionsList=s;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("@emotion/styled");require("../../../../utils/constants/offerAtCart.js");var r=require("../../../../utils/media.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../../../utils/mock-content/CancellationFlowAccordion.js");var i,t,a,d=o(n),l=d.default.ul({margin:"0px",padding:"0px"}),s=d.default.li(i||(i=e.__makeTemplateObject(["\n width: 100%;\n cursor: pointer;\n list-style-type: none;\n box-sizing: border-box;\n &:hover {\n background-color: ",";\n }\n ","\n"],["\n width: 100%;\n cursor: pointer;\n list-style-type: none;\n box-sizing: border-box;\n &:hover {\n background-color: ",";\n }\n ","\n"])),(function(e){return e.theme.colors.shades[100].color}),r.mediaQueries({padding:[0,"0rem 1rem"],borderRadius:[0,"0.5rem"]})),u=d.default.a({display:"block",width:"100%",border:"none",background:"transparent",cursor:"pointer",padding:0,textDecoration:"none",outline:"none","&:focus-visible":{outline:"0.125rem solid var(--colors-pallete-secondary-color)",outlineOffset:"0.125rem"}}),c=d.default.div(t||(t=e.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n margin: 0rem;\n padding: 0rem;\n position: absolute;\n width: 100%;\n background-color: white;\n box-sizing: border-box;\n z-index: 2;\n ","\n"],["\n display: flex;\n flex-direction: column;\n margin: 0rem;\n padding: 0rem;\n position: absolute;\n width: 100%;\n background-color: white;\n box-sizing: border-box;\n z-index: 2;\n ","\n"])),r.mediaQueries({border:["none","0.063rem solid var(--colors-pallete-secondary-color)"],marginTop:["1.25rem","0.125rem"],borderRadius:["0","0.5rem"]})),m=d.default.div(a||(a=e.__makeTemplateObject(["\n ","\n"],["\n ","\n"])),r.mediaQueries({margin:["0rem 0rem 1rem 0rem","1rem"]}));exports.Anchor=u,exports.Container=c,exports.Header=m,exports.OptionItem=s,exports.OptionsList=l;
2
2
  //# sourceMappingURL=styled.js.map
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "description": "Trafilea's Design System",
4
4
  "author": "Trafilea",
5
5
  "repository": "https://github.com/trafilea/afrodita-components",
6
- "version": "7.25.1",
6
+ "version": "7.25.2",
7
7
  "private": false,
8
8
  "main": "build/lib/index.js",
9
9
  "style": "build/es/index.css",
@@ -1,2 +0,0 @@
1
- import{css as e}from"@emotion/react";var o={baseStyles:function(o,i,r){return e({borderRadius:"50%",height:"100%",width:"100%",boxSizing:"border-box",borderStyle:"solid",background:o.component.radio.background,borderColor:r?"var(--colors-pallete-wine-color)":o.component.radio.borderColor})},small:function(o,i){return e({borderWidth:i?o.component.radio.size.small.active.borderWidth:o.component.radio.size.small.borderWidth})},medium:function(o,i){return e({borderWidth:i?o.component.radio.size.medium.active.borderWidth:o.component.radio.size.medium.borderWidth})},large:function(o,i){return e({borderWidth:i?o.component.radio.size.large.active.borderWidth:o.component.radio.size.large.borderWidth})}},i={baseStyles:e({position:"relative"}),small:function(o){return e({height:o.component.radio.size.small.height,width:o.component.radio.size.small.height,marginRight:o.component.radio.size.small.margin})},medium:function(o){return e({height:o.component.radio.size.medium.height,width:o.component.radio.size.medium.height,marginRight:o.component.radio.size.medium.margin})},large:function(o){return e({height:o.component.radio.size.large.height,width:o.component.radio.size.large.height,marginRight:o.component.radio.size.large.margin})}};export{i as ContainerStyles,o as CustomRadioStyles};
2
- //# sourceMappingURL=styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/react"),o={baseStyles:function(o,i,r){return e.css({borderRadius:"50%",height:"100%",width:"100%",boxSizing:"border-box",borderStyle:"solid",background:o.component.radio.background,borderColor:r?"var(--colors-pallete-wine-color)":o.component.radio.borderColor})},small:function(o,i){return e.css({borderWidth:i?o.component.radio.size.small.active.borderWidth:o.component.radio.size.small.borderWidth})},medium:function(o,i){return e.css({borderWidth:i?o.component.radio.size.medium.active.borderWidth:o.component.radio.size.medium.borderWidth})},large:function(o,i){return e.css({borderWidth:i?o.component.radio.size.large.active.borderWidth:o.component.radio.size.large.borderWidth})}},i={baseStyles:e.css({position:"relative"}),small:function(o){return e.css({height:o.component.radio.size.small.height,width:o.component.radio.size.small.height,marginRight:o.component.radio.size.small.margin})},medium:function(o){return e.css({height:o.component.radio.size.medium.height,width:o.component.radio.size.medium.height,marginRight:o.component.radio.size.medium.margin})},large:function(o){return e.css({height:o.component.radio.size.large.height,width:o.component.radio.size.large.height,marginRight:o.component.radio.size.large.margin})}};exports.ContainerStyles=i,exports.CustomRadioStyles=o;
2
- //# sourceMappingURL=styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}