@baloise/ds-core 17.2.5 → 17.3.0

package/dist/cjs/bal-segment_2.cjs.entry.js

@@ -6,24 +6,23 @@ const index = require('./index-84f42282.js');
 const tslib_es6 = require('./tslib.es6-a680968e.js');
 const bem = require('./bem-81bc6a2d.js');
 const log = require('./log-33398c2a.js');
-const formInput = require('./form-input-be32df30.js');
+const formInput = require('./form-input-85323470.js');
 const focusVisible = require('./focus-visible-264bd9b8.js');
-const helpers = require('./helpers-240da822.js');
+const helpers = require('./helpers-c858e965.js');
 const form = require('./form-2279fb2f.js');
 const keyboard_helpers = require('./keyboard.helpers-2093e793.js');
-const focus_decorator = require('./focus.decorator-e6050e24.js');
-const animation_decorator = require('./animation.decorator-d160ba91.js');
-const visibility_decorator = require('./visibility.decorator-dc8cec8a.js');
-const windowResize_decorator = require('./window-resize.decorator-dd9de715.js');
-const breakpoints_decorator = require('./breakpoints.decorator-ca324663.js');
+const focus_decorator = require('./focus.decorator-fa6c95a5.js');
+const animation_decorator = require('./animation.decorator-7a936417.js');
+const visibility_decorator = require('./visibility.decorator-9e162aad.js');
+const windowResize_decorator = require('./window-resize.decorator-7153a9f2.js');
+const breakpoints_decorator = require('./breakpoints.decorator-02f40938.js');
 const attributes = require('./attributes-9f366716.js');
 require('./browser-1d542d0f.js');
-require('./icons.constant-7c82086a.js');
-require('./config.utils-e4cd49d6.js');
+require('./config.utils-bccf141d.js');
 require('./listener-52d2e5fd.js');
-require('./breakpoints.subject-d4a17081.js');
+require('./breakpoints.subject-37ab025d.js');
 require('./device-9f97a845.js');
-require('./tokens.esm-7755b9a3.js');
+require('./tokens.esm-2b08bc6c.js');
 
 const balSegmentCss = ":root{--bal-segment-background:var(--bal-color-grey-2);--bal-segment-background-invalid:var(--bal-color-danger-1);--bal-segment-item-focus-border:var(--bal-color-border-primary);--bal-segment-item-text-color:var(--bal-color-text-primary);--bal-segment-item-text-color-checked:var(--bal-color-text-primary);--bal-segment-item-text-color-checked-hovered:var(--bal-color-text-primary-hovered);--bal-segment-item-text-color-checked-pressed:var(--bal-color-text-primary-pressed);--bal-segment-item-text-color-invalid:var(--bal-color-text-danger);--bal-segment-item-text-color-invalid-hovered:var(--bal-color-text-danger-hovered);--bal-segment-item-text-color-invalid-pressed:var(--bal-color-text-danger-pressed);--bal-segment-item-text-color-disabled:var(--bal-color-text-grey);--bal-segment-item-text-color-disabled-checked:var(--bal-color-text-grey-dark);--bal-segment-item-divider-background:var(--bal-color-grey);--bal-segment-item-divider-background-invalid:var(--bal-color-danger-2);--bal-segment-item-indicator-background:var(--bal-color-purple-2);--bal-segment-item-indicator-background-invalid:var(--bal-color-danger-4);--bal-segment-item-indicator-background-disabled:var(--bal-color-grey-3)}.bal-segment{display:-ms-flexbox;display:flex;background:var(--bal-segment-background);border-radius:var(--bal-radius-normal);gap:.125rem;gap:.125rem;padding:.25rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.bal-segment--invalid{background:var(--bal-segment-background-invalid)}.bal-segment--vertical{-ms-flex-direction:column;flex-direction:column;width:100%}.bal-segment--vertical .bal-segment-item__button{width:100%;-ms-flex:1;flex:1}.bal-segment--vertical.bal-segment--scrollable{overflow:auto;max-height:240px}.bal-segment--expanded{width:100%;min-width:100%;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}.bal-segment--expanded .bal-segment-item,.bal-segment--expanded .bal-segment-item>button{-ms-flex:1;flex:1;width:100%}.bal-segment--expanded .bal-segment-item .bal-content,.bal-segment--expanded .bal-segment-item>button .bal-content{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}";
 const BalSegmentStyle0 = balSegmentCss;

package/dist/cjs/bal-select_2.cjs.entry.js

@@ -5,17 +5,16 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-84f42282.js');
 const tslib_es6 = require('./tslib.es6-a680968e.js');
 const index$1 = require('./index-e6a233be.js');
-const helpers = require('./helpers-240da822.js');
+const helpers = require('./helpers-c858e965.js');
 const array = require('./array-ae164ca3.js');
 const utils = require('./utils-9ea175af.js');
-const formInput = require('./form-input-be32df30.js');
+const formInput = require('./form-input-85323470.js');
 const bem = require('./bem-81bc6a2d.js');
 const log = require('./log-33398c2a.js');
 const form = require('./form-2279fb2f.js');
 const keyboard_helpers = require('./keyboard.helpers-2093e793.js');
 require('./browser-1d542d0f.js');
-require('./icons.constant-7c82086a.js');
-require('./config.utils-e4cd49d6.js');
+require('./config.utils-bccf141d.js');
 require('./index-3b7f8988.js');
 require('./_commonjsHelpers-68cdf74f.js');
 

package/dist/cjs/bal-shape.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-84f42282.js');
 const bem = require('./bem-81bc6a2d.js');
-const tokens_esm = require('./tokens.esm-7755b9a3.js');
+const tokens_esm = require('./tokens.esm-2b08bc6c.js');
 
 const balShapeCss = ".bal-shape{display:block;overflow:hidden;border-radius:var(--bal-radius-normal);width:66px;height:66px}@media screen and (min-width: 769px),print{.bal-shape{width:120px;height:120px}}@media screen and (min-width: 1024px){.bal-shape{width:198px;height:198px;border-radius:unset}}.bal-shape--is-rotation-0{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.bal-shape--is-rotation-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.bal-shape--is-rotation-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.bal-shape--is-rotation-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}";
 const BalShapeStyle0 = balShapeCss;

package/dist/cjs/bal-spinner.cjs.entry.js

@@ -4,16 +4,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-84f42282.js');
 const tslib_es6 = require('./tslib.es6-a680968e.js');
-const helpers = require('./helpers-240da822.js');
+const helpers = require('./helpers-c858e965.js');
 const log = require('./log-33398c2a.js');
 const bem = require('./bem-81bc6a2d.js');
-const config_default = require('./config.default-5bdd6e3d.js');
-const config_decorator = require('./config.decorator-b393a72f.js');
+const config_default = require('./config.default-48618371.js');
+const config_decorator = require('./config.decorator-c38efed9.js');
 require('./browser-1d542d0f.js');
