@trafilea/afrodita-components 7.9.1 → 7.9.3

package/build/es/components/accordion/Accordion.js

@@ -1,2 +1,2 @@
-import{__assign as o}from"tslib";import{jsx as n,jsxs as i,Fragment as t}from"react/jsx-runtime";import{useTheme as e}from"@emotion/react";import r from"@emotion/styled";import{Disclosure as c}from"@headlessui/react";import{AccordionStyles as a,AccordionSummaryStyles as d,AccordionDetailsStyles as l,StyledOpenIconContainer as v,StyledContent as s,StyledCloseIconContainer as h}from"./styles.js";var m=r(c)(a.baseStyles,(function(o){return[a[o.variant](o.theme,o.disabled,o.controlIconPos)]})),p=r(c.Button)(d.baseStyles,(function(o){return[d[o.variant](o.theme,o.disabled,o.controlIconPos)]}),(function(o){return[d.title(o.titlecolor)]})),u=r(c.Panel)(l.baseStyles,(function(o){return[l[o.variant](o.theme)]})),f=function(r){var c=r.header,a=r.headerOnOpen,d=r.content,l=r.defaultOpen,f=r.forceOpenHandler,g=void 0!==f&&f,b=r.forceOpenValue,I=void 0!==b&&b,y=r.titleColor,C=r.variant,k=r.disabled,P=void 0!==k&&k,w=r.innerHTML,O=void 0!==w&&w,B=r.backgroundCover,S=void 0===B?{value:!1,iconBgColor:"inherit"}:B,H=r.controlIconPos,_=void 0===H?"right":H,L=r.openIcon,M=r.closeIcon,T=r.onClick,j=r.testId,x=r.ssr,N=void 0!==x&&x,V=e();return n(m,o({"data-testid":j,theme:V,as:"div",defaultOpen:l,variant:C,disabled:P,onClick:T,controlIconPos:_},{children:function(e){var r=e.open,l=g?I:r,m=P?L:l?M:L,f=(l||N)&&!P;return i(t,{children:[i(p,o({theme:V,variant:C,disabled:P,titlecolor:y,controlIconPos:_},{children:[f&&a?a:c,"right"===_&&n(m,{title:l?"close icon":"open icon",height:V.component.accordion.variant[C].icon.height,width:V.component.accordion.variant[C].icon.width,fill:V.component.accordion.variant[C].icon.color},void 0),"bottom"===_&&!(null==S?void 0:S.value)&&!f&&n(v,o({className:"openIconBottom",backgroundCover:S.iconBgColor},{children:n(m,{title:"open icon",height:V.component.accordion.variant[C].icon.height,width:V.component.accordion.variant[C].icon.width,fill:V.component.accordion.variant[C].icon.color},void 0)}),void 0),"bottom"===_&&f&&i(t,{children:[n(s,o({onClick:function(o){return o.stopPropagation()},style:{display:f?"block":"none"}},{children:O?n("div",{dangerouslySetInnerHTML:{__html:d}},void 0):n(u,o({static:!0,variant:C,theme:V},{children:d}),void 0)}),void 0),f&&n(h,o({className:"closeIconBottom"},{children:n(m,{title:"close icon",height:V.component.accordion.variant[C].icon.height,width:V.component.accordion.variant[C].icon.width,fill:V.component.accordion.variant[C].icon.color},void 0)}),void 0)]},void 0)]}),void 0),"right"===_&&f&&n(s,o({onClick:function(o){return o.stopPropagation()},style:{display:f?"block":"none"}},{children:O?n("div",{dangerouslySetInnerHTML:{__html:d}},void 0):n(u,o({static:!0,variant:C,theme:V},{children:d}),void 0)}),void 0)]},void 0)}}),void 0)};export{f as default};
+import{__assign as o}from"tslib";import{jsx as n,jsxs as i,Fragment as t}from"react/jsx-runtime";import{useTheme as e}from"@emotion/react";import r from"@emotion/styled";import{Disclosure as c}from"@headlessui/react";import{AccordionStyles as a,AccordionSummaryStyles as d,AccordionDetailsStyles as l,StyledOpenIconContainer as v,StyledContent as s,StyledCloseIconContainer as h}from"./styles.js";var m=r(c)(a.baseStyles,(function(o){return[a[o.variant](o.theme,o.disabled,o.controlIconPos)]})),p=r(c.Button)(d.baseStyles,(function(o){return[d[o.variant](o.theme,o.disabled,o.controlIconPos)]}),(function(o){return[d.title(o.titlecolor)]})),u=r(c.Panel)(l.baseStyles,(function(o){return[l[o.variant](o.theme)]})),f=function(r){var c=r.header,a=r.headerOnOpen,d=r.content,l=r.defaultOpen,f=r.forceOpenHandler,g=void 0!==f&&f,b=r.forceOpenValue,I=void 0!==b&&b,y=r.titleColor,C=r.variant,k=r.disabled,P=void 0!==k&&k,w=r.innerHTML,O=void 0!==w&&w,B=r.backgroundCover,S=void 0===B?{value:!1,iconBgColor:"inherit"}:B,H=r.controlIconPos,_=void 0===H?"right":H,L=r.openIcon,M=r.closeIcon,T=r.onClick,j=r.testId,x=r.ssr,N=void 0!==x&&x,V=e();return n(m,o({"data-testid":j,theme:V,as:"div",defaultOpen:l,variant:C,disabled:P,onClick:T,controlIconPos:_},{children:function(e){var r=e.open,l=g?I:r,m=P?L:l?M:L,f=l&&!P,b=f||N;return i(t,{children:[i(p,o({theme:V,variant:C,disabled:P,titlecolor:y,controlIconPos:_},{children:[f&&a?a:c,"right"===_&&n(m,{title:l?"close icon":"open icon",height:V.component.accordion.variant[C].icon.height,width:V.component.accordion.variant[C].icon.width,fill:V.component.accordion.variant[C].icon.color},void 0),"bottom"===_&&!(null==S?void 0:S.value)&&!f&&n(v,o({className:"openIconBottom",backgroundCover:S.iconBgColor},{children:n(m,{title:"open icon",height:V.component.accordion.variant[C].icon.height,width:V.component.accordion.variant[C].icon.width,fill:V.component.accordion.variant[C].icon.color},void 0)}),void 0),"bottom"===_&&b&&i(t,{children:[n(s,o({onClick:function(o){return o.stopPropagation()},style:{display:f?"block":"none"}},{children:O?n("div",{dangerouslySetInnerHTML:{__html:d}},void 0):n(u,o({static:!0,variant:C,theme:V},{children:d}),void 0)}),void 0),f&&n(h,o({className:"closeIconBottom"},{children:n(m,{title:"close icon",height:V.component.accordion.variant[C].icon.height,width:V.component.accordion.variant[C].icon.width,fill:V.component.accordion.variant[C].icon.color},void 0)}),void 0)]},void 0)]}),void 0),"right"===_&&b&&n(s,o({onClick:function(o){return o.stopPropagation()},style:{display:f?"block":"none"}},{children:O?n("div",{dangerouslySetInnerHTML:{__html:d}},void 0):n(u,o({static:!0,variant:C,theme:V},{children:d}),void 0)}),void 0)]},void 0)}}),void 0)};export{f as default};
 //# sourceMappingURL=Accordion.js.map

