@helsenorge/designsystem-react 2.6.2 → 2.8.0

package/components/FormExample/styles.module.scss

@@ -0,0 +1,27 @@
+@import '../../scss/_spacers.scss';
+@import '../../scss/_breakpoints.scss';
+
+.fieldset--flex {
+  display: flex;
+  flex-direction: column;
+  flex-wrap: wrap;
+
+  @media (min-width: map-get($grid-breakpoints, sm)) {
+    flex-direction: row;
+    align-items: flex-end;
+  }
+}
+
+.fieldset--flex-time {
+  display: flex;
+  align-items: flex-end;
+  padding-top: getSpacer(m);
+
+  @media (min-width: map-get($grid-breakpoints, sm)) {
+    padding-top: 0;
+  }
+}
+
+.date-picker--spacing {
+  padding-right: getSpacer(l);
+}

package/components/FormExample/styles.module.scss.d.ts

@@ -0,0 +1,11 @@
+export type Styles = {
+  'date-picker--spacing': string;
+  'fieldset--flex': string;
+  'fieldset--flex-time': string;
+};
+
+export type ClassNames = keyof Styles;
+
+declare const styles: Styles;
+
+export default styles;

package/components/FormGroup/FormGroup.d.ts

@@ -10,6 +10,8 @@ export interface FormGroupProps {
     children?: React.ReactNode;
     /** Adds custom classes to the element. */
     className?: string;
+    /** Adds custom classes to the fieldset element. */
+    fieldsetClassName?: string;
     /** Changes the visuals of the formgroup */
     mode?: keyof typeof FormMode;
     /** Changes the visuals of the formgroup */
@@ -22,6 +24,8 @@ export interface FormGroupProps {
     name?: string;
     /** Sets div instead of fieldset tag */
     htmlMarkup?: FormGroupTags;
+    /** Renders the error component (Default: true) */
+    renderError?: boolean;
 }
 export declare const FormGroup: React.ForwardRefExoticComponent<FormGroupProps & React.RefAttributes<HTMLDivElement>>;
 export default FormGroup;

package/components/FormGroup/FormGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormGroup.d.ts","sourceRoot":"","sources":["../../../src/components/FormGroup/FormGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAe,QAAQ,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAQrE,oBAAY,aAAa,GAAG,UAAU,GAAG,KAAK,CAAC;AAE/C,MAAM,WAAW,cAAc;IAC7B,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2CAA2C;IAC3C,IAAI,CAAC,EAAE,MAAM,OAAO,QAAQ,CAAC;IAC7B,2CAA2C;IAC3C,OAAO,CAAC,EAAE,MAAM,OAAO,WAAW,CAAC;IACnC,oBAAoB;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iDAAiD;IACjD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uCAAuC;IACvC,UAAU,CAAC,EAAE,aAAa,CAAC;CAC5B;AAED,eAAO,MAAM,SAAS,uFAwFpB,CAAC;AAEH,eAAe,SAAS,CAAC"}
+{"version":3,"file":"FormGroup.d.ts","sourceRoot":"","sources":["../../../src/components/FormGroup/FormGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAe,QAAQ,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAQrE,oBAAY,aAAa,GAAG,UAAU,GAAG,KAAK,CAAC;AAE/C,MAAM,WAAW,cAAc;IAC7B,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mDAAmD;IACnD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,2CAA2C;IAC3C,IAAI,CAAC,EAAE,MAAM,OAAO,QAAQ,CAAC;IAC7B,2CAA2C;IAC3C,OAAO,CAAC,EAAE,MAAM,OAAO,WAAW,CAAC;IACnC,oBAAoB;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iDAAiD;IACjD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uCAAuC;IACvC,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,kDAAkD;IAClD,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,SAAS,uFA8GpB,CAAC;AAEH,eAAe,SAAS,CAAC"}

package/components/FormGroup/componentdata.json

@@ -1 +1 @@
-{"props":{"title":{"defaultValue":null,"description":"title for the the fieldset","name":"title","parent":{"fileName":"src/components/FormGroup/FormGroup.tsx","name":"FormGroupProps"},"declarations":[{"fileName":"src/components/FormGroup/FormGroup.tsx","name":"FormGroupProps"}],"required":false,"type":{"name":"string"}},"legend":{"defaultValue":null,"description":"text placed in the legend tag of the fieldset","name":"legend","parent":{"fileName":"src/components/FormGroup/FormGroup.tsx","name":"FormGroupProps"},"declarations":[{"fileName":"src/components/FormGroup/FormGroup.tsx","name":"FormGroupProps"}],"required":false,"type":{"name":"string"}},"children":{"defaultValue":null,"description":"Items in the FormGroup component","name":"children","parent":{"fileName":"src/components/FormGroup/FormGroup.tsx","name":"FormGroupProps"},"declarations":[{"fileName":"src/components/FormGroup/FormGroup.tsx","name":"FormGroupProps"}],"required":false,"type":{"name":"ReactNode"}},"className":{"defaultValue":null,"description":"Adds custom classes to the element.","name":"className","parent":{"fileName":"src/components/FormGroup/FormGroup.tsx","name":"FormGroupProps"},"declarations":[{"fileName":"src/components/FormGroup/FormGroup.tsx","name":"FormGroupProps"}],"required":false,"type":{"name":"string"}},"mode":{"defaultValue":null,"description":"Changes the visuals of the formgroup","name":"mode","parent":{"fileName":"src/components/FormGroup/FormGroup.tsx","name":"FormGroupProps"},"declarations":[{"fileName":"src/components/FormGroup/FormGroup.tsx","name":"FormGroupProps"}],"required":false,"type":{"name":"enum","raw":"\"onwhite\" | \"ongrey\" | \"onblueberry\" | \"ondark\" | \"oninvalid\"","value":[{"value":"\"onwhite\""},{"value":"\"ongrey\""},{"value":"\"onblueberry\""},{"value":"\"ondark\""},{"value":"\"oninvalid\""}]}},"variant":{"defaultValue":null,"description":"Changes the visuals of the formgroup","name":"variant","parent":{"fileName":"src/components/FormGroup/FormGroup.tsx","name":"FormGroupProps"},"declarations":[{"fileName":"src/components/FormGroup/FormGroup.tsx","name":"FormGroupProps"}],"required":false,"type":{"name":"enum","raw":"\"normal\" | \"bigform\"","value":[{"value":"\"normal\""},{"value":"\"bigform\""}]}},"error":{"defaultValue":null,"description":"Error message","name":"error","parent":{"fileName":"src/components/FormGroup/FormGroup.tsx","name":"FormGroupProps"},"declarations":[{"fileName":"src/components/FormGroup/FormGroup.tsx","name":"FormGroupProps"}],"required":false,"type":{"name":"string"}},"testId":{"defaultValue":null,"description":"Sets the data-testid attribute.","name":"testId","parent":{"fileName":"src/components/FormGroup/FormGroup.tsx","name":"FormGroupProps"},"declarations":[{"fileName":"src/components/FormGroup/FormGroup.tsx","name":"FormGroupProps"}],"required":false,"type":{"name":"string"}},"name":{"defaultValue":null,"description":"Unique identifyer for the child input tags","name":"name","parent":{"fileName":"src/components/FormGroup/FormGroup.tsx","name":"FormGroupProps"},"declarations":[{"fileName":"src/components/FormGroup/FormGroup.tsx","name":"FormGroupProps"}],"required":false,"type":{"name":"string"}},"htmlMarkup":{"defaultValue":null,"description":"Sets div instead of fieldset tag","name":"htmlMarkup","parent":{"fileName":"src/components/FormGroup/FormGroup.tsx","name":"FormGroupProps"},"declarations":[{"fileName":"src/components/FormGroup/FormGroup.tsx","name":"FormGroupProps"}],"required":false,"type":{"name":"enum","raw":"FormGroupTags","value":[{"value":"\"fieldset\""},{"value":"\"div\""}]}}}}
+{"props":{"title":{"defaultValue":null,"description":"title for the the fieldset","name":"title","parent":{"fileName":"src/components/FormGroup/FormGroup.tsx","name":"FormGroupProps"},"declarations":[{"fileName":"src/components/FormGroup/FormGroup.tsx","name":"FormGroupProps"}],"required":false,"type":{"name":"string"}},"legend":{"defaultValue":null,"description":"text placed in the legend tag of the fieldset","name":"legend","parent":{"fileName":"src/components/FormGroup/FormGroup.tsx","name":"FormGroupProps"},"declarations":[{"fileName":"src/components/FormGroup/FormGroup.tsx","name":"FormGroupProps"}],"required":false,"type":{"name":"string"}},"children":{"defaultValue":null,"description":"Items in the FormGroup component","name":"children","parent":{"fileName":"src/components/FormGroup/FormGroup.tsx","name":"FormGroupProps"},"declarations":[{"fileName":"src/components/FormGroup/FormGroup.tsx","name":"FormGroupProps"}],"required":false,"type":{"name":"ReactNode"}},"className":{"defaultValue":null,"description":"Adds custom classes to the element.","name":"className","parent":{"fileName":"src/components/FormGroup/FormGroup.tsx","name":"FormGroupProps"},"declarations":[{"fileName":"src/components/FormGroup/FormGroup.tsx","name":"FormGroupProps"}],"required":false,"type":{"name":"string"}},"fieldsetClassName":{"defaultValue":null,"description":"Adds custom classes to the fieldset element.","name":"fieldsetClassName","parent":{"fileName":"src/components/FormGroup/FormGroup.tsx","name":"FormGroupProps"},"declarations":[{"fileName":"src/components/FormGroup/FormGroup.tsx","name":"FormGroupProps"}],"required":false,"type":{"name":"string"}},"mode":{"defaultValue":null,"description":"Changes the visuals of the formgroup","name":"mode","parent":{"fileName":"src/components/FormGroup/FormGroup.tsx","name":"FormGroupProps"},"declarations":[{"fileName":"src/components/FormGroup/FormGroup.tsx","name":"FormGroupProps"}],"required":false,"type":{"name":"enum","raw":"\"onwhite\" | \"ongrey\" | \"onblueberry\" | \"ondark\" | \"oninvalid\"","value":[{"value":"\"onwhite\""},{"value":"\"ongrey\""},{"value":"\"onblueberry\""},{"value":"\"ondark\""},{"value":"\"oninvalid\""}]}},"variant":{"defaultValue":null,"description":"Changes the visuals of the formgroup","name":"variant","parent":{"fileName":"src/components/FormGroup/FormGroup.tsx","name":"FormGroupProps"},"declarations":[{"fileName":"src/components/FormGroup/FormGroup.tsx","name":"FormGroupProps"}],"required":false,"type":{"name":"enum","raw":"\"normal\" | \"bigform\"","value":[{"value":"\"normal\""},{"value":"\"bigform\""}]}},"error":{"defaultValue":null,"description":"Error message","name":"error","parent":{"fileName":"src/components/FormGroup/FormGroup.tsx","name":"FormGroupProps"},"declarations":[{"fileName":"src/components/FormGroup/FormGroup.tsx","name":"FormGroupProps"}],"required":false,"type":{"name":"string"}},"testId":{"defaultValue":null,"description":"Sets the data-testid attribute.","name":"testId","parent":{"fileName":"src/components/FormGroup/FormGroup.tsx","name":"FormGroupProps"},"declarations":[{"fileName":"src/components/FormGroup/FormGroup.tsx","name":"FormGroupProps"}],"required":false,"type":{"name":"string"}},"name":{"defaultValue":null,"description":"Unique identifyer for the child input tags","name":"name","parent":{"fileName":"src/components/FormGroup/FormGroup.tsx","name":"FormGroupProps"},"declarations":[{"fileName":"src/components/FormGroup/FormGroup.tsx","name":"FormGroupProps"}],"required":false,"type":{"name":"string"}},"htmlMarkup":{"defaultValue":null,"description":"Sets div instead of fieldset tag","name":"htmlMarkup","parent":{"fileName":"src/components/FormGroup/FormGroup.tsx","name":"FormGroupProps"},"declarations":[{"fileName":"src/components/FormGroup/FormGroup.tsx","name":"FormGroupProps"}],"required":false,"type":{"name":"enum","raw":"FormGroupTags","value":[{"value":"\"fieldset\""},{"value":"\"div\""}]}},"renderError":{"defaultValue":null,"description":"Renders the error component (Default: true)","name":"renderError","parent":{"fileName":"src/components/FormGroup/FormGroup.tsx","name":"FormGroupProps"},"declarations":[{"fileName":"src/components/FormGroup/FormGroup.tsx","name":"FormGroupProps"}],"required":false,"type":{"name":"boolean"}}}}

package/components/HighlightBox/styles.module.scss

@@ -138,7 +138,7 @@
         @include make-col-ready();
         @include make-col(2);
         display: flex;
-        justify-content: end;
+        justify-content: flex-end;
         margin-right: 0;
         padding-right: getSpacer(s);
       }

package/components/Icons/AdditionalIconInformation.js

@@ -259,5 +259,12 @@ export default {
   group: { alternativeName: 'Gruppe', categories: 'Personer' },
   checkfill: { alternativeName: 'Utfylt sjekkboks', categories: 'System' },
   personalplan: { alternativeName: 'Behandlingsplan', categories: 'Tjeneste' },
-  '': { alternativeName: '', categories: '' },
+  emoticonannoyed: { alternativeName: 'Emoji Irritert', categories: 'Generisk' },
+  emoticondelighted: { alternativeName: 'Emoji Lykkelig', categories: 'Generisk' },
+  emoticondisappointed: { alternativeName: 'Emoji Skuffet', categories: 'Generisk' },
+  emoticonhappy: { alternativeName: 'Emoji Glad', categories: 'Generisk' },
+  emoticonmeh: { alternativeName: 'Emoji Nøytral', categories: 'Generisk' },
+  sortdown: { alternativeName: 'Sortere ned', categories: 'System' },
+  sortup: { alternativeName: 'Sortere opp', categories: 'System' },
+  filter: { alternativeName: 'Filter', categories: 'System' },
 };

package/components/Icons/EmoticonAnnoyed.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { SvgPathProps } from './Icon';
+declare const EmoticonAnnoyed: React.FC<SvgPathProps>;
+export default EmoticonAnnoyed;
+//# sourceMappingURL=EmoticonAnnoyed.d.ts.map

package/components/Icons/EmoticonAnnoyed.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmoticonAnnoyed.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/EmoticonAnnoyed.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAW,YAAY,EAAE,MAAM,QAAQ,CAAC;AAE/C,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAoB3C,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/components/Icons/EmoticonAnnoyed.js

@@ -0,0 +1,2 @@
+import e from"react";import{getIcon as r}from"./Icon.js";import"classnames";import"../../constants.js";import"../../hooks/useUuid.js";import"../../uuid.js";import"../../utils/environment.js";const h=({size:a,isHovered:t})=>{const l=e.createElement(e.Fragment,null,e.createElement("path",{d:"M24.85 4.56A19.65 19.65 0 1 0 44.5 24.21 19.68 19.68 0 0 0 24.85 4.56Zm0 38A18.35 18.35 0 1 1 43.2 24.21a18.37 18.37 0 0 1-18.35 18.35Z"}),e.createElement("path",{d:"M24.85 27.47c-5.94 0-10.09 3-11.12 6a.652.652 0 0 0 .4.83.81.81 0 0 0 .22 0 .64.64 0 0 0 .61-.44c.86-2.47 4.61-5.1 9.89-5.1s9.16 2.58 9.88 5.07a.652.652 0 1 0 1.25-.37c-.85-2.9-5.03-5.99-11.13-5.99Zm3.08-7.77c.07.01.14.01.21 0l.67-.23c-.005.08-.005.16 0 .24a1.592 1.592 0 0 0 2.714 1.125 1.592 1.592 0 0 0-.014-2.265l2.39-.8a.651.651 0 0 0 .41-.82.66.66 0 0 0-.83-.41l-5.74 1.93a.651.651 0 0 0 .21 1.26l-.02-.03Zm-12.1-2 2.38.8a1.591 1.591 0 0 0 1.988 2.464 1.59 1.59 0 0 0 .712-1.323c.005-.08.005-.16 0-.24l.68.23h.2a.65.65 0 0 0 .21-1.26l-5.74-1.93a.65.65 0 0 0-.41 1.23l-.02.03Z"})),m=e.createElement(e.Fragment,null,e.createElement("path",{fillRule:"evenodd",d:"M16.057 16.195a.65.65 0 0 0-.414 1.232l3.914 1.314-3.914 1.314a.65.65 0 0 0 .414 1.232l5.732-1.924a.649.649 0 0 0 0-1.244l-5.732-1.924Zm17.64 1.232a.65.65 0 1 0-.414-1.232l-5.722 1.924a.65.65 0 0 0 0 1.244l5.722 1.924a.65.65 0 0 0 .414-1.232L29.79 18.74l3.907-1.314Z"}),e.createElement("path",{d:"M24.82 4.35A19.65 19.65 0 1 0 44.47 24 19.67 19.67 0 0 0 24.82 4.35Zm0 38A18.35 18.35 0 1 1 43.17 24a18.37 18.37 0 0 1-18.35 18.35Z"}),e.createElement("path",{d:"M24.82 27.26c-5.94 0-10.09 3-11.12 6a.682.682 0 0 0 .09.59.65.65 0 0 0 .53.27h21a.64.64 0 0 0 .62-.83c-.83-2.94-5.02-6.03-11.12-6.03Zm-9.47 5.53c1.33-2.18 4.81-4.23 9.47-4.23 4.66 0 8.28 2 9.53 4.23h-19Z"}));return r(a,t,l,m)};export{h as default};
+//# sourceMappingURL=EmoticonAnnoyed.js.map

package/components/Icons/EmoticonAnnoyed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmoticonAnnoyed.js","sources":["../../../src/components/Icons/EmoticonAnnoyed.tsx"],"sourcesContent":["import React from 'react';\nimport { getIcon, SvgPathProps } from './Icon';\n\nconst EmoticonAnnoyed: React.FC<SvgPathProps> = ({ size, isHovered }: SvgPathProps): JSX.Element => {\n  const normal = (\n    <>\n      <path d=\"M24.85 4.56A19.65 19.65 0 1 0 44.5 24.21 19.68 19.68 0 0 0 24.85 4.56Zm0 38A18.35 18.35 0 1 1 43.2 24.21a18.37 18.37 0 0 1-18.35 18.35Z\" />\n      <path d=\"M24.85 27.47c-5.94 0-10.09 3-11.12 6a.652.652 0 0 0 .4.83.81.81 0 0 0 .22 0 .64.64 0 0 0 .61-.44c.86-2.47 4.61-5.1 9.89-5.1s9.16 2.58 9.88 5.07a.652.652 0 1 0 1.25-.37c-.85-2.9-5.03-5.99-11.13-5.99Zm3.08-7.77c.07.01.14.01.21 0l.67-.23c-.005.08-.005.16 0 .24a1.592 1.592 0 0 0 2.714 1.125 1.592 1.592 0 0 0-.014-2.265l2.39-.8a.651.651 0 0 0 .41-.82.66.66 0 0 0-.83-.41l-5.74 1.93a.651.651 0 0 0 .21 1.26l-.02-.03Zm-12.1-2 2.38.8a1.591 1.591 0 0 0 1.988 2.464 1.59 1.59 0 0 0 .712-1.323c.005-.08.005-.16 0-.24l.68.23h.2a.65.65 0 0 0 .21-1.26l-5.74-1.93a.65.65 0 0 0-.41 1.23l-.02.03Z\" />\n    </>\n  );\n\n  const normalHover = (\n    <>\n      <path\n        fillRule={'evenodd'}\n        d=\"M16.057 16.195a.65.65 0 0 0-.414 1.232l3.914 1.314-3.914 1.314a.65.65 0 0 0 .414 1.232l5.732-1.924a.649.649 0 0 0 0-1.244l-5.732-1.924Zm17.64 1.232a.65.65 0 1 0-.414-1.232l-5.722 1.924a.65.65 0 0 0 0 1.244l5.722 1.924a.65.65 0 0 0 .414-1.232L29.79 18.74l3.907-1.314Z\"\n      />\n      <path d=\"M24.82 4.35A19.65 19.65 0 1 0 44.47 24 19.67 19.67 0 0 0 24.82 4.35Zm0 38A18.35 18.35 0 1 1 43.17 24a18.37 18.37 0 0 1-18.35 18.35Z\" />\n      <path d=\"M24.82 27.26c-5.94 0-10.09 3-11.12 6a.682.682 0 0 0 .09.59.65.65 0 0 0 .53.27h21a.64.64 0 0 0 .62-.83c-.83-2.94-5.02-6.03-11.12-6.03Zm-9.47 5.53c1.33-2.18 4.81-4.23 9.47-4.23 4.66 0 8.28 2 9.53 4.23h-19Z\" />\n    </>\n  );\n\n  return getIcon(size, isHovered, normal, normalHover);\n};\n\nexport default EmoticonAnnoyed;\n"],"names":["EmoticonAnnoyed","size","isHovered","normal","React","normalHover","getIcon"],"mappings":"+LAGA,MAAMA,EAA0C,CAAC,CAAE,KAAAC,EAAM,UAAAC,KAA2C,CAC5F,MAAAC,kCAEDC,EAAA,cAAA,OAAA,CAAK,EAAE,yIAAA,CAA0I,EACjJA,EAAA,cAAA,OAAA,CAAK,EAAE,ukBAAwkB,CAAA,CACllB,EAGIC,kCAEDD,EAAA,cAAA,OAAA,CACC,SAAU,UACV,EAAE,4QAAA,CACJ,EACCA,EAAA,cAAA,OAAA,CAAK,EAAE,qIAAA,CAAsI,EAC7IA,EAAA,cAAA,OAAA,CAAK,EAAE,6MAA8M,CAAA,CACxN,EAGF,OAAOE,EAAQL,EAAMC,EAAWC,EAAQE,CAAW,CACrD"}

package/components/Icons/EmoticonDelighted.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { SvgPathProps } from './Icon';
+declare const EmoticonDelighted: React.FC<SvgPathProps>;
+export default EmoticonDelighted;
+//# sourceMappingURL=EmoticonDelighted.d.ts.map

package/components/Icons/EmoticonDelighted.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmoticonDelighted.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/EmoticonDelighted.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAW,YAAY,EAAE,MAAM,QAAQ,CAAC;AAE/C,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAgB7C,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/components/Icons/EmoticonDelighted.js

@@ -0,0 +1,2 @@
+import t from"react";import{getIcon as o}from"./Icon.js";import"classnames";import"../../constants.js";import"../../hooks/useUuid.js";import"../../uuid.js";import"../../utils/environment.js";const E=({size:e,isHovered:m})=>{const a=t.createElement(t.Fragment,null,t.createElement("path",{d:"M24.85 4.35A19.65 19.65 0 1 0 44.5 24 19.67 19.67 0 0 0 24.85 4.35Zm0 38A18.35 18.35 0 1 1 43.2 24a18.37 18.37 0 0 1-18.35 18.35Z"}),t.createElement("path",{d:"M19.32 21.03a1.59 1.59 0 1 0 .02-3.18 1.59 1.59 0 0 0-.02 3.18Zm11.06 0a1.59 1.59 0 1 0 0-3.181 1.59 1.59 0 0 0 0 3.18Zm5 6.05h-21a.65.65 0 0 0-.65.65c0 7 6.52 10.14 11.15 10.14 4.63 0 11.16-3.14 11.16-10.14a.65.65 0 0 0-.66-.65Zm-10.51 9.49c-3.94 0-9.44-2.54-9.83-8.19H34.7c-.41 5.65-5.9 8.19-9.85 8.19h.02Z"})),r=t.createElement(t.Fragment,null,t.createElement("path",{d:"M24.82 4.35A19.65 19.65 0 1 0 44.47 24 19.67 19.67 0 0 0 24.82 4.35Zm0 38A18.35 18.35 0 1 1 43.17 24a18.37 18.37 0 0 1-18.35 18.35Z"}),t.createElement("path",{d:"M35.38 27.08h-21a.65.65 0 0 0-.65.65c0 7 6.52 10.14 11.15 10.14 4.63 0 11.16-3.14 11.16-10.14a.65.65 0 0 0-.66-.65Zm-10.51 9.49c-3.94 0-9.44-2.54-9.83-8.19h19.67c-.45 5.65-5.94 8.19-9.89 8.19h.05Zm-7.62-15.95a2.93 2.93 0 0 1 4.12 0 .649.649 0 0 0 .85-.98 4.22 4.22 0 0 0-5.87 0 .642.642 0 0 0 0 .91.66.66 0 0 0 .9.07Zm11.05 0a2.93 2.93 0 0 1 4.12 0 .719.719 0 0 0 .43.16.65.65 0 0 0 .49-.23.641.641 0 0 0-.06-.91 4.23 4.23 0 0 0-5.88 0 .65.65 0 0 0 0 .91.66.66 0 0 0 .9.07Z"}));return o(e,m,a,r)};export{E as default};
+//# sourceMappingURL=EmoticonDelighted.js.map

package/components/Icons/EmoticonDelighted.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmoticonDelighted.js","sources":["../../../src/components/Icons/EmoticonDelighted.tsx"],"sourcesContent":["import React from 'react';\nimport { getIcon, SvgPathProps } from './Icon';\n\nconst EmoticonDelighted: React.FC<SvgPathProps> = ({ size, isHovered }: SvgPathProps): JSX.Element => {\n  const normal = (\n    <>\n      <path d=\"M24.85 4.35A19.65 19.65 0 1 0 44.5 24 19.67 19.67 0 0 0 24.85 4.35Zm0 38A18.35 18.35 0 1 1 43.2 24a18.37 18.37 0 0 1-18.35 18.35Z\" />\n      <path d=\"M19.32 21.03a1.59 1.59 0 1 0 .02-3.18 1.59 1.59 0 0 0-.02 3.18Zm11.06 0a1.59 1.59 0 1 0 0-3.181 1.59 1.59 0 0 0 0 3.18Zm5 6.05h-21a.65.65 0 0 0-.65.65c0 7 6.52 10.14 11.15 10.14 4.63 0 11.16-3.14 11.16-10.14a.65.65 0 0 0-.66-.65Zm-10.51 9.49c-3.94 0-9.44-2.54-9.83-8.19H34.7c-.41 5.65-5.9 8.19-9.85 8.19h.02Z\" />\n    </>\n  );\n\n  const normalHover = (\n    <>\n      <path d=\"M24.82 4.35A19.65 19.65 0 1 0 44.47 24 19.67 19.67 0 0 0 24.82 4.35Zm0 38A18.35 18.35 0 1 1 43.17 24a18.37 18.37 0 0 1-18.35 18.35Z\" />\n      <path d=\"M35.38 27.08h-21a.65.65 0 0 0-.65.65c0 7 6.52 10.14 11.15 10.14 4.63 0 11.16-3.14 11.16-10.14a.65.65 0 0 0-.66-.65Zm-10.51 9.49c-3.94 0-9.44-2.54-9.83-8.19h19.67c-.45 5.65-5.94 8.19-9.89 8.19h.05Zm-7.62-15.95a2.93 2.93 0 0 1 4.12 0 .649.649 0 0 0 .85-.98 4.22 4.22 0 0 0-5.87 0 .642.642 0 0 0 0 .91.66.66 0 0 0 .9.07Zm11.05 0a2.93 2.93 0 0 1 4.12 0 .719.719 0 0 0 .43.16.65.65 0 0 0 .49-.23.641.641 0 0 0-.06-.91 4.23 4.23 0 0 0-5.88 0 .65.65 0 0 0 0 .91.66.66 0 0 0 .9.07Z\" />\n    </>\n  );\n\n  return getIcon(size, isHovered, normal, normalHover);\n};\n\nexport default EmoticonDelighted;\n"],"names":["EmoticonDelighted","size","isHovered","normal","React","normalHover","getIcon"],"mappings":"+LAGA,MAAMA,EAA4C,CAAC,CAAE,KAAAC,EAAM,UAAAC,KAA2C,CAC9F,MAAAC,kCAEDC,EAAA,cAAA,OAAA,CAAK,EAAE,mIAAA,CAAoI,EAC3IA,EAAA,cAAA,OAAA,CAAK,EAAE,sTAAuT,CAAA,CACjU,EAGIC,kCAEDD,EAAA,cAAA,OAAA,CAAK,EAAE,qIAAA,CAAsI,EAC7IA,EAAA,cAAA,OAAA,CAAK,EAAE,2dAA4d,CAAA,CACte,EAGF,OAAOE,EAAQL,EAAMC,EAAWC,EAAQE,CAAW,CACrD"}

package/components/Icons/EmoticonDisappointed.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { SvgPathProps } from './Icon';
+declare const EmoticonDisappointed: React.FC<SvgPathProps>;
+export default EmoticonDisappointed;
+//# sourceMappingURL=EmoticonDisappointed.d.ts.map

package/components/Icons/EmoticonDisappointed.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmoticonDisappointed.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/EmoticonDisappointed.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAW,YAAY,EAAE,MAAM,QAAQ,CAAC;AAE/C,QAAA,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAgBhD,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/components/Icons/EmoticonDisappointed.js

@@ -0,0 +1,2 @@
+import t from"react";import{getIcon as o}from"./Icon.js";import"classnames";import"../../constants.js";import"../../hooks/useUuid.js";import"../../uuid.js";import"../../utils/environment.js";const d=({size:e,isHovered:a})=>{const m=t.createElement(t.Fragment,null,t.createElement("path",{d:"M24.85 4.35A19.65 19.65 0 1 0 44.5 24 19.68 19.68 0 0 0 24.85 4.35Zm0 38A18.35 18.35 0 1 1 43.2 24a18.37 18.37 0 0 1-18.35 18.35Z"}),t.createElement("path",{d:"M19.32 21.09a1.59 1.59 0 1 0 .02-3.182 1.59 1.59 0 0 0-.02 3.182Zm11.06 0a1.59 1.59 0 1 0 .002-3.179 1.59 1.59 0 0 0-.002 3.179Zm-5.53 8.15c-3.57 0-6.44.73-7.68 2a.65.65 0 1 0 .92.92c.73-.74 2.94-1.59 6.76-1.59 3.56 0 6 .82 6.76 1.59a.7.7 0 0 0 .46.19.66.66 0 0 0 .655-.65.64.64 0 0 0-.195-.46c-1.15-1.23-4.21-2-7.68-2Z"})),r=t.createElement(t.Fragment,null,t.createElement("path",{d:"M24.82 4.35A19.65 19.65 0 1 0 44.47 24 19.68 19.68 0 0 0 24.82 4.35Zm0 38A18.35 18.35 0 1 1 43.17 24a18.37 18.37 0 0 1-18.35 18.35Z"}),t.createElement("path",{d:"M24.82 29.24c-3.57 0-6.44.73-7.68 2a.65.65 0 1 0 .92.92c.74-.74 3-1.59 6.76-1.59 3.56 0 6 .82 6.77 1.59a.66.66 0 0 0 .46.19.7.7 0 0 0 .46-.19.66.66 0 0 0 0-.92c-1.2-1.23-4.22-2-7.69-2Zm-2.6-10a.661.661 0 0 0 .07-.92.65.65 0 0 0-.92-.06 2.94 2.94 0 0 1-4.12 0 .66.66 0 0 0-.92 0 .65.65 0 0 0 0 .92 4.46 4.46 0 0 0 3 1.2 4.34 4.34 0 0 0 2.89-1.14Zm10.16-.98a2.94 2.94 0 0 1-4.12 0 .65.65 0 1 0-.9.94 4.46 4.46 0 0 0 3 1.2 4.36 4.36 0 0 0 2.91-1.18.656.656 0 0 0 .07-.93.661.661 0 0 0-.93-.07l-.03.04Z"}));return o(e,a,m,r)};export{d as default};
+//# sourceMappingURL=EmoticonDisappointed.js.map

package/components/Icons/EmoticonDisappointed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmoticonDisappointed.js","sources":["../../../src/components/Icons/EmoticonDisappointed.tsx"],"sourcesContent":["import React from 'react';\nimport { getIcon, SvgPathProps } from './Icon';\n\nconst EmoticonDisappointed: React.FC<SvgPathProps> = ({ size, isHovered }: SvgPathProps): JSX.Element => {\n  const normal = (\n    <>\n      <path d=\"M24.85 4.35A19.65 19.65 0 1 0 44.5 24 19.68 19.68 0 0 0 24.85 4.35Zm0 38A18.35 18.35 0 1 1 43.2 24a18.37 18.37 0 0 1-18.35 18.35Z\" />\n      <path d=\"M19.32 21.09a1.59 1.59 0 1 0 .02-3.182 1.59 1.59 0 0 0-.02 3.182Zm11.06 0a1.59 1.59 0 1 0 .002-3.179 1.59 1.59 0 0 0-.002 3.179Zm-5.53 8.15c-3.57 0-6.44.73-7.68 2a.65.65 0 1 0 .92.92c.73-.74 2.94-1.59 6.76-1.59 3.56 0 6 .82 6.76 1.59a.7.7 0 0 0 .46.19.66.66 0 0 0 .655-.65.64.64 0 0 0-.195-.46c-1.15-1.23-4.21-2-7.68-2Z\" />\n    </>\n  );\n\n  const normalHover = (\n    <>\n      <path d=\"M24.82 4.35A19.65 19.65 0 1 0 44.47 24 19.68 19.68 0 0 0 24.82 4.35Zm0 38A18.35 18.35 0 1 1 43.17 24a18.37 18.37 0 0 1-18.35 18.35Z\" />\n      <path d=\"M24.82 29.24c-3.57 0-6.44.73-7.68 2a.65.65 0 1 0 .92.92c.74-.74 3-1.59 6.76-1.59 3.56 0 6 .82 6.77 1.59a.66.66 0 0 0 .46.19.7.7 0 0 0 .46-.19.66.66 0 0 0 0-.92c-1.2-1.23-4.22-2-7.69-2Zm-2.6-10a.661.661 0 0 0 .07-.92.65.65 0 0 0-.92-.06 2.94 2.94 0 0 1-4.12 0 .66.66 0 0 0-.92 0 .65.65 0 0 0 0 .92 4.46 4.46 0 0 0 3 1.2 4.34 4.34 0 0 0 2.89-1.14Zm10.16-.98a2.94 2.94 0 0 1-4.12 0 .65.65 0 1 0-.9.94 4.46 4.46 0 0 0 3 1.2 4.36 4.36 0 0 0 2.91-1.18.656.656 0 0 0 .07-.93.661.661 0 0 0-.93-.07l-.03.04Z\" />\n    </>\n  );\n\n  return getIcon(size, isHovered, normal, normalHover);\n};\n\nexport default EmoticonDisappointed;\n"],"names":["EmoticonDisappointed","size","isHovered","normal","React","normalHover","getIcon"],"mappings":"+LAGA,MAAMA,EAA+C,CAAC,CAAE,KAAAC,EAAM,UAAAC,KAA2C,CACjG,MAAAC,kCAEDC,EAAA,cAAA,OAAA,CAAK,EAAE,mIAAA,CAAoI,EAC3IA,EAAA,cAAA,OAAA,CAAK,EAAE,iUAAkU,CAAA,CAC5U,EAGIC,kCAEDD,EAAA,cAAA,OAAA,CAAK,EAAE,qIAAA,CAAsI,EAC7IA,EAAA,cAAA,OAAA,CAAK,EAAE,ofAAqf,CAAA,CAC/f,EAGF,OAAOE,EAAQL,EAAMC,EAAWC,EAAQE,CAAW,CACrD"}

package/components/Icons/EmoticonHappy.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { SvgPathProps } from './Icon';
+declare const EmoticonHappy: React.FC<SvgPathProps>;
+export default EmoticonHappy;
+//# sourceMappingURL=EmoticonHappy.d.ts.map

package/components/Icons/EmoticonHappy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmoticonHappy.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/EmoticonHappy.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAW,YAAY,EAAE,MAAM,QAAQ,CAAC;AAE/C,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAgBzC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/components/Icons/EmoticonHappy.js

@@ -0,0 +1,2 @@
+import t from"react";import{getIcon as o}from"./Icon.js";import"classnames";import"../../constants.js";import"../../hooks/useUuid.js";import"../../uuid.js";import"../../utils/environment.js";const d=({size:e,isHovered:a})=>{const m=t.createElement(t.Fragment,null,t.createElement("path",{d:"M24.85 4.35A19.65 19.65 0 1 0 44.5 24 19.67 19.67 0 0 0 24.85 4.35Zm0 38A18.35 18.35 0 1 1 43.2 24a18.37 18.37 0 0 1-18.35 18.35Z"}),t.createElement("path",{d:"M19.32 21.03a1.59 1.59 0 1 0 .021-3.18 1.59 1.59 0 0 0-.021 3.18Zm11.06 0a1.59 1.59 0 1 0 .001-3.18 1.59 1.59 0 0 0-.001 3.18Zm5.31 6.14a.65.65 0 0 0-.89.23 12.001 12.001 0 0 1-19.89 0 .66.66 0 0 0-.9-.23.65.65 0 0 0-.22.89c2.27 3.84 6.2 6 11.06 6s8.79-2.11 11.07-6a.649.649 0 0 0-.23-.89Z"})),r=t.createElement(t.Fragment,null,t.createElement("path",{d:"M24.82 4.35A19.65 19.65 0 1 0 44.47 24 19.67 19.67 0 0 0 24.82 4.35Zm0 38A18.35 18.35 0 1 1 43.17 24a18.38 18.38 0 0 1-18.35 18.35Z"}),t.createElement("path",{d:"M35.66 27.17a.65.65 0 0 0-.89.23 12.002 12.002 0 0 1-15.576 3.881A12.002 12.002 0 0 1 14.88 27.4a.649.649 0 0 0-1.12.66 12.289 12.289 0 0 0 11.06 6c4.86 0 8.79-2.11 11.07-6a.65.65 0 0 0-.23-.89Zm-18.41-6.32a3 3 0 0 1 4.12 0 .62.62 0 0 0 .43.16.64.64 0 0 0 .49-.22.66.66 0 0 0-.07-.92 4.24 4.24 0 0 0-5.87 0 .637.637 0 0 0 0 .91.65.65 0 0 0 .9.07Zm11.05 0a3 3 0 0 1 4.12 0 .66.66 0 0 0 .92-.06.651.651 0 0 0-.06-.92 4.25 4.25 0 0 0-5.88 0 .648.648 0 0 0 .162 1.11.65.65 0 0 0 .738-.18v.05Z"}));return o(e,a,m,r)};export{d as default};
+//# sourceMappingURL=EmoticonHappy.js.map

package/components/Icons/EmoticonHappy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmoticonHappy.js","sources":["../../../src/components/Icons/EmoticonHappy.tsx"],"sourcesContent":["import React from 'react';\nimport { getIcon, SvgPathProps } from './Icon';\n\nconst EmoticonHappy: React.FC<SvgPathProps> = ({ size, isHovered }: SvgPathProps): JSX.Element => {\n  const normal = (\n    <>\n      <path d=\"M24.85 4.35A19.65 19.65 0 1 0 44.5 24 19.67 19.67 0 0 0 24.85 4.35Zm0 38A18.35 18.35 0 1 1 43.2 24a18.37 18.37 0 0 1-18.35 18.35Z\" />\n      <path d=\"M19.32 21.03a1.59 1.59 0 1 0 .021-3.18 1.59 1.59 0 0 0-.021 3.18Zm11.06 0a1.59 1.59 0 1 0 .001-3.18 1.59 1.59 0 0 0-.001 3.18Zm5.31 6.14a.65.65 0 0 0-.89.23 12.001 12.001 0 0 1-19.89 0 .66.66 0 0 0-.9-.23.65.65 0 0 0-.22.89c2.27 3.84 6.2 6 11.06 6s8.79-2.11 11.07-6a.649.649 0 0 0-.23-.89Z\" />\n    </>\n  );\n\n  const normalHover = (\n    <>\n      <path d=\"M24.82 4.35A19.65 19.65 0 1 0 44.47 24 19.67 19.67 0 0 0 24.82 4.35Zm0 38A18.35 18.35 0 1 1 43.17 24a18.38 18.38 0 0 1-18.35 18.35Z\" />\n      <path d=\"M35.66 27.17a.65.65 0 0 0-.89.23 12.002 12.002 0 0 1-15.576 3.881A12.002 12.002 0 0 1 14.88 27.4a.649.649 0 0 0-1.12.66 12.289 12.289 0 0 0 11.06 6c4.86 0 8.79-2.11 11.07-6a.65.65 0 0 0-.23-.89Zm-18.41-6.32a3 3 0 0 1 4.12 0 .62.62 0 0 0 .43.16.64.64 0 0 0 .49-.22.66.66 0 0 0-.07-.92 4.24 4.24 0 0 0-5.87 0 .637.637 0 0 0 0 .91.65.65 0 0 0 .9.07Zm11.05 0a3 3 0 0 1 4.12 0 .66.66 0 0 0 .92-.06.651.651 0 0 0-.06-.92 4.25 4.25 0 0 0-5.88 0 .648.648 0 0 0 .162 1.11.65.65 0 0 0 .738-.18v.05Z\" />\n    </>\n  );\n\n  return getIcon(size, isHovered, normal, normalHover);\n};\n\nexport default EmoticonHappy;\n"],"names":["EmoticonHappy","size","isHovered","normal","React","normalHover","getIcon"],"mappings":"+LAGA,MAAMA,EAAwC,CAAC,CAAE,KAAAC,EAAM,UAAAC,KAA2C,CAC1F,MAAAC,kCAEDC,EAAA,cAAA,OAAA,CAAK,EAAE,mIAAA,CAAoI,EAC3IA,EAAA,cAAA,OAAA,CAAK,EAAE,mSAAoS,CAAA,CAC9S,EAGIC,kCAEDD,EAAA,cAAA,OAAA,CAAK,EAAE,qIAAA,CAAsI,EAC7IA,EAAA,cAAA,OAAA,CAAK,EAAE,0eAA2e,CAAA,CACrf,EAGF,OAAOE,EAAQL,EAAMC,EAAWC,EAAQE,CAAW,CACrD"}

package/components/Icons/EmoticonMeh.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { SvgPathProps } from './Icon';
+declare const EmoticonMeh: React.FC<SvgPathProps>;
+export default EmoticonMeh;
+//# sourceMappingURL=EmoticonMeh.d.ts.map

package/components/Icons/EmoticonMeh.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmoticonMeh.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/EmoticonMeh.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAW,YAAY,EAAE,MAAM,QAAQ,CAAC;AAE/C,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAgBvC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/components/Icons/EmoticonMeh.js

@@ -0,0 +1,2 @@
+import t from"react";import{getIcon as o}from"./Icon.js";import"classnames";import"../../constants.js";import"../../hooks/useUuid.js";import"../../uuid.js";import"../../utils/environment.js";const E=({size:e,isHovered:a})=>{const m=t.createElement(t.Fragment,null,t.createElement("path",{d:"M24.85 4.35A19.65 19.65 0 1 0 44.5 24 19.67 19.67 0 0 0 24.85 4.35Zm0 38A18.35 18.35 0 1 1 43.2 24a18.37 18.37 0 0 1-18.35 18.35Z"}),t.createElement("path",{d:"M19.32 21.03a1.59 1.59 0 1 0 .018-3.181 1.59 1.59 0 0 0-.018 3.181Zm11.06 0a1.59 1.59 0 1 0-.002-3.18 1.59 1.59 0 0 0 .002 3.18Zm3.42 8.3H15.9a.65.65 0 0 0 0 1.3h17.9a.65.65 0 0 0 0-1.3Z"})),r=t.createElement(t.Fragment,null,t.createElement("path",{d:"M24.82 4.35A19.65 19.65 0 1 0 44.47 24 19.67 19.67 0 0 0 24.82 4.35Zm0 38A18.35 18.35 0 1 1 43.17 24a18.38 18.38 0 0 1-18.35 18.35Z"}),t.createElement("path",{d:"M33.77 29.33H15.88a.65.65 0 0 0 0 1.3h17.89a.65.65 0 0 0 0-1.3Zm-16.54-9.2h4.15a.65.65 0 0 0 0-1.3h-4.13a.65.65 0 0 0 0 1.3h-.02Zm11.05 0h4.1a.65.65 0 0 0 0-1.3h-4.14a.65.65 0 0 0 0 1.3h.04Z"}));return o(e,a,m,r)};export{E as default};
+//# sourceMappingURL=EmoticonMeh.js.map

package/components/Icons/EmoticonMeh.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmoticonMeh.js","sources":["../../../src/components/Icons/EmoticonMeh.tsx"],"sourcesContent":["import React from 'react';\nimport { getIcon, SvgPathProps } from './Icon';\n\nconst EmoticonMeh: React.FC<SvgPathProps> = ({ size, isHovered }: SvgPathProps): JSX.Element => {\n  const normal = (\n    <>\n      <path d=\"M24.85 4.35A19.65 19.65 0 1 0 44.5 24 19.67 19.67 0 0 0 24.85 4.35Zm0 38A18.35 18.35 0 1 1 43.2 24a18.37 18.37 0 0 1-18.35 18.35Z\" />\n      <path d=\"M19.32 21.03a1.59 1.59 0 1 0 .018-3.181 1.59 1.59 0 0 0-.018 3.181Zm11.06 0a1.59 1.59 0 1 0-.002-3.18 1.59 1.59 0 0 0 .002 3.18Zm3.42 8.3H15.9a.65.65 0 0 0 0 1.3h17.9a.65.65 0 0 0 0-1.3Z\" />\n    </>\n  );\n\n  const normalHover = (\n    <>\n      <path d=\"M24.82 4.35A19.65 19.65 0 1 0 44.47 24 19.67 19.67 0 0 0 24.82 4.35Zm0 38A18.35 18.35 0 1 1 43.17 24a18.38 18.38 0 0 1-18.35 18.35Z\" />\n      <path d=\"M33.77 29.33H15.88a.65.65 0 0 0 0 1.3h17.89a.65.65 0 0 0 0-1.3Zm-16.54-9.2h4.15a.65.65 0 0 0 0-1.3h-4.13a.65.65 0 0 0 0 1.3h-.02Zm11.05 0h4.1a.65.65 0 0 0 0-1.3h-4.14a.65.65 0 0 0 0 1.3h.04Z\" />\n    </>\n  );\n\n  return getIcon(size, isHovered, normal, normalHover);\n};\n\nexport default EmoticonMeh;\n"],"names":["EmoticonMeh","size","isHovered","normal","React","normalHover","getIcon"],"mappings":"+LAGA,MAAMA,EAAsC,CAAC,CAAE,KAAAC,EAAM,UAAAC,KAA2C,CACxF,MAAAC,kCAEDC,EAAA,cAAA,OAAA,CAAK,EAAE,mIAAA,CAAoI,EAC3IA,EAAA,cAAA,OAAA,CAAK,EAAE,4LAA6L,CAAA,CACvM,EAGIC,kCAEDD,EAAA,cAAA,OAAA,CAAK,EAAE,qIAAA,CAAsI,EAC7IA,EAAA,cAAA,OAAA,CAAK,EAAE,gMAAiM,CAAA,CAC3M,EAGF,OAAOE,EAAQL,EAAMC,EAAWC,EAAQE,CAAW,CACrD"}

package/components/Icons/Filter.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { SvgPathProps } from './Icon';
+declare const Filter: React.FC<SvgPathProps>;
+export default Filter;
+//# sourceMappingURL=Filter.d.ts.map

package/components/Icons/Filter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Filter.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/Filter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAW,YAAY,EAAE,MAAM,QAAQ,CAAC;AAE/C,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA4BlC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/components/Icons/Filter.js

@@ -0,0 +1,2 @@
+import L from"react";import{getIcon as l}from"./Icon.js";import"classnames";import"../../constants.js";import"../../hooks/useUuid.js";import"../../uuid.js";import"../../utils/environment.js";const M=({size:e,isHovered:t})=>l(e,t,L.createElement("path",{transform:"translate(11.000400, 13.000300)",d:"M1.5929,1.4962 L1.5929,4.0222 C1.5929,4.3592 1.7309,4.6872 1.9709,4.9242 L11.1879,13.9912 L11.1879,25.6172 L14.8109,22.2602 L14.8109,13.9912 L24.0289,4.9242 C24.2689,4.6872 24.4059,4.3592 24.4059,4.0222 L24.4059,1.4962 L1.5929,1.4962 Z M9.8879,28.5942 L9.8879,14.5362 L1.0589,5.8502 C0.5719,5.3712 0.2929,4.7042 0.2929,4.0222 L0.2929,0.1962 L25.7059,0.1962 L25.7059,4.0222 C25.7059,4.7042 25.4269,5.3712 24.9409,5.8502 L16.1109,14.5362 L16.1109,22.8272 L9.8879,28.5942 Z",fillRule:"evenodd"}),L.createElement("path",{d:"M10.5922,14.4962 L10.5922,17.0222 C10.5922,17.3592 10.7302,17.6872 10.9702,17.9242 L22.1872,26.9912 L22.1872,38.6172 L25.8112,35.2602 L25.8112,26.9912 L37.0282,17.9242 C37.2682,17.6872 37.4062,17.3592 37.4062,17.0222 C37.4062,16.7901111 37.4062,16.6160444 37.4062,16.5 C37.4062,16.0547111 37.4062,15.3867778 37.4062,14.4962 L10.5922,14.4962 Z M20.8872,41.5942 L20.8872,27.5362 L10.0582,18.8502 C9.5712,18.3712 9.2922,17.7042 9.2922,17.0222 L9.2922,13.1962 L38.7062,13.1962 L38.7062,17.0222 C38.7062,17.7042 38.4262,18.3712 37.9402,18.8502 L27.1112,27.5362 L27.1112,35.8272 L20.8872,41.5942 Z"}),L.createElement("path",{fillRule:"evenodd",d:"M35.0411368,16.8906947 C35.0411368,17.1648 34.9287158,17.4325895 34.7329263,17.6258526 L25.4449263,26.7610105 L25.4449263,35.0258526 L22.2908211,37.9488 L22.2908211,26.7610105 C16.4247602,20.9928059 13.3796488,17.9975179 13.1554871,17.7751465 C12.8192444,17.4415894 12.7,17.238678 12.7,16.8906947 C12.7,16.6587059 12.7,15.895141 12.7,14.6 L30.8209263,14.5993263 L35.0411368,14.5993263 L35.0411368,16.8906947 Z M32.5590316,12.8309053 L30.8032421,12.8309053 L10.9274526,12.8309053 L10.9274526,16.8906947 C10.9274526,17.6359579 11.2318737,18.3635368 11.7624,18.8864842 L18.4192421,25.4334316 L19.3122947,26.3125895 L20.5224,27.5024842 L20.5224,41.9984842 L27.2146105,35.7989053 L27.2146105,27.5024842 L35.9720842,18.8864842 C36.5038737,18.3648 36.8095579,17.6372211 36.8095579,16.8906947 L36.8095579,12.8309053 L32.5590316,12.8309053 Z"}),L.createElement("path",{fillRule:"evenodd",d:"M37.1726316,16.8906947 C37.1726316,17.1648 37.0602105,17.4325895 36.8644211,17.6258526 L25.5764211,26.7610105 L25.5764211,35.0258526 L22.4223158,37.9488 L22.4223158,26.7610105 C15.2229216,20.9928059 11.5111436,17.9975179 11.2869818,17.7751465 C10.9507391,17.4415894 10.8314947,17.238678 10.8314947,16.8906947 C10.8314947,16.6587059 10.8314947,15.895141 10.8314947,14.6 L37.1726316,14.5993263 L37.1726316,16.8906947 Z M9.05894737,12.8309053 L9.05894737,16.8906947 C9.05894737,17.6359579 9.36336842,18.3635368 9.89389474,18.8864842 L20.6538947,27.5024842 L20.6538947,41.9984842 L27.3461053,35.7989053 L27.3461053,27.5024842 L38.1035789,18.8864842 C38.6353684,18.3648 38.9410526,17.6372211 38.9410526,16.8906947 L38.9410526,12.8309053 L9.05894737,12.8309053 Z"}));export{M as default};
+//# sourceMappingURL=Filter.js.map

package/components/Icons/Filter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Filter.js","sources":["../../../src/components/Icons/Filter.tsx"],"sourcesContent":["import React from 'react';\nimport { getIcon, SvgPathProps } from './Icon';\n\nconst Filter: React.FC<SvgPathProps> = ({ size, isHovered }: SvgPathProps): JSX.Element => {\n  const normal = (\n    <path\n      transform=\"translate(11.000400, 13.000300)\"\n      d=\"M1.5929,1.4962 L1.5929,4.0222 C1.5929,4.3592 1.7309,4.6872 1.9709,4.9242 L11.1879,13.9912 L11.1879,25.6172 L14.8109,22.2602 L14.8109,13.9912 L24.0289,4.9242 C24.2689,4.6872 24.4059,4.3592 24.4059,4.0222 L24.4059,1.4962 L1.5929,1.4962 Z M9.8879,28.5942 L9.8879,14.5362 L1.0589,5.8502 C0.5719,5.3712 0.2929,4.7042 0.2929,4.0222 L0.2929,0.1962 L25.7059,0.1962 L25.7059,4.0222 C25.7059,4.7042 25.4269,5.3712 24.9409,5.8502 L16.1109,14.5362 L16.1109,22.8272 L9.8879,28.5942 Z\"\n      fillRule={'evenodd'}\n    />\n  );\n\n  const normalHover = (\n    <path d=\"M10.5922,14.4962 L10.5922,17.0222 C10.5922,17.3592 10.7302,17.6872 10.9702,17.9242 L22.1872,26.9912 L22.1872,38.6172 L25.8112,35.2602 L25.8112,26.9912 L37.0282,17.9242 C37.2682,17.6872 37.4062,17.3592 37.4062,17.0222 C37.4062,16.7901111 37.4062,16.6160444 37.4062,16.5 C37.4062,16.0547111 37.4062,15.3867778 37.4062,14.4962 L10.5922,14.4962 Z M20.8872,41.5942 L20.8872,27.5362 L10.0582,18.8502 C9.5712,18.3712 9.2922,17.7042 9.2922,17.0222 L9.2922,13.1962 L38.7062,13.1962 L38.7062,17.0222 C38.7062,17.7042 38.4262,18.3712 37.9402,18.8502 L27.1112,27.5362 L27.1112,35.8272 L20.8872,41.5942 Z\" />\n  );\n\n  const xSmall = (\n    <path\n      fillRule={'evenodd'}\n      d=\"M35.0411368,16.8906947 C35.0411368,17.1648 34.9287158,17.4325895 34.7329263,17.6258526 L25.4449263,26.7610105 L25.4449263,35.0258526 L22.2908211,37.9488 L22.2908211,26.7610105 C16.4247602,20.9928059 13.3796488,17.9975179 13.1554871,17.7751465 C12.8192444,17.4415894 12.7,17.238678 12.7,16.8906947 C12.7,16.6587059 12.7,15.895141 12.7,14.6 L30.8209263,14.5993263 L35.0411368,14.5993263 L35.0411368,16.8906947 Z M32.5590316,12.8309053 L30.8032421,12.8309053 L10.9274526,12.8309053 L10.9274526,16.8906947 C10.9274526,17.6359579 11.2318737,18.3635368 11.7624,18.8864842 L18.4192421,25.4334316 L19.3122947,26.3125895 L20.5224,27.5024842 L20.5224,41.9984842 L27.2146105,35.7989053 L27.2146105,27.5024842 L35.9720842,18.8864842 C36.5038737,18.3648 36.8095579,17.6372211 36.8095579,16.8906947 L36.8095579,12.8309053 L32.5590316,12.8309053 Z\"\n    />\n  );\n\n  const xSmallHover = (\n    <path\n      fillRule={'evenodd'}\n      d=\"M37.1726316,16.8906947 C37.1726316,17.1648 37.0602105,17.4325895 36.8644211,17.6258526 L25.5764211,26.7610105 L25.5764211,35.0258526 L22.4223158,37.9488 L22.4223158,26.7610105 C15.2229216,20.9928059 11.5111436,17.9975179 11.2869818,17.7751465 C10.9507391,17.4415894 10.8314947,17.238678 10.8314947,16.8906947 C10.8314947,16.6587059 10.8314947,15.895141 10.8314947,14.6 L37.1726316,14.5993263 L37.1726316,16.8906947 Z M9.05894737,12.8309053 L9.05894737,16.8906947 C9.05894737,17.6359579 9.36336842,18.3635368 9.89389474,18.8864842 L20.6538947,27.5024842 L20.6538947,41.9984842 L27.3461053,35.7989053 L27.3461053,27.5024842 L38.1035789,18.8864842 C38.6353684,18.3648 38.9410526,17.6372211 38.9410526,16.8906947 L38.9410526,12.8309053 L9.05894737,12.8309053 Z\"\n    />\n  );\n\n  return getIcon(size, isHovered, normal, normalHover, xSmall, xSmallHover);\n};\n\nexport default Filter;\n"],"names":["Filter","size","isHovered","getIcon","React"],"mappings":"+LAGA,MAAMA,EAAiC,CAAC,CAAE,KAAAC,EAAM,UAAAC,KA2BvCC,EAAQF,EAAMC,EAzBlBE,EAAA,cAAA,OAAA,CACC,UAAU,kCACV,EAAE,ydACF,SAAU,SAAA,CACZ,EAICA,EAAA,cAAA,OAAA,CAAK,EAAE,ilBAAA,CAAklB,EAIzlBA,EAAA,cAAA,OAAA,CACC,SAAU,UACV,EAAE,k0BAAA,CACJ,EAICA,EAAA,cAAA,OAAA,CACC,SAAU,UACV,EAAE,svBAAA,CACJ,CAGsE"}

package/components/Icons/SortDown.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { SvgPathProps } from './Icon';
+declare const SortDown: React.FC<SvgPathProps>;
+export default SortDown;
+//# sourceMappingURL=SortDown.d.ts.map

package/components/Icons/SortDown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SortDown.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/SortDown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAW,YAAY,EAAE,MAAM,QAAQ,CAAC;AAE/C,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAuCpC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/components/Icons/SortDown.js

@@ -0,0 +1,2 @@
+import e from"react";import{getIcon as c}from"./Icon.js";import"classnames";import"../../constants.js";import"../../hooks/useUuid.js";import"../../uuid.js";import"../../utils/environment.js";const f=({size:l,isHovered:t})=>{const n=e.createElement("path",{d:"M25 13v20.083l9.95-10.013 1.42 1.409L24 36.929 11.63 24.48l1.42-1.409L23 33.085V13h2Z",fillRule:"evenodd"}),m=e.createElement(e.Fragment,null,e.createElement("path",{fillRule:"evenodd",d:"m25 33.083 9.95-10.013 1.42 1.409L24 36.93 11.63 24.48l1.42-1.409L23 33.085 24 34l1-.917Z"}),e.createElement("path",{fillRule:"evenodd",d:"m25 24.083 4.95-5.013 1.42 1.409L24 27.93l-7.37-7.451 1.42-1.409L23 24.085 24 25l1-.917Z"})),a=e.createElement(e.Fragment,null,e.createElement("path",{fillRule:"evenodd",d:"m27.79 19.158 1.42 1.409L19 30.841 8.79 20.567l1.42-1.409L19 28.001l8.79-8.843Z"}),e.createElement("path",{d:"M18 11h2v18h-2z"})),r=e.createElement(e.Fragment,null,e.createElement("path",{fillRule:"evenodd",d:"m27.79 19.158 1.42 1.409L19 30.841 8.79 20.567l1.42-1.409L19 28.001l8.79-8.843Z"}),e.createElement("path",{fillRule:"evenodd",d:"m23.79 15.158 1.42 1.409L19 22.841l-6.21-6.274 1.42-1.409L19 20.001l4.79-4.843Z"})),o=e.createElement(e.Fragment,null,e.createElement("path",{fillRule:"evenodd",d:"m17.79 11.158 1.42 1.409L12 19.841l-7.21-7.274 1.42-1.409L12 17.001l5.79-5.843Z"}),e.createElement("path",{d:"M11 5h2v13h-2z"})),d=e.createElement(e.Fragment,null,e.createElement("path",{fillRule:"evenodd",d:"m17.79 11.158 1.42 1.409L12 19.841l-7.21-7.274 1.42-1.409L12 17.001l5.79-5.843Z"}),e.createElement("path",{fillRule:"evenodd",d:"m14.79 8.158 1.42 1.409L12 13.841 7.79 9.567l1.42-1.409L12 11.001l2.79-2.843Z"}));return c(l,t,n,m,a,r,o,d)};export{f as default};
+//# sourceMappingURL=SortDown.js.map

package/components/Icons/SortDown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SortDown.js","sources":["../../../src/components/Icons/SortDown.tsx"],"sourcesContent":["import React from 'react';\nimport { getIcon, SvgPathProps } from './Icon';\n\nconst SortDown: React.FC<SvgPathProps> = ({ size, isHovered }: SvgPathProps): JSX.Element => {\n  const normal = <path d=\"M25 13v20.083l9.95-10.013 1.42 1.409L24 36.929 11.63 24.48l1.42-1.409L23 33.085V13h2Z\" fillRule={'evenodd'} />;\n\n  const normalHover = (\n    <>\n      <path fillRule={'evenodd'} d=\"m25 33.083 9.95-10.013 1.42 1.409L24 36.93 11.63 24.48l1.42-1.409L23 33.085 24 34l1-.917Z\" />\n      <path fillRule={'evenodd'} d=\"m25 24.083 4.95-5.013 1.42 1.409L24 27.93l-7.37-7.451 1.42-1.409L23 24.085 24 25l1-.917Z\" />\n    </>\n  );\n\n  const xSmall = (\n    <>\n      <path fillRule={'evenodd'} d=\"m27.79 19.158 1.42 1.409L19 30.841 8.79 20.567l1.42-1.409L19 28.001l8.79-8.843Z\" />\n      <path d=\"M18 11h2v18h-2z\" />\n    </>\n  );\n\n  const xSmallHover = (\n    <>\n      <path fillRule={'evenodd'} d=\"m27.79 19.158 1.42 1.409L19 30.841 8.79 20.567l1.42-1.409L19 28.001l8.79-8.843Z\" />\n      <path fillRule={'evenodd'} d=\"m23.79 15.158 1.42 1.409L19 22.841l-6.21-6.274 1.42-1.409L19 20.001l4.79-4.843Z\" />\n    </>\n  );\n\n  const xxSmall = (\n    <>\n      <path fillRule={'evenodd'} d=\"m17.79 11.158 1.42 1.409L12 19.841l-7.21-7.274 1.42-1.409L12 17.001l5.79-5.843Z\" />\n      <path d=\"M11 5h2v13h-2z\" />\n    </>\n  );\n\n  const xxSmallHover = (\n    <>\n      <path fillRule={'evenodd'} d=\"m17.79 11.158 1.42 1.409L12 19.841l-7.21-7.274 1.42-1.409L12 17.001l5.79-5.843Z\" />\n      <path fillRule={'evenodd'} d=\"m14.79 8.158 1.42 1.409L12 13.841 7.79 9.567l1.42-1.409L12 11.001l2.79-2.843Z\" />\n    </>\n  );\n\n  return getIcon(size, isHovered, normal, normalHover, xSmall, xSmallHover, xxSmall, xxSmallHover);\n};\n\nexport default SortDown;\n"],"names":["SortDown","size","isHovered","normal","React","normalHover","xSmall","xSmallHover","xxSmall","xxSmallHover","getIcon"],"mappings":"+LAGA,MAAMA,EAAmC,CAAC,CAAE,KAAAC,EAAM,UAAAC,KAA2C,CAC3F,MAAMC,EAAUC,EAAA,cAAA,OAAA,CAAK,EAAE,wFAAwF,SAAU,SAAA,CAAW,EAE9HC,kCAEDD,EAAA,cAAA,OAAA,CAAK,SAAU,UAAW,EAAE,2FAAA,CAA4F,EACxHA,EAAA,cAAA,OAAA,CAAK,SAAU,UAAW,EAAE,0FAA2F,CAAA,CAC1H,EAGIE,kCAEDF,EAAA,cAAA,OAAA,CAAK,SAAU,UAAW,EAAE,iFAAA,CAAkF,EAC9GA,EAAA,cAAA,OAAA,CAAK,EAAE,iBAAkB,CAAA,CAC5B,EAGIG,kCAEDH,EAAA,cAAA,OAAA,CAAK,SAAU,UAAW,EAAE,iFAAA,CAAkF,EAC9GA,EAAA,cAAA,OAAA,CAAK,SAAU,UAAW,EAAE,iFAAkF,CAAA,CACjH,EAGII,kCAEDJ,EAAA,cAAA,OAAA,CAAK,SAAU,UAAW,EAAE,iFAAA,CAAkF,EAC9GA,EAAA,cAAA,OAAA,CAAK,EAAE,gBAAiB,CAAA,CAC3B,EAGIK,kCAEDL,EAAA,cAAA,OAAA,CAAK,SAAU,UAAW,EAAE,iFAAA,CAAkF,EAC9GA,EAAA,cAAA,OAAA,CAAK,SAAU,UAAW,EAAE,+EAAgF,CAAA,CAC/G,EAGK,OAAAM,EAAQT,EAAMC,EAAWC,EAAQE,EAAaC,EAAQC,EAAaC,EAASC,CAAY,CACjG"}

