@paperless/core 2.0.1-beta.20 → 2.0.1-beta.22

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

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

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

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

package/dist/collection/components/atoms/label/label.component.css

@@ -1 +0,0 @@
-.block{display:block!important}.flex{display:flex!important}.hidden{display:none!important}.h-4{height:1rem!important}.h-\[0\.625rem\]{height:.625rem!important}.h-\[1\.625rem\]{height:1.625rem!important}.w-\[0\.625rem\]{width:.625rem!important}.w-\[1\.625rem\]{width:1.625rem!important}.min-w-\[1rem\]{min-width:1rem!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.rounded{border-radius:.25rem!important}.px-0{padding-left:0!important;padding-right:0!important}.px-1{padding-left:.25rem!important;padding-right:.25rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.py-\[1px\]{padding-bottom:1px!important;padding-top:1px!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}*{box-sizing:border-box}:host{align-items:center;border-radius:.25rem;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;height:1.625rem;justify-content:center;line-height:1.25rem;padding-left:.5rem;padding-right:.5rem}@media (min-width:64rem){:host{padding-left:.75rem;padding-right:.75rem}}:host .content{align-items:center;display:none}@media (min-width:64rem){:host .content{display:flex}}:host .circle{border-radius:9999px;display:none;height:.625rem;width:.625rem}:host p-icon{display:none!important;font-size:.75rem!important;line-height:1rem!important}:host([variant=neutral]){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(247 250 252/var(--tw-bg-opacity,1));color:rgb(152 154 183/var(--tw-text-opacity,1))}:host([variant=neutral]) .circle{--tw-bg-opacity:1;background-color:rgb(152 154 183/var(--tw-bg-opacity,1))}:host([variant=special]){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity,1));color:rgb(44 75 169/var(--tw-text-opacity,1))}:host([variant=special]) .circle{--tw-bg-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))}:host([variant=info]){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(245 254 255/var(--tw-bg-opacity,1));color:rgb(30 218 227/var(--tw-text-opacity,1))}:host([variant=info]) .circle{--tw-bg-opacity:1;background-color:rgb(30 218 227/var(--tw-bg-opacity,1))}:host([variant=positive]){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(229 255 242/var(--tw-bg-opacity,1));color:rgb(40 209 124/var(--tw-text-opacity,1))}:host([variant=positive]) .circle{--tw-bg-opacity:1;background-color:rgb(40 209 124/var(--tw-bg-opacity,1))}:host([variant=unbiased]){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 246 220/var(--tw-bg-opacity,1));color:rgb(255 199 45/var(--tw-text-opacity,1))}:host([variant=unbiased]) .circle{--tw-bg-opacity:1;background-color:rgb(255 199 45/var(--tw-bg-opacity,1))}:host([variant=negative]){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 204 211/var(--tw-bg-opacity,1));color:rgb(185 30 40/var(--tw-text-opacity,1))}:host([variant=negative]) .circle{--tw-bg-opacity:1;background-color:rgb(185 30 40/var(--tw-bg-opacity,1))}:host([size=small]){font-size:.75rem;height:1rem;justify-content:center;line-height:.75rem;min-width:1rem;padding:1px .25rem}:host([behavior=circle]) .circle{display:block}@media (min-width:64rem){:host([behavior=circle]) .circle{display:block}}:host([behavior=icon]) p-icon{display:flex!important}@media (min-width:64rem){:host([behavior=icon]) p-icon{display:flex!important}}:host([behavior=text]) p-icon{display:none!important}@media (min-width:64rem){:host([behavior=text]) p-icon{display:none!important}}:host([behavior=text]) .circle{display:none}@media (min-width:64rem){:host([behavior=text]) .circle{display:none}}:host([behavior=text]) .content{display:flex}@media (min-width:64rem){:host([behavior=text]) .content{display:flex}}:host([behavior=combination]){padding-left:0;padding-right:0;width:1.625rem}@media (min-width:64rem){:host([behavior=combination]){padding-left:.75rem;padding-right:.75rem;width:auto}}:host([behavior=combination]) .circle{display:none}@media (min-width:64rem){:host([behavior=combination]) .circle{display:block}}:host([behavior=combination]) p-icon{display:flex!important}@media (min-width:64rem){:host([behavior=combination]) p-icon{display:none!important}}:host([behavior=icon-only]){padding-left:0;padding-right:0;width:1.625rem}@media (min-width:64rem){:host([behavior=icon-only]){padding-left:0;padding-right:0}}:host([behavior=icon-only]) .content{display:none}@media (min-width:64rem){:host([behavior=icon-only]) .content{display:none}}:host([behavior=icon-only]) p-icon{display:flex!important}@media (min-width:64rem){:host([behavior=icon-only]) p-icon{display:flex!important}}:host([behavior=icon-only][size=small]){height:1rem;width:1rem}:host([keep-mobile-content=true]) .content,:host([keep-mobile-content]) .content{display:flex}@media (min-width:64rem){:host([keep-mobile-content=true]) .content,:host([keep-mobile-content]) .content{display:flex}.desktop-xs\:block{display:block!important}.desktop-xs\:flex{display:flex!important}.desktop-xs\:hidden{display:none!important}}.static{position:static!important}

