@paperless/core 2.0.1-beta.2 → 2.0.1-beta.21

package/dist/cjs/p-iban-icon.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"p-iban-icon.entry.cjs.js","mappings":";;;;;;;MAOa,QAAQ;;;;;;EAWpB,MAAM;;IACL,IAAI,OAAO,GAAW,IAAI,CAAC,OAAO,CAAC;IAEnC,IAAI,MAAA,IAAI,CAAC,IAAI,0CAAE,MAAM,EAAE;MACtB,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;KAC9C;IAED,MAAM,MAAM,GAAGA,6BAAwB,CAAC,QAAQ,CAC/C,OAA0B,CAC1B,CAAC;IAEF,QACC,MAAM,KACLC,QAACC,UAAI,IAAC,KAAK,EAAC,aAAa,IACvB,IAAI,CAAC,QAAQ,CAAC,OAA0B,CAAC,CACpC,CACP,EACA;GACF;EAEO,QAAQ,CAAC,OAAwB;IACxC,QAAQ,OAAO;MACd,KAAK,MAAM;QACV,OAAOD,iBAAK,GAAG,EAAC,kCAAkC,GAAG,CAAC;MACvD,KAAK,MAAM;QACV,OAAOA,iBAAK,GAAG,EAAC,mCAAmC,GAAG,CAAC;MACxD,KAAK,MAAM;QACV,OAAOA,iBAAK,GAAG,EAAC,kCAAkC,GAAG,CAAC;MACvD,KAAK,MAAM;QACV,OAAOA,iBAAK,GAAG,EAAC,mCAAmC,GAAG,CAAC;MACxD,KAAK,MAAM;QACV,OAAOA,iBAAK,GAAG,EAAC,kCAAkC,GAAG,CAAC;MACvD,KAAK,MAAM;QACV,OAAOA,iBAAK,GAAG,EAAC,sCAAsC,GAAG,CAAC;MAC3D,KAAK,MAAM;QACV,OAAOA,iBAAK,GAAG,EAAC,mCAAmC,GAAG,CAAC;MACxD,KAAK,MAAM;QACV,OAAOA,iBAAK,GAAG,EAAC,kCAAkC,GAAG,CAAC;KACvD;GACD;;;;;","names":["IBAN_ICON_VARIANTS_ARRAY","h","Host"],"sources":["src/components/atoms/iban-icon/iban-icon.component.tsx"],"sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\nimport { IBAN_ICON_VARIANTS_ARRAY, IbanIconVariant } from '../../../types';\n\n@Component({\n\ttag: 'p-iban-icon',\n\tshadow: true,\n})\nexport class IbanIcon {\n\t/**\n\t * The iban you want to get an icon for\n\t */\n\t@Prop({ reflect: true }) iban: string;\n\n\t/**\n\t * The variant of the icon you want toshow\n\t */\n\t@Prop({ reflect: true }) variant: IbanIconVariant;\n\n\trender() {\n\t\tlet variant: string = this.variant;\n\n\t\tif (this.iban?.length) {\n\t\t\tvariant = this.iban.slice(4, 8).toLowerCase();\n\t\t}\n\n\t\tconst exists = IBAN_ICON_VARIANTS_ARRAY.includes(\n\t\t\tvariant as IbanIconVariant\n\t\t);\n\n\t\treturn (\n\t\t\texists && (\n\t\t\t\t<Host class='p-iban-icon'>\n\t\t\t\t\t{this._getIcon(variant as IbanIconVariant)}\n\t\t\t\t</Host>\n\t\t\t)\n\t\t);\n\t}\n\n\tprivate _getIcon(variant: IbanIconVariant) {\n\t\tswitch (variant) {\n\t\t\tcase 'abna':\n\t\t\t\treturn <img src='./assets/iban-icons/icon-abn.svg' />;\n\t\t\tcase 'rabo':\n\t\t\t\treturn <img src='./assets/iban-icons/icon-rabo.svg' />;\n\t\t\tcase 'ingb':\n\t\t\t\treturn <img src='./assets/iban-icons/icon-ing.svg' />;\n\t\t\tcase 'bunq':\n\t\t\t\treturn <img src='./assets/iban-icons/icon-bunq.svg' />;\n\t\t\tcase 'asnb':\n\t\t\t\treturn <img src='./assets/iban-icons/icon-asn.svg' />;\n\t\t\tcase 'trio':\n\t\t\t\treturn <img src='./assets/iban-icons/icon-triodos.svg' />;\n\t\t\tcase 'knab':\n\t\t\t\treturn <img src='./assets/iban-icons/icon-knab.svg' />;\n\t\t\tcase 'snsb':\n\t\t\t\treturn <img src='./assets/iban-icons/icon-sns.svg' />;\n\t\t}\n\t}\n}\n"],"version":3}
+{"file":"p-iban-icon.entry.cjs.js","mappings":";;;;;;;MAOa,QAAQ;;;;;;IAWpB,MAAM;QACL,IAAI,OAAO,GAAW,IAAI,CAAC,OAAO,CAAC;QAEnC,IAAI,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE;YACtB,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;SAC9C;QAED,MAAM,MAAM,GAAGA,6BAAwB,CAAC,QAAQ,CAC/C,OAA0B,CAC1B,CAAC;QAEF,QACC,MAAM,KACLC,QAACC,UAAI,qDAAC,KAAK,EAAC,aAAa,IACvB,IAAI,CAAC,QAAQ,CAAC,OAA0B,CAAC,CACpC,CACP,EACA;KACF;IAEO,QAAQ,CAAC,OAAwB;QACxC,QAAQ,OAAO;YACd,KAAK,MAAM;gBACV,OAAOD,iBAAK,GAAG,EAAC,kCAAkC,GAAG,CAAC;YACvD,KAAK,MAAM;gBACV,OAAOA,iBAAK,GAAG,EAAC,mCAAmC,GAAG,CAAC;YACxD,KAAK,MAAM;gBACV,OAAOA,iBAAK,GAAG,EAAC,kCAAkC,GAAG,CAAC;YACvD,KAAK,MAAM;gBACV,OAAOA,iBAAK,GAAG,EAAC,mCAAmC,GAAG,CAAC;YACxD,KAAK,MAAM;gBACV,OAAOA,iBAAK,GAAG,EAAC,kCAAkC,GAAG,CAAC;YACvD,KAAK,MAAM;gBACV,OAAOA,iBAAK,GAAG,EAAC,sCAAsC,GAAG,CAAC;YAC3D,KAAK,MAAM;gBACV,OAAOA,iBAAK,GAAG,EAAC,mCAAmC,GAAG,CAAC;YACxD,KAAK,MAAM;gBACV,OAAOA,iBAAK,GAAG,EAAC,kCAAkC,GAAG,CAAC;SACvD;KACD;;;;;","names":["IBAN_ICON_VARIANTS_ARRAY","h","Host"],"sources":["src/components/atoms/iban-icon/iban-icon.component.tsx"],"sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\nimport { IBAN_ICON_VARIANTS_ARRAY, IbanIconVariant } from '../../../types';\n\n@Component({\n\ttag: 'p-iban-icon',\n\tshadow: true,\n})\nexport class IbanIcon {\n\t/**\n\t * The iban you want to get an icon for\n\t */\n\t@Prop({ reflect: true }) iban: string;\n\n\t/**\n\t * The variant of the icon you want toshow\n\t */\n\t@Prop({ reflect: true }) variant: IbanIconVariant;\n\n\trender() {\n\t\tlet variant: string = this.variant;\n\n\t\tif (this.iban?.length) {\n\t\t\tvariant = this.iban.slice(4, 8).toLowerCase();\n\t\t}\n\n\t\tconst exists = IBAN_ICON_VARIANTS_ARRAY.includes(\n\t\t\tvariant as IbanIconVariant\n\t\t);\n\n\t\treturn (\n\t\t\texists && (\n\t\t\t\t<Host class='p-iban-icon'>\n\t\t\t\t\t{this._getIcon(variant as IbanIconVariant)}\n\t\t\t\t</Host>\n\t\t\t)\n\t\t);\n\t}\n\n\tprivate _getIcon(variant: IbanIconVariant) {\n\t\tswitch (variant) {\n\t\t\tcase 'abna':\n\t\t\t\treturn <img src='./assets/iban-icons/icon-abn.svg' />;\n\t\t\tcase 'rabo':\n\t\t\t\treturn <img src='./assets/iban-icons/icon-rabo.svg' />;\n\t\t\tcase 'ingb':\n\t\t\t\treturn <img src='./assets/iban-icons/icon-ing.svg' />;\n\t\t\tcase 'bunq':\n\t\t\t\treturn <img src='./assets/iban-icons/icon-bunq.svg' />;\n\t\t\tcase 'asnb':\n\t\t\t\treturn <img src='./assets/iban-icons/icon-asn.svg' />;\n\t\t\tcase 'trio':\n\t\t\t\treturn <img src='./assets/iban-icons/icon-triodos.svg' />;\n\t\t\tcase 'knab':\n\t\t\t\treturn <img src='./assets/iban-icons/icon-knab.svg' />;\n\t\t\tcase 'snsb':\n\t\t\t\treturn <img src='./assets/iban-icons/icon-sns.svg' />;\n\t\t}\n\t}\n}\n"],"version":3}

package/dist/cjs/p-icon-deprecated.cjs.entry.js

@@ -2,59 +2,60 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-02e05522.js');
-const iconsDeprecated = require('./icons-deprecated-d4fd5f3e.js');
+const index = require('./index-3f9bbc0c.js');
+const iconsDeprecated = require('./icons-deprecated-4c476f5a.js');
 
 const iconComponentCss = "*{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.-rotate-0{--tw-rotate:-0deg!important}.-rotate-0,.-rotate-135{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-135{--tw-rotate:-135deg!important}.-rotate-180{--tw-rotate:-180deg!important}.-rotate-180,.-rotate-225{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-225{--tw-rotate:-225deg!important}.-rotate-25{--tw-rotate:-25deg!important}.-rotate-25,.-rotate-270{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-270{--tw-rotate:-270deg!important}.-rotate-315{--tw-rotate:-315deg!important}.-rotate-315,.-rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-45{--tw-rotate:-45deg!important}.-rotate-90{--tw-rotate:-90deg!important}.-rotate-90,.rotate-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-0{--tw-rotate:0deg!important}.rotate-135{--tw-rotate:135deg!important}.rotate-135,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-180{--tw-rotate:180deg!important}.rotate-225{--tw-rotate:225deg!important}.rotate-225,.rotate-25{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-25{--tw-rotate:25deg!important}.rotate-270{--tw-rotate:270deg!important}.rotate-270,.rotate-315{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-315{--tw-rotate:315deg!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-90{--tw-rotate:90deg!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-x-flip,.scale-y-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.scale-y-flip{--tw-scale-y:-1!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:2rem!important;line-height:2.5rem!important}.text-4xl{font-size:2.5rem!important;line-height:3rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-xs{font-size:.75rem!important}.text-xs,.text-xxs{line-height:1rem!important}.text-xxs{font-size:.5rem!important}";
+const PIconDeprecatedStyle0 = iconComponentCss;
 
 const Icon = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.variant = undefined;