package/build/es/components/drawer/Drawer.js

@@ -1,2 +1,2 @@
-import{__assign as o}from"tslib";import{jsxs as i,jsx as r}from"react/jsx-runtime";import{useState as t,useEffect as n}from"react";import{Container as e,Backdrop as d,Sidebar as a}from"./style.js";var l=function(l){var u=l.children,c=l.isOpen,s=l.onClose,p=l.onOpen,f=l.backgroundColor,v=void 0===f?"#fff":f,m=l.backdropColor,h=void 0===m?"rgba(0, 0, 0, 0.5)":m,b=l.position,k=void 0===b?"left":b,C=l.width,g=void 0===C?"33%":C,O=l.height,w=void 0===O?"100%":O,T=l.top,j=void 0===T?"0":T,x=l.onClickOutside,D=l.ssr,y=void 0!==D&&D,B=t(c),S=B[0],q=B[1],z=t(c),A=z[0],E=z[1];return n((function(){if(!1===c){q(c);var o=setTimeout((function(){E(c),null==s||s()}),300);return function(){clearTimeout(o)}}E(c);var i=setTimeout((function(){q(c),null==p||p()}),100);return function(){clearTimeout(i)}}),[c,s,p]),A||y?i(e,{children:[r(d,{backgroundColor:h,isOpen:S,top:j,"data-testid":"Drawer-Backdrop",onClick:x&&x},void 0),r(a,o({position:k,width:g,height:w,top:j,backgroundColor:v,isOpen:S,"data-testid":"Drawer-Sidebar"},{children:u}),void 0)]},void 0):null};export{l as Drawer};
+import{__assign as o}from"tslib";import{jsxs as i,jsx as r}from"react/jsx-runtime";import{useState as t,useEffect as n}from"react";import{Container as e,Backdrop as d,Sidebar as l}from"./style.js";var a=function(a){var u=a.children,c=a.isOpen,s=a.onClose,p=a.onOpen,f=a.backgroundColor,v=void 0===f?"#fff":f,m=a.backdropColor,h=void 0===m?"rgba(0, 0, 0, 0.5)":m,b=a.position,k=void 0===b?"left":b,C=a.width,g=void 0===C?"33%":C,O=a.height,w=void 0===O?"100%":O,T=a.top,j=void 0===T?"0":T,x=a.onClickOutside,D=a.ssr,y=void 0!==D&&D,B=t(c),S=B[0],q=B[1],z=t(c),A=z[0],E=z[1];return n((function(){if(!1===c){q(c);var o=setTimeout((function(){E(c),null==s||s()}),300);return function(){clearTimeout(o)}}E(c);var i=setTimeout((function(){q(c),null==p||p()}),100);return function(){clearTimeout(i)}}),[c,s,p]),A||y?i(e,o({visible:!y||A},{children:[r(d,{backgroundColor:h,isOpen:S,top:j,"data-testid":"Drawer-Backdrop",onClick:x&&x},void 0),r(l,o({position:k,width:g,height:w,top:j,backgroundColor:v,isOpen:S,"data-testid":"Drawer-Sidebar"},{children:u}),void 0)]}),void 0):null};export{a as Drawer};
 //# sourceMappingURL=Drawer.js.map