-require('./icons.constant-7c82086a.js');
-require('./config.utils-e4cd49d6.js');
+require('./config.utils-bccf141d.js');
 
-const balSpinnerCss = "bal-spinner,.bal-spinner{text-align:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center;width:4rem}bal-spinner svg,.bal-spinner svg{-webkit-transform:unset !important;transform:unset !important}.bal-spinner--small{width:2rem}.bal-spinner--circle{margin:auto;border-width:.25rem;border-style:solid;border-color:var(--bal-color-grey);border-radius:50%;border-top-color:var(--bal-color-primary);width:1.5rem;height:1.5rem}.bal-spinner--circle.bal-spinner--small{width:1.125rem;height:1.125rem;border-width:.2rem}.bal-spinner--circle.bal-spinner--animated{-webkit-animation:spinner 1.6s linear infinite;animation:spinner 1.6s linear infinite}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}";
+const balSpinnerCss = "bal-spinner,.bal-spinner{text-align:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center;width:4rem}bal-spinner svg,.bal-spinner svg{-webkit-transform:unset !important;transform:unset !important}.bal-spinner--small{width:2rem}.bal-spinner--circle{margin:auto;border-width:.25rem;border-style:solid;border-color:var(--bal-color-grey);border-radius:50%;border-top-color:var(--bal-color-primary);width:1.5rem;height:1.5rem}.bal-spinner--circle.bal-spinner--small{width:1.125rem;height:1.125rem;border-width:.2rem}.bal-spinner--circle.bal-spinner--animated{-webkit-animation:spinner 1.6s linear infinite;animation:spinner 1.6s linear infinite}.bal-spinner--circle.bal-spinner--color-white{border-color:var(--bal-color-white);border-top-color:var(--bal-color-primary)}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}";
 const BalSpinnerStyle0 = balSpinnerCss;
 
 const Spinner = class {
@@ -146,7 +145,7 @@ const Spinner = class {
      */
     render() {
         const block = bem.BEM.block('spinner');
-        return (index.h(index.Host, { key: '4aaf8217ef26f408e1cab309a966cc9ec52f7044', class: Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier('circle').class(this.variation === 'circle')), block.modifier('small').class(this.small)), block.modifier('animated').class(this.animated)), role: "progressbar", "aria-hidden": "true" }));
+        return (index.h(index.Host, { key: '6c3756c1b6cc6684bfc61906748ce66c3ba67890', class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier('circle').class(this.variation === 'circle')), block.modifier('small').class(this.small)), block.modifier('animated').class(this.animated)), block.modifier(`color-${this.color}`).class(this.variation === 'circle')), role: "progressbar", "aria-hidden": "true" }));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/bal-stack.cjs.entry.js

@@ -54,7 +54,7 @@ const Stack = class {
         if (alignment) {
             alignValue = this.alignment.split(' ').join('-');
         }
-        return (index.h(index.Host, { key: 'ae7ee9d0fde5a1324d87d8a6549a1afc10647cff', class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier(`use-wrap`).class(useWrap)), block.modifier(`layout-${layoutValue}`).class(layout || direction)), block.modifier(`align-${alignValue}`).class(align || alignment)), block.modifier(`space-${this.space}`).class(space)), block.modifier(`space-row-${this.spaceRow}`).class(spaceRow)), block.modifier(`space-row-${this.spaceColumn}`).class(spaceColumn)), block.modifier(`px-${this.px}`).class(px)), block.modifier(`py-${this.py}`).class(py)), block.modifier(`fit-content`).class(fitContent)) }, index.h("slot", { key: '364013576169de63cc540f287cd5b59e21dd7a7b' })));
+        return (index.h(index.Host, { key: '536a3cf3f4979288a0035ef0cdc966c4d390ff60', class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier(`use-wrap`).class(useWrap)), block.modifier(`layout-${layoutValue}`).class(layout || direction)), block.modifier(`align-${alignValue}`).class(align || alignment)), block.modifier(`space-${this.space}`).class(space)), block.modifier(`space-row-${this.spaceRow}`).class(spaceRow)), block.modifier(`space-row-${this.spaceColumn}`).class(spaceColumn)), block.modifier(`px-${this.px}`).class(px)), block.modifier(`py-${this.py}`).class(py)), block.modifier(`fit-content`).class(fitContent)) }, index.h("slot", { key: 'd1101bb18f49fb392e3ef7b1949f5ce5d797a204' })));
     }
 };
 tslib_es6.__decorate([

package/dist/cjs/bal-stage_6.cjs.entry.js

@@ -5,10 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-84f42282.js');
 const bem = require('./bem-81bc6a2d.js');
 const attributes = require('./attributes-9f366716.js');
-const helpers = require('./helpers-240da822.js');
+const helpers = require('./helpers-c858e965.js');
 require('./browser-1d542d0f.js');
-require('./icons.constant-7c82086a.js');
-require('./config.utils-e4cd49d6.js');
+require('./config.utils-bccf141d.js');
 
 const balStageCss = ":root{--bal-stage-background-red:var(--bal-color-red);--bal-stage-background-yellow:var(--bal-color-yellow);--bal-stage-background-green:var(--bal-color-green);--bal-stage-background-purple:var(--bal-color-purple);--bal-stage-back-font-family:var(--bal-font-family-title);--bal-stage-back-font-weight:var(--bal-font-weight-bold)}.bal-stage{display:block;position:relative}.bal-stage--is-purple{background:var(--bal-stage-background-purple)}.bal-stage--is-green{background:var(--bal-stage-background-green)}.bal-stage--is-red{background:var(--bal-stage-background-red)}.bal-stage--is-yellow{background:var(--bal-stage-background-yellow)}.bal-stage .bal-stage-content{display:block;position:static}.bal-stage .bal-stage-content .bal-stage-image{overflow:hidden}.bal-stage .bal-stage-content .bal-stage-image img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.bal-stage .bal-stage-content .bal-stage-body{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;padding-top:calc(var(--bal-space-xxxx-large) + 4rem);padding-bottom:var(--bal-space-xxx-large)}@media screen and (min-width: 769px),print{.bal-stage .bal-stage-content .bal-stage-body{padding-top:calc(var(--bal-space-xxxx-large-tablet) + 4rem);padding-bottom:var(--bal-space-xx-large-tablet)}}@media screen and (min-width: 1024px){.bal-stage .bal-stage-content .bal-stage-body{padding-top:calc(var(--bal-space-xxxx-large-desktop) + 3rem);padding-bottom:var(--bal-space-xx-large-desktop)}}.bal-stage .bal-stage-content .bal-stage-back-link--shadow{text-shadow:var(--bal-text-shadow-normal)}@media screen and (max-width: 1023px){.bal-stage .bal-stage-content .bal-stage-back-link{display:none}}@media screen and (min-width: 1024px){.bal-stage .bal-stage-content .bal-stage-back-link a{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;font-family:var(--bal-stage-back-font-family);font-weight:var(--bal-stage-back-font-weight);text-decoration:none}.bal-stage .bal-stage-content .bal-stage-back-link a:hover{text-decoration:underline}.bal-stage .bal-stage-content .bal-stage-back-link a:active{text-decoration:underline}}@media screen and (min-width: 1024px){.bal-stage--is-medium .bal-stage-content .bal-stage-body{min-height:25rem}}.bal-stage--is-large .bal-stage-content .bal-stage-body{min-height:23.438rem}@media screen and (min-width: 769px),print{.bal-stage--is-large .bal-stage-content .bal-stage-body{min-height:35rem}}@media screen and (min-width: 1024px){.bal-stage--is-large .bal-stage-content .bal-stage-body{min-height:52.5rem}}.bal-stage--has-shape .bal-stage-content{margin-bottom:1.375rem}@media screen and (min-width: 769px),print{.bal-stage--has-shape .bal-stage-content{margin-bottom:2.5rem}}@media screen and (min-width: 1024px){.bal-stage--has-shape .bal-stage-content{margin-bottom:4.125rem}}@media screen and (min-width: 769px),print{.bal-stage--has-shape .bal-stage-content .bal-stage-body>*{max-width:calc(100% - 7.5rem)}}@media screen and (min-width: 1024px){.bal-stage--has-shape .bal-stage-content .bal-stage-body>*{max-width:calc(100% - 12.375rem)}}.bal-stage--has-shape .bal-stage-content .bal-shape{position:absolute;bottom:-1.375rem;right:0}@media screen and (min-width: 769px),print{.bal-stage--has-shape .bal-stage-content .bal-shape{bottom:-2.5rem}}@media screen and (min-width: 1024px){.bal-stage--has-shape .bal-stage-content .bal-shape{bottom:-4.125rem}}";
 const BalStageStyle0 = balStageCss;
@@ -55,7 +54,7 @@ const Stage = class {
     render() {
         const block = bem.BEM.block('stage');
         const element = bem.BEM.block('stage-content');
-        return (index.h(index.Host, { key: 'cebb6bb53e0d96094c6ddbd8e8cf1ce94ac3e24f', class: Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier(`is-${this.size === '' ? 'medium' : this.size}`).class()), block.modifier(`is-${this.color}`).class(!!this.color)), block.modifier('has-shape').class(!!this.shape)), style: { '--bal-stage-container-width': this.getContainerWidth() } }, index.h("section", { key: '17310e9c145cd19b947c21a2ef10691eba42298d', class: Object.assign(Object.assign({}, element.class()), { container: true, [`${this.containerClass}`]: this.containerSize !== '' }) }, index.h("slot", { key: '749e4985a3756ca02f309bf15a20c08854a873f7' }), this.shape && (index.h("div", { key: '0e9c6c1742114a042b4320048fca983b123029d6', class: { container: true, [`${this.containerClass}`]: this.containerSize !== '' } }, index.h("bal-shape", { key: '59810aca102e9beff8db9344d774cc29ac8aab3d', color: this.color, variation: this.shapeVariation, rotation: this.shapeRotation }))))));
+        return (index.h(index.Host, { key: 'e24550c75ccbc228367fcfec8a24f1cc55101fc8', class: Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier(`is-${this.size === '' ? 'medium' : this.size}`).class()), block.modifier(`is-${this.color}`).class(!!this.color)), block.modifier('has-shape').class(!!this.shape)), style: { '--bal-stage-container-width': this.getContainerWidth() } }, index.h("section", { key: 'd925080116d60d4891ac4e141e3d6fa68338aaa8', class: Object.assign(Object.assign({}, element.class()), { container: true, [`${this.containerClass}`]: this.containerSize !== '' }) }, index.h("slot", { key: 'f4d2eb4d16600695f336b076c07518d553a93cdf' }), this.shape && (index.h("div", { key: 'cf059b309141555194945d62124437a3d90145f0', class: { container: true, [`${this.containerClass}`]: this.containerSize !== '' } }, index.h("bal-shape", { key: '99b25f746ad8858c885b6bf15df6246492b26b84', color: this.color, variation: this.shapeVariation, rotation: this.shapeRotation }))))));
     }
 };
 Stage.style = BalStageStyle0;
