@laerdal/life-react-components 3.4.2 → 3.5.0

package/README.md

@@ -1,38 +1,38 @@
-# Laerdal LIFE component library for React
-
-[![Build Status](https://dev.azure.com/enable-laerdal/MyLaerdal%20Portal/_apis/build/status/laerdal.laerdal-component-library?branchName=master)](https://dev.azure.com/enable-laerdal/MyLaerdal%20Portal/_build/latest?definitionId=57&branchName=master)
-
-## How to use @laerdal/life-react-components
-
-- Add the package to your project:
-  - `cd /path/to/your-app`
-  - `yarn add @laerdal/life-react-components` or `npm add @laerdal/life-react-components`
-- Import components in your code:
-  - `import { Button } from '@laerdal/life-react-components'`
-- or icons:
-  - `import { ChevronLeft, ChevronRight } from '@laerdal/life-react-components'`
-
-## How to use a local version of @laerdal/life-react-components
-
-- Pull the latest version of @laerdal/life-react-components from Bitbucket.
-- If you have not already, add @laerdal/life-react-components to your application:
-  - `cd /path/to/your-app`
-  - `yarn add @laerdal/life-react-components` or `npm add @laerdal/life-react-components`
-- Create a link from your-app to component-library
-  - `cd /path/to/react-components`
-  - `yarn link`
-  - `cd /path/to/your-app`
-  - `yarn link “@laerdal/life-react-components”`
-  - `yarn`
-
-### Invalid hook call warning
-
-When you start your application, you might get an “Invalid Hook Call Warning”. This is because both component-library and your-app loads their own version of react and react dom. Make sure component-library uses the same version of react and react-dom as your-app uses:
-
-- `npm add npm-link-shared -g`
-- `cd /path/to/your-app`
-- `sudo npm-link-shared /path/to/react-components/node_modules . react react-dom`
-
-## Storybook
-
-_Storybook_ is added to the component library package to demo and document the components. Clone the repository, run `yarn`, then `cd apps/storybook` and run `yarn storybook` to start it locally.
+# Laerdal LIFE component library for React
+
+[![Build Status](https://dev.azure.com/enable-laerdal/MyLaerdal%20Portal/_apis/build/status/laerdal.laerdal-component-library?branchName=master)](https://dev.azure.com/enable-laerdal/MyLaerdal%20Portal/_build/latest?definitionId=57&branchName=master)
+
+## How to use @laerdal/life-react-components
+
+- Add the package to your project:
+  - `cd /path/to/your-app`
+  - `yarn add @laerdal/life-react-components` or `npm add @laerdal/life-react-components`
+- Import components in your code:
+  - `import { Button } from '@laerdal/life-react-components'`
+- or icons:
+  - `import { ChevronLeft, ChevronRight } from '@laerdal/life-react-components'`
+
+## How to use a local version of @laerdal/life-react-components
+
+- Pull the latest version of @laerdal/life-react-components from Bitbucket.
+- If you have not already, add @laerdal/life-react-components to your application:
+  - `cd /path/to/your-app`
+  - `yarn add @laerdal/life-react-components` or `npm add @laerdal/life-react-components`
+- Create a link from your-app to component-library
+  - `cd /path/to/react-components`
+  - `yarn link`
+  - `cd /path/to/your-app`
+  - `yarn link “@laerdal/life-react-components”`
+  - `yarn`
+
+### Invalid hook call warning
+
+When you start your application, you might get an “Invalid Hook Call Warning”. This is because both component-library and your-app loads their own version of react and react dom. Make sure component-library uses the same version of react and react-dom as your-app uses:
+
+- `npm add npm-link-shared -g`
+- `cd /path/to/your-app`
+- `sudo npm-link-shared /path/to/react-components/node_modules . react react-dom`
+
+## Storybook
+
+_Storybook_ is added to the component library package to demo and document the components. Clone the repository, run `yarn`, then `cd apps/storybook` and run `yarn storybook` to start it locally.

package/dist/Accordion/AccordionItem.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionItem.cjs","names":["AccordionItem","props","id","onSelect","isActive","title","icon","disabled","isLast","padding","children","className","size","Size","Medium","rest","cls","undefined","e","key","defaultOnMouseDownHandler"],"sources":["../../src/Accordion/AccordionItem.tsx"],"sourcesContent":["import React from 'react';\nimport {COLORS, ComponentS, Size} from '..';\nimport {SystemIcons} from '../icons';\nimport {AccordionItemProps} from './AccordionMenu';\nimport {AccordionItemContainer, AccordionItemBodyContainer, AccordionItemHeaderContainer} from './styles';\nimport {defaultOnMouseDownHandler} from '../common';\n\ninterface AccordionItemPropsInner extends AccordionItemProps {\n  onSelect: (id: string) => void;\n  isActive: boolean;\n  isLast: boolean;\n  padding?: string;\n  size?: Size.Small | Size.Medium | Size.Large;\n}\n\nconst AccordionItem: React.FunctionComponent<AccordionItemPropsInner> = (props: AccordionItemPropsInner) => {\n  const {\n    id,\n    onSelect,\n    isActive,\n    title,\n    icon,\n    disabled,\n    isLast,\n    padding,\n    children,\n    className,\n    size = Size.Medium,\n    ...rest\n  } = props;\n\n  const cls = (isActive ? 'active' : '') + (disabled ? ' disabled' : '') + (className ? ` ${className}` : '');\n\n  return (\n    <AccordionItemContainer id={id} className={size}>\n      <AccordionItemHeaderContainer\n        role=\"button\"\n        aria-expanded={isActive}\n        id={`itemHeaderFor_${id}`}\n        aria-controls={`itemContentFor_${id}`}\n        tabIndex={!disabled ? 0 : undefined}\n        onClick={() => {\n          if (!disabled) {\n            onSelect(id);\n          }\n        }}\n        onKeyDown={(e: any) => {\n          if (e.key === 'Enter') onSelect(id);\n        }}\n        onMouseDown={defaultOnMouseDownHandler}\n        className={cls}\n        {...rest}>\n        {icon}\n        <span>{title}</span>\n        <div aria-hidden=\"true\">\n          {\n            isActive && <SystemIcons.ChevronUp/>\n          }\n          {\n            !isActive && <SystemIcons.ChevronDown/>\n          }\n        </div>\n      </AccordionItemHeaderContainer>\n      {isActive && (\n        <AccordionItemBodyContainer id={`itemContentFor_${id}`} padding={padding}>\n          {children}\n        </AccordionItemBodyContainer>\n      )\n      }\n    </AccordionItemContainer>\n  );\n};\n\nexport default AccordionItem;\n"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AAEA;AACA;AAAoD;AAAA;AAAA;AAAA;AAUpD,IAAMA,aAA+D,GAAG,SAAlEA,aAA+D,CAAIC,KAA8B,EAAK;EAC1G,IACEC,EAAE,GAYAD,KAAK,CAZPC,EAAE;IACFC,QAAQ,GAWNF,KAAK,CAXPE,QAAQ;IACRC,QAAQ,GAUNH,KAAK,CAVPG,QAAQ;IACRC,KAAK,GASHJ,KAAK,CATPI,KAAK;IACLC,IAAI,GAQFL,KAAK,CARPK,IAAI;IACJC,QAAQ,GAONN,KAAK,CAPPM,QAAQ;IACRC,MAAM,GAMJP,KAAK,CANPO,MAAM;IACNC,OAAO,GAKLR,KAAK,CALPQ,OAAO;IACPC,QAAQ,GAINT,KAAK,CAJPS,QAAQ;IACRC,SAAS,GAGPV,KAAK,CAHPU,SAAS;IAAA,cAGPV,KAAK,CAFPW,IAAI;IAAJA,IAAI,4BAAGC,MAAI,CAACC,MAAM;IACfC,IAAI,0CACLd,KAAK;EAET,IAAMe,GAAG,GAAG,CAACZ,QAAQ,GAAG,QAAQ,GAAG,EAAE,KAAKG,QAAQ,GAAG,WAAW,GAAG,EAAE,CAAC,IAAII,SAAS,cAAOA,SAAS,IAAK,EAAE,CAAC;EAE3G,oBACE,sBAAC,8BAAsB;IAAC,EAAE,EAAET,EAAG;IAAC,SAAS,EAAEU,IAAK;IAAA,wBAC9C,sBAAC,oCAA4B;MAC3B,IAAI,EAAC,QAAQ;MACb,iBAAeR,QAAS;MACxB,EAAE,0BAAmBF,EAAE,CAAG;MAC1B,0CAAiCA,EAAE,CAAG;MACtC,QAAQ,EAAE,CAACK,QAAQ,GAAG,CAAC,GAAGU,SAAU;MACpC,OAAO,EAAE,mBAAM;QACb,IAAI,CAACV,QAAQ,EAAE;UACbJ,QAAQ,CAACD,EAAE,CAAC;QACd;MACF,CAAE;MACF,SAAS,EAAE,mBAACgB,CAAM,EAAK;QACrB,IAAIA,CAAC,CAACC,GAAG,KAAK,OAAO,EAAEhB,QAAQ,CAACD,EAAE,CAAC;MACrC,CAAE;MACF,WAAW,EAAEkB,iCAA0B;MACvC,SAAS,EAAEJ;IAAI,GACXD,IAAI;MAAA,WACPT,IAAI,eACL;QAAA,UAAOD;MAAK,EAAQ,eACpB;QAAK,eAAY,MAAM;QAAA,WAEnBD,QAAQ,iBAAI,qBAAC,kBAAW,CAAC,SAAS,KAAE,EAGpC,CAACA,QAAQ,iBAAI,qBAAC,kBAAW,CAAC,WAAW,KAAE;MAAA,EAErC;IAAA,GACuB,EAC9BA,QAAQ,iBACP,qBAAC,kCAA0B;MAAC,EAAE,2BAAoBF,EAAE,CAAG;MAAC,OAAO,EAAEO,OAAQ;MAAA,UACtEC;IAAQ,EAEZ;EAAA,EAEsB;AAE7B,CAAC;AAAC;EA/DAP,QAAQ;EACRC,QAAQ;EACRI,MAAM;EACNC,OAAO;AAAA;AAAA,eA8DMT,aAAa;AAAA"}
+{"version":3,"file":"AccordionItem.cjs","names":["AccordionItem","props","id","onSelect","isActive","title","icon","disabled","isLast","padding","children","className","size","Size","Medium","rest","cls","undefined","e","key","defaultOnMouseDownHandler"],"sources":["../../src/Accordion/AccordionItem.tsx"],"sourcesContent":["import React from 'react';\r\nimport {COLORS, ComponentS, Size} from '..';\r\nimport {SystemIcons} from '../icons';\r\nimport {AccordionItemProps} from './AccordionMenu';\r\nimport {AccordionItemContainer, AccordionItemBodyContainer, AccordionItemHeaderContainer} from './styles';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\n\r\ninterface AccordionItemPropsInner extends AccordionItemProps {\r\n  onSelect: (id: string) => void;\r\n  isActive: boolean;\r\n  isLast: boolean;\r\n  padding?: string;\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n}\r\n\r\nconst AccordionItem: React.FunctionComponent<AccordionItemPropsInner> = (props: AccordionItemPropsInner) => {\r\n  const {\r\n    id,\r\n    onSelect,\r\n    isActive,\r\n    title,\r\n    icon,\r\n    disabled,\r\n    isLast,\r\n    padding,\r\n    children,\r\n    className,\r\n    size = Size.Medium,\r\n    ...rest\r\n  } = props;\r\n\r\n  const cls = (isActive ? 'active' : '') + (disabled ? ' disabled' : '') + (className ? ` ${className}` : '');\r\n\r\n  return (\r\n    <AccordionItemContainer id={id} className={size}>\r\n      <AccordionItemHeaderContainer\r\n        role=\"button\"\r\n        aria-expanded={isActive}\r\n        id={`itemHeaderFor_${id}`}\r\n        aria-controls={`itemContentFor_${id}`}\r\n        tabIndex={!disabled ? 0 : undefined}\r\n        onClick={() => {\r\n          if (!disabled) {\r\n            onSelect(id);\r\n          }\r\n        }}\r\n        onKeyDown={(e: any) => {\r\n          if (e.key === 'Enter') onSelect(id);\r\n        }}\r\n        onMouseDown={defaultOnMouseDownHandler}\r\n        className={cls}\r\n        {...rest}>\r\n        {icon}\r\n        <span>{title}</span>\r\n        <div aria-hidden=\"true\">\r\n          {\r\n            isActive && <SystemIcons.ChevronUp/>\r\n          }\r\n          {\r\n            !isActive && <SystemIcons.ChevronDown/>\r\n          }\r\n        </div>\r\n      </AccordionItemHeaderContainer>\r\n      {isActive && (\r\n        <AccordionItemBodyContainer id={`itemContentFor_${id}`} padding={padding}>\r\n          {children}\r\n        </AccordionItemBodyContainer>\r\n      )\r\n      }\r\n    </AccordionItemContainer>\r\n  );\r\n};\r\n\r\nexport default AccordionItem;\r\n"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AAEA;AACA;AAAoD;AAAA;AAAA;AAAA;AAUpD,IAAMA,aAA+D,GAAG,SAAlEA,aAA+D,CAAIC,KAA8B,EAAK;EAC1G,IACEC,EAAE,GAYAD,KAAK,CAZPC,EAAE;IACFC,QAAQ,GAWNF,KAAK,CAXPE,QAAQ;IACRC,QAAQ,GAUNH,KAAK,CAVPG,QAAQ;IACRC,KAAK,GASHJ,KAAK,CATPI,KAAK;IACLC,IAAI,GAQFL,KAAK,CARPK,IAAI;IACJC,QAAQ,GAONN,KAAK,CAPPM,QAAQ;IACRC,MAAM,GAMJP,KAAK,CANPO,MAAM;IACNC,OAAO,GAKLR,KAAK,CALPQ,OAAO;IACPC,QAAQ,GAINT,KAAK,CAJPS,QAAQ;IACRC,SAAS,GAGPV,KAAK,CAHPU,SAAS;IAAA,cAGPV,KAAK,CAFPW,IAAI;IAAJA,IAAI,4BAAGC,MAAI,CAACC,MAAM;IACfC,IAAI,0CACLd,KAAK;EAET,IAAMe,GAAG,GAAG,CAACZ,QAAQ,GAAG,QAAQ,GAAG,EAAE,KAAKG,QAAQ,GAAG,WAAW,GAAG,EAAE,CAAC,IAAII,SAAS,cAAOA,SAAS,IAAK,EAAE,CAAC;EAE3G,oBACE,sBAAC,8BAAsB;IAAC,EAAE,EAAET,EAAG;IAAC,SAAS,EAAEU,IAAK;IAAA,wBAC9C,sBAAC,oCAA4B;MAC3B,IAAI,EAAC,QAAQ;MACb,iBAAeR,QAAS;MACxB,EAAE,0BAAmBF,EAAE,CAAG;MAC1B,0CAAiCA,EAAE,CAAG;MACtC,QAAQ,EAAE,CAACK,QAAQ,GAAG,CAAC,GAAGU,SAAU;MACpC,OAAO,EAAE,mBAAM;QACb,IAAI,CAACV,QAAQ,EAAE;UACbJ,QAAQ,CAACD,EAAE,CAAC;QACd;MACF,CAAE;MACF,SAAS,EAAE,mBAACgB,CAAM,EAAK;QACrB,IAAIA,CAAC,CAACC,GAAG,KAAK,OAAO,EAAEhB,QAAQ,CAACD,EAAE,CAAC;MACrC,CAAE;MACF,WAAW,EAAEkB,iCAA0B;MACvC,SAAS,EAAEJ;IAAI,GACXD,IAAI;MAAA,WACPT,IAAI,eACL;QAAA,UAAOD;MAAK,EAAQ,eACpB;QAAK,eAAY,MAAM;QAAA,WAEnBD,QAAQ,iBAAI,qBAAC,kBAAW,CAAC,SAAS,KAAE,EAGpC,CAACA,QAAQ,iBAAI,qBAAC,kBAAW,CAAC,WAAW,KAAE;MAAA,EAErC;IAAA,GACuB,EAC9BA,QAAQ,iBACP,qBAAC,kCAA0B;MAAC,EAAE,2BAAoBF,EAAE,CAAG;MAAC,OAAO,EAAEO,OAAQ;MAAA,UACtEC;IAAQ,EAEZ;EAAA,EAEsB;AAE7B,CAAC;AAAC;EA/DAP,QAAQ;EACRC,QAAQ;EACRI,MAAM;EACNC,OAAO;AAAA;AAAA,eA8DMT,aAAa;AAAA"}

package/dist/Accordion/AccordionItem.d.ts

@@ -1,12 +1,12 @@
-import React from 'react';
-import { Size } from '..';
-import { AccordionItemProps } from './AccordionMenu';
-interface AccordionItemPropsInner extends AccordionItemProps {
-    onSelect: (id: string) => void;
-    isActive: boolean;
-    isLast: boolean;
-    padding?: string;
-    size?: Size.Small | Size.Medium | Size.Large;
-}
-declare const AccordionItem: React.FunctionComponent<AccordionItemPropsInner>;
-export default AccordionItem;
+import React from 'react';
+import { Size } from '..';
+import { AccordionItemProps } from './AccordionMenu';
+interface AccordionItemPropsInner extends AccordionItemProps {
+    onSelect: (id: string) => void;
+    isActive: boolean;
+    isLast: boolean;
+    padding?: string;
+    size?: Size.Small | Size.Medium | Size.Large;
+}
+declare const AccordionItem: React.FunctionComponent<AccordionItemPropsInner>;
+export default AccordionItem;

package/dist/Accordion/AccordionItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionItem.js","names":["React","Size","SystemIcons","AccordionItemContainer","AccordionItemBodyContainer","AccordionItemHeaderContainer","defaultOnMouseDownHandler","AccordionItem","props","id","onSelect","isActive","title","icon","disabled","isLast","padding","children","className","size","Medium","rest","cls","undefined","e","key"],"sources":["../../src/Accordion/AccordionItem.tsx"],"sourcesContent":["import React from 'react';\nimport {COLORS, ComponentS, Size} from '..';\nimport {SystemIcons} from '../icons';\nimport {AccordionItemProps} from './AccordionMenu';\nimport {AccordionItemContainer, AccordionItemBodyContainer, AccordionItemHeaderContainer} from './styles';\nimport {defaultOnMouseDownHandler} from '../common';\n\ninterface AccordionItemPropsInner extends AccordionItemProps {\n  onSelect: (id: string) => void;\n  isActive: boolean;\n  isLast: boolean;\n  padding?: string;\n  size?: Size.Small | Size.Medium | Size.Large;\n}\n\nconst AccordionItem: React.FunctionComponent<AccordionItemPropsInner> = (props: AccordionItemPropsInner) => {\n  const {\n    id,\n    onSelect,\n    isActive,\n    title,\n    icon,\n    disabled,\n    isLast,\n    padding,\n    children,\n    className,\n    size = Size.Medium,\n    ...rest\n  } = props;\n\n  const cls = (isActive ? 'active' : '') + (disabled ? ' disabled' : '') + (className ? ` ${className}` : '');\n\n  return (\n    <AccordionItemContainer id={id} className={size}>\n      <AccordionItemHeaderContainer\n        role=\"button\"\n        aria-expanded={isActive}\n        id={`itemHeaderFor_${id}`}\n        aria-controls={`itemContentFor_${id}`}\n        tabIndex={!disabled ? 0 : undefined}\n        onClick={() => {\n          if (!disabled) {\n            onSelect(id);\n          }\n        }}\n        onKeyDown={(e: any) => {\n          if (e.key === 'Enter') onSelect(id);\n        }}\n        onMouseDown={defaultOnMouseDownHandler}\n        className={cls}\n        {...rest}>\n        {icon}\n        <span>{title}</span>\n        <div aria-hidden=\"true\">\n          {\n            isActive && <SystemIcons.ChevronUp/>\n          }\n          {\n            !isActive && <SystemIcons.ChevronDown/>\n          }\n        </div>\n      </AccordionItemHeaderContainer>\n      {isActive && (\n        <AccordionItemBodyContainer id={`itemContentFor_${id}`} padding={padding}>\n          {children}\n        </AccordionItemBodyContainer>\n      )\n      }\n    </AccordionItemContainer>\n  );\n};\n\nexport default AccordionItem;\n"],"mappings":";;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAA4BC,IAAI,QAAO,IAAI;AAC3C,SAAQC,WAAW,QAAO,UAAU;AAEpC,SAAQC,sBAAsB,EAAEC,0BAA0B,EAAEC,4BAA4B,QAAO,UAAU;AACzG,SAAQC,yBAAyB,QAAO,WAAW;AAAC;AAAA;AAUpD,IAAMC,aAA+D,GAAG,SAAlEA,aAA+D,CAAIC,KAA8B,EAAK;EAC1G,IACEC,EAAE,GAYAD,KAAK,CAZPC,EAAE;IACFC,QAAQ,GAWNF,KAAK,CAXPE,QAAQ;IACRC,QAAQ,GAUNH,KAAK,CAVPG,QAAQ;IACRC,KAAK,GASHJ,KAAK,CATPI,KAAK;IACLC,IAAI,GAQFL,KAAK,CARPK,IAAI;IACJC,QAAQ,GAONN,KAAK,CAPPM,QAAQ;IACRC,MAAM,GAMJP,KAAK,CANPO,MAAM;IACNC,OAAO,GAKLR,KAAK,CALPQ,OAAO;IACPC,QAAQ,GAINT,KAAK,CAJPS,QAAQ;IACRC,SAAS,GAGPV,KAAK,CAHPU,SAAS;IAAA,cAGPV,KAAK,CAFPW,IAAI;IAAJA,IAAI,4BAAGlB,IAAI,CAACmB,MAAM;IACfC,IAAI,4BACLb,KAAK;EAET,IAAMc,GAAG,GAAG,CAACX,QAAQ,GAAG,QAAQ,GAAG,EAAE,KAAKG,QAAQ,GAAG,WAAW,GAAG,EAAE,CAAC,IAAII,SAAS,cAAOA,SAAS,IAAK,EAAE,CAAC;EAE3G,oBACE,MAAC,sBAAsB;IAAC,EAAE,EAAET,EAAG;IAAC,SAAS,EAAEU,IAAK;IAAA,wBAC9C,MAAC,4BAA4B;MAC3B,IAAI,EAAC,QAAQ;MACb,iBAAeR,QAAS;MACxB,EAAE,0BAAmBF,EAAE,CAAG;MAC1B,0CAAiCA,EAAE,CAAG;MACtC,QAAQ,EAAE,CAACK,QAAQ,GAAG,CAAC,GAAGS,SAAU;MACpC,OAAO,EAAE,mBAAM;QACb,IAAI,CAACT,QAAQ,EAAE;UACbJ,QAAQ,CAACD,EAAE,CAAC;QACd;MACF,CAAE;MACF,SAAS,EAAE,mBAACe,CAAM,EAAK;QACrB,IAAIA,CAAC,CAACC,GAAG,KAAK,OAAO,EAAEf,QAAQ,CAACD,EAAE,CAAC;MACrC,CAAE;MACF,WAAW,EAAEH,yBAA0B;MACvC,SAAS,EAAEgB;IAAI,GACXD,IAAI;MAAA,WACPR,IAAI,eACL;QAAA,UAAOD;MAAK,EAAQ,eACpB;QAAK,eAAY,MAAM;QAAA,WAEnBD,QAAQ,iBAAI,KAAC,WAAW,CAAC,SAAS,KAAE,EAGpC,CAACA,QAAQ,iBAAI,KAAC,WAAW,CAAC,WAAW,KAAE;MAAA,EAErC;IAAA,GACuB,EAC9BA,QAAQ,iBACP,KAAC,0BAA0B;MAAC,EAAE,2BAAoBF,EAAE,CAAG;MAAC,OAAO,EAAEO,OAAQ;MAAA,UACtEC;IAAQ,EAEZ;EAAA,EAEsB;AAE7B,CAAC;AAAC;EA/DAP,QAAQ;EACRC,QAAQ;EACRI,MAAM;EACNC,OAAO;AAAA;AA8DT,eAAeT,aAAa"}
+{"version":3,"file":"AccordionItem.js","names":["React","Size","SystemIcons","AccordionItemContainer","AccordionItemBodyContainer","AccordionItemHeaderContainer","defaultOnMouseDownHandler","AccordionItem","props","id","onSelect","isActive","title","icon","disabled","isLast","padding","children","className","size","Medium","rest","cls","undefined","e","key"],"sources":["../../src/Accordion/AccordionItem.tsx"],"sourcesContent":["import React from 'react';\r\nimport {COLORS, ComponentS, Size} from '..';\r\nimport {SystemIcons} from '../icons';\r\nimport {AccordionItemProps} from './AccordionMenu';\r\nimport {AccordionItemContainer, AccordionItemBodyContainer, AccordionItemHeaderContainer} from './styles';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\n\r\ninterface AccordionItemPropsInner extends AccordionItemProps {\r\n  onSelect: (id: string) => void;\r\n  isActive: boolean;\r\n  isLast: boolean;\r\n  padding?: string;\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n}\r\n\r\nconst AccordionItem: React.FunctionComponent<AccordionItemPropsInner> = (props: AccordionItemPropsInner) => {\r\n  const {\r\n    id,\r\n    onSelect,\r\n    isActive,\r\n    title,\r\n    icon,\r\n    disabled,\r\n    isLast,\r\n    padding,\r\n    children,\r\n    className,\r\n    size = Size.Medium,\r\n    ...rest\r\n  } = props;\r\n\r\n  const cls = (isActive ? 'active' : '') + (disabled ? ' disabled' : '') + (className ? ` ${className}` : '');\r\n\r\n  return (\r\n    <AccordionItemContainer id={id} className={size}>\r\n      <AccordionItemHeaderContainer\r\n        role=\"button\"\r\n        aria-expanded={isActive}\r\n        id={`itemHeaderFor_${id}`}\r\n        aria-controls={`itemContentFor_${id}`}\r\n        tabIndex={!disabled ? 0 : undefined}\r\n        onClick={() => {\r\n          if (!disabled) {\r\n            onSelect(id);\r\n          }\r\n        }}\r\n        onKeyDown={(e: any) => {\r\n          if (e.key === 'Enter') onSelect(id);\r\n        }}\r\n        onMouseDown={defaultOnMouseDownHandler}\r\n        className={cls}\r\n        {...rest}>\r\n        {icon}\r\n        <span>{title}</span>\r\n        <div aria-hidden=\"true\">\r\n          {\r\n            isActive && <SystemIcons.ChevronUp/>\r\n          }\r\n          {\r\n            !isActive && <SystemIcons.ChevronDown/>\r\n          }\r\n        </div>\r\n      </AccordionItemHeaderContainer>\r\n      {isActive && (\r\n        <AccordionItemBodyContainer id={`itemContentFor_${id}`} padding={padding}>\r\n          {children}\r\n        </AccordionItemBodyContainer>\r\n      )\r\n      }\r\n    </AccordionItemContainer>\r\n  );\r\n};\r\n\r\nexport default AccordionItem;\r\n"],"mappings":";;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAA4BC,IAAI,QAAO,IAAI;AAC3C,SAAQC,WAAW,QAAO,UAAU;AAEpC,SAAQC,sBAAsB,EAAEC,0BAA0B,EAAEC,4BAA4B,QAAO,UAAU;AACzG,SAAQC,yBAAyB,QAAO,WAAW;AAAC;AAAA;AAUpD,IAAMC,aAA+D,GAAG,SAAlEA,aAA+D,CAAIC,KAA8B,EAAK;EAC1G,IACEC,EAAE,GAYAD,KAAK,CAZPC,EAAE;IACFC,QAAQ,GAWNF,KAAK,CAXPE,QAAQ;IACRC,QAAQ,GAUNH,KAAK,CAVPG,QAAQ;IACRC,KAAK,GASHJ,KAAK,CATPI,KAAK;IACLC,IAAI,GAQFL,KAAK,CARPK,IAAI;IACJC,QAAQ,GAONN,KAAK,CAPPM,QAAQ;IACRC,MAAM,GAMJP,KAAK,CANPO,MAAM;IACNC,OAAO,GAKLR,KAAK,CALPQ,OAAO;IACPC,QAAQ,GAINT,KAAK,CAJPS,QAAQ;IACRC,SAAS,GAGPV,KAAK,CAHPU,SAAS;IAAA,cAGPV,KAAK,CAFPW,IAAI;IAAJA,IAAI,4BAAGlB,IAAI,CAACmB,MAAM;IACfC,IAAI,4BACLb,KAAK;EAET,IAAMc,GAAG,GAAG,CAACX,QAAQ,GAAG,QAAQ,GAAG,EAAE,KAAKG,QAAQ,GAAG,WAAW,GAAG,EAAE,CAAC,IAAII,SAAS,cAAOA,SAAS,IAAK,EAAE,CAAC;EAE3G,oBACE,MAAC,sBAAsB;IAAC,EAAE,EAAET,EAAG;IAAC,SAAS,EAAEU,IAAK;IAAA,wBAC9C,MAAC,4BAA4B;MAC3B,IAAI,EAAC,QAAQ;MACb,iBAAeR,QAAS;MACxB,EAAE,0BAAmBF,EAAE,CAAG;MAC1B,0CAAiCA,EAAE,CAAG;MACtC,QAAQ,EAAE,CAACK,QAAQ,GAAG,CAAC,GAAGS,SAAU;MACpC,OAAO,EAAE,mBAAM;QACb,IAAI,CAACT,QAAQ,EAAE;UACbJ,QAAQ,CAACD,EAAE,CAAC;QACd;MACF,CAAE;MACF,SAAS,EAAE,mBAACe,CAAM,EAAK;QACrB,IAAIA,CAAC,CAACC,GAAG,KAAK,OAAO,EAAEf,QAAQ,CAACD,EAAE,CAAC;MACrC,CAAE;MACF,WAAW,EAAEH,yBAA0B;MACvC,SAAS,EAAEgB;IAAI,GACXD,IAAI;MAAA,WACPR,IAAI,eACL;QAAA,UAAOD;MAAK,EAAQ,eACpB;QAAK,eAAY,MAAM;QAAA,WAEnBD,QAAQ,iBAAI,KAAC,WAAW,CAAC,SAAS,KAAE,EAGpC,CAACA,QAAQ,iBAAI,KAAC,WAAW,CAAC,WAAW,KAAE;MAAA,EAErC;IAAA,GACuB,EAC9BA,QAAQ,iBACP,KAAC,0BAA0B;MAAC,EAAE,2BAAoBF,EAAE,CAAG;MAAC,OAAO,EAAEO,OAAQ;MAAA,UACtEC;IAAQ,EAEZ;EAAA,EAEsB;AAE7B,CAAC;AAAC;EA/DAP,QAAQ;EACRC,QAAQ;EACRI,MAAM;EACNC,OAAO;AAAA;AA8DT,eAAeT,aAAa"}

package/dist/Accordion/AccordionMenu.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionMenu.cjs","names":["AccordionMenu","props","items","selectedItems","setSelectedItems","onSelect","multipleActive","padding","size","Size","Medium","rest","React","useState","builtinSelectedItems","builtinSetSelectedItems","getCollection","getUpdateFunction","onSelected","id","collection","updateFunc","isActive","find","x","filter","map","index","disabled","title","icon","children","length"],"sources":["../../src/Accordion/AccordionMenu.tsx"],"sourcesContent":["import * as React from 'react';\nimport AccordionItem from './AccordionItem';\nimport { AccordionMenuWrapper } from './styles';\nimport {Size} from \"../types\";\n\nexport interface AccordionProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'>{\n  items: AccordionItemProps[];\n  selectedItems?: string[];\n  setSelectedItems?: (a: string[]) => void;\n  onSelect?: (id: string) => void;\n  multipleActive?: boolean;\n  padding?: string;\n  size?: Size.Small | Size.Medium | Size.Large;\n}\n\nexport interface AccordionItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'id' | 'aria-expanded' | 'onSelect' | 'tabIndex' | 'onKeyDown' | 'onClick' | 'onMouseDown'> {\n  id: string;\n  disabled?: boolean;\n  title: string;\n  icon?: React.ReactNode;\n\n  size?: Size.Small | Size.Medium | Size.Large;\n  children: React.ReactNode;\n}\n\nconst AccordionMenu: React.FunctionComponent<AccordionProps> = (props: AccordionProps) => {\n  const { items, selectedItems, setSelectedItems, onSelect, multipleActive, padding, size = Size.Medium, ...rest } = props;\n  const [builtinSelectedItems, builtinSetSelectedItems] = React.useState<string[]>([]);\n\n  const getCollection = () => {\n    return selectedItems ? selectedItems : builtinSelectedItems;\n  };\n\n  const getUpdateFunction = () => {\n    return setSelectedItems ? setSelectedItems : builtinSetSelectedItems;\n  };\n\n  const onSelected = (id: string) => {\n    const collection = getCollection();\n    const updateFunc = getUpdateFunction();\n\n    const isActive = !!collection.find((x) => x == id);\n    if (multipleActive) {\n      if (isActive) updateFunc(collection.filter((x) => x != id));\n      else updateFunc([...collection, id]);\n    } else updateFunc(isActive ? [] : [id]);\n\n    onSelect && onSelect(id);\n  };\n\n  return (\n    <AccordionMenuWrapper {...rest}>\n      {items.map(({id, disabled, title, icon, children, ...rest}, index) => (\n        <AccordionItem\n          key={id}\n          id={id}\n          disabled={disabled}\n          title={title}\n          aria-expanded={!!getCollection().find((x) => x == id)}\n          icon={icon}\n          isActive={!!getCollection().find((x) => x == id)}\n          isLast={index === items.length - 1}\n          onSelect={onSelected}\n          padding={padding}\n          size={size}\n          {...rest}>\n          {children}\n        </AccordionItem>\n      ))}\n    </AccordionMenuWrapper>\n  );\n};\n\nexport default AccordionMenu;\n"],"mappings":"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"}
+{"version":3,"file":"AccordionMenu.cjs","names":["AccordionMenu","props","items","selectedItems","setSelectedItems","onSelect","multipleActive","padding","size","Size","Medium","rest","React","useState","builtinSelectedItems","builtinSetSelectedItems","getCollection","getUpdateFunction","onSelected","id","collection","updateFunc","isActive","find","x","filter","map","index","disabled","title","icon","children","length"],"sources":["../../src/Accordion/AccordionMenu.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport AccordionItem from './AccordionItem';\r\nimport { AccordionMenuWrapper } from './styles';\r\nimport {Size} from \"../types\";\r\n\r\nexport interface AccordionProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'>{\r\n  items: AccordionItemProps[];\r\n  selectedItems?: string[];\r\n  setSelectedItems?: (a: string[]) => void;\r\n  onSelect?: (id: string) => void;\r\n  multipleActive?: boolean;\r\n  padding?: string;\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n}\r\n\r\nexport interface AccordionItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'id' | 'aria-expanded' | 'onSelect' | 'tabIndex' | 'onKeyDown' | 'onClick' | 'onMouseDown'> {\r\n  id: string;\r\n  disabled?: boolean;\r\n  title: string;\r\n  icon?: React.ReactNode;\r\n\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n  children: React.ReactNode;\r\n}\r\n\r\nconst AccordionMenu: React.FunctionComponent<AccordionProps> = (props: AccordionProps) => {\r\n  const { items, selectedItems, setSelectedItems, onSelect, multipleActive, padding, size = Size.Medium, ...rest } = props;\r\n  const [builtinSelectedItems, builtinSetSelectedItems] = React.useState<string[]>([]);\r\n\r\n  const getCollection = () => {\r\n    return selectedItems ? selectedItems : builtinSelectedItems;\r\n  };\r\n\r\n  const getUpdateFunction = () => {\r\n    return setSelectedItems ? setSelectedItems : builtinSetSelectedItems;\r\n  };\r\n\r\n  const onSelected = (id: string) => {\r\n    const collection = getCollection();\r\n    const updateFunc = getUpdateFunction();\r\n\r\n    const isActive = !!collection.find((x) => x == id);\r\n    if (multipleActive) {\r\n      if (isActive) updateFunc(collection.filter((x) => x != id));\r\n      else updateFunc([...collection, id]);\r\n    } else updateFunc(isActive ? [] : [id]);\r\n\r\n    onSelect && onSelect(id);\r\n  };\r\n\r\n  return (\r\n    <AccordionMenuWrapper {...rest}>\r\n      {items.map(({id, disabled, title, icon, children, ...rest}, index) => (\r\n        <AccordionItem\r\n          key={id}\r\n          id={id}\r\n          disabled={disabled}\r\n          title={title}\r\n          aria-expanded={!!getCollection().find((x) => x == id)}\r\n          icon={icon}\r\n          isActive={!!getCollection().find((x) => x == id)}\r\n          isLast={index === items.length - 1}\r\n          onSelect={onSelected}\r\n          padding={padding}\r\n          size={size}\r\n          {...rest}>\r\n          {children}\r\n        </AccordionItem>\r\n      ))}\r\n    </AccordionMenuWrapper>\r\n  );\r\n};\r\n\r\nexport default AccordionMenu;\r\n"],"mappings":"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"}

package/dist/Accordion/AccordionMenu.d.ts

@@ -1,21 +1,21 @@
-import * as React from 'react';
-import { Size } from "../types";
-export interface AccordionProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> {
-    items: AccordionItemProps[];
-    selectedItems?: string[];
-    setSelectedItems?: (a: string[]) => void;
-    onSelect?: (id: string) => void;
-    multipleActive?: boolean;
-    padding?: string;
-    size?: Size.Small | Size.Medium | Size.Large;
-}
-export interface AccordionItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'id' | 'aria-expanded' | 'onSelect' | 'tabIndex' | 'onKeyDown' | 'onClick' | 'onMouseDown'> {
-    id: string;
-    disabled?: boolean;
-    title: string;
-    icon?: React.ReactNode;
-    size?: Size.Small | Size.Medium | Size.Large;
-    children: React.ReactNode;
-}
-declare const AccordionMenu: React.FunctionComponent<AccordionProps>;
-export default AccordionMenu;
+import * as React from 'react';
+import { Size } from "../types";
+export interface AccordionProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> {
+    items: AccordionItemProps[];
+    selectedItems?: string[];
+    setSelectedItems?: (a: string[]) => void;
+    onSelect?: (id: string) => void;
+    multipleActive?: boolean;
+    padding?: string;
+    size?: Size.Small | Size.Medium | Size.Large;
+}
+export interface AccordionItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'id' | 'aria-expanded' | 'onSelect' | 'tabIndex' | 'onKeyDown' | 'onClick' | 'onMouseDown'> {
+    id: string;
+    disabled?: boolean;
+    title: string;
+    icon?: React.ReactNode;
+    size?: Size.Small | Size.Medium | Size.Large;
+    children: React.ReactNode;
+}
+declare const AccordionMenu: React.FunctionComponent<AccordionProps>;
+export default AccordionMenu;

package/dist/Accordion/AccordionMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionMenu.js","names":["React","AccordionItem","AccordionMenuWrapper","Size","AccordionMenu","props","items","selectedItems","setSelectedItems","onSelect","multipleActive","padding","size","Medium","rest","useState","builtinSelectedItems","builtinSetSelectedItems","getCollection","getUpdateFunction","onSelected","id","collection","updateFunc","isActive","find","x","filter","map","index","disabled","title","icon","children","length"],"sources":["../../src/Accordion/AccordionMenu.tsx"],"sourcesContent":["import * as React from 'react';\nimport AccordionItem from './AccordionItem';\nimport { AccordionMenuWrapper } from './styles';\nimport {Size} from \"../types\";\n\nexport interface AccordionProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'>{\n  items: AccordionItemProps[];\n  selectedItems?: string[];\n  setSelectedItems?: (a: string[]) => void;\n  onSelect?: (id: string) => void;\n  multipleActive?: boolean;\n  padding?: string;\n  size?: Size.Small | Size.Medium | Size.Large;\n}\n\nexport interface AccordionItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'id' | 'aria-expanded' | 'onSelect' | 'tabIndex' | 'onKeyDown' | 'onClick' | 'onMouseDown'> {\n  id: string;\n  disabled?: boolean;\n  title: string;\n  icon?: React.ReactNode;\n\n  size?: Size.Small | Size.Medium | Size.Large;\n  children: React.ReactNode;\n}\n\nconst AccordionMenu: React.FunctionComponent<AccordionProps> = (props: AccordionProps) => {\n  const { items, selectedItems, setSelectedItems, onSelect, multipleActive, padding, size = Size.Medium, ...rest } = props;\n  const [builtinSelectedItems, builtinSetSelectedItems] = React.useState<string[]>([]);\n\n  const getCollection = () => {\n    return selectedItems ? selectedItems : builtinSelectedItems;\n  };\n\n  const getUpdateFunction = () => {\n    return setSelectedItems ? setSelectedItems : builtinSetSelectedItems;\n  };\n\n  const onSelected = (id: string) => {\n    const collection = getCollection();\n    const updateFunc = getUpdateFunction();\n\n    const isActive = !!collection.find((x) => x == id);\n    if (multipleActive) {\n      if (isActive) updateFunc(collection.filter((x) => x != id));\n      else updateFunc([...collection, id]);\n    } else updateFunc(isActive ? [] : [id]);\n\n    onSelect && onSelect(id);\n  };\n\n  return (\n    <AccordionMenuWrapper {...rest}>\n      {items.map(({id, disabled, title, icon, children, ...rest}, index) => (\n        <AccordionItem\n          key={id}\n          id={id}\n          disabled={disabled}\n          title={title}\n          aria-expanded={!!getCollection().find((x) => x == id)}\n          icon={icon}\n          isActive={!!getCollection().find((x) => x == id)}\n          isLast={index === items.length - 1}\n          onSelect={onSelected}\n          padding={padding}\n          size={size}\n          {...rest}>\n          {children}\n        </AccordionItem>\n      ))}\n    </AccordionMenuWrapper>\n  );\n};\n\nexport default AccordionMenu;\n"],"mappings":"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"}
+{"version":3,"file":"AccordionMenu.js","names":["React","AccordionItem","AccordionMenuWrapper","Size","AccordionMenu","props","items","selectedItems","setSelectedItems","onSelect","multipleActive","padding","size","Medium","rest","useState","builtinSelectedItems","builtinSetSelectedItems","getCollection","getUpdateFunction","onSelected","id","collection","updateFunc","isActive","find","x","filter","map","index","disabled","title","icon","children","length"],"sources":["../../src/Accordion/AccordionMenu.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport AccordionItem from './AccordionItem';\r\nimport { AccordionMenuWrapper } from './styles';\r\nimport {Size} from \"../types\";\r\n\r\nexport interface AccordionProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'>{\r\n  items: AccordionItemProps[];\r\n  selectedItems?: string[];\r\n  setSelectedItems?: (a: string[]) => void;\r\n  onSelect?: (id: string) => void;\r\n  multipleActive?: boolean;\r\n  padding?: string;\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n}\r\n\r\nexport interface AccordionItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'id' | 'aria-expanded' | 'onSelect' | 'tabIndex' | 'onKeyDown' | 'onClick' | 'onMouseDown'> {\r\n  id: string;\r\n  disabled?: boolean;\r\n  title: string;\r\n  icon?: React.ReactNode;\r\n\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n  children: React.ReactNode;\r\n}\r\n\r\nconst AccordionMenu: React.FunctionComponent<AccordionProps> = (props: AccordionProps) => {\r\n  const { items, selectedItems, setSelectedItems, onSelect, multipleActive, padding, size = Size.Medium, ...rest } = props;\r\n  const [builtinSelectedItems, builtinSetSelectedItems] = React.useState<string[]>([]);\r\n\r\n  const getCollection = () => {\r\n    return selectedItems ? selectedItems : builtinSelectedItems;\r\n  };\r\n\r\n  const getUpdateFunction = () => {\r\n    return setSelectedItems ? setSelectedItems : builtinSetSelectedItems;\r\n  };\r\n\r\n  const onSelected = (id: string) => {\r\n    const collection = getCollection();\r\n    const updateFunc = getUpdateFunction();\r\n\r\n    const isActive = !!collection.find((x) => x == id);\r\n    if (multipleActive) {\r\n      if (isActive) updateFunc(collection.filter((x) => x != id));\r\n      else updateFunc([...collection, id]);\r\n    } else updateFunc(isActive ? [] : [id]);\r\n\r\n    onSelect && onSelect(id);\r\n  };\r\n\r\n  return (\r\n    <AccordionMenuWrapper {...rest}>\r\n      {items.map(({id, disabled, title, icon, children, ...rest}, index) => (\r\n        <AccordionItem\r\n          key={id}\r\n          id={id}\r\n          disabled={disabled}\r\n          title={title}\r\n          aria-expanded={!!getCollection().find((x) => x == id)}\r\n          icon={icon}\r\n          isActive={!!getCollection().find((x) => x == id)}\r\n          isLast={index === items.length - 1}\r\n          onSelect={onSelected}\r\n          padding={padding}\r\n          size={size}\r\n          {...rest}>\r\n          {children}\r\n        </AccordionItem>\r\n      ))}\r\n    </AccordionMenuWrapper>\r\n  );\r\n};\r\n\r\nexport default AccordionMenu;\r\n"],"mappings":"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"}

package/dist/Accordion/ContentAccordion.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ContentAccordion.cjs","names":["ContentAccordionItemHeader","styled","div","COLORS","neutral_600","primary_700","primary_20","Z_INDEXES","hover","focusStyles","primary_800","primary_100","active","ContentAccordionItemHeaderIcon","ContentAccordionItemHeaderText","ContentAccordionItemContent","ContentAccordionItemContentHeader","ContentAccordionItemContentBody","p","ContentAccordionItemContentFooter","ContentAccordionItem","neutral_100","neutral_300","ContentAccordionWrapper","ComponentSStyling","ComponentTextStyle","Regular","Bold","black","ComponentMStyling","ComponentLStyling","ContentAccordion","items","multi","size","Size","Medium","className","onItemStateChanged","rest","React","useState","opened","setOpened","useEffect","filter","item","map","id","find","onItemClick","disabled","includes","newOpened","key","renderItem","title","header","body","footer","isActive","concat","undefined","defaultOnMouseDownHandler","event","cls","trim"],"sources":["../../src/Accordion/ContentAccordion.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport {Size} from '../types';\nimport {SystemIcons} from '../icons';\nimport {\n  COLORS,\n  ComponentLStyling,\n  ComponentMStyling,\n  ComponentSStyling,\n  ComponentTextStyle,\n  focusStyles,\n  Z_INDEXES,\n} from '../styles';\nimport {defaultOnMouseDownHandler} from '../common';\n\nexport const ContentAccordionItemHeader = styled.div`\n  display: flex;\n  align-items: center;\n  box-sizing: border-box;\n  min-height: 48px;\n  color: ${COLORS.neutral_600};\n  cursor: pointer;\n\n  &:hover {\n    color: ${COLORS.primary_700};\n    background-color: ${COLORS.primary_20};\n    z-index: ${Z_INDEXES.hover};\n  }\n\n  &:focus {\n    ${focusStyles}\n  }\n\n  &:active {\n    color: ${COLORS.primary_800};\n    background-color: ${COLORS.primary_100};\n    z-index: ${Z_INDEXES.active};\n  }\n`;\n\nexport const ContentAccordionItemHeaderIcon = styled.div`\n  width: 24px;\n  height: 24px;\n\n  svg {\n    width: 24px;\n    height: 24px;\n  }\n`;\n\nexport const ContentAccordionItemHeaderText = styled.div``;\n\nexport const ContentAccordionItemContent = styled.div`\n  display: none;\n  flex-direction: column;\n`;\n\nexport const ContentAccordionItemContentHeader = styled.div``;\n\nexport const ContentAccordionItemContentBody = styled.p``;\n\nexport const ContentAccordionItemContentFooter = styled.div``;\n\nexport const ContentAccordionItem = styled.div`\n  display: flex;\n  flex-direction: column;\n  border-top: 1px solid ${COLORS.neutral_100};\n\n  &.active {\n    ${ContentAccordionItemContent} {\n      display: flex;\n    }\n  }\n\n  &.disabled {\n    ${ContentAccordionItemHeader} {\n      color: ${COLORS.neutral_300};\n      cursor: not-allowed;\n      pointer-events: none;\n    }\n  }\n`;\n\nexport const ContentAccordionWrapper = styled.div`\n  width: 100%;\n  position: relative;\n\n  ${ContentAccordionItem}:last-child {\n    border-bottom: 1px solid ${COLORS.neutral_100};\n  }\n\n  &.small {\n    min-width: 320px;\n    max-width: 528px;\n\n    ${ContentAccordionItemHeader} {\n      gap: 8px;\n      padding: 0 8px;\n      ${ComponentSStyling(ComponentTextStyle.Regular, null)}\n    }\n\n    ${ContentAccordionItemContent} {\n      padding: 0 8px 16px 40px;\n      gap: 8px;\n\n      ${ContentAccordionItemContentHeader} {\n        ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.black)}\n      }\n\n      ${ContentAccordionItemContentBody} {\n        //TODO\n      }\n    }\n  }\n\n  &.medium {\n    min-width: 344px;\n    max-width: 584px;\n\n    ${ContentAccordionItemHeader} {\n      gap: 12px;\n      padding: 0 12px;\n      ${ComponentMStyling(ComponentTextStyle.Regular, null)}\n    }\n\n    ${ContentAccordionItemContent} {\n      padding: 8px 12px 24px 48px;\n      gap: 12px;\n\n      ${ContentAccordionItemContentHeader} {\n        ${ComponentMStyling(ComponentTextStyle.Bold, COLORS.black)}\n      }\n\n      ${ContentAccordionItemContentBody} {\n        //TODO\n      }\n    }\n  }\n\n  &.large {\n    min-width: 384px;\n    max-width: 656px;\n\n    ${ContentAccordionItemHeader} {\n      gap: 16px;\n      padding: 0 16px;\n      ${ComponentLStyling(ComponentTextStyle.Regular, null)}\n    }\n\n    ${ContentAccordionItemContent} {\n      padding: 16px 16px 32px 56px;\n      gap: 16px;\n\n      ${ContentAccordionItemContentHeader} {\n        ${ComponentLStyling(ComponentTextStyle.Bold, COLORS.black)}\n      }\n\n      ${ContentAccordionItemContentBody} {\n        //TODO\n      }\n    }\n  }\n`;\n\nexport interface ContentAccordionItem extends Omit<React.HTMLAttributes<HTMLDivElement>, 'id' | 'onMouseDown' | 'onClick' | 'onKeyDown'> {\n  id: string;\n  title: string;\n  header?: string;\n  body: any;\n  footer?: any;\n  disabled?: boolean;\n  active?: boolean;\n}\n\nexport interface ContentAccordionProps extends React.HTMLAttributes<HTMLDivElement> {\n  items: ContentAccordionItem[];\n  multi?: boolean;\n  size?: Size.Small | Size.Medium | Size.Large;\n  onItemStateChanged?: (opened: string[]) => void; \n}\n\nexport const ContentAccordion: React.FunctionComponent<ContentAccordionProps> = ({\n                                                                                   items,\n                                                                                   multi = false,\n                                                                                   size = Size.Medium,\n                                                                                   className,\n                                                                                   onItemStateChanged,\n                                                                                   ...rest\n                                                                                 }) => {\n  const [opened, setOpened] = React.useState<string[]>([]);\n\n  React.useEffect(() => {\n    if (multi) {\n      setOpened(items.filter((item) => item.active).map((item) => item.id));\n    } else {\n      let active = items.find((item) => !!item.active)?.id;\n      if (active) {\n        setOpened([active]);\n      }\n    }\n  }, [items, multi]);\n\n  const onItemClick = (item: ContentAccordionItem) => {\n    if (item.disabled) return;\n    if (opened.includes(item.id)) {\n      const newOpened = opened.filter((key) => key !== item.id);\n      setOpened(newOpened);\n      onItemStateChanged && onItemStateChanged(newOpened);\n    } else {\n      if (multi) {\n        const newOpened = [...opened, item.id];\n        setOpened(newOpened);\n        onItemStateChanged && onItemStateChanged(newOpened);\n      } else {\n        const newOpened = [item.id];\n        setOpened(newOpened);\n        onItemStateChanged && onItemStateChanged(newOpened);\n      }\n    }\n  };\n\n  const renderItem = (item: ContentAccordionItem) => {\n    const {id, title, header, body, footer, disabled, active, ...rest} = item;\n    const isActive = opened.includes(id);\n\n    return (\n      <ContentAccordionItem key={id} id={`item_${id}`}\n                            className={''.concat(isActive ? ' active' : '').concat(item.disabled ? ' disabled' : '')}>\n        <ContentAccordionItemHeader\n          role=\"button\"\n          id={`headerFor_${id}`}\n          aria-expanded={isActive}\n          aria-controls={`itemContentFor_${id}`}\n          tabIndex={!disabled ? 0 : undefined}\n          onMouseDown={defaultOnMouseDownHandler}\n          onClick={() => !disabled && onItemClick(item)}\n          onKeyDown={(event) => event.key === 'Enter' && onItemClick(item)}\n          {...rest}>\n          <ContentAccordionItemHeaderIcon>\n            {multi ? isActive ? <SystemIcons.Minus aria-hidden=\"true\" /> : <SystemIcons.Plus aria-hidden=\"true\" /> : isActive ?\n              <SystemIcons.ChevronDown aria-hidden=\"true\" /> : <SystemIcons.ChevronRight aria-hidden=\"true\" />}\n          </ContentAccordionItemHeaderIcon>\n          <ContentAccordionItemHeaderText>{title}</ContentAccordionItemHeaderText>\n        </ContentAccordionItemHeader>\n        <ContentAccordionItemContent id={`itemContentFor_${id}`}>\n          {header && <ContentAccordionItemContentHeader>{header}</ContentAccordionItemContentHeader>}\n          <ContentAccordionItemContentBody>{body}</ContentAccordionItemContentBody>\n          {footer && <ContentAccordionItemContentFooter>{footer}</ContentAccordionItemContentFooter>}\n        </ContentAccordionItemContent>\n      </ContentAccordionItem>\n    );\n  };\n\n  const cls = `${size} ${className ?? ''}`.trim();\n\n  return <ContentAccordionWrapper className={cls}>\n    {items.map((item) => renderItem(item))}\n  </ContentAccordionWrapper>;\n};\n\nexport default ContentAccordion;\n"],"mappings":"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"}
+{"version":3,"file":"ContentAccordion.cjs","names":["ContentAccordionItemHeader","styled","div","COLORS","neutral_600","primary_700","primary_20","Z_INDEXES","hover","focusStyles","primary_800","primary_100","active","ContentAccordionItemHeaderIcon","ContentAccordionItemHeaderText","ContentAccordionItemContent","ContentAccordionItemContentHeader","ContentAccordionItemContentBody","p","ContentAccordionItemContentFooter","ContentAccordionItem","neutral_100","neutral_300","ContentAccordionWrapper","ComponentSStyling","ComponentTextStyle","Regular","Bold","black","ComponentMStyling","ComponentLStyling","ContentAccordion","items","multi","size","Size","Medium","className","onItemStateChanged","rest","React","useState","opened","setOpened","useEffect","filter","item","map","id","find","onItemClick","disabled","includes","newOpened","key","renderItem","title","header","body","footer","isActive","concat","undefined","defaultOnMouseDownHandler","event","cls","trim"],"sources":["../../src/Accordion/ContentAccordion.tsx"],"sourcesContent":["import React from 'react';\r\nimport styled from 'styled-components';\r\nimport {Size} from '../types';\r\nimport {SystemIcons} from '../icons';\r\nimport {\r\n  COLORS,\r\n  ComponentLStyling,\r\n  ComponentMStyling,\r\n  ComponentSStyling,\r\n  ComponentTextStyle,\r\n  focusStyles,\r\n  Z_INDEXES,\r\n} from '../styles';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\n\r\nexport const ContentAccordionItemHeader = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  box-sizing: border-box;\r\n  min-height: 48px;\r\n  color: ${COLORS.neutral_600};\r\n  cursor: pointer;\r\n\r\n  &:hover {\r\n    color: ${COLORS.primary_700};\r\n    background-color: ${COLORS.primary_20};\r\n    z-index: ${Z_INDEXES.hover};\r\n  }\r\n\r\n  &:focus {\r\n    ${focusStyles}\r\n  }\r\n\r\n  &:active {\r\n    color: ${COLORS.primary_800};\r\n    background-color: ${COLORS.primary_100};\r\n    z-index: ${Z_INDEXES.active};\r\n  }\r\n`;\r\n\r\nexport const ContentAccordionItemHeaderIcon = styled.div`\r\n  width: 24px;\r\n  height: 24px;\r\n\r\n  svg {\r\n    width: 24px;\r\n    height: 24px;\r\n  }\r\n`;\r\n\r\nexport const ContentAccordionItemHeaderText = styled.div``;\r\n\r\nexport const ContentAccordionItemContent = styled.div`\r\n  display: none;\r\n  flex-direction: column;\r\n`;\r\n\r\nexport const ContentAccordionItemContentHeader = styled.div``;\r\n\r\nexport const ContentAccordionItemContentBody = styled.p``;\r\n\r\nexport const ContentAccordionItemContentFooter = styled.div``;\r\n\r\nexport const ContentAccordionItem = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  border-top: 1px solid ${COLORS.neutral_100};\r\n\r\n  &.active {\r\n    ${ContentAccordionItemContent} {\r\n      display: flex;\r\n    }\r\n  }\r\n\r\n  &.disabled {\r\n    ${ContentAccordionItemHeader} {\r\n      color: ${COLORS.neutral_300};\r\n      cursor: not-allowed;\r\n      pointer-events: none;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const ContentAccordionWrapper = styled.div`\r\n  width: 100%;\r\n  position: relative;\r\n\r\n  ${ContentAccordionItem}:last-child {\r\n    border-bottom: 1px solid ${COLORS.neutral_100};\r\n  }\r\n\r\n  &.small {\r\n    min-width: 320px;\r\n    max-width: 528px;\r\n\r\n    ${ContentAccordionItemHeader} {\r\n      gap: 8px;\r\n      padding: 0 8px;\r\n      ${ComponentSStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n    ${ContentAccordionItemContent} {\r\n      padding: 0 8px 16px 40px;\r\n      gap: 8px;\r\n\r\n      ${ContentAccordionItemContentHeader} {\r\n        ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.black)}\r\n      }\r\n\r\n      ${ContentAccordionItemContentBody} {\r\n        //TODO\r\n      }\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    min-width: 344px;\r\n    max-width: 584px;\r\n\r\n    ${ContentAccordionItemHeader} {\r\n      gap: 12px;\r\n      padding: 0 12px;\r\n      ${ComponentMStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n    ${ContentAccordionItemContent} {\r\n      padding: 8px 12px 24px 48px;\r\n      gap: 12px;\r\n\r\n      ${ContentAccordionItemContentHeader} {\r\n        ${ComponentMStyling(ComponentTextStyle.Bold, COLORS.black)}\r\n      }\r\n\r\n      ${ContentAccordionItemContentBody} {\r\n        //TODO\r\n      }\r\n    }\r\n  }\r\n\r\n  &.large {\r\n    min-width: 384px;\r\n    max-width: 656px;\r\n\r\n    ${ContentAccordionItemHeader} {\r\n      gap: 16px;\r\n      padding: 0 16px;\r\n      ${ComponentLStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n    ${ContentAccordionItemContent} {\r\n      padding: 16px 16px 32px 56px;\r\n      gap: 16px;\r\n\r\n      ${ContentAccordionItemContentHeader} {\r\n        ${ComponentLStyling(ComponentTextStyle.Bold, COLORS.black)}\r\n      }\r\n\r\n      ${ContentAccordionItemContentBody} {\r\n        //TODO\r\n      }\r\n    }\r\n  }\r\n`;\r\n\r\nexport interface ContentAccordionItem extends Omit<React.HTMLAttributes<HTMLDivElement>, 'id' | 'onMouseDown' | 'onClick' | 'onKeyDown'> {\r\n  id: string;\r\n  title: string;\r\n  header?: string;\r\n  body: any;\r\n  footer?: any;\r\n  disabled?: boolean;\r\n  active?: boolean;\r\n}\r\n\r\nexport interface ContentAccordionProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  items: ContentAccordionItem[];\r\n  multi?: boolean;\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n  onItemStateChanged?: (opened: string[]) => void; \r\n}\r\n\r\nexport const ContentAccordion: React.FunctionComponent<ContentAccordionProps> = ({\r\n                                                                                   items,\r\n                                                                                   multi = false,\r\n                                                                                   size = Size.Medium,\r\n                                                                                   className,\r\n                                                                                   onItemStateChanged,\r\n                                                                                   ...rest\r\n                                                                                 }) => {\r\n  const [opened, setOpened] = React.useState<string[]>([]);\r\n\r\n  React.useEffect(() => {\r\n    if (multi) {\r\n      setOpened(items.filter((item) => item.active).map((item) => item.id));\r\n    } else {\r\n      let active = items.find((item) => !!item.active)?.id;\r\n      if (active) {\r\n        setOpened([active]);\r\n      }\r\n    }\r\n  }, [items, multi]);\r\n\r\n  const onItemClick = (item: ContentAccordionItem) => {\r\n    if (item.disabled) return;\r\n    if (opened.includes(item.id)) {\r\n      const newOpened = opened.filter((key) => key !== item.id);\r\n      setOpened(newOpened);\r\n      onItemStateChanged && onItemStateChanged(newOpened);\r\n    } else {\r\n      if (multi) {\r\n        const newOpened = [...opened, item.id];\r\n        setOpened(newOpened);\r\n        onItemStateChanged && onItemStateChanged(newOpened);\r\n      } else {\r\n        const newOpened = [item.id];\r\n        setOpened(newOpened);\r\n        onItemStateChanged && onItemStateChanged(newOpened);\r\n      }\r\n    }\r\n  };\r\n\r\n  const renderItem = (item: ContentAccordionItem) => {\r\n    const {id, title, header, body, footer, disabled, active, ...rest} = item;\r\n    const isActive = opened.includes(id);\r\n\r\n    return (\r\n      <ContentAccordionItem key={id} id={`item_${id}`}\r\n                            className={''.concat(isActive ? ' active' : '').concat(item.disabled ? ' disabled' : '')}>\r\n        <ContentAccordionItemHeader\r\n          role=\"button\"\r\n          id={`headerFor_${id}`}\r\n          aria-expanded={isActive}\r\n          aria-controls={`itemContentFor_${id}`}\r\n          tabIndex={!disabled ? 0 : undefined}\r\n          onMouseDown={defaultOnMouseDownHandler}\r\n          onClick={() => !disabled && onItemClick(item)}\r\n          onKeyDown={(event) => event.key === 'Enter' && onItemClick(item)}\r\n          {...rest}>\r\n          <ContentAccordionItemHeaderIcon>\r\n            {multi ? isActive ? <SystemIcons.Minus aria-hidden=\"true\" /> : <SystemIcons.Plus aria-hidden=\"true\" /> : isActive ?\r\n              <SystemIcons.ChevronDown aria-hidden=\"true\" /> : <SystemIcons.ChevronRight aria-hidden=\"true\" />}\r\n          </ContentAccordionItemHeaderIcon>\r\n          <ContentAccordionItemHeaderText>{title}</ContentAccordionItemHeaderText>\r\n        </ContentAccordionItemHeader>\r\n        <ContentAccordionItemContent id={`itemContentFor_${id}`}>\r\n          {header && <ContentAccordionItemContentHeader>{header}</ContentAccordionItemContentHeader>}\r\n          <ContentAccordionItemContentBody>{body}</ContentAccordionItemContentBody>\r\n          {footer && <ContentAccordionItemContentFooter>{footer}</ContentAccordionItemContentFooter>}\r\n        </ContentAccordionItemContent>\r\n      </ContentAccordionItem>\r\n    );\r\n  };\r\n\r\n  const cls = `${size} ${className ?? ''}`.trim();\r\n\r\n  return <ContentAccordionWrapper className={cls}>\r\n    {items.map((item) => renderItem(item))}\r\n  </ContentAccordionWrapper>;\r\n};\r\n\r\nexport default ContentAccordion;\r\n"],"mappings":"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"}

package/dist/Accordion/ContentAccordion.d.ts

@@ -1,28 +1,28 @@
-import React from 'react';
-import { Size } from '../types';
-export declare const ContentAccordionItemHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ContentAccordionItemHeaderIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ContentAccordionItemHeaderText: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ContentAccordionItemContent: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ContentAccordionItemContentHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ContentAccordionItemContentBody: import("styled-components").StyledComponent<"p", any, {}, never>;
-export declare const ContentAccordionItemContentFooter: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ContentAccordionItem: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ContentAccordionWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export interface ContentAccordionItem extends Omit<React.HTMLAttributes<HTMLDivElement>, 'id' | 'onMouseDown' | 'onClick' | 'onKeyDown'> {
-    id: string;
-    title: string;
-    header?: string;
-    body: any;
-    footer?: any;
-    disabled?: boolean;
-    active?: boolean;
-}
-export interface ContentAccordionProps extends React.HTMLAttributes<HTMLDivElement> {
-    items: ContentAccordionItem[];
-    multi?: boolean;
-    size?: Size.Small | Size.Medium | Size.Large;
-    onItemStateChanged?: (opened: string[]) => void;
-}
-export declare const ContentAccordion: React.FunctionComponent<ContentAccordionProps>;
-export default ContentAccordion;
+import React from 'react';
+import { Size } from '../types';
+export declare const ContentAccordionItemHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ContentAccordionItemHeaderIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ContentAccordionItemHeaderText: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ContentAccordionItemContent: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ContentAccordionItemContentHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ContentAccordionItemContentBody: import("styled-components").StyledComponent<"p", any, {}, never>;
+export declare const ContentAccordionItemContentFooter: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ContentAccordionItem: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ContentAccordionWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export interface ContentAccordionItem extends Omit<React.HTMLAttributes<HTMLDivElement>, 'id' | 'onMouseDown' | 'onClick' | 'onKeyDown'> {
+    id: string;
+    title: string;
+    header?: string;
+    body: any;
+    footer?: any;
+    disabled?: boolean;
+    active?: boolean;
+}
+export interface ContentAccordionProps extends React.HTMLAttributes<HTMLDivElement> {
+    items: ContentAccordionItem[];
+    multi?: boolean;
+    size?: Size.Small | Size.Medium | Size.Large;
+    onItemStateChanged?: (opened: string[]) => void;
+}
+export declare const ContentAccordion: React.FunctionComponent<ContentAccordionProps>;
+export default ContentAccordion;

package/dist/Accordion/ContentAccordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContentAccordion.js","names":["React","styled","Size","SystemIcons","COLORS","ComponentLStyling","ComponentMStyling","ComponentSStyling","ComponentTextStyle","focusStyles","Z_INDEXES","defaultOnMouseDownHandler","ContentAccordionItemHeader","div","neutral_600","primary_700","primary_20","hover","primary_800","primary_100","active","ContentAccordionItemHeaderIcon","ContentAccordionItemHeaderText","ContentAccordionItemContent","ContentAccordionItemContentHeader","ContentAccordionItemContentBody","p","ContentAccordionItemContentFooter","ContentAccordionItem","neutral_100","neutral_300","ContentAccordionWrapper","Regular","Bold","black","ContentAccordion","items","multi","size","Medium","className","onItemStateChanged","rest","useState","opened","setOpened","useEffect","filter","item","map","id","find","onItemClick","disabled","includes","newOpened","key","renderItem","title","header","body","footer","isActive","concat","undefined","event","cls","trim"],"sources":["../../src/Accordion/ContentAccordion.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport {Size} from '../types';\nimport {SystemIcons} from '../icons';\nimport {\n  COLORS,\n  ComponentLStyling,\n  ComponentMStyling,\n  ComponentSStyling,\n  ComponentTextStyle,\n  focusStyles,\n  Z_INDEXES,\n} from '../styles';\nimport {defaultOnMouseDownHandler} from '../common';\n\nexport const ContentAccordionItemHeader = styled.div`\n  display: flex;\n  align-items: center;\n  box-sizing: border-box;\n  min-height: 48px;\n  color: ${COLORS.neutral_600};\n  cursor: pointer;\n\n  &:hover {\n    color: ${COLORS.primary_700};\n    background-color: ${COLORS.primary_20};\n    z-index: ${Z_INDEXES.hover};\n  }\n\n  &:focus {\n    ${focusStyles}\n  }\n\n  &:active {\n    color: ${COLORS.primary_800};\n    background-color: ${COLORS.primary_100};\n    z-index: ${Z_INDEXES.active};\n  }\n`;\n\nexport const ContentAccordionItemHeaderIcon = styled.div`\n  width: 24px;\n  height: 24px;\n\n  svg {\n    width: 24px;\n    height: 24px;\n  }\n`;\n\nexport const ContentAccordionItemHeaderText = styled.div``;\n\nexport const ContentAccordionItemContent = styled.div`\n  display: none;\n  flex-direction: column;\n`;\n\nexport const ContentAccordionItemContentHeader = styled.div``;\n\nexport const ContentAccordionItemContentBody = styled.p``;\n\nexport const ContentAccordionItemContentFooter = styled.div``;\n\nexport const ContentAccordionItem = styled.div`\n  display: flex;\n  flex-direction: column;\n  border-top: 1px solid ${COLORS.neutral_100};\n\n  &.active {\n    ${ContentAccordionItemContent} {\n      display: flex;\n    }\n  }\n\n  &.disabled {\n    ${ContentAccordionItemHeader} {\n      color: ${COLORS.neutral_300};\n      cursor: not-allowed;\n      pointer-events: none;\n    }\n  }\n`;\n\nexport const ContentAccordionWrapper = styled.div`\n  width: 100%;\n  position: relative;\n\n  ${ContentAccordionItem}:last-child {\n    border-bottom: 1px solid ${COLORS.neutral_100};\n  }\n\n  &.small {\n    min-width: 320px;\n    max-width: 528px;\n\n    ${ContentAccordionItemHeader} {\n      gap: 8px;\n      padding: 0 8px;\n      ${ComponentSStyling(ComponentTextStyle.Regular, null)}\n    }\n\n    ${ContentAccordionItemContent} {\n      padding: 0 8px 16px 40px;\n      gap: 8px;\n\n      ${ContentAccordionItemContentHeader} {\n        ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.black)}\n      }\n\n      ${ContentAccordionItemContentBody} {\n        //TODO\n      }\n    }\n  }\n\n  &.medium {\n    min-width: 344px;\n    max-width: 584px;\n\n    ${ContentAccordionItemHeader} {\n      gap: 12px;\n      padding: 0 12px;\n      ${ComponentMStyling(ComponentTextStyle.Regular, null)}\n    }\n\n    ${ContentAccordionItemContent} {\n      padding: 8px 12px 24px 48px;\n      gap: 12px;\n\n      ${ContentAccordionItemContentHeader} {\n        ${ComponentMStyling(ComponentTextStyle.Bold, COLORS.black)}\n      }\n\n      ${ContentAccordionItemContentBody} {\n        //TODO\n      }\n    }\n  }\n\n  &.large {\n    min-width: 384px;\n    max-width: 656px;\n\n    ${ContentAccordionItemHeader} {\n      gap: 16px;\n      padding: 0 16px;\n      ${ComponentLStyling(ComponentTextStyle.Regular, null)}\n    }\n\n    ${ContentAccordionItemContent} {\n      padding: 16px 16px 32px 56px;\n      gap: 16px;\n\n      ${ContentAccordionItemContentHeader} {\n        ${ComponentLStyling(ComponentTextStyle.Bold, COLORS.black)}\n      }\n\n      ${ContentAccordionItemContentBody} {\n        //TODO\n      }\n    }\n  }\n`;\n\nexport interface ContentAccordionItem extends Omit<React.HTMLAttributes<HTMLDivElement>, 'id' | 'onMouseDown' | 'onClick' | 'onKeyDown'> {\n  id: string;\n  title: string;\n  header?: string;\n  body: any;\n  footer?: any;\n  disabled?: boolean;\n  active?: boolean;\n}\n\nexport interface ContentAccordionProps extends React.HTMLAttributes<HTMLDivElement> {\n  items: ContentAccordionItem[];\n  multi?: boolean;\n  size?: Size.Small | Size.Medium | Size.Large;\n  onItemStateChanged?: (opened: string[]) => void; \n}\n\nexport const ContentAccordion: React.FunctionComponent<ContentAccordionProps> = ({\n                                                                                   items,\n                                                                                   multi = false,\n                                                                                   size = Size.Medium,\n                                                                                   className,\n                                                                                   onItemStateChanged,\n                                                                                   ...rest\n                                                                                 }) => {\n  const [opened, setOpened] = React.useState<string[]>([]);\n\n  React.useEffect(() => {\n    if (multi) {\n      setOpened(items.filter((item) => item.active).map((item) => item.id));\n    } else {\n      let active = items.find((item) => !!item.active)?.id;\n      if (active) {\n        setOpened([active]);\n      }\n    }\n  }, [items, multi]);\n\n  const onItemClick = (item: ContentAccordionItem) => {\n    if (item.disabled) return;\n    if (opened.includes(item.id)) {\n      const newOpened = opened.filter((key) => key !== item.id);\n      setOpened(newOpened);\n      onItemStateChanged && onItemStateChanged(newOpened);\n    } else {\n      if (multi) {\n        const newOpened = [...opened, item.id];\n        setOpened(newOpened);\n        onItemStateChanged && onItemStateChanged(newOpened);\n      } else {\n        const newOpened = [item.id];\n        setOpened(newOpened);\n        onItemStateChanged && onItemStateChanged(newOpened);\n      }\n    }\n  };\n\n  const renderItem = (item: ContentAccordionItem) => {\n    const {id, title, header, body, footer, disabled, active, ...rest} = item;\n    const isActive = opened.includes(id);\n\n    return (\n      <ContentAccordionItem key={id} id={`item_${id}`}\n                            className={''.concat(isActive ? ' active' : '').concat(item.disabled ? ' disabled' : '')}>\n        <ContentAccordionItemHeader\n          role=\"button\"\n          id={`headerFor_${id}`}\n          aria-expanded={isActive}\n          aria-controls={`itemContentFor_${id}`}\n          tabIndex={!disabled ? 0 : undefined}\n          onMouseDown={defaultOnMouseDownHandler}\n          onClick={() => !disabled && onItemClick(item)}\n          onKeyDown={(event) => event.key === 'Enter' && onItemClick(item)}\n          {...rest}>\n          <ContentAccordionItemHeaderIcon>\n            {multi ? isActive ? <SystemIcons.Minus aria-hidden=\"true\" /> : <SystemIcons.Plus aria-hidden=\"true\" /> : isActive ?\n              <SystemIcons.ChevronDown aria-hidden=\"true\" /> : <SystemIcons.ChevronRight aria-hidden=\"true\" />}\n          </ContentAccordionItemHeaderIcon>\n          <ContentAccordionItemHeaderText>{title}</ContentAccordionItemHeaderText>\n        </ContentAccordionItemHeader>\n        <ContentAccordionItemContent id={`itemContentFor_${id}`}>\n          {header && <ContentAccordionItemContentHeader>{header}</ContentAccordionItemContentHeader>}\n          <ContentAccordionItemContentBody>{body}</ContentAccordionItemContentBody>\n          {footer && <ContentAccordionItemContentFooter>{footer}</ContentAccordionItemContentFooter>}\n        </ContentAccordionItemContent>\n      </ContentAccordionItem>\n    );\n  };\n\n  const cls = `${size} ${className ?? ''}`.trim();\n\n  return <ContentAccordionWrapper className={cls}>\n    {items.map((item) => renderItem(item))}\n  </ContentAccordionWrapper>;\n};\n\nexport default ContentAccordion;\n"],"mappings":"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"}
+{"version":3,"file":"ContentAccordion.js","names":["React","styled","Size","SystemIcons","COLORS","ComponentLStyling","ComponentMStyling","ComponentSStyling","ComponentTextStyle","focusStyles","Z_INDEXES","defaultOnMouseDownHandler","ContentAccordionItemHeader","div","neutral_600","primary_700","primary_20","hover","primary_800","primary_100","active","ContentAccordionItemHeaderIcon","ContentAccordionItemHeaderText","ContentAccordionItemContent","ContentAccordionItemContentHeader","ContentAccordionItemContentBody","p","ContentAccordionItemContentFooter","ContentAccordionItem","neutral_100","neutral_300","ContentAccordionWrapper","Regular","Bold","black","ContentAccordion","items","multi","size","Medium","className","onItemStateChanged","rest","useState","opened","setOpened","useEffect","filter","item","map","id","find","onItemClick","disabled","includes","newOpened","key","renderItem","title","header","body","footer","isActive","concat","undefined","event","cls","trim"],"sources":["../../src/Accordion/ContentAccordion.tsx"],"sourcesContent":["import React from 'react';\r\nimport styled from 'styled-components';\r\nimport {Size} from '../types';\r\nimport {SystemIcons} from '../icons';\r\nimport {\r\n  COLORS,\r\n  ComponentLStyling,\r\n  ComponentMStyling,\r\n  ComponentSStyling,\r\n  ComponentTextStyle,\r\n  focusStyles,\r\n  Z_INDEXES,\r\n} from '../styles';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\n\r\nexport const ContentAccordionItemHeader = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  box-sizing: border-box;\r\n  min-height: 48px;\r\n  color: ${COLORS.neutral_600};\r\n  cursor: pointer;\r\n\r\n  &:hover {\r\n    color: ${COLORS.primary_700};\r\n    background-color: ${COLORS.primary_20};\r\n    z-index: ${Z_INDEXES.hover};\r\n  }\r\n\r\n  &:focus {\r\n    ${focusStyles}\r\n  }\r\n\r\n  &:active {\r\n    color: ${COLORS.primary_800};\r\n    background-color: ${COLORS.primary_100};\r\n    z-index: ${Z_INDEXES.active};\r\n  }\r\n`;\r\n\r\nexport const ContentAccordionItemHeaderIcon = styled.div`\r\n  width: 24px;\r\n  height: 24px;\r\n\r\n  svg {\r\n    width: 24px;\r\n    height: 24px;\r\n  }\r\n`;\r\n\r\nexport const ContentAccordionItemHeaderText = styled.div``;\r\n\r\nexport const ContentAccordionItemContent = styled.div`\r\n  display: none;\r\n  flex-direction: column;\r\n`;\r\n\r\nexport const ContentAccordionItemContentHeader = styled.div``;\r\n\r\nexport const ContentAccordionItemContentBody = styled.p``;\r\n\r\nexport const ContentAccordionItemContentFooter = styled.div``;\r\n\r\nexport const ContentAccordionItem = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  border-top: 1px solid ${COLORS.neutral_100};\r\n\r\n  &.active {\r\n    ${ContentAccordionItemContent} {\r\n      display: flex;\r\n    }\r\n  }\r\n\r\n  &.disabled {\r\n    ${ContentAccordionItemHeader} {\r\n      color: ${COLORS.neutral_300};\r\n      cursor: not-allowed;\r\n      pointer-events: none;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const ContentAccordionWrapper = styled.div`\r\n  width: 100%;\r\n  position: relative;\r\n\r\n  ${ContentAccordionItem}:last-child {\r\n    border-bottom: 1px solid ${COLORS.neutral_100};\r\n  }\r\n\r\n  &.small {\r\n    min-width: 320px;\r\n    max-width: 528px;\r\n\r\n    ${ContentAccordionItemHeader} {\r\n      gap: 8px;\r\n      padding: 0 8px;\r\n      ${ComponentSStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n    ${ContentAccordionItemContent} {\r\n      padding: 0 8px 16px 40px;\r\n      gap: 8px;\r\n\r\n      ${ContentAccordionItemContentHeader} {\r\n        ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.black)}\r\n      }\r\n\r\n      ${ContentAccordionItemContentBody} {\r\n        //TODO\r\n      }\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    min-width: 344px;\r\n    max-width: 584px;\r\n\r\n    ${ContentAccordionItemHeader} {\r\n      gap: 12px;\r\n      padding: 0 12px;\r\n      ${ComponentMStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n    ${ContentAccordionItemContent} {\r\n      padding: 8px 12px 24px 48px;\r\n      gap: 12px;\r\n\r\n      ${ContentAccordionItemContentHeader} {\r\n        ${ComponentMStyling(ComponentTextStyle.Bold, COLORS.black)}\r\n      }\r\n\r\n      ${ContentAccordionItemContentBody} {\r\n        //TODO\r\n      }\r\n    }\r\n  }\r\n\r\n  &.large {\r\n    min-width: 384px;\r\n    max-width: 656px;\r\n\r\n    ${ContentAccordionItemHeader} {\r\n      gap: 16px;\r\n      padding: 0 16px;\r\n      ${ComponentLStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n    ${ContentAccordionItemContent} {\r\n      padding: 16px 16px 32px 56px;\r\n      gap: 16px;\r\n\r\n      ${ContentAccordionItemContentHeader} {\r\n        ${ComponentLStyling(ComponentTextStyle.Bold, COLORS.black)}\r\n      }\r\n\r\n      ${ContentAccordionItemContentBody} {\r\n        //TODO\r\n      }\r\n    }\r\n  }\r\n`;\r\n\r\nexport interface ContentAccordionItem extends Omit<React.HTMLAttributes<HTMLDivElement>, 'id' | 'onMouseDown' | 'onClick' | 'onKeyDown'> {\r\n  id: string;\r\n  title: string;\r\n  header?: string;\r\n  body: any;\r\n  footer?: any;\r\n  disabled?: boolean;\r\n  active?: boolean;\r\n}\r\n\r\nexport interface ContentAccordionProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  items: ContentAccordionItem[];\r\n  multi?: boolean;\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n  onItemStateChanged?: (opened: string[]) => void; \r\n}\r\n\r\nexport const ContentAccordion: React.FunctionComponent<ContentAccordionProps> = ({\r\n                                                                                   items,\r\n                                                                                   multi = false,\r\n                                                                                   size = Size.Medium,\r\n                                                                                   className,\r\n                                                                                   onItemStateChanged,\r\n                                                                                   ...rest\r\n                                                                                 }) => {\r\n  const [opened, setOpened] = React.useState<string[]>([]);\r\n\r\n  React.useEffect(() => {\r\n    if (multi) {\r\n      setOpened(items.filter((item) => item.active).map((item) => item.id));\r\n    } else {\r\n      let active = items.find((item) => !!item.active)?.id;\r\n      if (active) {\r\n        setOpened([active]);\r\n      }\r\n    }\r\n  }, [items, multi]);\r\n\r\n  const onItemClick = (item: ContentAccordionItem) => {\r\n    if (item.disabled) return;\r\n    if (opened.includes(item.id)) {\r\n      const newOpened = opened.filter((key) => key !== item.id);\r\n      setOpened(newOpened);\r\n      onItemStateChanged && onItemStateChanged(newOpened);\r\n    } else {\r\n      if (multi) {\r\n        const newOpened = [...opened, item.id];\r\n        setOpened(newOpened);\r\n        onItemStateChanged && onItemStateChanged(newOpened);\r\n      } else {\r\n        const newOpened = [item.id];\r\n        setOpened(newOpened);\r\n        onItemStateChanged && onItemStateChanged(newOpened);\r\n      }\r\n    }\r\n  };\r\n\r\n  const renderItem = (item: ContentAccordionItem) => {\r\n    const {id, title, header, body, footer, disabled, active, ...rest} = item;\r\n    const isActive = opened.includes(id);\r\n\r\n    return (\r\n      <ContentAccordionItem key={id} id={`item_${id}`}\r\n                            className={''.concat(isActive ? ' active' : '').concat(item.disabled ? ' disabled' : '')}>\r\n        <ContentAccordionItemHeader\r\n          role=\"button\"\r\n          id={`headerFor_${id}`}\r\n          aria-expanded={isActive}\r\n          aria-controls={`itemContentFor_${id}`}\r\n          tabIndex={!disabled ? 0 : undefined}\r\n          onMouseDown={defaultOnMouseDownHandler}\r\n          onClick={() => !disabled && onItemClick(item)}\r\n          onKeyDown={(event) => event.key === 'Enter' && onItemClick(item)}\r\n          {...rest}>\r\n          <ContentAccordionItemHeaderIcon>\r\n            {multi ? isActive ? <SystemIcons.Minus aria-hidden=\"true\" /> : <SystemIcons.Plus aria-hidden=\"true\" /> : isActive ?\r\n              <SystemIcons.ChevronDown aria-hidden=\"true\" /> : <SystemIcons.ChevronRight aria-hidden=\"true\" />}\r\n          </ContentAccordionItemHeaderIcon>\r\n          <ContentAccordionItemHeaderText>{title}</ContentAccordionItemHeaderText>\r\n        </ContentAccordionItemHeader>\r\n        <ContentAccordionItemContent id={`itemContentFor_${id}`}>\r\n          {header && <ContentAccordionItemContentHeader>{header}</ContentAccordionItemContentHeader>}\r\n          <ContentAccordionItemContentBody>{body}</ContentAccordionItemContentBody>\r\n          {footer && <ContentAccordionItemContentFooter>{footer}</ContentAccordionItemContentFooter>}\r\n        </ContentAccordionItemContent>\r\n      </ContentAccordionItem>\r\n    );\r\n  };\r\n\r\n  const cls = `${size} ${className ?? ''}`.trim();\r\n\r\n  return <ContentAccordionWrapper className={cls}>\r\n    {items.map((item) => renderItem(item))}\r\n  </ContentAccordionWrapper>;\r\n};\r\n\r\nexport default ContentAccordion;\r\n"],"mappings":"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"}

package/dist/Accordion/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../../src/Accordion/index.ts"],"sourcesContent":["export * from './AccordionMenu';\nexport * from './AccordionItem';\nexport * from './ContentAccordion';\nexport {default as AccordionMenu} from './AccordionMenu';\nexport {default as AccordionMenuItem} from './AccordionMenu';\nexport {default as ContentAccordion} from './ContentAccordion';\nexport {AccordionMenuWrapper} from './styles';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AAIA;AAA8C;AAAA"}
+{"version":3,"file":"index.cjs","names":[],"sources":["../../src/Accordion/index.ts"],"sourcesContent":["export * from './AccordionMenu';\r\nexport * from './AccordionItem';\r\nexport * from './ContentAccordion';\r\nexport {default as AccordionMenu} from './AccordionMenu';\r\nexport {default as AccordionMenuItem} from './AccordionMenu';\r\nexport {default as ContentAccordion} from './ContentAccordion';\r\nexport {AccordionMenuWrapper} from './styles';\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AAIA;AAA8C;AAAA"}

package/dist/Accordion/index.d.ts

@@ -1,7 +1,7 @@
-export * from './AccordionMenu';
-export * from './AccordionItem';
-export * from './ContentAccordion';
-export { default as AccordionMenu } from './AccordionMenu';
-export { default as AccordionMenuItem } from './AccordionMenu';
-export { default as ContentAccordion } from './ContentAccordion';
-export { AccordionMenuWrapper } from './styles';
+export * from './AccordionMenu';
+export * from './AccordionItem';
+export * from './ContentAccordion';
+export { default as AccordionMenu } from './AccordionMenu';
+export { default as AccordionMenuItem } from './AccordionMenu';
+export { default as ContentAccordion } from './ContentAccordion';
+export { AccordionMenuWrapper } from './styles';

package/dist/Accordion/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","AccordionMenu","AccordionMenuItem","ContentAccordion","AccordionMenuWrapper"],"sources":["../../src/Accordion/index.ts"],"sourcesContent":["export * from './AccordionMenu';\nexport * from './AccordionItem';\nexport * from './ContentAccordion';\nexport {default as AccordionMenu} from './AccordionMenu';\nexport {default as AccordionMenuItem} from './AccordionMenu';\nexport {default as ContentAccordion} from './ContentAccordion';\nexport {AccordionMenuWrapper} from './styles';\n"],"mappings":"AAAA,cAAc,iBAAiB;AAC/B,cAAc,iBAAiB;AAC/B,cAAc,oBAAoB;AAClC,SAAQA,OAAO,IAAIC,aAAa,QAAO,iBAAiB;AACxD,SAAQD,OAAO,IAAIE,iBAAiB,QAAO,iBAAiB;AAC5D,SAAQF,OAAO,IAAIG,gBAAgB,QAAO,oBAAoB;AAC9D,SAAQC,oBAAoB,QAAO,UAAU"}
+{"version":3,"file":"index.js","names":["default","AccordionMenu","AccordionMenuItem","ContentAccordion","AccordionMenuWrapper"],"sources":["../../src/Accordion/index.ts"],"sourcesContent":["export * from './AccordionMenu';\r\nexport * from './AccordionItem';\r\nexport * from './ContentAccordion';\r\nexport {default as AccordionMenu} from './AccordionMenu';\r\nexport {default as AccordionMenuItem} from './AccordionMenu';\r\nexport {default as ContentAccordion} from './ContentAccordion';\r\nexport {AccordionMenuWrapper} from './styles';\r\n"],"mappings":"AAAA,cAAc,iBAAiB;AAC/B,cAAc,iBAAiB;AAC/B,cAAc,oBAAoB;AAClC,SAAQA,OAAO,IAAIC,aAAa,QAAO,iBAAiB;AACxD,SAAQD,OAAO,IAAIE,iBAAiB,QAAO,iBAAiB;AAC5D,SAAQF,OAAO,IAAIG,gBAAgB,QAAO,oBAAoB;AAC9D,SAAQC,oBAAoB,QAAO,UAAU"}

package/dist/Accordion/styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"styles.cjs","names":["AccordionMenuWrapper","styled","div","AccordionItemHeaderContainer","ComponentSStyling","ComponentTextStyle","Regular","COLORS","neutral_600","ComponentMStyling","ComponentLStyling","focusStyles","primary_20","primary_700","Z_INDEXES","hover","primary_800","primary_100","active","neutral_800","white","neutral_300","AccordionItemContainer","neutral_100","AccordionItemBodyContainer","props","padding"],"sources":["../../src/Accordion/styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport {\n  COLORS,\n  ComponentLStyling,\n  ComponentMStyling,\n  ComponentSStyling,\n  ComponentTextStyle,\n  focusStyles\n} from '../styles';\nimport { Z_INDEXES } from '../styles/z-indexes';\n\nexport const AccordionMenuWrapper = styled.div`\n  min-width: 320px;\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n`;\n\n\n\nexport const AccordionItemHeaderContainer = styled.div`\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  cursor: pointer;\n  outline: none;\n  box-sizing: border-box;\n\n  ${ComponentSStyling(ComponentTextStyle.Regular, COLORS.neutral_600)}\n\n  div:last-child {\n    margin-left: auto;\n  }\n\n  padding: 0 16px;\n  min-height: 48px;\n  \n  svg {\n    width: 20px;\n    height: 20px;\n  }\n  \n  .medium & {\n    ${ComponentMStyling(ComponentTextStyle.Regular, COLORS.neutral_600)}\n    padding: 0 24px;\n    min-height: 56px;\n\n    svg {\n      width: 24px;\n      height: 24px;\n    }\n  }\n\n  .large & {\n    ${ComponentLStyling(ComponentTextStyle.Regular, COLORS.neutral_600)}\n    padding: 0 32px;\n    min-height: 64px;\n    svg {\n      width: 24px;\n      height: 24px;\n    }\n  }\n\n  :focus:not(:active) {\n    ${focusStyles}\n  }\n\n  :hover {\n    background: ${COLORS.primary_20};\n    color: ${COLORS.primary_700};\n    z-index: ${Z_INDEXES.hover};\n  }\n\n  :active {\n    color: ${COLORS.primary_800};\n    background: ${COLORS.primary_100};\n    z-index: ${Z_INDEXES.active};\n  }\n\n  &.active {\n    color: ${COLORS.neutral_800};\n  }\n\n  &.disabled {\n    background: ${COLORS.white}!important;\n    color: ${COLORS.neutral_300};\n    cursor: not-allowed;\n    pointer-events: none;\n    svg {\n      color: ${COLORS.neutral_300}!important;\n    }\n  }\n`;\n\nexport const AccordionItemContainer = styled.div`\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  \n  &:not(:last-child) ${AccordionItemHeaderContainer}:not(.active) {\n    border-bottom: 1px solid ${COLORS.neutral_100};\n  }\n`;\n\nexport const AccordionItemBodyContainer = styled.div<{ padding?: string }>`\n  padding: ${(props) => props.padding || '8px 16px'};\n  background: ${COLORS.white};\n  \n  ${ComponentSStyling(ComponentTextStyle.Regular, null)}\n  \n  .medium & {\n    padding: ${(props) => props.padding || '12px 24px'};\n    ${ComponentMStyling(ComponentTextStyle.Regular, null)}\n  }\n  \n  .large & {\n    padding: ${(props) => props.padding || '14px 32px'};\n    ${ComponentLStyling(ComponentTextStyle.Regular, null)}\n  }\n\n`;\n"],"mappings":";;;;;;;;AAAA;AACA;AAQA;AAAgD;AAEzC,IAAMA,oBAAoB,GAAGC,yBAAM,CAACC,GAAG,kLAK7C;AAAC;AAIK,IAAMC,4BAA4B,GAAGF,yBAAM,CAACC,GAAG,0jCASlD,IAAAE,yBAAiB,EAACC,0BAAkB,CAACC,OAAO,EAAEC,cAAM,CAACC,WAAW,CAAC,EAe/D,IAAAC,yBAAiB,EAACJ,0BAAkB,CAACC,OAAO,EAAEC,cAAM,CAACC,WAAW,CAAC,EAWjE,IAAAE,yBAAiB,EAACL,0BAAkB,CAACC,OAAO,EAAEC,cAAM,CAACC,WAAW,CAAC,EAUjEG,mBAAW,EAICJ,cAAM,CAACK,UAAU,EACtBL,cAAM,CAACM,WAAW,EAChBC,mBAAS,CAACC,KAAK,EAIjBR,cAAM,CAACS,WAAW,EACbT,cAAM,CAACU,WAAW,EACrBH,mBAAS,CAACI,MAAM,EAIlBX,cAAM,CAACY,WAAW,EAIbZ,cAAM,CAACa,KAAK,EACjBb,cAAM,CAACc,WAAW,EAIhBd,cAAM,CAACc,WAAW,CAGhC;AAAC;AAEK,IAAMC,sBAAsB,GAAGrB,yBAAM,CAACC,GAAG,uQAMzBC,4BAA4B,EACpBI,cAAM,CAACgB,WAAW,CAEhD;AAAC;AAEK,IAAMC,0BAA0B,GAAGvB,yBAAM,CAACC,GAAG,wPACvC,UAACuB,KAAK;EAAA,OAAKA,KAAK,CAACC,OAAO,IAAI,UAAU;AAAA,GACnCnB,cAAM,CAACa,KAAK,EAExB,IAAAhB,yBAAiB,EAACC,0BAAkB,CAACC,OAAO,EAAE,IAAI,CAAC,EAGxC,UAACmB,KAAK;EAAA,OAAKA,KAAK,CAACC,OAAO,IAAI,WAAW;AAAA,GAChD,IAAAjB,yBAAiB,EAACJ,0BAAkB,CAACC,OAAO,EAAE,IAAI,CAAC,EAI1C,UAACmB,KAAK;EAAA,OAAKA,KAAK,CAACC,OAAO,IAAI,WAAW;AAAA,GAChD,IAAAhB,yBAAiB,EAACL,0BAAkB,CAACC,OAAO,EAAE,IAAI,CAAC,CAGxD;AAAC"}
+{"version":3,"file":"styles.cjs","names":["AccordionMenuWrapper","styled","div","AccordionItemHeaderContainer","ComponentSStyling","ComponentTextStyle","Regular","COLORS","neutral_600","ComponentMStyling","ComponentLStyling","focusStyles","primary_20","primary_700","Z_INDEXES","hover","primary_800","primary_100","active","neutral_800","white","neutral_300","AccordionItemContainer","neutral_100","AccordionItemBodyContainer","props","padding"],"sources":["../../src/Accordion/styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\r\nimport {\r\n  COLORS,\r\n  ComponentLStyling,\r\n  ComponentMStyling,\r\n  ComponentSStyling,\r\n  ComponentTextStyle,\r\n  focusStyles\r\n} from '../styles';\r\nimport { Z_INDEXES } from '../styles/z-indexes';\r\n\r\nexport const AccordionMenuWrapper = styled.div`\r\n  min-width: 320px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  box-sizing: border-box;\r\n`;\r\n\r\n\r\n\r\nexport const AccordionItemHeaderContainer = styled.div`\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  cursor: pointer;\r\n  outline: none;\r\n  box-sizing: border-box;\r\n\r\n  ${ComponentSStyling(ComponentTextStyle.Regular, COLORS.neutral_600)}\r\n\r\n  div:last-child {\r\n    margin-left: auto;\r\n  }\r\n\r\n  padding: 0 16px;\r\n  min-height: 48px;\r\n  \r\n  svg {\r\n    width: 20px;\r\n    height: 20px;\r\n  }\r\n  \r\n  .medium & {\r\n    ${ComponentMStyling(ComponentTextStyle.Regular, COLORS.neutral_600)}\r\n    padding: 0 24px;\r\n    min-height: 56px;\r\n\r\n    svg {\r\n      width: 24px;\r\n      height: 24px;\r\n    }\r\n  }\r\n\r\n  .large & {\r\n    ${ComponentLStyling(ComponentTextStyle.Regular, COLORS.neutral_600)}\r\n    padding: 0 32px;\r\n    min-height: 64px;\r\n    svg {\r\n      width: 24px;\r\n      height: 24px;\r\n    }\r\n  }\r\n\r\n  :focus:not(:active) {\r\n    ${focusStyles}\r\n  }\r\n\r\n  :hover {\r\n    background: ${COLORS.primary_20};\r\n    color: ${COLORS.primary_700};\r\n    z-index: ${Z_INDEXES.hover};\r\n  }\r\n\r\n  :active {\r\n    color: ${COLORS.primary_800};\r\n    background: ${COLORS.primary_100};\r\n    z-index: ${Z_INDEXES.active};\r\n  }\r\n\r\n  &.active {\r\n    color: ${COLORS.neutral_800};\r\n  }\r\n\r\n  &.disabled {\r\n    background: ${COLORS.white}!important;\r\n    color: ${COLORS.neutral_300};\r\n    cursor: not-allowed;\r\n    pointer-events: none;\r\n    svg {\r\n      color: ${COLORS.neutral_300}!important;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const AccordionItemContainer = styled.div`\r\n  width: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  box-sizing: border-box;\r\n  \r\n  &:not(:last-child) ${AccordionItemHeaderContainer}:not(.active) {\r\n    border-bottom: 1px solid ${COLORS.neutral_100};\r\n  }\r\n`;\r\n\r\nexport const AccordionItemBodyContainer = styled.div<{ padding?: string }>`\r\n  padding: ${(props) => props.padding || '8px 16px'};\r\n  background: ${COLORS.white};\r\n  \r\n  ${ComponentSStyling(ComponentTextStyle.Regular, null)}\r\n  \r\n  .medium & {\r\n    padding: ${(props) => props.padding || '12px 24px'};\r\n    ${ComponentMStyling(ComponentTextStyle.Regular, null)}\r\n  }\r\n  \r\n  .large & {\r\n    padding: ${(props) => props.padding || '14px 32px'};\r\n    ${ComponentLStyling(ComponentTextStyle.Regular, null)}\r\n  }\r\n\r\n`;\r\n"],"mappings":";;;;;;;;AAAA;AACA;AAQA;AAAgD;AAEzC,IAAMA,oBAAoB,GAAGC,yBAAM,CAACC,GAAG,kLAK7C;AAAC;AAIK,IAAMC,4BAA4B,GAAGF,yBAAM,CAACC,GAAG,0jCASlD,IAAAE,yBAAiB,EAACC,0BAAkB,CAACC,OAAO,EAAEC,cAAM,CAACC,WAAW,CAAC,EAe/D,IAAAC,yBAAiB,EAACJ,0BAAkB,CAACC,OAAO,EAAEC,cAAM,CAACC,WAAW,CAAC,EAWjE,IAAAE,yBAAiB,EAACL,0BAAkB,CAACC,OAAO,EAAEC,cAAM,CAACC,WAAW,CAAC,EAUjEG,mBAAW,EAICJ,cAAM,CAACK,UAAU,EACtBL,cAAM,CAACM,WAAW,EAChBC,mBAAS,CAACC,KAAK,EAIjBR,cAAM,CAACS,WAAW,EACbT,cAAM,CAACU,WAAW,EACrBH,mBAAS,CAACI,MAAM,EAIlBX,cAAM,CAACY,WAAW,EAIbZ,cAAM,CAACa,KAAK,EACjBb,cAAM,CAACc,WAAW,EAIhBd,cAAM,CAACc,WAAW,CAGhC;AAAC;AAEK,IAAMC,sBAAsB,GAAGrB,yBAAM,CAACC,GAAG,uQAMzBC,4BAA4B,EACpBI,cAAM,CAACgB,WAAW,CAEhD;AAAC;AAEK,IAAMC,0BAA0B,GAAGvB,yBAAM,CAACC,GAAG,wPACvC,UAACuB,KAAK;EAAA,OAAKA,KAAK,CAACC,OAAO,IAAI,UAAU;AAAA,GACnCnB,cAAM,CAACa,KAAK,EAExB,IAAAhB,yBAAiB,EAACC,0BAAkB,CAACC,OAAO,EAAE,IAAI,CAAC,EAGxC,UAACmB,KAAK;EAAA,OAAKA,KAAK,CAACC,OAAO,IAAI,WAAW;AAAA,GAChD,IAAAjB,yBAAiB,EAACJ,0BAAkB,CAACC,OAAO,EAAE,IAAI,CAAC,EAI1C,UAACmB,KAAK;EAAA,OAAKA,KAAK,CAACC,OAAO,IAAI,WAAW;AAAA,GAChD,IAAAhB,yBAAiB,EAACL,0BAAkB,CAACC,OAAO,EAAE,IAAI,CAAC,CAGxD;AAAC"}

package/dist/Accordion/styles.d.ts

@@ -1,6 +1,6 @@
-export declare const AccordionMenuWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const AccordionItemHeaderContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const AccordionItemContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const AccordionItemBodyContainer: import("styled-components").StyledComponent<"div", any, {
-    padding?: string | undefined;
-}, never>;
+export declare const AccordionMenuWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const AccordionItemHeaderContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const AccordionItemContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const AccordionItemBodyContainer: import("styled-components").StyledComponent<"div", any, {
+    padding?: string | undefined;
+}, never>;

package/dist/Accordion/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styled","COLORS","ComponentLStyling","ComponentMStyling","ComponentSStyling","ComponentTextStyle","focusStyles","Z_INDEXES","AccordionMenuWrapper","div","AccordionItemHeaderContainer","Regular","neutral_600","primary_20","primary_700","hover","primary_800","primary_100","active","neutral_800","white","neutral_300","AccordionItemContainer","neutral_100","AccordionItemBodyContainer","props","padding"],"sources":["../../src/Accordion/styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport {\n  COLORS,\n  ComponentLStyling,\n  ComponentMStyling,\n  ComponentSStyling,\n  ComponentTextStyle,\n  focusStyles\n} from '../styles';\nimport { Z_INDEXES } from '../styles/z-indexes';\n\nexport const AccordionMenuWrapper = styled.div`\n  min-width: 320px;\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n`;\n\n\n\nexport const AccordionItemHeaderContainer = styled.div`\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  cursor: pointer;\n  outline: none;\n  box-sizing: border-box;\n\n  ${ComponentSStyling(ComponentTextStyle.Regular, COLORS.neutral_600)}\n\n  div:last-child {\n    margin-left: auto;\n  }\n\n  padding: 0 16px;\n  min-height: 48px;\n  \n  svg {\n    width: 20px;\n    height: 20px;\n  }\n  \n  .medium & {\n    ${ComponentMStyling(ComponentTextStyle.Regular, COLORS.neutral_600)}\n    padding: 0 24px;\n    min-height: 56px;\n\n    svg {\n      width: 24px;\n      height: 24px;\n    }\n  }\n\n  .large & {\n    ${ComponentLStyling(ComponentTextStyle.Regular, COLORS.neutral_600)}\n    padding: 0 32px;\n    min-height: 64px;\n    svg {\n      width: 24px;\n      height: 24px;\n    }\n  }\n\n  :focus:not(:active) {\n    ${focusStyles}\n  }\n\n  :hover {\n    background: ${COLORS.primary_20};\n    color: ${COLORS.primary_700};\n    z-index: ${Z_INDEXES.hover};\n  }\n\n  :active {\n    color: ${COLORS.primary_800};\n    background: ${COLORS.primary_100};\n    z-index: ${Z_INDEXES.active};\n  }\n\n  &.active {\n    color: ${COLORS.neutral_800};\n  }\n\n  &.disabled {\n    background: ${COLORS.white}!important;\n    color: ${COLORS.neutral_300};\n    cursor: not-allowed;\n    pointer-events: none;\n    svg {\n      color: ${COLORS.neutral_300}!important;\n    }\n  }\n`;\n\nexport const AccordionItemContainer = styled.div`\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  \n  &:not(:last-child) ${AccordionItemHeaderContainer}:not(.active) {\n    border-bottom: 1px solid ${COLORS.neutral_100};\n  }\n`;\n\nexport const AccordionItemBodyContainer = styled.div<{ padding?: string }>`\n  padding: ${(props) => props.padding || '8px 16px'};\n  background: ${COLORS.white};\n  \n  ${ComponentSStyling(ComponentTextStyle.Regular, null)}\n  \n  .medium & {\n    padding: ${(props) => props.padding || '12px 24px'};\n    ${ComponentMStyling(ComponentTextStyle.Regular, null)}\n  }\n  \n  .large & {\n    padding: ${(props) => props.padding || '14px 32px'};\n    ${ComponentLStyling(ComponentTextStyle.Regular, null)}\n  }\n\n`;\n"],"mappings":";;AAAA,OAAOA,MAAM,MAAe,mBAAmB;AAC/C,SACEC,MAAM,EACNC,iBAAiB,EACjBC,iBAAiB,EACjBC,iBAAiB,EACjBC,kBAAkB,EAClBC,WAAW,QACN,WAAW;AAClB,SAASC,SAAS,QAAQ,qBAAqB;AAE/C,OAAO,IAAMC,oBAAoB,GAAGR,MAAM,CAACS,GAAG,oKAK7C;AAID,OAAO,IAAMC,4BAA4B,GAAGV,MAAM,CAACS,GAAG,4iCASlDL,iBAAiB,CAACC,kBAAkB,CAACM,OAAO,EAAEV,MAAM,CAACW,WAAW,CAAC,EAe/DT,iBAAiB,CAACE,kBAAkB,CAACM,OAAO,EAAEV,MAAM,CAACW,WAAW,CAAC,EAWjEV,iBAAiB,CAACG,kBAAkB,CAACM,OAAO,EAAEV,MAAM,CAACW,WAAW,CAAC,EAUjEN,WAAW,EAICL,MAAM,CAACY,UAAU,EACtBZ,MAAM,CAACa,WAAW,EAChBP,SAAS,CAACQ,KAAK,EAIjBd,MAAM,CAACe,WAAW,EACbf,MAAM,CAACgB,WAAW,EACrBV,SAAS,CAACW,MAAM,EAIlBjB,MAAM,CAACkB,WAAW,EAIblB,MAAM,CAACmB,KAAK,EACjBnB,MAAM,CAACoB,WAAW,EAIhBpB,MAAM,CAACoB,WAAW,CAGhC;AAED,OAAO,IAAMC,sBAAsB,GAAGtB,MAAM,CAACS,GAAG,yPAMzBC,4BAA4B,EACpBT,MAAM,CAACsB,WAAW,CAEhD;AAED,OAAO,IAAMC,0BAA0B,GAAGxB,MAAM,CAACS,GAAG,0OACvC,UAACgB,KAAK;EAAA,OAAKA,KAAK,CAACC,OAAO,IAAI,UAAU;AAAA,GACnCzB,MAAM,CAACmB,KAAK,EAExBhB,iBAAiB,CAACC,kBAAkB,CAACM,OAAO,EAAE,IAAI,CAAC,EAGxC,UAACc,KAAK;EAAA,OAAKA,KAAK,CAACC,OAAO,IAAI,WAAW;AAAA,GAChDvB,iBAAiB,CAACE,kBAAkB,CAACM,OAAO,EAAE,IAAI,CAAC,EAI1C,UAACc,KAAK;EAAA,OAAKA,KAAK,CAACC,OAAO,IAAI,WAAW;AAAA,GAChDxB,iBAAiB,CAACG,kBAAkB,CAACM,OAAO,EAAE,IAAI,CAAC,CAGxD"}
+{"version":3,"file":"styles.js","names":["styled","COLORS","ComponentLStyling","ComponentMStyling","ComponentSStyling","ComponentTextStyle","focusStyles","Z_INDEXES","AccordionMenuWrapper","div","AccordionItemHeaderContainer","Regular","neutral_600","primary_20","primary_700","hover","primary_800","primary_100","active","neutral_800","white","neutral_300","AccordionItemContainer","neutral_100","AccordionItemBodyContainer","props","padding"],"sources":["../../src/Accordion/styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\r\nimport {\r\n  COLORS,\r\n  ComponentLStyling,\r\n  ComponentMStyling,\r\n  ComponentSStyling,\r\n  ComponentTextStyle,\r\n  focusStyles\r\n} from '../styles';\r\nimport { Z_INDEXES } from '../styles/z-indexes';\r\n\r\nexport const AccordionMenuWrapper = styled.div`\r\n  min-width: 320px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  box-sizing: border-box;\r\n`;\r\n\r\n\r\n\r\nexport const AccordionItemHeaderContainer = styled.div`\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  cursor: pointer;\r\n  outline: none;\r\n  box-sizing: border-box;\r\n\r\n  ${ComponentSStyling(ComponentTextStyle.Regular, COLORS.neutral_600)}\r\n\r\n  div:last-child {\r\n    margin-left: auto;\r\n  }\r\n\r\n  padding: 0 16px;\r\n  min-height: 48px;\r\n  \r\n  svg {\r\n    width: 20px;\r\n    height: 20px;\r\n  }\r\n  \r\n  .medium & {\r\n    ${ComponentMStyling(ComponentTextStyle.Regular, COLORS.neutral_600)}\r\n    padding: 0 24px;\r\n    min-height: 56px;\r\n\r\n    svg {\r\n      width: 24px;\r\n      height: 24px;\r\n    }\r\n  }\r\n\r\n  .large & {\r\n    ${ComponentLStyling(ComponentTextStyle.Regular, COLORS.neutral_600)}\r\n    padding: 0 32px;\r\n    min-height: 64px;\r\n    svg {\r\n      width: 24px;\r\n      height: 24px;\r\n    }\r\n  }\r\n\r\n  :focus:not(:active) {\r\n    ${focusStyles}\r\n  }\r\n\r\n  :hover {\r\n    background: ${COLORS.primary_20};\r\n    color: ${COLORS.primary_700};\r\n    z-index: ${Z_INDEXES.hover};\r\n  }\r\n\r\n  :active {\r\n    color: ${COLORS.primary_800};\r\n    background: ${COLORS.primary_100};\r\n    z-index: ${Z_INDEXES.active};\r\n  }\r\n\r\n  &.active {\r\n    color: ${COLORS.neutral_800};\r\n  }\r\n\r\n  &.disabled {\r\n    background: ${COLORS.white}!important;\r\n    color: ${COLORS.neutral_300};\r\n    cursor: not-allowed;\r\n    pointer-events: none;\r\n    svg {\r\n      color: ${COLORS.neutral_300}!important;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const AccordionItemContainer = styled.div`\r\n  width: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  box-sizing: border-box;\r\n  \r\n  &:not(:last-child) ${AccordionItemHeaderContainer}:not(.active) {\r\n    border-bottom: 1px solid ${COLORS.neutral_100};\r\n  }\r\n`;\r\n\r\nexport const AccordionItemBodyContainer = styled.div<{ padding?: string }>`\r\n  padding: ${(props) => props.padding || '8px 16px'};\r\n  background: ${COLORS.white};\r\n  \r\n  ${ComponentSStyling(ComponentTextStyle.Regular, null)}\r\n  \r\n  .medium & {\r\n    padding: ${(props) => props.padding || '12px 24px'};\r\n    ${ComponentMStyling(ComponentTextStyle.Regular, null)}\r\n  }\r\n  \r\n  .large & {\r\n    padding: ${(props) => props.padding || '14px 32px'};\r\n    ${ComponentLStyling(ComponentTextStyle.Regular, null)}\r\n  }\r\n\r\n`;\r\n"],"mappings":";;AAAA,OAAOA,MAAM,MAAe,mBAAmB;AAC/C,SACEC,MAAM,EACNC,iBAAiB,EACjBC,iBAAiB,EACjBC,iBAAiB,EACjBC,kBAAkB,EAClBC,WAAW,QACN,WAAW;AAClB,SAASC,SAAS,QAAQ,qBAAqB;AAE/C,OAAO,IAAMC,oBAAoB,GAAGR,MAAM,CAACS,GAAG,oKAK7C;AAID,OAAO,IAAMC,4BAA4B,GAAGV,MAAM,CAACS,GAAG,4iCASlDL,iBAAiB,CAACC,kBAAkB,CAACM,OAAO,EAAEV,MAAM,CAACW,WAAW,CAAC,EAe/DT,iBAAiB,CAACE,kBAAkB,CAACM,OAAO,EAAEV,MAAM,CAACW,WAAW,CAAC,EAWjEV,iBAAiB,CAACG,kBAAkB,CAACM,OAAO,EAAEV,MAAM,CAACW,WAAW,CAAC,EAUjEN,WAAW,EAICL,MAAM,CAACY,UAAU,EACtBZ,MAAM,CAACa,WAAW,EAChBP,SAAS,CAACQ,KAAK,EAIjBd,MAAM,CAACe,WAAW,EACbf,MAAM,CAACgB,WAAW,EACrBV,SAAS,CAACW,MAAM,EAIlBjB,MAAM,CAACkB,WAAW,EAIblB,MAAM,CAACmB,KAAK,EACjBnB,MAAM,CAACoB,WAAW,EAIhBpB,MAAM,CAACoB,WAAW,CAGhC;AAED,OAAO,IAAMC,sBAAsB,GAAGtB,MAAM,CAACS,GAAG,yPAMzBC,4BAA4B,EACpBT,MAAM,CAACsB,WAAW,CAEhD;AAED,OAAO,IAAMC,0BAA0B,GAAGxB,MAAM,CAACS,GAAG,0OACvC,UAACgB,KAAK;EAAA,OAAKA,KAAK,CAACC,OAAO,IAAI,UAAU;AAAA,GACnCzB,MAAM,CAACmB,KAAK,EAExBhB,iBAAiB,CAACC,kBAAkB,CAACM,OAAO,EAAE,IAAI,CAAC,EAGxC,UAACc,KAAK;EAAA,OAAKA,KAAK,CAACC,OAAO,IAAI,WAAW;AAAA,GAChDvB,iBAAiB,CAACE,kBAAkB,CAACM,OAAO,EAAE,IAAI,CAAC,EAI1C,UAACc,KAAK;EAAA,OAAKA,KAAK,CAACC,OAAO,IAAI,WAAW;AAAA,GAChDxB,iBAAiB,CAACG,kBAAkB,CAACM,OAAO,EAAE,IAAI,CAAC,CAGxD"}

package/dist/AuthPage/AuthPage.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"AuthPage.cjs","names":["AuthPageWrapper","styled","div","BREAKPOINTS","MEDIUM","AuthPage","screenSetsContainerId","panel","order","className"],"sources":["../../src/AuthPage/AuthPage.tsx"],"sourcesContent":["import * as React from 'react';\nimport ScreenSetsContainer from './ScreenSetsContainer';\nimport styled from \"styled-components\";\nimport {Panel, PanelProps} from \"../Panel\";\nimport {BREAKPOINTS} from \"../styles\";\n\n\nexport const AuthPageWrapper = styled.div`\n  display: flex;\n  align-items: center;\n  height: 100%;\n\n  .panel {\n    flex: 1;\n    display: none;\n  }\n\n  ${BREAKPOINTS.MEDIUM} {\n    .panel {\n      display: flex;\n    }\n  }\n\n  &.reverse {\n    flex-direction: row-reverse;\n  }\n`;\n\nexport type AuthPageProps = {\n  panel?: PanelProps;\n  order?: 'default' | 'reverse';\n  screenSetsContainerId: string;\n};\n\nconst AuthPage = ({\n                    screenSetsContainerId,\n                    panel,\n                    order = 'default'\n                  }: AuthPageProps) => {\n  return (\n    <AuthPageWrapper className={order}>\n      {\n        panel && <Panel {...panel} order={order} className={`panel ${panel.className || ''}`}/>\n      }\n      <ScreenSetsContainer id={screenSetsContainerId} centerContents={!panel}/>\n    </AuthPageWrapper>\n  );\n};\n\nexport default AuthPage;\n"],"mappings":";;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AAAsC;AAAA;AAAA;AAAA;AAAA;AAAA;AAG/B,IAAMA,eAAe,GAAGC,yBAAM,CAACC,GAAG,0TAUrCC,mBAAW,CAACC,MAAM,CASrB;AAAC;AAQF,IAAMC,QAAQ,GAAG,SAAXA,QAAQ,OAIyB;EAAA,IAHnBC,qBAAqB,QAArBA,qBAAqB;IACrBC,KAAK,QAALA,KAAK;IAAA,kBACLC,KAAK;IAALA,KAAK,2BAAG,SAAS;EAEnC,oBACE,sBAAC,eAAe;IAAC,SAAS,EAAEA,KAAM;IAAA,WAE9BD,KAAK,iBAAI,qBAAC,YAAK,kCAAKA,KAAK;MAAE,KAAK,EAAEC,KAAM;MAAC,SAAS,kBAAWD,KAAK,CAACE,SAAS,IAAI,EAAE;IAAG,GAAE,eAEzF,qBAAC,4BAAmB;MAAC,EAAE,EAAEH,qBAAsB;MAAC,cAAc,EAAE,CAACC;IAAM,EAAE;EAAA,EACzD;AAEtB,CAAC;AAAC;EAjBAC,KAAK,4BAAG,SAAS,EAAG,SAAS;EAC7BF,qBAAqB;AAAA;AAAA,eAkBRD,QAAQ;AAAA"}
+{"version":3,"file":"AuthPage.cjs","names":["AuthPageWrapper","styled","div","BREAKPOINTS","MEDIUM","AuthPage","screenSetsContainerId","panel","order","className"],"sources":["../../src/AuthPage/AuthPage.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport ScreenSetsContainer from './ScreenSetsContainer';\r\nimport styled from \"styled-components\";\r\nimport {Panel, PanelProps} from \"../Panel\";\r\nimport {BREAKPOINTS} from \"../styles\";\r\n\r\n\r\nexport const AuthPageWrapper = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  height: 100%;\r\n\r\n  .panel {\r\n    flex: 1;\r\n    display: none;\r\n  }\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    .panel {\r\n      display: flex;\r\n    }\r\n  }\r\n\r\n  &.reverse {\r\n    flex-direction: row-reverse;\r\n  }\r\n`;\r\n\r\nexport type AuthPageProps = {\r\n  panel?: PanelProps;\r\n  order?: 'default' | 'reverse';\r\n  screenSetsContainerId: string;\r\n};\r\n\r\nconst AuthPage = ({\r\n                    screenSetsContainerId,\r\n                    panel,\r\n                    order = 'default'\r\n                  }: AuthPageProps) => {\r\n  return (\r\n    <AuthPageWrapper className={order}>\r\n      {\r\n        panel && <Panel {...panel} order={order} className={`panel ${panel.className || ''}`}/>\r\n      }\r\n      <ScreenSetsContainer id={screenSetsContainerId} centerContents={!panel}/>\r\n    </AuthPageWrapper>\r\n  );\r\n};\r\n\r\nexport default AuthPage;\r\n"],"mappings":";;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AAAsC;AAAA;AAAA;AAAA;AAAA;AAAA;AAG/B,IAAMA,eAAe,GAAGC,yBAAM,CAACC,GAAG,0TAUrCC,mBAAW,CAACC,MAAM,CASrB;AAAC;AAQF,IAAMC,QAAQ,GAAG,SAAXA,QAAQ,OAIyB;EAAA,IAHnBC,qBAAqB,QAArBA,qBAAqB;IACrBC,KAAK,QAALA,KAAK;IAAA,kBACLC,KAAK;IAALA,KAAK,2BAAG,SAAS;EAEnC,oBACE,sBAAC,eAAe;IAAC,SAAS,EAAEA,KAAM;IAAA,WAE9BD,KAAK,iBAAI,qBAAC,YAAK,kCAAKA,KAAK;MAAE,KAAK,EAAEC,KAAM;MAAC,SAAS,kBAAWD,KAAK,CAACE,SAAS,IAAI,EAAE;IAAG,GAAE,eAEzF,qBAAC,4BAAmB;MAAC,EAAE,EAAEH,qBAAsB;MAAC,cAAc,EAAE,CAACC;IAAM,EAAE;EAAA,EACzD;AAEtB,CAAC;AAAC;EAjBAC,KAAK,4BAAG,SAAS,EAAG,SAAS;EAC7BF,qBAAqB;AAAA;AAAA,eAkBRD,QAAQ;AAAA"}