package/build/es/components/drawer/style.js

@@ -1,2 +1,2 @@
-import{__makeTemplateObject as n}from"tslib";import o from"@emotion/styled";var t,i,r,e=o.div(t||(t=n([""],[""]))),a=o.div(i||(i=n(["\n  position: fixed;\n  z-index: 2;\n  left: 0;\n  top: ",";\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n  transition: background-color 0.3s ease-out;\n\n  ","\n"],["\n  position: fixed;\n  z-index: 2;\n  left: 0;\n  top: ",";\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n  transition: background-color 0.3s ease-out;\n\n  ","\n"])),(function(n){return n.top}),(function(n){var o=n.isOpen,t=n.backgroundColor;return o?"background-color: ".concat(t,";"):"transparent"})),s=o.div(r||(r=n(["\n  height: ",";\n  width: ",";\n  position: fixed;\n  z-index: 30;\n  ",": 0;\n  top: ",";\n  background-color: ",";\n  overflow-x: hidden;\n  transition: transform 0.3s ease-in-out;\n\n  ","\n"],["\n  height: ",";\n  width: ",";\n  position: fixed;\n  z-index: 30;\n  ",": 0;\n  top: ",";\n  background-color: ",";\n  overflow-x: hidden;\n  transition: transform 0.3s ease-in-out;\n\n  ","\n"])),(function(n){return n.height}),(function(n){return n.width}),(function(n){return n.position}),(function(n){return n.top}),(function(n){return n.backgroundColor}),(function(n){var o=n.isOpen,t=n.position;return o?"transform: translateX(0);":"transform: translateX(".concat("left"===t?"-100%":"100%",");")}));export{a as Backdrop,e as Container,s as Sidebar};
+import{__makeTemplateObject as n}from"tslib";import o from"@emotion/styled";var t,i,r,e=o.div(t||(t=n(["\n  visibility: ",";\n"],["\n  visibility: ",";\n"])),(function(n){return n.visible?"visible":"hidden"})),s=o.div(i||(i=n(["\n  position: fixed;\n  z-index: 2;\n  left: 0;\n  top: ",";\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n  transition: background-color 0.3s ease-out;\n\n  ","\n"],["\n  position: fixed;\n  z-index: 2;\n  left: 0;\n  top: ",";\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n  transition: background-color 0.3s ease-out;\n\n  ","\n"])),(function(n){return n.top}),(function(n){var o=n.isOpen,t=n.backgroundColor;return o?"background-color: ".concat(t,";"):"transparent"})),a=o.div(r||(r=n(["\n  height: ",";\n  width: ",";\n  position: fixed;\n  z-index: 30;\n  ",": 0;\n  top: ",";\n  background-color: ",";\n  overflow-x: hidden;\n  transition: transform 0.3s ease-in-out;\n\n  ","\n"],["\n  height: ",";\n  width: ",";\n  position: fixed;\n  z-index: 30;\n  ",": 0;\n  top: ",";\n  background-color: ",";\n  overflow-x: hidden;\n  transition: transform 0.3s ease-in-out;\n\n  ","\n"])),(function(n){return n.height}),(function(n){return n.width}),(function(n){return n.position}),(function(n){return n.top}),(function(n){return n.backgroundColor}),(function(n){var o=n.isOpen,t=n.position;return o?"transform: translateX(0);":"transform: translateX(".concat("left"===t?"-100%":"100%",");")}));export{s as Backdrop,e as Container,a as Sidebar};
 //# sourceMappingURL=style.js.map