-    this.size = 'auto';
-    this.rotate = 0;
-    this.flip = 'none';
-  }
-  render() {
-    const icon = iconsDeprecated.iconsDeprecated[this.variant];
-    const styles = {
-      'p-icon flex': true,
-      'text-auto': this.size === 'auto',
-      'text-xxs': this.size === 'xxs',
-      'text-xs': this.size === 'xs',
-      'text-sm': this.size === 'sm',
-      'text-base': this.size === 'base',
-      'text-lg': this.size === 'lg',
-      'text-xl': this.size === 'xl',
-      'text-2xl': this.size === '2xl',
-      'text-3xl': this.size === '3xl',
-      'text-4xl': this.size === '4xl',
-      transform: !!this.rotate || this.flip !== 'none',
-      'scale-x-flip': this.flip === 'horizontal',
-      'scale-y-flip': this.flip === 'vertical',
-      'rotate-0': this.rotate === 0,
-      'rotate-25': this.rotate === 25,
-      'rotate-45': this.rotate === 45,
-      'rotate-90': this.rotate === 90,
-      'rotate-135': this.rotate === 135,
-      'rotate-180': this.rotate === 180,
-      'rotate-225': this.rotate === 225,
-      'rotate-270': this.rotate === 270,
-      'rotate-315': this.rotate === 315,
-      '-rotate-0': this.rotate === -0,
-      '-rotate-25': this.rotate === -25,
-      '-rotate-45': this.rotate === -45,
-      '-rotate-90': this.rotate === -90,
-      '-rotate-135': this.rotate === -135,
-      '-rotate-180': this.rotate === -180,
-      '-rotate-225': this.rotate === -225,
-      '-rotate-270': this.rotate === -270,
-      '-rotate-315': this.rotate === -315,
-    };
-    return (index.h(index.Host, { class: styles, innerHTML: icon }));
-  }
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.variant = undefined;
+        this.size = 'auto';
+        this.rotate = 0;
+        this.flip = 'none';
+    }
+    render() {
+        const icon = iconsDeprecated.iconsDeprecated[this.variant];
+        const styles = {
+            'p-icon flex': true,
+            'text-auto': this.size === 'auto',
+            'text-xxs': this.size === 'xxs',
+            'text-xs': this.size === 'xs',
+            'text-sm': this.size === 'sm',
+            'text-base': this.size === 'base',
+            'text-lg': this.size === 'lg',
+            'text-xl': this.size === 'xl',
+            'text-2xl': this.size === '2xl',
+            'text-3xl': this.size === '3xl',
+            'text-4xl': this.size === '4xl',
+            transform: !!this.rotate || this.flip !== 'none',
+            'scale-x-flip': this.flip === 'horizontal',
+            'scale-y-flip': this.flip === 'vertical',
+            'rotate-0': this.rotate === 0,
+            'rotate-25': this.rotate === 25,
+            'rotate-45': this.rotate === 45,
+            'rotate-90': this.rotate === 90,
+            'rotate-135': this.rotate === 135,
+            'rotate-180': this.rotate === 180,
+            'rotate-225': this.rotate === 225,
+            'rotate-270': this.rotate === 270,
+            'rotate-315': this.rotate === 315,
+            '-rotate-0': this.rotate === -0,
+            '-rotate-25': this.rotate === -25,
+            '-rotate-45': this.rotate === -45,
+            '-rotate-90': this.rotate === -90,
+            '-rotate-135': this.rotate === -135,
+            '-rotate-180': this.rotate === -180,
+            '-rotate-225': this.rotate === -225,
+            '-rotate-270': this.rotate === -270,
+            '-rotate-315': this.rotate === -315,
+        };
+        return (index.h(index.Host, { key: 'd277986b0f5d36dd8999eaca58e2e7740799f072', class: styles, innerHTML: icon }));
+    }
 };
-Icon.style = iconComponentCss;
+Icon.style = PIconDeprecatedStyle0;
 
 exports.p_icon_deprecated = Icon;
 

package/dist/cjs/p-icon-deprecated.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"p-icon-deprecated.entry.cjs.js","mappings":";;;;;;;AAAA,MAAM,gBAAgB,GAAG,g2HAAg2H;;MCY52H,IAAI;;;;gBASgB,MAAM;kBAKN,CAAC;gBAKD,MAAM;;EAEtC,MAAM;IACL,MAAM,IAAI,GAAGA,+BAAe,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAE3C,MAAM,MAAM,GAAG;MACd,aAAa,EAAE,IAAI;MACnB,WAAW,EAAE,IAAI,CAAC,IAAI,KAAK,MAAM;MACjC,UAAU,EAAE,IAAI,CAAC,IAAI,KAAK,KAAK;MAC/B,SAAS,EAAE,IAAI,CAAC,IAAI,KAAK,IAAI;MAC7B,SAAS,EAAE,IAAI,CAAC,IAAI,KAAK,IAAI;MAC7B,WAAW,EAAE,IAAI,CAAC,IAAI,KAAK,MAAM;MACjC,SAAS,EAAE,IAAI,CAAC,IAAI,KAAK,IAAI;MAC7B,SAAS,EAAE,IAAI,CAAC,IAAI,KAAK,IAAI;MAC7B,UAAU,EAAE,IAAI,CAAC,IAAI,KAAK,KAAK;MAC/B,UAAU,EAAE,IAAI,CAAC,IAAI,KAAK,KAAK;MAC/B,UAAU,EAAE,IAAI,CAAC,IAAI,KAAK,KAAK;MAC/B,SAAS,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM;MAChD,cAAc,EAAE,IAAI,CAAC,IAAI,KAAK,YAAY;MAC1C,cAAc,EAAE,IAAI,CAAC,IAAI,KAAK,UAAU;MACxC,UAAU,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC;MAC7B,WAAW,EAAE,IAAI,CAAC,MAAM,KAAK,EAAE;MAC/B,WAAW,EAAE,IAAI,CAAC,MAAM,KAAK,EAAE;MAC/B,WAAW,EAAE,IAAI,CAAC,MAAM,KAAK,EAAE;MAC/B,YAAY,EAAE,IAAI,CAAC,MAAM,KAAK,GAAG;MACjC,YAAY,EAAE,IAAI,CAAC,MAAM,KAAK,GAAG;MACjC,YAAY,EAAE,IAAI,CAAC,MAAM,KAAK,GAAG;MACjC,YAAY,EAAE,IAAI,CAAC,MAAM,KAAK,GAAG;MACjC,YAAY,EAAE,IAAI,CAAC,MAAM,KAAK,GAAG;MACjC,WAAW,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,CAAC;MAC/B,YAAY,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE;MACjC,YAAY,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE;MACjC,YAAY,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE;MACjC,aAAa,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,GAAG;MACnC,aAAa,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,GAAG;MACnC,aAAa,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,GAAG;MACnC,aAAa,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,GAAG;MACnC,aAAa,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,GAAG;KACnC,CAAC;IAEF,QACCC,QAACC,UAAI,IACJ,KAAK,EAAE,MAAM,EACb,SAAS,EAAE,IAAI,GACR,EACP;GACF;;;;;;","names":["iconsDeprecated","h","Host"],"sources":["src/components/atoms/icon-deprecated/icon.component.scss?tag=p-icon-deprecated","src/components/atoms/icon-deprecated/icon.component.tsx"],"sourcesContent":[":host {\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport { RotateOptions, TextSizeOptions } from '../../../types/tailwind';\nimport { iconsDeprecated } from '../../../utils/icons-deprecated';\nimport { IconFlipOptions } from '../icon/icon.component';\n\nexport type IconDeprecatedVariant = keyof typeof iconsDeprecated;\n\n@Component({\n\ttag: 'p-icon-deprecated',\n\tstyleUrl: 'icon.component.scss',\n\t// shadow: true,\n})\nexport class Icon {\n\t/**\n\t * The icon the be displayed\n\t */\n\t@Prop() variant!: IconDeprecatedVariant;\n\n\t/**\n\t * The size of the icon, using tailwind sizes\n\t */\n\t@Prop() size: TextSizeOptions = 'auto';\n\n\t/**\n\t * Wether to rotate the icon x degrees\n\t */\n\t@Prop() rotate: RotateOptions = 0;\n\n\t/**\n\t * Wether to flip the icon horizontally or vertically\n\t */\n\t@Prop() flip: IconFlipOptions = 'none';\n\n\trender() {\n\t\tconst icon = iconsDeprecated[this.variant];\n\n\t\tconst styles = {\n\t\t\t'p-icon flex': true,\n\t\t\t'text-auto': this.size === 'auto',\n\t\t\t'text-xxs': this.size === 'xxs',\n\t\t\t'text-xs': this.size === 'xs',\n\t\t\t'text-sm': this.size === 'sm',\n\t\t\t'text-base': this.size === 'base',\n\t\t\t'text-lg': this.size === 'lg',\n\t\t\t'text-xl': this.size === 'xl',\n\t\t\t'text-2xl': this.size === '2xl',\n\t\t\t'text-3xl': this.size === '3xl',\n\t\t\t'text-4xl': this.size === '4xl',\n\t\t\ttransform: !!this.rotate || this.flip !== 'none',\n\t\t\t'scale-x-flip': this.flip === 'horizontal',\n\t\t\t'scale-y-flip': this.flip === 'vertical',\n\t\t\t'rotate-0': this.rotate === 0,\n\t\t\t'rotate-25': this.rotate === 25,\n\t\t\t'rotate-45': this.rotate === 45,\n\t\t\t'rotate-90': this.rotate === 90,\n\t\t\t'rotate-135': this.rotate === 135,\n\t\t\t'rotate-180': this.rotate === 180,\n\t\t\t'rotate-225': this.rotate === 225,\n\t\t\t'rotate-270': this.rotate === 270,\n\t\t\t'rotate-315': this.rotate === 315,\n\t\t\t'-rotate-0': this.rotate === -0,\n\t\t\t'-rotate-25': this.rotate === -25,\n\t\t\t'-rotate-45': this.rotate === -45,\n\t\t\t'-rotate-90': this.rotate === -90,\n\t\t\t'-rotate-135': this.rotate === -135,\n\t\t\t'-rotate-180': this.rotate === -180,\n\t\t\t'-rotate-225': this.rotate === -225,\n\t\t\t'-rotate-270': this.rotate === -270,\n\t\t\t'-rotate-315': this.rotate === -315,\n\t\t};\n\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={styles}\n\t\t\t\tinnerHTML={icon}\n\t\t\t></Host>\n\t\t);\n\t}\n}\n"],"version":3}
+{"file":"p-icon-deprecated.entry.cjs.js","mappings":";;;;;;;AAAA,MAAM,gBAAgB,GAAG,g2HAAg2H,CAAC;AAC13H,8BAAe,gBAAgB;;MCWlB,IAAI;;;;oBASgB,MAAM;sBAKN,CAAC;oBAKD,MAAM;;IAEtC,MAAM;QACL,MAAM,IAAI,GAAGA,+BAAe,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAE3C,MAAM,MAAM,GAAG;YACd,aAAa,EAAE,IAAI;YACnB,WAAW,EAAE,IAAI,CAAC,IAAI,KAAK,MAAM;YACjC,UAAU,EAAE,IAAI,CAAC,IAAI,KAAK,KAAK;YAC/B,SAAS,EAAE,IAAI,CAAC,IAAI,KAAK,IAAI;YAC7B,SAAS,EAAE,IAAI,CAAC,IAAI,KAAK,IAAI;YAC7B,WAAW,EAAE,IAAI,CAAC,IAAI,KAAK,MAAM;YACjC,SAAS,EAAE,IAAI,CAAC,IAAI,KAAK,IAAI;YAC7B,SAAS,EAAE,IAAI,CAAC,IAAI,KAAK,IAAI;YAC7B,UAAU,EAAE,IAAI,CAAC,IAAI,KAAK,KAAK;YAC/B,UAAU,EAAE,IAAI,CAAC,IAAI,KAAK,KAAK;YAC/B,UAAU,EAAE,IAAI,CAAC,IAAI,KAAK,KAAK;YAC/B,SAAS,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM;YAChD,cAAc,EAAE,IAAI,CAAC,IAAI,KAAK,YAAY;YAC1C,cAAc,EAAE,IAAI,CAAC,IAAI,KAAK,UAAU;YACxC,UAAU,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC;YAC7B,WAAW,EAAE,IAAI,CAAC,MAAM,KAAK,EAAE;YAC/B,WAAW,EAAE,IAAI,CAAC,MAAM,KAAK,EAAE;YAC/B,WAAW,EAAE,IAAI,CAAC,MAAM,KAAK,EAAE;YAC/B,YAAY,EAAE,IAAI,CAAC,MAAM,KAAK,GAAG;YACjC,YAAY,EAAE,IAAI,CAAC,MAAM,KAAK,GAAG;YACjC,YAAY,EAAE,IAAI,CAAC,MAAM,KAAK,GAAG;YACjC,YAAY,EAAE,IAAI,CAAC,MAAM,KAAK,GAAG;YACjC,YAAY,EAAE,IAAI,CAAC,MAAM,KAAK,GAAG;YACjC,WAAW,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,CAAC;YAC/B,YAAY,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE;YACjC,YAAY,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE;YACjC,YAAY,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE;YACjC,aAAa,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,GAAG;YACnC,aAAa,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,GAAG;YACnC,aAAa,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,GAAG;YACnC,aAAa,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,GAAG;YACnC,aAAa,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,GAAG;SACnC,CAAC;QAEF,QACCC,QAACC,UAAI,qDACJ,KAAK,EAAE,MAAM,EACb,SAAS,EAAE,IAAI,GACR,EACP;KACF;;;;;;","names":["iconsDeprecated","h","Host"],"sources":["src/components/atoms/icon-deprecated/icon.component.scss?tag=p-icon-deprecated","src/components/atoms/icon-deprecated/icon.component.tsx"],"sourcesContent":[":host {\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport { RotateOptions, TextSizeOptions } from '../../../types/tailwind';\nimport { iconsDeprecated } from '../../../utils/icons-deprecated';\nimport { IconFlipOptions } from '../icon/icon.component';\n\nexport type IconDeprecatedVariant = keyof typeof iconsDeprecated;\n\n@Component({\n\ttag: 'p-icon-deprecated',\n\tstyleUrl: 'icon.component.scss',\n\t// shadow: true,\n})\nexport class Icon {\n\t/**\n\t * The icon the be displayed\n\t */\n\t@Prop() variant!: IconDeprecatedVariant;\n\n\t/**\n\t * The size of the icon, using tailwind sizes\n\t */\n\t@Prop() size: TextSizeOptions = 'auto';\n\n\t/**\n\t * Wether to rotate the icon x degrees\n\t */\n\t@Prop() rotate: RotateOptions = 0;\n\n\t/**\n\t * Wether to flip the icon horizontally or vertically\n\t */\n\t@Prop() flip: IconFlipOptions = 'none';\n\n\trender() {\n\t\tconst icon = iconsDeprecated[this.variant];\n\n\t\tconst styles = {\n\t\t\t'p-icon flex': true,\n\t\t\t'text-auto': this.size === 'auto',\n\t\t\t'text-xxs': this.size === 'xxs',\n\t\t\t'text-xs': this.size === 'xs',\n\t\t\t'text-sm': this.size === 'sm',\n\t\t\t'text-base': this.size === 'base',\n\t\t\t'text-lg': this.size === 'lg',\n\t\t\t'text-xl': this.size === 'xl',\n\t\t\t'text-2xl': this.size === '2xl',\n\t\t\t'text-3xl': this.size === '3xl',\n\t\t\t'text-4xl': this.size === '4xl',\n\t\t\ttransform: !!this.rotate || this.flip !== 'none',\n\t\t\t'scale-x-flip': this.flip === 'horizontal',\n\t\t\t'scale-y-flip': this.flip === 'vertical',\n\t\t\t'rotate-0': this.rotate === 0,\n\t\t\t'rotate-25': this.rotate === 25,\n\t\t\t'rotate-45': this.rotate === 45,\n\t\t\t'rotate-90': this.rotate === 90,\n\t\t\t'rotate-135': this.rotate === 135,\n\t\t\t'rotate-180': this.rotate === 180,\n\t\t\t'rotate-225': this.rotate === 225,\n\t\t\t'rotate-270': this.rotate === 270,\n\t\t\t'rotate-315': this.rotate === 315,\n\t\t\t'-rotate-0': this.rotate === -0,\n\t\t\t'-rotate-25': this.rotate === -25,\n\t\t\t'-rotate-45': this.rotate === -45,\n\t\t\t'-rotate-90': this.rotate === -90,\n\t\t\t'-rotate-135': this.rotate === -135,\n\t\t\t'-rotate-180': this.rotate === -180,\n\t\t\t'-rotate-225': this.rotate === -225,\n\t\t\t'-rotate-270': this.rotate === -270,\n\t\t\t'-rotate-315': this.rotate === -315,\n\t\t};\n\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={styles}\n\t\t\t\tinnerHTML={icon}\n\t\t\t></Host>\n\t\t);\n\t}\n}\n"],"version":3}