@@ -69,10 +68,10 @@ const StageBackLink = class {
     }
     render() {
         const block = bem.BEM.block('stage-back-link');
-        return (index.h(index.Host, { key: 'b759ddecb2f96b0a7c9b82935257270022c61221', class: Object.assign(Object.assign({}, block.class()), block.modifier('shadow').class(this.shadow)) }, index.h("a", { key: '4e39e44fddadc8ddbee24642205ef827aa67bb46', class: {
+        return (index.h(index.Host, { key: 'bc5906c288b5be99aba87a5c8b24773f8e980fe5', class: Object.assign(Object.assign({}, block.class()), block.modifier('shadow').class(this.shadow)) }, index.h("a", { key: 'd3ee0d9c434e58bcfbf6b70355dfd5b96b5a0d4d', class: {
                 'link': true,
                 'is-inverted': this.inverted,
-            }, href: this.href }, index.h("bal-icon", { key: '4f0f6b430046d3509c8c82c559aa01af3ff92340', class: "mr-x-small", name: "caret-left", size: "x-small", inverted: this.inverted, shadow: this.shadow }), index.h("slot", { key: '7d689bca25898c187a5bbb507a1cecd18e17c46f' }))));
+            }, href: this.href }, index.h("bal-icon", { key: '9ea9ce3b98138878573dd43f43e174da381a5cf2', class: "mr-x-small", name: "caret-left", size: "x-small", inverted: this.inverted, shadow: this.shadow }), index.h("slot", { key: '95ad39a717f47a0d02940a6b6f609ae90226cd76' }))));
     }
     get el() { return index.getElement(this); }
 };
@@ -83,7 +82,7 @@ const StageBody = class {
     }
     render() {
         const block = bem.BEM.block('stage-body');
-        return (index.h(index.Host, { key: 'ea116cb3554072981fe5ea1773ee1df1178c08a6', class: Object.assign({}, block.class()) }, index.h("slot", { key: '4b24bbf7b1503fd29d710722fbe697ae3a14f0ba' })));
+        return (index.h(index.Host, { key: '8d78c9777215c84373e246ae0495512137620d0c', class: Object.assign({}, block.class()) }, index.h("slot", { key: 'e866a1e129ad6c87567018a3538e526cc432bdcc' })));
     }
     get el() { return index.getElement(this); }
 };
@@ -93,7 +92,7 @@ const StageFoot = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '9217b4fe523082782e8c56466811e1ee452b2763', class: "hero-foot" }, index.h("slot", { key: '5ad55c58d8d833afee7889a2032891cb58631a1b' })));
+        return (index.h(index.Host, { key: '77f405fb5a84be341f5709ea9451fd5b01eae1a5', class: "hero-foot" }, index.h("slot", { key: '7b93751fe0fd796422cdf0d669404bf22f1312c8' })));
     }
     get el() { return index.getElement(this); }
 };