package/build/lib/components/accordion/Accordion.js

@@ -1,2 +1,2 @@
-"use strict";var o=require("tslib"),n=require("react/jsx-runtime"),e=require("@emotion/react"),i=require("@emotion/styled"),t=require("@headlessui/react"),r=require("./styles.js");function c(o){return o&&"object"==typeof o&&"default"in o?o:{default:o}}var a=c(i),s=a.default(t.Disclosure)(r.AccordionStyles.baseStyles,(function(o){return[r.AccordionStyles[o.variant](o.theme,o.disabled,o.controlIconPos)]})),l=a.default(t.Disclosure.Button)(r.AccordionSummaryStyles.baseStyles,(function(o){return[r.AccordionSummaryStyles[o.variant](o.theme,o.disabled,o.controlIconPos)]}),(function(o){return[r.AccordionSummaryStyles.title(o.titlecolor)]})),d=a.default(t.Disclosure.Panel)(r.AccordionDetailsStyles.baseStyles,(function(o){return[r.AccordionDetailsStyles[o.variant](o.theme)]}));module.exports=function(i){var t=i.header,c=i.headerOnOpen,a=i.content,u=i.defaultOpen,v=i.forceOpenHandler,h=void 0!==v&&v,m=i.forceOpenValue,p=void 0!==m&&m,g=i.titleColor,y=i.variant,f=i.disabled,_=void 0!==f&&f,S=i.innerHTML,j=void 0!==S&&S,x=i.backgroundCover,b=void 0===x?{value:!1,iconBgColor:"inherit"}:x,C=i.controlIconPos,I=void 0===C?"right":C,k=i.openIcon,P=i.closeIcon,A=i.onClick,O=i.testId,q=i.ssr,w=void 0!==q&&q,B=e.useTheme();return n.jsx(s,o.__assign({"data-testid":O,theme:B,as:"div",defaultOpen:u,variant:y,disabled:_,onClick:A,controlIconPos:I},{children:function(e){var i=e.open,s=h?p:i,u=_?k:s?P:k,v=(s||w)&&!_;return n.jsxs(n.Fragment,{children:[n.jsxs(l,o.__assign({theme:B,variant:y,disabled:_,titlecolor:g,controlIconPos:I},{children:[v&&c?c:t,"right"===I&&n.jsx(u,{title:s?"close icon":"open icon",height:B.component.accordion.variant[y].icon.height,width:B.component.accordion.variant[y].icon.width,fill:B.component.accordion.variant[y].icon.color},void 0),"bottom"===I&&!(null==b?void 0:b.value)&&!v&&n.jsx(r.StyledOpenIconContainer,o.__assign({className:"openIconBottom",backgroundCover:b.iconBgColor},{children:n.jsx(u,{title:"open icon",height:B.component.accordion.variant[y].icon.height,width:B.component.accordion.variant[y].icon.width,fill:B.component.accordion.variant[y].icon.color},void 0)}),void 0),"bottom"===I&&v&&n.jsxs(n.Fragment,{children:[n.jsx(r.StyledContent,o.__assign({onClick:function(o){return o.stopPropagation()},style:{display:v?"block":"none"}},{children:j?n.jsx("div",{dangerouslySetInnerHTML:{__html:a}},void 0):n.jsx(d,o.__assign({static:!0,variant:y,theme:B},{children:a}),void 0)}),void 0),v&&n.jsx(r.StyledCloseIconContainer,o.__assign({className:"closeIconBottom"},{children:n.jsx(u,{title:"close icon",height:B.component.accordion.variant[y].icon.height,width:B.component.accordion.variant[y].icon.width,fill:B.component.accordion.variant[y].icon.color},void 0)}),void 0)]},void 0)]}),void 0),"right"===I&&v&&n.jsx(r.StyledContent,o.__assign({onClick:function(o){return o.stopPropagation()},style:{display:v?"block":"none"}},{children:j?n.jsx("div",{dangerouslySetInnerHTML:{__html:a}},void 0):n.jsx(d,o.__assign({static:!0,variant:y,theme:B},{children:a}),void 0)}),void 0)]},void 0)}}),void 0)};
+"use strict";var o=require("tslib"),n=require("react/jsx-runtime"),e=require("@emotion/react"),i=require("@emotion/styled"),t=require("@headlessui/react"),r=require("./styles.js");function c(o){return o&&"object"==typeof o&&"default"in o?o:{default:o}}var a=c(i),s=a.default(t.Disclosure)(r.AccordionStyles.baseStyles,(function(o){return[r.AccordionStyles[o.variant](o.theme,o.disabled,o.controlIconPos)]})),l=a.default(t.Disclosure.Button)(r.AccordionSummaryStyles.baseStyles,(function(o){return[r.AccordionSummaryStyles[o.variant](o.theme,o.disabled,o.controlIconPos)]}),(function(o){return[r.AccordionSummaryStyles.title(o.titlecolor)]})),d=a.default(t.Disclosure.Panel)(r.AccordionDetailsStyles.baseStyles,(function(o){return[r.AccordionDetailsStyles[o.variant](o.theme)]}));module.exports=function(i){var t=i.header,c=i.headerOnOpen,a=i.content,u=i.defaultOpen,v=i.forceOpenHandler,h=void 0!==v&&v,m=i.forceOpenValue,p=void 0!==m&&m,g=i.titleColor,y=i.variant,f=i.disabled,_=void 0!==f&&f,S=i.innerHTML,j=void 0!==S&&S,x=i.backgroundCover,b=void 0===x?{value:!1,iconBgColor:"inherit"}:x,C=i.controlIconPos,I=void 0===C?"right":C,k=i.openIcon,P=i.closeIcon,A=i.onClick,O=i.testId,q=i.ssr,w=void 0!==q&&q,B=e.useTheme();return n.jsx(s,o.__assign({"data-testid":O,theme:B,as:"div",defaultOpen:u,variant:y,disabled:_,onClick:A,controlIconPos:I},{children:function(e){var i=e.open,s=h?p:i,u=_?k:s?P:k,v=s&&!_,m=v||w;return n.jsxs(n.Fragment,{children:[n.jsxs(l,o.__assign({theme:B,variant:y,disabled:_,titlecolor:g,controlIconPos:I},{children:[v&&c?c:t,"right"===I&&n.jsx(u,{title:s?"close icon":"open icon",height:B.component.accordion.variant[y].icon.height,width:B.component.accordion.variant[y].icon.width,fill:B.component.accordion.variant[y].icon.color},void 0),"bottom"===I&&!(null==b?void 0:b.value)&&!v&&n.jsx(r.StyledOpenIconContainer,o.__assign({className:"openIconBottom",backgroundCover:b.iconBgColor},{children:n.jsx(u,{title:"open icon",height:B.component.accordion.variant[y].icon.height,width:B.component.accordion.variant[y].icon.width,fill:B.component.accordion.variant[y].icon.color},void 0)}),void 0),"bottom"===I&&m&&n.jsxs(n.Fragment,{children:[n.jsx(r.StyledContent,o.__assign({onClick:function(o){return o.stopPropagation()},style:{display:v?"block":"none"}},{children:j?n.jsx("div",{dangerouslySetInnerHTML:{__html:a}},void 0):n.jsx(d,o.__assign({static:!0,variant:y,theme:B},{children:a}),void 0)}),void 0),v&&n.jsx(r.StyledCloseIconContainer,o.__assign({className:"closeIconBottom"},{children:n.jsx(u,{title:"close icon",height:B.component.accordion.variant[y].icon.height,width:B.component.accordion.variant[y].icon.width,fill:B.component.accordion.variant[y].icon.color},void 0)}),void 0)]},void 0)]}),void 0),"right"===I&&m&&n.jsx(r.StyledContent,o.__assign({onClick:function(o){return o.stopPropagation()},style:{display:v?"block":"none"}},{children:j?n.jsx("div",{dangerouslySetInnerHTML:{__html:a}},void 0):n.jsx(d,o.__assign({static:!0,variant:y,theme:B},{children:a}),void 0)}),void 0)]},void 0)}}),void 0)};
 //# sourceMappingURL=Accordion.js.map