package/dist/cjs/p-info-panel.cjs.entry.js

@@ -2,29 +2,34 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-02e05522.js');
+const index = require('./index-3f9bbc0c.js');
 
 const infoPanelComponentCss = ".absolute{position:absolute!important}.relative{position:relative!important}.right-2{right:.5rem!important}.top-2{top:.5rem!important}.flex{display:flex!important}.w-full{width:100%!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.whitespace-pre-line{white-space:pre-line!important}.rounded-lg{border-radius:.5rem!important}.bg-indigo-light{--tw-bg-opacity:1!important;background-color:rgb(241 246 255/var(--tw-bg-opacity,1))!important}.font-semibold{font-weight:600!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity,1));border-radius:.5rem;display:flex;flex-direction:column;padding:1rem;position:relative;width:100%}:host .header{--tw-text-opacity:1;color:rgb(39 40 56/var(--tw-text-opacity,1));font-weight:600}:host .content{font-size:.875rem;line-height:1.25rem;white-space:pre-line}:host .close{--tw-text-opacity:1;color:rgb(152 154 183/var(--tw-text-opacity,1));cursor:pointer;position:absolute;right:.5rem;top:.5rem}:host(.variant-positive){--tw-bg-opacity:1;background-color:rgb(229 255 242/var(--tw-bg-opacity,1))}:host(.variant-unbiased){--tw-bg-opacity:1;background-color:rgb(255 246 220/var(--tw-bg-opacity,1))}:host(.variant-negative){--tw-bg-opacity:1;background-color:rgb(255 204 211/var(--tw-bg-opacity,1))}:host(.has-close){padding-right:2rem}.static{position:static!important}";
+const PInfoPanelStyle0 = infoPanelComponentCss;
 
 const InfoPanel = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.closed = index.createEvent(this, "closed", 3);
-    this.variant = 'info';
-    this.header = undefined;
-    this.content = undefined;
-    this.closeable = false;
-  }
-  render() {
-    return (index.h(index.Host, { class: `p-info-panel variant-${this.variant} ${this.closeable && 'has-close'}` }, index.h("div", { class: 'header' }, index.h("slot", { name: 'header' })), index.h("div", { class: 'content' }, index.h("slot", { name: 'content' })), this.closeable && (index.h("div", { class: 'close', onClick: () => this._close() }, index.h("p-icon", { variant: 'negative' })))));
-  }
-  _close() {
-    this.closed.emit();
-    this._el.remove();
-  }
-  get _el() { return index.getElement(this); }
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.closed = index.createEvent(this, "closed", 3);
+        this.variant = 'info';
+        this.header = undefined;
+        this.content = undefined;
+        this.closeable = false;
+    }
+    /**
+     * When the backdrop is clicked
+     */
+    closed;
+    get _el() { return index.getElement(this); }
+    render() {
+        return (index.h(index.Host, { key: '06e687cc27ed5e2711653bf3bbb144736d240cec', class: `p-info-panel variant-${this.variant} ${this.closeable && 'has-close'}` }, index.h("div", { key: 'e9f32e052c6d2afb81afb895815dcbbaaf1837cd', class: 'header' }, index.h("slot", { key: '005d9db44eb1b6792a16276e17307a0f803b7721', name: 'header' })), index.h("div", { key: '8ac2a1aa5250c1b6a07d85ee387a3967a9cd9b14', class: 'content' }, index.h("slot", { key: '5dbc41b6f56815b5c1d0997b52880a580ab1d054', name: 'content' })), this.closeable && (index.h("div", { key: 'fe63a4dbe2ca2ad4effad83fd7aceb96b1c2eb46', class: 'close', onClick: () => this._close() }, index.h("p-icon", { key: 'd248d67e00e7189a643f49120df2de57dd57ad16', variant: 'negative' })))));
+    }
+    _close() {
+        this.closed.emit();
+        this._el.remove();
+    }
 };
-InfoPanel.style = infoPanelComponentCss;
+InfoPanel.style = PInfoPanelStyle0;
 
 exports.p_info_panel = InfoPanel;
 

package/dist/cjs/p-info-panel.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"p-info-panel.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,qBAAqB,GAAG,03CAA03C;;MCe34C,SAAS;;;;mBAI4C,MAAM;;;qBAe1C,KAAK;;EAelC,MAAM;IACL,QACCA,QAACC,UAAI,IACJ,KAAK,EAAE,wBAAwB,IAAI,CAAC,OAAO,IAC1C,IAAI,CAAC,SAAS,IAAI,WACnB,EAAE,IAEFD,iBAAK,KAAK,EAAC,QAAQ,IAClBA,kBAAM,IAAI,EAAC,QAAQ,GAAG,CACjB,EACNA,iBAAK,KAAK,EAAC,SAAS,IACnBA,kBAAM,IAAI,EAAC,SAAS,GAAG,CAClB,EAEL,IAAI,CAAC,SAAS,KACdA,iBACC,KAAK,EAAC,OAAO,EACb,OAAO,EAAE,MAAM,IAAI,CAAC,MAAM,EAAE,IAE5BA,oBAAQ,OAAO,EAAC,UAAU,GAAG,CACxB,CACN,CACK,EACN;GACF;EAEO,MAAM;IACb,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;IACnB,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC;GAClB;;;;;;;","names":["h","Host"],"sources":["src/components/atoms/info-panel/info-panel.component.scss?tag=p-info-panel&encapsulation=shadow","src/components/atoms/info-panel/info-panel.component.tsx"],"sourcesContent":[":host {\n\t@apply relative flex w-full flex-col rounded-lg bg-indigo-light p-4;\n\n\t.header {\n\t\t@apply font-semibold text-storm-dark;\n\t}\n\n\t.content {\n\t\t@apply whitespace-pre-line text-sm;\n\t}\n\n\t.close {\n\t\t@apply absolute right-2 top-2 cursor-pointer text-storm-vague;\n\t}\n}\n\n:host(.variant-positive) {\n\t@apply bg-positive-light;\n}\n\n:host(.variant-unbiased) {\n\t@apply bg-unbiased-light;\n}\n\n:host(.variant-negative) {\n\t@apply bg-negative-light;\n}\n\n:host(.has-close) {\n\t@apply pr-8;\n}\n","import {\n\tComponent,\n\tElement,\n\th,\n\tHost,\n\tProp,\n\tEvent,\n\tEventEmitter,\n} from '@stencil/core';\n\n@Component({\n\ttag: 'p-info-panel',\n\tstyleUrl: 'info-panel.component.scss',\n\tshadow: true,\n})\nexport class InfoPanel {\n\t/**\n\t * The variant of the info panel\n\t */\n\t@Prop() variant: 'info' | 'negative' | 'positive' | 'unbiased' = 'info';\n\n\t/**\n\t * The header of the info panel\n\t */\n\t@Prop() header: string;\n\n\t/**\n\t * The content of the info panel\n\t */\n\t@Prop() content: string;\n\n\t/**\n\t * Wether the panel can be closed\n\t */\n\t@Prop() closeable: boolean = false;\n\n\t/**\n\t * When the backdrop is clicked\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclosed: EventEmitter<void>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={`p-info-panel variant-${this.variant} ${\n\t\t\t\t\tthis.closeable && 'has-close'\n\t\t\t\t}`}\n\t\t\t>\n\t\t\t\t<div class='header'>\n\t\t\t\t\t<slot name='header' />\n\t\t\t\t</div>\n\t\t\t\t<div class='content'>\n\t\t\t\t\t<slot name='content' />\n\t\t\t\t</div>\n\n\t\t\t\t{this.closeable && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass='close'\n\t\t\t\t\t\tonClick={() => this._close()}\n\t\t\t\t\t>\n\t\t\t\t\t\t<p-icon variant='negative' />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _close() {\n\t\tthis.closed.emit();\n\t\tthis._el.remove();\n\t}\n}\n"],"version":3}
+{"file":"p-info-panel.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,qBAAqB,GAAG,03CAA03C,CAAC;AACz5C,yBAAe,qBAAqB;;MCcvB,SAAS;;;;uBAI4C,MAAM;;;yBAe1C,KAAK;;;;;IAQlC,MAAM,CAAqB;;IAO3B,MAAM;QACL,QACCA,QAACC,UAAI,qDACJ,KAAK,EAAE,wBAAwB,IAAI,CAAC,OAAO,IAC1C,IAAI,CAAC,SAAS,IAAI,WACnB,EAAE,IAEFD,kEAAK,KAAK,EAAC,QAAQ,IAClBA,mEAAM,IAAI,EAAC,QAAQ,GAAG,CACjB,EACNA,kEAAK,KAAK,EAAC,SAAS,IACnBA,mEAAM,IAAI,EAAC,SAAS,GAAG,CAClB,EAEL,IAAI,CAAC,SAAS,KACdA,kEACC,KAAK,EAAC,OAAO,EACb,OAAO,EAAE,MAAM,IAAI,CAAC,MAAM,EAAE,IAE5BA,qEAAQ,OAAO,EAAC,UAAU,GAAG,CACxB,CACN,CACK,EACN;KACF;IAEO,MAAM;QACb,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;QACnB,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC;KAClB;;;;;;","names":["h","Host"],"sources":["src/components/atoms/info-panel/info-panel.component.scss?tag=p-info-panel&encapsulation=shadow","src/components/atoms/info-panel/info-panel.component.tsx"],"sourcesContent":[":host {\n\t@apply relative flex w-full flex-col rounded-lg bg-indigo-light p-4;\n\n\t.header {\n\t\t@apply font-semibold text-storm-dark;\n\t}\n\n\t.content {\n\t\t@apply whitespace-pre-line text-sm;\n\t}\n\n\t.close {\n\t\t@apply absolute right-2 top-2 cursor-pointer text-storm-vague;\n\t}\n}\n\n:host(.variant-positive) {\n\t@apply bg-positive-light;\n}\n\n:host(.variant-unbiased) {\n\t@apply bg-unbiased-light;\n}\n\n:host(.variant-negative) {\n\t@apply bg-negative-light;\n}\n\n:host(.has-close) {\n\t@apply pr-8;\n}\n","import {\n\tComponent,\n\tElement,\n\th,\n\tHost,\n\tProp,\n\tEvent,\n\tEventEmitter,\n} from '@stencil/core';\n\n@Component({\n\ttag: 'p-info-panel',\n\tstyleUrl: 'info-panel.component.scss',\n\tshadow: true,\n})\nexport class InfoPanel {\n\t/**\n\t * The variant of the info panel\n\t */\n\t@Prop() variant: 'info' | 'negative' | 'positive' | 'unbiased' = 'info';\n\n\t/**\n\t * The header of the info panel\n\t */\n\t@Prop() header: string;\n\n\t/**\n\t * The content of the info panel\n\t */\n\t@Prop() content: string;\n\n\t/**\n\t * Wether the panel can be closed\n\t */\n\t@Prop() closeable: boolean = false;\n\n\t/**\n\t * When the backdrop is clicked\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclosed: EventEmitter<void>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={`p-info-panel variant-${this.variant} ${\n\t\t\t\t\tthis.closeable && 'has-close'\n\t\t\t\t}`}\n\t\t\t>\n\t\t\t\t<div class='header'>\n\t\t\t\t\t<slot name='header' />\n\t\t\t\t</div>\n\t\t\t\t<div class='content'>\n\t\t\t\t\t<slot name='content' />\n\t\t\t\t</div>\n\n\t\t\t\t{this.closeable && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass='close'\n\t\t\t\t\t\tonClick={() => this._close()}\n\t\t\t\t\t>\n\t\t\t\t\t\t<p-icon variant='negative' />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _close() {\n\t\tthis.closed.emit();\n\t\tthis._el.remove();\n\t}\n}\n"],"version":3}