@@ -103,7 +102,7 @@ const StageHead = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'f42eb0dbf4d7459ecff34e7ef9d3669140f55da4', class: "hero-head" }, index.h("slot", { key: 'baf5b283e24d1d135686e32a9c2f8c7ead74bc52' })));
+        return (index.h(index.Host, { key: '1d3ba006d2d6aafe5795cdb2f59d9cb02822c927', class: "hero-head" }, index.h("slot", { key: '2c24fa40d9505b5b7b673d99d7b831161372e35b' })));
     }
     get el() { return index.getElement(this); }
 };
@@ -127,7 +126,7 @@ const StageImage = class {
     render() {
         const block = bem.BEM.block('stage-image');
         const imageSrc = this.fallback ? this.fallback : this.srcSet.split(',')[0];
-        return (index.h(index.Host, { key: '9fd029b0b8b95896c661566bdef677b4e8bddd78', class: Object.assign({}, block.class()) }, this.isOnLoadEventDone ? (index.h("img", Object.assign({ src: imageSrc, srcset: this.srcSet, sizes: "100vw" }, this.imageInheritAttributes))) : ('')));
+        return (index.h(index.Host, { key: '403567b2d7e9052448bfabeee037dddbd29ddfc5', class: Object.assign({}, block.class()) }, this.isOnLoadEventDone ? (index.h("img", Object.assign({ src: imageSrc, srcset: this.srcSet, sizes: "100vw" }, this.imageInheritAttributes))) : ('')));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/bal-step-item.cjs.entry.js

@@ -55,10 +55,10 @@ const StepItem = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '9b9322c92f3e7182359bd81ddead34efe7731b0c', role: "tabpanel", class: {
+        return (index.h(index.Host, { key: '8ee5cc145653a031dd60e10cd8e15a5cea413ded', role: "tabpanel", class: {
                 'bal-step-item': true,
                 'bal-step-item--active': this.isActive,
-            } }, index.h("slot", { key: 'bde852be10cae07db611abc2ed292eca77a48ad4' })));
+            } }, index.h("slot", { key: 'e424db22122910323793ae2b93c4dd8dcf9f2c31' })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/bal-steps.cjs.entry.js

@@ -4,24 +4,23 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-84f42282.js');
 const tslib_es6 = require('./tslib.es6-a680968e.js');
-const helpers = require('./helpers-240da822.js');
+const helpers = require('./helpers-c858e965.js');
 const bem = require('./bem-81bc6a2d.js');
 const log = require('./log-33398c2a.js');
 const array = require('./array-ae164ca3.js');
-const formInput = require('./form-input-be32df30.js');
+const formInput = require('./form-input-85323470.js');
 const balStep_util = require('./bal-step.util-3c009db9.js');
-const breakpoints_subject = require('./breakpoints.subject-d4a17081.js');
-const mutation_decorator = require('./mutation.decorator-249a9606.js');
-const breakpoints_decorator = require('./breakpoints.decorator-ca324663.js');
+const breakpoints_subject = require('./breakpoints.subject-37ab025d.js');
+const mutation_decorator = require('./mutation.decorator-229267c9.js');
+const breakpoints_decorator = require('./breakpoints.decorator-02f40938.js');
 require('./browser-1d542d0f.js');
-require('./icons.constant-7c82086a.js');
-require('./config.utils-e4cd49d6.js');
+require('./config.utils-bccf141d.js');
 require('./index-e6a233be.js');
 require('./index-3b7f8988.js');
 require('./_commonjsHelpers-68cdf74f.js');
 require('./device-9f97a845.js');
 require('./listener-52d2e5fd.js');
-require('./tokens.esm-7755b9a3.js');
+require('./tokens.esm-2b08bc6c.js');
 
 const StepIcon = ({ item, isMobile }) => {
     const bemEl = bem.BEM.block('steps').element('nav').element('item').element('icon');

package/dist/cjs/bal-tab-item_2.cjs.entry.js

@@ -6,32 +6,31 @@ const index = require('./index-84f42282.js');
 const attributes = require('./attributes-9f366716.js');
 const tslib_es6 = require('./tslib.es6-a680968e.js');
 const array = require('./array-ae164ca3.js');
-const helpers = require('./helpers-240da822.js');
+const helpers = require('./helpers-c858e965.js');
 const bem = require('./bem-81bc6a2d.js');
 const log = require('./log-33398c2a.js');
 const balTab_util = require('./bal-tab.util-d0785ef4.js');
-const formInput = require('./form-input-be32df30.js');
+const formInput = require('./form-input-85323470.js');
 const browser = require('./browser-1d542d0f.js');
-const swiper_util = require('./swiper.util-ef01dd7a.js');
-const breakpoints_subject = require('./breakpoints.subject-d4a17081.js');
-const config_default = require('./config.default-5bdd6e3d.js');
-const mutation_decorator = require('./mutation.decorator-249a9606.js');
-const visibility_decorator = require('./visibility.decorator-dc8cec8a.js');
-const breakpoints_decorator = require('./breakpoints.decorator-ca324663.js');
-const resize_decorator = require('./resize.decorator-ebed89a1.js');
-const swipe_decorator = require('./swipe.decorator-8ff8dd2c.js');
-const animation_decorator = require('./animation.decorator-d160ba91.js');
-const config_decorator = require('./config.decorator-b393a72f.js');
+const swiper_util = require('./swiper.util-9bad4b2d.js');
+const breakpoints_subject = require('./breakpoints.subject-37ab025d.js');
+const config_default = require('./config.default-48618371.js');
+const mutation_decorator = require('./mutation.decorator-229267c9.js');
+const visibility_decorator = require('./visibility.decorator-9e162aad.js');
+const breakpoints_decorator = require('./breakpoints.decorator-02f40938.js');
+const resize_decorator = require('./resize.decorator-16e4bcd7.js');
+const swipe_decorator = require('./swipe.decorator-220cd690.js');
+const animation_decorator = require('./animation.decorator-7a936417.js');
+const config_decorator = require('./config.decorator-c38efed9.js');
 require('./index-e6a233be.js');
 require('./index-3b7f8988.js');
 require('./_commonjsHelpers-68cdf74f.js');
-require('./icons.constant-7c82086a.js');
-require('./config.utils-e4cd49d6.js');
+require('./config.utils-bccf141d.js');
 require('./keyboard.helpers-2093e793.js');
 require('./device-9f97a845.js');
 require('./listener-52d2e5fd.js');
-require('./tokens.esm-7755b9a3.js');
-require('./swipe.subject-00bf8c8f.js');
+require('./tokens.esm-2b08bc6c.js');
+require('./swipe.subject-65733bae.js');
 
 const TabItem = class {
     constructor(hostRef) {
@@ -95,10 +94,10 @@ const TabItem = class {
     render() {
         const hasPanel = !this.noPanel;
         const noPanelOrInactive = !this.isActive || this.noPanel;
-        return (index.h(index.Host, { key: '9c52bfb73f94ac8b9482fbd7d5d0e72462ea7073', id: this.tabPanelID, class: {
+        return (index.h(index.Host, { key: '73cd7faf737780486e58b71b4c51508e0311e277', id: this.tabPanelID, class: {
                 'bal-tab-item': true,
                 'bal-tab-item--active': this.isActive,
-            }, role: hasPanel ? 'tabpanel' : undefined, "aria-label": hasPanel ? this.label : undefined, "aria-hidden": noPanelOrInactive ? 'true' : 'false', tabindex: noPanelOrInactive ? '-1' : undefined, hidden: noPanelOrInactive ? true : undefined }, index.h("slot", { key: 'fc17bf76c24c61134bd35341fc61859ab99fb798' })));
+            }, role: hasPanel ? 'tabpanel' : undefined, "aria-label": hasPanel ? this.label : undefined, "aria-hidden": noPanelOrInactive ? 'true' : 'false', tabindex: noPanelOrInactive ? '-1' : undefined, hidden: noPanelOrInactive ? true : undefined }, index.h("slot", { key: 'd533d087306ee17ba5b78c9b756db6cf923ef1a5' })));
     }
     get el() { return index.getElement(this); }
 };
@@ -793,9 +792,9 @@ const Tabs = class {
             .filter(t => this.isTabActive(t))
             .map(t => t.label)
             .join(',');
-        return (index.h(index.Host, { key: '8d867bd044fecb683137fd045a25a4d00977d715', class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier('navbar').class(this.inNavbar)), block.modifier('vertical').class(isVertical)), block.modifier('fullwidth').class(this.expanded || this.fullwidth)), block.modifier('accordion').class(this.accordion)), block.modifier('animated').class(this.animated)), block.modifier('expanding').class(this.accordionState === 8 /* AccordionState.Expanding */)), block.modifier('expanded').class(this.accordionState === 4 /* AccordionState.Expanded */)), block.modifier('collapsing').class(this.accordionState === 2 /* AccordionState.Collapsing */)), block.modifier('collapsed').class(this.accordionState === 1 /* AccordionState.Collapsed */)), "data-value": dataValue, "data-label": dataLabel }, isSelect ? (index.h(TabSelect, { value: this.value, items: tabs, onSelectTab: this.onSelectTab })) : (index.h(TabNav, { swiper: this.swiper, items: tabs, isLinkList: isLinkList, tabsId: this.tabsId, clickable: this.clickable, accordion: this.accordion, isAccordionOpen: this.isAccordionOpen, lineActive: valueExists, lineHidden: !this.enableLineRender, inverted: isInverted, animated: this.animated, context: this.context, border: hasBorder, spaceless: this.spaceless, expanded: this.expanded, isMobile: isMobile, isTouch: isTouch, isVertical: isVertical, inNavbar: this.inNavbar, iconPosition: this.iconPosition, showSwiperControls: !this.isVertical(), verticalColSize: this.verticalColSize, onSelectTab: this.onSelectTab, dimInactiveElements: this.dimInactiveElements })), index.h("div", { key: 'a8082250c734922919296b24c9467199b9a23930', part: contentPart, class: Object.assign(Object.assign(Object.assign({}, contentEl.class()), contentEl.modifier('vertical').class(this.isVertical())), contentEl
+        return (index.h(index.Host, { key: 'a1d8a76b19bfde81e59e6c59277d6445aa085cc8', class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier('navbar').class(this.inNavbar)), block.modifier('vertical').class(isVertical)), block.modifier('fullwidth').class(this.expanded || this.fullwidth)), block.modifier('accordion').class(this.accordion)), block.modifier('animated').class(this.animated)), block.modifier('expanding').class(this.accordionState === 8 /* AccordionState.Expanding */)), block.modifier('expanded').class(this.accordionState === 4 /* AccordionState.Expanded */)), block.modifier('collapsing').class(this.accordionState === 2 /* AccordionState.Collapsing */)), block.modifier('collapsed').class(this.accordionState === 1 /* AccordionState.Collapsed */)), "data-value": dataValue, "data-label": dataLabel }, isSelect ? (index.h(TabSelect, { value: this.value, items: tabs, onSelectTab: this.onSelectTab })) : (index.h(TabNav, { swiper: this.swiper, items: tabs, isLinkList: isLinkList, tabsId: this.tabsId, clickable: this.clickable, accordion: this.accordion, isAccordionOpen: this.isAccordionOpen, lineActive: valueExists, lineHidden: !this.enableLineRender, inverted: isInverted, animated: this.animated, context: this.context, border: hasBorder, spaceless: this.spaceless, expanded: this.expanded, isMobile: isMobile, isTouch: isTouch, isVertical: isVertical, inNavbar: this.inNavbar, iconPosition: this.iconPosition, showSwiperControls: !this.isVertical(), verticalColSize: this.verticalColSize, onSelectTab: this.onSelectTab, dimInactiveElements: this.dimInactiveElements })), index.h("div", { key: '1a460259f8231a6f669e423343ab32f7b718fa06', part: contentPart, class: Object.assign(Object.assign(Object.assign({}, contentEl.class()), contentEl.modifier('vertical').class(this.isVertical())), contentEl
                 .modifier('hidden')
-                .class(this.context === 'meta' || this.context === 'navbar' || this.context === 'navigation')) }, index.h("div", { key: 'ab8af83ca427a58fdbd1fc5474798879cec06ef3', id: this.tabsId, class: Object.assign({}, contentEl.element('wrapper').class()) }, index.h("slot", { key: '50ed58aacd364ec3fe3b57d1775490d4335d1729' })))));
+                .class(this.context === 'meta' || this.context === 'navbar' || this.context === 'navigation')) }, index.h("div", { key: '40d55adc3c7bdb32ab8e26eb80a6a4766079c54a', id: this.tabsId, class: Object.assign({}, contentEl.element('wrapper').class()) }, index.h("slot", { key: 'ad35eebf2cb6c481217f8539f4932096406df50d' })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/bal-table.cjs.entry.js

@@ -17,7 +17,7 @@ const Table = class {
         const block = bem.BEM.block('table');
         const fullwidthClass = 'is-fullwidth';
         const hasFullwidth = this.expanded;
-        return (index.h(index.Host, { key: '44262d7f133d1124da1ceb878840039cbf2c7ff6', class: Object.assign(Object.assign(Object.assign({}, block.class()), { 'ag-theme-alpine': true }), block.modifier(fullwidthClass).class(hasFullwidth)) }, index.h("slot", { key: 'ecbc47dc22edf2bfd54a4d72e9813b7e425a5a00' })));
+        return (index.h(index.Host, { key: '1059612d6670d6a8c333a6903dfa1ffff7150964', class: Object.assign(Object.assign(Object.assign({}, block.class()), { 'ag-theme-alpine': true }), block.modifier(fullwidthClass).class(hasFullwidth)) }, index.h("slot", { key: '22d1e47908682547a1d22d17348bfb66dfd81e7a' })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/bal-tag_2.cjs.entry.js

@@ -39,7 +39,7 @@ const Tag = class {
         const hasDisabled = this.disabled;
         const positionClass = `is-${this.position}`;
         const hasPosition = this.position !== undefined;
-        return (index.h(index.Host, Object.assign({ key: 'f7e55913d45b3043066cd32973bfe22ea9cb2e19', "aria-disabled": this.disabled ? 'true' : null, class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier(sizeClass).class(hasSize)), block.modifier(colorClass).class(hasColor)), block.modifier(disabledClass).class(hasDisabled)), block.modifier(positionClass).class(hasPosition)), block.modifier('is-invalid').class(this.invalid)) }, this.inheritedAttributes), index.h("span", { key: 'a70a1395177d1717117555d406311161c62a87f1', class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, elLabel.class()), elLabel.modifier(sizeClass).class(hasSize)), elLabel.modifier(colorClass).class(hasColor)), elLabel.modifier(disabledClass).class(hasDisabled)), elLabel.modifier('is-invalid').class(this.invalid)), "data-testid": "bal-tag-label" }, index.h("slot", { key: '9678f086ef39473f3a7a78720b59abba8eeaa0c8' })), index.h("bal-close", Object.assign({ key: '03f425bbe857348736170c5c75093ed11c8f95d9', class: Object.assign({}, block.element('close').class()), style: {
+        return (index.h(index.Host, Object.assign({ key: 'fcb28709fa01ca31a2ae98d59bacfb356e28fd0c', "aria-disabled": this.disabled ? 'true' : null, class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier(sizeClass).class(hasSize)), block.modifier(colorClass).class(hasColor)), block.modifier(disabledClass).class(hasDisabled)), block.modifier(positionClass).class(hasPosition)), block.modifier('is-invalid').class(this.invalid)) }, this.inheritedAttributes), index.h("span", { key: 'e82b7f7b34add1277872fc105a327f50b305b2f8', class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, elLabel.class()), elLabel.modifier(sizeClass).class(hasSize)), elLabel.modifier(colorClass).class(hasColor)), elLabel.modifier(disabledClass).class(hasDisabled)), elLabel.modifier('is-invalid').class(this.invalid)), "data-testid": "bal-tag-label" }, index.h("slot", { key: '9a29590870327840f6bbf0c9bedebbcb1be51ba8' })), index.h("bal-close", Object.assign({ key: 'a236adc61866d6ba1080780813b75806c93ec657', class: Object.assign({}, block.element('close').class()), style: {
                 display: this.closable && !this.disabled ? 'flex' : 'none',
             }, size: this.size === 'small' ? 'small' : '', inverted: (['blue', 'primary', 'info', 'success', 'warning', 'danger', 'red', 'purple', 'yellow', 'green'].includes(this.color) &&
                 !this.light) ||
@@ -54,7 +54,7 @@ const TagGroup = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '524a094b4adf71e481268ff8a88eabdfe8323b38', class: "bal-tag-group" }, index.h("slot", { key: 'b03a1908eec3f767f9547f01f44b26c75e7cb198' })));
+        return (index.h(index.Host, { key: 'd1f82919080730fd2555d25e4e5adda071f0c6a2', class: "bal-tag-group" }, index.h("slot", { key: '2f0ce67b5870beb486f86341214f5f32f234ae47' })));
     }
 };
 

