@trafilea/afrodita-components 7.20.1 → 7.22.0

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("react"),c=require("./styles.js");function a(o){return o&&"object"==typeof o&&"default"in o?o:{default:o}}var l=a(i),d=0,s=l.default(t.Disclosure)(c.AccordionStyles.baseStyles,(function(o){return[c.AccordionStyles[o.variant](o.theme,o.disabled,o.controlIconPos)]})),u=l.default(t.Disclosure.Button)(c.AccordionSummaryStyles.baseStyles,(function(o){var n,e;return[c.AccordionSummaryStyles[o.variant](o.theme,null!==(n=o.disabled)&&void 0!==n&&n,null!==(e=o.controlIconPos)&&void 0!==e?e:"right")]}),(function(o){return[c.AccordionSummaryStyles.title(o.titlecolor)]})),v=l.default(t.Disclosure.Panel)(c.AccordionDetailsStyles.baseStyles,(function(o){return[c.AccordionDetailsStyles[o.variant](o.theme)]}));module.exports=function(i){var t,a=i.header,l=i.headerOnOpen,h=i.content,m=i.defaultOpen,p=i.forceOpenHandler,g=void 0!==p&&p,y=i.forceOpenValue,f=void 0!==y&&y,b=i.titleColor,S=i.variant,j=i.disabled,_=void 0!==j&&j,x=i.innerHTML,C=void 0!==x&&x,I=i.backgroundCover,k=void 0===I?{value:!1,iconBgColor:"inherit"}:I,P=i.controlIconPos,q=void 0===P?"right":P,A=i.openIcon,O=i.closeIcon,w=i.onClick,B=i.testId,D=i.ssr,H=void 0!==D&&D,T=i.id,F=e.useTheme(),L=r.useRef(null);null!==(t=L.current)&&void 0!==t||(L.current="afrodita-accordion-".concat(++d));var M=null!=T?T:L.current,N="".concat(M,"-button"),R="".concat(M,"-panel");return n.jsx(s,o.__assign({"data-testid":B,theme:F,as:"div",defaultOpen:m,variant:S,disabled:_,onClick:w,controlIconPos:q},{children:function(e){var i=e.open,t=g?f:i,r=_?A:t?O:A,d=t&&!_,s=d||H,m=d?"region":void 0,p=function(){return C?n.jsx(v,{static:!0,variant:S,theme:F,id:R,role:m,"aria-labelledby":N,dangerouslySetInnerHTML:{__html:h}},void 0):n.jsx(v,o.__assign({static:!0,variant:S,theme:F,id:R,role:m,"aria-labelledby":N},{children:h}),void 0)};return n.jsxs(n.Fragment,{children:[n.jsxs(u,o.__assign({theme:F,variant:S,disabled:_,titlecolor:b,controlIconPos:q,"aria-controls":R,id:N},{children:[d&&l?l:a,"right"===q&&n.jsx(r,{title:t?"close icon":"open icon",height:F.component.accordion.variant[S].icon.height,width:F.component.accordion.variant[S].icon.width,fill:F.component.accordion.variant[S].icon.color},void 0),"bottom"===q&&!(null==k?void 0:k.value)&&!d&&n.jsx(c.StyledOpenIconContainer,o.__assign({className:"openIconBottom",backgroundCover:k.iconBgColor},{children:n.jsx(r,{title:"open icon",height:F.component.accordion.variant[S].icon.height,width:F.component.accordion.variant[S].icon.width,fill:F.component.accordion.variant[S].icon.color},void 0)}),void 0),"bottom"===q&&s&&n.jsxs(n.Fragment,{children:[n.jsx(c.StyledContent,o.__assign({onClick:function(o){return o.stopPropagation()},style:{display:d?"block":"none"}},{children:p()}),void 0),d&&n.jsx(c.StyledCloseIconContainer,o.__assign({className:"closeIconBottom"},{children:n.jsx(r,{title:"close icon",height:F.component.accordion.variant[S].icon.height,width:F.component.accordion.variant[S].icon.width,fill:F.component.accordion.variant[S].icon.color},void 0)}),void 0)]},void 0)]}),void 0),"right"===q&&s&&n.jsx(c.StyledContent,o.__assign({onClick:function(o){return o.stopPropagation()},style:{display:d?"block":"none"}},{children:p()}),void 0)]},void 0)}}),void 0)};
+"use strict";var e=require("tslib"),n=require("react/jsx-runtime"),o=require("@emotion/styled"),i=require("@headlessui/react"),t=require("react");require("../../types/enums.js");var r=require("../../core/theme/Theme.js"),a=require("./styles.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=s(o),l=0,d=c.default.div(a.AccordionStyles.baseStyles,(function(e){return[a.AccordionStyles[e.variant](e.theme,e.disabled,e.controlIconPos)]})),u=c.default.button(a.AccordionSummaryStyles.baseStyles,(function(e){var n;return[a.AccordionSummaryStyles[e.variant](e.theme,null!==(n=e.disabled)&&void 0!==n&&n,e.controlIconPos)]}),(function(e){return[a.AccordionSummaryStyles.alignment(e.centerHeader,e.controlIconPos)]}),(function(e){return[a.AccordionSummaryStyles.title(e.titlecolor)]})),v=c.default.div(a.AccordionDetailsStyles.baseStyles,(function(e){return[a.AccordionDetailsStyles[e.variant](e.theme)]}));module.exports=function(o){var s,c=o.header,_=o.headerOnOpen,h=o.content,m=o.defaultOpen,f=o.forceOpenHandler,g=void 0!==f&&f,p=o.forceOpenValue,y=void 0!==p&&p,j=o.titleColor,x=o.variant,b=o.disabled,S=void 0!==b&&b,I=o.innerHTML,C=void 0!==I&&I,P=o.backgroundCover,B=void 0===P?{value:!1,iconBgColor:"inherit"}:P,k=o.controlIconPos,q=void 0===k?"right":k,A=o.centerHeader,O=void 0!==A&&A,H=o.openIcon,D=o.closeIcon,N=o.onClick,T=o.testId,w=o.ssr,L=void 0!==w&&w,M=o.id,W=r.useTheme(),R=t.useRef(null);null!==(s=R.current)&&void 0!==s||(R.current="afrodita-accordion-".concat(++l));var V=null!=M?M:R.current,z="".concat(V,"-button"),E="".concat(V,"-panel"),F=function(e,n){return{height:e.component.accordion.variant[n].icon.height,width:e.component.accordion.variant[n].icon.width,fill:e.component.accordion.variant[n].icon.color}}(W,x),G="bottom"===q,J=function(o){var i={variant:x,theme:W,id:E,role:o?"region":void 0,"aria-labelledby":z,"aria-hidden":!o};return C?n.jsx(v,e.__assign({},i,{dangerouslySetInnerHTML:{__html:h}}),void 0):n.jsx(v,e.__assign({},i,{children:function(){if(C)return null;if("function"==typeof h){var e=h;return n.jsx(e,{},void 0)}return h}()}),void 0)};if(g){var K=S||!y?H:D,Q=y&&!S,U=Q||L,X=y?"close icon":"open icon",Y=function(){S||null==N||N()};return n.jsxs(d,e.__assign({"data-testid":T,theme:W,variant:x,disabled:S,controlIconPos:q},{children:[n.jsxs(u,e.__assign({theme:W,variant:x,disabled:S,titlecolor:j,controlIconPos:q,centerHeader:O,"aria-controls":E,"aria-expanded":Q,id:z,onClick:Y,type:"button"},{children:[Q&&_?_:c,!G&&n.jsx(K,e.__assign({title:X},F),void 0),G&&!Q&&!(null==B?void 0:B.value)&&n.jsx(a.StyledOpenIconContainer,e.__assign({className:"openIconBottom",backgroundCover:null==B?void 0:B.iconBgColor},{children:n.jsx(K,e.__assign({title:"open icon"},F),void 0)}),void 0)]}),void 0),U&&n.jsx(a.StyledPanelWrapper,e.__assign({hidden:!Q},{children:J(Q)}),void 0),G&&Q&&n.jsx(a.StyledCloseIconContainer,e.__assign({as:"button",type:"button",className:"closeIconBottom",onClick:Y},{children:n.jsx(K,e.__assign({title:"close icon"},F),void 0)}),void 0)]}),void 0)}return n.jsx(i.Disclosure,e.__assign({as:"div",defaultOpen:m},{children:function(o){var t=o.open,r=S||!t?H:D,s=t&&!S,l=s||L,v=t?"close icon":"open icon";return n.jsxs(d,e.__assign({"data-testid":T,theme:W,variant:x,disabled:S,controlIconPos:q},{children:[n.jsxs(i.Disclosure.Button,e.__assign({as:u,theme:W,variant:x,disabled:S,titlecolor:j,controlIconPos:q,centerHeader:O,"aria-controls":E,"aria-expanded":s,id:z,onClick:function(){return null==N?void 0:N()}},{children:[s&&_?_:c,!G&&n.jsx(r,e.__assign({title:v},F),void 0),G&&!s&&!(null==B?void 0:B.value)&&n.jsx(a.StyledOpenIconContainer,e.__assign({className:"openIconBottom",backgroundCover:null==B?void 0:B.iconBgColor},{children:n.jsx(r,e.__assign({title:"open icon"},F),void 0)}),void 0)]}),void 0),l&&n.jsx(a.StyledPanelWrapper,e.__assign({hidden:!s},{children:J(s)}),void 0),G&&s&&n.jsx(i.Disclosure.Button,e.__assign({as:a.StyledCloseIconContainer,className:"closeIconBottom",onClick:function(){return null==N?void 0:N()}},{children:n.jsx(r,e.__assign({title:"close icon"},F),void 0)}),void 0)]}),void 0)}}),void 0)};
 //# sourceMappingURL=Accordion.js.map

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("tslib"),o=require("@emotion/styled"),e=require("@emotion/react");function t(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var r,i,a,c=t(o),s={baseStyles:e.css({background:"transparent",width:"auto"}),simple:function(o,t){return e.css(n.__assign(n.__assign({},o.component.accordion.variant.simple.container),{borderColor:t?o.colors.border.disabled:o.component.accordion.variant.simple.container.borderColor}))},box:function(o,t,r){return e.css(n.__assign(n.__assign({},o.component.accordion.variant.box.container),{padding:"bottom"===r?"unset":o.component.accordion.variant.box.container.padding,borderRadius:"bottom"===r?"1.25rem":o.component.accordion.variant.box.container.borderRadius,overflow:"bottom"===r?"hidden":"unset",borderColor:t?o.colors.border.disabled:o.component.accordion.variant.box.container.borderColor}))}},d={baseStyles:e.css({background:"transparent",width:"100%",border:"none",display:"flex",cursor:"pointer",justifyContent:"space-between",alignItems:"center",padding:"0"}),simple:function(o,t,r){return e.css(n.__assign(n.__assign({},o.component.accordion.variant.simple.summary),{flexDirection:"bottom"===r?"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,r){return e.css(n.__assign(n.__assign({},o.component.accordion.variant.box.summary),{flexDirection:"bottom"===r?"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 e.css({color:n||""})}},l={baseStyles:e.css({width:"100%",background:"transparent",border:"none"}),simple:function(o){return e.css(n.__assign({},o.component.accordion.variant.simple.details))},box:function(o){return e.css(n.__assign({},o.component.accordion.variant.box.details))}},u=c.default.button(r||(r=n.__makeTemplateObject(["\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"]))),p=c.default.div(i||(i=n.__makeTemplateObject(["\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"})),m=c.default.div(a||(a=n.__makeTemplateObject(["\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  margin: 20px 0;\n  background-color: transparent;\n"],["\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  margin: 20px 0;\n  background-color: transparent;\n"])));exports.AccordionDetailsStyles=l,exports.AccordionStyles=s,exports.AccordionSummaryStyles=d,exports.StyledCloseIconContainer=m,exports.StyledContent=u,exports.StyledOpenIconContainer=p;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("tslib"),o=require("@emotion/react");function e(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var t=e(require("@emotion/styled")),r={baseStyles:o.css({background:"transparent",width:"auto"}),simple:function(e,t){return o.css(n.__assign(n.__assign({},e.component.accordion.variant.simple.container),{borderColor:t?e.colors.border.disabled:e.component.accordion.variant.simple.container.borderColor}))},box:function(e,t,r){return o.css(n.__assign(n.__assign({},e.component.accordion.variant.box.container),{padding:"bottom"===r?"unset":e.component.accordion.variant.box.container.padding,borderRadius:"bottom"===r?"1.25rem":e.component.accordion.variant.box.container.borderRadius,overflow:"bottom"===r?"hidden":"unset",borderColor:t?e.colors.border.disabled:e.component.accordion.variant.box.container.borderColor}))}},i={baseStyles:o.css({background:"transparent",width:"100%",border:"none",display:"flex",cursor:"pointer",justifyContent:"space-between",alignItems:"center",padding:"0"}),alignment:function(n,e){return n&&"right"===e?o.css({justifyContent:"center",columnGap:"0.5rem"}):o.css({})},simple:function(e,t,r){return o.css(n.__assign(n.__assign({},e.component.accordion.variant.simple.summary),{flexDirection:"bottom"===r?"column":"row",color:t?e.colors.text.disabled:e.component.accordion.variant.simple.summary.color,fontFamily:e.fonts.config[0].family}))},box:function(e,t,r){return o.css(n.__assign(n.__assign({},e.component.accordion.variant.box.summary),{flexDirection:"bottom"===r?"column":"row",color:t?e.colors.text.disabled:e.component.accordion.variant.box.summary.color,fontFamily:e.fonts.config[0].family}))},title:function(n){return o.css({color:n||""})}},a={baseStyles:o.css({width:"100%",background:"transparent",border:"none"}),simple:function(e){return o.css(n.__assign({},e.component.accordion.variant.simple.details))},box:function(e){return o.css(n.__assign({},e.component.accordion.variant.box.details))}};t.default.button(c||(c=n.__makeTemplateObject(["\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,s,d,l,u=t.default.div(s||(s=n.__makeTemplateObject(["\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.default.div(d||(d=n.__makeTemplateObject(["\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"]))),m=t.default.div(l||(l=n.__makeTemplateObject(["\n  width: 100%;\n\n  &[hidden] {\n    display: none;\n  }\n"],["\n  width: 100%;\n\n  &[hidden] {\n    display: none;\n  }\n"])));exports.AccordionDetailsStyles=a,exports.AccordionStyles=r,exports.AccordionSummaryStyles=i,exports.StyledCloseIconContainer=p,exports.StyledOpenIconContainer=u,exports.StyledPanelWrapper=m;
 //# sourceMappingURL=styles.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.20.1",
+  "version": "7.22.0",
   "private": false,
   "main": "build/lib/index.js",
   "style": "build/es/index.css",