package/dist/cjs/p-input-error.cjs.entry.js

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-3f9bbc0c.js');
+
+const InputError = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.error = undefined;
+        this.forceShowTooltip = false;
+        this._showTooltip = false;
+    }
+    render() {
+        return (index.h(index.Host, { key: 'a5254a196be0c13c5f19f9db20eb14a606583fee', class: 'p-input-error' }, index.h("p-tooltip", { key: 'de2160ad2666b3478aa67fc94ac0d662c25e188c', variant: 'error', content: this.error, show: this.forceShowTooltip, onIsOpen: ev => (this._showTooltip = ev.detail) }, index.h("p-icon", { key: 'ec0c8e2591ae2933997fe2890e03852e7ae4f0c5', class: `${this._showTooltip ? 'text-negative' : 'text-negative-light'} hover:text-negative`, slot: 'trigger', variant: 'question-circle' }))));
+    }
+};
+
+exports.p_input_error = InputError;
+
+//# sourceMappingURL=p-input-error.cjs.entry.js.map

package/dist/cjs/p-input-error.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"p-input-error.entry.cjs.js","mappings":";;;;;;MAMa,UAAU;;;;gCASK,KAAK;4BAEA,KAAK;;IAErC,MAAM;QACL,QACCA,QAACC,UAAI,qDAAC,KAAK,EAAC,eAAe,IAC1BD,wEACC,OAAO,EAAC,OAAO,EACf,OAAO,EAAE,IAAI,CAAC,KAAK,EACnB,IAAI,EAAE,IAAI,CAAC,gBAAgB,EAC3B,QAAQ,EAAE,EAAE,KAAK,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC,MAAM,CAAC,IAE/CA,qEACC,KAAK,EAAE,GACN,IAAI,CAAC,YAAY,GAAG,eAAe,GAAG,qBACvC,sBAAsB,EACtB,IAAI,EAAC,SAAS,EACd,OAAO,EAAC,iBAAiB,GACxB,CACS,CACN,EACN;KACF;;;;;","names":["h","Host"],"sources":["src/components/molecules/input-error/input-error.component.tsx"],"sourcesContent":["import { Component, h, Host, Prop, State } from '@stencil/core';\n\n@Component({\n\ttag: 'p-input-error',\n\tshadow: true,\n})\nexport class InputError {\n\t/**\n\t * The error to show\n\t */\n\t@Prop() error: string;\n\n\t/**\n\t * Wether to force show the tooltip\n\t */\n\t@Prop() forceShowTooltip = false;\n\n\t@State() private _showTooltip = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-input-error'>\n\t\t\t\t<p-tooltip\n\t\t\t\t\tvariant='error'\n\t\t\t\t\tcontent={this.error}\n\t\t\t\t\tshow={this.forceShowTooltip}\n\t\t\t\t\tonIsOpen={ev => (this._showTooltip = ev.detail)}\n\t\t\t\t>\n\t\t\t\t\t<p-icon\n\t\t\t\t\t\tclass={`${\n\t\t\t\t\t\t\tthis._showTooltip ? 'text-negative' : 'text-negative-light'\n\t\t\t\t\t\t} hover:text-negative`}\n\t\t\t\t\t\tslot='trigger'\n\t\t\t\t\t\tvariant='question-circle'\n\t\t\t\t\t/>\n\t\t\t\t</p-tooltip>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}

package/dist/cjs/p-label_3.cjs.entry.js

@@ -2,69 +2,72 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-02e05522.js');
+const index = require('./index-3f9bbc0c.js');
 
 const labelComponentCss = ".block{display:block!important}.flex{display:flex!important}.hidden{display:none!important}.h-4{height:1rem!important}.h-\\[0\\.625rem\\]{height:.625rem!important}.h-\\[1\\.625rem\\]{height:1.625rem!important}.w-\\[0\\.625rem\\]{width:.625rem!important}.w-\\[1\\.625rem\\]{width:1.625rem!important}.min-w-\\[1rem\\]{min-width:1rem!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.rounded{border-radius:.25rem!important}.px-0{padding-left:0!important;padding-right:0!important}.px-1{padding-left:.25rem!important;padding-right:.25rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.py-\\[1px\\]{padding-bottom:1px!important;padding-top:1px!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}*{box-sizing:border-box}:host{align-items:center;border-radius:.25rem;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;height:1.625rem;justify-content:center;line-height:1.25rem;padding-left:.5rem;padding-right:.5rem}@media (min-width:64rem){:host{padding-left:.75rem;padding-right:.75rem}}:host .content{align-items:center;display:none}@media (min-width:64rem){:host .content{display:flex}}:host .circle{border-radius:9999px;display:none;height:.625rem;width:.625rem}:host p-icon{display:none!important;font-size:.75rem!important;line-height:1rem!important}:host([variant=neutral]){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(247 250 252/var(--tw-bg-opacity,1));color:rgb(152 154 183/var(--tw-text-opacity,1))}:host([variant=neutral]) .circle{--tw-bg-opacity:1;background-color:rgb(152 154 183/var(--tw-bg-opacity,1))}:host([variant=special]){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity,1));color:rgb(44 75 169/var(--tw-text-opacity,1))}:host([variant=special]) .circle{--tw-bg-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))}:host([variant=info]){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(245 254 255/var(--tw-bg-opacity,1));color:rgb(30 218 227/var(--tw-text-opacity,1))}:host([variant=info]) .circle{--tw-bg-opacity:1;background-color:rgb(30 218 227/var(--tw-bg-opacity,1))}:host([variant=positive]){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(229 255 242/var(--tw-bg-opacity,1));color:rgb(40 209 124/var(--tw-text-opacity,1))}:host([variant=positive]) .circle{--tw-bg-opacity:1;background-color:rgb(40 209 124/var(--tw-bg-opacity,1))}:host([variant=unbiased]){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 246 220/var(--tw-bg-opacity,1));color:rgb(255 199 45/var(--tw-text-opacity,1))}:host([variant=unbiased]) .circle{--tw-bg-opacity:1;background-color:rgb(255 199 45/var(--tw-bg-opacity,1))}:host([variant=negative]){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 204 211/var(--tw-bg-opacity,1));color:rgb(185 30 40/var(--tw-text-opacity,1))}:host([variant=negative]) .circle{--tw-bg-opacity:1;background-color:rgb(185 30 40/var(--tw-bg-opacity,1))}:host([size=small]){font-size:.75rem;height:1rem;justify-content:center;line-height:.75rem;min-width:1rem;padding:1px .25rem}:host([behavior=circle]) .circle{display:block}@media (min-width:64rem){:host([behavior=circle]) .circle{display:block}}:host([behavior=icon]) p-icon{display:flex!important}@media (min-width:64rem){:host([behavior=icon]) p-icon{display:flex!important}}:host([behavior=text]) p-icon{display:none!important}@media (min-width:64rem){:host([behavior=text]) p-icon{display:none!important}}:host([behavior=text]) .circle{display:none}@media (min-width:64rem){:host([behavior=text]) .circle{display:none}}:host([behavior=text]) .content{display:flex}@media (min-width:64rem){:host([behavior=text]) .content{display:flex}}:host([behavior=combination]){padding-left:0;padding-right:0;width:1.625rem}@media (min-width:64rem){:host([behavior=combination]){padding-left:.75rem;padding-right:.75rem;width:auto}}:host([behavior=combination]) .circle{display:none}@media (min-width:64rem){:host([behavior=combination]) .circle{display:block}}:host([behavior=combination]) p-icon{display:flex!important}@media (min-width:64rem){:host([behavior=combination]) p-icon{display:none!important}}:host([behavior=icon-only]){padding-left:0;padding-right:0;width:1.625rem}@media (min-width:64rem){:host([behavior=icon-only]){padding-left:0;padding-right:0}}:host([behavior=icon-only]) .content{display:none}@media (min-width:64rem){:host([behavior=icon-only]) .content{display:none}}:host([behavior=icon-only]) p-icon{display:flex!important}@media (min-width:64rem){:host([behavior=icon-only]) p-icon{display:flex!important}}:host([behavior=icon-only][size=small]){height:1rem;width:1rem}:host([keep-mobile-content=true]) .content,:host([keep-mobile-content]) .content{display:flex}@media (min-width:64rem){:host([keep-mobile-content=true]) .content,:host([keep-mobile-content]) .content{display:flex}.desktop-xs\\:block{display:block!important}.desktop-xs\\:flex{display:flex!important}.desktop-xs\\:hidden{display:none!important}}.static{position:static!important}";
+const PLabelStyle0 = labelComponentCss;
 
 const Label = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.variant = 'neutral';
-    this.behavior = 'circle';
-    this.iconPosition = 'start';
-    this.icon = undefined;
-    this.iconFlip = undefined;
-    this.iconRotate = undefined;
-    this.size = 'default';
-    this.keepMobileContent = false;
-  }
-  render() {
-    return (index.h(index.Host, { class: "p-label" }, this.icon && this.iconPosition === 'start' && (index.h("p-icon", { variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), (this.behavior === 'circle' ||
-      this.behavior === 'combination') && (index.h("div", { class: "circle" })), index.h("div", { class: "content" }, index.h("slot", null)), this.icon && this.iconPosition === 'end' && (index.h("p-icon", { variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate }))));
-  }
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.variant = 'neutral';
+        this.behavior = 'circle';
+        this.iconPosition = 'start';
+        this.icon = undefined;
+        this.iconFlip = undefined;
+        this.iconRotate = undefined;
+        this.size = 'default';
+        this.keepMobileContent = false;
+    }
+    render() {
+        return (index.h(index.Host, { key: '8ba10d3dc16336fa12a22be608713816e04c3aa0', class: "p-label" }, this.icon && this.iconPosition === 'start' && (index.h("p-icon", { key: '34f7daa79756f34cb957d9cfb1bb6f0e71ff5dc7', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), (this.behavior === 'circle' ||
+            this.behavior === 'combination') && (index.h("div", { key: 'daf1ac4d3f85cbc542db3ff74de2901254b4758a', class: "circle" })), index.h("div", { key: 'f8481d947f4e51bd94c63179707816ca8e2b5696', class: "content" }, index.h("slot", { key: '81bf0d5bff0879b811d66234f3dfe6e03ce3b13f' })), this.icon && this.iconPosition === 'end' && (index.h("p-icon", { key: '46ebacc526e2f28a4b1a4c6df09bfaf18bd490be', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate }))));
+    }
 };
-Label.style = labelComponentCss;
+Label.style = PLabelStyle0;
 
 const segmentContainerComponentCss = ".flex{display:flex!important}.items-center{align-items:center!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}*{box-sizing:border-box}p-segment-container{--tw-bg-opacity:1;--tw-border-opacity:1;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-color:rgb(218 230 240/var(--tw-border-opacity,1));border-radius:.5rem;border-style:solid;border-width:1px;display:flex;gap:.25rem;padding:.25rem}.static{position:static!important}";
+const PSegmentContainerStyle0 = segmentContainerComponentCss;
 
 const SegmentContainer = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  render() {
-    return (index.h(index.Host, { class: "p-segment-container" }, index.h("slot", null)));
-  }
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    render() {
+        return (index.h(index.Host, { key: 'c8554666934a49559cb5b8a31e6d448d41445c10', class: "p-segment-container" }, index.h("slot", { key: 'a99446441d550c8d87e0e40a6b8cd576d4be8ba3' })));
+    }
 };
-SegmentContainer.style = segmentContainerComponentCss;
+SegmentContainer.style = PSegmentContainerStyle0;
 
 const segmentItemComponentCss = ".-mt-2{margin-top:-.5rem!important}.flex{display:flex!important}.h-6{height:1.5rem!important}.h-auto{height:auto!important}.w-6{width:1.5rem!important}.max-w-\\[9rem\\]{max-width:9rem!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.whitespace-normal{white-space:normal!important}.whitespace-nowrap{white-space:nowrap!important}.rounded-lg{border-radius:.5rem!important}.bg-indigo-light{--tw-bg-opacity:1!important;background-color:rgb(241 246 255/var(--tw-bg-opacity,1))!important}.p-4{padding:1rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-normal{font-weight:400!important}.font-semibold{font-weight:600!important}*{box-sizing:border-box}:host{--tw-text-opacity:1;align-items:center;border-radius:.5rem;color:rgb(81 83 107/var(--tw-text-opacity,1));cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;height:1.5rem;line-height:1.25rem;padding-left:.5rem;padding-right:.5rem;white-space:nowrap}:host([size=big]){flex-direction:column;height:auto;max-width:9rem;padding:1rem;text-align:center;white-space:normal}:host([size=big]) .description{--tw-text-opacity:1;color:rgb(128 130 158/var(--tw-text-opacity,1));font-size:.75rem;font-weight:400;line-height:1rem;margin-top:-.5rem}:host(.variant-icon){justify-content:center;padding-left:0;padding-right:0;width:1.5rem}:host(:hover){--tw-bg-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity,1))}:host(.active){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity,1));color:rgb(82 138 250/var(--tw-text-opacity,1))}:host(.active) .description{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity,1))}.static{position:static!important}";
+const PSegmentItemStyle0 = segmentItemComponentCss;
 
 const SegmentItem = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this._hasDescriptionSlot = false;
-    this.active = false;
-    this.iconOnly = false;
-    this.size = 'small';
-    this.icon = undefined;
-    this.iconFlip = undefined;
-    this.iconRotate = undefined;
-  }
-  componentWillLoad() {
-    this._hasDescriptionSlot = !!this._el.querySelector(':scope > [slot="description"]');
-  }
-  render() {
-    return (index.h(index.Host, { class: `p-segment-item variant-${this.iconOnly ? 'icon' : 'default'} ${this.active && 'active'}` }, this.icon && this._getIcon(), index.h("slot", null), this.size === 'big' && this._hasDescriptionSlot && (index.h("span", { class: "description" }, index.h("slot", { name: "description" })))));
-  }
-  _getIcon() {
-    if (!this.icon) {
-      return;
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.active = false;
+        this.iconOnly = false;
+        this.size = 'small';
+        this.icon = undefined;
+        this.iconFlip = undefined;
+        this.iconRotate = undefined;
+    }
+    get _el() { return index.getElement(this); }
+    _hasDescriptionSlot = false;
+    componentWillLoad() {
+        this._hasDescriptionSlot = !!this._el.querySelector(':scope > [slot="description"]');
+    }
+    render() {
+        return (index.h(index.Host, { key: '0231e33d62667c6f6baf39907c52f1d05483b777', class: `p-segment-item variant-${this.iconOnly ? 'icon' : 'default'} ${this.active && 'active'}` }, this.icon && this._getIcon(), index.h("slot", { key: 'b150ba986fdaef2a98661a48796bf43ff77e8c24' }), this.size === 'big' && this._hasDescriptionSlot && (index.h("span", { key: '78017b51faf3a96f8fc8b8d59fc9a62bec694afd', class: "description" }, index.h("slot", { key: '6d36db486c92e1324260ba88e91fe6d5c709798a', name: "description" })))));
+    }
+    _getIcon() {
+        if (!this.icon) {
+            return;
+        }
+        return (index.h("p-icon", { class: "flex", variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate }));
     }
-    return (index.h("p-icon", { class: "flex", variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate }));
-  }
-  get _el() { return index.getElement(this); }
 };