package/build/lib/components/drawer/Drawer.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),r=require("react"),o=require("./style.js");exports.Drawer=function(t){var n=t.children,s=t.isOpen,u=t.onClose,d=t.onOpen,a=t.backgroundColor,c=void 0===a?"#fff":a,l=t.backdropColor,p=void 0===l?"rgba(0, 0, 0, 0.5)":l,v=t.position,f=void 0===v?"left":v,b=t.width,h=void 0===b?"33%":b,k=t.height,C=void 0===k?"100%":k,g=t.top,j=void 0===g?"0":g,x=t.onClickOutside,O=t.ssr,m=void 0!==O&&O,w=r.useState(s),q=w[0],S=w[1],T=r.useState(s),_=T[0],D=T[1];return r.useEffect((function(){if(!1===s){S(s);var e=setTimeout((function(){D(s),null==u||u()}),300);return function(){clearTimeout(e)}}D(s);var i=setTimeout((function(){S(s),null==d||d()}),100);return function(){clearTimeout(i)}}),[s,u,d]),_||m?i.jsxs(o.Container,{children:[i.jsx(o.Backdrop,{backgroundColor:p,isOpen:q,top:j,"data-testid":"Drawer-Backdrop",onClick:x&&x},void 0),i.jsx(o.Sidebar,e.__assign({position:f,width:h,height:C,top:j,backgroundColor:c,isOpen:q,"data-testid":"Drawer-Sidebar"},{children:n}),void 0)]},void 0):null};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),r=require("react"),o=require("./style.js");exports.Drawer=function(t){var n=t.children,s=t.isOpen,u=t.onClose,a=t.onOpen,d=t.backgroundColor,c=void 0===d?"#fff":d,l=t.backdropColor,v=void 0===l?"rgba(0, 0, 0, 0.5)":l,f=t.position,p=void 0===f?"left":f,b=t.width,h=void 0===b?"33%":b,g=t.height,k=void 0===g?"100%":g,C=t.top,j=void 0===C?"0":C,x=t.onClickOutside,O=t.ssr,_=void 0!==O&&O,m=r.useState(s),w=m[0],q=m[1],S=r.useState(s),T=S[0],D=S[1];if(r.useEffect((function(){if(!1===s){q(s);var e=setTimeout((function(){D(s),null==u||u()}),300);return function(){clearTimeout(e)}}D(s);var i=setTimeout((function(){q(s),null==a||a()}),100);return function(){clearTimeout(i)}}),[s,u,a]),!T&&!_)return null;var y=!_||T;return i.jsxs(o.Container,e.__assign({visible:y},{children:[i.jsx(o.Backdrop,{backgroundColor:v,isOpen:w,top:j,"data-testid":"Drawer-Backdrop",onClick:x&&x},void 0),i.jsx(o.Sidebar,e.__assign({position:p,width:h,height:k,top:j,backgroundColor:c,isOpen:w,"data-testid":"Drawer-Sidebar"},{children:n}),void 0)]}),void 0)};
 //# sourceMappingURL=Drawer.js.map

package/build/lib/components/drawer/style.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("tslib");function t(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var o,e,r,i=t(require("@emotion/styled")),a=i.default.div(o||(o=n.__makeTemplateObject([""],[""]))),u=i.default.div(e||(e=n.__makeTemplateObject(["\n  position: fixed;\n  z-index: 2;\n  left: 0;\n  top: ",";\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n  transition: background-color 0.3s ease-out;\n\n  ","\n"],["\n  position: fixed;\n  z-index: 2;\n  left: 0;\n  top: ",";\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n  transition: background-color 0.3s ease-out;\n\n  ","\n"])),(function(n){return n.top}),(function(n){var t=n.isOpen,o=n.backgroundColor;return t?"background-color: ".concat(o,";"):"transparent"})),d=i.default.div(r||(r=n.__makeTemplateObject(["\n  height: ",";\n  width: ",";\n  position: fixed;\n  z-index: 30;\n  ",": 0;\n  top: ",";\n  background-color: ",";\n  overflow-x: hidden;\n  transition: transform 0.3s ease-in-out;\n\n  ","\n"],["\n  height: ",";\n  width: ",";\n  position: fixed;\n  z-index: 30;\n  ",": 0;\n  top: ",";\n  background-color: ",";\n  overflow-x: hidden;\n  transition: transform 0.3s ease-in-out;\n\n  ","\n"])),(function(n){return n.height}),(function(n){return n.width}),(function(n){return n.position}),(function(n){return n.top}),(function(n){return n.backgroundColor}),(function(n){var t=n.isOpen,o=n.position;return t?"transform: translateX(0);":"transform: translateX(".concat("left"===o?"-100%":"100%",");")}));exports.Backdrop=u,exports.Container=a,exports.Sidebar=d;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("tslib");function t(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var e,o,i,r=t(require("@emotion/styled")),a=r.default.div(e||(e=n.__makeTemplateObject(["\n  visibility: ",";\n"],["\n  visibility: ",";\n"])),(function(n){return n.visible?"visible":"hidden"})),u=r.default.div(o||(o=n.__makeTemplateObject(["\n  position: fixed;\n  z-index: 2;\n  left: 0;\n  top: ",";\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n  transition: background-color 0.3s ease-out;\n\n  ","\n"],["\n  position: fixed;\n  z-index: 2;\n  left: 0;\n  top: ",";\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n  transition: background-color 0.3s ease-out;\n\n  ","\n"])),(function(n){return n.top}),(function(n){var t=n.isOpen,e=n.backgroundColor;return t?"background-color: ".concat(e,";"):"transparent"})),s=r.default.div(i||(i=n.__makeTemplateObject(["\n  height: ",";\n  width: ",";\n  position: fixed;\n  z-index: 30;\n  ",": 0;\n  top: ",";\n  background-color: ",";\n  overflow-x: hidden;\n  transition: transform 0.3s ease-in-out;\n\n  ","\n"],["\n  height: ",";\n  width: ",";\n  position: fixed;\n  z-index: 30;\n  ",": 0;\n  top: ",";\n  background-color: ",";\n  overflow-x: hidden;\n  transition: transform 0.3s ease-in-out;\n\n  ","\n"])),(function(n){return n.height}),(function(n){return n.width}),(function(n){return n.position}),(function(n){return n.top}),(function(n){return n.backgroundColor}),(function(n){var t=n.isOpen,e=n.position;return t?"transform: translateX(0);":"transform: translateX(".concat("left"===e?"-100%":"100%",");")}));exports.Backdrop=u,exports.Container=a,exports.Sidebar=s;
 //# sourceMappingURL=style.js.map

package/package.json

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