package/dist/collection/components/atoms/label/label.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"label.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/label/label.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AASzD,MAAM,OAAO,KAAK;;uBAUL,SAAS;wBAUJ,QAAQ;4BAKe,OAAO;;;;oBAoBM,SAAS;iCAKR,KAAK;;IAE3D,MAAM;QACL,OAAO,CACN,EAAC,IAAI,qDAAC,KAAK,EAAC,SAAS;YACnB,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,YAAY,KAAK,OAAO,IAAI,CAC9C,+DACC,OAAO,EAAE,IAAI,CAAC,IAAI,EAClB,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,MAAM,EAAE,IAAI,CAAC,UAAU,GACtB,CACF;YACA,CAAC,IAAI,CAAC,QAAQ,KAAK,QAAQ;gBAC3B,IAAI,CAAC,QAAQ,KAAK,aAAa,CAAC,IAAI,CACpC,4DAAK,KAAK,EAAC,QAAQ,GAAO,CAC1B;YACD,4DAAK,KAAK,EAAC,SAAS;gBACnB,8DAAQ,CACH;YACL,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,YAAY,KAAK,KAAK,IAAI,CAC5C,+DACC,OAAO,EAAE,IAAI,CAAC,IAAI,EAClB,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,MAAM,EAAE,IAAI,CAAC,UAAU,GACtB,CACF,CACK,CACP,CAAC;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\nimport { RotateOptions } from '../../../types';\nimport { IconFlipOptions, IconVariant } from '../icon/icon.component';\n\n@Component({\n\ttag: 'p-label',\n\tstyleUrl: 'label.component.scss',\n\tshadow: true,\n})\nexport class Label {\n\t/**\n\t * Variant of the label\n\t */\n\t@Prop({ reflect: true }) variant:\n\t\t| 'neutral'\n\t\t| 'positive'\n\t\t| 'unbiased'\n\t\t| 'negative'\n\t\t| 'special'\n\t\t| 'info' = 'neutral';\n\n\t/**\n\t * Define the behavior of the label\n\t */\n\t@Prop({ reflect: true }) behavior:\n\t\t| 'icon'\n\t\t| 'circle'\n\t\t| 'combination'\n\t\t| 'text'\n\t\t| 'icon-only' = 'circle';\n\n\t/**\n\t * Icon position\n\t */\n\t@Prop() iconPosition: 'start' | 'end' = 'start';\n\n\t/**\n\t * Icon to show on the label\n\t */\n\t@Prop({ reflect: true }) icon: IconVariant;\n\n\t/**\n\t * Icon flip\n\t */\n\t@Prop() iconFlip: IconFlipOptions;\n\n\t/**\n\t * Icon rotate\n\t */\n\t@Prop() iconRotate: RotateOptions;\n\n\t/**\n\t * The size of the label\n\t */\n\t@Prop({ reflect: true }) size: 'small' | 'default' = 'default';\n\n\t/**\n\t * Wether to keep the content on mobile\n\t */\n\t@Prop({ reflect: true }) keepMobileContent: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class=\"p-label\">\n\t\t\t\t{this.icon && this.iconPosition === 'start' && (\n\t\t\t\t\t<p-icon\n\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t\tflip={this.iconFlip}\n\t\t\t\t\t\trotate={this.iconRotate}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t{(this.behavior === 'circle' ||\n\t\t\t\t\tthis.behavior === 'combination') && (\n\t\t\t\t\t<div class=\"circle\"></div>\n\t\t\t\t)}\n\t\t\t\t<div class=\"content\">\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t\t{this.icon && this.iconPosition === 'end' && (\n\t\t\t\t\t<p-icon\n\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t\tflip={this.iconFlip}\n\t\t\t\t\t\trotate={this.iconRotate}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"]}