-SegmentItem.style = segmentItemComponentCss;
+SegmentItem.style = PSegmentItemStyle0;
 
 exports.p_label = Label;
 exports.p_segment_container = SegmentContainer;

package/dist/cjs/p-label_3.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"p-label.p-segment-container.p-segment-item.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,iBAAiB,GAAG,6iKAA6iK;;MCS1jK,KAAK;;;mBAUL,SAAS;oBAUJ,QAAQ;wBAKe,OAAO;;;;gBAoBM,SAAS;6BAKR,KAAK;;EAE3D,MAAM;IACL,QACCA,QAACC,UAAI,IAAC,KAAK,EAAC,SAAS,IACnB,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,YAAY,KAAK,OAAO,KAC1CD,oBACC,OAAO,EAAE,IAAI,CAAC,IAAI,EAClB,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,MAAM,EAAE,IAAI,CAAC,UAAU,GACtB,CACF,EACA,CAAC,IAAI,CAAC,QAAQ,KAAK,QAAQ;MAC3B,IAAI,CAAC,QAAQ,KAAK,aAAa,MAC/BA,iBAAK,KAAK,EAAC,QAAQ,GAAO,CAC1B,EACDA,iBAAK,KAAK,EAAC,SAAS,IACnBA,qBAAQ,CACH,EACL,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,YAAY,KAAK,KAAK,KACxCA,oBACC,OAAO,EAAE,IAAI,CAAC,IAAI,EAClB,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,MAAM,EAAE,IAAI,CAAC,UAAU,GACtB,CACF,CACK,EACN;GACF;;;;ACvFF,MAAM,4BAA4B,GAAG,2lBAA2lB;;MCMnnB,gBAAgB;;;;EAC5B,MAAM;IACL,QACCA,QAACC,UAAI,IAAC,KAAK,EAAC,qBAAqB,IAChCD,qBAAQ,CACF,EACN;GACF;;;;ACbF,MAAM,uBAAuB,GAAG,m2DAAm2D;;MCSt3D,WAAW;;;IAoCf,wBAAmB,GAAG,KAAK,CAAC;kBAhCV,KAAK;oBAKH,KAAK;gBAKgB,OAAO;;;;;EAwBxD,iBAAiB;IAChB,IAAI,CAAC,mBAAmB,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CAClD,+BAA+B,CAC/B,CAAC;GACF;EAED,MAAM;IACL,QACCA,QAACC,UAAI,IACJ,KAAK,EAAE,0BACN,IAAI,CAAC,QAAQ,GAAG,MAAM,GAAG,SAC1B,IAAI,IAAI,CAAC,MAAM,IAAI,QAAQ,EAAE,IAE5B,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,QAAQ,EAAE,EAC7BD,qBAAQ,EACP,IAAI,CAAC,IAAI,KAAK,KAAK,IAAI,IAAI,CAAC,mBAAmB,KAC/CA,kBAAM,KAAK,EAAC,aAAa,IACxBA,kBAAM,IAAI,EAAC,aAAa,GAAG,CACrB,CACP,CACK,EACN;GACF;EAEO,QAAQ;IACf,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;MACf,OAAO;KACP;IAED,QACCA,oBACC,KAAK,EAAC,MAAM,EACZ,OAAO,EAAE,IAAI,CAAC,IAAI,EAClB,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,MAAM,EAAE,IAAI,CAAC,UAAU,GACtB,EACD;GACF;;;;;;;;;","names":["h","Host"],"sources":["src/components/atoms/label/label.component.scss?tag=p-label&encapsulation=shadow","src/components/atoms/label/label.component.tsx","src/components/atoms/segment-container/segment-container.component.scss?tag=p-segment-container","src/components/atoms/segment-container/segment-container.component.tsx","src/components/atoms/segment-item/segment-item.component.scss?tag=p-segment-item&encapsulation=shadow","src/components/atoms/segment-item/segment-item.component.tsx"],"sourcesContent":[":host {\n\t@apply flex items-center justify-center gap-2 rounded px-2 desktop-xs:px-3;\n\t@apply h-[1.625rem];\n\t@apply text-sm font-semibold;\n\n\t.content {\n\t\t@apply hidden items-center desktop-xs:flex;\n\t}\n\n\t.circle {\n\t\t@apply hidden h-[0.625rem] w-[0.625rem] rounded-full;\n\t}\n\n\tp-icon {\n\t\t@apply hidden text-xs #{!important};\n\t}\n}\n\n:host([variant='neutral']) {\n\t@apply bg-mystic;\n\t@apply text-storm-vague;\n\n\t.circle {\n\t\t@apply bg-storm-vague;\n\t}\n}\n\n:host([variant='special']) {\n\t@apply bg-indigo-light;\n\t@apply text-indigo-dark;\n\n\t.circle {\n\t\t@apply bg-indigo;\n\t}\n}\n\n:host([variant='info']) {\n\t@apply bg-sky-light;\n\t@apply text-sky;\n\n\t.circle {\n\t\t@apply bg-sky;\n\t}\n}\n\n:host([variant='positive']) {\n\t@apply bg-positive-light;\n\t@apply text-positive;\n\n\t.circle {\n\t\t@apply bg-positive;\n\t}\n}\n\n:host([variant='unbiased']) {\n\t@apply bg-unbiased-light;\n\t@apply text-unbiased;\n\n\t.circle {\n\t\t@apply bg-unbiased;\n\t}\n}\n\n:host([variant='negative']) {\n\t@apply bg-negative-light;\n\t@apply text-negative;\n\n\t.circle {\n\t\t@apply bg-negative;\n\t}\n}\n\n:host([size='small']) {\n\t@apply h-4 min-w-[1rem] px-1 py-[1px];\n\t@apply justify-center text-xs;\n\t@apply leading-3;\n}\n\n:host([behavior='circle']) {\n\t.circle {\n\t\t@apply block desktop-xs:block;\n\t}\n}\n\n:host([behavior='icon']) {\n\tp-icon {\n\t\t@apply flex desktop-xs:flex #{!important};\n\t}\n}\n\n:host([behavior='text']) {\n\tp-icon {\n\t\t@apply hidden desktop-xs:hidden #{!important};\n\t}\n\n\t.circle {\n\t\t@apply hidden desktop-xs:hidden;\n\t}\n\n\t.content {\n\t\t@apply flex desktop-xs:flex;\n\t}\n}\n\n:host([behavior='combination']) {\n\t@apply px-0 desktop-xs:px-3;\n\t@apply w-[1.625rem] desktop-xs:w-auto;\n\n\t.circle {\n\t\t@apply hidden desktop-xs:block;\n\t}\n\n\tp-icon {\n\t\t@apply flex desktop-xs:hidden #{!important};\n\t}\n}\n\n:host([behavior='icon-only']) {\n\t@apply px-0 desktop-xs:px-0;\n\t@apply w-[1.625rem];\n\n\t.content {\n\t\t@apply hidden desktop-xs:hidden;\n\t}\n\n\tp-icon {\n\t\t@apply flex desktop-xs:flex #{!important};\n\t}\n}\n\n:host([behavior='icon-only'][size='small']) {\n\t@apply h-4 w-4;\n}\n\n:host([keep-mobile-content]),\n:host([keep-mobile-content='true']) {\n\t.content {\n\t\t@apply flex desktop-xs:flex;\n\t}\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport { RotateOptions } from '../../../types';\nimport { IconFlipOptions, IconVariant } from '../icon/icon.component';\n\n@Component({\n\ttag: 'p-label',\n\tstyleUrl: 'label.component.scss',\n\tshadow: true,\n})\nexport class Label {\n\t/**\n\t * Variant of the label\n\t */\n\t@Prop({ reflect: true }) variant:\n\t\t| 'neutral'\n\t\t| 'positive'\n\t\t| 'unbiased'\n\t\t| 'negative'\n\t\t| 'special'\n\t\t| 'info' = 'neutral';\n\n\t/**\n\t * Define the behavior of the label\n\t */\n\t@Prop({ reflect: true }) behavior:\n\t\t| 'icon'\n\t\t| 'circle'\n\t\t| 'combination'\n\t\t| 'text'\n\t\t| 'icon-only' = 'circle';\n\n\t/**\n\t * Icon position\n\t */\n\t@Prop() iconPosition: 'start' | 'end' = 'start';\n\n\t/**\n\t * Icon to show on the label\n\t */\n\t@Prop({ reflect: true }) icon: IconVariant;\n\n\t/**\n\t * Icon flip\n\t */\n\t@Prop() iconFlip: IconFlipOptions;\n\n\t/**\n\t * Icon rotate\n\t */\n\t@Prop() iconRotate: RotateOptions;\n\n\t/**\n\t * The size of the label\n\t */\n\t@Prop({ reflect: true }) size: 'small' | 'default' = 'default';\n\n\t/**\n\t * Wether to keep the content on mobile\n\t */\n\t@Prop({ reflect: true }) keepMobileContent: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class=\"p-label\">\n\t\t\t\t{this.icon && this.iconPosition === 'start' && (\n\t\t\t\t\t<p-icon\n\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t\tflip={this.iconFlip}\n\t\t\t\t\t\trotate={this.iconRotate}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t{(this.behavior === 'circle' ||\n\t\t\t\t\tthis.behavior === 'combination') && (\n\t\t\t\t\t<div class=\"circle\"></div>\n\t\t\t\t)}\n\t\t\t\t<div class=\"content\">\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t\t{this.icon && this.iconPosition === 'end' && (\n\t\t\t\t\t<p-icon\n\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t\tflip={this.iconFlip}\n\t\t\t\t\t\trotate={this.iconRotate}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n}\n","p-segment-container {\n\t@apply flex items-center gap-1;\n\t@apply bg-white rounded-lg;\n\t@apply p-1;\n\t@apply border border-solid border-mystic-dark;\n}\n","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n\ttag: 'p-segment-container',\n\tstyleUrl: 'segment-container.component.scss',\n})\nexport class SegmentContainer {\n\trender() {\n\t\treturn (\n\t\t\t<Host class=\"p-segment-container\">\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n",":host {\n\t@apply flex h-6 items-center gap-2 rounded-lg px-2;\n\t@apply whitespace-nowrap text-sm font-semibold text-storm;\n\t@apply cursor-pointer;\n}\n\n:host([size='big']) {\n\t@apply h-auto max-w-[9rem] flex-col whitespace-normal p-4 text-center;\n\n\t.description {\n\t\t@apply -mt-2 text-xs font-normal text-storm-medium;\n\t}\n}\n\n:host(.variant-icon) {\n\t@apply w-6 justify-center px-0;\n}\n\n:host(:hover) {\n\t@apply bg-indigo-light;\n}\n\n:host(.active) {\n\t@apply bg-indigo-light text-indigo;\n\n\t.description {\n\t\t@apply text-indigo;\n\t}\n}\n","import { Component, h, Host, Prop, Element } from '@stencil/core';\nimport { RotateOptions } from '../../../types/tailwind';\nimport { IconFlipOptions, IconVariant } from '../icon/icon.component';\n\n@Component({\n\ttag: 'p-segment-item',\n\tstyleUrl: 'segment-item.component.scss',\n\tshadow: true,\n})\nexport class SegmentItem {\n\t/**\n\t * Wether the segment item is active\n\t */\n\t@Prop() active: boolean = false;\n\n\t/**\n\t * Wether the segment item is icon only\n\t */\n\t@Prop() iconOnly: boolean = false;\n\n\t/**\n\t * Size of the segment item\n\t */\n\t@Prop({ reflect: true }) size: 'small' | 'big' = 'small';\n\n\t/**\n\t * Icon to show on the segment item\n\t */\n\t@Prop() icon: IconVariant;\n\n\t/**\n\t * Icon flip\n\t */\n\t@Prop() iconFlip: IconFlipOptions;\n\n\t/**\n\t * Icon rotate\n\t */\n\t@Prop() iconRotate: RotateOptions;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tprivate _hasDescriptionSlot = false;\n\n\tcomponentWillLoad() {\n\t\tthis._hasDescriptionSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"description\"]'\n\t\t);\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={`p-segment-item variant-${\n\t\t\t\t\tthis.iconOnly ? 'icon' : 'default'\n\t\t\t\t} ${this.active && 'active'}`}\n\t\t\t>\n\t\t\t\t{this.icon && this._getIcon()}\n\t\t\t\t<slot />\n\t\t\t\t{this.size === 'big' && this._hasDescriptionSlot && (\n\t\t\t\t\t<span class=\"description\">\n\t\t\t\t\t\t<slot name=\"description\" />\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _getIcon() {\n\t\tif (!this.icon) {\n\t\t\treturn;\n\t\t}\n\n\t\treturn (\n\t\t\t<p-icon\n\t\t\t\tclass=\"flex\"\n\t\t\t\tvariant={this.icon}\n\t\t\t\tflip={this.iconFlip}\n\t\t\t\trotate={this.iconRotate}\n\t\t\t/>\n\t\t);\n\t}\n}\n"],"version":3}
+{"file":"p-label.p-segment-container.p-segment-item.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,iBAAiB,GAAG,6iKAA6iK,CAAC;AACxkK,qBAAe,iBAAiB;;MCQnB,KAAK;;;uBAUL,SAAS;wBAUJ,QAAQ;4BAKe,OAAO;;;;oBAoBM,SAAS;iCAKR,KAAK;;IAE3D,MAAM;QACL,QACCA,QAACC,UAAI,qDAAC,KAAK,EAAC,SAAS,IACnB,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,YAAY,KAAK,OAAO,KAC1CD,qEACC,OAAO,EAAE,IAAI,CAAC,IAAI,EAClB,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,MAAM,EAAE,IAAI,CAAC,UAAU,GACtB,CACF,EACA,CAAC,IAAI,CAAC,QAAQ,KAAK,QAAQ;YAC3B,IAAI,CAAC,QAAQ,KAAK,aAAa,MAC/BA,kEAAK,KAAK,EAAC,QAAQ,GAAO,CAC1B,EACDA,kEAAK,KAAK,EAAC,SAAS,IACnBA,oEAAQ,CACH,EACL,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,YAAY,KAAK,KAAK,KACxCA,qEACC,OAAO,EAAE,IAAI,CAAC,IAAI,EAClB,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,MAAM,EAAE,IAAI,CAAC,UAAU,GACtB,CACF,CACK,EACN;KACF;;;;ACvFF,MAAM,4BAA4B,GAAG,2lBAA2lB,CAAC;AACjoB,gCAAe,4BAA4B;;MCK9B,gBAAgB;;;;IAC5B,MAAM;QACL,QACCA,QAACC,UAAI,qDAAC,KAAK,EAAC,qBAAqB,IAChCD,oEAAQ,CACF,EACN;KACF;;;;ACbF,MAAM,uBAAuB,GAAG,m2DAAm2D,CAAC;AACp4D,2BAAe,uBAAuB;;MCQzB,WAAW;;;sBAIG,KAAK;wBAKH,KAAK;oBAKgB,OAAO;;;;;;IAsBhD,mBAAmB,GAAG,KAAK,CAAC;IAEpC,iBAAiB;QAChB,IAAI,CAAC,mBAAmB,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CAClD,+BAA+B,CAC/B,CAAC;KACF;IAED,MAAM;QACL,QACCA,QAACC,UAAI,qDACJ,KAAK,EAAE,0BACN,IAAI,CAAC,QAAQ,GAAG,MAAM,GAAG,SAC1B,IAAI,IAAI,CAAC,MAAM,IAAI,QAAQ,EAAE,IAE5B,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,QAAQ,EAAE,EAC7BD,oEAAQ,EACP,IAAI,CAAC,IAAI,KAAK,KAAK,IAAI,IAAI,CAAC,mBAAmB,KAC/CA,mEAAM,KAAK,EAAC,aAAa,IACxBA,mEAAM,IAAI,EAAC,aAAa,GAAG,CACrB,CACP,CACK,EACN;KACF;IAEO,QAAQ;QACf,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;YACf,OAAO;SACP;QAED,QACCA,oBACC,KAAK,EAAC,MAAM,EACZ,OAAO,EAAE,IAAI,CAAC,IAAI,EAClB,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,MAAM,EAAE,IAAI,CAAC,UAAU,GACtB,EACD;KACF;;;;;;;;","names":["h","Host"],"sources":["src/components/atoms/label/label.component.scss?tag=p-label&encapsulation=shadow","src/components/atoms/label/label.component.tsx","src/components/atoms/segment-container/segment-container.component.scss?tag=p-segment-container","src/components/atoms/segment-container/segment-container.component.tsx","src/components/atoms/segment-item/segment-item.component.scss?tag=p-segment-item&encapsulation=shadow","src/components/atoms/segment-item/segment-item.component.tsx"],"sourcesContent":[":host {\n\t@apply flex items-center justify-center gap-2 rounded px-2 desktop-xs:px-3;\n\t@apply h-[1.625rem];\n\t@apply text-sm font-semibold;\n\n\t.content {\n\t\t@apply hidden items-center desktop-xs:flex;\n\t}\n\n\t.circle {\n\t\t@apply hidden h-[0.625rem] w-[0.625rem] rounded-full;\n\t}\n\n\tp-icon {\n\t\t@apply hidden text-xs #{!important};\n\t}\n}\n\n:host([variant='neutral']) {\n\t@apply bg-mystic;\n\t@apply text-storm-vague;\n\n\t.circle {\n\t\t@apply bg-storm-vague;\n\t}\n}\n\n:host([variant='special']) {\n\t@apply bg-indigo-light;\n\t@apply text-indigo-dark;\n\n\t.circle {\n\t\t@apply bg-indigo;\n\t}\n}\n\n:host([variant='info']) {\n\t@apply bg-sky-light;\n\t@apply text-sky;\n\n\t.circle {\n\t\t@apply bg-sky;\n\t}\n}\n\n:host([variant='positive']) {\n\t@apply bg-positive-light;\n\t@apply text-positive;\n\n\t.circle {\n\t\t@apply bg-positive;\n\t}\n}\n\n:host([variant='unbiased']) {\n\t@apply bg-unbiased-light;\n\t@apply text-unbiased;\n\n\t.circle {\n\t\t@apply bg-unbiased;\n\t}\n}\n\n:host([variant='negative']) {\n\t@apply bg-negative-light;\n\t@apply text-negative;\n\n\t.circle {\n\t\t@apply bg-negative;\n\t}\n}\n\n:host([size='small']) {\n\t@apply h-4 min-w-[1rem] px-1 py-[1px];\n\t@apply justify-center text-xs;\n\t@apply leading-3;\n}\n\n:host([behavior='circle']) {\n\t.circle {\n\t\t@apply block desktop-xs:block;\n\t}\n}\n\n:host([behavior='icon']) {\n\tp-icon {\n\t\t@apply flex desktop-xs:flex #{!important};\n\t}\n}\n\n:host([behavior='text']) {\n\tp-icon {\n\t\t@apply hidden desktop-xs:hidden #{!important};\n\t}\n\n\t.circle {\n\t\t@apply hidden desktop-xs:hidden;\n\t}\n\n\t.content {\n\t\t@apply flex desktop-xs:flex;\n\t}\n}\n\n:host([behavior='combination']) {\n\t@apply px-0 desktop-xs:px-3;\n\t@apply w-[1.625rem] desktop-xs:w-auto;\n\n\t.circle {\n\t\t@apply hidden desktop-xs:block;\n\t}\n\n\tp-icon {\n\t\t@apply flex desktop-xs:hidden #{!important};\n\t}\n}\n\n:host([behavior='icon-only']) {\n\t@apply px-0 desktop-xs:px-0;\n\t@apply w-[1.625rem];\n\n\t.content {\n\t\t@apply hidden desktop-xs:hidden;\n\t}\n\n\tp-icon {\n\t\t@apply flex desktop-xs:flex #{!important};\n\t}\n}\n\n:host([behavior='icon-only'][size='small']) {\n\t@apply h-4 w-4;\n}\n\n:host([keep-mobile-content]),\n:host([keep-mobile-content='true']) {\n\t.content {\n\t\t@apply flex desktop-xs:flex;\n\t}\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport { RotateOptions } from '../../../types';\nimport { IconFlipOptions, IconVariant } from '../icon/icon.component';\n\n@Component({\n\ttag: 'p-label',\n\tstyleUrl: 'label.component.scss',\n\tshadow: true,\n})\nexport class Label {\n\t/**\n\t * Variant of the label\n\t */\n\t@Prop({ reflect: true }) variant:\n\t\t| 'neutral'\n\t\t| 'positive'\n\t\t| 'unbiased'\n\t\t| 'negative'\n\t\t| 'special'\n\t\t| 'info' = 'neutral';\n\n\t/**\n\t * Define the behavior of the label\n\t */\n\t@Prop({ reflect: true }) behavior:\n\t\t| 'icon'\n\t\t| 'circle'\n\t\t| 'combination'\n\t\t| 'text'\n\t\t| 'icon-only' = 'circle';\n\n\t/**\n\t * Icon position\n\t */\n\t@Prop() iconPosition: 'start' | 'end' = 'start';\n\n\t/**\n\t * Icon to show on the label\n\t */\n\t@Prop({ reflect: true }) icon: IconVariant;\n\n\t/**\n\t * Icon flip\n\t */\n\t@Prop() iconFlip: IconFlipOptions;\n\n\t/**\n\t * Icon rotate\n\t */\n\t@Prop() iconRotate: RotateOptions;\n\n\t/**\n\t * The size of the label\n\t */\n\t@Prop({ reflect: true }) size: 'small' | 'default' = 'default';\n\n\t/**\n\t * Wether to keep the content on mobile\n\t */\n\t@Prop({ reflect: true }) keepMobileContent: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class=\"p-label\">\n\t\t\t\t{this.icon && this.iconPosition === 'start' && (\n\t\t\t\t\t<p-icon\n\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t\tflip={this.iconFlip}\n\t\t\t\t\t\trotate={this.iconRotate}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t{(this.behavior === 'circle' ||\n\t\t\t\t\tthis.behavior === 'combination') && (\n\t\t\t\t\t<div class=\"circle\"></div>\n\t\t\t\t)}\n\t\t\t\t<div class=\"content\">\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t\t{this.icon && this.iconPosition === 'end' && (\n\t\t\t\t\t<p-icon\n\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t\tflip={this.iconFlip}\n\t\t\t\t\t\trotate={this.iconRotate}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n}\n","p-segment-container {\n\t@apply flex items-center gap-1;\n\t@apply bg-white rounded-lg;\n\t@apply p-1;\n\t@apply border border-solid border-mystic-dark;\n}\n","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n\ttag: 'p-segment-container',\n\tstyleUrl: 'segment-container.component.scss',\n})\nexport class SegmentContainer {\n\trender() {\n\t\treturn (\n\t\t\t<Host class=\"p-segment-container\">\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n",":host {\n\t@apply flex h-6 items-center gap-2 rounded-lg px-2;\n\t@apply whitespace-nowrap text-sm font-semibold text-storm;\n\t@apply cursor-pointer;\n}\n\n:host([size='big']) {\n\t@apply h-auto max-w-[9rem] flex-col whitespace-normal p-4 text-center;\n\n\t.description {\n\t\t@apply -mt-2 text-xs font-normal text-storm-medium;\n\t}\n}\n\n:host(.variant-icon) {\n\t@apply w-6 justify-center px-0;\n}\n\n:host(:hover) {\n\t@apply bg-indigo-light;\n}\n\n:host(.active) {\n\t@apply bg-indigo-light text-indigo;\n\n\t.description {\n\t\t@apply text-indigo;\n\t}\n}\n","import { Component, h, Host, Prop, Element } from '@stencil/core';\nimport { RotateOptions } from '../../../types/tailwind';\nimport { IconFlipOptions, IconVariant } from '../icon/icon.component';\n\n@Component({\n\ttag: 'p-segment-item',\n\tstyleUrl: 'segment-item.component.scss',\n\tshadow: true,\n})\nexport class SegmentItem {\n\t/**\n\t * Wether the segment item is active\n\t */\n\t@Prop() active: boolean = false;\n\n\t/**\n\t * Wether the segment item is icon only\n\t */\n\t@Prop() iconOnly: boolean = false;\n\n\t/**\n\t * Size of the segment item\n\t */\n\t@Prop({ reflect: true }) size: 'small' | 'big' = 'small';\n\n\t/**\n\t * Icon to show on the segment item\n\t */\n\t@Prop() icon: IconVariant;\n\n\t/**\n\t * Icon flip\n\t */\n\t@Prop() iconFlip: IconFlipOptions;\n\n\t/**\n\t * Icon rotate\n\t */\n\t@Prop() iconRotate: RotateOptions;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tprivate _hasDescriptionSlot = false;\n\n\tcomponentWillLoad() {\n\t\tthis._hasDescriptionSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"description\"]'\n\t\t);\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={`p-segment-item variant-${\n\t\t\t\t\tthis.iconOnly ? 'icon' : 'default'\n\t\t\t\t} ${this.active && 'active'}`}\n\t\t\t>\n\t\t\t\t{this.icon && this._getIcon()}\n\t\t\t\t<slot />\n\t\t\t\t{this.size === 'big' && this._hasDescriptionSlot && (\n\t\t\t\t\t<span class=\"description\">\n\t\t\t\t\t\t<slot name=\"description\" />\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _getIcon() {\n\t\tif (!this.icon) {\n\t\t\treturn;\n\t\t}\n\n\t\treturn (\n\t\t\t<p-icon\n\t\t\t\tclass=\"flex\"\n\t\t\t\tvariant={this.icon}\n\t\t\t\tflip={this.iconFlip}\n\t\t\t\trotate={this.iconRotate}\n\t\t\t/>\n\t\t);\n\t}\n}\n"],"version":3}