package/components/Icons/SortUp.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { SvgPathProps } from './Icon';
+declare const SortUp: React.FC<SvgPathProps>;
+export default SortUp;
+//# sourceMappingURL=SortUp.d.ts.map

package/components/Icons/SortUp.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SortUp.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/SortUp.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAW,YAAY,EAAE,MAAM,QAAQ,CAAC;AAE/C,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAuClC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/components/Icons/SortUp.js

@@ -0,0 +1,2 @@
+import e from"react";import{getIcon as c}from"./Icon.js";import"classnames";import"../../constants.js";import"../../hooks/useUuid.js";import"../../uuid.js";import"../../utils/environment.js";const f=({size:l,isHovered:t})=>{const n=e.createElement("path",{d:"m24 10.14 12.37 12.45L34.95 24 25 13.985V35h-2V13.985L13.05 24l-1.42-1.41L24 10.14Z",fillRule:"evenodd"}),m=e.createElement(e.Fragment,null,e.createElement("path",{fillRule:"evenodd",d:"m24 10.14 12.37 12.45L34.95 24 25 13.985V14l-1-1-1 1v-.015L13.05 24l-1.42-1.41L24 10.14Z"}),e.createElement("path",{fillRule:"evenodd",d:"m24 20.14 7.37 7.45L29.95 29 25 23.985V24l-1-1-1 1v-.015L18.05 29l-1.42-1.41L24 20.14Z"})),a=e.createElement(e.Fragment,null,e.createElement("path",{fillRule:"evenodd",d:"m27.79 18.842 1.42-1.409L19 7.159 8.79 17.433l1.42 1.409L19 9.999l8.79 8.843Z"}),e.createElement("path",{d:"M18 9h2v18h-2z"})),r=e.createElement(e.Fragment,null,e.createElement("path",{fillRule:"evenodd",d:"m27.79 18.842 1.42-1.409L19 7.159 8.79 17.433l1.42 1.409L19 9.999l8.79 8.843Z"}),e.createElement("path",{fillRule:"evenodd",d:"m23.79 22.842 1.42-1.409L19 15.159l-6.21 6.274 1.42 1.409L19 17.999l4.79 4.843Z"})),o=e.createElement(e.Fragment,null,e.createElement("path",{fillRule:"evenodd",d:"m17.79 13.842 1.42-1.409L12 5.159l-7.21 7.274 1.42 1.409L12 7.999l5.79 5.843Z"}),";",e.createElement("path",{d:"M11 7h2v13h-2V7Z"}),";"),d=e.createElement(e.Fragment,null,e.createElement("path",{fillRule:"evenodd",d:"m27.79 18.842 1.42-1.409L19 7.159 8.79 17.433l1.42 1.409L19 9.999l8.79 8.843Z"}),e.createElement("path",{fillRule:"evenodd",d:"m23.79 22.842 1.42-1.409L19 15.159l-6.21 6.274 1.42 1.409L19 17.999l4.79 4.843Z"}));return c(l,t,n,m,a,r,o,d)};export{f as default};
+//# sourceMappingURL=SortUp.js.map