package/dist/components/label.component.js

@@ -1,57 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { d as defineCustomElement$1 } from './icon.component.js';
-
-const labelComponentCss = ".block{display:block!important}.flex{display:flex!important}.hidden{display:none!important}.h-4{height:1rem!important}.h-\\[0\\.625rem\\]{height:.625rem!important}.h-\\[1\\.625rem\\]{height:1.625rem!important}.w-\\[0\\.625rem\\]{width:.625rem!important}.w-\\[1\\.625rem\\]{width:1.625rem!important}.min-w-\\[1rem\\]{min-width:1rem!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.rounded{border-radius:.25rem!important}.px-0{padding-left:0!important;padding-right:0!important}.px-1{padding-left:.25rem!important;padding-right:.25rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.py-\\[1px\\]{padding-bottom:1px!important;padding-top:1px!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}*{box-sizing:border-box}:host{align-items:center;border-radius:.25rem;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;height:1.625rem;justify-content:center;line-height:1.25rem;padding-left:.5rem;padding-right:.5rem}@media (min-width:64rem){:host{padding-left:.75rem;padding-right:.75rem}}:host .content{align-items:center;display:none}@media (min-width:64rem){:host .content{display:flex}}:host .circle{border-radius:9999px;display:none;height:.625rem;width:.625rem}:host p-icon{display:none!important;font-size:.75rem!important;line-height:1rem!important}:host([variant=neutral]){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(247 250 252/var(--tw-bg-opacity,1));color:rgb(152 154 183/var(--tw-text-opacity,1))}:host([variant=neutral]) .circle{--tw-bg-opacity:1;background-color:rgb(152 154 183/var(--tw-bg-opacity,1))}:host([variant=special]){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity,1));color:rgb(44 75 169/var(--tw-text-opacity,1))}:host([variant=special]) .circle{--tw-bg-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))}:host([variant=info]){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(245 254 255/var(--tw-bg-opacity,1));color:rgb(30 218 227/var(--tw-text-opacity,1))}:host([variant=info]) .circle{--tw-bg-opacity:1;background-color:rgb(30 218 227/var(--tw-bg-opacity,1))}:host([variant=positive]){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(229 255 242/var(--tw-bg-opacity,1));color:rgb(40 209 124/var(--tw-text-opacity,1))}:host([variant=positive]) .circle{--tw-bg-opacity:1;background-color:rgb(40 209 124/var(--tw-bg-opacity,1))}:host([variant=unbiased]){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 246 220/var(--tw-bg-opacity,1));color:rgb(255 199 45/var(--tw-text-opacity,1))}:host([variant=unbiased]) .circle{--tw-bg-opacity:1;background-color:rgb(255 199 45/var(--tw-bg-opacity,1))}:host([variant=negative]){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 204 211/var(--tw-bg-opacity,1));color:rgb(185 30 40/var(--tw-text-opacity,1))}:host([variant=negative]) .circle{--tw-bg-opacity:1;background-color:rgb(185 30 40/var(--tw-bg-opacity,1))}:host([size=small]){font-size:.75rem;height:1rem;justify-content:center;line-height:.75rem;min-width:1rem;padding:1px .25rem}:host([behavior=circle]) .circle{display:block}@media (min-width:64rem){:host([behavior=circle]) .circle{display:block}}:host([behavior=icon]) p-icon{display:flex!important}@media (min-width:64rem){:host([behavior=icon]) p-icon{display:flex!important}}:host([behavior=text]) p-icon{display:none!important}@media (min-width:64rem){:host([behavior=text]) p-icon{display:none!important}}:host([behavior=text]) .circle{display:none}@media (min-width:64rem){:host([behavior=text]) .circle{display:none}}:host([behavior=text]) .content{display:flex}@media (min-width:64rem){:host([behavior=text]) .content{display:flex}}:host([behavior=combination]){padding-left:0;padding-right:0;width:1.625rem}@media (min-width:64rem){:host([behavior=combination]){padding-left:.75rem;padding-right:.75rem;width:auto}}:host([behavior=combination]) .circle{display:none}@media (min-width:64rem){:host([behavior=combination]) .circle{display:block}}:host([behavior=combination]) p-icon{display:flex!important}@media (min-width:64rem){:host([behavior=combination]) p-icon{display:none!important}}:host([behavior=icon-only]){padding-left:0;padding-right:0;width:1.625rem}@media (min-width:64rem){:host([behavior=icon-only]){padding-left:0;padding-right:0}}:host([behavior=icon-only]) .content{display:none}@media (min-width:64rem){:host([behavior=icon-only]) .content{display:none}}:host([behavior=icon-only]) p-icon{display:flex!important}@media (min-width:64rem){:host([behavior=icon-only]) p-icon{display:flex!important}}:host([behavior=icon-only][size=small]){height:1rem;width:1rem}:host([keep-mobile-content=true]) .content,:host([keep-mobile-content]) .content{display:flex}@media (min-width:64rem){:host([keep-mobile-content=true]) .content,:host([keep-mobile-content]) .content{display:flex}.desktop-xs\\:block{display:block!important}.desktop-xs\\:flex{display:flex!important}.desktop-xs\\:hidden{display:none!important}}.static{position:static!important}";
-const PLabelStyle0 = labelComponentCss;
-
-const Label = /*@__PURE__*/ proxyCustomElement(class Label extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.variant = 'neutral';
-        this.behavior = 'circle';
-        this.iconPosition = 'start';
-        this.icon = undefined;
-        this.iconFlip = undefined;
-        this.iconRotate = undefined;
-        this.size = 'default';
-        this.keepMobileContent = false;
-    }
-    render() {
-        return (h(Host, { key: '1b929c2348ad590f849554e5c01f6df57ae93112', class: "p-label" }, this.icon && this.iconPosition === 'start' && (h("p-icon", { key: '9b8623f37191cab785b676cc86eb839c8adeb2f0', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), (this.behavior === 'circle' ||
-            this.behavior === 'combination') && (h("div", { key: 'cce4b03d6120553bd5317df7a2f37bf73ce11ee2', class: "circle" })), h("div", { key: 'dc7737e8d8a19393b540ebbafb9d0a23f4bd654a', class: "content" }, h("slot", { key: '82882e14527b2de8c953e65cbb773479592dd48b' })), this.icon && this.iconPosition === 'end' && (h("p-icon", { key: '8a2a66018cd22cd65f8f883f8c017e2557195316', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate }))));
-    }
-    static get style() { return PLabelStyle0; }
-}, [1, "p-label", {
-        "variant": [513],
-        "behavior": [513],
-        "iconPosition": [1, "icon-position"],
-        "icon": [513],
-        "iconFlip": [1, "icon-flip"],
-        "iconRotate": [2, "icon-rotate"],
-        "size": [513],
-        "keepMobileContent": [516, "keep-mobile-content"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["p-label", "p-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "p-label":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, Label);
-            }
-            break;
-        case "p-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { Label as L, defineCustomElement as d };
-
-//# sourceMappingURL=label.component.js.map

package/dist/components/label.component.js.map

@@ -1 +0,0 @@
-{"file":"label.component.js","mappings":";;;AAAA,MAAM,iBAAiB,GAAG,6iKAA6iK,CAAC;AACxkK,qBAAe,iBAAiB;;MCQnB,KAAK;;;;;uBAUL,SAAS;wBAUJ,QAAQ;4BAKe,OAAO;;;;oBAoBM,SAAS;iCAKR,KAAK;;IAE3D,MAAM;QACL,QACC,EAAC,IAAI,qDAAC,KAAK,EAAC,SAAS,IACnB,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,YAAY,KAAK,OAAO,KAC1C,+DACC,OAAO,EAAE,IAAI,CAAC,IAAI,EAClB,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,MAAM,EAAE,IAAI,CAAC,UAAU,GACtB,CACF,EACA,CAAC,IAAI,CAAC,QAAQ,KAAK,QAAQ;YAC3B,IAAI,CAAC,QAAQ,KAAK,aAAa,MAC/B,4DAAK,KAAK,EAAC,QAAQ,GAAO,CAC1B,EACD,4DAAK,KAAK,EAAC,SAAS,IACnB,8DAAQ,CACH,EACL,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,YAAY,KAAK,KAAK,KACxC,+DACC,OAAO,EAAE,IAAI,CAAC,IAAI,EAClB,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,MAAM,EAAE,IAAI,CAAC,UAAU,GACtB,CACF,CACK,EACN;KACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/atoms/label/label.component.scss?tag=p-label&encapsulation=shadow","src/components/atoms/label/label.component.tsx"],"sourcesContent":[":host {\n\t@apply flex items-center justify-center gap-2 rounded px-2 desktop-xs:px-3;\n\t@apply h-[1.625rem];\n\t@apply text-sm font-semibold;\n\n\t.content {\n\t\t@apply hidden items-center desktop-xs:flex;\n\t}\n\n\t.circle {\n\t\t@apply hidden h-[0.625rem] w-[0.625rem] rounded-full;\n\t}\n\n\tp-icon {\n\t\t@apply hidden text-xs #{!important};\n\t}\n}\n\n:host([variant='neutral']) {\n\t@apply bg-mystic;\n\t@apply text-storm-vague;\n\n\t.circle {\n\t\t@apply bg-storm-vague;\n\t}\n}\n\n:host([variant='special']) {\n\t@apply bg-indigo-light;\n\t@apply text-indigo-dark;\n\n\t.circle {\n\t\t@apply bg-indigo;\n\t}\n}\n\n:host([variant='info']) {\n\t@apply bg-sky-light;\n\t@apply text-sky;\n\n\t.circle {\n\t\t@apply bg-sky;\n\t}\n}\n\n:host([variant='positive']) {\n\t@apply bg-positive-light;\n\t@apply text-positive;\n\n\t.circle {\n\t\t@apply bg-positive;\n\t}\n}\n\n:host([variant='unbiased']) {\n\t@apply bg-unbiased-light;\n\t@apply text-unbiased;\n\n\t.circle {\n\t\t@apply bg-unbiased;\n\t}\n}\n\n:host([variant='negative']) {\n\t@apply bg-negative-light;\n\t@apply text-negative;\n\n\t.circle {\n\t\t@apply bg-negative;\n\t}\n}\n\n:host([size='small']) {\n\t@apply h-4 min-w-[1rem] px-1 py-[1px];\n\t@apply justify-center text-xs;\n\t@apply leading-3;\n}\n\n:host([behavior='circle']) {\n\t.circle {\n\t\t@apply block desktop-xs:block;\n\t}\n}\n\n:host([behavior='icon']) {\n\tp-icon {\n\t\t@apply flex desktop-xs:flex #{!important};\n\t}\n}\n\n:host([behavior='text']) {\n\tp-icon {\n\t\t@apply hidden desktop-xs:hidden #{!important};\n\t}\n\n\t.circle {\n\t\t@apply hidden desktop-xs:hidden;\n\t}\n\n\t.content {\n\t\t@apply flex desktop-xs:flex;\n\t}\n}\n\n:host([behavior='combination']) {\n\t@apply px-0 desktop-xs:px-3;\n\t@apply w-[1.625rem] desktop-xs:w-auto;\n\n\t.circle {\n\t\t@apply hidden desktop-xs:block;\n\t}\n\n\tp-icon {\n\t\t@apply flex desktop-xs:hidden #{!important};\n\t}\n}\n\n:host([behavior='icon-only']) {\n\t@apply px-0 desktop-xs:px-0;\n\t@apply w-[1.625rem];\n\n\t.content {\n\t\t@apply hidden desktop-xs:hidden;\n\t}\n\n\tp-icon {\n\t\t@apply flex desktop-xs:flex #{!important};\n\t}\n}\n\n:host([behavior='icon-only'][size='small']) {\n\t@apply h-4 w-4;\n}\n\n:host([keep-mobile-content]),\n:host([keep-mobile-content='true']) {\n\t.content {\n\t\t@apply flex desktop-xs:flex;\n\t}\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport { RotateOptions } from '../../../types';\nimport { IconFlipOptions, IconVariant } from '../icon/icon.component';\n\n@Component({\n\ttag: 'p-label',\n\tstyleUrl: 'label.component.scss',\n\tshadow: true,\n})\nexport class Label {\n\t/**\n\t * Variant of the label\n\t */\n\t@Prop({ reflect: true }) variant:\n\t\t| 'neutral'\n\t\t| 'positive'\n\t\t| 'unbiased'\n\t\t| 'negative'\n\t\t| 'special'\n\t\t| 'info' = 'neutral';\n\n\t/**\n\t * Define the behavior of the label\n\t */\n\t@Prop({ reflect: true }) behavior:\n\t\t| 'icon'\n\t\t| 'circle'\n\t\t| 'combination'\n\t\t| 'text'\n\t\t| 'icon-only' = 'circle';\n\n\t/**\n\t * Icon position\n\t */\n\t@Prop() iconPosition: 'start' | 'end' = 'start';\n\n\t/**\n\t * Icon to show on the label\n\t */\n\t@Prop({ reflect: true }) icon: IconVariant;\n\n\t/**\n\t * Icon flip\n\t */\n\t@Prop() iconFlip: IconFlipOptions;\n\n\t/**\n\t * Icon rotate\n\t */\n\t@Prop() iconRotate: RotateOptions;\n\n\t/**\n\t * The size of the label\n\t */\n\t@Prop({ reflect: true }) size: 'small' | 'default' = 'default';\n\n\t/**\n\t * Wether to keep the content on mobile\n\t */\n\t@Prop({ reflect: true }) keepMobileContent: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class=\"p-label\">\n\t\t\t\t{this.icon && this.iconPosition === 'start' && (\n\t\t\t\t\t<p-icon\n\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t\tflip={this.iconFlip}\n\t\t\t\t\t\trotate={this.iconRotate}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t{(this.behavior === 'circle' ||\n\t\t\t\t\tthis.behavior === 'combination') && (\n\t\t\t\t\t<div class=\"circle\"></div>\n\t\t\t\t)}\n\t\t\t\t<div class=\"content\">\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t\t{this.icon && this.iconPosition === 'end' && (\n\t\t\t\t\t<p-icon\n\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t\tflip={this.iconFlip}\n\t\t\t\t\t\trotate={this.iconRotate}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}

package/dist/esm/p-badge.entry.js

@@ -1,18 +0,0 @@
-import { r as registerInstance, h, H as Host } from './index-2ef94580.js';
-
-const badgeComponentCss = "*{box-sizing:border-box}.static{position:static!important}.inline-flex{display:inline-flex!important}.h-4{height:1rem!important}.min-w-\\[1\\.5rem\\]{min-width:1.5rem!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.rounded-full{border-radius:9999px!important}.bg-teal{--tw-bg-opacity:1!important;background-color:rgb(8 136 121/var(--tw-bg-opacity,1))!important}.px-1{padding-left:.25rem!important;padding-right:.25rem!important}.text-center{text-align:center!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-semibold{font-weight:600!important}.text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}";
-const PBadgeStyle0 = badgeComponentCss;
-
-const Badge = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    render() {
-        return (h(Host, { key: '71b0294058c45f39d75fa6fd9b713ba2594d5db3', class: 'p-badge inline-flex h-4 min-w-[1.5rem] items-center justify-center rounded-full bg-teal px-1 text-center text-xs font-semibold text-white' }, h("slot", { key: '334d6e359ce4a57ab8ab7b7f292ffed659645d14' })));
-    }
-};
-Badge.style = PBadgeStyle0;
-
-export { Badge as p_badge };
-
-//# sourceMappingURL=p-badge.entry.js.map

package/dist/esm/p-badge.entry.js.map

@@ -1 +0,0 @@
-{"file":"p-badge.entry.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,0tBAA0tB,CAAC;AACrvB,qBAAe,iBAAiB;;MCMnB,KAAK;;;;IACjB,MAAM;QACL,QACC,EAAC,IAAI,qDAAC,KAAK,EAAC,2IAA2I,IACtJ,8DAAQ,CACF,EACN;KACF;;;;;;","names":[],"sources":["src/components/atoms/badge/badge.component.scss?tag=p-badge","src/components/atoms/badge/badge.component.tsx"],"sourcesContent":["","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n\ttag: 'p-badge',\n\tstyleUrl: 'badge.component.scss',\n\tshadow: false,\n})\nexport class Badge {\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-badge inline-flex h-4 min-w-[1.5rem] items-center justify-center rounded-full bg-teal px-1 text-center text-xs font-semibold text-white'>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}