package/dist/cjs/p-layout.cjs.entry.js

@@ -2,20 +2,21 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-02e05522.js');
+const index = require('./index-3f9bbc0c.js');
 
 const layoutComponentCss = ".relative{position:relative!important}.sticky{position:sticky!important}.box-border{box-sizing:border-box!important}.flex{display:flex!important}.grid{display:grid!important}.hidden{display:none!important}.h-dvh{height:100dvh!important}.h-full{height:100%!important}.w-full{width:100%!important}.w-unset{width:unset!important}.flex-1{flex:1 1 0%!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.overflow-y-auto{overflow-y:auto!important}.px-content-mobile-x{padding-left:1rem!important;padding-right:1rem!important}*{box-sizing:border-box}:host{display:grid;gap:0;grid-template-areas:\"sidebar\" \"topbar\" \"content\";grid-template-columns:1fr;grid-template-rows:repeat(2,min-content) 1fr;height:100dvh;width:100dvw}@media (min-width:80rem){:host{grid-template-areas:\"topbar topbar\" \"sidebar content\";grid-template-columns:auto 1fr;grid-template-rows:min-content 1fr}}:host .content,:host .sidebar,:host .topbar{align-self:flex-start}:host .topbar{grid-area:topbar;position:sticky;width:100%}:host .sidebar{box-sizing:border-box;display:flex;grid-area:sidebar;height:100%;width:100%}@media (min-width:80rem){:host .sidebar{width:15rem}}@media (min-width:105rem){:host .sidebar{width:18rem}}:host .content{display:flex;flex-direction:column;grid-area:content;height:100%;overflow-x:hidden;overflow-y:auto;padding:1.5rem 1rem;position:relative}@media (min-width:40rem){:host .content{padding:2rem}}@media (min-width:80rem){:host .content{padding:2rem 1.5rem 1.5rem}}@media (min-width:90rem){:host .content{padding:2rem}}@media (min-width:120rem){:host .content{padding-bottom:5rem;padding-left:5rem;padding-right:2rem}}@media (min-width:160rem){:host .content{padding-bottom:7.5rem;padding-left:7.5rem;padding-top:4rem}}:host .content .inner-content{flex:1 1 0%;position:relative}@media (min-width:80rem){:host .content .inner-content{width:62rem}}@media (min-width:90rem){:host .content .inner-content{width:71rem}}@media (min-width:96rem){:host .content .inner-content{width:77rem}}@media (min-width:105rem){:host .content .inner-content{width:83rem}}:host(.variant-default) .content{flex:1 1 0%}:host(.variant-login){grid-template-areas:\"topbar topbar\" \"content content\"}@media (min-width:80rem){:host(.variant-login){grid-template-areas:\"topbar topbar\" \"content sidebar\"}}:host(.variant-login) .sidebar{display:none;flex:1 1 0%;overflow:hidden;padding:.5rem;width:unset}@media (min-width:80rem){:host(.variant-login) .sidebar{display:flex}}:host(.variant-login) .sidebar .inner-content{padding:.5rem}:host(.variant-login) .content{align-items:center;padding:calc(env(safe-area-inset-top) + 3.5rem) 1rem 1.5rem}@media (min-width:80rem){:host(.variant-login) .content{justify-content:center;padding:1.5rem 4.5rem 0}}:host(.variant-login) .content .inner-content{box-sizing:border-box;flex:unset;width:100%}@media (min-width:40rem){:host(.variant-login) .content .inner-content{width:21rem}}@media (min-width:80rem){:host(.variant-office) .content .inner-content{width:58rem}}@media (min-width:90rem){:host(.variant-office) .content .inner-content{width:67rem}}@media (min-width:96rem){:host(.variant-office) .content .inner-content{width:73rem}}@media (min-width:105rem){:host(.variant-office) .content .inner-content{width:79rem}}@media (min-width:120rem){:host(.variant-office) .content .inner-content{width:82rem}}@media (min-width:160rem){:host(.variant-office) .content .inner-content{width:84.5rem}}@media (min-width:80rem){:host(.variant-office) .sidebar{width:19rem}}@media (min-width:105rem){:host(.variant-office) .sidebar{width:22rem}}@media (min-width:80rem){.layout-1280\\:flex{display:flex!important}.layout-1280\\:w-60{width:15rem!important}.layout-1280\\:w-\\[19rem\\]{width:19rem!important}.layout-1280\\:w-\\[58rem\\]{width:58rem!important}.layout-1280\\:p-6{padding:1.5rem!important}.layout-1280\\:px-18{padding-left:4.5rem!important;padding-right:4.5rem!important}}@media (min-width:90rem){.layout-1440\\:w-\\[67rem\\]{width:67rem!important}}@media (min-width:96rem){.layout-1536\\:w-\\[73rem\\]{width:73rem!important}}@media (min-width:105rem){.layout-1680\\:w-\\[22rem\\]{width:22rem!important}.layout-1680\\:w-\\[79rem\\]{width:79rem!important}}@media (min-width:120rem){.layout-1920\\:w-\\[82rem\\]{width:82rem!important}.layout-1920\\:pl-20{padding-left:5rem!important}.layout-1920\\:pr-8{padding-right:2rem!important}}@media (min-width:160rem){.layout-2560\\:w-\\[84\\.5rem\\]{width:84.5rem!important}.layout-2560\\:pb-\\[7\\.5rem\\]{padding-bottom:7.5rem!important}.layout-2560\\:pl-\\[7\\.5rem\\]{padding-left:7.5rem!important}.layout-2560\\:pt-16{padding-top:4rem!important}}.static{position:static!important}";