package/components/Icons/SortUp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SortUp.js","sources":["../../../src/components/Icons/SortUp.tsx"],"sourcesContent":["import React from 'react';\nimport { getIcon, SvgPathProps } from './Icon';\n\nconst SortUp: React.FC<SvgPathProps> = ({ size, isHovered }: SvgPathProps): JSX.Element => {\n  const normal = <path d=\"m24 10.14 12.37 12.45L34.95 24 25 13.985V35h-2V13.985L13.05 24l-1.42-1.41L24 10.14Z\" fillRule={'evenodd'} />;\n\n  const normalHover = (\n    <>\n      <path fillRule={'evenodd'} d=\"m24 10.14 12.37 12.45L34.95 24 25 13.985V14l-1-1-1 1v-.015L13.05 24l-1.42-1.41L24 10.14Z\" />\n      <path fillRule={'evenodd'} d=\"m24 20.14 7.37 7.45L29.95 29 25 23.985V24l-1-1-1 1v-.015L18.05 29l-1.42-1.41L24 20.14Z\" />\n    </>\n  );\n\n  const xSmall = (\n    <>\n      <path fillRule={'evenodd'} d=\"m27.79 18.842 1.42-1.409L19 7.159 8.79 17.433l1.42 1.409L19 9.999l8.79 8.843Z\" />\n      <path d=\"M18 9h2v18h-2z\" />\n    </>\n  );\n\n  const xSmallHover = (\n    <>\n      <path fillRule={'evenodd'} d=\"m27.79 18.842 1.42-1.409L19 7.159 8.79 17.433l1.42 1.409L19 9.999l8.79 8.843Z\" />\n      <path fillRule={'evenodd'} d=\"m23.79 22.842 1.42-1.409L19 15.159l-6.21 6.274 1.42 1.409L19 17.999l4.79 4.843Z\" />\n    </>\n  );\n\n  const xxSmall = (\n    <>\n      <path fillRule={'evenodd'} d=\"m17.79 13.842 1.42-1.409L12 5.159l-7.21 7.274 1.42 1.409L12 7.999l5.79 5.843Z\" />;\n      <path d=\"M11 7h2v13h-2V7Z\" />;\n    </>\n  );\n\n  const xxSmallHover = (\n    <>\n      <path fillRule={'evenodd'} d=\"m27.79 18.842 1.42-1.409L19 7.159 8.79 17.433l1.42 1.409L19 9.999l8.79 8.843Z\" />\n      <path fillRule={'evenodd'} d=\"m23.79 22.842 1.42-1.409L19 15.159l-6.21 6.274 1.42 1.409L19 17.999l4.79 4.843Z\" />\n    </>\n  );\n\n  return getIcon(size, isHovered, normal, normalHover, xSmall, xSmallHover, xxSmall, xxSmallHover);\n};\n\nexport default SortUp;\n"],"names":["SortUp","size","isHovered","normal","React","normalHover","xSmall","xSmallHover","xxSmall","xxSmallHover","getIcon"],"mappings":"+LAGA,MAAMA,EAAiC,CAAC,CAAE,KAAAC,EAAM,UAAAC,KAA2C,CACzF,MAAMC,EAAUC,EAAA,cAAA,OAAA,CAAK,EAAE,sFAAsF,SAAU,SAAA,CAAW,EAE5HC,kCAEDD,EAAA,cAAA,OAAA,CAAK,SAAU,UAAW,EAAE,0FAAA,CAA2F,EACvHA,EAAA,cAAA,OAAA,CAAK,SAAU,UAAW,EAAE,wFAAyF,CAAA,CACxH,EAGIE,kCAEDF,EAAA,cAAA,OAAA,CAAK,SAAU,UAAW,EAAE,+EAAA,CAAgF,EAC5GA,EAAA,cAAA,OAAA,CAAK,EAAE,gBAAiB,CAAA,CAC3B,EAGIG,kCAEDH,EAAA,cAAA,OAAA,CAAK,SAAU,UAAW,EAAE,+EAAA,CAAgF,EAC5GA,EAAA,cAAA,OAAA,CAAK,SAAU,UAAW,EAAE,iFAAkF,CAAA,CACjH,EAGII,kCAEDJ,EAAA,cAAA,OAAA,CAAK,SAAU,UAAW,EAAE,+EAAgF,CAAA,EAAE,IAC9GA,EAAA,cAAA,OAAA,CAAK,EAAE,kBAAA,CAAmB,EAAE,GAC/B,EAGIK,kCAEDL,EAAA,cAAA,OAAA,CAAK,SAAU,UAAW,EAAE,+EAAA,CAAgF,EAC5GA,EAAA,cAAA,OAAA,CAAK,SAAU,UAAW,EAAE,iFAAkF,CAAA,CACjH,EAGK,OAAAM,EAAQT,EAAMC,EAAWC,EAAQE,EAAaC,EAAQC,EAAaC,EAASC,CAAY,CACjG"}