package/dist/cjs/bal-textarea.cjs.entry.js

@@ -3,14 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-84f42282.js');
-const formInput = require('./form-input-be32df30.js');
-const helpers = require('./helpers-240da822.js');
+const formInput = require('./form-input-85323470.js');
+const helpers = require('./helpers-c858e965.js');
 const attributes = require('./attributes-9f366716.js');
 const bem = require('./bem-81bc6a2d.js');
 const form = require('./form-2279fb2f.js');
 require('./browser-1d542d0f.js');
-require('./icons.constant-7c82086a.js');
-require('./config.utils-e4cd49d6.js');
+require('./config.utils-bccf141d.js');
 
 const balTextareaCss = ".bal-textarea{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;position:relative;-ms-flex:1;flex:1;width:100%;font-family:var(--bal-font-family-text);white-space:pre-wrap;-webkit-box-sizing:border-box;box-sizing:border-box}.bal-textarea__native{margin:0;display:block;width:100%;max-width:100%;max-height:100%;outline:none;background:rgba(0,0,0,0);-webkit-box-sizing:border-box;box-sizing:border-box;resize:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:calc(.75em - 2px)}.bal-textarea__native::-webkit-input-placeholder{padding:0;font-family:inherit}.bal-textarea__native::-moz-placeholder{padding:0;font-family:inherit}.bal-textarea__native:-ms-input-placeholder{padding:0;font-family:inherit}.bal-textarea__native::-ms-input-placeholder{padding:0;font-family:inherit}.bal-textarea__native::placeholder{padding:0;font-family:inherit}";
 const BalTextareaStyle0 = balTextareaCss;