+const PLayoutStyle0 = layoutComponentCss;
 
 const Layout = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.variant = 'default';
-  }
-  render() {
-    return (index.h(index.Host, { class: `p-layout variant-${this.variant}` }, index.h("div", { class: "content" }, index.h("div", { class: "inner-content" }, index.h("slot", { name: "content" }))), index.h("div", { class: "sidebar" }, index.h("slot", { name: "sidebar" })), index.h("div", { class: "topbar" }, index.h("slot", { name: "topbar" }))));
-  }
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.variant = 'default';
+    }
+    render() {
+        return (index.h(index.Host, { key: '3831e9f213040c55cdaec97155df5489dff12170', class: `p-layout variant-${this.variant}` }, index.h("div", { key: 'ca7b6362566d1b3ca050c9e156c0c3fb6392c580', class: "content" }, index.h("div", { key: '560728eb60a95b855b09f91e925ec19044da413d', class: "inner-content" }, index.h("slot", { key: '2168f3f031cac9b805b4ad4ed7d7b5e500208baa', name: "content" }))), index.h("div", { key: '1cb5069c3e6bb1d2c90b678ec4a889c2724e4249', class: "sidebar" }, index.h("slot", { key: 'febf7d89e6cb24e63afb5c54edf0a59ca2de0136', name: "sidebar" })), index.h("div", { key: '714aaf2fb92091707671a8139bfc9c08591e8d5c', class: "topbar" }, index.h("slot", { key: '6fae7e137447d6ae699e277fabe7c76a7c34031d', name: "topbar" }))));
+    }
 };