package/components/Input/Input.d.ts

@@ -1,11 +1,15 @@
 import React from 'react';
 import { FormMode, FormVariant } from '../../constants';
 import { SvgIcon } from '../Icons';
-export interface InputProps extends Pick<React.InputHTMLAttributes<HTMLInputElement>, 'disabled' | 'readOnly' | 'autoComplete' | 'name' | 'placeholder' | 'defaultValue' | 'required'> {
+export interface InputProps extends Pick<React.InputHTMLAttributes<HTMLInputElement>, 'disabled' | 'readOnly' | 'autoComplete' | 'name' | 'placeholder' | 'defaultValue' | 'required' | 'value' | 'min' | 'max' | 'aria-labelledby'> {
+    /** Adds custom classes to the element. */
+    className?: string;
     /**  HMTL Input type */
     type?: keyof typeof InputTypes;
     /** input id */
     inputId?: string;
+    /** label id */
+    labelId?: string;
     /** Width of input field in characters (approximate) */
     width?: number;
     /** If true, the component will be transparent. */
@@ -28,6 +32,8 @@ export interface InputProps extends Pick<React.InputHTMLAttributes<HTMLInputElem
     testId?: string;
     /** Component shown after label */
     afterLabelChildren?: React.ReactNode;
+    /** Component shown after input */
+    afterInputChildren?: React.ReactNode;
     /** Component shown under label */
     belowLabelChildren?: React.ReactNode;
 }
@@ -38,7 +44,9 @@ export declare enum InputTypes {
     password = "password",
     search = "search",
     tel = "tel",
-    url = "url"
+    url = "url",
+    date = "date",
+    time = "time"
 }
 declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
 export default Input;

package/components/Input/Input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAGtC,OAAO,EAAE,QAAQ,EAAE,WAAW,EAA2C,MAAM,iBAAiB,CAAC;AAEjG,OAAa,EAAY,OAAO,EAAE,MAAM,UAAU,CAAC;AAQnD,MAAM,WAAW,UACf,SAAQ,IAAI,CACV,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,UAAU,GAAG,UAAU,GAAG,cAAc,GAAG,MAAM,GAAG,aAAa,GAAG,cAAc,GAAG,UAAU,CAChG;IACD,uBAAuB;IACvB,IAAI,CAAC,EAAE,MAAM,OAAO,UAAU,CAAC;IAC/B,eAAe;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kDAAkD;IAClD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,mDAAmD;IACnD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,mCAAmC;IACnC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6CAA6C;IAC7C,IAAI,CAAC,EAAE,MAAM,OAAO,QAAQ,CAAC;IAC7B,uCAAuC;IACvC,OAAO,CAAC,EAAE,MAAM,OAAO,WAAW,CAAC;IACnC,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0CAA0C;IAC1C,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kCAAkC;IAClC,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC,kCAAkC;IAClC,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACtC;AAED,oBAAY,UAAU;IACpB,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,KAAK,UAAU;IACf,QAAQ,aAAa;IACrB,MAAM,WAAW;IACjB,GAAG,QAAQ;IACX,GAAG,QAAQ;CACZ;AAUD,QAAA,MAAM,KAAK,qFAyGT,CAAC;AAEH,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAGtC,OAAO,EAAE,QAAQ,EAAE,WAAW,EAA2C,MAAM,iBAAiB,CAAC;AAEjG,OAAa,EAAY,OAAO,EAAE,MAAM,UAAU,CAAC;AAQnD,MAAM,WAAW,UACf,SAAQ,IAAI,CACV,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EACzC,UAAU,GACV,UAAU,GACV,cAAc,GACd,MAAM,GACN,aAAa,GACb,cAAc,GACd,UAAU,GACV,OAAO,GACP,KAAK,GACL,KAAK,GACL,iBAAiB,CACpB;IACD,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uBAAuB;IACvB,IAAI,CAAC,EAAE,MAAM,OAAO,UAAU,CAAC;IAC/B,eAAe;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kDAAkD;IAClD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,mDAAmD;IACnD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,mCAAmC;IACnC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6CAA6C;IAC7C,IAAI,CAAC,EAAE,MAAM,OAAO,QAAQ,CAAC;IAC7B,uCAAuC;IACvC,OAAO,CAAC,EAAE,MAAM,OAAO,WAAW,CAAC;IACnC,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0CAA0C;IAC1C,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kCAAkC;IAClC,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC,kCAAkC;IAClC,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC,kCAAkC;IAClC,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACtC;AAED,oBAAY,UAAU;IACpB,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,KAAK,UAAU;IACf,QAAQ,aAAa;IACrB,MAAM,WAAW;IACjB,GAAG,QAAQ;IACX,GAAG,QAAQ;IACX,IAAI,SAAS;IACb,IAAI,SAAS;CACd;AAUD,QAAA,MAAM,KAAK,qFAkHT,CAAC;AAEH,eAAe,KAAK,CAAC"}

package/components/Input/componentdata.json

@@ -1 +1 @@
-{"props":{"type":{"defaultValue":null,"description":"HMTL Input type","name":"type","parent":{"fileName":"src/components/Input/Input.tsx","name":"InputProps"},"declarations":[{"fileName":"src/components/Input/Input.tsx","name":"InputProps"}],"required":false,"type":{"name":"enum","raw":"\"number\" | \"text\" | \"email\" | \"password\" | \"search\" | \"tel\" | \"url\"","value":[{"value":"\"number\""},{"value":"\"text\""},{"value":"\"email\""},{"value":"\"password\""},{"value":"\"search\""},{"value":"\"tel\""},{"value":"\"url\""}]}},"inputId":{"defaultValue":null,"description":"input id","name":"inputId","parent":{"fileName":"src/components/Input/Input.tsx","name":"InputProps"},"declarations":[{"fileName":"src/components/Input/Input.tsx","name":"InputProps"}],"required":false,"type":{"name":"string"}},"width":{"defaultValue":null,"description":"Width of input field in characters (approximate)","name":"width","parent":{"fileName":"src/components/Input/Input.tsx","name":"InputProps"},"declarations":[{"fileName":"src/components/Input/Input.tsx","name":"InputProps"}],"required":false,"type":{"name":"number"}},"transparent":{"defaultValue":null,"description":"If true, the component will be transparent.","name":"transparent","parent":{"fileName":"src/components/Input/Input.tsx","name":"InputProps"},"declarations":[{"fileName":"src/components/Input/Input.tsx","name":"InputProps"}],"required":false,"type":{"name":"boolean"}},"icon":{"defaultValue":null,"description":"Icon to be displayed next to the input field","name":"icon","parent":{"fileName":"src/components/Input/Input.tsx","name":"InputProps"},"declarations":[{"fileName":"src/components/Input/Input.tsx","name":"InputProps"}],"required":false,"type":{"name":"SvgIcon"}},"iconRight":{"defaultValue":null,"description":"Places the icon to the right","name":"iconRight","parent":{"fileName":"src/components/Input/Input.tsx","name":"InputProps"},"declarations":[{"fileName":"src/components/Input/Input.tsx","name":"InputProps"}],"required":false,"type":{"name":"boolean"}},"mode":{"defaultValue":null,"description":"Changes the color profile of the input","name":"mode","parent":{"fileName":"src/components/Input/Input.tsx","name":"InputProps"},"declarations":[{"fileName":"src/components/Input/Input.tsx","name":"InputProps"}],"required":false,"type":{"name":"enum","raw":"\"onwhite\" | \"ongrey\" | \"onblueberry\" | \"ondark\" | \"oninvalid\"","value":[{"value":"\"onwhite\""},{"value":"\"ongrey\""},{"value":"\"onblueberry\""},{"value":"\"ondark\""},{"value":"\"oninvalid\""}]}},"variant":{"defaultValue":null,"description":"Changes the visuals of the input","name":"variant","parent":{"fileName":"src/components/Input/Input.tsx","name":"InputProps"},"declarations":[{"fileName":"src/components/Input/Input.tsx","name":"InputProps"}],"required":false,"type":{"name":"enum","raw":"\"normal\" | \"bigform\"","value":[{"value":"\"normal\""},{"value":"\"bigform\""}]}},"label":{"defaultValue":null,"description":"Label of the input","name":"label","parent":{"fileName":"src/components/Input/Input.tsx","name":"InputProps"},"declarations":[{"fileName":"src/components/Input/Input.tsx","name":"InputProps"}],"required":false,"type":{"name":"string"}},"error":{"defaultValue":null,"description":"Activates Error style for the input","name":"error","parent":{"fileName":"src/components/Input/Input.tsx","name":"InputProps"},"declarations":[{"fileName":"src/components/Input/Input.tsx","name":"InputProps"}],"required":false,"type":{"name":"boolean"}},"errorText":{"defaultValue":null,"description":"Error text to show above the component","name":"errorText","parent":{"fileName":"src/components/Input/Input.tsx","name":"InputProps"},"declarations":[{"fileName":"src/components/Input/Input.tsx","name":"InputProps"}],"required":false,"type":{"name":"string"}},"testId":{"defaultValue":null,"description":"Sets the data-testid attribute.","name":"testId","parent":{"fileName":"src/components/Input/Input.tsx","name":"InputProps"},"declarations":[{"fileName":"src/components/Input/Input.tsx","name":"InputProps"}],"required":false,"type":{"name":"string"}},"afterLabelChildren":{"defaultValue":null,"description":"Component shown after label","name":"afterLabelChildren","parent":{"fileName":"src/components/Input/Input.tsx","name":"InputProps"},"declarations":[{"fileName":"src/components/Input/Input.tsx","name":"InputProps"}],"required":false,"type":{"name":"ReactNode"}},"belowLabelChildren":{"defaultValue":null,"description":"Component shown under label","name":"belowLabelChildren","parent":{"fileName":"src/components/Input/Input.tsx","name":"InputProps"},"declarations":[{"fileName":"src/components/Input/Input.tsx","name":"InputProps"}],"required":false,"type":{"name":"ReactNode"}},"disabled":{"defaultValue":null,"description":"","name":"disabled","parent":{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"},"declarations":[{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"}],"required":false,"type":{"name":"boolean"}},"readOnly":{"defaultValue":null,"description":"","name":"readOnly","parent":{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"},"declarations":[{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"}],"required":false,"type":{"name":"boolean"}},"autoComplete":{"defaultValue":null,"description":"","name":"autoComplete","parent":{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"},"declarations":[{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"}],"required":false,"type":{"name":"string"}},"name":{"defaultValue":null,"description":"","name":"name","parent":{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"},"declarations":[{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"}],"required":false,"type":{"name":"string"}},"placeholder":{"defaultValue":null,"description":"","name":"placeholder","parent":{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"},"declarations":[{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"}],"required":false,"type":{"name":"string"}},"defaultValue":{"defaultValue":null,"description":"","name":"defaultValue","parent":{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"HTMLAttributes"},"declarations":[{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"HTMLAttributes"}],"required":false,"type":{"name":"string | number | readonly string[]"}},"required":{"defaultValue":null,"description":"","name":"required","parent":{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"},"declarations":[{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"}],"required":false,"type":{"name":"boolean"}}}}
+{"props":{"className":{"defaultValue":null,"description":"Adds custom classes to the element.","name":"className","parent":{"fileName":"src/components/Input/Input.tsx","name":"InputProps"},"declarations":[{"fileName":"src/components/Input/Input.tsx","name":"InputProps"}],"required":false,"type":{"name":"string"}},"type":{"defaultValue":null,"description":"HMTL Input type","name":"type","parent":{"fileName":"src/components/Input/Input.tsx","name":"InputProps"},"declarations":[{"fileName":"src/components/Input/Input.tsx","name":"InputProps"}],"required":false,"type":{"name":"enum","raw":"\"number\" | \"text\" | \"email\" | \"password\" | \"search\" | \"tel\" | \"url\" | \"date\" | \"time\"","value":[{"value":"\"number\""},{"value":"\"text\""},{"value":"\"email\""},{"value":"\"password\""},{"value":"\"search\""},{"value":"\"tel\""},{"value":"\"url\""},{"value":"\"date\""},{"value":"\"time\""}]}},"inputId":{"defaultValue":null,"description":"input id","name":"inputId","parent":{"fileName":"src/components/Input/Input.tsx","name":"InputProps"},"declarations":[{"fileName":"src/components/Input/Input.tsx","name":"InputProps"}],"required":false,"type":{"name":"string"}},"labelId":{"defaultValue":null,"description":"label id","name":"labelId","parent":{"fileName":"src/components/Input/Input.tsx","name":"InputProps"},"declarations":[{"fileName":"src/components/Input/Input.tsx","name":"InputProps"}],"required":false,"type":{"name":"string"}},"width":{"defaultValue":null,"description":"Width of input field in characters (approximate)","name":"width","parent":{"fileName":"src/components/Input/Input.tsx","name":"InputProps"},"declarations":[{"fileName":"src/components/Input/Input.tsx","name":"InputProps"}],"required":false,"type":{"name":"number"}},"transparent":{"defaultValue":null,"description":"If true, the component will be transparent.","name":"transparent","parent":{"fileName":"src/components/Input/Input.tsx","name":"InputProps"},"declarations":[{"fileName":"src/components/Input/Input.tsx","name":"InputProps"}],"required":false,"type":{"name":"boolean"}},"icon":{"defaultValue":null,"description":"Icon to be displayed next to the input field","name":"icon","parent":{"fileName":"src/components/Input/Input.tsx","name":"InputProps"},"declarations":[{"fileName":"src/components/Input/Input.tsx","name":"InputProps"}],"required":false,"type":{"name":"SvgIcon"}},"iconRight":{"defaultValue":null,"description":"Places the icon to the right","name":"iconRight","parent":{"fileName":"src/components/Input/Input.tsx","name":"InputProps"},"declarations":[{"fileName":"src/components/Input/Input.tsx","name":"InputProps"}],"required":false,"type":{"name":"boolean"}},"mode":{"defaultValue":null,"description":"Changes the color profile of the input","name":"mode","parent":{"fileName":"src/components/Input/Input.tsx","name":"InputProps"},"declarations":[{"fileName":"src/components/Input/Input.tsx","name":"InputProps"}],"required":false,"type":{"name":"enum","raw":"\"onwhite\" | \"ongrey\" | \"onblueberry\" | \"ondark\" | \"oninvalid\"","value":[{"value":"\"onwhite\""},{"value":"\"ongrey\""},{"value":"\"onblueberry\""},{"value":"\"ondark\""},{"value":"\"oninvalid\""}]}},"variant":{"defaultValue":null,"description":"Changes the visuals of the input","name":"variant","parent":{"fileName":"src/components/Input/Input.tsx","name":"InputProps"},"declarations":[{"fileName":"src/components/Input/Input.tsx","name":"InputProps"}],"required":false,"type":{"name":"enum","raw":"\"normal\" | \"bigform\"","value":[{"value":"\"normal\""},{"value":"\"bigform\""}]}},"label":{"defaultValue":null,"description":"Label of the input","name":"label","parent":{"fileName":"src/components/Input/Input.tsx","name":"InputProps"},"declarations":[{"fileName":"src/components/Input/Input.tsx","name":"InputProps"}],"required":false,"type":{"name":"string"}},"error":{"defaultValue":null,"description":"Activates Error style for the input","name":"error","parent":{"fileName":"src/components/Input/Input.tsx","name":"InputProps"},"declarations":[{"fileName":"src/components/Input/Input.tsx","name":"InputProps"}],"required":false,"type":{"name":"boolean"}},"errorText":{"defaultValue":null,"description":"Error text to show above the component","name":"errorText","parent":{"fileName":"src/components/Input/Input.tsx","name":"InputProps"},"declarations":[{"fileName":"src/components/Input/Input.tsx","name":"InputProps"}],"required":false,"type":{"name":"string"}},"testId":{"defaultValue":null,"description":"Sets the data-testid attribute.","name":"testId","parent":{"fileName":"src/components/Input/Input.tsx","name":"InputProps"},"declarations":[{"fileName":"src/components/Input/Input.tsx","name":"InputProps"}],"required":false,"type":{"name":"string"}},"afterLabelChildren":{"defaultValue":null,"description":"Component shown after label","name":"afterLabelChildren","parent":{"fileName":"src/components/Input/Input.tsx","name":"InputProps"},"declarations":[{"fileName":"src/components/Input/Input.tsx","name":"InputProps"}],"required":false,"type":{"name":"ReactNode"}},"afterInputChildren":{"defaultValue":null,"description":"Component shown after input","name":"afterInputChildren","parent":{"fileName":"src/components/Input/Input.tsx","name":"InputProps"},"declarations":[{"fileName":"src/components/Input/Input.tsx","name":"InputProps"}],"required":false,"type":{"name":"ReactNode"}},"belowLabelChildren":{"defaultValue":null,"description":"Component shown under label","name":"belowLabelChildren","parent":{"fileName":"src/components/Input/Input.tsx","name":"InputProps"},"declarations":[{"fileName":"src/components/Input/Input.tsx","name":"InputProps"}],"required":false,"type":{"name":"ReactNode"}},"disabled":{"defaultValue":null,"description":"","name":"disabled","parent":{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"},"declarations":[{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"}],"required":false,"type":{"name":"boolean"}},"readOnly":{"defaultValue":null,"description":"","name":"readOnly","parent":{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"},"declarations":[{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"}],"required":false,"type":{"name":"boolean"}},"autoComplete":{"defaultValue":null,"description":"","name":"autoComplete","parent":{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"},"declarations":[{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"}],"required":false,"type":{"name":"string"}},"name":{"defaultValue":null,"description":"","name":"name","parent":{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"},"declarations":[{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"}],"required":false,"type":{"name":"string"}},"placeholder":{"defaultValue":null,"description":"","name":"placeholder","parent":{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"},"declarations":[{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"}],"required":false,"type":{"name":"string"}},"defaultValue":{"defaultValue":null,"description":"","name":"defaultValue","parent":{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"HTMLAttributes"},"declarations":[{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"HTMLAttributes"}],"required":false,"type":{"name":"string | number | readonly string[]"}},"required":{"defaultValue":null,"description":"","name":"required","parent":{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"},"declarations":[{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"}],"required":false,"type":{"name":"boolean"}},"value":{"defaultValue":null,"description":"","name":"value","parent":{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"},"declarations":[{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"}],"required":false,"type":{"name":"string | number | readonly string[]"}},"min":{"defaultValue":null,"description":"","name":"min","parent":{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"},"declarations":[{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"}],"required":false,"type":{"name":"string | number"}},"max":{"defaultValue":null,"description":"","name":"max","parent":{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"},"declarations":[{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"}],"required":false,"type":{"name":"string | number"}},"aria-labelledby":{"defaultValue":null,"description":"Identifies the element (or elements) that labels the current element.\n@see aria-describedby.","name":"aria-labelledby","parent":{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"AriaAttributes"},"declarations":[{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"AriaAttributes"}],"required":false,"type":{"name":"string"}}}}

