@usecapsule/core-components 1.0.5 → 1.0.6

package/dist/capsule/p-5c020abe.entry.js

@@ -0,0 +1,2 @@
+import{r as a,h as e,H as s}from"./p-9647dd63.js";const c=":host{display:flex;flex-wrap:wrap}";const r=c;const o=class{constructor(e){a(this,e)}render(){return e(s,{key:"6b0ced877619502c78baeccaceaf68f1feed6ea7"},e("slot",{key:"d132ce91967ad16904886baa14149ac8990d314f"}))}};o.style=r;export{o as cpsl_row};
+//# sourceMappingURL=p-5c020abe.entry.js.map

package/dist/cjs/cpsl-alert_17.cjs.entry.js

@@ -1000,7 +1000,7 @@ const CpslInput = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: 'b2d979b7438012d02ddc6ad8b8f33926cd3ee511', class: { 'disabled': this.disabled, 'focused': this.hasFocus, 'has-value': Boolean(this.focusedValue) || Boolean(this.value) } }, this.label && (index.h("label", { class: "label", htmlFor: this.inputId }, this.label)), index.h("div", { key: 'eb3323d11a5d7a4bc0d87f9f6cdf4b9c547253f0', onClick: this.focusInput, class: { 'input-container': true, 'error-container': Boolean(this.errorText) } }, index.h("slot", { key: '2887bf00bd7966a8df9f53746565cdde3100b00f', name: "start" }), index.h("input", { key: 'b247bd3483207989e6b36bf757dbaa74cf2e12e1', class: "native-input", id: this.inputId, disabled: this.disabled, autoCapitalize: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, min: this.min, max: this.max, minLength: this.minlength, maxLength: this.maxlength, multiple: this.multiple, name: this.name, pattern: this.pattern, placeholder: this.placeholder || '', readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, type: this.type, value: this.value, onInput: this.onInput, onChange: this.onChange, onFocus: this.onFocus, onBlur: this.onBlur }), index.h("slot", { key: '361b335057848b2513cc62da952ed34309a35044', name: "end" })), (this.errorText || this.helperText) && (index.h("div", { class: { 'helper-text-container': true, 'error-text': Boolean(this.errorText) } }, index.h("cpsl-icon", { icon: Boolean(this.errorText) ? 'alertCircle' : 'infoCircle' }), index.h("span", null, (_a = this.errorText) !== null && _a !== void 0 ? _a : this.helperText)))));
+        return (index.h(index.Host, { key: '2627de83fa1973eac8002f4807c4f2319a7541cf', class: { 'disabled': this.disabled, 'focused': this.hasFocus, 'has-value': Boolean(this.focusedValue) || Boolean(this.value) } }, this.label && (index.h("label", { class: "label", htmlFor: this.inputId }, this.label)), index.h("div", { key: '9f2eaa8fe2a2fa67dcd61e69cd43698c33829d48', onClick: this.focusInput, class: { 'input-container': true, 'error-container': Boolean(this.errorText) } }, index.h("slot", { key: 'cc4d99747dcc55aa2dc27a58244bd0dbdc872332', name: "start" }), index.h("input", { key: '52ba9b2248af07ee072628fd0207d1b965d44829', class: "native-input", id: this.inputId, disabled: this.disabled, autoCapitalize: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, min: this.min, max: this.max, minLength: this.minlength, maxLength: this.maxlength, multiple: this.multiple, name: this.name, pattern: this.pattern, placeholder: this.placeholder || '', readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, type: this.type, value: this.value, onInput: this.onInput, onChange: this.onChange, onFocus: this.onFocus, onBlur: this.onBlur }), index.h("slot", { key: 'b15d92b44f321351e3a8465b7c7c3409305e0196', name: "end" })), (this.errorText || this.helperText) && (index.h("div", { class: { 'helper-text-container': true, 'error-text': Boolean(this.errorText) } }, index.h("cpsl-icon", { icon: Boolean(this.errorText) ? 'alertCircle' : 'infoCircle' }), index.h("span", null, (_a = this.errorText) !== null && _a !== void 0 ? _a : this.helperText)))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -7091,7 +7091,7 @@ const CpslModal = class {
         return this.el.shadowRoot.getElementById('modal-header-expanded');
     }
     render() {
-        return (index.h(index.Host, { key: '45648b4e6b8d2f18f09b877bc1913115ea506947' }, index.h("div", { key: '1b04a8c36b4089333f7613ffea2c7235e8549bf9', class: { 'modal-container': true, 'no-footer': this.noFooter } }, index.h("div", { key: '6f5d4bcf3d1ad5199501d4ba0918f282051932e8', class: { 'modal-inner-container': true, 'no-footer': this.noFooter } }, index.h("div", { key: '001f1694aad6ae618f81b12648fe4b02a74a3728', id: "modal-header", class: "no-overflow" }, index.h("slot", { key: '56a22e98051e7a5e8c2d8d9ee351e6f03c01b657', name: "header" })), index.h("div", { key: 'b9370ca7e9b0233280f22a549c3fac571ff5180b', id: "modal-header-expanded", class: { 'expanded': true, 'no-overflow': true } }, index.h("slot", { key: 'a30b50116dbcc9b130d3560110a513973e81efe2', name: "footerExpandedHeader" })), index.h("div", { key: '6a4fa5e0f2d5fc56c1928559b5844b43dc660001', id: "modal-body", class: "no-overflow" }, index.h("slot", { key: '05dbb046b433a2335a84d843b037243c1a224096', name: "body" }))), index.h("div", { key: '7b8c37b0fb0417e58483df88591c3bc1374cd47f', id: "modal-footer", class: "no-overflow" }, index.h("slot", { key: 'fc24c24d862458e1a614efa4435fe43849bff790', name: "footer" })), index.h("div", { key: '07d939dba8ccfc0d340a181d1c0a048cb4146a26', id: "modal-footer-expanded", class: { 'expanded': true, 'no-overflow': true } }, index.h("slot", { key: 'e5e77e9d5a0b8c71138ffe320b0dcb0a38af6d93', name: "footerExpandedFooter" })))));
+        return (index.h(index.Host, { key: 'aa5c26013878e80fe58a2826d4cae04db88dace3' }, index.h("div", { key: '5deda08b40a3e034e1c1b412eb7ab0c7780b4f53', class: { 'modal-container': true, 'no-footer': this.noFooter } }, index.h("div", { key: '6f5340b60ded651410a3eec83ecca3ee0e24f643', class: { 'modal-inner-container': true, 'no-footer': this.noFooter } }, index.h("div", { key: '632ecd039ac402971cd3f15efb30fc527402f0cd', id: "modal-header", class: "no-overflow" }, index.h("slot", { key: 'af0d35f477ff94d7f65b3bd81b845819ba8c8439', name: "header" })), index.h("div", { key: '6116bba4b65cebb91fd283106a58915216e5d828', id: "modal-header-expanded", class: { 'expanded': true, 'no-overflow': true } }, index.h("slot", { key: 'd7cd88d70a15e2a02bc590422913c481f0b61a2e', name: "footerExpandedHeader" })), index.h("div", { key: '72e1ede4c4754526c83f2723d322717d8888bf6d', id: "modal-body", class: "no-overflow" }, index.h("slot", { key: '66c63bb06b6b4ccce422855ecb483ab42ca6e27e', name: "body" }))), index.h("div", { key: 'fec82340b95072a6d3167fda064082005f760661', id: "modal-footer", class: "no-overflow" }, index.h("slot", { key: 'bcd91a6cf6ef753e4b0fbb163e93984a9afa15ca', name: "footer" })), index.h("div", { key: 'a39a058058adedb6494c307729823467d6c45df7', id: "modal-footer-expanded", class: { 'expanded': true, 'no-overflow': true } }, index.h("slot", { key: 'd5f0d390de50e0706358bd033655047c742298e2', name: "footerExpandedFooter" })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -7131,7 +7131,7 @@ const CpslOverlay = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'ec64ff70a149919dd412cb2f14424c08717adfe1' }, index.h("slot", { key: '56f2de234d3dbf4375159cd07f45933bfb309866' })));
+        return (index.h(index.Host, { key: '55a5b7f277d010d63f1e991d210b038c393fb387' }, index.h("slot", { key: '59957e5f35e8b007ba32177672870d7240ca501c' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -7149,7 +7149,7 @@ const CpslPill = class {
         this.text = undefined;
     }
     render() {
-        return (index.h(index.Host, { key: 'd545ae390a19a6a83ddd90abbfcf68fa6021e776' }, index.h("div", { key: '9bc81aeebfe7fdf3139b9e95451126c7bedf67d9', class: "pill-container" }, index.h("span", { key: '66e16306d7a5a89e66029cae8b167932e4e75129' }, this.text))));
+        return (index.h(index.Host, { key: 'd82e8cf09017e22aab2c4e4d42295310116aad3c' }, index.h("div", { key: 'f7ec5045fdcf0d69873f5ddbfc46976a8c3bbacb', class: "pill-container" }, index.h("span", { key: 'd715965cf771800ad57f63509865d47a7344da95' }, this.text))));
     }
 };
 CpslPill.style = CpslPillStyle0;
@@ -7228,7 +7228,7 @@ const CpslQrCode = class {
         qrCode.append(container);
     }
     render() {
-        return (index.h(index.Host, { key: '760ae82104e561a8883bdeb87ee0ab52eb2cc5ca' }, index.h("div", { key: '650efea578ae2dedf0b07ece0efa5b9ae521d641', id: "qr-container", class: "qr-container" })));
+        return (index.h(index.Host, { key: 'c26c87e8a22d8134a60f9efebd1e27169d59cb0c' }, index.h("div", { key: 'd9a8ede7f1ffbcd80d58b916d38f38fea7fc4f74', id: "qr-container", class: "qr-container" })));
     }
     get el() { return index.getElement(this); }
 };
@@ -7324,7 +7324,7 @@ const CpslSlideButton = class {
         return this.el.shadowRoot.getElementById('end-icon');
     }
     render() {
-        return (index.h(index.Host, { key: '57fd7740a372a4599d1259edb61d3fc9a2a9643b' }, index.h("div", { key: '4cbf5d20371203c2f65ee96a5e629f0902c29828', id: "slider-container", class: "slider-container" }, index.h("div", { key: 'a02173329eb88e1c9afa5260758afadbb3049fe5', id: "start-slider-container-background", class: { 'start-slider-container-background': true, 'slider-container-background': true } }), index.h("div", { key: 'afcfc562d5dd147318ca8fcb764d3f0ae7c2a758', id: "end-slider-container-background", class: { 'end-slider-container-background': true, 'slider-container-background': true } }), index.h("div", { key: 'f0518cc4860c5baf248cd91bb19f6bc30113e8cf', id: "slider", class: "slider" }, index.h("cpsl-icon", { key: 'ab091e18d96b41d2969a3c43137e38cb6ffc9ab5', id: "start-icon", class: { 'start-icon': true, 'icon': true }, icon: this.startIcon }), index.h("cpsl-icon", { key: 'df1a10612b9369450eb3be434e7964cf93aefab7', id: "end-icon", class: { 'end-icon': true, 'icon': true }, icon: this.endIcon })), index.h("span", { key: 'dcef80a87e6338119b7471e5085f33d481bc7176', id: "start-text", class: "start-text" }, this.startText), index.h("span", { key: 'c8a55bfce682886aafae5d05ee3e1772ea504129', id: "end-text", class: "end-text" }, this.endText))));
+        return (index.h(index.Host, { key: '3025e2306923953edd5857009828af027cd0d561' }, index.h("div", { key: '5557072bcccfc099af005fed9af45adf335a98dd', id: "slider-container", class: "slider-container" }, index.h("div", { key: '39e1b5d2123eda0a004c0f250c8afa66b53768f4', id: "start-slider-container-background", class: { 'start-slider-container-background': true, 'slider-container-background': true } }), index.h("div", { key: '80486f55315077693d481e193eba1bf37acd5afd', id: "end-slider-container-background", class: { 'end-slider-container-background': true, 'slider-container-background': true } }), index.h("div", { key: 'c13596a1a117aa3e5674d5a91c0ec38ff9ac7a49', id: "slider", class: "slider" }, index.h("cpsl-icon", { key: 'd2d78f42e65efd180c9dd106738341cf0aee6f27', id: "start-icon", class: { 'start-icon': true, 'icon': true }, icon: this.startIcon }), index.h("cpsl-icon", { key: '63f9ce569084f2541c69028aedc949b3ecccac0c', id: "end-icon", class: { 'end-icon': true, 'icon': true }, icon: this.endIcon })), index.h("span", { key: '9bead9870b949f91734c4199d9c96f7b50a10128', id: "start-text", class: "start-text" }, this.startText), index.h("span", { key: '8dfa1e9e0866a74f72d27b2541a4ac9d56038d34', id: "end-text", class: "end-text" }, this.endText))));
     }
     get el() { return index.getElement(this); }
 };
@@ -7340,13 +7340,13 @@ const CpslSpinner = class {
         this.speed = 1;
     }
     render() {
-        return (index.h(index.Host, { key: '0a5428cab1c703fb0d8badd595f28a3fb40537b7', style: {
+        return (index.h(index.Host, { key: 'c67c084c1bae79ba255ca736de4721d1f6ea928d', style: {
                 'height': `${this.size}px`,
                 'width': `${this.size}px`,
                 'animation': `spin ${this.speed}s linear infinite`,
                 '-webkit-animation': `spin ${this.speed}s linear infinite`,
                 '-moz-animation': `spin ${this.speed}s linear infinite`,
-            } }, index.h("svg", { key: '26aa4015fecc83bbcdab871703c17451c517ee2a', height: this.size, width: this.size, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 54 54", fill: "none" }, index.h("path", { key: '4b5628962606e2e84484d6f294c9fd55195b931b', d: "M43.1586 17C39.8082 11.5978 33.8243 8 27 8C16.5066 8 8 16.5066 8 27C8 37.4934 16.5066 46 27 46C33.8242 46 39.8082 42.4022 43.1586 37", "stroke-width": "6", "stroke-linecap": "round" }), index.h("circle", { key: '09ae378ddf207361f6220d59311fc6bab8d5acbb', cx: "45", cy: "27", r: "5" }))));
+            } }, index.h("svg", { key: 'a14c9a8d895fb713fd1a8533bca04fa6e60017d7', height: this.size, width: this.size, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 54 54", fill: "none" }, index.h("path", { key: '5aaaf7cf5c649b717329266517e5ea1f39fccce8', d: "M43.1586 17C39.8082 11.5978 33.8243 8 27 8C16.5066 8 8 16.5066 8 27C8 37.4934 16.5066 46 27 46C33.8242 46 39.8082 42.4022 43.1586 37", "stroke-width": "6", "stroke-linecap": "round" }), index.h("circle", { key: 'a1a60d4f565a1cffb99177d4159a793621e7b288', cx: "45", cy: "27", r: "5" }))));
     }
 };
 CpslSpinner.style = CpslSpinnerStyle0;
@@ -7378,7 +7378,7 @@ const CpslTab = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'cea740063893fee3fc5429717df26cef8637127b', onClick: this.onTabClicked }, index.h("div", { key: '10fbe61409941ea47b5de1cde89d5d5ca7f964d0', class: { 'tab-container': true } }, index.h("slot", { key: '02260031fa7ea72e118075f2cda8e814f7efa110' }))));
+        return (index.h(index.Host, { key: 'd55a11bba84bea2f0d24c6190a84467aea4ac2d3', onClick: this.onTabClicked }, index.h("div", { key: '31e58097fd53e0286c6652eed32cb39b50e9ebf2', class: { 'tab-container': true } }, index.h("slot", { key: '01cdeb08c1f468de22ce7d01c6e5b8396231860e' }))));
     }
     get el() { return index.getElement(this); }
 };
@@ -7430,7 +7430,7 @@ const CpslTabs = class {
         const tabsPosition = this.el.getBoundingClientRect();
         const tabsBorderWidth = +getComputedStyle(this.el).getPropertyValue('--border-width').slice(0, -2);
         const selectedTabRect = this.selectedTabRect;
-        return (index.h(index.Host, { key: '776064d533f6f5f8a40cd2aab7ece0247e6e204e', class: { 'full-width': this.fullWidth }, onCpslTabButtonClick: this.onTabClicked }, index.h("div", { key: '4476224108bfa308762ee277cd7916d591b21a2e', class: "tabs-container" }, index.h("slot", { key: 'ab728d3adff2333832a3998468f606a725dac2e3' }), index.h("div", { key: 'eae404533705ac598a6e653e9ec6cb73bcb99fb0', class: { slider: true, loaded: this.loaded }, style: { width: `${selectedTabRect.width}px`, left: `${selectedTabRect.x - tabsPosition.x - tabsBorderWidth * 2}px` } }))));
+        return (index.h(index.Host, { key: 'b64847167837c21748fce136be621c5cd3056383', class: { 'full-width': this.fullWidth }, onCpslTabButtonClick: this.onTabClicked }, index.h("div", { key: '97f898ee1c1a29c673a901d37e0c2aa20f73e06e', class: "tabs-container" }, index.h("slot", { key: '6a731c26802bc1b08c6b5fe92b2a6f1da438ee89' }), index.h("div", { key: 'c69d074579a90b804f038f5ace589a1c98ed45e1', class: { slider: true, loaded: this.loaded }, style: { width: `${selectedTabRect.width}px`, left: `${selectedTabRect.x - tabsPosition.x - tabsBorderWidth * 2}px` } }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -7454,7 +7454,7 @@ const CpslText = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'bcefdc0f0b9d5fe2d62c4ab7ca5d2e4aabca69d8' }, index.h("slot", { key: 'e35e76f43167515f19ab7f66be43ff4ed1ddc799' })));
+        return (index.h(index.Host, { key: '72726bc3a58e3089f02b70d494ead181eb34f2d3' }, index.h("slot", { key: '8f8b009bc13ea9bb7824b51c622b115c6b103a9c' })));
     }
 };
 CpslText.style = CpslTextStyle0;
@@ -7469,7 +7469,7 @@ const CpslTileButton = class {
         this.icon = undefined;
     }
     render() {
-        return (index.h(index.Host, { key: '829cc9cafbd52440189d22485485c6b80ba93910' }, index.h("button", { key: 'b24d64c3f800944494cac90259d1871ac97d3afe', class: "button-native" }, index.h("cpsl-icon", { key: '8b6c01a2eaebbb522fec66930a7d05b9859ca952', exportparts: "icon", src: this.src, icon: this.icon }), index.h("slot", { key: '531b8c2e6d762ed4925be6e8b169c81af1af44a0' }))));
+        return (index.h(index.Host, { key: 'db1693ec8a607410ba6bb5fbe15b4acaec26ff84' }, index.h("button", { key: '6da2c97b58e7ee13c86a386461831ed93fa3fee9', class: "button-native" }, index.h("cpsl-icon", { key: '0dbe6348fedb418151384747bac7f902b31d6c9a', exportparts: "icon", src: this.src, icon: this.icon }), index.h("slot", { key: '8d15a91f86b060edefcf3ae359df2ceb2e1b4a76' }))));
     }
 };
 CpslTileButton.style = CpslTileButtonStyle0;

package/dist/cjs/cpsl-info-box.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2a026742.js');
 
-const cpslInfoBoxCss = ":host{--box-border-radius:var(--cpsl-border-radius-info-box);--box-padding-top:16px;--box-padding-bottom:16px;--box-padding-start:16px;--box-padding-end:16px;--box-border-width:1px;border-radius:var(--input-border-radius);-webkit-padding-start:var(--box-padding-start);padding-inline-start:var(--box-padding-start);-webkit-padding-end:var(--box-padding-end);padding-inline-end:var(--box-padding-end);padding-top:var(--box-padding-top);padding-bottom:var(--box-padding-bottom);display:flex;background-color:var(--cpsl-color-background-subtle);border:var(--box-border-width) solid var(--cpsl-color-input-border-placeholder);border-radius:var(--box-border-radius)}";
+const cpslInfoBoxCss = ":host{--box-border-radius:var(--cpsl-border-radius-info-box);--box-padding-top:16px;--box-padding-bottom:16px;--box-padding-start:16px;--box-padding-end:16px;--box-border-width:1px}.info-box-container{border-radius:var(--input-border-radius);-webkit-padding-start:var(--box-padding-start);padding-inline-start:var(--box-padding-start);-webkit-padding-end:var(--box-padding-end);padding-inline-end:var(--box-padding-end);padding-top:var(--box-padding-top);padding-bottom:var(--box-padding-bottom);display:flex;background-color:var(--cpsl-color-background-subtle);border:var(--box-border-width) solid var(--cpsl-color-input-border-placeholder);border-radius:var(--box-border-radius)}";
 const CpslInfoBoxStyle0 = cpslInfoBoxCss;
 
 const CpslInfoBox = class {
@@ -12,7 +12,7 @@ const CpslInfoBox = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '17a3490640f95a341c0942188979b2cb82f37da1' }, index.h("slot", { key: 'c1d89e758c856d6edd1ec559b4f3da145a33837b' })));
+        return (index.h(index.Host, { key: '17a3490640f95a341c0942188979b2cb82f37da1' }, index.h("div", { key: '51c7731b3e11119e3fcb96f5ef2f47ffd71ba097', class: "info-box-container" }, index.h("slot", { key: '82bfc871c4fb3856e553637514806435473f4728' }))));
     }
 };
 CpslInfoBox.style = CpslInfoBoxStyle0;

package/dist/cjs/cpsl-info-box.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"cpsl-info-box.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,cAAc,GAAG,upBAAupB,CAAC;AAC/qB,0BAAe,cAAc;;MCMhB,WAAW;;;;IACtB,MAAM;QACJ,QACEA,QAACC,UAAI,uDACHD,oEAAa,CACR,EACP;KACH;;;;;;","names":["h","Host"],"sources":["src/components/cpsl-info-box/cpsl-info-box.scss?tag=cpsl-info-box&encapsulation=shadow","src/components/cpsl-info-box/cpsl-info-box.tsx"],"sourcesContent":["@import '../../themes/capsule.globals';\n\n:host {\n  --box-border-radius: var(--cpsl-border-radius-info-box);\n  --box-padding-top: 16px;\n  --box-padding-bottom: 16px;\n  --box-padding-start: 16px;\n  --box-padding-end: 16px;\n  --box-border-width: 1px;\n\n  @include border-radius(var(--input-border-radius));\n  @include padding(var(--box-padding-top), var(--box-padding-end), var(--box-padding-bottom), var(--box-padding-start));\n\n  display: flex;\n  background-color: var(--cpsl-color-background-subtle);\n  border: var(--box-border-width) solid var(--cpsl-color-input-border-placeholder);\n  border-radius: var(--box-border-radius);\n}\n","import { Component, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'cpsl-info-box',\n  styleUrl: 'cpsl-info-box.scss',\n  shadow: true,\n})\nexport class CpslInfoBox {\n  render() {\n    return (\n      <Host>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"cpsl-info-box.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,cAAc,GAAG,2qBAA2qB,CAAC;AACnsB,0BAAe,cAAc;;MCMhB,WAAW;;;;IACtB,MAAM;QACJ,QACEA,QAACC,UAAI,uDACHD,kEAAK,KAAK,EAAC,oBAAoB,IAC7BA,oEAAa,CACT,CACD,EACP;KACH;;;;;;","names":["h","Host"],"sources":["src/components/cpsl-info-box/cpsl-info-box.scss?tag=cpsl-info-box&encapsulation=shadow","src/components/cpsl-info-box/cpsl-info-box.tsx"],"sourcesContent":["@import '../../themes/capsule.globals';\n\n:host {\n  --box-border-radius: var(--cpsl-border-radius-info-box);\n  --box-padding-top: 16px;\n  --box-padding-bottom: 16px;\n  --box-padding-start: 16px;\n  --box-padding-end: 16px;\n  --box-border-width: 1px;\n}\n\n.info-box-container {\n  @include border-radius(var(--input-border-radius));\n  @include padding(var(--box-padding-top), var(--box-padding-end), var(--box-padding-bottom), var(--box-padding-start));\n\n  display: flex;\n  background-color: var(--cpsl-color-background-subtle);\n  border: var(--box-border-width) solid var(--cpsl-color-input-border-placeholder);\n  border-radius: var(--box-border-radius);\n}\n","import { Component, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'cpsl-info-box',\n  styleUrl: 'cpsl-info-box.scss',\n  shadow: true,\n})\nexport class CpslInfoBox {\n  render() {\n    return (\n      <Host>\n        <div class=\"info-box-container\">\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/cpsl-row.cjs.entry.js

@@ -12,7 +12,7 @@ const CpslRow = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'cfa6b37775e3d61610a3467c2656b13e88b5f989' }, index.h("slot", { key: '064bc1a3eb128c8b871e68eeadb78aac74914976' })));
+        return (index.h(index.Host, { key: '6b0ced877619502c78baeccaceaf68f1feed6ea7' }, index.h("slot", { key: 'd132ce91967ad16904886baa14149ac8990d314f' })));
     }
 };
 CpslRow.style = CpslRowStyle0;

package/dist/collection/components/cpsl-info-box/cpsl-info-box.css

@@ -60,6 +60,9 @@
   --box-padding-start: 16px;
   --box-padding-end: 16px;
   --box-border-width: 1px;
+}
+
+.info-box-container {
   border-radius: var(--input-border-radius);
   -webkit-padding-start: var(--box-padding-start);
   padding-inline-start: var(--box-padding-start);

package/dist/collection/components/cpsl-info-box/cpsl-info-box.js

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class CpslInfoBox {
     render() {
-        return (h(Host, { key: '17a3490640f95a341c0942188979b2cb82f37da1' }, h("slot", { key: 'c1d89e758c856d6edd1ec559b4f3da145a33837b' })));
+        return (h(Host, { key: '17a3490640f95a341c0942188979b2cb82f37da1' }, h("div", { key: '51c7731b3e11119e3fcb96f5ef2f47ffd71ba097', class: "info-box-container" }, h("slot", { key: '82bfc871c4fb3856e553637514806435473f4728' }))));
     }
     static get is() { return "cpsl-info-box"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/cpsl-info-box/cpsl-info-box.js.map

@@ -1 +1 @@
-{"version":3,"file":"cpsl-info-box.js","sourceRoot":"","sources":["../../../../src/components/cpsl-info-box/cpsl-info-box.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,WAAW;IACtB,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,8DAAa,CACR,CACR,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'cpsl-info-box',\n  styleUrl: 'cpsl-info-box.scss',\n  shadow: true,\n})\nexport class CpslInfoBox {\n  render() {\n    return (\n      <Host>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"cpsl-info-box.js","sourceRoot":"","sources":["../../../../src/components/cpsl-info-box/cpsl-info-box.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,WAAW;IACtB,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAC,oBAAoB;gBAC7B,8DAAa,CACT,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'cpsl-info-box',\n  styleUrl: 'cpsl-info-box.scss',\n  shadow: true,\n})\nexport class CpslInfoBox {\n  render() {\n    return (\n      <Host>\n        <div class=\"info-box-container\">\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/cpsl-input/cpsl-input.js

@@ -99,7 +99,7 @@ export class CpslInput {
     }
     render() {
         var _a;
-        return (h(Host, { key: 'b2d979b7438012d02ddc6ad8b8f33926cd3ee511', class: { 'disabled': this.disabled, 'focused': this.hasFocus, 'has-value': Boolean(this.focusedValue) || Boolean(this.value) } }, this.label && (h("label", { class: "label", htmlFor: this.inputId }, this.label)), h("div", { key: 'eb3323d11a5d7a4bc0d87f9f6cdf4b9c547253f0', onClick: this.focusInput, class: { 'input-container': true, 'error-container': Boolean(this.errorText) } }, h("slot", { key: '2887bf00bd7966a8df9f53746565cdde3100b00f', name: "start" }), h("input", { key: 'b247bd3483207989e6b36bf757dbaa74cf2e12e1', class: "native-input", id: this.inputId, disabled: this.disabled, autoCapitalize: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, min: this.min, max: this.max, minLength: this.minlength, maxLength: this.maxlength, multiple: this.multiple, name: this.name, pattern: this.pattern, placeholder: this.placeholder || '', readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, type: this.type, value: this.value, onInput: this.onInput, onChange: this.onChange, onFocus: this.onFocus, onBlur: this.onBlur }), h("slot", { key: '361b335057848b2513cc62da952ed34309a35044', name: "end" })), (this.errorText || this.helperText) && (h("div", { class: { 'helper-text-container': true, 'error-text': Boolean(this.errorText) } }, h("cpsl-icon", { icon: Boolean(this.errorText) ? 'alertCircle' : 'infoCircle' }), h("span", null, (_a = this.errorText) !== null && _a !== void 0 ? _a : this.helperText)))));
+        return (h(Host, { key: '2627de83fa1973eac8002f4807c4f2319a7541cf', class: { 'disabled': this.disabled, 'focused': this.hasFocus, 'has-value': Boolean(this.focusedValue) || Boolean(this.value) } }, this.label && (h("label", { class: "label", htmlFor: this.inputId }, this.label)), h("div", { key: '9f2eaa8fe2a2fa67dcd61e69cd43698c33829d48', onClick: this.focusInput, class: { 'input-container': true, 'error-container': Boolean(this.errorText) } }, h("slot", { key: 'cc4d99747dcc55aa2dc27a58244bd0dbdc872332', name: "start" }), h("input", { key: '52ba9b2248af07ee072628fd0207d1b965d44829', class: "native-input", id: this.inputId, disabled: this.disabled, autoCapitalize: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, min: this.min, max: this.max, minLength: this.minlength, maxLength: this.maxlength, multiple: this.multiple, name: this.name, pattern: this.pattern, placeholder: this.placeholder || '', readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, type: this.type, value: this.value, onInput: this.onInput, onChange: this.onChange, onFocus: this.onFocus, onBlur: this.onBlur }), h("slot", { key: 'b15d92b44f321351e3a8465b7c7c3409305e0196', name: "end" })), (this.errorText || this.helperText) && (h("div", { class: { 'helper-text-container': true, 'error-text': Boolean(this.errorText) } }, h("cpsl-icon", { icon: Boolean(this.errorText) ? 'alertCircle' : 'infoCircle' }), h("span", null, (_a = this.errorText) !== null && _a !== void 0 ? _a : this.helperText)))));
     }
     static get is() { return "cpsl-input"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/cpsl-modal/cpsl-modal.js

@@ -37,7 +37,7 @@ export class CpslModal {
         return this.el.shadowRoot.getElementById('modal-header-expanded');
     }
     render() {
-        return (h(Host, { key: '45648b4e6b8d2f18f09b877bc1913115ea506947' }, h("div", { key: '1b04a8c36b4089333f7613ffea2c7235e8549bf9', class: { 'modal-container': true, 'no-footer': this.noFooter } }, h("div", { key: '6f5d4bcf3d1ad5199501d4ba0918f282051932e8', class: { 'modal-inner-container': true, 'no-footer': this.noFooter } }, h("div", { key: '001f1694aad6ae618f81b12648fe4b02a74a3728', id: "modal-header", class: "no-overflow" }, h("slot", { key: '56a22e98051e7a5e8c2d8d9ee351e6f03c01b657', name: "header" })), h("div", { key: 'b9370ca7e9b0233280f22a549c3fac571ff5180b', id: "modal-header-expanded", class: { 'expanded': true, 'no-overflow': true } }, h("slot", { key: 'a30b50116dbcc9b130d3560110a513973e81efe2', name: "footerExpandedHeader" })), h("div", { key: '6a4fa5e0f2d5fc56c1928559b5844b43dc660001', id: "modal-body", class: "no-overflow" }, h("slot", { key: '05dbb046b433a2335a84d843b037243c1a224096', name: "body" }))), h("div", { key: '7b8c37b0fb0417e58483df88591c3bc1374cd47f', id: "modal-footer", class: "no-overflow" }, h("slot", { key: 'fc24c24d862458e1a614efa4435fe43849bff790', name: "footer" })), h("div", { key: '07d939dba8ccfc0d340a181d1c0a048cb4146a26', id: "modal-footer-expanded", class: { 'expanded': true, 'no-overflow': true } }, h("slot", { key: 'e5e77e9d5a0b8c71138ffe320b0dcb0a38af6d93', name: "footerExpandedFooter" })))));
+        return (h(Host, { key: 'aa5c26013878e80fe58a2826d4cae04db88dace3' }, h("div", { key: '5deda08b40a3e034e1c1b412eb7ab0c7780b4f53', class: { 'modal-container': true, 'no-footer': this.noFooter } }, h("div", { key: '6f5340b60ded651410a3eec83ecca3ee0e24f643', class: { 'modal-inner-container': true, 'no-footer': this.noFooter } }, h("div", { key: '632ecd039ac402971cd3f15efb30fc527402f0cd', id: "modal-header", class: "no-overflow" }, h("slot", { key: 'af0d35f477ff94d7f65b3bd81b845819ba8c8439', name: "header" })), h("div", { key: '6116bba4b65cebb91fd283106a58915216e5d828', id: "modal-header-expanded", class: { 'expanded': true, 'no-overflow': true } }, h("slot", { key: 'd7cd88d70a15e2a02bc590422913c481f0b61a2e', name: "footerExpandedHeader" })), h("div", { key: '72e1ede4c4754526c83f2723d322717d8888bf6d', id: "modal-body", class: "no-overflow" }, h("slot", { key: '66c63bb06b6b4ccce422855ecb483ab42ca6e27e', name: "body" }))), h("div", { key: 'fec82340b95072a6d3167fda064082005f760661', id: "modal-footer", class: "no-overflow" }, h("slot", { key: 'bcd91a6cf6ef753e4b0fbb163e93984a9afa15ca', name: "footer" })), h("div", { key: 'a39a058058adedb6494c307729823467d6c45df7', id: "modal-footer-expanded", class: { 'expanded': true, 'no-overflow': true } }, h("slot", { key: 'd5f0d390de50e0706358bd033655047c742298e2', name: "footerExpandedFooter" })))));
     }
     static get is() { return "cpsl-modal"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/cpsl-overlay/cpsl-overlay.js

@@ -27,7 +27,7 @@ export class CpslOverlay {
         }
     }
     render() {
-        return (h(Host, { key: 'ec64ff70a149919dd412cb2f14424c08717adfe1' }, h("slot", { key: '56f2de234d3dbf4375159cd07f45933bfb309866' })));
+        return (h(Host, { key: '55a5b7f277d010d63f1e991d210b038c393fb387' }, h("slot", { key: '59957e5f35e8b007ba32177672870d7240ca501c' })));
     }
     static get is() { return "cpsl-overlay"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/cpsl-pill/cpsl-pill.js

@@ -4,7 +4,7 @@ export class CpslPill {
         this.text = undefined;
     }
     render() {
-        return (h(Host, { key: 'd545ae390a19a6a83ddd90abbfcf68fa6021e776' }, h("div", { key: '9bc81aeebfe7fdf3139b9e95451126c7bedf67d9', class: "pill-container" }, h("span", { key: '66e16306d7a5a89e66029cae8b167932e4e75129' }, this.text))));
+        return (h(Host, { key: 'd82e8cf09017e22aab2c4e4d42295310116aad3c' }, h("div", { key: 'f7ec5045fdcf0d69873f5ddbfc46976a8c3bbacb', class: "pill-container" }, h("span", { key: 'd715965cf771800ad57f63509865d47a7344da95' }, this.text))));
     }
     static get is() { return "cpsl-pill"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/cpsl-qr-code/cpsl-qr-code.js

@@ -32,7 +32,7 @@ export class CpslQrCode {
         qrCode.append(container);
     }
     render() {
-        return (h(Host, { key: '760ae82104e561a8883bdeb87ee0ab52eb2cc5ca' }, h("div", { key: '650efea578ae2dedf0b07ece0efa5b9ae521d641', id: "qr-container", class: "qr-container" })));
+        return (h(Host, { key: 'c26c87e8a22d8134a60f9efebd1e27169d59cb0c' }, h("div", { key: 'd9a8ede7f1ffbcd80d58b916d38f38fea7fc4f74', id: "qr-container", class: "qr-container" })));
     }
     static get is() { return "cpsl-qr-code"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/cpsl-row/cpsl-row.js

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class CpslRow {
     render() {
-        return (h(Host, { key: 'cfa6b37775e3d61610a3467c2656b13e88b5f989' }, h("slot", { key: '064bc1a3eb128c8b871e68eeadb78aac74914976' })));
+        return (h(Host, { key: '6b0ced877619502c78baeccaceaf68f1feed6ea7' }, h("slot", { key: 'd132ce91967ad16904886baa14149ac8990d314f' })));
     }
     static get is() { return "cpsl-row"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/cpsl-slide-button/cpsl-slide-button.js

@@ -84,7 +84,7 @@ export class CpslSlideButton {
         return this.el.shadowRoot.getElementById('end-icon');
     }
     render() {
-        return (h(Host, { key: '57fd7740a372a4599d1259edb61d3fc9a2a9643b' }, h("div", { key: '4cbf5d20371203c2f65ee96a5e629f0902c29828', id: "slider-container", class: "slider-container" }, h("div", { key: 'a02173329eb88e1c9afa5260758afadbb3049fe5', id: "start-slider-container-background", class: { 'start-slider-container-background': true, 'slider-container-background': true } }), h("div", { key: 'afcfc562d5dd147318ca8fcb764d3f0ae7c2a758', id: "end-slider-container-background", class: { 'end-slider-container-background': true, 'slider-container-background': true } }), h("div", { key: 'f0518cc4860c5baf248cd91bb19f6bc30113e8cf', id: "slider", class: "slider" }, h("cpsl-icon", { key: 'ab091e18d96b41d2969a3c43137e38cb6ffc9ab5', id: "start-icon", class: { 'start-icon': true, 'icon': true }, icon: this.startIcon }), h("cpsl-icon", { key: 'df1a10612b9369450eb3be434e7964cf93aefab7', id: "end-icon", class: { 'end-icon': true, 'icon': true }, icon: this.endIcon })), h("span", { key: 'dcef80a87e6338119b7471e5085f33d481bc7176', id: "start-text", class: "start-text" }, this.startText), h("span", { key: 'c8a55bfce682886aafae5d05ee3e1772ea504129', id: "end-text", class: "end-text" }, this.endText))));
+        return (h(Host, { key: '3025e2306923953edd5857009828af027cd0d561' }, h("div", { key: '5557072bcccfc099af005fed9af45adf335a98dd', id: "slider-container", class: "slider-container" }, h("div", { key: '39e1b5d2123eda0a004c0f250c8afa66b53768f4', id: "start-slider-container-background", class: { 'start-slider-container-background': true, 'slider-container-background': true } }), h("div", { key: '80486f55315077693d481e193eba1bf37acd5afd', id: "end-slider-container-background", class: { 'end-slider-container-background': true, 'slider-container-background': true } }), h("div", { key: 'c13596a1a117aa3e5674d5a91c0ec38ff9ac7a49', id: "slider", class: "slider" }, h("cpsl-icon", { key: 'd2d78f42e65efd180c9dd106738341cf0aee6f27', id: "start-icon", class: { 'start-icon': true, 'icon': true }, icon: this.startIcon }), h("cpsl-icon", { key: '63f9ce569084f2541c69028aedc949b3ecccac0c', id: "end-icon", class: { 'end-icon': true, 'icon': true }, icon: this.endIcon })), h("span", { key: '9bead9870b949f91734c4199d9c96f7b50a10128', id: "start-text", class: "start-text" }, this.startText), h("span", { key: '8dfa1e9e0866a74f72d27b2541a4ac9d56038d34', id: "end-text", class: "end-text" }, this.endText))));
     }
     static get is() { return "cpsl-slide-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/cpsl-spinner/cpsl-spinner.js

@@ -5,13 +5,13 @@ export class CpslSpinner {
         this.speed = 1;
     }
     render() {
-        return (h(Host, { key: '0a5428cab1c703fb0d8badd595f28a3fb40537b7', style: {
+        return (h(Host, { key: 'c67c084c1bae79ba255ca736de4721d1f6ea928d', style: {
                 'height': `${this.size}px`,
                 'width': `${this.size}px`,
                 'animation': `spin ${this.speed}s linear infinite`,
                 '-webkit-animation': `spin ${this.speed}s linear infinite`,
                 '-moz-animation': `spin ${this.speed}s linear infinite`,
-            } }, h("svg", { key: '26aa4015fecc83bbcdab871703c17451c517ee2a', height: this.size, width: this.size, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 54 54", fill: "none" }, h("path", { key: '4b5628962606e2e84484d6f294c9fd55195b931b', d: "M43.1586 17C39.8082 11.5978 33.8243 8 27 8C16.5066 8 8 16.5066 8 27C8 37.4934 16.5066 46 27 46C33.8242 46 39.8082 42.4022 43.1586 37", "stroke-width": "6", "stroke-linecap": "round" }), h("circle", { key: '09ae378ddf207361f6220d59311fc6bab8d5acbb', cx: "45", cy: "27", r: "5" }))));
+            } }, h("svg", { key: 'a14c9a8d895fb713fd1a8533bca04fa6e60017d7', height: this.size, width: this.size, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 54 54", fill: "none" }, h("path", { key: '5aaaf7cf5c649b717329266517e5ea1f39fccce8', d: "M43.1586 17C39.8082 11.5978 33.8243 8 27 8C16.5066 8 8 16.5066 8 27C8 37.4934 16.5066 46 27 46C33.8242 46 39.8082 42.4022 43.1586 37", "stroke-width": "6", "stroke-linecap": "round" }), h("circle", { key: 'a1a60d4f565a1cffb99177d4159a793621e7b288', cx: "45", cy: "27", r: "5" }))));
     }
     static get is() { return "cpsl-spinner"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/cpsl-tab/cpsl-tab.js

@@ -21,7 +21,7 @@ export class CpslTab {
         }
     }
     render() {
-        return (h(Host, { key: 'cea740063893fee3fc5429717df26cef8637127b', onClick: this.onTabClicked }, h("div", { key: '10fbe61409941ea47b5de1cde89d5d5ca7f964d0', class: { 'tab-container': true } }, h("slot", { key: '02260031fa7ea72e118075f2cda8e814f7efa110' }))));
+        return (h(Host, { key: 'd55a11bba84bea2f0d24c6190a84467aea4ac2d3', onClick: this.onTabClicked }, h("div", { key: '31e58097fd53e0286c6652eed32cb39b50e9ebf2', class: { 'tab-container': true } }, h("slot", { key: '01cdeb08c1f468de22ce7d01c6e5b8396231860e' }))));
     }
     static get is() { return "cpsl-tab"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/cpsl-tabs/cpsl-tabs.js

@@ -39,7 +39,7 @@ export class CpslTabs {
         const tabsPosition = this.el.getBoundingClientRect();
         const tabsBorderWidth = +getComputedStyle(this.el).getPropertyValue('--border-width').slice(0, -2);
         const selectedTabRect = this.selectedTabRect;
-        return (h(Host, { key: '776064d533f6f5f8a40cd2aab7ece0247e6e204e', class: { 'full-width': this.fullWidth }, onCpslTabButtonClick: this.onTabClicked }, h("div", { key: '4476224108bfa308762ee277cd7916d591b21a2e', class: "tabs-container" }, h("slot", { key: 'ab728d3adff2333832a3998468f606a725dac2e3' }), h("div", { key: 'eae404533705ac598a6e653e9ec6cb73bcb99fb0', class: { slider: true, loaded: this.loaded }, style: { width: `${selectedTabRect.width}px`, left: `${selectedTabRect.x - tabsPosition.x - tabsBorderWidth * 2}px` } }))));
+        return (h(Host, { key: 'b64847167837c21748fce136be621c5cd3056383', class: { 'full-width': this.fullWidth }, onCpslTabButtonClick: this.onTabClicked }, h("div", { key: '97f898ee1c1a29c673a901d37e0c2aa20f73e06e', class: "tabs-container" }, h("slot", { key: '6a731c26802bc1b08c6b5fe92b2a6f1da438ee89' }), h("div", { key: 'c69d074579a90b804f038f5ace589a1c98ed45e1', class: { slider: true, loaded: this.loaded }, style: { width: `${selectedTabRect.width}px`, left: `${selectedTabRect.x - tabsPosition.x - tabsBorderWidth * 2}px` } }))));
     }
     static get is() { return "cpsl-tabs"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/cpsl-text/cpsl-text.js

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class CpslText {
     render() {
-        return (h(Host, { key: 'bcefdc0f0b9d5fe2d62c4ab7ca5d2e4aabca69d8' }, h("slot", { key: 'e35e76f43167515f19ab7f66be43ff4ed1ddc799' })));
+        return (h(Host, { key: '72726bc3a58e3089f02b70d494ead181eb34f2d3' }, h("slot", { key: '8f8b009bc13ea9bb7824b51c622b115c6b103a9c' })));
     }
     static get is() { return "cpsl-text"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/cpsl-tile-button/cpsl-tile-button.js

@@ -5,7 +5,7 @@ export class CpslTileButton {
         this.icon = undefined;
     }
     render() {
-        return (h(Host, { key: '829cc9cafbd52440189d22485485c6b80ba93910' }, h("button", { key: 'b24d64c3f800944494cac90259d1871ac97d3afe', class: "button-native" }, h("cpsl-icon", { key: '8b6c01a2eaebbb522fec66930a7d05b9859ca952', exportparts: "icon", src: this.src, icon: this.icon }), h("slot", { key: '531b8c2e6d762ed4925be6e8b169c81af1af44a0' }))));
+        return (h(Host, { key: 'db1693ec8a607410ba6bb5fbe15b4acaec26ff84' }, h("button", { key: '6da2c97b58e7ee13c86a386461831ed93fa3fee9', class: "button-native" }, h("cpsl-icon", { key: '0dbe6348fedb418151384747bac7f902b31d6c9a', exportparts: "icon", src: this.src, icon: this.icon }), h("slot", { key: '8d15a91f86b060edefcf3ae359df2ceb2e1b4a76' }))));
     }
     static get is() { return "cpsl-tile-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/esm/cpsl-alert_17.entry.js

@@ -996,7 +996,7 @@ const CpslInput = class {
     }
     render() {
         var _a;
-        return (h(Host, { key: 'b2d979b7438012d02ddc6ad8b8f33926cd3ee511', class: { 'disabled': this.disabled, 'focused': this.hasFocus, 'has-value': Boolean(this.focusedValue) || Boolean(this.value) } }, this.label && (h("label", { class: "label", htmlFor: this.inputId }, this.label)), h("div", { key: 'eb3323d11a5d7a4bc0d87f9f6cdf4b9c547253f0', onClick: this.focusInput, class: { 'input-container': true, 'error-container': Boolean(this.errorText) } }, h("slot", { key: '2887bf00bd7966a8df9f53746565cdde3100b00f', name: "start" }), h("input", { key: 'b247bd3483207989e6b36bf757dbaa74cf2e12e1', class: "native-input", id: this.inputId, disabled: this.disabled, autoCapitalize: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, min: this.min, max: this.max, minLength: this.minlength, maxLength: this.maxlength, multiple: this.multiple, name: this.name, pattern: this.pattern, placeholder: this.placeholder || '', readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, type: this.type, value: this.value, onInput: this.onInput, onChange: this.onChange, onFocus: this.onFocus, onBlur: this.onBlur }), h("slot", { key: '361b335057848b2513cc62da952ed34309a35044', name: "end" })), (this.errorText || this.helperText) && (h("div", { class: { 'helper-text-container': true, 'error-text': Boolean(this.errorText) } }, h("cpsl-icon", { icon: Boolean(this.errorText) ? 'alertCircle' : 'infoCircle' }), h("span", null, (_a = this.errorText) !== null && _a !== void 0 ? _a : this.helperText)))));
+        return (h(Host, { key: '2627de83fa1973eac8002f4807c4f2319a7541cf', class: { 'disabled': this.disabled, 'focused': this.hasFocus, 'has-value': Boolean(this.focusedValue) || Boolean(this.value) } }, this.label && (h("label", { class: "label", htmlFor: this.inputId }, this.label)), h("div", { key: '9f2eaa8fe2a2fa67dcd61e69cd43698c33829d48', onClick: this.focusInput, class: { 'input-container': true, 'error-container': Boolean(this.errorText) } }, h("slot", { key: 'cc4d99747dcc55aa2dc27a58244bd0dbdc872332', name: "start" }), h("input", { key: '52ba9b2248af07ee072628fd0207d1b965d44829', class: "native-input", id: this.inputId, disabled: this.disabled, autoCapitalize: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, min: this.min, max: this.max, minLength: this.minlength, maxLength: this.maxlength, multiple: this.multiple, name: this.name, pattern: this.pattern, placeholder: this.placeholder || '', readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, type: this.type, value: this.value, onInput: this.onInput, onChange: this.onChange, onFocus: this.onFocus, onBlur: this.onBlur }), h("slot", { key: 'b15d92b44f321351e3a8465b7c7c3409305e0196', name: "end" })), (this.errorText || this.helperText) && (h("div", { class: { 'helper-text-container': true, 'error-text': Boolean(this.errorText) } }, h("cpsl-icon", { icon: Boolean(this.errorText) ? 'alertCircle' : 'infoCircle' }), h("span", null, (_a = this.errorText) !== null && _a !== void 0 ? _a : this.helperText)))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -7087,7 +7087,7 @@ const CpslModal = class {
         return this.el.shadowRoot.getElementById('modal-header-expanded');
     }
     render() {
-        return (h(Host, { key: '45648b4e6b8d2f18f09b877bc1913115ea506947' }, h("div", { key: '1b04a8c36b4089333f7613ffea2c7235e8549bf9', class: { 'modal-container': true, 'no-footer': this.noFooter } }, h("div", { key: '6f5d4bcf3d1ad5199501d4ba0918f282051932e8', class: { 'modal-inner-container': true, 'no-footer': this.noFooter } }, h("div", { key: '001f1694aad6ae618f81b12648fe4b02a74a3728', id: "modal-header", class: "no-overflow" }, h("slot", { key: '56a22e98051e7a5e8c2d8d9ee351e6f03c01b657', name: "header" })), h("div", { key: 'b9370ca7e9b0233280f22a549c3fac571ff5180b', id: "modal-header-expanded", class: { 'expanded': true, 'no-overflow': true } }, h("slot", { key: 'a30b50116dbcc9b130d3560110a513973e81efe2', name: "footerExpandedHeader" })), h("div", { key: '6a4fa5e0f2d5fc56c1928559b5844b43dc660001', id: "modal-body", class: "no-overflow" }, h("slot", { key: '05dbb046b433a2335a84d843b037243c1a224096', name: "body" }))), h("div", { key: '7b8c37b0fb0417e58483df88591c3bc1374cd47f', id: "modal-footer", class: "no-overflow" }, h("slot", { key: 'fc24c24d862458e1a614efa4435fe43849bff790', name: "footer" })), h("div", { key: '07d939dba8ccfc0d340a181d1c0a048cb4146a26', id: "modal-footer-expanded", class: { 'expanded': true, 'no-overflow': true } }, h("slot", { key: 'e5e77e9d5a0b8c71138ffe320b0dcb0a38af6d93', name: "footerExpandedFooter" })))));
+        return (h(Host, { key: 'aa5c26013878e80fe58a2826d4cae04db88dace3' }, h("div", { key: '5deda08b40a3e034e1c1b412eb7ab0c7780b4f53', class: { 'modal-container': true, 'no-footer': this.noFooter } }, h("div", { key: '6f5340b60ded651410a3eec83ecca3ee0e24f643', class: { 'modal-inner-container': true, 'no-footer': this.noFooter } }, h("div", { key: '632ecd039ac402971cd3f15efb30fc527402f0cd', id: "modal-header", class: "no-overflow" }, h("slot", { key: 'af0d35f477ff94d7f65b3bd81b845819ba8c8439', name: "header" })), h("div", { key: '6116bba4b65cebb91fd283106a58915216e5d828', id: "modal-header-expanded", class: { 'expanded': true, 'no-overflow': true } }, h("slot", { key: 'd7cd88d70a15e2a02bc590422913c481f0b61a2e', name: "footerExpandedHeader" })), h("div", { key: '72e1ede4c4754526c83f2723d322717d8888bf6d', id: "modal-body", class: "no-overflow" }, h("slot", { key: '66c63bb06b6b4ccce422855ecb483ab42ca6e27e', name: "body" }))), h("div", { key: 'fec82340b95072a6d3167fda064082005f760661', id: "modal-footer", class: "no-overflow" }, h("slot", { key: 'bcd91a6cf6ef753e4b0fbb163e93984a9afa15ca', name: "footer" })), h("div", { key: 'a39a058058adedb6494c307729823467d6c45df7', id: "modal-footer-expanded", class: { 'expanded': true, 'no-overflow': true } }, h("slot", { key: 'd5f0d390de50e0706358bd033655047c742298e2', name: "footerExpandedFooter" })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -7127,7 +7127,7 @@ const CpslOverlay = class {
         }
     }
     render() {
-        return (h(Host, { key: 'ec64ff70a149919dd412cb2f14424c08717adfe1' }, h("slot", { key: '56f2de234d3dbf4375159cd07f45933bfb309866' })));
+        return (h(Host, { key: '55a5b7f277d010d63f1e991d210b038c393fb387' }, h("slot", { key: '59957e5f35e8b007ba32177672870d7240ca501c' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -7145,7 +7145,7 @@ const CpslPill = class {
         this.text = undefined;
     }
     render() {
-        return (h(Host, { key: 'd545ae390a19a6a83ddd90abbfcf68fa6021e776' }, h("div", { key: '9bc81aeebfe7fdf3139b9e95451126c7bedf67d9', class: "pill-container" }, h("span", { key: '66e16306d7a5a89e66029cae8b167932e4e75129' }, this.text))));
+        return (h(Host, { key: 'd82e8cf09017e22aab2c4e4d42295310116aad3c' }, h("div", { key: 'f7ec5045fdcf0d69873f5ddbfc46976a8c3bbacb', class: "pill-container" }, h("span", { key: 'd715965cf771800ad57f63509865d47a7344da95' }, this.text))));
     }
 };
 CpslPill.style = CpslPillStyle0;
@@ -7224,7 +7224,7 @@ const CpslQrCode = class {
         qrCode.append(container);
     }
     render() {
-        return (h(Host, { key: '760ae82104e561a8883bdeb87ee0ab52eb2cc5ca' }, h("div", { key: '650efea578ae2dedf0b07ece0efa5b9ae521d641', id: "qr-container", class: "qr-container" })));
+        return (h(Host, { key: 'c26c87e8a22d8134a60f9efebd1e27169d59cb0c' }, h("div", { key: 'd9a8ede7f1ffbcd80d58b916d38f38fea7fc4f74', id: "qr-container", class: "qr-container" })));
     }
     get el() { return getElement(this); }
 };
@@ -7320,7 +7320,7 @@ const CpslSlideButton = class {
         return this.el.shadowRoot.getElementById('end-icon');
     }
     render() {
-        return (h(Host, { key: '57fd7740a372a4599d1259edb61d3fc9a2a9643b' }, h("div", { key: '4cbf5d20371203c2f65ee96a5e629f0902c29828', id: "slider-container", class: "slider-container" }, h("div", { key: 'a02173329eb88e1c9afa5260758afadbb3049fe5', id: "start-slider-container-background", class: { 'start-slider-container-background': true, 'slider-container-background': true } }), h("div", { key: 'afcfc562d5dd147318ca8fcb764d3f0ae7c2a758', id: "end-slider-container-background", class: { 'end-slider-container-background': true, 'slider-container-background': true } }), h("div", { key: 'f0518cc4860c5baf248cd91bb19f6bc30113e8cf', id: "slider", class: "slider" }, h("cpsl-icon", { key: 'ab091e18d96b41d2969a3c43137e38cb6ffc9ab5', id: "start-icon", class: { 'start-icon': true, 'icon': true }, icon: this.startIcon }), h("cpsl-icon", { key: 'df1a10612b9369450eb3be434e7964cf93aefab7', id: "end-icon", class: { 'end-icon': true, 'icon': true }, icon: this.endIcon })), h("span", { key: 'dcef80a87e6338119b7471e5085f33d481bc7176', id: "start-text", class: "start-text" }, this.startText), h("span", { key: 'c8a55bfce682886aafae5d05ee3e1772ea504129', id: "end-text", class: "end-text" }, this.endText))));
+        return (h(Host, { key: '3025e2306923953edd5857009828af027cd0d561' }, h("div", { key: '5557072bcccfc099af005fed9af45adf335a98dd', id: "slider-container", class: "slider-container" }, h("div", { key: '39e1b5d2123eda0a004c0f250c8afa66b53768f4', id: "start-slider-container-background", class: { 'start-slider-container-background': true, 'slider-container-background': true } }), h("div", { key: '80486f55315077693d481e193eba1bf37acd5afd', id: "end-slider-container-background", class: { 'end-slider-container-background': true, 'slider-container-background': true } }), h("div", { key: 'c13596a1a117aa3e5674d5a91c0ec38ff9ac7a49', id: "slider", class: "slider" }, h("cpsl-icon", { key: 'd2d78f42e65efd180c9dd106738341cf0aee6f27', id: "start-icon", class: { 'start-icon': true, 'icon': true }, icon: this.startIcon }), h("cpsl-icon", { key: '63f9ce569084f2541c69028aedc949b3ecccac0c', id: "end-icon", class: { 'end-icon': true, 'icon': true }, icon: this.endIcon })), h("span", { key: '9bead9870b949f91734c4199d9c96f7b50a10128', id: "start-text", class: "start-text" }, this.startText), h("span", { key: '8dfa1e9e0866a74f72d27b2541a4ac9d56038d34', id: "end-text", class: "end-text" }, this.endText))));
     }
     get el() { return getElement(this); }
 };
@@ -7336,13 +7336,13 @@ const CpslSpinner = class {
         this.speed = 1;
     }
     render() {
-        return (h(Host, { key: '0a5428cab1c703fb0d8badd595f28a3fb40537b7', style: {
+        return (h(Host, { key: 'c67c084c1bae79ba255ca736de4721d1f6ea928d', style: {
                 'height': `${this.size}px`,
                 'width': `${this.size}px`,
                 'animation': `spin ${this.speed}s linear infinite`,
                 '-webkit-animation': `spin ${this.speed}s linear infinite`,
                 '-moz-animation': `spin ${this.speed}s linear infinite`,
-            } }, h("svg", { key: '26aa4015fecc83bbcdab871703c17451c517ee2a', height: this.size, width: this.size, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 54 54", fill: "none" }, h("path", { key: '4b5628962606e2e84484d6f294c9fd55195b931b', d: "M43.1586 17C39.8082 11.5978 33.8243 8 27 8C16.5066 8 8 16.5066 8 27C8 37.4934 16.5066 46 27 46C33.8242 46 39.8082 42.4022 43.1586 37", "stroke-width": "6", "stroke-linecap": "round" }), h("circle", { key: '09ae378ddf207361f6220d59311fc6bab8d5acbb', cx: "45", cy: "27", r: "5" }))));
+            } }, h("svg", { key: 'a14c9a8d895fb713fd1a8533bca04fa6e60017d7', height: this.size, width: this.size, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 54 54", fill: "none" }, h("path", { key: '5aaaf7cf5c649b717329266517e5ea1f39fccce8', d: "M43.1586 17C39.8082 11.5978 33.8243 8 27 8C16.5066 8 8 16.5066 8 27C8 37.4934 16.5066 46 27 46C33.8242 46 39.8082 42.4022 43.1586 37", "stroke-width": "6", "stroke-linecap": "round" }), h("circle", { key: 'a1a60d4f565a1cffb99177d4159a793621e7b288', cx: "45", cy: "27", r: "5" }))));
     }
 };
 CpslSpinner.style = CpslSpinnerStyle0;
@@ -7374,7 +7374,7 @@ const CpslTab = class {
         }
     }
     render() {
-        return (h(Host, { key: 'cea740063893fee3fc5429717df26cef8637127b', onClick: this.onTabClicked }, h("div", { key: '10fbe61409941ea47b5de1cde89d5d5ca7f964d0', class: { 'tab-container': true } }, h("slot", { key: '02260031fa7ea72e118075f2cda8e814f7efa110' }))));
+        return (h(Host, { key: 'd55a11bba84bea2f0d24c6190a84467aea4ac2d3', onClick: this.onTabClicked }, h("div", { key: '31e58097fd53e0286c6652eed32cb39b50e9ebf2', class: { 'tab-container': true } }, h("slot", { key: '01cdeb08c1f468de22ce7d01c6e5b8396231860e' }))));
     }
     get el() { return getElement(this); }
 };
@@ -7426,7 +7426,7 @@ const CpslTabs = class {
         const tabsPosition = this.el.getBoundingClientRect();
         const tabsBorderWidth = +getComputedStyle(this.el).getPropertyValue('--border-width').slice(0, -2);
         const selectedTabRect = this.selectedTabRect;
-        return (h(Host, { key: '776064d533f6f5f8a40cd2aab7ece0247e6e204e', class: { 'full-width': this.fullWidth }, onCpslTabButtonClick: this.onTabClicked }, h("div", { key: '4476224108bfa308762ee277cd7916d591b21a2e', class: "tabs-container" }, h("slot", { key: 'ab728d3adff2333832a3998468f606a725dac2e3' }), h("div", { key: 'eae404533705ac598a6e653e9ec6cb73bcb99fb0', class: { slider: true, loaded: this.loaded }, style: { width: `${selectedTabRect.width}px`, left: `${selectedTabRect.x - tabsPosition.x - tabsBorderWidth * 2}px` } }))));
+        return (h(Host, { key: 'b64847167837c21748fce136be621c5cd3056383', class: { 'full-width': this.fullWidth }, onCpslTabButtonClick: this.onTabClicked }, h("div", { key: '97f898ee1c1a29c673a901d37e0c2aa20f73e06e', class: "tabs-container" }, h("slot", { key: '6a731c26802bc1b08c6b5fe92b2a6f1da438ee89' }), h("div", { key: 'c69d074579a90b804f038f5ace589a1c98ed45e1', class: { slider: true, loaded: this.loaded }, style: { width: `${selectedTabRect.width}px`, left: `${selectedTabRect.x - tabsPosition.x - tabsBorderWidth * 2}px` } }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -7450,7 +7450,7 @@ const CpslText = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: 'bcefdc0f0b9d5fe2d62c4ab7ca5d2e4aabca69d8' }, h("slot", { key: 'e35e76f43167515f19ab7f66be43ff4ed1ddc799' })));
+        return (h(Host, { key: '72726bc3a58e3089f02b70d494ead181eb34f2d3' }, h("slot", { key: '8f8b009bc13ea9bb7824b51c622b115c6b103a9c' })));
     }
 };
 CpslText.style = CpslTextStyle0;
@@ -7465,7 +7465,7 @@ const CpslTileButton = class {
         this.icon = undefined;
     }
     render() {
-        return (h(Host, { key: '829cc9cafbd52440189d22485485c6b80ba93910' }, h("button", { key: 'b24d64c3f800944494cac90259d1871ac97d3afe', class: "button-native" }, h("cpsl-icon", { key: '8b6c01a2eaebbb522fec66930a7d05b9859ca952', exportparts: "icon", src: this.src, icon: this.icon }), h("slot", { key: '531b8c2e6d762ed4925be6e8b169c81af1af44a0' }))));
+        return (h(Host, { key: 'db1693ec8a607410ba6bb5fbe15b4acaec26ff84' }, h("button", { key: '6da2c97b58e7ee13c86a386461831ed93fa3fee9', class: "button-native" }, h("cpsl-icon", { key: '0dbe6348fedb418151384747bac7f902b31d6c9a', exportparts: "icon", src: this.src, icon: this.icon }), h("slot", { key: '8d15a91f86b060edefcf3ae359df2ceb2e1b4a76' }))));
     }
 };
 CpslTileButton.style = CpslTileButtonStyle0;

package/dist/esm/cpsl-info-box.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host } from './index-7c2f5cb9.js';
 
-const cpslInfoBoxCss = ":host{--box-border-radius:var(--cpsl-border-radius-info-box);--box-padding-top:16px;--box-padding-bottom:16px;--box-padding-start:16px;--box-padding-end:16px;--box-border-width:1px;border-radius:var(--input-border-radius);-webkit-padding-start:var(--box-padding-start);padding-inline-start:var(--box-padding-start);-webkit-padding-end:var(--box-padding-end);padding-inline-end:var(--box-padding-end);padding-top:var(--box-padding-top);padding-bottom:var(--box-padding-bottom);display:flex;background-color:var(--cpsl-color-background-subtle);border:var(--box-border-width) solid var(--cpsl-color-input-border-placeholder);border-radius:var(--box-border-radius)}";
+const cpslInfoBoxCss = ":host{--box-border-radius:var(--cpsl-border-radius-info-box);--box-padding-top:16px;--box-padding-bottom:16px;--box-padding-start:16px;--box-padding-end:16px;--box-border-width:1px}.info-box-container{border-radius:var(--input-border-radius);-webkit-padding-start:var(--box-padding-start);padding-inline-start:var(--box-padding-start);-webkit-padding-end:var(--box-padding-end);padding-inline-end:var(--box-padding-end);padding-top:var(--box-padding-top);padding-bottom:var(--box-padding-bottom);display:flex;background-color:var(--cpsl-color-background-subtle);border:var(--box-border-width) solid var(--cpsl-color-input-border-placeholder);border-radius:var(--box-border-radius)}";
 const CpslInfoBoxStyle0 = cpslInfoBoxCss;
 
 const CpslInfoBox = class {
@@ -8,7 +8,7 @@ const CpslInfoBox = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '17a3490640f95a341c0942188979b2cb82f37da1' }, h("slot", { key: 'c1d89e758c856d6edd1ec559b4f3da145a33837b' })));
+        return (h(Host, { key: '17a3490640f95a341c0942188979b2cb82f37da1' }, h("div", { key: '51c7731b3e11119e3fcb96f5ef2f47ffd71ba097', class: "info-box-container" }, h("slot", { key: '82bfc871c4fb3856e553637514806435473f4728' }))));
     }
 };
 CpslInfoBox.style = CpslInfoBoxStyle0;

package/dist/esm/cpsl-info-box.entry.js.map

@@ -1 +1 @@
-{"file":"cpsl-info-box.entry.js","mappings":";;AAAA,MAAM,cAAc,GAAG,upBAAupB,CAAC;AAC/qB,0BAAe,cAAc;;MCMhB,WAAW;;;;IACtB,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,8DAAa,CACR,EACP;KACH;;;;;;","names":[],"sources":["src/components/cpsl-info-box/cpsl-info-box.scss?tag=cpsl-info-box&encapsulation=shadow","src/components/cpsl-info-box/cpsl-info-box.tsx"],"sourcesContent":["@import '../../themes/capsule.globals';\n\n:host {\n  --box-border-radius: var(--cpsl-border-radius-info-box);\n  --box-padding-top: 16px;\n  --box-padding-bottom: 16px;\n  --box-padding-start: 16px;\n  --box-padding-end: 16px;\n  --box-border-width: 1px;\n\n  @include border-radius(var(--input-border-radius));\n  @include padding(var(--box-padding-top), var(--box-padding-end), var(--box-padding-bottom), var(--box-padding-start));\n\n  display: flex;\n  background-color: var(--cpsl-color-background-subtle);\n  border: var(--box-border-width) solid var(--cpsl-color-input-border-placeholder);\n  border-radius: var(--box-border-radius);\n}\n","import { Component, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'cpsl-info-box',\n  styleUrl: 'cpsl-info-box.scss',\n  shadow: true,\n})\nexport class CpslInfoBox {\n  render() {\n    return (\n      <Host>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"cpsl-info-box.entry.js","mappings":";;AAAA,MAAM,cAAc,GAAG,2qBAA2qB,CAAC;AACnsB,0BAAe,cAAc;;MCMhB,WAAW;;;;IACtB,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,4DAAK,KAAK,EAAC,oBAAoB,IAC7B,8DAAa,CACT,CACD,EACP;KACH;;;;;;","names":[],"sources":["src/components/cpsl-info-box/cpsl-info-box.scss?tag=cpsl-info-box&encapsulation=shadow","src/components/cpsl-info-box/cpsl-info-box.tsx"],"sourcesContent":["@import '../../themes/capsule.globals';\n\n:host {\n  --box-border-radius: var(--cpsl-border-radius-info-box);\n  --box-padding-top: 16px;\n  --box-padding-bottom: 16px;\n  --box-padding-start: 16px;\n  --box-padding-end: 16px;\n  --box-border-width: 1px;\n}\n\n.info-box-container {\n  @include border-radius(var(--input-border-radius));\n  @include padding(var(--box-padding-top), var(--box-padding-end), var(--box-padding-bottom), var(--box-padding-start));\n\n  display: flex;\n  background-color: var(--cpsl-color-background-subtle);\n  border: var(--box-border-width) solid var(--cpsl-color-input-border-placeholder);\n  border-radius: var(--box-border-radius);\n}\n","import { Component, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'cpsl-info-box',\n  styleUrl: 'cpsl-info-box.scss',\n  shadow: true,\n})\nexport class CpslInfoBox {\n  render() {\n    return (\n      <Host>\n        <div class=\"info-box-container\">\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/cpsl-row.entry.js

@@ -8,7 +8,7 @@ const CpslRow = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: 'cfa6b37775e3d61610a3467c2656b13e88b5f989' }, h("slot", { key: '064bc1a3eb128c8b871e68eeadb78aac74914976' })));
+        return (h(Host, { key: '6b0ced877619502c78baeccaceaf68f1feed6ea7' }, h("slot", { key: 'd132ce91967ad16904886baa14149ac8990d314f' })));
     }
 };
 CpslRow.style = CpslRowStyle0;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@usecapsule/core-components",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "description": "Capsule Core Components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -47,5 +47,5 @@
     "stencil-inline-svg": "^1.1.0",
     "ts-node": "^10.9.2"
   },
-  "gitHead": "1d0ee0d2f900fea504ab6b92eaa25e05e45a9895"
+  "gitHead": "21303c40a6aec01630b6bfde1d5d907cba294f1a"
 }

package/dist/capsule/p-b7cb3ddd.entry.js

@@ -1,2 +0,0 @@
-import{r as s,h as e,H as a}from"./p-9647dd63.js";const r=":host{display:flex;flex-wrap:wrap}";const c=r;const o=class{constructor(e){s(this,e)}render(){return e(a,{key:"cfa6b37775e3d61610a3467c2656b13e88b5f989"},e("slot",{key:"064bc1a3eb128c8b871e68eeadb78aac74914976"}))}};o.style=c;export{o as cpsl_row};
-//# sourceMappingURL=p-b7cb3ddd.entry.js.map

package/dist/capsule/p-d871d963.entry.js

@@ -1,2 +0,0 @@
-import{r as d,h as r,H as o}from"./p-9647dd63.js";const a=":host{--box-border-radius:var(--cpsl-border-radius-info-box);--box-padding-top:16px;--box-padding-bottom:16px;--box-padding-start:16px;--box-padding-end:16px;--box-border-width:1px;border-radius:var(--input-border-radius);-webkit-padding-start:var(--box-padding-start);padding-inline-start:var(--box-padding-start);-webkit-padding-end:var(--box-padding-end);padding-inline-end:var(--box-padding-end);padding-top:var(--box-padding-top);padding-bottom:var(--box-padding-bottom);display:flex;background-color:var(--cpsl-color-background-subtle);border:var(--box-border-width) solid var(--cpsl-color-input-border-placeholder);border-radius:var(--box-border-radius)}";const b=a;const i=class{constructor(r){d(this,r)}render(){return r(o,{key:"17a3490640f95a341c0942188979b2cb82f37da1"},r("slot",{key:"c1d89e758c856d6edd1ec559b4f3da145a33837b"}))}};i.style=b;export{i as cpsl_info_box};
-//# sourceMappingURL=p-d871d963.entry.js.map

package/dist/capsule/p-d871d963.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["cpslInfoBoxCss","CpslInfoBoxStyle0","CpslInfoBox","render","h","Host","key"],"sources":["src/components/cpsl-info-box/cpsl-info-box.scss?tag=cpsl-info-box&encapsulation=shadow","src/components/cpsl-info-box/cpsl-info-box.tsx"],"sourcesContent":["@import '../../themes/capsule.globals';\n\n:host {\n  --box-border-radius: var(--cpsl-border-radius-info-box);\n  --box-padding-top: 16px;\n  --box-padding-bottom: 16px;\n  --box-padding-start: 16px;\n  --box-padding-end: 16px;\n  --box-border-width: 1px;\n\n  @include border-radius(var(--input-border-radius));\n  @include padding(var(--box-padding-top), var(--box-padding-end), var(--box-padding-bottom), var(--box-padding-start));\n\n  display: flex;\n  background-color: var(--cpsl-color-background-subtle);\n  border: var(--box-border-width) solid var(--cpsl-color-input-border-placeholder);\n  border-radius: var(--box-border-radius);\n}\n","import { Component, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'cpsl-info-box',\n  styleUrl: 'cpsl-info-box.scss',\n  shadow: true,\n})\nexport class CpslInfoBox {\n  render() {\n    return (\n      <Host>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAiB,wpBACvB,MAAAC,EAAeD,E,MCMFE,EAAW,M,yBACtB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,QAAAE,IAAA,6C"}