-Layout.style = layoutComponentCss;
+Layout.style = PLayoutStyle0;
 
 exports.p_layout = Layout;
 

package/dist/cjs/p-layout.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"p-layout.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,kBAAkB,GAAG,4lJAA4lJ;;MCO1mJ,MAAM;;;mBAIgC,SAAS;;EAE3D,MAAM;IACL,QACCA,QAACC,UAAI,IAAC,KAAK,EAAE,oBAAoB,IAAI,CAAC,OAAO,EAAE,IAC9CD,iBAAK,KAAK,EAAC,SAAS,IACnBA,iBAAK,KAAK,EAAC,eAAe,IACzBA,kBAAM,IAAI,EAAC,SAAS,GAAG,CAClB,CACD,EACNA,iBAAK,KAAK,EAAC,SAAS,IACnBA,kBAAM,IAAI,EAAC,SAAS,GAAG,CAClB,EACNA,iBAAK,KAAK,EAAC,QAAQ,IAClBA,kBAAM,IAAI,EAAC,QAAQ,GAAG,CACjB,CACA,EACN;GACF;;;;;;","names":["h","Host"],"sources":["src/components/atoms/layout/layout.component.scss?tag=p-layout&encapsulation=shadow","src/components/atoms/layout/layout.component.tsx"],"sourcesContent":[":host {\n\t@apply grid h-dvh w-dvw;\n\n\tgrid-template-columns: 1fr;\n\tgrid-template-rows: repeat(2, min-content) 1fr;\n\tgap: 0;\n\tgrid-template-areas:\n\t\t'sidebar'\n\t\t'topbar'\n\t\t'content';\n\n\t@screen layout-1280 {\n\t\tgrid-template-columns: auto 1fr;\n\t\tgrid-template-rows: min-content 1fr;\n\t\tgrid-template-areas:\n\t\t\t'topbar topbar'\n\t\t\t'sidebar content';\n\t}\n\n\t.topbar,\n\t.sidebar,\n\t.content {\n\t\t@apply self-start;\n\t}\n\n\t.topbar {\n\t\tgrid-area: topbar;\n\n\t\t@apply sticky w-full;\n\t}\n\n\t.sidebar {\n\t\tgrid-area: sidebar;\n\n\t\t@apply box-border flex h-full;\n\t\t@apply w-full;\n\t\t@apply layout-1280:w-60 layout-1680:w-72;\n\t}\n\n\t.content {\n\t\tgrid-area: content;\n\n\t\t@apply relative flex h-full flex-col overflow-y-auto overflow-x-hidden;\n\t\t@apply pb-24;\n\n\t\t@apply px-content-mobile-x py-content-mobile-y;\n\t\t@apply tablet:p-8;\n\t\t@apply layout-1280:p-6 layout-1280:pt-8;\n\t\t@apply layout-1440:p-8;\n\t\t@apply layout-1920:pr-8 layout-1920:pl-20 layout-1920:pb-20;\n\t\t@apply layout-2560:pt-16 layout-2560:pl-[7.5rem] layout-2560:pb-[7.5rem];\n\n\t\t.inner-content {\n\t\t\t@apply relative flex-1;\n\n\t\t\t// https://linear.app/employes/issue/PRO-9053/%E2%9A%9B%EF%B8%8F-component-wijzigen-layout\n\t\t\t@apply layout-1280:w-content-1280;\n\t\t\t@apply layout-1440:w-content-1440;\n\t\t\t@apply layout-1536:w-content-1536;\n\t\t\t@apply layout-1680:w-content-1680;\n\t\t}\n\t}\n}\n\n:host(.variant-default) {\n\t.content {\n\t\t@apply flex-1;\n\t}\n}\n\n:host(.variant-login) {\n\tgrid-template-areas:\n\t\t'topbar topbar'\n\t\t'content content';\n\n\t@screen layout-1280 {\n\t\tgrid-template-areas:\n\t\t\t'topbar topbar'\n\t\t\t'content sidebar';\n\t}\n\n\t.sidebar {\n\t\t@apply hidden w-unset layout-1280:flex;\n\t\t@apply p-2;\n\t\t@apply flex-1 overflow-hidden;\n\n\t\t.inner-content {\n\t\t\t@apply p-2;\n\t\t}\n\t}\n\n\t.content {\n\t\t@apply items-center layout-1280:justify-center;\n\n\t\t@apply layout-1280:px-18 layout-1280:py-0;\n\t\t@apply px-content-mobile-x py-content-mobile-y;\n\t\tpadding-top: calc(env(safe-area-inset-top) + 3.5rem);\n\n\t\t@screen layout-1280 {\n\t\t\t@apply pt-content-mobile-y;\n\t\t}\n\n\t\t.inner-content {\n\t\t\t@apply box-border;\n\t\t\t@apply w-full tablet:w-content-desktop-login;\n\t\t\tflex: unset;\n\t\t}\n\t}\n}\n\n:host(.variant-office) {\n\t.content {\n\t\t.inner-content {\n\t\t\t@apply layout-1280:w-[58rem];\n\t\t\t@apply layout-1440:w-[67rem];\n\t\t\t@apply layout-1536:w-[73rem];\n\t\t\t@apply layout-1680:w-[79rem];\n\t\t\t@apply layout-1920:w-[82rem];\n\t\t\t@apply layout-2560:w-[84.5rem];\n\t\t}\n\t}\n\n\t.sidebar {\n\t\t@apply layout-1280:w-[19rem] layout-1680:w-[22rem];\n\t}\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-layout',\n\tstyleUrl: 'layout.component.scss',\n\tshadow: true,\n})\nexport class Layout {\n\t/**\n\t * Variant of the layout\n\t */\n\t@Prop() variant: 'default' | 'login' | 'office' = 'default';\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={`p-layout variant-${this.variant}`}>\n\t\t\t\t<div class=\"content\">\n\t\t\t\t\t<div class=\"inner-content\">\n\t\t\t\t\t\t<slot name=\"content\" />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"sidebar\">\n\t\t\t\t\t<slot name=\"sidebar\" />\n\t\t\t\t</div>\n\t\t\t\t<div class=\"topbar\">\n\t\t\t\t\t<slot name=\"topbar\" />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}
+{"file":"p-layout.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,kBAAkB,GAAG,4lJAA4lJ,CAAC;AACxnJ,sBAAe,kBAAkB;;MCMpB,MAAM;;;uBAIgC,SAAS;;IAE3D,MAAM;QACL,QACCA,QAACC,UAAI,qDAAC,KAAK,EAAE,oBAAoB,IAAI,CAAC,OAAO,EAAE,IAC9CD,kEAAK,KAAK,EAAC,SAAS,IACnBA,kEAAK,KAAK,EAAC,eAAe,IACzBA,mEAAM,IAAI,EAAC,SAAS,GAAG,CAClB,CACD,EACNA,kEAAK,KAAK,EAAC,SAAS,IACnBA,mEAAM,IAAI,EAAC,SAAS,GAAG,CAClB,EACNA,kEAAK,KAAK,EAAC,QAAQ,IAClBA,mEAAM,IAAI,EAAC,QAAQ,GAAG,CACjB,CACA,EACN;KACF;;;;;;","names":["h","Host"],"sources":["src/components/atoms/layout/layout.component.scss?tag=p-layout&encapsulation=shadow","src/components/atoms/layout/layout.component.tsx"],"sourcesContent":[":host {\n\t@apply grid h-dvh w-dvw;\n\n\tgrid-template-columns: 1fr;\n\tgrid-template-rows: repeat(2, min-content) 1fr;\n\tgap: 0;\n\tgrid-template-areas:\n\t\t'sidebar'\n\t\t'topbar'\n\t\t'content';\n\n\t@screen layout-1280 {\n\t\tgrid-template-columns: auto 1fr;\n\t\tgrid-template-rows: min-content 1fr;\n\t\tgrid-template-areas:\n\t\t\t'topbar topbar'\n\t\t\t'sidebar content';\n\t}\n\n\t.topbar,\n\t.sidebar,\n\t.content {\n\t\t@apply self-start;\n\t}\n\n\t.topbar {\n\t\tgrid-area: topbar;\n\n\t\t@apply sticky w-full;\n\t}\n\n\t.sidebar {\n\t\tgrid-area: sidebar;\n\n\t\t@apply box-border flex h-full;\n\t\t@apply w-full;\n\t\t@apply layout-1280:w-60 layout-1680:w-72;\n\t}\n\n\t.content {\n\t\tgrid-area: content;\n\n\t\t@apply relative flex h-full flex-col overflow-y-auto overflow-x-hidden;\n\t\t@apply pb-24;\n\n\t\t@apply px-content-mobile-x py-content-mobile-y;\n\t\t@apply tablet:p-8;\n\t\t@apply layout-1280:p-6 layout-1280:pt-8;\n\t\t@apply layout-1440:p-8;\n\t\t@apply layout-1920:pr-8 layout-1920:pl-20 layout-1920:pb-20;\n\t\t@apply layout-2560:pt-16 layout-2560:pl-[7.5rem] layout-2560:pb-[7.5rem];\n\n\t\t.inner-content {\n\t\t\t@apply relative flex-1;\n\n\t\t\t// https://linear.app/employes/issue/PRO-9053/%E2%9A%9B%EF%B8%8F-component-wijzigen-layout\n\t\t\t@apply layout-1280:w-content-1280;\n\t\t\t@apply layout-1440:w-content-1440;\n\t\t\t@apply layout-1536:w-content-1536;\n\t\t\t@apply layout-1680:w-content-1680;\n\t\t}\n\t}\n}\n\n:host(.variant-default) {\n\t.content {\n\t\t@apply flex-1;\n\t}\n}\n\n:host(.variant-login) {\n\tgrid-template-areas:\n\t\t'topbar topbar'\n\t\t'content content';\n\n\t@screen layout-1280 {\n\t\tgrid-template-areas:\n\t\t\t'topbar topbar'\n\t\t\t'content sidebar';\n\t}\n\n\t.sidebar {\n\t\t@apply hidden w-unset layout-1280:flex;\n\t\t@apply p-2;\n\t\t@apply flex-1 overflow-hidden;\n\n\t\t.inner-content {\n\t\t\t@apply p-2;\n\t\t}\n\t}\n\n\t.content {\n\t\t@apply items-center layout-1280:justify-center;\n\n\t\t@apply layout-1280:px-18 layout-1280:py-0;\n\t\t@apply px-content-mobile-x py-content-mobile-y;\n\t\tpadding-top: calc(env(safe-area-inset-top) + 3.5rem);\n\n\t\t@screen layout-1280 {\n\t\t\t@apply pt-content-mobile-y;\n\t\t}\n\n\t\t.inner-content {\n\t\t\t@apply box-border;\n\t\t\t@apply w-full tablet:w-content-desktop-login;\n\t\t\tflex: unset;\n\t\t}\n\t}\n}\n\n:host(.variant-office) {\n\t.content {\n\t\t.inner-content {\n\t\t\t@apply layout-1280:w-[58rem];\n\t\t\t@apply layout-1440:w-[67rem];\n\t\t\t@apply layout-1536:w-[73rem];\n\t\t\t@apply layout-1680:w-[79rem];\n\t\t\t@apply layout-1920:w-[82rem];\n\t\t\t@apply layout-2560:w-[84.5rem];\n\t\t}\n\t}\n\n\t.sidebar {\n\t\t@apply layout-1280:w-[19rem] layout-1680:w-[22rem];\n\t}\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-layout',\n\tstyleUrl: 'layout.component.scss',\n\tshadow: true,\n})\nexport class Layout {\n\t/**\n\t * Variant of the layout\n\t */\n\t@Prop() variant: 'default' | 'login' | 'office' = 'default';\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={`p-layout variant-${this.variant}`}>\n\t\t\t\t<div class=\"content\">\n\t\t\t\t\t<div class=\"inner-content\">\n\t\t\t\t\t\t<slot name=\"content\" />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"sidebar\">\n\t\t\t\t\t<slot name=\"sidebar\" />\n\t\t\t\t</div>\n\t\t\t\t<div class=\"topbar\">\n\t\t\t\t\t<slot name=\"topbar\" />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}