package/components/Input/styles.module.scss

@@ -8,6 +8,11 @@
   @include input-wrapper;
 
   margin: getSpacer(l) 0;
+
+  &__after-content-wrapper {
+    display: flex;
+    align-items: center;
+  }
 }
 
 .input-wrapper:first-of-type {

package/components/Input/styles.module.scss.d.ts

@@ -11,6 +11,7 @@ export type Styles = {
   'content-wrapper--transparent': string;
   'content-wrapper--with-icon': string;
   'input-wrapper': string;
+  'input-wrapper__after-content-wrapper': string;
   'input-wrapper__after-label-children': string;
   'input-wrapper__label-wrapper': string;
   'input-wrapper__label-wrapper--on-dark': string;

package/components/NotificationPanel/NotificationPanel.d.ts

@@ -24,6 +24,8 @@ interface NotificationPanelProps {
     ariaLabelCloseBtn?: string;
     /** Custom id for the label */
     labelId?: string;
+    /** Custom role for the panel */
+    role?: 'alert';
     /** Sets the data-testid attribute. */
     testId?: string;
 }

package/components/NotificationPanel/NotificationPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationPanel.d.ts","sourceRoot":"","sources":["../../../src/components/NotificationPanel/NotificationPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAc1B,oBAAY,yBAAyB,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;AAC7E,oBAAY,sBAAsB,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAUlE,UAAU,sBAAsB;IAC9B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,mEAAmE;IACnE,OAAO,CAAC,EAAE,yBAAyB,CAAC;IACpC,0DAA0D;IAC1D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,mDAAmD;IACnD,IAAI,CAAC,EAAE,sBAAsB,CAAC;IAC9B,sFAAsF;IACtF,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAClE,8FAA8F;IAC9F,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,6EAA6E;IAC7E,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8BAA8B;IAC9B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,8BAA8B;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAiBD,QAAA,MAAM,iBAAiB,+FAiErB,CAAC;AAEH,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"NotificationPanel.d.ts","sourceRoot":"","sources":["../../../src/components/NotificationPanel/NotificationPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAc1B,oBAAY,yBAAyB,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;AAC7E,oBAAY,sBAAsB,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAUlE,UAAU,sBAAsB;IAC9B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,mEAAmE;IACnE,OAAO,CAAC,EAAE,yBAAyB,CAAC;IACpC,0DAA0D;IAC1D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,mDAAmD;IACnD,IAAI,CAAC,EAAE,sBAAsB,CAAC;IAC9B,sFAAsF;IACtF,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAClE,8FAA8F;IAC9F,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,6EAA6E;IAC7E,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8BAA8B;IAC9B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,8BAA8B;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gCAAgC;IAChC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAiBD,QAAA,MAAM,iBAAiB,+FAmErB,CAAC;AAEH,eAAe,iBAAiB,CAAC"}

package/components/NotificationPanel/componentdata.json

@@ -1 +1 @@
-{"props":{"className":{"defaultValue":null,"description":"Adds custom classes to the element.","name":"className","parent":{"fileName":"src/components/NotificationPanel/NotificationPanel.tsx","name":"NotificationPanelProps"},"declarations":[{"fileName":"src/components/NotificationPanel/NotificationPanel.tsx","name":"NotificationPanelProps"}],"required":false,"type":{"name":"string"}},"children":{"defaultValue":null,"description":"Adds inner child elements.","name":"children","parent":{"fileName":"src/components/NotificationPanel/NotificationPanel.tsx","name":"NotificationPanelProps"},"declarations":[{"fileName":"src/components/NotificationPanel/NotificationPanel.tsx","name":"NotificationPanelProps"}],"required":false,"type":{"name":"ReactNode"}},"variant":{"defaultValue":null,"description":"Changes the visual representation of the notification panel.","name":"variant","parent":{"fileName":"src/components/NotificationPanel/NotificationPanel.tsx","name":"NotificationPanelProps"},"declarations":[{"fileName":"src/components/NotificationPanel/NotificationPanel.tsx","name":"NotificationPanelProps"}],"required":false,"type":{"name":"enum","raw":"NotificationPanelVariants","value":[{"value":"\"info\""},{"value":"\"warn\""},{"value":"\"alert\""},{"value":"\"crisis\""}]}},"shadow":{"defaultValue":null,"description":"Adds a shadow effect around the notification panel.","name":"shadow","parent":{"fileName":"src/components/NotificationPanel/NotificationPanel.tsx","name":"NotificationPanelProps"},"declarations":[{"fileName":"src/components/NotificationPanel/NotificationPanel.tsx","name":"NotificationPanelProps"}],"required":false,"type":{"name":"boolean"}},"size":{"defaultValue":null,"description":"Sets a fixed size for the content container.","name":"size","parent":{"fileName":"src/components/NotificationPanel/NotificationPanel.tsx","name":"NotificationPanelProps"},"declarations":[{"fileName":"src/components/NotificationPanel/NotificationPanel.tsx","name":"NotificationPanelProps"}],"required":false,"type":{"name":"enum","raw":"NotificationPanelSizes","value":[{"value":"\"small\""},{"value":"\"medium\""},{"value":"\"large\""}]}},"onClick":{"defaultValue":null,"description":"Used in combination with dismissiable property to close the notification panel.","name":"onClick","parent":{"fileName":"src/components/NotificationPanel/NotificationPanel.tsx","name":"NotificationPanelProps"},"declarations":[{"fileName":"src/components/NotificationPanel/NotificationPanel.tsx","name":"NotificationPanelProps"}],"required":false,"type":{"name":"((e?: MouseEvent<HTMLElement, MouseEvent>) => void)"}},"dismissable":{"defaultValue":null,"description":"Toggles the close button in the top right corner. Will only show if there are children.","name":"dismissable","parent":{"fileName":"src/components/NotificationPanel/NotificationPanel.tsx","name":"NotificationPanelProps"},"declarations":[{"fileName":"src/components/NotificationPanel/NotificationPanel.tsx","name":"NotificationPanelProps"}],"required":false,"type":{"name":"boolean"}},"fluid":{"defaultValue":null,"description":"Enables a fluid outer container that spans the entire width of parent.","name":"fluid","parent":{"fileName":"src/components/NotificationPanel/NotificationPanel.tsx","name":"NotificationPanelProps"},"declarations":[{"fileName":"src/components/NotificationPanel/NotificationPanel.tsx","name":"NotificationPanelProps"}],"required":false,"type":{"name":"boolean"}},"label":{"defaultValue":null,"description":"Sets a label for the notification panel.","name":"label","parent":{"fileName":"src/components/NotificationPanel/NotificationPanel.tsx","name":"NotificationPanelProps"},"declarations":[{"fileName":"src/components/NotificationPanel/NotificationPanel.tsx","name":"NotificationPanelProps"}],"required":false,"type":{"name":"string"}},"ariaLabelCloseBtn":{"defaultValue":null,"description":"Close button aria-label","name":"ariaLabelCloseBtn","parent":{"fileName":"src/components/NotificationPanel/NotificationPanel.tsx","name":"NotificationPanelProps"},"declarations":[{"fileName":"src/components/NotificationPanel/NotificationPanel.tsx","name":"NotificationPanelProps"}],"required":false,"type":{"name":"string"}},"labelId":{"defaultValue":null,"description":"Custom id for the label","name":"labelId","parent":{"fileName":"src/components/NotificationPanel/NotificationPanel.tsx","name":"NotificationPanelProps"},"declarations":[{"fileName":"src/components/NotificationPanel/NotificationPanel.tsx","name":"NotificationPanelProps"}],"required":false,"type":{"name":"string"}},"testId":{"defaultValue":null,"description":"Sets the data-testid attribute.","name":"testId","parent":{"fileName":"src/components/NotificationPanel/NotificationPanel.tsx","name":"NotificationPanelProps"},"declarations":[{"fileName":"src/components/NotificationPanel/NotificationPanel.tsx","name":"NotificationPanelProps"}],"required":false,"type":{"name":"string"}}}}
+{"props":{"className":{"defaultValue":null,"description":"Adds custom classes to the element.","name":"className","parent":{"fileName":"src/components/NotificationPanel/NotificationPanel.tsx","name":"NotificationPanelProps"},"declarations":[{"fileName":"src/components/NotificationPanel/NotificationPanel.tsx","name":"NotificationPanelProps"}],"required":false,"type":{"name":"string"}},"children":{"defaultValue":null,"description":"Adds inner child elements.","name":"children","parent":{"fileName":"src/components/NotificationPanel/NotificationPanel.tsx","name":"NotificationPanelProps"},"declarations":[{"fileName":"src/components/NotificationPanel/NotificationPanel.tsx","name":"NotificationPanelProps"}],"required":false,"type":{"name":"ReactNode"}},"variant":{"defaultValue":null,"description":"Changes the visual representation of the notification panel.","name":"variant","parent":{"fileName":"src/components/NotificationPanel/NotificationPanel.tsx","name":"NotificationPanelProps"},"declarations":[{"fileName":"src/components/NotificationPanel/NotificationPanel.tsx","name":"NotificationPanelProps"}],"required":false,"type":{"name":"enum","raw":"NotificationPanelVariants","value":[{"value":"\"info\""},{"value":"\"warn\""},{"value":"\"alert\""},{"value":"\"crisis\""}]}},"shadow":{"defaultValue":null,"description":"Adds a shadow effect around the notification panel.","name":"shadow","parent":{"fileName":"src/components/NotificationPanel/NotificationPanel.tsx","name":"NotificationPanelProps"},"declarations":[{"fileName":"src/components/NotificationPanel/NotificationPanel.tsx","name":"NotificationPanelProps"}],"required":false,"type":{"name":"boolean"}},"size":{"defaultValue":null,"description":"Sets a fixed size for the content container.","name":"size","parent":{"fileName":"src/components/NotificationPanel/NotificationPanel.tsx","name":"NotificationPanelProps"},"declarations":[{"fileName":"src/components/NotificationPanel/NotificationPanel.tsx","name":"NotificationPanelProps"}],"required":false,"type":{"name":"enum","raw":"NotificationPanelSizes","value":[{"value":"\"small\""},{"value":"\"medium\""},{"value":"\"large\""}]}},"onClick":{"defaultValue":null,"description":"Used in combination with dismissiable property to close the notification panel.","name":"onClick","parent":{"fileName":"src/components/NotificationPanel/NotificationPanel.tsx","name":"NotificationPanelProps"},"declarations":[{"fileName":"src/components/NotificationPanel/NotificationPanel.tsx","name":"NotificationPanelProps"}],"required":false,"type":{"name":"((e?: MouseEvent<HTMLElement, MouseEvent>) => void)"}},"dismissable":{"defaultValue":null,"description":"Toggles the close button in the top right corner. Will only show if there are children.","name":"dismissable","parent":{"fileName":"src/components/NotificationPanel/NotificationPanel.tsx","name":"NotificationPanelProps"},"declarations":[{"fileName":"src/components/NotificationPanel/NotificationPanel.tsx","name":"NotificationPanelProps"}],"required":false,"type":{"name":"boolean"}},"fluid":{"defaultValue":null,"description":"Enables a fluid outer container that spans the entire width of parent.","name":"fluid","parent":{"fileName":"src/components/NotificationPanel/NotificationPanel.tsx","name":"NotificationPanelProps"},"declarations":[{"fileName":"src/components/NotificationPanel/NotificationPanel.tsx","name":"NotificationPanelProps"}],"required":false,"type":{"name":"boolean"}},"label":{"defaultValue":null,"description":"Sets a label for the notification panel.","name":"label","parent":{"fileName":"src/components/NotificationPanel/NotificationPanel.tsx","name":"NotificationPanelProps"},"declarations":[{"fileName":"src/components/NotificationPanel/NotificationPanel.tsx","name":"NotificationPanelProps"}],"required":false,"type":{"name":"string"}},"ariaLabelCloseBtn":{"defaultValue":null,"description":"Close button aria-label","name":"ariaLabelCloseBtn","parent":{"fileName":"src/components/NotificationPanel/NotificationPanel.tsx","name":"NotificationPanelProps"},"declarations":[{"fileName":"src/components/NotificationPanel/NotificationPanel.tsx","name":"NotificationPanelProps"}],"required":false,"type":{"name":"string"}},"labelId":{"defaultValue":null,"description":"Custom id for the label","name":"labelId","parent":{"fileName":"src/components/NotificationPanel/NotificationPanel.tsx","name":"NotificationPanelProps"},"declarations":[{"fileName":"src/components/NotificationPanel/NotificationPanel.tsx","name":"NotificationPanelProps"}],"required":false,"type":{"name":"string"}},"role":{"defaultValue":null,"description":"Custom role for the panel","name":"role","parent":{"fileName":"src/components/NotificationPanel/NotificationPanel.tsx","name":"NotificationPanelProps"},"declarations":[{"fileName":"src/components/NotificationPanel/NotificationPanel.tsx","name":"NotificationPanelProps"}],"required":false,"type":{"name":"enum","raw":"\"alert\"","value":[{"value":"\"alert\""}]}},"testId":{"defaultValue":null,"description":"Sets the data-testid attribute.","name":"testId","parent":{"fileName":"src/components/NotificationPanel/NotificationPanel.tsx","name":"NotificationPanelProps"},"declarations":[{"fileName":"src/components/NotificationPanel/NotificationPanel.tsx","name":"NotificationPanelProps"}],"required":false,"type":{"name":"string"}}}}

package/components/NotificationPanel/index.js

@@ -1,2 +1,2 @@
-import t from"react";import p from"classnames";import e from"./styles.module.scss";import{C as k}from"../../Close.js";import{AnalyticsId as L}from"../../constants.js";import{useUuid as A}from"../../hooks/useUuid.js";import{palette as o}from"../../theme/palette.js";import{getAriaLabelAttributes as S}from"../../utils/accessibility.js";import{Icon as r}from"../Icons/Icon.js";import $ from"../Icons/InfoSignStroke.js";import h from"../Icons/AlertSignStroke.js";import v from"../Icons/AlertSignFill.js";import"../Icons/X.js";import"../../uuid.js";import"../../utils/environment.js";import"../Close/styles.module.scss";import"../../hooks/useBreakpoint.js";import"../../theme/grid.js";const P={info:t.createElement(r,{svgIcon:$,color:o.kiwi900,hoverColor:o.kiwi900}),warn:t.createElement(r,{svgIcon:h,color:"black",hoverColor:"black"}),alert:t.createElement(r,{svgIcon:v,color:o.cherry500,hoverColor:o.cherry500}),alertLabel:t.createElement(r,{svgIcon:h,color:o.cherry500,hoverColor:o.cherry500}),crisis:t.createElement(r,{svgIcon:v,color:o.banana200,hoverColor:o.banana200})},F=({fluid:l,variant:s,shadow:n,children:a})=>{if(l){const c=p(e["fluid-wrapper"],e[`fluid-wrapper--${s}`],{[e["fluid-wrapper--shadow"]]:n});return t.createElement("div",{className:c},a)}return a},X=t.forwardRef((l,s)=>{const{children:n,variant:a="info",shadow:c=!1,dismissable:d=!1,onClick:C,label:i,fluid:b=!1,size:u,className:E,labelId:I,testId:_}=l,m=A(I),g=()=>{const N=p(e["notification-panel__content"],e[`notification-panel__content--${a}`]);return t.createElement("div",{className:N,id:i?void 0:m},i&&t.createElement("h1",{className:e["notification-panel__label"],dangerouslySetInnerHTML:{__html:i},id:m}),n)},f=!!i&&!n,w=p(e["notification-panel"],u&&e[`notification-panel--${u}`],e[`notification-panel--${a}`],{[e["notification-panel--shadow"]]:!b&&c,[e["notification-panel--has-children"]]:!!n,[e["notification-panel--label-only"]]:f,[e["notification-panel--dismissable"]]:!f&&d},E),y=S({label:i,id:m});return t.createElement(F,{fluid:b,variant:a,shadow:c},t.createElement("section",{ref:s,"data-testid":_,"data-analyticsid":L.NotificationPanel,className:w,...y},t.createElement("span",{className:e["notification-panel__icon"]},P[a==="alert"&&i&&!n?"alertLabel":a]),!f&&d&&t.createElement("span",{className:e["notification-panel__close"]},t.createElement(k,{ariaLabel:l.ariaLabelCloseBtn,onClick:C})),g()))});export{X as default};
+import t from"react";import p from"classnames";import e from"./styles.module.scss";import{C as L}from"../../Close.js";import{AnalyticsId as A}from"../../constants.js";import{useUuid as S}from"../../hooks/useUuid.js";import{palette as o}from"../../theme/palette.js";import{getAriaLabelAttributes as $}from"../../utils/accessibility.js";import{Icon as r}from"../Icons/Icon.js";import P from"../Icons/InfoSignStroke.js";import h from"../Icons/AlertSignStroke.js";import v from"../Icons/AlertSignFill.js";import"../Icons/X.js";import"../../uuid.js";import"../../utils/environment.js";import"../Close/styles.module.scss";import"../../hooks/useBreakpoint.js";import"../../theme/grid.js";const F={info:t.createElement(r,{svgIcon:P,color:o.kiwi900,hoverColor:o.kiwi900}),warn:t.createElement(r,{svgIcon:h,color:"black",hoverColor:"black"}),alert:t.createElement(r,{svgIcon:v,color:o.cherry500,hoverColor:o.cherry500}),alertLabel:t.createElement(r,{svgIcon:h,color:o.cherry500,hoverColor:o.cherry500}),crisis:t.createElement(r,{svgIcon:v,color:o.banana200,hoverColor:o.banana200})},M=({fluid:l,variant:s,shadow:n,children:a})=>{if(l){const c=p(e["fluid-wrapper"],e[`fluid-wrapper--${s}`],{[e["fluid-wrapper--shadow"]]:n});return t.createElement("div",{className:c},a)}return a},Y=t.forwardRef((l,s)=>{const{children:n,variant:a="info",shadow:c=!1,dismissable:d=!1,onClick:C,label:i,fluid:b=!1,size:u,className:E,labelId:I,role:_,testId:g}=l,m=S(I),w=()=>{const k=p(e["notification-panel__content"],e[`notification-panel__content--${a}`]);return t.createElement("div",{className:k,id:i?void 0:m},i&&t.createElement("h1",{className:e["notification-panel__label"],dangerouslySetInnerHTML:{__html:i},id:m}),n)},f=!!i&&!n,y=p(e["notification-panel"],u&&e[`notification-panel--${u}`],e[`notification-panel--${a}`],{[e["notification-panel--shadow"]]:!b&&c,[e["notification-panel--has-children"]]:!!n,[e["notification-panel--label-only"]]:f,[e["notification-panel--dismissable"]]:!f&&d},E),N=$({label:i,id:m});return t.createElement(M,{fluid:b,variant:a,shadow:c},t.createElement("section",{ref:s,role:_,"data-testid":g,"data-analyticsid":A.NotificationPanel,className:y,...N},t.createElement("span",{className:e["notification-panel__icon"]},F[a==="alert"&&i&&!n?"alertLabel":a]),!f&&d&&t.createElement("span",{className:e["notification-panel__close"]},t.createElement(L,{ariaLabel:l.ariaLabelCloseBtn,onClick:C})),w()))});export{Y as default};
 //# sourceMappingURL=index.js.map