@@ -123,7 +122,7 @@ const Textarea = class {
         const value = this.getValue();
         const block = bem.BEM.block('textarea');
         const elNative = block.element('native');
-        return (index.h(index.Host, { key: '149d29f8d5914cf4b32beb3fe6e1e7e62a85db08', onClick: this.handleClick, "aria-disabled": this.disabled ? 'true' : null, class: Object.assign({}, block.class()) }, index.h("textarea", Object.assign({ key: '52709d8de1e3b4e02f500d6bcec497156f06fc1d', class: Object.assign(Object.assign({}, elNative.class()), { 'textarea': true, 'is-disabled': this.disabled || this.readonly, 'is-danger': this.invalid, 'clickable': this.clickable }), "data-testid": "bal-textarea-input", ref: inputEl => (this.nativeInput = inputEl), name: this.name, id: this.ariaForm.controlId || this.inputId, "aria-labelledby": this.ariaForm.labelId, "aria-describedby": this.ariaForm.messageId, "aria-invalid": this.invalid === true ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : null, disabled: this.disabled, readonly: this.readonly, required: this.required, autoCapitalize: this.autocapitalize, autocomplete: this.autocomplete, autoFocus: this.autofocus, minLength: this.minLength, maxLength: this.maxLength, placeholder: this.placeholder, inputMode: this.inputmode, value: this.value, cols: this.cols, rows: this.rows, wrap: this.wrap, onFocus: this.onFocus, onInput: ev => this.onInput(ev), onBlur: this.onBlur, onClick: this.onClick, onKeyPress: e => this.balKeyPress.emit(e) }, this.inheritedAttributes), value, index.h("slot", { key: '48a083ac55240858d9cbf656631739cc349b6cf1' }))));
+        return (index.h(index.Host, { key: 'c480f893ab85bf7c3aebacd7cae0f9cac2f45729', onClick: this.handleClick, "aria-disabled": this.disabled ? 'true' : null, class: Object.assign({}, block.class()) }, index.h("textarea", Object.assign({ key: 'e24dc8d2deb3e9a700f1b34177bb953ea5d48f84', class: Object.assign(Object.assign({}, elNative.class()), { 'textarea': true, 'is-disabled': this.disabled || this.readonly, 'is-danger': this.invalid, 'clickable': this.clickable }), "data-testid": "bal-textarea-input", ref: inputEl => (this.nativeInput = inputEl), name: this.name, id: this.ariaForm.controlId || this.inputId, "aria-labelledby": this.ariaForm.labelId, "aria-describedby": this.ariaForm.messageId, "aria-invalid": this.invalid === true ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : null, disabled: this.disabled, readonly: this.readonly, required: this.required, autoCapitalize: this.autocapitalize, autocomplete: this.autocomplete, autoFocus: this.autofocus, minLength: this.minLength, maxLength: this.maxLength, placeholder: this.placeholder, inputMode: this.inputmode, value: this.value, cols: this.cols, rows: this.rows, wrap: this.wrap, onFocus: this.onFocus, onInput: ev => this.onInput(ev), onBlur: this.onBlur, onClick: this.onClick, onKeyPress: e => this.balKeyPress.emit(e) }, this.inheritedAttributes), value, index.h("slot", { key: '8951528c192b5cfaff238fc6b4371f0005f788d4' }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/bal-time-input.cjs.entry.js

@@ -5,19 +5,18 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-84f42282.js');
 const tslib_es6 = require('./tslib.es6-a680968e.js');
 const index$1 = require('./index-e6a233be.js');
-const formInput = require('./form-input-be32df30.js');
-const helpers = require('./helpers-240da822.js');
+const formInput = require('./form-input-85323470.js');
+const helpers = require('./helpers-c858e965.js');
 const attributes = require('./attributes-9f366716.js');
 const keys_constant = require('./keys.constant-b53da545.js');
 const bem = require('./bem-81bc6a2d.js');
 const balTimeInput_i18n = require('./bal-time-input.i18n-b2bb9182.js');
 const form = require('./form-2279fb2f.js');
 const log = require('./log-33398c2a.js');
-const config_default = require('./config.default-5bdd6e3d.js');
-const config_decorator = require('./config.decorator-b393a72f.js');
+const config_default = require('./config.default-48618371.js');
+const config_decorator = require('./config.decorator-c38efed9.js');
 require('./browser-1d542d0f.js');
-require('./icons.constant-7c82086a.js');
-require('./config.utils-e4cd49d6.js');
+require('./config.utils-bccf141d.js');
 
 const balTimeInputCss = ":root{--bal-time-input-native-placeholder-background-before:var(--bal-color-white);--bal-time-input-native-placeholder-background-disabled-before:var(--bal-color-grey-2);--bal-time-input-native-placeholder-background-danger-before:var(--bal-color-danger-1);--bal-time-input-native-placeholder-background-disabled-danger-before:var(--bal-color-grey-2);--bal-time-input-native-placeholder-background-hover-before:var(--bal-color-grey-1);--bal-time-input-native-text-color:var(--bal-color-primary-3);--bal-time-input-native-text-color-focus-value:var(--bal-color-primary);--bal-time-input-native-text-color-disabled:var(--bal-color-grey-5);--bal-time-input-native-text-color-disabled-value:var(--bal-color-grey-4);--bal-time-input-native-placeholder-text-color-disabled-before:var(--bal-color-grey-5);--bal-time-input-native-placeholder-text-color-before:var(--bal-color-primary-3)}.bal-time-input{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;position:relative;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;width:100%;padding:0;font-family:var(--bal-font-family-text)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper{display:flex}.bal-time-input__native::-webkit-datetime-edit-text{color:var(--bal-time-input-native-text-color)}.bal-time-input__native::-webkit-datetime-edit-hour-field{color:var(--bal-time-input-native-text-color)}.bal-time-input__native::-webkit-datetime-edit-minute-field{color:var(--bal-time-input-native-text-color)}.bal-time-input__native::-webkit-clear-button{display:none}.bal-time-input__native::-webkit-inner-spin-button{display:none}.bal-time-input__native::-webkit-calendar-picker-indicator{display:none;background:none}.bal-time-input__native.has-focus::-webkit-datetime-edit-text,.bal-time-input__native.has-value::-webkit-datetime-edit-text{color:var(--bal-time-input-native-text-color-focus-value)}.bal-time-input__native.has-focus::-webkit-datetime-edit-hour-field,.bal-time-input__native.has-value::-webkit-datetime-edit-hour-field{color:var(--bal-time-input-native-text-color-focus-value)}.bal-time-input__native.has-focus::-webkit-datetime-edit-minute-field,.bal-time-input__native.has-value::-webkit-datetime-edit-minute-field{color:var(--bal-time-input-native-text-color-focus-value)}.bal-time-input__native.is-disabled::-webkit-datetime-edit-text{color:var(--bal-time-input-native-text-color-disabled)}.bal-time-input__native.is-disabled::-webkit-datetime-edit-hour-field{color:var(--bal-time-input-native-text-color-disabled)}.bal-time-input__native.is-disabled::-webkit-datetime-edit-minute-field{color:var(--bal-time-input-native-text-color-disabled)}.bal-time-input__native.is-disabled.has-value::-webkit-datetime-edit-text{color:var(--bal-time-input-native-text-color-disabled-value)}.bal-time-input__native.is-disabled.has-value::-webkit-datetime-edit-hour-field{color:var(--bal-time-input-native-text-color-disabled-value)}.bal-time-input__native.is-disabled.has-value::-webkit-datetime-edit-minute-field{color:var(--bal-time-input-native-text-color-disabled-value)}.bal-time-input__native.show-placeholder.is-disabled::before{color:var(--bal-time-input-native-placeholder-text-color-disabled-before);background:var(--bal-time-input-native-placeholder-background-disabled-before)}.bal-time-input__native.show-placeholder.is-danger::before{background:var(--bal-time-input-native-placeholder-background-danger-before)}.bal-time-input__native.show-placeholder.is-disabled.is-danger::before{background:var(--bal-time-input-native-placeholder-background-disabled-danger-before)}.bal-time-input__native.show-placeholder:hover::before{background:var(--bal-time-input-native-placeholder-background-hover-before)}.bal-time-input__native.show-placeholder::before{color:var(--bal-time-input-native-placeholder-text-color-before);content:attr(placeholder);pointer-events:none;position:absolute;background:var(--bal-time-input-native-placeholder-background-before)}";
 const BalTimeInputStyle0 = balTimeInputCss;
@@ -149,7 +148,7 @@ const TimeInput = class {
         const value = this.focused ? this.getRawValue() : this.getFormattedValue();
         const block = bem.BEM.block('time-input');
         const native = block.element('native');
-        return (index.h(index.Host, { key: '2578b65264137e9434088835c57d22d206103771', "aria-disabled": this.disabled ? 'true' : null, class: Object.assign({}, block.class()) }, index.h("bal-input-group", { key: 'b01517906f8bf0a8062150353c8ab222b8168d7a', disabled: this.disabled || this.readonly, invalid: this.invalid }, index.h("input", Object.assign({ key: '07e361337fcfb7089f43f8b01393df8978f3806e', type: "time", class: Object.assign({ 'input': true, 'is-disabled': this.disabled || this.readonly, 'is-danger': this.invalid, 'has-focus': this.focused, 'show-placeholder': !this.focused && (this.value === '' || this.value === undefined), 'has-value': this.value !== '' && this.value !== undefined }, native.class()), ref: input => (this.nativeInput = input), id: this.ariaForm.controlId || this.inputId, "aria-labelledby": this.ariaForm.labelId, "aria-describedby": this.ariaForm.messageId, "aria-invalid": this.invalid === true ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : null, name: this.name, disabled: this.disabled, readonly: this.readonly, required: this.required, placeholder: `${balTimeInput_i18n.i18nBalTimeInput[this.language].hours}:${balTimeInput_i18n.i18nBalTimeInput[this.language].minutes}`, value: value, onInput: ev => this.onInput(ev), onFocus: e => this.onFocus(e), onBlur: e => this.onBlur(e), onKeyDown: e => this.onKeydown(e), onKeyPress: e => this.balKeyPress.emit(e) }, this.inheritedAttributes)), index.h("bal-icon", { key: 'c5962393a8981a078a6cf0e2f41890ecc534fd11', "is-right": true, color: this.disabled || this.readonly ? 'grey' : this.invalid ? 'danger' : 'primary', name: "clock" }))));
+        return (index.h(index.Host, { key: '0c7874f83c267aa444d6bb4ea38e2c9815e9f673', "aria-disabled": this.disabled ? 'true' : null, class: Object.assign({}, block.class()) }, index.h("bal-input-group", { key: '5899915ba6c27ea056882af19e829844bd8a8a8b', disabled: this.disabled || this.readonly, invalid: this.invalid }, index.h("input", Object.assign({ key: '2de51b908e7d92e4bd1987c056e296a21298b228', type: "time", class: Object.assign({ 'input': true, 'is-disabled': this.disabled || this.readonly, 'is-danger': this.invalid, 'has-focus': this.focused, 'show-placeholder': !this.focused && (this.value === '' || this.value === undefined), 'has-value': this.value !== '' && this.value !== undefined }, native.class()), ref: input => (this.nativeInput = input), id: this.ariaForm.controlId || this.inputId, "aria-labelledby": this.ariaForm.labelId, "aria-describedby": this.ariaForm.messageId, "aria-invalid": this.invalid === true ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : null, name: this.name, disabled: this.disabled, readonly: this.readonly, required: this.required, placeholder: `${balTimeInput_i18n.i18nBalTimeInput[this.language].hours}:${balTimeInput_i18n.i18nBalTimeInput[this.language].minutes}`, value: value, onInput: ev => this.onInput(ev), onFocus: e => this.onFocus(e), onBlur: e => this.onBlur(e), onKeyDown: e => this.onKeydown(e), onKeyPress: e => this.balKeyPress.emit(e) }, this.inheritedAttributes)), index.h("bal-icon", { key: '876f2dbff9fe3153f7d33b1825b289772eeefb26', "is-right": true, color: this.disabled || this.readonly ? 'grey' : this.invalid ? 'danger' : 'primary', name: "clock" }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/bal-tooltip.cjs.entry.js

@@ -8,10 +8,9 @@ const log = require('./log-33398c2a.js');
 const bem = require('./bem-81bc6a2d.js');
 const browser = require('./browser-1d542d0f.js');
 const device = require('./device-9f97a845.js');
-const floatingUi = require('./floating-ui-5cc3a363.js');
-require('./helpers-240da822.js');
-require('./icons.constant-7c82086a.js');
-require('./config.utils-e4cd49d6.js');
+const floatingUi = require('./floating-ui-3147d2ff.js');
+require('./helpers-c858e965.js');
+require('./config.utils-bccf141d.js');
 
 const showContainerElement = (containerEl) => {
     if (containerEl) {
@@ -246,7 +245,7 @@ const Tooltip = class {
         const arrowBlock = block.element('arrow');
         const innerBlock = block.element('inner');
         const innerContentBlock = innerBlock.element('content');
-        return (index.h(index.Host, { key: '0d4c212b2fc53455951d404533f2edee8032a022', class: Object.assign({}, block.class()), role: "dialog", "aria-hidden": `${this.presented !== true}`, "aria-modal": `${this.presented === true}`, "aria-presented": `${this.presented === true}` }, index.h("div", { key: '33331b2e7e10c448fd3ee2031d15ac6e328237d8', class: Object.assign({}, containerBlock.class()), ref: containerEl => (this.containerEl = containerEl) }, index.h("div", { key: 'e85f45f6f548350d35c11ad4bbf287022daba636', class: Object.assign({}, arrowBlock.class()), ref: arrowEl => (this.arrowEl = arrowEl) }), index.h("bal-stack", { key: '33445925363c46f16f06c160a90ea811f2abdc60', layout: "vertical", class: Object.assign({}, innerBlock.class()) }, index.h("div", { key: '71a9d997a4fdcd5081bd69a3922918c109278377', class: Object.assign({}, innerContentBlock.class()), ref: contentEl => (this.contentEl = contentEl), "data-test": "bal-tooltip-content" }, index.h("slot", { key: 'df311a2293e02dfe52234ee77815f6e996647736' }))))));
+        return (index.h(index.Host, { key: '107584dbd1e2a60957d22c1ead18e174aade0fbf', class: Object.assign({}, block.class()), role: "dialog", "aria-hidden": `${this.presented !== true}`, "aria-modal": `${this.presented === true}`, "aria-presented": `${this.presented === true}` }, index.h("div", { key: 'be7374f77806879061e80f456025acaaf8ff02e8', class: Object.assign({}, containerBlock.class()), ref: containerEl => (this.containerEl = containerEl) }, index.h("div", { key: '61f8f8532c3274bad34892287f67e007d713a500', class: Object.assign({}, arrowBlock.class()), ref: arrowEl => (this.arrowEl = arrowEl) }), index.h("bal-stack", { key: '11e742e37b24a91e7f4151cc1693dc4da7fb7b78', layout: "vertical", class: Object.assign({}, innerBlock.class()) }, index.h("div", { key: '5ec5c1a04f2adbc3da01a7dc2bb27c5e60130c78', class: Object.assign({}, innerContentBlock.class()), ref: contentEl => (this.contentEl = contentEl), "data-test": "bal-tooltip-content" }, index.h("slot", { key: '17b9f07135b7c7da3f7d814f4f4af2b956d16eea' }))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {