@trafilea/afrodita-components 7.20.1 → 7.21.0
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 o}from"tslib";import{
|
|
1
|
+
import{__assign as o}from"tslib";import{jsxs as n,jsx as i}from"react/jsx-runtime";import t from"@emotion/styled";import{Disclosure as e}from"@headlessui/react";import{useRef as r}from"react";import"../../types/enums.js";import{useTheme as l}from"../../core/theme/Theme.js";import{AccordionStyles as c,AccordionSummaryStyles as d,AccordionDetailsStyles as a,StyledOpenIconContainer as v,StyledPanelWrapper as s,StyledCloseIconContainer as u}from"./styles.js";var m=0,h=t.div(c.baseStyles,(function(o){return[c[o.variant](o.theme,o.disabled,o.controlIconPos)]})),p=t.button(d.baseStyles,(function(o){var n,i;return[d[o.variant](o.theme,null!==(n=o.disabled)&&void 0!==n&&n,null!==(i=o.controlIconPos)&&void 0!==i?i:"right")]}),(function(o){return[d.title(o.titlecolor)]})),f=t.div(a.baseStyles,(function(o){return[a[o.variant](o.theme)]})),b=function(t){var c,d=t.header,a=t.headerOnOpen,b=t.content,I=t.defaultOpen,g=t.forceOpenHandler,C=void 0!==g&&g,y=t.forceOpenValue,B=void 0!==y&&y,k=t.titleColor,P=t.variant,O=t.disabled,j=void 0!==O&&O,x=t.innerHTML,N=void 0!==x&&x,S=t.backgroundCover,H=void 0===S?{value:!1,iconBgColor:"inherit"}:S,T=t.controlIconPos,w=void 0===T?"right":T,L=t.openIcon,M=t.closeIcon,_=t.onClick,V=t.testId,q=t.ssr,z=void 0!==q&&q,A=t.id,D=l(),E=r(null);null!==(c=E.current)&&void 0!==c||(E.current="afrodita-accordion-".concat(++m));var F=null!=A?A:E.current,G="".concat(F,"-button"),J="".concat(F,"-panel"),K=function(o,n){return{height:o.component.accordion.variant[n].icon.height,width:o.component.accordion.variant[n].icon.width,fill:o.component.accordion.variant[n].icon.color}}(D,P),Q="bottom"===w,R=function(n){var t={variant:P,theme:D,id:J,role:n?"region":void 0,"aria-labelledby":G,"aria-hidden":!n};return i(f,o({},t,N?{dangerouslySetInnerHTML:{__html:b}}:{children:N?null:"function"==typeof b?i(b,{},void 0):b}),void 0)};if(C){var U=j||!B?L:M,W=B&&!j,X=W||z,Y=function(){j||null==_||_()};return n(h,o({"data-testid":V,theme:D,variant:P,disabled:j,controlIconPos:w},{children:[n(p,o({theme:D,variant:P,disabled:j,titlecolor:k,controlIconPos:w,"aria-controls":J,"aria-expanded":W,id:G,onClick:Y,type:"button"},{children:[W&&a?a:d,!Q&&i(U,o({title:B?"close icon":"open icon"},K),void 0),Q&&!W&&!(null==H?void 0:H.value)&&i(v,o({className:"openIconBottom",backgroundCover:null==H?void 0:H.iconBgColor},{children:i(U,o({title:"open icon"},K),void 0)}),void 0)]}),void 0),X&&i(s,o({hidden:!W},{children:R(W)}),void 0),Q&&W&&i(u,o({as:"button",type:"button",className:"closeIconBottom",onClick:Y},{children:i(U,o({title:"close icon"},K),void 0)}),void 0)]}),void 0)}return i(e,o({as:"div",defaultOpen:I},{children:function(t){var r=t.open,l=j||!r?L:M,c=r&&!j,m=c||z,f=r?"close icon":"open icon";return n(h,o({"data-testid":V,theme:D,variant:P,disabled:j,controlIconPos:w},{children:[n(e.Button,o({as:p,theme:D,variant:P,disabled:j,titlecolor:k,controlIconPos:w,"aria-controls":J,"aria-expanded":c,id:G,onClick:function(){return null==_?void 0:_()}},{children:[c&&a?a:d,!Q&&i(l,o({title:f},K),void 0),Q&&!c&&!(null==H?void 0:H.value)&&i(v,o({className:"openIconBottom",backgroundCover:null==H?void 0:H.iconBgColor},{children:i(l,o({title:"open icon"},K),void 0)}),void 0)]}),void 0),m&&i(s,o({hidden:!c},{children:R(c)}),void 0),Q&&c&&i(e.Button,o({as:u,className:"closeIconBottom",onClick:function(){return null==_?void 0:_()}},{children:i(l,o({title:"close icon"},K),void 0)}),void 0)]}),void 0)}}),void 0)};export{b as default};
|
|
2
2
|
//# sourceMappingURL=Accordion.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as n,__makeTemplateObject as o}from"tslib";import r
|
|
1
|
+
import{__assign as n,__makeTemplateObject as o}from"tslib";import{css as r}from"@emotion/react";import t from"@emotion/styled";var e={baseStyles:r({background:"transparent",width:"auto"}),simple:function(o,t,e){return r(n(n({},o.component.accordion.variant.simple.container),{borderColor:t?o.colors.border.disabled:o.component.accordion.variant.simple.container.borderColor}))},box:function(o,t,e){return r(n(n({},o.component.accordion.variant.box.container),{padding:"bottom"===e?"unset":o.component.accordion.variant.box.container.padding,borderRadius:"bottom"===e?"1.25rem":o.component.accordion.variant.box.container.borderRadius,overflow:"bottom"===e?"hidden":"unset",borderColor:t?o.colors.border.disabled:o.component.accordion.variant.box.container.borderColor}))}},i={baseStyles:r({background:"transparent",width:"100%",border:"none",display:"flex",cursor:"pointer",justifyContent:"space-between",alignItems:"center",padding:"0"}),simple:function(o,t,e){return r(n(n({},o.component.accordion.variant.simple.summary),{flexDirection:"bottom"===e?"column":"row",color:t?o.colors.text.disabled:o.component.accordion.variant.simple.summary.color,fontFamily:o.fonts.config[0].family}))},box:function(o,t,e){return r(n(n({},o.component.accordion.variant.box.summary),{flexDirection:"bottom"===e?"column":"row",color:t?o.colors.text.disabled:o.component.accordion.variant.box.summary.color,fontFamily:o.fonts.config[0].family}))},title:function(n){return r({color:n||""})}},a={baseStyles:r({width:"100%",background:"transparent",border:"none"}),simple:function(o){return r(n({},o.component.accordion.variant.simple.details))},box:function(o){return r(n({},o.component.accordion.variant.box.details))}};t.button(c||(c=o(["\n appearance: none;\n padding: 0;\n margin: 0;\n border: none;\n background: none;\n font-size: inherit;\n line-height: inherit;\n color: inherit;\n cursor: auto;\n user-select: text;\n writing-mode: unset;\n font-family: inherit;\n"],["\n appearance: none;\n padding: 0;\n margin: 0;\n border: none;\n background: none;\n font-size: inherit;\n line-height: inherit;\n color: inherit;\n cursor: auto;\n user-select: text;\n writing-mode: unset;\n font-family: inherit;\n"])));var c,d,s,l,m=t.div(d||(d=o(["\n width: 100%;\n display: flex;\n justify-content: center;\n padding: 0 0 15px 0;\n background-color: ",";\n"],["\n width: 100%;\n display: flex;\n justify-content: center;\n padding: 0 0 15px 0;\n background-color: ",";\n"])),(function(n){return n.backgroundCover||"inherit"})),p=t.div(s||(s=o(["\n width: 100%;\n display: flex;\n justify-content: center;\n margin: 20px 0;\n background-color: transparent;\n cursor: pointer;\n border: none;\n padding: 0;\n"],["\n width: 100%;\n display: flex;\n justify-content: center;\n margin: 20px 0;\n background-color: transparent;\n cursor: pointer;\n border: none;\n padding: 0;\n"]))),u=t.div(l||(l=o(["\n width: 100%;\n\n &[hidden] {\n display: none;\n }\n"],["\n width: 100%;\n\n &[hidden] {\n display: none;\n }\n"])));export{a as AccordionDetailsStyles,e as AccordionStyles,i as AccordionSummaryStyles,p as StyledCloseIconContainer,m as StyledOpenIconContainer,u as StyledPanelWrapper};
|
|
2
2
|
//# sourceMappingURL=styles.js.map
|