npm - @paperless/core - Versions diffs - 2.1.0 → 2.2.0 - Mend

@paperless/core 2.1.0 → 2.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (862) hide show

package/dist/collection/components/atoms/floating-menu/item/floating-menu-item.component.js CHANGED Viewed

@@ -1,11 +1,7 @@
 import { h, Host } from "@stencil/core";
 import { cva } from "class-variance-authority";
 import { asBoolean } from "../../../../utils/as-boolean";
-const item = cva([
-    'p-floating-menu-item group',
-    'flex gap-2 items-center h-6',
-    'text-sm text-dark-teal-300',
-], {
+const item = cva(['group', 'flex gap-2 items-center h-8 px-2', 'text-sm', 'rounded-lg'], {
     variants: {
         hover: {
             false: null,
@@ -17,14 +13,22 @@ const item = cva([
         },
     },
     compoundVariants: [
+        {
+            disabled: true,
+            class: 'cursor-not-allowed text-storm-50',
+        },
+        {
+            disabled: false,
+            class: 'text-storm-100',
+        },
         {
             disabled: false,
             hover: true,
-            class: 'cursor-pointer hover:text-dark-teal-100',
+            class: 'cursor-pointer active:text-storm-100/60 hover:bg-storm-800 active:bg-storm-700',
         },
     ],
 });
-const icon = cva(['text-dark-teal-200'], {
+const icon = cva([], {
     variants: {
         hover: {
             false: null,
@@ -39,7 +43,7 @@ const icon = cva(['text-dark-teal-200'], {
         {
             disabled: false,
             hover: true,
-            class: 'group-hover:text-dark-teal-100',
+            class: 'group-hover:text-storm-100 group-active:text-storm-100/60',
         },
     ],
 });
@@ -73,10 +77,10 @@ export class FloatingMenuItem {
      */
     iconRotate;
     render() {
-        return (h(Host, { key: '6f25d27e8f828de9c832adc3ad05104e52c79f5e', class: item({
+        return (h(Host, { key: 'da620905e975dc81bf73b163886d82c346ed34a8', class: item({
                 hover: asBoolean(this.hover) && !asBoolean(this.loading),
                 disabled: asBoolean(this.disabled),
-            }) }, this._getIcon(), h("p", { key: 'ce1bd15739d832cfac5bc8dc3747ba284b769659', class: 'min-w-0 overflow-hidden text-ellipsis text-nowrap font-semibold' }, h("slot", { key: 'a1f954c38320ee8ce2bdf3c0121337d01bc21269' }))));
+            }) }, this._getIcon(), h("p", { key: '3f9ef14d034003814d5cba0da956a4562eaee882', class: 'min-w-0 overflow-hidden text-ellipsis text-nowrap font-semibold empty:hidden' }, h("slot", { key: '157c6c75151145df490a82c6762bb4555fb70e23' }))));
     }
     _getIcon() {
         if (!this.icon && !this.loading) {

package/dist/collection/components/atoms/floating-menu/item/floating-menu-item.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"floating-menu-item.component.js","sourceRoot":"","sources":["../../../../../src/components/atoms/floating-menu/item/floating-menu-item.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAGzD,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,MAAM,IAAI,GAAG,GAAG,CACf~~;IACC~~,~~4BAA4B;IAC5B~~,~~6BAA6B;IAC7B~~,~~4BAA4B;CAC5B~~,~~EACD~~;IACC,QAAQ,EAAE;QACT,KAAK,EAAE;YACN,KAAK,EAAE,IAAI;YACX,IAAI,EAAE,IAAI;SACV;QACD,QAAQ,EAAE;YACT,KAAK,EAAE,IAAI;YACX,IAAI,EAAE,+BAA+B;SACrC;KACD;IACD,gBAAgB,EAAE;QACjB;YACC,QAAQ,EAAE,KAAK;YACf,KAAK,EAAE,IAAI;YACX,KAAK,~~EAAE~~,~~yCAAyC~~;~~SAChD~~;KACD;CACD,CACD,CAAC;AAEF,MAAM,IAAI,GAAG,GAAG,CAAC,~~CAAC~~,~~oBAAoB,CAAC,~~EAAE;~~IACxC~~,QAAQ,EAAE;QACT,KAAK,EAAE;YACN,KAAK,EAAE,IAAI;YACX,IAAI,EAAE,IAAI;SACV;QACD,QAAQ,EAAE;YACT,KAAK,EAAE,IAAI;YACX,IAAI,EAAE,IAAI;SACV;KACD;IACD,gBAAgB,EAAE;QACjB;YACC,QAAQ,EAAE,KAAK;YACf,KAAK,EAAE,IAAI;YACX,KAAK,EAAE,~~gCAAgC~~;~~SACvC~~;KACD;CACD,CAAC,CAAC;AAMH,MAAM,OAAO,gBAAgB;IAC5B;;OAEG;IACK,KAAK,GAAY,IAAI,CAAC;IAE9B;;OAEG;IACK,QAAQ,GAAY,KAAK,CAAC;IAElC;;OAEG;IACK,OAAO,GAAY,KAAK,CAAC;IAEjC;;OAEG;IACK,IAAI,CAAc;IAE1B;;OAEG;IACK,YAAY,GAAoB,KAAK,CAAC;IAE9C;;OAEG;IACK,QAAQ,CAAkB;IAElC;;OAEG;IACK,UAAU,CAAgB;IAElC,MAAM;QACL,OAAO,CACN,EAAC,IAAI,qDACJ,KAAK,EAAE,IAAI,CAAC;gBACX,KAAK,EAAE,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC;gBACxD,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC;aAClC,CAAC;YAED,IAAI,CAAC,QAAQ,EAAE;YAEhB,0DAAG,KAAK,EAAC,~~iEAAiE~~;~~gBACzE~~,8DAAQ,CACL,CACE,CACP,CAAC;IACH,CAAC;IAEO,QAAQ;QACf,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;YACjC,OAAO;QACR,CAAC;QAED,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YAClB,OAAO,gBAAU,KAAK,EAAC,OAAO,GAAG,CAAC;QACnC,CAAC;QAED,OAAO,CACN,cACC,KAAK,EAAE,IAAI,CAAC;gBACX,KAAK,EAAE,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC;gBAC5B,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC;aAClC,CAAC,EACF,OAAO,EAAE,IAAI,CAAC,IAAI,EAClB,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,MAAM,EAAE,IAAI,CAAC,UAAU,GACtB,CACF,CAAC;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\nimport { IconFlipOptions, IconVariant } from '../../icon/icon.component';\nimport { RotateOptions } from '../../../../types';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../../utils/as-boolean';\n\nconst item = cva(\n\t[~~\n\t\t~~'~~p-floating-menu-item~~ group'~~,\n\t\t~~'flex gap-2 items-center h-6'~~,\n\t\t~~'text-sm ~~text~~-~~dark-teal-300~~'~~,\n\t~~],\n\t{\n\t\tvariants: {\n\t\t\thover: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\tdisabled: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'opacity-60 cursor-not-allowed',\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\thover: true,\n\t\t\t\tclass: 'cursor-pointer ~~hover~~:text-~~dark~~-~~teal~~-~~100~~',\n\t\t\t},\n\t\t],\n\t}\n);\n\nconst icon = cva([~~'text-dark-teal-200'~~], {\n\tvariants: {\n\t\thover: {\n\t\t\tfalse: null,\n\t\t\ttrue: null,\n\t\t},\n\t\tdisabled: {\n\t\t\tfalse: null,\n\t\t\ttrue: null,\n\t\t},\n\t},\n\tcompoundVariants: [\n\t\t{\n\t\t\tdisabled: false,\n\t\t\thover: true,\n\t\t\tclass: 'group-hover:text-~~dark~~-~~teal~~-100',\n\t\t},\n\t],\n});\n\n@Component({\n\ttag: 'p-floating-menu-item',\n\tstyleUrl: 'floating-menu-item.component.css',\n})\nexport class FloatingMenuItem {\n\t/*\n\t Wether it should have a hover effect\n\t /\n\t@Prop() hover: boolean = true;\n\n\t/\n\t Wether the item is disabled\n\t /\n\t@Prop() disabled: boolean = false;\n\n\t/\n\t Wether loading is applied\n\t /\n\t@Prop() loading: boolean = false;\n\n\t/\n\t Icon to show on the item\n\t /\n\t@Prop() icon: IconVariant;\n\n\t/\n\t Icon position\n\t /\n\t@Prop() iconPosition: 'start' \| 'end' = 'end';\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\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={item({\n\t\t\t\t\thover: asBoolean(this.hover) && !asBoolean(this.loading),\n\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{this._getIcon()}\n\n\t\t\t\t<p class='min-w-0 overflow-hidden text-ellipsis text-nowrap font-semibold'>\n\t\t\t\t\t<slot />\n\t\t\t\t</p>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _getIcon() {\n\t\tif (!this.icon && !this.loading) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this.loading) {\n\t\t\treturn <p-loader color='white' />;\n\t\t}\n\n\t\treturn (\n\t\t\t<p-icon\n\t\t\t\tclass={icon({\n\t\t\t\t\thover: asBoolean(this.hover),\n\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t})}\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"]}
1	+ {"version":3,"file":"floating-menu-item.component.js","sourceRoot":"","sources":["../../../../../src/components/atoms/floating-menu/item/floating-menu-item.component.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\nimport { IconFlipOptions, IconVariant } from '../../icon/icon.component';\nimport { RotateOptions } from '../../../../types';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../../utils/as-boolean';\n\nconst item = cva(\n\t['group', 'flex gap-2 items-center h-8 px-2', 'text-sm', 'rounded-lg'],\n\t{\n\t\tvariants: {\n\t\t\thover: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\tdisabled: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'opacity-60 cursor-not-allowed',\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'cursor-not-allowed text-storm-50',\n\t\t\t},\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'text-storm-100',\n\t\t\t},\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\thover: true,\n\t\t\t\tclass:\n\t\t\t\t\t'cursor-pointer active:text-storm-100/60 hover:bg-storm-800 active:bg-storm-700',\n\t\t\t},\n\t\t],\n\t}\n);\n\nconst icon = cva([], {\n\tvariants: {\n\t\thover: {\n\t\t\tfalse: null,\n\t\t\ttrue: null,\n\t\t},\n\t\tdisabled: {\n\t\t\tfalse: null,\n\t\t\ttrue: null,\n\t\t},\n\t},\n\tcompoundVariants: [\n\t\t{\n\t\t\tdisabled: false,\n\t\t\thover: true,\n\t\t\tclass: 'group-hover:text-storm-100 group-active:text-storm-100/60',\n\t\t},\n\t],\n});\n\n@Component({\n\ttag: 'p-floating-menu-item',\n\tstyleUrl: 'floating-menu-item.component.css',\n})\nexport class FloatingMenuItem {\n\t/*\n\t Wether it should have a hover effect\n\t /\n\t@Prop() hover: boolean = true;\n\n\t/\n\t Wether the item is disabled\n\t /\n\t@Prop() disabled: boolean = false;\n\n\t/\n\t Wether loading is applied\n\t /\n\t@Prop() loading: boolean = false;\n\n\t/\n\t Icon to show on the item\n\t /\n\t@Prop() icon: IconVariant;\n\n\t/\n\t Icon position\n\t /\n\t@Prop() iconPosition: 'start' \| 'end' = 'end';\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\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={item({\n\t\t\t\t\thover: asBoolean(this.hover) && !asBoolean(this.loading),\n\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{this._getIcon()}\n\n\t\t\t\t<p class='min-w-0 overflow-hidden text-ellipsis text-nowrap font-semibold empty:hidden'>\n\t\t\t\t\t<slot />\n\t\t\t\t</p>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _getIcon() {\n\t\tif (!this.icon && !this.loading) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this.loading) {\n\t\t\treturn <p-loader color='white' />;\n\t\t}\n\n\t\treturn (\n\t\t\t<p-icon\n\t\t\t\tclass={icon({\n\t\t\t\t\thover: asBoolean(this.hover),\n\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t})}\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"]}

package/dist/collection/components/atoms/helper/helper.component.css CHANGED Viewed

	@@ -1 +1 @@
1	- .inline-flex{display:inline-flex!important}.h-\[0\.875rem\]{height:.875rem!important}.w-\[0\.875rem\]{width:.875rem!important}*{box-sizing:border-box}:host{display:inline-flex;height:.875rem;width:.875rem}.absolute{position:absolute!important}.flex{display:flex!important}.cursor-pointer{cursor:pointer!important}.text-~~black~~-~~teal-~~300{--tw-text-opacity:1!important;color:rgb(~~104~~ 127 ~~124~~/var(--tw-text-opacity,1))!important}.hover\:text-~~black-teal~~:hover{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}
1	+ .inline-flex{display:inline-flex!important}.h-\[0\.875rem\]{height:.875rem!important}.w-\[0\.875rem\]{width:.875rem!important}*{box-sizing:border-box}:host{display:inline-flex;height:.875rem;width:.875rem}.absolute{position:absolute!important}.flex{display:flex!important}.cursor-pointer{cursor:pointer!important}.text-storm-300{--tw-text-opacity:1!important;color:rgb(116 120 127/var(--tw-text-opacity,1))!important}.hover\:text-storm:hover{--tw-text-opacity:1!important;color:rgb(24 30 41/var(--tw-text-opacity,1))!important}

package/dist/collection/components/atoms/helper/helper.component.js CHANGED Viewed

@@ -9,7 +9,7 @@ export class Helper {
      */
     placement = 'top';
     render() {
-        return (h(Host, { key: '44b2555556b4740a56e07bdad7eda0b97eda56fe' }, h("p-tooltip", { key: '8a907aa49eb46864b4e57f27d33b39a0e8e509e7', class: 'flex', placement: this.placement, strategy: this.strategy }, h("p-icon", { key: '2dced53d0b1e46eab4d8e59e7fdf13693649c37f', size: 'sm', class: 'cursor-pointer text-black-teal-300 hover:text-black-teal', variant: 'question-circle', slot: 'trigger' }), h("div", { key: '856556eba448de537d8a2227d23c4d8b23709bee', slot: 'content' }, h("slot", { key: 'bace19b50147c938ffda2b874753f6ada70f7788' })))));
+        return (h(Host, { key: '44b2555556b4740a56e07bdad7eda0b97eda56fe' }, h("p-tooltip", { key: '8a907aa49eb46864b4e57f27d33b39a0e8e509e7', class: 'flex', placement: this.placement, strategy: this.strategy }, h("p-icon", { key: 'f39176a453e1ecc3e2337c1f6cea5c0195c7d1df', size: 'sm', class: 'cursor-pointer text-storm-300 hover:text-storm', variant: 'question-circle', slot: 'trigger' }), h("div", { key: 'cf2248be0cd255302f88237a9bcaed0ffc4796b2', slot: 'content' }, h("slot", { key: 'a0ec257741a2721d9a6770edd6119821d4259bd5' })))));
     }
     static get is() { return "p-helper"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/helper/helper.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"helper.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/helper/helper.component.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,MAAM;IAClB;;OAEG;IACK,QAAQ,GAAa,UAAU,CAAC;IAExC;;OAEG;IACK,SAAS,GAAc,KAAK,CAAC;IAErC,MAAM;QACL,OAAO,CACN,EAAC,IAAI;YACJ,kEACC,KAAK,EAAC,MAAM,EACZ,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,QAAQ,EAAE,IAAI,CAAC,QAAQ;gBAEvB,+DACC,IAAI,EAAC,IAAI,EACT,KAAK,EAAC,~~0DAA0D~~,~~EAChE~~,OAAO,EAAC,iBAAiB,EACzB,IAAI,EAAC,SAAS,GACb;gBAEF,4DAAK,IAAI,EAAC,SAAS;oBAClB,8DAAQ,CACH,CACK,CACN,CACP,CAAC;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Placement, Strategy } from '@floating-ui/dom';\nimport { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-helper',\n\tstyleUrl: 'helper.component.css',\n\tshadow: true,\n})\nexport class Helper {\n\t/*\n\t The strategy of the popover placement\n\t /\n\t@Prop() strategy: Strategy = 'absolute';\n\n\t/\n\t The placement of the helper popover\n\t */\n\t@Prop() placement: Placement = 'top';\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<p-tooltip\n\t\t\t\t\tclass='flex'\n\t\t\t\t\tplacement={this.placement}\n\t\t\t\t\tstrategy={this.strategy}\n\t\t\t\t>\n\t\t\t\t\t<p-icon\n\t\t\t\t\t\tsize='sm'\n\t\t\t\t\t\tclass='cursor-pointer text-~~black~~-~~teal-~~300 hover:text-~~black-teal~~'\n\t\t\t\t\t\tvariant='question-circle'\n\t\t\t\t\t\tslot='trigger'\n\t\t\t\t\t/>\n\n\t\t\t\t\t<div slot='content'>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t</p-tooltip>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"]}
1	+ {"version":3,"file":"helper.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/helper/helper.component.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,MAAM;IAClB;;OAEG;IACK,QAAQ,GAAa,UAAU,CAAC;IAExC;;OAEG;IACK,SAAS,GAAc,KAAK,CAAC;IAErC,MAAM;QACL,OAAO,CACN,EAAC,IAAI;YACJ,kEACC,KAAK,EAAC,MAAM,EACZ,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,QAAQ,EAAE,IAAI,CAAC,QAAQ;gBAEvB,+DACC,IAAI,EAAC,IAAI,EACT,KAAK,EAAC,gDAAgD,EACtD,OAAO,EAAC,iBAAiB,EACzB,IAAI,EAAC,SAAS,GACb;gBAEF,4DAAK,IAAI,EAAC,SAAS;oBAClB,8DAAQ,CACH,CACK,CACN,CACP,CAAC;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Placement, Strategy } from '@floating-ui/dom';\nimport { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-helper',\n\tstyleUrl: 'helper.component.css',\n\tshadow: true,\n})\nexport class Helper {\n\t/*\n\t The strategy of the popover placement\n\t /\n\t@Prop() strategy: Strategy = 'absolute';\n\n\t/\n\t The placement of the helper popover\n\t */\n\t@Prop() placement: Placement = 'top';\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<p-tooltip\n\t\t\t\t\tclass='flex'\n\t\t\t\t\tplacement={this.placement}\n\t\t\t\t\tstrategy={this.strategy}\n\t\t\t\t>\n\t\t\t\t\t<p-icon\n\t\t\t\t\t\tsize='sm'\n\t\t\t\t\t\tclass='cursor-pointer text-storm-300 hover:text-storm'\n\t\t\t\t\t\tvariant='question-circle'\n\t\t\t\t\t\tslot='trigger'\n\t\t\t\t\t/>\n\n\t\t\t\t\t<div slot='content'>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t</p-tooltip>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"]}

package/dist/collection/components/atoms/info-panel/info-panel.component.css CHANGED Viewed

	@@ -1 +1 @@
1	- *{box-sizing:border-box}.static{position:static!important}.absolute{position:absolute!important}.relative{position:relative!important}.right-2{right:.5rem!important}.top-2{top:.5rem!important}.my-0{margin-bottom:0!important;margin-top:0!important}.flex{display:flex!important}.h-6{height:1.5rem!important}.h-inherit{height:inherit!important}.w-6{width:1.5rem!important}.w-full{width:100%!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-1{gap:.25rem!important}.rounded-lg{border-radius:.5rem!important}.bg-amber-50{--tw-bg-opacity:1!important;background-color:rgb(255 250 224/var(--tw-bg-opacity,1))!important}.bg-~~negative~~-~~red-~~100{--tw-bg-opacity:1!important;background-color:rgb(~~255~~ ~~221~~ ~~221~~/var(--tw-bg-opacity,1))!important}.bg-~~positive~~-~~green~~-100{--tw-bg-opacity:1!important;background-color:rgb(~~213~~ ~~251~~ ~~199~~/var(--tw-bg-opacity,1))!important}.bg-~~supportive~~-~~lilac~~-~~200~~{--tw-bg-opacity:1!important;background-color:rgb(~~237~~ ~~223~~ ~~255~~/var(--tw-bg-opacity,1))!important}.bg-white-700{--tw-bg-opacity:1!important;background-color:rgb(242 242 242/var(--tw-bg-opacity,1))!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.py-3{padding-bottom:.75rem!important;padding-top:.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-medium{font-weight:500!important}.font-normal{font-weight:400!important}.text-amber-800{--tw-text-opacity:1!important;color:rgb(148 77 11/var(--tw-text-opacity,1))!important}.text-~~black~~-~~teal-800~~{--tw-text-opacity:1!important;color:rgb(0 2 2/var(--tw-text-opacity,1))!important}.text-~~black-teal-800\/60{color:rgba(0,2,2,.6)!important}.text-~~negative-red-800{--tw-text-opacity:1!important;color:rgb(141 16 16/var(--tw-text-opacity,1))!important}.text-positive-green-800{--tw-text-opacity:1!important;color:rgb(47 100 7/var(--tw-text-opacity,1))!important}.text-~~supportive~~-~~lilac-900~~{--tw-text-opacity:1!important;color:rgb(80 9 ~~179~~/var(--tw-text-opacity,1))!important}.hover\:bg-white-500\/40:hover{background-color:hsla(0,0%,100%,.4)!important}.hover\:text-~~black~~-~~teal-~~800\/60:hover{color:rgba(0,2,2,.6)!important}
1	+ *{box-sizing:border-box}.static{position:static!important}.absolute{position:absolute!important}.relative{position:relative!important}.right-2{right:.5rem!important}.top-2{top:.5rem!important}.my-0{margin-bottom:0!important;margin-top:0!important}.flex{display:flex!important}.h-6{height:1.5rem!important}.h-inherit{height:inherit!important}.w-6{width:1.5rem!important}.w-full{width:100%!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-1{gap:.25rem!important}.rounded-lg{border-radius:.5rem!important}.bg-amber-50{--tw-bg-opacity:1!important;background-color:rgb(255 250 224/var(--tw-bg-opacity,1))!important}.bg-indigo-100{--tw-bg-opacity:1!important;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))!important}.bg-negative-red-100{--tw-bg-opacity:1!important;background-color:rgb(255 221 221/var(--tw-bg-opacity,1))!important}.bg-positive-green-100{--tw-bg-opacity:1!important;background-color:rgb(213 251 199/var(--tw-bg-opacity,1))!important}.bg-white-700{--tw-bg-opacity:1!important;background-color:rgb(242 242 242/var(--tw-bg-opacity,1))!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.py-3{padding-bottom:.75rem!important;padding-top:.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-medium{font-weight:500!important}.font-normal{font-weight:400!important}.text-amber-800{--tw-text-opacity:1!important;color:rgb(148 77 11/var(--tw-text-opacity,1))!important}.text-indigo-900{--tw-text-opacity:1!important;color:rgb(19 73 182/var(--tw-text-opacity,1))!important}.text-negative-red-800{--tw-text-opacity:1!important;color:rgb(141 16 16/var(--tw-text-opacity,1))!important}.text-positive-green-800{--tw-text-opacity:1!important;color:rgb(47 100 7/var(--tw-text-opacity,1))!important}.text-storm-800{--tw-text-opacity:1!important;color:rgb(2 8 21/var(--tw-text-opacity,1))!important}.text-storm-800\/60{color:rgba(2,8,21,.6)!important}.hover\:bg-white-500\/40:hover{background-color:hsla(0,0%,100%,.4)!important}.hover\:text-storm-800\/60:hover{color:rgba(2,8,21,.6)!important}

package/dist/collection/components/atoms/info-panel/info-panel.component.js CHANGED Viewed

@@ -3,7 +3,7 @@ import { cva } from "class-variance-authority";
 const infopanel = cva(['flex flex-col gap-1', 'w-full h-inherit px-4 py-3', 'rounded-lg relative'], {
     variants: {
         variant: {
-            neutral: 'bg-supportive-lilac-200',
+            neutral: 'bg-indigo-100',
             positive: 'bg-positive-green-100',
             biased: 'bg-amber-50',
             negative: 'bg-negative-red-100',
@@ -14,11 +14,11 @@ const infopanel = cva(['flex flex-col gap-1', 'w-full h-inherit px-4 py-3', 'rou
 const header = cva('text-sm font-medium', {
     variants: {
         variant: {
-            neutral: 'text-supportive-lilac-900',
+            neutral: 'text-indigo-900',
             positive: 'text-positive-green-800',
             biased: 'text-amber-800',
             negative: 'text-negative-red-800',
-            feedback: 'text-black-teal-800',
+            feedback: 'text-storm-800',
         },
     },
 });
@@ -26,7 +26,7 @@ const close = cva([
     'absolute right-2 top-2',
     'flex items-center justify-center',
     'rounded-lg cursor-pointer',
-    'text-black-teal-800/60 hover:text-black-teal-800/60 hover:bg-white-500/40',
+    'text-storm-800/60 hover:text-storm-800/60 hover:bg-white-500/40',
     'h-6 w-6',
 ]);
 export class InfoPanel {
@@ -57,7 +57,7 @@ export class InfoPanel {
     render() {
         const hasHeaderSlot = !!this._el.querySelector(':scope > [slot="header"]');
         const hasContentSlot = !!this._el.querySelector(':scope > [slot="content"]');
-        return (h("div", { key: 'c0ef4452abee2c0833dbec3edf29ce10fe247a1e', class: infopanel({ variant: this.variant }) }, (this.header?.length || hasHeaderSlot) && (h("div", { key: 'f5c9069e828eca834d414326ff626c95839cf3fe', class: header({ variant: this.variant }) }, this.header?.length ? (h("p", { class: 'my-0' }, this.header)) : (h("slot", { name: 'header' })))), (this.content?.length || hasContentSlot) && (h("div", { key: '321c43f1bc03c5d6f22dcda9abd4a165cb4dc121', class: 'h-inherit text-sm font-normal text-black-teal-800/60' }, this.content?.length ? (h("p", { class: 'my-0' }, this.content)) : (h("slot", { name: 'content' })))), this.closeable && (h("div", { key: '66f78c1820f3c68cdb134220662176dac21fffee', class: close(), onClick: () => this._close() }, h("p-icon", { key: 'b123ac4d9583398a939c155f6ca03e8eb7609a9b', variant: 'negative' })))));
+        return (h("div", { key: '117c52f7b0f32119bb4bd025737d7f3153773588', class: infopanel({ variant: this.variant }) }, (this.header?.length || hasHeaderSlot) && (h("div", { key: '675e415e6d1817b6bd2af3e6bb1f02c5c775f0b8', class: header({ variant: this.variant }) }, this.header?.length ? (h("p", { class: 'my-0' }, this.header)) : (h("slot", { name: 'header' })))), (this.content?.length || hasContentSlot) && (h("div", { key: '4d8b43bbf2a1d78ec7e80b817c4330ee9cb4d9e4', class: 'h-inherit text-sm font-normal text-storm-800/60' }, this.content?.length ? (h("p", { class: 'my-0' }, this.content)) : (h("slot", { name: 'content' })))), this.closeable && (h("div", { key: '94fe140914af8525f63597354b5fdc96b98eb4eb', class: close(), onClick: () => this._close() }, h("p-icon", { key: 'e2318e6061aef2036aeff1f3438d3a30aeff0a7e', variant: 'negative' })))));
     }
     _close() {
         this.closed.emit();

package/dist/collection/components/atoms/info-panel/info-panel.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"info-panel.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/info-panel/info-panel.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EACN,SAAS,EACT,OAAO,EACP,CAAC,EACD,IAAI,EACJ,KAAK,GAEL,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,MAAM,SAAS,GAAG,GAAG,CACpB,CAAC,qBAAqB,EAAE,4BAA4B,EAAE,qBAAqB,CAAC,EAC5E;IACC,QAAQ,EAAE;QACT,OAAO,EAAE;YACR,OAAO,EAAE,~~yBAAyB~~;~~YAClC~~,QAAQ,EAAE,uBAAuB;YACjC,MAAM,EAAE,aAAa;YACrB,QAAQ,EAAE,qBAAqB;YAC/B,QAAQ,EAAE,cAAc;SACxB;KACD;CACD,CACD,CAAC;AAEF,MAAM,MAAM,GAAG,GAAG,CAAC,qBAAqB,EAAE;IACzC,QAAQ,EAAE;QACT,OAAO,EAAE;YACR,OAAO,EAAE,~~2BAA2B~~;~~YACpC~~,QAAQ,EAAE,yBAAyB;YACnC,MAAM,EAAE,gBAAgB;YACxB,QAAQ,EAAE,uBAAuB;YACjC,QAAQ,EAAE,~~qBAAqB~~;~~SAC/B~~;KACD;CACD,CAAC,CAAC;AAEH,MAAM,KAAK,GAAG,GAAG,CAAC;IACjB,wBAAwB;IACxB,kCAAkC;IAElC,2BAA2B;IAC3B,~~2EAA2E~~;~~IAE3E~~,SAAS;CACT,CAAC,CAAC;AAOH,MAAM,OAAO,SAAS;IACrB;;OAEG;IACK,OAAO,GACd,UAAU,CAAC;IAEZ;;OAEG;IACK,MAAM,CAAS;IAEvB;;OAEG;IACK,OAAO,CAAS;IAExB;;OAEG;IACK,SAAS,GAAY,KAAK,CAAC;IAEnC;;OAEG;IAIH,MAAM,CAAqB;IAE3B;;OAEG;IACgB,GAAG,CAAc;IAEpC,MAAM;QACL,MAAM,aAAa,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,0BAA0B,CAAC,CAAC;QAC3E,MAAM,cAAc,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CAC9C,2BAA2B,CAC3B,CAAC;QAEF,OAAO,CACN,4DAAK,KAAK,EAAE,SAAS,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC;YAC9C,CAAC,IAAI,CAAC,MAAM,EAAE,MAAM,IAAI,aAAa,CAAC,IAAI,CAC1C,4DAAK,KAAK,EAAE,MAAM,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC,IAC3C,IAAI,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,CACtB,SAAG,KAAK,EAAC,MAAM,IAAE,IAAI,CAAC,MAAM,CAAK,CACjC,CAAC,CAAC,CAAC,CACH,YAAM,IAAI,EAAC,QAAQ,GAAG,CACtB,CACI,CACN;YAEA,CAAC,IAAI,CAAC,OAAO,EAAE,MAAM,IAAI,cAAc,CAAC,IAAI,CAC5C,4DAAK,KAAK,EAAC,~~sDAAsD~~,~~IAC/D~~,IAAI,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CACvB,SAAG,KAAK,EAAC,MAAM,IAAE,IAAI,CAAC,OAAO,CAAK,CAClC,CAAC,CAAC,CAAC,CACH,YAAM,IAAI,EAAC,SAAS,GAAG,CACvB,CACI,CACN;YAEA,IAAI,CAAC,SAAS,IAAI,CAClB,4DACC,KAAK,EAAE,KAAK,EAAE,EACd,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE;gBAE5B,+DAAQ,OAAO,EAAC,UAAU,GAAG,CACxB,CACN,CACI,CACN,CAAC;IACH,CAAC;IAEO,MAAM;QACb,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;QACnB,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC;IACnB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import {\n\tComponent,\n\tElement,\n\th,\n\tProp,\n\tEvent,\n\tEventEmitter,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst infopanel = cva(\n\t['flex flex-col gap-1', 'w-full h-inherit px-4 py-3', 'rounded-lg relative'],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tneutral: 'bg-~~supportive~~-~~lilac-200~~',\n\t\t\t\tpositive: 'bg-positive-green-100',\n\t\t\t\tbiased: 'bg-amber-50',\n\t\t\t\tnegative: 'bg-negative-red-100',\n\t\t\t\tfeedback: 'bg-white-700',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst header = cva('text-sm font-medium', {\n\tvariants: {\n\t\tvariant: {\n\t\t\tneutral: 'text-~~supportive~~-~~lilac-~~900',\n\t\t\tpositive: 'text-positive-green-800',\n\t\t\tbiased: 'text-amber-800',\n\t\t\tnegative: 'text-negative-red-800',\n\t\t\tfeedback: 'text-~~black~~-~~teal-~~800',\n\t\t},\n\t},\n});\n\nconst close = cva([\n\t'absolute right-2 top-2',\n\t'flex items-center justify-center',\n\n\t'rounded-lg cursor-pointer',\n\t'text-~~black~~-~~teal-~~800/60 hover:text-~~black~~-~~teal-~~800/60 hover:bg-white-500/40',\n\n\t'h-6 w-6',\n]);\n\n@Component({\n\ttag: 'p-info-panel',\n\tstyleUrl: 'info-panel.component.css',\n\tshadow: true,\n})\nexport class InfoPanel {\n\t/*\n\t The variant of the info panel\n\t /\n\t@Prop() variant: 'neutral' \| 'positive' \| 'biased' \| 'negative' \| 'feedback' =\n\t\t'feedback';\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\tconst hasHeaderSlot = !!this._el.querySelector(':scope > [slot=\"header\"]');\n\t\tconst hasContentSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"content\"]'\n\t\t);\n\n\t\treturn (\n\t\t\t<div class={infopanel({ variant: this.variant })}>\n\t\t\t\t{(this.header?.length \|\| hasHeaderSlot) && (\n\t\t\t\t\t<div class={header({ variant: this.variant })}>\n\t\t\t\t\t\t{this.header?.length ? (\n\t\t\t\t\t\t\t<p class='my-0'>{this.header}</p>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<slot name='header' />\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t{(this.content?.length \|\| hasContentSlot) && (\n\t\t\t\t\t<div class='h-inherit text-sm font-normal text-~~black~~-~~teal-~~800/60'>\n\t\t\t\t\t\t{this.content?.length ? (\n\t\t\t\t\t\t\t<p class='my-0'>{this.content}</p>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<slot name='content' />\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t)}\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</div>\n\t\t);\n\t}\n\n\tprivate _close() {\n\t\tthis.closed.emit();\n\t\tthis._el.remove();\n\t}\n}\n"]}
1	+ {"version":3,"file":"info-panel.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/info-panel/info-panel.component.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n\tComponent,\n\tElement,\n\th,\n\tProp,\n\tEvent,\n\tEventEmitter,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst infopanel = cva(\n\t['flex flex-col gap-1', 'w-full h-inherit px-4 py-3', 'rounded-lg relative'],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tneutral: 'bg-indigo-100',\n\t\t\t\tpositive: 'bg-positive-green-100',\n\t\t\t\tbiased: 'bg-amber-50',\n\t\t\t\tnegative: 'bg-negative-red-100',\n\t\t\t\tfeedback: 'bg-white-700',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst header = cva('text-sm font-medium', {\n\tvariants: {\n\t\tvariant: {\n\t\t\tneutral: 'text-indigo-900',\n\t\t\tpositive: 'text-positive-green-800',\n\t\t\tbiased: 'text-amber-800',\n\t\t\tnegative: 'text-negative-red-800',\n\t\t\tfeedback: 'text-storm-800',\n\t\t},\n\t},\n});\n\nconst close = cva([\n\t'absolute right-2 top-2',\n\t'flex items-center justify-center',\n\n\t'rounded-lg cursor-pointer',\n\t'text-storm-800/60 hover:text-storm-800/60 hover:bg-white-500/40',\n\n\t'h-6 w-6',\n]);\n\n@Component({\n\ttag: 'p-info-panel',\n\tstyleUrl: 'info-panel.component.css',\n\tshadow: true,\n})\nexport class InfoPanel {\n\t/*\n\t The variant of the info panel\n\t /\n\t@Prop() variant: 'neutral' \| 'positive' \| 'biased' \| 'negative' \| 'feedback' =\n\t\t'feedback';\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\tconst hasHeaderSlot = !!this._el.querySelector(':scope > [slot=\"header\"]');\n\t\tconst hasContentSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"content\"]'\n\t\t);\n\n\t\treturn (\n\t\t\t<div class={infopanel({ variant: this.variant })}>\n\t\t\t\t{(this.header?.length \|\| hasHeaderSlot) && (\n\t\t\t\t\t<div class={header({ variant: this.variant })}>\n\t\t\t\t\t\t{this.header?.length ? (\n\t\t\t\t\t\t\t<p class='my-0'>{this.header}</p>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<slot name='header' />\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t{(this.content?.length \|\| hasContentSlot) && (\n\t\t\t\t\t<div class='h-inherit text-sm font-normal text-storm-800/60'>\n\t\t\t\t\t\t{this.content?.length ? (\n\t\t\t\t\t\t\t<p class='my-0'>{this.content}</p>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<slot name='content' />\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t)}\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</div>\n\t\t);\n\t}\n\n\tprivate _close() {\n\t\tthis.closed.emit();\n\t\tthis._el.remove();\n\t}\n}\n"]}

package/dist/collection/components/atoms/listing/item/listing-item.component.css CHANGED Viewed

	@@ -1 +1 @@
1	- *{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 0%!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-medium{font-weight:500!important}.text-~~black-teal~~{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}
1	+ *{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 0%!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-medium{font-weight:500!important}.text-storm{--tw-text-opacity:1!important;color:rgb(24 30 41/var(--tw-text-opacity,1))!important}

package/dist/collection/components/atoms/listing/item/listing-item.component.js CHANGED Viewed

@@ -5,7 +5,7 @@ export class ListingItem {
      */
     icon = 'placeholder';
     render() {
-        return (h("div", { key: '233139ebfd7c46cb09925c91287f8731bc58847a', class: 'flex items-center  gap-2 text-black-teal' }, h("p-icon", { key: '1ece8ed05714f7a965919874f8d1f9d791f41b31', variant: this.icon }), h("div", { key: '28481d22c8b10c1fe05662e026eca751d6dabb33', class: 'flex min-w-0 flex-1 flex-col text-sm font-medium' }, h("slot", { key: '817cb9a231db28a372af6b3f580f54c9547b5a89' }))));
+        return (h("div", { key: 'ee822fbb240f42fba5ce6376acf9862fae78c5c0', class: 'flex items-center  gap-2 text-storm' }, h("p-icon", { key: '132731ce034d17a3a07afde68e4c6bcf8bde9314', variant: this.icon }), h("div", { key: 'a9b55d4a658ed61bd3c898f4afaf37cb2e2aab40', class: 'flex min-w-0 flex-1 flex-col text-sm font-medium' }, h("slot", { key: 'b3d2115e664f73cd7f6c2f7b2551e758ac9114cf' }))));
     }
     static get is() { return "p-listing-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/listing/item/listing-item.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"listing-item.component.js","sourceRoot":"","sources":["../../../../../src/components/atoms/listing/item/listing-item.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAQnD,MAAM,OAAO,WAAW;IACvB;;OAEG;IACK,IAAI,GAAgB,aAAa,CAAC;IAE1C,MAAM;QACL,OAAO,CACN,4DAAK,KAAK,EAAC,~~0CAA0C~~;~~YACpD~~,+DAAQ,OAAO,EAAE,IAAI,CAAC,IAAI,GAAI;YAC9B,4DAAK,KAAK,EAAC,kDAAkD;gBAC5D,8DAAQ,CACH,CACD,CACN,CAAC;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Prop } from '@stencil/core';\nimport { IconVariant } from '../../icon/icon.component';\n\n@Component({\n\ttag: 'p-listing-item',\n\tstyleUrl: 'listing-item.component.css',\n\tshadow: true,\n})\nexport class ListingItem {\n\t/*\n\t The icon of the step\n\t */\n\t@Prop() icon: IconVariant = 'placeholder';\n\n\trender() {\n\t\treturn (\n\t\t\t<div class='flex items-center gap-2 text-~~black-teal~~'>\n\t\t\t\t<p-icon variant={this.icon} />\n\t\t\t\t<div class='flex min-w-0 flex-1 flex-col text-sm font-medium'>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n}\n"]}
1	+ {"version":3,"file":"listing-item.component.js","sourceRoot":"","sources":["../../../../../src/components/atoms/listing/item/listing-item.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAQnD,MAAM,OAAO,WAAW;IACvB;;OAEG;IACK,IAAI,GAAgB,aAAa,CAAC;IAE1C,MAAM;QACL,OAAO,CACN,4DAAK,KAAK,EAAC,qCAAqC;YAC/C,+DAAQ,OAAO,EAAE,IAAI,CAAC,IAAI,GAAI;YAC9B,4DAAK,KAAK,EAAC,kDAAkD;gBAC5D,8DAAQ,CACH,CACD,CACN,CAAC;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Prop } from '@stencil/core';\nimport { IconVariant } from '../../icon/icon.component';\n\n@Component({\n\ttag: 'p-listing-item',\n\tstyleUrl: 'listing-item.component.css',\n\tshadow: true,\n})\nexport class ListingItem {\n\t/*\n\t The icon of the step\n\t */\n\t@Prop() icon: IconVariant = 'placeholder';\n\n\trender() {\n\t\treturn (\n\t\t\t<div class='flex items-center gap-2 text-storm'>\n\t\t\t\t<p-icon variant={this.icon} />\n\t\t\t\t<div class='flex min-w-0 flex-1 flex-col text-sm font-medium'>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n}\n"]}

package/dist/collection/components/atoms/loader/loader.component.css CHANGED Viewed

	@@ -1 +1 @@
1	- .fixed{position:fixed!important}.left-0{left:0!important}.top-0{top:0!important}.box-border{box-sizing:border-box!important}.block{display:block!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.h-\[1em\]{height:1em!important}.w-\[1em\]{width:1em!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}.items-center{align-items:center!important}.border-2{border-width:2px!important}.border-off-white-600\/40{border-color:hsla(43,16%,91%,.4)!important}.border-white\/40{border-color:hsla(0,0%,100%,.4)!important}.border-r-~~black~~-~~teal~~-400{--tw-border-opacity:1!important;border-right-color:rgb(53 85 80/var(--tw-border-opacity,1))!important}.border-~~r-supportive-lilac\/40{border-right-color:rgba(209,174,255,.4)!important}.border-~~t-~~black-teal-700~~{--tw-border-opacity:1!important;border-top-color:rgb(0 13 11/var(--tw-border-opacity,1))!important}.border-t-off-white-800{--tw-border-opacity:1!important;border-top-color:rgb(213 208 195/var(--tw-border-opacity,1))!important}.border-t-~~supportive~~-~~lilac~~{--tw-border-opacity:1!important;border-top-color:rgb(~~209~~ ~~174~~ ~~255~~/var(--tw-border-opacity,1))!important}.border-t-white{--tw-border-opacity:1!important;border-top-color:rgb(255 255 255/var(--tw-border-opacity,1))!important}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.h-screen-safe{height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important}*{box-sizing:border-box}:host .loader{animation:spin .5s linear infinite;border-radius:9999px;border-style:solid;border-width:2px;display:inline-block;height:1em;width:1em;will-change:transform}:host .loader.color-~~supportive-lilac~~{--tw-border-opacity:1!important;border-right-color:rgba(~~209~~,~~174~~,~~255~~,.4)!important;border-top-color:rgb(~~209~~ ~~174~~ ~~255~~/var(--tw-border-opacity,1))!important}:host .loader.color-off-white{--tw-border-opacity:1!important;border-color:hsla(43,16%,91%,.4)!important;border-top-color:rgb(213 208 195/var(--tw-border-opacity,1))!important}:host .loader.color-white{--tw-border-opacity:1!important;border-color:hsla(0,0%,100%,.4)!important;border-top-color:rgb(255 255 255/var(--tw-border-opacity,1))!important}:host .loader.color-~~black-teal~~{--tw-border-opacity:1!important;border-right-color:rgb(53 85 80/var(--tw-border-opacity,1))!important;border-top-color:rgb(0 13 11/var(--tw-border-opacity,1))!important}:host .loading-screen{--tw-bg-opacity:1;align-items:center;background-color:rgb(250 249 248/var(--tw-bg-opacity,1));display:flex;height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom));justify-content:center;left:0;position:fixed;top:0;width:calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right));z-index:1001}:host .loading-screen .content{max-width:20rem}:host(.variant-ghost){--loading-bg:#f7fafc;--loading-stripe:#fcfdfe;animation:loading 1s ease-in-out infinite;background-color:var(--loading-bg);background:linear-gradient(100deg,hsla(0,0%,100%,0) 40%,var(--loading-stripe) 50%,hsla(0,0%,100%,0) 60%) var(--loading-bg);background-position-x:180%;background-size:200% 100%;box-sizing:border-box;display:block;min-height:1em;min-width:1em;will-change:background,background-position-x,background-color}@keyframes loading{to{background-position-x:-20%}}@keyframes spin{to{transform:rotate(1turn)}}.static{position:static!important}.inline{display:inline!important}.min-h-4{min-height:1rem!important}.w-full{width:100%!important}.min-w-4{min-width:1rem!important}.justify-center{justify-content:center!important}.rounded-2xl{border-radius:1rem!important}.text-4xl{font-size:2.5rem!important;line-height:3rem!important}
1	+ .fixed{position:fixed!important}.left-0{left:0!important}.top-0{top:0!important}.box-border{box-sizing:border-box!important}.block{display:block!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.h-\[1em\]{height:1em!important}.w-\[1em\]{width:1em!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}.items-center{align-items:center!important}.border-2{border-width:2px!important}.border-off-white-600\/40{border-color:hsla(43,16%,91%,.4)!important}.border-white\/40{border-color:hsla(0,0%,100%,.4)!important}.border-r-indigo\/40{border-right-color:rgba(142,179,251,.4)!important}.border-r-storm-400{--tw-border-opacity:1!important;border-right-color:rgb(70 75 84/var(--tw-border-opacity,1))!important}.border-t-indigo{--tw-border-opacity:1!important;border-top-color:rgb(142 179 251/var(--tw-border-opacity,1))!important}.border-t-off-white-800{--tw-border-opacity:1!important;border-top-color:rgb(213 208 195/var(--tw-border-opacity,1))!important}.border-t-storm-700{--tw-border-opacity:1!important;border-top-color:rgb(8 15 28/var(--tw-border-opacity,1))!important}.border-t-white{--tw-border-opacity:1!important;border-top-color:rgb(255 255 255/var(--tw-border-opacity,1))!important}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.h-screen-safe{height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important}*{box-sizing:border-box}:host .loader{animation:spin .5s linear infinite;border-radius:9999px;border-style:solid;border-width:2px;display:inline-block;height:1em;width:1em;will-change:transform}:host .loader.color-indigo{--tw-border-opacity:1!important;border-right-color:rgba(142,179,251,.4)!important;border-top-color:rgb(142 179 251/var(--tw-border-opacity,1))!important}:host .loader.color-off-white{--tw-border-opacity:1!important;border-color:hsla(43,16%,91%,.4)!important;border-top-color:rgb(213 208 195/var(--tw-border-opacity,1))!important}:host .loader.color-white{--tw-border-opacity:1!important;border-color:hsla(0,0%,100%,.4)!important;border-top-color:rgb(255 255 255/var(--tw-border-opacity,1))!important}:host .loader.color-storm{--tw-border-opacity:1!important;border-right-color:rgb(70 75 84/var(--tw-border-opacity,1))!important;border-top-color:rgb(8 15 28/var(--tw-border-opacity,1))!important}:host .loading-screen{--tw-bg-opacity:1;align-items:center;background-color:rgb(250 249 248/var(--tw-bg-opacity,1));display:flex;height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom));justify-content:center;left:0;position:fixed;top:0;width:calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right));z-index:1001}:host .loading-screen .content{max-width:20rem}:host(.variant-ghost){--loading-bg:#f7fafc;--loading-stripe:#fcfdfe;animation:loading 1s ease-in-out infinite;background-color:var(--loading-bg);background:linear-gradient(100deg,hsla(0,0%,100%,0) 40%,var(--loading-stripe) 50%,hsla(0,0%,100%,0) 60%) var(--loading-bg);background-position-x:180%;background-size:200% 100%;box-sizing:border-box;display:block;min-height:1em;min-width:1em;will-change:background,background-position-x,background-color}@keyframes loading{to{background-position-x:-20%}}@keyframes spin{to{transform:rotate(1turn)}}.static{position:static!important}.inline{display:inline!important}.min-h-4{min-height:1rem!important}.w-full{width:100%!important}.min-w-4{min-width:1rem!important}.justify-center{justify-content:center!important}.rounded-2xl{border-radius:1rem!important}.text-4xl{font-size:2.5rem!important;line-height:3rem!important}

package/dist/collection/components/atoms/loader/loader.component.js CHANGED Viewed

@@ -11,7 +11,7 @@ export class Loader {
     /**
      * Color of the loader
      */
-    color = 'supportive-lilac';
+    color = 'indigo';
     /**
      * !NOT IMPLEMENTED! Modal title for modal variant
      */
@@ -120,8 +120,8 @@ export class Loader {
                 "attribute": "color",
                 "mutable": false,
                 "complexType": {
-                    "original": "'supportive-lilac' | 'white' | 'off-white' | 'black-teal'",
-                    "resolved": "\"black-teal\" | \"off-white\" | \"supportive-lilac\" | \"white\"",
+                    "original": "'indigo' | 'white' | 'off-white' | 'storm'",
+                    "resolved": "\"indigo\" | \"off-white\" | \"storm\" | \"white\"",
                     "references": {}
                 },
                 "required": false,
@@ -133,7 +133,7 @@ export class Loader {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "defaultValue": "'supportive-lilac'"
+                "defaultValue": "'indigo'"
             },
             "modalTitle": {
                 "type": "string",

package/dist/collection/components/atoms/loader/loader.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"loader.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/loader/loader.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAQzD,MAAM,OAAO,MAAM;IAClB;;OAEG;IACK,IAAI,GAAkC,IAAI,CAAC;IAEnD;;OAEG;IACK,OAAO,GACd,QAAQ,CAAC;IAEV;;OAEG;IACK,KAAK,~~GACZ~~,~~kBAAkB~~,CAAC;~~IAEpB~~;;OAEG;IACK,UAAU,CAAS;IAE3B;;OAEG;IACK,gBAAgB,CAAS;IAEzB,KAAK,GAAkC,KAAK,CAAC;IAC7C,eAAe,CAAe;IAEtC,gBAAgB;QACf,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC;IACxB,CAAC;IAED,mBAAmB;QAClB,IAAI,CAAC,UAAU,EAAE,CAAC;IACnB,CAAC;IAED,qBAAqB;QACpB,IAAI,CAAC,UAAU,EAAE,CAAC;IACnB,CAAC;IAED,MAAM;QACL,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;YACjB,OAAO;QACR,CAAC;QAED,IAAI,IAAI,CAAC,OAAO,KAAK,OAAO,EAAE,CAAC;YAC9B,OAAO,EAAC,IAAI,IAAC,KAAK,EAAC,2CAA2C,GAAQ,CAAC;QACxE,CAAC;QAED,MAAM,MAAM,GAAG,WAAK,KAAK,EAAE,gBAAgB,IAAI,CAAC,KAAK,EAAE,GAAQ,CAAC;QAEhE,IAAI,IAAI,CAAC,OAAO,KAAK,aAAa,EAAE,CAAC;YACpC,OAAO,CACN,EAAC,IAAI,IAAC,KAAK,EAAC,qBAAqB;gBAChC,WAAK,KAAK,EAAC,gBAAgB;oBAC1B,WAAK,KAAK,EAAC,SAAS;wBACnB,eAAQ,CACH,CACD,CACA,CACP,CAAC;QACH,CAAC;QAED,OAAO,CACN,EAAC,IAAI,IACJ,KAAK,EAAE,wBACN,IAAI,CAAC,OAAO,KAAK,YAAY,IAAI,qCAClC,EAAE,IAED,MAAM,CACD,CACP,CAAC;IACH,CAAC;IAEO,UAAU;QACjB,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC;YAC1B,IAAI,CAAC,eAAe,CAAC,WAAW,EAAE,CAAC;YACnC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;QAC7B,CAAC;QAED,IAAI,OAAO,IAAI,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;YACpC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,IAAI,EAAE,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC,CAAC;YACzE,OAAO;QACR,CAAC;QAED,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC;IACxB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\nimport { Observable, Subscription } from 'rxjs';\n\n@Component({\n\ttag: 'p-loader',\n\tstyleUrl: 'loader.component.scss',\n\tshadow: true,\n})\nexport class Loader {\n\t/*\n\t Wether to show or hide the loader\n\t /\n\t@Prop() show: boolean \| Observable<boolean> = true;\n\n\t/\n\t Variant of loader\n\t /\n\t@Prop() variant: 'inline' \| 'full-width' \| 'full-screen' \| 'modal' \| 'ghost' =\n\t\t'inline';\n\n\t/\n\t Color of the loader\n\t /\n\t@Prop() color: '~~supportive-lilac~~' \| 'white' \| 'off-white' \| '~~black-teal~~' ~~=\n\t\t~~'~~supportive-lilac~~';\n\n\t/\n\t !NOT IMPLEMENTED! Modal title for modal variant\n\t /\n\t@Prop() modalTitle: string;\n\n\t/\n\t !NOT IMPLEMENTED! Modal description for modal variant\n\t */\n\t@Prop() modalDescription: string;\n\n\tprivate _show: boolean \| Observable<boolean> = false;\n\tprivate _showSubscriber: Subscription;\n\n\tcomponendDidLoad() {\n\t\tthis._show = this.show;\n\t}\n\n\tcomponentWillRender() {\n\t\tthis._checkShow();\n\t}\n\n\tcomponentShouldUpdate() {\n\t\tthis._checkShow();\n\t}\n\n\trender() {\n\t\tif (!this._show) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this.variant === 'ghost') {\n\t\t\treturn <Host class='variant-ghost min-h-4 min-w-4 rounded-2xl'></Host>;\n\t\t}\n\n\t\tconst loader = <div class={`loader color-${this.color}`}></div>;\n\n\t\tif (this.variant === 'full-screen') {\n\t\t\treturn (\n\t\t\t\t<Host class='variant-full-screen'>\n\t\t\t\t\t<div class='loading-screen'>\n\t\t\t\t\t\t<div class='content'>\n\t\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</Host>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={`variant-default flex ${\n\t\t\t\t\tthis.variant === 'full-width' && 'flex w-full justify-center text-4xl'\n\t\t\t\t}`}\n\t\t\t>\n\t\t\t\t{loader}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _checkShow() {\n\t\tif (this._showSubscriber) {\n\t\t\tthis._showSubscriber.unsubscribe();\n\t\t\tthis._showSubscriber = null;\n\t\t}\n\n\t\tif (typeof this.show !== 'boolean') {\n\t\t\tthis._showSubscriber = this.show?.subscribe(show => (this._show = show));\n\t\t\treturn;\n\t\t}\n\n\t\tthis._show = this.show;\n\t}\n}\n"]}
1	+ {"version":3,"file":"loader.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/loader/loader.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAQzD,MAAM,OAAO,MAAM;IAClB;;OAEG;IACK,IAAI,GAAkC,IAAI,CAAC;IAEnD;;OAEG;IACK,OAAO,GACd,QAAQ,CAAC;IAEV;;OAEG;IACK,KAAK,GAA+C,QAAQ,CAAC;IAErE;;OAEG;IACK,UAAU,CAAS;IAE3B;;OAEG;IACK,gBAAgB,CAAS;IAEzB,KAAK,GAAkC,KAAK,CAAC;IAC7C,eAAe,CAAe;IAEtC,gBAAgB;QACf,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC;IACxB,CAAC;IAED,mBAAmB;QAClB,IAAI,CAAC,UAAU,EAAE,CAAC;IACnB,CAAC;IAED,qBAAqB;QACpB,IAAI,CAAC,UAAU,EAAE,CAAC;IACnB,CAAC;IAED,MAAM;QACL,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;YACjB,OAAO;QACR,CAAC;QAED,IAAI,IAAI,CAAC,OAAO,KAAK,OAAO,EAAE,CAAC;YAC9B,OAAO,EAAC,IAAI,IAAC,KAAK,EAAC,2CAA2C,GAAQ,CAAC;QACxE,CAAC;QAED,MAAM,MAAM,GAAG,WAAK,KAAK,EAAE,gBAAgB,IAAI,CAAC,KAAK,EAAE,GAAQ,CAAC;QAEhE,IAAI,IAAI,CAAC,OAAO,KAAK,aAAa,EAAE,CAAC;YACpC,OAAO,CACN,EAAC,IAAI,IAAC,KAAK,EAAC,qBAAqB;gBAChC,WAAK,KAAK,EAAC,gBAAgB;oBAC1B,WAAK,KAAK,EAAC,SAAS;wBACnB,eAAQ,CACH,CACD,CACA,CACP,CAAC;QACH,CAAC;QAED,OAAO,CACN,EAAC,IAAI,IACJ,KAAK,EAAE,wBACN,IAAI,CAAC,OAAO,KAAK,YAAY,IAAI,qCAClC,EAAE,IAED,MAAM,CACD,CACP,CAAC;IACH,CAAC;IAEO,UAAU;QACjB,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC;YAC1B,IAAI,CAAC,eAAe,CAAC,WAAW,EAAE,CAAC;YACnC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;QAC7B,CAAC;QAED,IAAI,OAAO,IAAI,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;YACpC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,IAAI,EAAE,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC,CAAC;YACzE,OAAO;QACR,CAAC;QAED,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC;IACxB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\nimport { Observable, Subscription } from 'rxjs';\n\n@Component({\n\ttag: 'p-loader',\n\tstyleUrl: 'loader.component.scss',\n\tshadow: true,\n})\nexport class Loader {\n\t/*\n\t Wether to show or hide the loader\n\t /\n\t@Prop() show: boolean \| Observable<boolean> = true;\n\n\t/\n\t Variant of loader\n\t /\n\t@Prop() variant: 'inline' \| 'full-width' \| 'full-screen' \| 'modal' \| 'ghost' =\n\t\t'inline';\n\n\t/\n\t Color of the loader\n\t /\n\t@Prop() color: 'indigo' \| 'white' \| 'off-white' \| 'storm' = 'indigo';\n\n\t/\n\t !NOT IMPLEMENTED! Modal title for modal variant\n\t /\n\t@Prop() modalTitle: string;\n\n\t/\n\t !NOT IMPLEMENTED! Modal description for modal variant\n\t */\n\t@Prop() modalDescription: string;\n\n\tprivate _show: boolean \| Observable<boolean> = false;\n\tprivate _showSubscriber: Subscription;\n\n\tcomponendDidLoad() {\n\t\tthis._show = this.show;\n\t}\n\n\tcomponentWillRender() {\n\t\tthis._checkShow();\n\t}\n\n\tcomponentShouldUpdate() {\n\t\tthis._checkShow();\n\t}\n\n\trender() {\n\t\tif (!this._show) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this.variant === 'ghost') {\n\t\t\treturn <Host class='variant-ghost min-h-4 min-w-4 rounded-2xl'></Host>;\n\t\t}\n\n\t\tconst loader = <div class={`loader color-${this.color}`}></div>;\n\n\t\tif (this.variant === 'full-screen') {\n\t\t\treturn (\n\t\t\t\t<Host class='variant-full-screen'>\n\t\t\t\t\t<div class='loading-screen'>\n\t\t\t\t\t\t<div class='content'>\n\t\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</Host>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={`variant-default flex ${\n\t\t\t\t\tthis.variant === 'full-width' && 'flex w-full justify-center text-4xl'\n\t\t\t\t}`}\n\t\t\t>\n\t\t\t\t{loader}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _checkShow() {\n\t\tif (this._showSubscriber) {\n\t\t\tthis._showSubscriber.unsubscribe();\n\t\t\tthis._showSubscriber = null;\n\t\t}\n\n\t\tif (typeof this.show !== 'boolean') {\n\t\t\tthis._showSubscriber = this.show?.subscribe(show => (this._show = show));\n\t\t\treturn;\n\t\t}\n\n\t\tthis._show = this.show;\n\t}\n}\n"]}

package/dist/collection/components/atoms/modal/header/modal-header.component.js CHANGED Viewed

@@ -9,7 +9,7 @@ const title = cva([
     'flex-1 text-center',
     'w-[calc(100%-7rem)]',
     'absolute top-1/2 -translate-y-1/2 left-1/2 -translate-x-1/2',
-    'black-teal-500 text-2xl text-ambit font-bold',
+    'storm-500 text-2xl text-ambit font-bold',
 ]);
 export class ModalHeader {
     /**
@@ -21,7 +21,7 @@ export class ModalHeader {
      */
     close;
     render() {
-        return (h("div", { key: '4946d7c4d5a1f6981801c0ae26f3f34b829fb6a4', class: header() }, h("div", { key: '0bab63782e52b919c1707d26e99814ca20850ae2', class: content() }, h("div", { key: '0c2b1eb02be7138ad27faa178b055bf15e5e76d0', class: title() }, h("slot", { key: '1b746eb803d9e03853b7e69657f442322faf7932' })), this.showClose && (h("p-button", { key: '1a7e1e8af217396877caa7d786e88554e3a250e7', variant: 'secondary', icon: 'negative', iconOnly: true, onClick: ev => this.close.emit(ev) }))), h("p-smile", { key: '928badcce7a4935035d9fec990d49893df78a7e3' })));
+        return (h("div", { key: '93adaa5e1244e2513961bcf531b35c701d2ddcea', class: header() }, h("div", { key: '12cf054ed11b33f5f8652620c71a25a7daf39022', class: content() }, h("div", { key: '54dcfd59d43d8de46d21a2ae894b929878399241', class: title() }, h("slot", { key: '2e57e36cd0a4292dec232f1c519a61dd83774c09' })), this.showClose && (h("p-button", { key: '311430ee8a24efc60d92159b3255ebf72a161009', variant: 'secondary', icon: 'negative', iconOnly: true, onClick: ev => this.close.emit(ev) }))), h("p-smile", { key: 'ed71fd1d08cb450bf30a8945650d88b60933edbf' })));
     }
     static get is() { return "p-modal-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/modal/header/modal-header.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"modal-header.component.js","sourceRoot":"","sources":["../../../../../src/components/atoms/modal/header/modal-header.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACxE,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,MAAM,MAAM,GAAG,GAAG,CAAC;IAClB,uEAAuE;IACvE,0BAA0B;CAC1B,CAAC,CAAC;AAEH,MAAM,OAAO,GAAG,GAAG,CAAC,CAAC,kBAAkB,EAAE,sBAAsB,CAAC,CAAC,CAAC;AAElE,MAAM,KAAK,GAAG,GAAG,CAAC;IACjB,oBAAoB;IACpB,qBAAqB;IACrB,6DAA6D;IAC7D,~~8CAA8C~~;~~CAC9C~~,CAAC,CAAC;AAOH,MAAM,OAAO,WAAW;IACvB;;OAEG;IACK,SAAS,GAAG,IAAI,CAAC;IAEzB;;OAEG;IAIH,KAAK,CAA2B;IAEhC,MAAM;QACL,OAAO,CACN,4DAAK,KAAK,EAAE,MAAM,EAAE;YACnB,4DAAK,KAAK,EAAE,OAAO,EAAE;gBACpB,4DAAK,KAAK,EAAE,KAAK,EAAE;oBAClB,8DAAQ,CACH;gBAEL,IAAI,CAAC,SAAS,IAAI,CAClB,iEACC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,GACvB,CACZ,CACI;YAEN,iEAAW,CACN,CACN,CAAC;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst header = cva([\n\t'w-full flex-col bg-white relative rounded-t-2xl overflow-hidden z-[1]',\n\t'inline-flex aspect-[7/1]',\n]);\n\nconst content = cva(['flex justify-end', 'w-full p-4 pb-0 h-12']);\n\nconst title = cva([\n\t'flex-1 text-center',\n\t'w-[calc(100%-7rem)]',\n\t'absolute top-1/2 -translate-y-1/2 left-1/2 -translate-x-1/2',\n\t'~~black~~-~~teal-~~500 text-2xl text-ambit font-bold',\n]);\n\n@Component({\n\ttag: 'p-modal-header',\n\tstyleUrl: 'modal-header.component.css',\n\tshadow: true,\n})\nexport class ModalHeader {\n\t/*\n\t Wether to show the close button on mobile\n\t /\n\t@Prop() showClose = true;\n\n\t/\n\t Close click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclose: EventEmitter<MouseEvent>;\n\n\trender() {\n\t\treturn (\n\t\t\t<div class={header()}>\n\t\t\t\t<div class={content()}>\n\t\t\t\t\t<div class={title()}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{this.showClose && (\n\t\t\t\t\t\t<p-button\n\t\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\t\ticon='negative'\n\t\t\t\t\t\t\ticonOnly={true}\n\t\t\t\t\t\t\tonClick={ev => this.close.emit(ev)}\n\t\t\t\t\t\t></p-button>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\n\t\t\t\t<p-smile />\n\t\t\t</div>\n\t\t);\n\t}\n}\n"]}
1	+ {"version":3,"file":"modal-header.component.js","sourceRoot":"","sources":["../../../../../src/components/atoms/modal/header/modal-header.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACxE,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,MAAM,MAAM,GAAG,GAAG,CAAC;IAClB,uEAAuE;IACvE,0BAA0B;CAC1B,CAAC,CAAC;AAEH,MAAM,OAAO,GAAG,GAAG,CAAC,CAAC,kBAAkB,EAAE,sBAAsB,CAAC,CAAC,CAAC;AAElE,MAAM,KAAK,GAAG,GAAG,CAAC;IACjB,oBAAoB;IACpB,qBAAqB;IACrB,6DAA6D;IAC7D,yCAAyC;CACzC,CAAC,CAAC;AAOH,MAAM,OAAO,WAAW;IACvB;;OAEG;IACK,SAAS,GAAG,IAAI,CAAC;IAEzB;;OAEG;IAIH,KAAK,CAA2B;IAEhC,MAAM;QACL,OAAO,CACN,4DAAK,KAAK,EAAE,MAAM,EAAE;YACnB,4DAAK,KAAK,EAAE,OAAO,EAAE;gBACpB,4DAAK,KAAK,EAAE,KAAK,EAAE;oBAClB,8DAAQ,CACH;gBAEL,IAAI,CAAC,SAAS,IAAI,CAClB,iEACC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,GACvB,CACZ,CACI;YAEN,iEAAW,CACN,CACN,CAAC;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst header = cva([\n\t'w-full flex-col bg-white relative rounded-t-2xl overflow-hidden z-[1]',\n\t'inline-flex aspect-[7/1]',\n]);\n\nconst content = cva(['flex justify-end', 'w-full p-4 pb-0 h-12']);\n\nconst title = cva([\n\t'flex-1 text-center',\n\t'w-[calc(100%-7rem)]',\n\t'absolute top-1/2 -translate-y-1/2 left-1/2 -translate-x-1/2',\n\t'storm-500 text-2xl text-ambit font-bold',\n]);\n\n@Component({\n\ttag: 'p-modal-header',\n\tstyleUrl: 'modal-header.component.css',\n\tshadow: true,\n})\nexport class ModalHeader {\n\t/*\n\t Wether to show the close button on mobile\n\t /\n\t@Prop() showClose = true;\n\n\t/\n\t Close click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclose: EventEmitter<MouseEvent>;\n\n\trender() {\n\t\treturn (\n\t\t\t<div class={header()}>\n\t\t\t\t<div class={content()}>\n\t\t\t\t\t<div class={title()}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{this.showClose && (\n\t\t\t\t\t\t<p-button\n\t\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\t\ticon='negative'\n\t\t\t\t\t\t\ticonOnly={true}\n\t\t\t\t\t\t\tonClick={ev => this.close.emit(ev)}\n\t\t\t\t\t\t></p-button>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\n\t\t\t\t<p-smile />\n\t\t\t</div>\n\t\t);\n\t}\n}\n"]}

package/dist/collection/components/atoms/navigation-title/navigation-title.component.css CHANGED Viewed

	@@ -1 +1 @@
1	- *{box-sizing:border-box}.static{position:static!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-medium{font-weight:500!important}.text-~~black~~-~~teal-~~300{--tw-text-opacity:1!important;color:rgb(~~104~~ 127 ~~124~~/var(--tw-text-opacity,1))!important}
1	+ *{box-sizing:border-box}.static{position:static!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-medium{font-weight:500!important}.text-storm-300{--tw-text-opacity:1!important;color:rgb(116 120 127/var(--tw-text-opacity,1))!important}

package/dist/collection/components/atoms/navigation-title/navigation-title.component.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class NavigationTitle {
     render() {
-        return (h(Host, { key: 'd74b2d3e0602f8658597f331d4876eeb4ad94c20', class: 'text-xs font-medium text-black-teal-300' }, h("slot", { key: '1a2d78c7d6a65678ccff44ab7a39c58ff8d26394' })));
+        return (h(Host, { key: '77a0674113d8c6c455849633b3d2e63cc4be66a4', class: 'text-xs font-medium text-storm-300' }, h("slot", { key: 'd1d9dbb0cda3f302b84ba0a4376968ec68984d6d' })));
     }
     static get is() { return "p-navigation-title"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/navigation-title/navigation-title.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"navigation-title.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/navigation-title/navigation-title.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,eAAe;IAC3B,MAAM;QACL,OAAO,CACN,EAAC,IAAI,qDAAC,KAAK,EAAC,~~yCAAyC~~;~~YACpD~~,8DAAQ,CACF,CACP,CAAC;IACH,CAAC;;;;;;;;;CACD","sourcesContent":["import { Component, h, Host } from '@stencil/core';\n\n@Component({\n\ttag: 'p-navigation-title',\n\tstyleUrl: 'navigation-title.component.css',\n\tshadow: true,\n})\nexport class NavigationTitle {\n\trender() {\n\t\treturn (\n\t\t\t<Host class='text-xs font-medium text-~~black~~-~~teal-~~300'>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"]}
1	+ {"version":3,"file":"navigation-title.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/navigation-title/navigation-title.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,eAAe;IAC3B,MAAM;QACL,OAAO,CACN,EAAC,IAAI,qDAAC,KAAK,EAAC,oCAAoC;YAC/C,8DAAQ,CACF,CACP,CAAC;IACH,CAAC;;;;;;;;;CACD","sourcesContent":["import { Component, h, Host } from '@stencil/core';\n\n@Component({\n\ttag: 'p-navigation-title',\n\tstyleUrl: 'navigation-title.component.css',\n\tshadow: true,\n})\nexport class NavigationTitle {\n\trender() {\n\t\treturn (\n\t\t\t<Host class='text-xs font-medium text-storm-300'>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"]}

package/dist/collection/components/atoms/pagination/pages-item/pagination-pages-item.component.css CHANGED Viewed

	@@ -1 +1 @@
1	- *{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.h-6{height:1.5rem!important}.w-6{width:1.5rem!important}.cursor-not-allowed{cursor:not-allowed!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.rounded{border-radius:.25rem!important}.rounded-full{border-radius:9999px!important}.bg-~~dark~~-~~teal~~-~~400~~{--tw-bg-opacity:1!important;~~background~~-color:rgb(51 ~~116~~ ~~109~~/var(--tw-bg-opacity,1))!important}.bg-off-white-300{--tw-bg-opacity:1!important;background-color:rgb(248 247 244/var(--tw-bg-opacity,1))!important}.bg-off-white-700{--tw-bg-opacity:1!important;background-color:rgb(222 219 213/var(--tw-bg-opacity,1))!important}.text-center{text-align:center!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-semibold{font-weight:600!important}.text-~~black~~-~~teal~~-~~500~~{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.text-~~white~~{--tw-text-opacity:1!important;color:rgb(~~255~~ ~~255~~ ~~255~~/var(--tw-text-opacity,1))!important}.opacity-20{opacity:.2!important}.hover\:bg-~~dark~~-~~teal~~-500:hover{--tw-bg-opacity:1!important;background-color:rgb(0 81 72/var(--tw-bg-opacity,1))!important}.hover\:bg-~~off-~~white-~~500~~:hover{--tw-bg-opacity:1!important;background-color:rgb(~~243~~ ~~241~~ ~~237~~/var(--tw-bg-opacity,1))!important}.~~focus~~\:bg-~~dark~~-~~teal~~-600:~~focus~~{--tw-bg-opacity:1!important;background-color:rgb(0 72 64/var(--tw-bg-opacity,1))!important}
1	+ *{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.h-6{height:1.5rem!important}.w-6{width:1.5rem!important}.cursor-not-allowed{cursor:not-allowed!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.rounded{border-radius:.25rem!important}.rounded-full{border-radius:9999px!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-storm-100{--tw-border-opacity:1!important;border-color:rgb(209 210 212/var(--tw-border-opacity,1))!important}.border-storm\/20{border-color:rgba(24,30,41,.2)!important}.bg-off-white-300{--tw-bg-opacity:1!important;background-color:rgb(248 247 244/var(--tw-bg-opacity,1))!important}.bg-off-white-700{--tw-bg-opacity:1!important;background-color:rgb(222 219 213/var(--tw-bg-opacity,1))!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.bg-white,.bg-white-600{--tw-bg-opacity:1!important}.bg-white-600{background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.text-center{text-align:center!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-semibold{font-weight:600!important}.text-storm-100{--tw-text-opacity:1!important;color:rgb(209 210 212/var(--tw-text-opacity,1))!important}.text-storm-300{--tw-text-opacity:1!important;color:rgb(116 120 127/var(--tw-text-opacity,1))!important}.text-storm-500{--tw-text-opacity:1!important;color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.opacity-20{opacity:.2!important}.hover\:bg-off-white-500:hover{--tw-bg-opacity:1!important;background-color:rgb(243 241 237/var(--tw-bg-opacity,1))!important}.hover\:bg-white-600:hover{--tw-bg-opacity:1!important;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.hover\:text-storm:hover{--tw-text-opacity:1!important;color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.active\:border-indigo-600:active{--tw-border-opacity:1!important;border-color:rgb(82 138 250/var(--tw-border-opacity,1))!important}.active\:bg-white-600:active{--tw-bg-opacity:1!important;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.active\:ring:active{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important}.active\:ring-2:active,.active\:ring:active{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.active\:ring-2:active{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important}.active\:ring-indigo-100:active{--tw-ring-opacity:1!important;--tw-ring-color:rgb(227 236 254/var(--tw-ring-opacity,1))!important}

package/dist/collection/components/atoms/pagination/pages-item/pagination-pages-item.component.js CHANGED Viewed

@@ -9,8 +9,8 @@ const item = cva([
 ], {
     variants: {
         variant: {
-            default: 'rounded text-black-teal-500',
-            carousel: 'rounded-full text-white',
+            default: 'rounded text-storm-500',
+            carousel: 'rounded-full border border-solid',
         },
         active: {
             false: null,
@@ -45,18 +45,18 @@ const item = cva([
         {
             variant: 'carousel',
             disabled: false,
-            class: 'bg-dark-teal-400',
+            class: 'bg-white text-storm-300 border-storm-100',
         },
         {
             variant: 'carousel',
             disabled: false,
             hover: true,
-            class: 'hover:bg-dark-teal-500 focus:bg-dark-teal-600 cursor-pointer',
+            class: 'hover:bg-white-600 hover:text-storm active:bg-white-600 active:border-indigo-600 active:ring active:ring-2 active:ring-indigo-100 cursor-pointer',
         },
         {
             variant: 'carousel',
             disabled: true,
-            class: 'bg-dark-teal-400 opacity-20',
+            class: 'bg-white-600 text-storm-100 border-storm/20 opacity-20',
         },
     ],
 });
@@ -78,12 +78,12 @@ export class PaginationPagesItem {
      */
     disabled = false;
     render() {
-        return (h("div", { key: '9327674a3df74d90655cd2c069a7b2162c73bb81', class: item({
+        return (h("div", { key: 'acbd31c4fd26166681745040da2e34cacbf8374e', class: item({
                 variant: this.variant,
                 active: asBoolean(this.active),
                 hover: asBoolean(this.hover, true),
                 disabled: asBoolean(this.disabled),
-            }) }, h("slot", { key: 'dbfcc50f1974010b6d4daf9ccf910d272fd00d68' })));
+            }) }, h("slot", { key: '4599701f9300ce58624f0f442ac4033edbcce1a3' })));
     }
     static get is() { return "p-pagination-pages-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/pagination/pages-item/pagination-pages-item.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"pagination-pages-item.component.js","sourceRoot":"","sources":["../../../../../src/components/atoms/pagination/pages-item/pagination-pages-item.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,MAAM,IAAI,GAAG,GAAG,CACf;IACC,mBAAmB;IACnB,UAAU;IACV,SAAS;IACT,8CAA8C;CAC9C,EACD;IACC,QAAQ,EAAE;QACT,OAAO,EAAE;YACR,OAAO,EAAE,~~6BAA6B~~;~~YACtC~~,QAAQ,EAAE,~~yBAAyB~~;~~SACnC~~;QACD,MAAM,EAAE;YACP,KAAK,EAAE,IAAI;YACX,IAAI,EAAE,IAAI;SACV;QACD,KAAK,EAAE;YACN,KAAK,EAAE,IAAI;YACX,IAAI,EAAE,IAAI;SACV;QACD,QAAQ,EAAE;YACT,KAAK,EAAE,IAAI;YACX,IAAI,EAAE,oBAAoB;SAC1B;KACD;IACD,gBAAgB,EAAE;QACjB;YACC,OAAO,EAAE,SAAS;YAClB,MAAM,EAAE,KAAK;YACb,KAAK,EAAE,kBAAkB;SACzB;QACD;YACC,OAAO,EAAE,SAAS;YAClB,MAAM,EAAE,KAAK;YACb,KAAK,EAAE,IAAI;YACX,KAAK,EAAE,uCAAuC;SAC9C;QACD;YACC,OAAO,EAAE,SAAS;YAClB,MAAM,EAAE,IAAI;YACZ,KAAK,EAAE,gCAAgC;SACvC;QAED;YACC,OAAO,EAAE,UAAU;YACnB,QAAQ,EAAE,KAAK;YACf,KAAK,EAAE,~~kBAAkB~~;~~SACzB~~;QACD;YACC,OAAO,EAAE,UAAU;YACnB,QAAQ,EAAE,KAAK;YACf,KAAK,EAAE,IAAI;YACX,KAAK,~~EAAE~~,~~8DAA8D~~;~~SACrE~~;QACD;YACC,OAAO,EAAE,UAAU;YACnB,QAAQ,EAAE,IAAI;YACd,KAAK,EAAE,~~6BAA6B~~;~~SACpC~~;KACD;CACD,CACD,CAAC;AAOF,MAAM,OAAO,mBAAmB;IAC/B;;OAEG;IACK,OAAO,GAA2B,SAAS,CAAC;IAEpD;;OAEG;IACK,MAAM,GAAY,KAAK,CAAC;IAEhC;;OAEG;IACK,KAAK,GAAY,IAAI,CAAC;IAE9B;;OAEG;IACK,QAAQ,GAAY,KAAK,CAAC;IAElC,MAAM;QACL,OAAO,CACN,4DACC,KAAK,EAAE,IAAI,CAAC;gBACX,OAAO,EAAE,IAAI,CAAC,OAAO;gBACrB,MAAM,EAAE,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC;gBAC9B,KAAK,EAAE,SAAS,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC;gBAClC,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC;aAClC,CAAC;YAEF,8DAAQ,CACH,CACN,CAAC;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../../utils/as-boolean';\n\nconst item = cva(\n\t[\n\t\t'p-pagination-item',\n\t\t'text-sm ',\n\t\t'h-6 w-6',\n\t\t'flex items-center justify-center text-center',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: 'rounded text-~~black~~-~~teal-~~500',\n\t\t\t\tcarousel: 'rounded-full ~~text~~-~~white~~',\n\t\t\t},\n\t\t\tactive: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\thover: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\tdisabled: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'cursor-not-allowed',\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tactive: false,\n\t\t\t\tclass: 'bg-off-white-300',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tactive: false,\n\t\t\t\thover: true,\n\t\t\t\tclass: 'hover:bg-off-white-500 cursor-pointer',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tactive: true,\n\t\t\t\tclass: 'bg-off-white-700 font-semibold',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tvariant: 'carousel',\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'bg-~~dark~~-~~teal~~-~~400~~',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'carousel',\n\t\t\t\tdisabled: false,\n\t\t\t\thover: true,\n\t\t\t\tclass: 'hover:bg-~~dark~~-~~teal~~-~~500~~ ~~focus~~:bg-~~dark~~-~~teal~~-600 cursor-pointer',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'carousel',\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'bg-~~dark~~-~~teal~~-~~400~~ opacity-20',\n\t\t\t},\n\t\t],\n\t}\n);\n\n@Component({\n\ttag: 'p-pagination-pages-item',\n\tstyleUrl: 'pagination-pages-item.component.css',\n\tshadow: true,\n})\nexport class PaginationPagesItem {\n\t/*\n\t The variant of the item\n\t /\n\t@Prop() variant: 'default' \| 'carousel' = 'default';\n\n\t/\n\t Wether the pagination item is active\n\t /\n\t@Prop() active: boolean = false;\n\n\t/\n\t Wether the pagination item has hover\n\t /\n\t@Prop() hover: boolean = true;\n\n\t/\n\t Wether the pagination item is disabled\n\t */\n\t@Prop() disabled: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={item({\n\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\tactive: asBoolean(this.active),\n\t\t\t\t\thover: asBoolean(this.hover, true),\n\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<slot />\n\t\t\t</div>\n\t\t);\n\t}\n}\n"]}
1	+ {"version":3,"file":"pagination-pages-item.component.js","sourceRoot":"","sources":["../../../../../src/components/atoms/pagination/pages-item/pagination-pages-item.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,MAAM,IAAI,GAAG,GAAG,CACf;IACC,mBAAmB;IACnB,UAAU;IACV,SAAS;IACT,8CAA8C;CAC9C,EACD;IACC,QAAQ,EAAE;QACT,OAAO,EAAE;YACR,OAAO,EAAE,wBAAwB;YACjC,QAAQ,EAAE,kCAAkC;SAC5C;QACD,MAAM,EAAE;YACP,KAAK,EAAE,IAAI;YACX,IAAI,EAAE,IAAI;SACV;QACD,KAAK,EAAE;YACN,KAAK,EAAE,IAAI;YACX,IAAI,EAAE,IAAI;SACV;QACD,QAAQ,EAAE;YACT,KAAK,EAAE,IAAI;YACX,IAAI,EAAE,oBAAoB;SAC1B;KACD;IACD,gBAAgB,EAAE;QACjB;YACC,OAAO,EAAE,SAAS;YAClB,MAAM,EAAE,KAAK;YACb,KAAK,EAAE,kBAAkB;SACzB;QACD;YACC,OAAO,EAAE,SAAS;YAClB,MAAM,EAAE,KAAK;YACb,KAAK,EAAE,IAAI;YACX,KAAK,EAAE,uCAAuC;SAC9C;QACD;YACC,OAAO,EAAE,SAAS;YAClB,MAAM,EAAE,IAAI;YACZ,KAAK,EAAE,gCAAgC;SACvC;QAED;YACC,OAAO,EAAE,UAAU;YACnB,QAAQ,EAAE,KAAK;YACf,KAAK,EAAE,0CAA0C;SACjD;QACD;YACC,OAAO,EAAE,UAAU;YACnB,QAAQ,EAAE,KAAK;YACf,KAAK,EAAE,IAAI;YACX,KAAK,EACJ,kJAAkJ;SACnJ;QACD;YACC,OAAO,EAAE,UAAU;YACnB,QAAQ,EAAE,IAAI;YACd,KAAK,EAAE,wDAAwD;SAC/D;KACD;CACD,CACD,CAAC;AAOF,MAAM,OAAO,mBAAmB;IAC/B;;OAEG;IACK,OAAO,GAA2B,SAAS,CAAC;IAEpD;;OAEG;IACK,MAAM,GAAY,KAAK,CAAC;IAEhC;;OAEG;IACK,KAAK,GAAY,IAAI,CAAC;IAE9B;;OAEG;IACK,QAAQ,GAAY,KAAK,CAAC;IAElC,MAAM;QACL,OAAO,CACN,4DACC,KAAK,EAAE,IAAI,CAAC;gBACX,OAAO,EAAE,IAAI,CAAC,OAAO;gBACrB,MAAM,EAAE,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC;gBAC9B,KAAK,EAAE,SAAS,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC;gBAClC,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC;aAClC,CAAC;YAEF,8DAAQ,CACH,CACN,CAAC;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../../utils/as-boolean';\n\nconst item = cva(\n\t[\n\t\t'p-pagination-item',\n\t\t'text-sm ',\n\t\t'h-6 w-6',\n\t\t'flex items-center justify-center text-center',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: 'rounded text-storm-500',\n\t\t\t\tcarousel: 'rounded-full border border-solid',\n\t\t\t},\n\t\t\tactive: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\thover: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\tdisabled: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'cursor-not-allowed',\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tactive: false,\n\t\t\t\tclass: 'bg-off-white-300',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tactive: false,\n\t\t\t\thover: true,\n\t\t\t\tclass: 'hover:bg-off-white-500 cursor-pointer',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tactive: true,\n\t\t\t\tclass: 'bg-off-white-700 font-semibold',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tvariant: 'carousel',\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'bg-white text-storm-300 border-storm-100',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'carousel',\n\t\t\t\tdisabled: false,\n\t\t\t\thover: true,\n\t\t\t\tclass:\n\t\t\t\t\t'hover:bg-white-600 hover:text-storm active:bg-white-600 active:border-indigo-600 active:ring active:ring-2 active:ring-indigo-100 cursor-pointer',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'carousel',\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'bg-white-600 text-storm-100 border-storm/20 opacity-20',\n\t\t\t},\n\t\t],\n\t}\n);\n\n@Component({\n\ttag: 'p-pagination-pages-item',\n\tstyleUrl: 'pagination-pages-item.component.css',\n\tshadow: true,\n})\nexport class PaginationPagesItem {\n\t/*\n\t The variant of the item\n\t /\n\t@Prop() variant: 'default' \| 'carousel' = 'default';\n\n\t/\n\t Wether the pagination item is active\n\t /\n\t@Prop() active: boolean = false;\n\n\t/\n\t Wether the pagination item has hover\n\t /\n\t@Prop() hover: boolean = true;\n\n\t/\n\t Wether the pagination item is disabled\n\t */\n\t@Prop() disabled: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={item({\n\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\tactive: asBoolean(this.active),\n\t\t\t\t\thover: asBoolean(this.hover, true),\n\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<slot />\n\t\t\t</div>\n\t\t);\n\t}\n}\n"]}

package/dist/collection/components/atoms/radio/radio.component.css CHANGED Viewed

	@@ -1 +1 @@
1	- *{box-sizing:border-box}.pointer-events-none{pointer-events:none!important}.static{position:static!important}.absolute{position:absolute!important}.relative{position:relative!important}.left-1\/2{left:50%!important}.top-1\/2{top:50%!important}.m-0{margin:0!important}.block{display:block!important}.flex{display:flex!important}.h-2{height:.5rem!important}.h-4{height:1rem!important}.w-2{width:.5rem!important}.w-4{width:1rem!important}.flex-shrink-0{flex-shrink:0!important}.-translate-x-1\/2{--tw-translate-x:-50%!important}.-translate-x-1\/2,.-translate-y-1\/2{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}.-translate-y-1\/2{--tw-translate-y:-50%!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}.cursor-not-allowed{cursor:not-allowed!important}.cursor-pointer{cursor:pointer!important}.appearance-none{appearance:none!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.gap-2{gap:.5rem!important}.rounded-full{border-radius:9999px!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-~~black-teal-100~~{--tw-border-opacity:1!important;border-color:rgb(~~205~~ ~~212~~ ~~211~~/var(--tw-border-opacity,1))!important}.border-~~black~~-~~teal-50~~{--tw-border-opacity:1!important;border-color:rgb(~~230~~ ~~234~~ ~~233~~/var(--tw-border-opacity,1))!important}.bg-transparent{background-color:transparent!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.bg-white,.bg-white-600{--tw-bg-opacity:1!important}.bg-white-600{background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.~~text-black-teal{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.~~shadow-1{--tw-shadow:0 1px 1px rgba(0,2,2,.08)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.outline-none{outline:2px solid transparent!important;outline-offset:2px!important}.checked\:cursor-auto:checked{cursor:auto!important}.checked\:border-~~black-teal~~\/20:checked{border-color:rgba(3,42,36,.2)!important}.checked\:bg-~~supportive~~-~~lilac~~:checked{--tw-bg-opacity:1!important;background-color:rgb(~~209~~ ~~174~~ ~~255~~/var(--tw-bg-opacity,1))!important}.checked\:ring-2:checked{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.checked\:ring-~~supportive~~-~~lilac-~~100:checked{--tw-ring-opacity:1!important;--tw-ring-color:rgb(~~246~~ ~~239~~ ~~255~~/var(--tw-ring-opacity,1))!important}.hover\:border-~~black-teal-100~~:hover{~~--tw-~~border-~~opacity:1!important;border-~~color:~~rgb~~(~~205 212 211/var(--tw-border-opacity~~,1))!important}.hover\:bg-~~supportive~~-~~lilac-~~100:hover{--tw-bg-opacity:1!important;background-color:rgb(~~246~~ ~~239~~ ~~255~~/var(--tw-bg-opacity,1))!important}.checked\:hover\:border-~~black-teal~~\/20:hover:checked{border-color:rgba(3,42,36,.2)!important}.checked\:hover\:bg-~~supportive~~-~~lilac~~:hover:checked{--tw-bg-opacity:1!important;background-color:rgb(~~209~~ ~~174~~ ~~255~~/var(--tw-bg-opacity,1))!important}.group\/radio-label:hover .group-hover\/radio-label\:border-~~black-teal-100~~{~~--tw-~~border-~~opacity:1!important;border-~~color:~~rgb~~(~~205 212 211/var(--tw-border-opacity~~,1))!important}.group\/radio-label:hover .group-hover\/radio-label\:bg-~~supportive~~-~~lilac-~~100{--tw-bg-opacity:1!important;background-color:rgb(~~246~~ ~~239~~ ~~255~~/var(--tw-bg-opacity,1))!important}.group\/radio-label:hover .checked\:group-hover\/radio-label\:border-~~black-teal~~\/20:checked{border-color:rgba(3,42,36,.2)!important}.group\/radio-label:hover .checked\:group-hover\/radio-label\:bg-~~supportive~~-~~lilac~~:checked{--tw-bg-opacity:1!important;background-color:rgb(~~209~~ ~~174~~ ~~255~~/var(--tw-bg-opacity,1))!important}.peer:checked~.peer-checked\:bg-~~black~~-~~teal-~~200{--tw-bg-opacity:1!important;background-color:rgb(~~154~~ ~~170~~ ~~167~~/var(--tw-bg-opacity,1))!important}.peer:checked~.peer-checked\:bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.peer:checked~.peer-checked\:ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.peer:checked~.peer-checked\:ring-~~black-teal~~\/10{--tw-ring-color:rgba(3,42,36,.1)!important}
1	+ *{box-sizing:border-box}.pointer-events-none{pointer-events:none!important}.static{position:static!important}.absolute{position:absolute!important}.relative{position:relative!important}.left-1\/2{left:50%!important}.top-1\/2{top:50%!important}.m-0{margin:0!important}.block{display:block!important}.flex{display:flex!important}.h-2{height:.5rem!important}.h-4{height:1rem!important}.w-2{width:.5rem!important}.w-4{width:1rem!important}.flex-shrink-0{flex-shrink:0!important}.-translate-x-1\/2{--tw-translate-x:-50%!important}.-translate-x-1\/2,.-translate-y-1\/2{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}.-translate-y-1\/2{--tw-translate-y:-50%!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}.cursor-not-allowed{cursor:not-allowed!important}.cursor-pointer{cursor:pointer!important}.appearance-none{appearance:none!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.gap-2{gap:.5rem!important}.rounded-full{border-radius:9999px!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-storm{--tw-border-opacity:1!important;border-color:rgb(24 30 41/var(--tw-border-opacity,1))!important}.border-storm-100{--tw-border-opacity:1!important;border-color:rgb(209 210 212/var(--tw-border-opacity,1))!important}.bg-transparent{background-color:transparent!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.bg-white,.bg-white-600{--tw-bg-opacity:1!important}.bg-white-600{background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.shadow-1{--tw-shadow:0 1px 1px rgba(0,2,2,.08)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.outline-none{outline:2px solid transparent!important;outline-offset:2px!important}.checked\:cursor-auto:checked{cursor:auto!important}.checked\:border-storm\/20:checked{border-color:rgba(24,30,41,.2)!important}.checked\:bg-indigo-600:checked{--tw-bg-opacity:1!important;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))!important}.checked\:ring-2:checked{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.checked\:ring-indigo-100:checked{--tw-ring-opacity:1!important;--tw-ring-color:rgb(227 236 254/var(--tw-ring-opacity,1))!important}.hover\:border-storm\/20:hover{border-color:rgba(24,30,41,.2)!important}.hover\:bg-indigo-100:hover{--tw-bg-opacity:1!important;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))!important}.checked\:hover\:border-storm\/20:hover:checked{border-color:rgba(24,30,41,.2)!important}.checked\:hover\:bg-indigo-700:hover:checked{--tw-bg-opacity:1!important;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))!important}.group\/radio-label:hover .group-hover\/radio-label\:border-storm\/20{border-color:rgba(24,30,41,.2)!important}.group\/radio-label:hover .group-hover\/radio-label\:bg-indigo-100{--tw-bg-opacity:1!important;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))!important}.group\/radio-label:hover .checked\:group-hover\/radio-label\:border-storm\/20:checked{border-color:rgba(24,30,41,.2)!important}.group\/radio-label:hover .checked\:group-hover\/radio-label\:bg-indigo-700:checked{--tw-bg-opacity:1!important;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))!important}.peer:checked~.peer-checked\:bg-storm-200{--tw-bg-opacity:1!important;background-color:rgb(163 165 169/var(--tw-bg-opacity,1))!important}.peer:checked~.peer-checked\:bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.peer:checked~.peer-checked\:ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.peer:checked~.peer-checked\:ring-storm\/10{--tw-ring-color:rgba(24,30,41,.1)!important}

package/dist/collection/components/atoms/radio/radio.component.js CHANGED Viewed

@@ -11,16 +11,16 @@ const radio = cva([
         disabled: {
             false: [
                 'cursor-pointer shadow-1',
-                'bg-white border-black-teal-100',
-                'hover:bg-supportivce-lilac-100 hover:border-black-teal-100',
-                'group-hover/radio-label:bg-supportivce-lilac-100 group-hover/radio-label:border-black-teal-100',
+                'bg-white border-storm-100',
+                'hover:bg-indigo-100 hover:border-storm/20',
+                'group-hover/radio-label:bg-indigo-100 group-hover/radio-label:border-storm/20',
                 'checked:cursor-auto',
-                'checked:bg-supportive-lilac checked:border-black-teal/20',
-                'checked:ring-2 checked:ring-supportive-lilac-100',
-                'checked:hover:bg-supportive-lilac checked:hover:border-black-teal/20',
-                'checked:group-hover/radio-label:bg-supportive-lilac checked:group-hover/radio-label:border-black-teal/20',
+                'checked:bg-indigo-600 checked:border-storm/20',
+                'checked:ring-2 checked:ring-indigo-100',
+                'checked:hover:bg-indigo-700 checked:hover:border-storm/20',
+                'checked:group-hover/radio-label:bg-indigo-700 checked:group-hover/radio-label:border-storm/20',
             ],
-            true: 'bg-white-600 border-black-teal-50 cursor-not-allowed ',
+            true: 'bg-white-600 border-storm cursor-not-allowed ',
         },
     },
     compoundVariants: [
@@ -28,9 +28,9 @@ const radio = cva([
             disabled: false,
             class: [
                 'cursor-pointer shadow-1',
-                'bg-white border-black-teal-100',
-                'hover:bg-supportive-lilac-100 hover:border-black-teal-100',
-                'group-hover/radio-label:bg-supportive-lilac-100 group-hover/radio-label:border-black-teal-100',
+                'bg-white border-storm-100',
+                'hover:bg-indigo-100 hover:border-storm/20',
+                'group-hover/radio-label:bg-indigo-100 group-hover/radio-label:border-storm/20',
             ],
         },
     ],
@@ -43,8 +43,8 @@ const circle = cva([
 ], {
     variants: {
         disabled: {
-            false: 'peer-checked:bg-white peer-checked:ring-1 peer-checked:ring-black-teal/10',
-            true: 'peer-checked:bg-black-teal-200',
+            false: 'peer-checked:bg-white peer-checked:ring-1 peer-checked:ring-storm/10',
+            true: 'peer-checked:bg-storm-200',
         },
     },
 });
@@ -90,11 +90,11 @@ export class Radio {
     }
     render() {
         const id = this.id?.length ? this.id : this._nonce;
-        return (h("label", { key: '924f5a9d864c1c478d732781f23a43f84c951fdb', htmlFor: id, class: 'flex items-center justify-start gap-2 text-black-teal' }, h("div", { key: '7e0c73cd7db9f06ac4131c5245421d5b0b72071d', class: 'relative flex flex-shrink-0 items-center' }, h("input", { key: '8dd49cb3b13c9df225fbe344286ce256a26a6a1a', class: radio({
+        return (h("label", { key: '02c3dd9770682178d15bb4eb31eb1616d093d19d', htmlFor: id, class: 'flex items-center justify-start gap-2' }, h("div", { key: 'c60d0679ee6f59a3df0fb758b35931005f1a1ed8', class: 'relative flex flex-shrink-0 items-center' }, h("input", { key: '1b8de29130d90576b57120506d935fa201cf3a03', class: radio({
                 disabled: asBoolean(this.disabled),
-            }), type: 'radio', id: id, name: this.name, required: this.required, value: this.value, checked: this.checked, disabled: asBoolean(this.disabled), onChange: ev => this._onChange(ev) }), h("div", { key: '5d9b8e9aefeebec7c0e5977f7994dfa1b939f795', class: circle({
+            }), type: 'radio', id: id, name: this.name, required: this.required, value: this.value, checked: this.checked, disabled: asBoolean(this.disabled), onChange: ev => this._onChange(ev) }), h("div", { key: '338c7c5f603f40ce44cd20f95cf6ca853ca1dd17', class: circle({
                 disabled: asBoolean(this.disabled),
-            }) })), h("slot", { key: '5dce2c44f1eb258f2dc3aa5041f41fb8e34fd0fc' })));
+            }) })), h("slot", { key: 'da8538f999a47c24aa34a5215ce469e5638c3e5b' })));
     }
     _onChange(ev) {
         if (asBoolean(this.disabled)) {