@baloise/ds-core 19.8.2 → 19.8.3

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

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-TwNDE7ev.js');
-var tokens_esm = require('./tokens.esm-yrgVVjY8.js');
+var index = require('./index-feA4skrY.js');
+var tokens_esm = require('./tokens.esm-CNpvwEnI.js');
 var bem = require('./bem-p0PWVN8n.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)}";
@@ -57,11 +57,11 @@ const Shape = class {
     render() {
         const block = bem.BEM.block('shape');
         const shapes = [
-            index.h("g", { key: 'f3d8b7f5467b02d0c279dd48f806f7ecdda43055', id: "e8353d3b-35a2-4e20-9245-0eceed641ae5" }, index.h("g", { key: '20989a8f4a0ffacd98d5ea3fb635b9bb57c283ea', id: "af87362a-72b2-42cf-8efe-c9917dc1f7f6" }, index.h("path", { key: 'abe93f2fd25f250d863e91738929ed09b705dc22', class: "st0", d: "M132,66v66H66V66H132z M132,0v66H66V0H132z M66,0v66H0V6.4C0,4.2,0,3,0.4,2.2c0.4-0.7,1-1.4,1.7-1.7\n            C3,0,4.2,0,6.4,0H66z M191.6,0c2.2,0,3.4,0,4.2,0.4c0.7,0.4,1.4,1,1.7,1.7c0.4,0.9,0.4,2,0.4,4.2V66h-66V0H191.6z M0,125.6V66h66\n            v66H6.4H0 M198,132v59.6c0,2.2,0,3.4-0.4,4.2c-0.4,0.7-1,1.4-1.7,1.7c-0.9,0.4-2,0.4-4.2,0.4H132v-66H198z" }))),
-            index.h("g", { key: 'baab4800b5fd2e7b4da6354a8ea70977892f27e9', id: "b949d602-8478-437e-a171-ad3f26649cb4" }, index.h("g", { key: '50b59b033a31199c8bfa1ffeb3dad71a8ec09939', id: "ae3574e0-2065-4681-8937-4318b8656147" }, index.h("path", { key: '7b8dcc70a852a9d19576339cb77001159eb459ff', class: "b9f37b2d-094d-4f18-b17c-7c5acf36f9a6", d: "M132,66v66H66V66ZM191.6,0c2.24,0,3.36,0,4.22.44a4,4,0,0,1,1.74,1.74c.44.86.44,2,.44,4.22V66H132V0ZM66,0V66H0V6.4C0,4.16,0,3,.44,2.18A4,4,0,0,1,2.18.44C3,0,4.16,0,6.4,0Zm0,132v66H6.4c-2.24,0-3.36,0-4.22-.44a4,4,0,0,1-1.74-1.74C0,195,0,193.84,0,191.6V132Zm66,0v66H66V132Zm66,0v59.6c0,2.24,0,3.36-.44,4.22a4,4,0,0,1-1.74,1.74c-.86.44-2,.44-4.22.44H132V132Zm0-66v66H132V66Z" }))),
-            index.h("g", { key: '49ce3b1e67abf972cf5d85fc4fd7179789dc7475', id: "e827a936-cbcd-43b3-971a-aa8f8714fdff" }, index.h("g", { key: '178eeae1141014cd9d350efa16127287f9b3e693', id: "e540dca8-23ca-45dc-b462-df9071c1317d" }, index.h("path", { key: '5ddcf393f950bfac964f513641488157e4cbc864', class: "st0", d: "M132,66v66H66V66H132z M132,0v66H66V0H132z M66,0v66H0V6.4C0,4.2,0,3,0.4,2.2c0.4-0.7,1-1.4,1.7-1.7\n            C3,0,4.2,0,6.4,0H66z M66,132v66H6.4c-2.2,0-3.4,0-4.2-0.4c-0.7-0.4-1.4-1-1.7-1.7C0,195,0,193.8,0,191.6V132H66z M132,132v66H66\n            v-66H132z M198,132v59.6c0,2.2,0,3.4-0.4,4.2c-0.4,0.7-1,1.4-1.7,1.7c-0.9,0.4-2,0.4-4.2,0.4H132v-66H198z M198,66v66h-66V66" }))),
+            index.h("g", { key: '87bcd10eb1794dd25b47e8a62bb0e612ce50ada9', id: "e8353d3b-35a2-4e20-9245-0eceed641ae5" }, index.h("g", { key: '1539b43e12735fe7ebd960309c2fd0bd17bed96b', id: "af87362a-72b2-42cf-8efe-c9917dc1f7f6" }, index.h("path", { key: 'a19747dc616fa444df90a58f8a23c2acc5e51f69', class: "st0", d: "M132,66v66H66V66H132z M132,0v66H66V0H132z M66,0v66H0V6.4C0,4.2,0,3,0.4,2.2c0.4-0.7,1-1.4,1.7-1.7\n            C3,0,4.2,0,6.4,0H66z M191.6,0c2.2,0,3.4,0,4.2,0.4c0.7,0.4,1.4,1,1.7,1.7c0.4,0.9,0.4,2,0.4,4.2V66h-66V0H191.6z M0,125.6V66h66\n            v66H6.4H0 M198,132v59.6c0,2.2,0,3.4-0.4,4.2c-0.4,0.7-1,1.4-1.7,1.7c-0.9,0.4-2,0.4-4.2,0.4H132v-66H198z" }))),
+            index.h("g", { key: 'a619eb63257feaee21d507c6ead25166b220d17b', id: "b949d602-8478-437e-a171-ad3f26649cb4" }, index.h("g", { key: '5fa321b4284b7ab78e33b47cf8d0a0ec26ad23d1', id: "ae3574e0-2065-4681-8937-4318b8656147" }, index.h("path", { key: 'ab11d30aa0f11eba6b17748881fa7969619e9076', class: "b9f37b2d-094d-4f18-b17c-7c5acf36f9a6", d: "M132,66v66H66V66ZM191.6,0c2.24,0,3.36,0,4.22.44a4,4,0,0,1,1.74,1.74c.44.86.44,2,.44,4.22V66H132V0ZM66,0V66H0V6.4C0,4.16,0,3,.44,2.18A4,4,0,0,1,2.18.44C3,0,4.16,0,6.4,0Zm0,132v66H6.4c-2.24,0-3.36,0-4.22-.44a4,4,0,0,1-1.74-1.74C0,195,0,193.84,0,191.6V132Zm66,0v66H66V132Zm66,0v59.6c0,2.24,0,3.36-.44,4.22a4,4,0,0,1-1.74,1.74c-.86.44-2,.44-4.22.44H132V132Zm0-66v66H132V66Z" }))),
+            index.h("g", { key: '21ba9375eb288d7ca3acc8615ba435cc69866cb7', id: "e827a936-cbcd-43b3-971a-aa8f8714fdff" }, index.h("g", { key: '1a498d427c784a1183e762d0f605a3409aa3ea89', id: "e540dca8-23ca-45dc-b462-df9071c1317d" }, index.h("path", { key: 'f276af5ce57e926ccde0fe6c30bced7f6c97b50b', class: "st0", d: "M132,66v66H66V66H132z M132,0v66H66V0H132z M66,0v66H0V6.4C0,4.2,0,3,0.4,2.2c0.4-0.7,1-1.4,1.7-1.7\n            C3,0,4.2,0,6.4,0H66z M66,132v66H6.4c-2.2,0-3.4,0-4.2-0.4c-0.7-0.4-1.4-1-1.7-1.7C0,195,0,193.8,0,191.6V132H66z M132,132v66H66\n            v-66H132z M198,132v59.6c0,2.2,0,3.4-0.4,4.2c-0.4,0.7-1,1.4-1.7,1.7c-0.9,0.4-2,0.4-4.2,0.4H132v-66H198z M198,66v66h-66V66" }))),
         ];
-        return (index.h(index.Host, { key: '37c01095b5cb62aba5f08a63f68912c222f2455d', class: Object.assign(Object.assign({}, block.class()), block.modifier(`is-rotation-${this.rotation}`).class()) }, index.h("svg", { key: '1a3508b2371190cbd682acdc0b35eba831b1bb9e', version: "1.1", x: "0px", y: "0px", viewBox: "0 0 198 198", focusable: "false", "aria-hidden": "true", fill: this.getHex() }, shapes[parseInt(this.variation) - 1])));
+        return (index.h(index.Host, { key: '326adc6546e10823928ca9d33272d81f44c35d62', class: Object.assign(Object.assign({}, block.class()), block.modifier(`is-rotation-${this.rotation}`).class()) }, index.h("svg", { key: 'ee375e33bc72435360e229499c992f29aa038a7c', version: "1.1", x: "0px", y: "0px", viewBox: "0 0 198 198", focusable: "false", "aria-hidden": "true", fill: this.getHex() }, shapes[parseInt(this.variation) - 1])));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-TwNDE7ev.js');
+var index = require('./index-feA4skrY.js');
 var bem = require('./bem-p0PWVN8n.js');
 
 const balSheetCss = ":root{--bal-sheet-radius:var(--bal-radius-large);--bal-sheet-background:var(--bal-color-white);--bal-sheet-shadow:var(--bal-shadow-normal);--bal-sheet-position-bottom:.5rem}.bal-sheet{display:block;position:fixed;bottom:var(--bal-sheet-position-bottom);left:0;right:0;width:100%;z-index:var(--bal-z-index-sticky);font-weight:var(--bal-font-weight-regular);font-family:var(--bal-font-family-text);font-size:var(--bal-text-size-normal)}.bal-sheet__container .bal-sheet__container__inner,.bal-sheet__container.container .bal-sheet__container__inner{border-radius:var(--bal-sheet-radius);background:var(--bal-sheet-background);-webkit-box-shadow:var(--bal-sheet-shadow);box-shadow:var(--bal-sheet-shadow);padding:1rem}@media screen and (min-width: 769px),print{.bal-sheet__container .bal-sheet__container__inner,.bal-sheet__container.container .bal-sheet__container__inner{padding:1rem 1.5rem}}";

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

@@ -1,16 +1,21 @@
 'use strict';
 
-var index = require('./index-TwNDE7ev.js');
+var index = require('./index-feA4skrY.js');
 var tslib_es6 = require('./tslib.es6-DrfCPgT9.js');
 var bem = require('./bem-p0PWVN8n.js');
-var config_decorator = require('./config.decorator-D_YTqpYj.js');
+var helpers = require('./helpers-HuaiWXrB.js');
+var log = require('./log-CXDMiw7o.js');
+var config_default = require('./config.default-Bkso4_bY.js');
+var config_decorator = require('./config.decorator-CUe4yCTd.js');
+require('./browser-BwmkTmm8.js');
+require('./config.utils-Civnz2jT.js');
 
 const balSpinnerCss = ":root{--bal-spinner-circle-background:var(--bal-color-grey);--bal-spinner-circle-progress:var(--bal-color-primary);--bal-spinner-circle-background-inverted:var(--bal-color-white);--bal-spinner-circle-progress-inverted:var(--bal-color-primary)}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-spinner-circle-background);border-radius:50%;border-top-color:var(--bal-spinner-circle-progress);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-spinner-circle-background-inverted);border-top-color:var(--bal-spinner-circle-progress-inverted)}@-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 Spinner = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.animated = index.defaultConfig.animated;
+        this.animated = config_default.defaultConfig.animated;
         /**
          * PUBLIC PROPERTY API
          * ------------------------------------------------------
@@ -50,7 +55,7 @@ const Spinner = class {
             }
             if (this.shouldAnimate()) {
                 this.destroy();
-                this.currentRaf = index.raf(async () => {
+                this.currentRaf = helpers.raf(async () => {
                     if (this.animationFunction) {
                         this.animationFunction(this.el, this.getColor());
                     }
@@ -81,7 +86,7 @@ const Spinner = class {
                     return resolve();
                 }
                 else {
-                    index.rOnLoad(async () => {
+                    helpers.rOnLoad(async () => {
                         Promise.resolve().then(function () { return require(/* @vite-ignore */ './bal-spinner.animation-BL6PkxOx.js'); })
                             .then(module => {
                             this.animationFunction = module.animate;
@@ -156,7 +161,7 @@ const Spinner = class {
      */
     render() {
         const block = bem.BEM.block('spinner');
-        return (index.h(index.Host, { key: '6986ffee4141e4096ad7e62a704697c8dfb31c18', 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" }));
+        return (index.h(index.Host, { key: '60b00e36e8d9fd1862b3858f47f62265ce95c8f3', 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 {
@@ -165,7 +170,7 @@ const Spinner = class {
     }; }
 };
 tslib_es6.__decorate([
-    index.Logger('bal-spinner'),
+    log.Logger('bal-spinner'),
     tslib_es6.__metadata("design:type", Function),
     tslib_es6.__metadata("design:paramtypes", [Function]),
     tslib_es6.__metadata("design:returntype", void 0)

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

@@ -1,8 +1,10 @@
 'use strict';
 
-var index = require('./index-TwNDE7ev.js');
+var index = require('./index-feA4skrY.js');
 var tslib_es6 = require('./tslib.es6-DrfCPgT9.js');
 var bem = require('./bem-p0PWVN8n.js');
+var log = require('./log-CXDMiw7o.js');
+require('./browser-BwmkTmm8.js');
 
 const balStackCss = ".bal-stack{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;height:100%;width:100%;gap:1rem;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.bal-stack--use-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.bal-stack--fit-content{-ms-flex:unset;flex:unset;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.bal-stack--layout-horizontal{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}.bal-stack--layout-vertical{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}.bal-stack--layout-horizontal-reverse{-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-align:center;align-items:center}.bal-stack--layout-vertical-reverse{-ms-flex-direction:column-reverse;flex-direction:column-reverse;-ms-flex-align:start;align-items:flex-start}.bal-stack--align-top-start{-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:start;justify-content:flex-start}.bal-stack--align-top-center{-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center}.bal-stack--align-top-end{-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:end;justify-content:flex-end}.bal-stack--align-start{-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start}.bal-stack--align-center{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.bal-stack--align-end{-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}.bal-stack--align-bottom-start{-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:start;justify-content:flex-start}.bal-stack--align-bottom-center{-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:center;justify-content:center}.bal-stack--align-bottom-end{-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:end;justify-content:flex-end}.bal-stack--layout-vertical.bal-stack--align-top-start{-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:start;justify-content:flex-start}.bal-stack--layout-vertical.bal-stack--align-top-center{-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start}.bal-stack--layout-vertical.bal-stack--align-top-end{-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:start;justify-content:flex-start}.bal-stack--layout-vertical.bal-stack--align-start{-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center}.bal-stack--layout-vertical.bal-stack--align-center{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.bal-stack--layout-vertical.bal-stack--align-end{-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:center;justify-content:center}.bal-stack--layout-vertical.bal-stack--align-bottom-start{-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:end;justify-content:flex-end}.bal-stack--layout-vertical.bal-stack--align-bottom-center{-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}.bal-stack--layout-vertical.bal-stack--align-bottom-end{-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:end;justify-content:flex-end}.bal-stack--px-none{padding-left:0;padding-right:0}.bal-stack--px-xx-small{padding-left:var(--bal-space-xx-small);padding-right:var(--bal-space-xx-small)}@media screen and (min-width: 769px),print{.bal-stack--px-xx-small{padding-left:var(--bal-space-xx-small-tablet);padding-right:var(--bal-space-xx-small-tablet)}}@media screen and (min-width: 1024px){.bal-stack--px-xx-small{padding-left:var(--bal-space-xx-small-desktop);padding-right:var(--bal-space-xx-small-desktop)}}.bal-stack--px-x-small{padding-left:var(--bal-space-x-small);padding-right:var(--bal-space-x-small)}@media screen and (min-width: 769px),print{.bal-stack--px-x-small{padding-left:var(--bal-space-x-small-tablet);padding-right:var(--bal-space-x-small-tablet)}}@media screen and (min-width: 1024px){.bal-stack--px-x-small{padding-left:var(--bal-space-x-small-desktop);padding-right:var(--bal-space-x-small-desktop)}}.bal-stack--px-small{padding-left:var(--bal-space-small);padding-right:var(--bal-space-small)}@media screen and (min-width: 769px),print{.bal-stack--px-small{padding-left:var(--bal-space-small-tablet);padding-right:var(--bal-space-small-tablet)}}@media screen and (min-width: 1024px){.bal-stack--px-small{padding-left:var(--bal-space-small-desktop);padding-right:var(--bal-space-small-desktop)}}.bal-stack--px-normal{padding-left:var(--bal-space-normal);padding-right:var(--bal-space-normal)}@media screen and (min-width: 769px),print{.bal-stack--px-normal{padding-left:var(--bal-space-normal-tablet);padding-right:var(--bal-space-normal-tablet)}}@media screen and (min-width: 1024px){.bal-stack--px-normal{padding-left:var(--bal-space-normal-desktop);padding-right:var(--bal-space-normal-desktop)}}.bal-stack--px-medium{padding-left:var(--bal-space-medium);padding-right:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-stack--px-medium{padding-left:var(--bal-space-medium-tablet);padding-right:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-stack--px-medium{padding-left:var(--bal-space-medium-desktop);padding-right:var(--bal-space-medium-desktop)}}.bal-stack--px-large{padding-left:var(--bal-space-large);padding-right:var(--bal-space-large)}@media screen and (min-width: 769px),print{.bal-stack--px-large{padding-left:var(--bal-space-large-tablet);padding-right:var(--bal-space-large-tablet)}}@media screen and (min-width: 1024px){.bal-stack--px-large{padding-left:var(--bal-space-large-desktop);padding-right:var(--bal-space-large-desktop)}}.bal-stack--px-x-large{padding-left:var(--bal-space-x-large);padding-right:var(--bal-space-x-large)}@media screen and (min-width: 769px),print{.bal-stack--px-x-large{padding-left:var(--bal-space-x-large-tablet);padding-right:var(--bal-space-x-large-tablet)}}@media screen and (min-width: 1024px){.bal-stack--px-x-large{padding-left:var(--bal-space-x-large-desktop);padding-right:var(--bal-space-x-large-desktop)}}.bal-stack--px-xx-large{padding-left:var(--bal-space-xx-large);padding-right:var(--bal-space-xx-large)}@media screen and (min-width: 769px),print{.bal-stack--px-xx-large{padding-left:var(--bal-space-xx-large-tablet);padding-right:var(--bal-space-xx-large-tablet)}}@media screen and (min-width: 1024px){.bal-stack--px-xx-large{padding-left:var(--bal-space-xx-large-desktop);padding-right:var(--bal-space-xx-large-desktop)}}.bal-stack--py-none{padding-top:0;padding-bottom:0}.bal-stack--py-xx-small{padding-top:var(--bal-space-xx-small);padding-bottom:var(--bal-space-xx-small)}@media screen and (min-width: 769px),print{.bal-stack--py-xx-small{padding-top:var(--bal-space-xx-small-tablet);padding-bottom:var(--bal-space-xx-small-tablet)}}@media screen and (min-width: 1024px){.bal-stack--py-xx-small{padding-top:var(--bal-space-xx-small-desktop);padding-bottom:var(--bal-space-xx-small-desktop)}}.bal-stack--py-x-small{padding-top:var(--bal-space-x-small);padding-bottom:var(--bal-space-x-small)}@media screen and (min-width: 769px),print{.bal-stack--py-x-small{padding-top:var(--bal-space-x-small-tablet);padding-bottom:var(--bal-space-x-small-tablet)}}@media screen and (min-width: 1024px){.bal-stack--py-x-small{padding-top:var(--bal-space-x-small-desktop);padding-bottom:var(--bal-space-x-small-desktop)}}.bal-stack--py-small{padding-top:var(--bal-space-small);padding-bottom:var(--bal-space-small)}@media screen and (min-width: 769px),print{.bal-stack--py-small{padding-top:var(--bal-space-small-tablet);padding-bottom:var(--bal-space-small-tablet)}}@media screen and (min-width: 1024px){.bal-stack--py-small{padding-top:var(--bal-space-small-desktop);padding-bottom:var(--bal-space-small-desktop)}}.bal-stack--py-normal{padding-top:var(--bal-space-normal);padding-bottom:var(--bal-space-normal)}@media screen and (min-width: 769px),print{.bal-stack--py-normal{padding-top:var(--bal-space-normal-tablet);padding-bottom:var(--bal-space-normal-tablet)}}@media screen and (min-width: 1024px){.bal-stack--py-normal{padding-top:var(--bal-space-normal-desktop);padding-bottom:var(--bal-space-normal-desktop)}}.bal-stack--py-medium{padding-top:var(--bal-space-medium);padding-bottom:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-stack--py-medium{padding-top:var(--bal-space-medium-tablet);padding-bottom:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-stack--py-medium{padding-top:var(--bal-space-medium-desktop);padding-bottom:var(--bal-space-medium-desktop)}}.bal-stack--py-large{padding-top:var(--bal-space-large);padding-bottom:var(--bal-space-large)}@media screen and (min-width: 769px),print{.bal-stack--py-large{padding-top:var(--bal-space-large-tablet);padding-bottom:var(--bal-space-large-tablet)}}@media screen and (min-width: 1024px){.bal-stack--py-large{padding-top:var(--bal-space-large-desktop);padding-bottom:var(--bal-space-large-desktop)}}.bal-stack--py-x-large{padding-top:var(--bal-space-x-large);padding-bottom:var(--bal-space-x-large)}@media screen and (min-width: 769px),print{.bal-stack--py-x-large{padding-top:var(--bal-space-x-large-tablet);padding-bottom:var(--bal-space-x-large-tablet)}}@media screen and (min-width: 1024px){.bal-stack--py-x-large{padding-top:var(--bal-space-x-large-desktop);padding-bottom:var(--bal-space-x-large-desktop)}}.bal-stack--py-xx-large{padding-top:var(--bal-space-xx-large);padding-bottom:var(--bal-space-xx-large)}@media screen and (min-width: 769px),print{.bal-stack--py-xx-large{padding-top:var(--bal-space-xx-large-tablet);padding-bottom:var(--bal-space-xx-large-tablet)}}@media screen and (min-width: 1024px){.bal-stack--py-xx-large{padding-top:var(--bal-space-xx-large-desktop);padding-bottom:var(--bal-space-xx-large-desktop)}}.bal-stack--space-auto{-ms-flex-pack:justify;justify-content:space-between}.bal-stack--space-none{gap:0}@media screen and (min-width: 769px),print{.bal-stack--space-none{gap:0}}@media screen and (min-width: 1024px){.bal-stack--space-none{gap:0}}.bal-stack--space-xx-small{gap:var(--bal-space-xx-small)}@media screen and (min-width: 769px),print{.bal-stack--space-xx-small{gap:var(--bal-space-xx-small-tablet)}}@media screen and (min-width: 1024px){.bal-stack--space-xx-small{gap:var(--bal-space-xx-small-desktop)}}.bal-stack--space-x-small{gap:var(--bal-space-x-small)}@media screen and (min-width: 769px),print{.bal-stack--space-x-small{gap:var(--bal-space-x-small-tablet)}}@media screen and (min-width: 1024px){.bal-stack--space-x-small{gap:var(--bal-space-x-small-desktop)}}.bal-stack--space-small{gap:var(--bal-space-small)}@media screen and (min-width: 769px),print{.bal-stack--space-small{gap:var(--bal-space-small-tablet)}}@media screen and (min-width: 1024px){.bal-stack--space-small{gap:var(--bal-space-small-desktop)}}.bal-stack--space-medium{gap:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-stack--space-medium{gap:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-stack--space-medium{gap:var(--bal-space-medium-desktop)}}.bal-stack--space-large{gap:var(--bal-space-large)}@media screen and (min-width: 769px),print{.bal-stack--space-large{gap:var(--bal-space-large-tablet)}}@media screen and (min-width: 1024px){.bal-stack--space-large{gap:var(--bal-space-large-desktop)}}.bal-stack--space-x-large{gap:var(--bal-space-x-large)}@media screen and (min-width: 769px),print{.bal-stack--space-x-large{gap:var(--bal-space-x-large-tablet)}}@media screen and (min-width: 1024px){.bal-stack--space-x-large{gap:var(--bal-space-x-large-desktop)}}.bal-stack--space-xx-large{gap:var(--bal-space-xx-large)}@media screen and (min-width: 769px),print{.bal-stack--space-xx-large{gap:var(--bal-space-xx-large-tablet)}}@media screen and (min-width: 1024px){.bal-stack--space-xx-large{gap:var(--bal-space-xx-large-desktop)}}.bal-stack--space-row-auto{-ms-flex-pack:justify;justify-content:space-between}.bal-stack--space-row-none{row-gap:0}@media screen and (min-width: 769px),print{.bal-stack--space-row-none{row-gap:0}}@media screen and (min-width: 1024px){.bal-stack--space-row-none{row-gap:0}}.bal-stack--space-row-xx-small{row-gap:var(--bal-space-xx-small)}@media screen and (min-width: 769px),print{.bal-stack--space-row-xx-small{row-gap:var(--bal-space-xx-small-tablet)}}@media screen and (min-width: 1024px){.bal-stack--space-row-xx-small{row-gap:var(--bal-space-xx-small-desktop)}}.bal-stack--space-row-x-small{row-gap:var(--bal-space-x-small)}@media screen and (min-width: 769px),print{.bal-stack--space-row-x-small{row-gap:var(--bal-space-x-small-tablet)}}@media screen and (min-width: 1024px){.bal-stack--space-row-x-small{row-gap:var(--bal-space-x-small-desktop)}}.bal-stack--space-row-small{row-gap:var(--bal-space-small)}@media screen and (min-width: 769px),print{.bal-stack--space-row-small{row-gap:var(--bal-space-small-tablet)}}@media screen and (min-width: 1024px){.bal-stack--space-row-small{row-gap:var(--bal-space-small-desktop)}}.bal-stack--space-row-medium{row-gap:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-stack--space-row-medium{row-gap:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-stack--space-row-medium{row-gap:var(--bal-space-medium-desktop)}}.bal-stack--space-row-large{row-gap:var(--bal-space-large)}@media screen and (min-width: 769px),print{.bal-stack--space-row-large{row-gap:var(--bal-space-large-tablet)}}@media screen and (min-width: 1024px){.bal-stack--space-row-large{row-gap:var(--bal-space-large-desktop)}}.bal-stack--space-row-x-large{row-gap:var(--bal-space-x-large)}@media screen and (min-width: 769px),print{.bal-stack--space-row-x-large{row-gap:var(--bal-space-x-large-tablet)}}@media screen and (min-width: 1024px){.bal-stack--space-row-x-large{row-gap:var(--bal-space-x-large-desktop)}}.bal-stack--space-row-xx-large{row-gap:var(--bal-space-xx-large)}@media screen and (min-width: 769px),print{.bal-stack--space-row-xx-large{row-gap:var(--bal-space-xx-large-tablet)}}@media screen and (min-width: 1024px){.bal-stack--space-row-xx-large{row-gap:var(--bal-space-xx-large-desktop)}}.bal-stack--space-column-auto{-ms-flex-pack:justify;justify-content:space-between}.bal-stack--space-column-none{-webkit-column-gap:0;-moz-column-gap:0;column-gap:0}@media screen and (min-width: 769px),print{.bal-stack--space-column-none{-webkit-column-gap:0;-moz-column-gap:0;column-gap:0}}@media screen and (min-width: 1024px){.bal-stack--space-column-none{-webkit-column-gap:0;-moz-column-gap:0;column-gap:0}}.bal-stack--space-column-xx-small{-webkit-column-gap:var(--bal-space-xx-small);-moz-column-gap:var(--bal-space-xx-small);column-gap:var(--bal-space-xx-small)}@media screen and (min-width: 769px),print{.bal-stack--space-column-xx-small{-webkit-column-gap:var(--bal-space-xx-small-tablet);-moz-column-gap:var(--bal-space-xx-small-tablet);column-gap:var(--bal-space-xx-small-tablet)}}@media screen and (min-width: 1024px){.bal-stack--space-column-xx-small{-webkit-column-gap:var(--bal-space-xx-small-desktop);-moz-column-gap:var(--bal-space-xx-small-desktop);column-gap:var(--bal-space-xx-small-desktop)}}.bal-stack--space-column-x-small{-webkit-column-gap:var(--bal-space-x-small);-moz-column-gap:var(--bal-space-x-small);column-gap:var(--bal-space-x-small)}@media screen and (min-width: 769px),print{.bal-stack--space-column-x-small{-webkit-column-gap:var(--bal-space-x-small-tablet);-moz-column-gap:var(--bal-space-x-small-tablet);column-gap:var(--bal-space-x-small-tablet)}}@media screen and (min-width: 1024px){.bal-stack--space-column-x-small{-webkit-column-gap:var(--bal-space-x-small-desktop);-moz-column-gap:var(--bal-space-x-small-desktop);column-gap:var(--bal-space-x-small-desktop)}}.bal-stack--space-column-small{-webkit-column-gap:var(--bal-space-small);-moz-column-gap:var(--bal-space-small);column-gap:var(--bal-space-small)}@media screen and (min-width: 769px),print{.bal-stack--space-column-small{-webkit-column-gap:var(--bal-space-small-tablet);-moz-column-gap:var(--bal-space-small-tablet);column-gap:var(--bal-space-small-tablet)}}@media screen and (min-width: 1024px){.bal-stack--space-column-small{-webkit-column-gap:var(--bal-space-small-desktop);-moz-column-gap:var(--bal-space-small-desktop);column-gap:var(--bal-space-small-desktop)}}.bal-stack--space-column-medium{-webkit-column-gap:var(--bal-space-medium);-moz-column-gap:var(--bal-space-medium);column-gap:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-stack--space-column-medium{-webkit-column-gap:var(--bal-space-medium-tablet);-moz-column-gap:var(--bal-space-medium-tablet);column-gap:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-stack--space-column-medium{-webkit-column-gap:var(--bal-space-medium-desktop);-moz-column-gap:var(--bal-space-medium-desktop);column-gap:var(--bal-space-medium-desktop)}}.bal-stack--space-column-large{-webkit-column-gap:var(--bal-space-large);-moz-column-gap:var(--bal-space-large);column-gap:var(--bal-space-large)}@media screen and (min-width: 769px),print{.bal-stack--space-column-large{-webkit-column-gap:var(--bal-space-large-tablet);-moz-column-gap:var(--bal-space-large-tablet);column-gap:var(--bal-space-large-tablet)}}@media screen and (min-width: 1024px){.bal-stack--space-column-large{-webkit-column-gap:var(--bal-space-large-desktop);-moz-column-gap:var(--bal-space-large-desktop);column-gap:var(--bal-space-large-desktop)}}.bal-stack--space-column-x-large{-webkit-column-gap:var(--bal-space-x-large);-moz-column-gap:var(--bal-space-x-large);column-gap:var(--bal-space-x-large)}@media screen and (min-width: 769px),print{.bal-stack--space-column-x-large{-webkit-column-gap:var(--bal-space-x-large-tablet);-moz-column-gap:var(--bal-space-x-large-tablet);column-gap:var(--bal-space-x-large-tablet)}}@media screen and (min-width: 1024px){.bal-stack--space-column-x-large{-webkit-column-gap:var(--bal-space-x-large-desktop);-moz-column-gap:var(--bal-space-x-large-desktop);column-gap:var(--bal-space-x-large-desktop)}}.bal-stack--space-column-xx-large{-webkit-column-gap:var(--bal-space-xx-large);-moz-column-gap:var(--bal-space-xx-large);column-gap:var(--bal-space-xx-large)}@media screen and (min-width: 769px),print{.bal-stack--space-column-xx-large{-webkit-column-gap:var(--bal-space-xx-large-tablet);-moz-column-gap:var(--bal-space-xx-large-tablet);column-gap:var(--bal-space-xx-large-tablet)}}@media screen and (min-width: 1024px){.bal-stack--space-column-xx-large{-webkit-column-gap:var(--bal-space-xx-large-desktop);-moz-column-gap:var(--bal-space-xx-large-desktop);column-gap:var(--bal-space-xx-large-desktop)}}.bal-stack>bal-radio{margin-top:-0.25rem}.bal-stack>.bal-text,.bal-stack>.bal-heading,.bal-stack>.bal-heading:not(:last-child),.bal-stack>.title,.bal-stack>.subtitle,.bal-stack>.is-link,.bal-stack>p{margin:0}";
 
@@ -87,7 +89,7 @@ const Stack = class {
     }
 };
 tslib_es6.__decorate([
-    index.Logger('bal-stack'),
+    log.Logger('bal-stack'),
     tslib_es6.__metadata("design:type", Function),
     tslib_es6.__metadata("design:paramtypes", [Function]),
     tslib_es6.__metadata("design:returntype", void 0)

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

@@ -1,8 +1,11 @@
 'use strict';
 
-var index = require('./index-TwNDE7ev.js');
+var index = require('./index-feA4skrY.js');
 var bem = require('./bem-p0PWVN8n.js');
+var helpers = require('./helpers-HuaiWXrB.js');
 var attributes = require('./attributes-Cp0kpySW.js');
+require('./browser-BwmkTmm8.js');
+require('./config.utils-Civnz2jT.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}}";
 
@@ -77,10 +80,10 @@ const StageBackLink = class {
     }
     render() {
         const block = bem.BEM.block('stage-back-link');
-        return (index.h(index.Host, { key: 'f93d9145487b236e4afdefc9a0ab89aaa7d8890b', class: Object.assign(Object.assign({}, block.class()), block.modifier('shadow').class(this.shadow)) }, index.h("a", { key: 'ae854184618a0867e9a35a95a789a6510533e3a5', class: {
+        return (index.h(index.Host, { key: '4b980500cb525ce37993b2660d3e6f47afee0f4e', class: Object.assign(Object.assign({}, block.class()), block.modifier('shadow').class(this.shadow)) }, index.h("a", { key: 'afadcd09a4c0c669d387d12a28c712d3de376a41', class: {
                 'link': true,
                 'is-inverted': this.inverted,
-            }, href: this.href, rel: this.rel }, index.h("bal-icon", { key: '34c4576352710d3b2dbd269d624cfa17e6bf1b90', class: "mr-x-small", name: "caret-left", size: "x-small", inverted: this.inverted, shadow: this.shadow }), index.h("slot", { key: 'da404610d50081bba83333324ec3974c9ce5061d' }))));
+            }, href: this.href, rel: this.rel }, index.h("bal-icon", { key: '764fd4ed183e8542d921d2a57e1850adc590b348', class: "mr-x-small", name: "caret-left", size: "x-small", inverted: this.inverted, shadow: this.shadow }), index.h("slot", { key: 'e3c1b6d3ede82a002ce474cb72ad888586502201' }))));
     }
     get el() { return index.getElement(this); }
 };
@@ -91,7 +94,7 @@ const StageBody = class {
     }
     render() {
         const block = bem.BEM.block('stage-body');
-        return (index.h(index.Host, { key: '8c8f8b7fbdbf9dd9f32c0c561c93f934770b82bc', class: Object.assign({}, block.class()) }, index.h("slot", { key: 'df028b10599ec9d884c3eb2787f945219dff77e4' })));
+        return (index.h(index.Host, { key: '3b059393f680516ee22d093cb77927211f1b2a2a', class: Object.assign({}, block.class()) }, index.h("slot", { key: '739898aeda435256a9cf052dfe265d6f28115b94' })));
     }
     get el() { return index.getElement(this); }
 };
@@ -101,7 +104,7 @@ const StageFoot = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '580ee910be7fb627379514f23302062cc3ae04cb', class: "hero-foot" }, index.h("slot", { key: 'cd9bbca66e1bf7773ca9366c00c935c11e4422a1' })));
+        return (index.h(index.Host, { key: '351793d066e2d3018a0a4c40cdb2b69495127199', class: "hero-foot" }, index.h("slot", { key: '76c2593eac606f7aed4c15ac6148780a37555b54' })));
     }
     get el() { return index.getElement(this); }
 };
@@ -111,7 +114,7 @@ const StageHead = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '13b87bdc02d0d8aa3c1295422c0f43730258404a', class: "hero-head" }, index.h("slot", { key: '19edc361f63647081375dad19e4ec33e38623e01' })));
+        return (index.h(index.Host, { key: '19fdb481ea37cab182e426f7582270ecdce23147', class: "hero-head" }, index.h("slot", { key: '69273fb5da2cd217de773a37eb5000adda15bbbf' })));
     }
     get el() { return index.getElement(this); }
 };
@@ -123,7 +126,7 @@ const StageImage = class {
         this.isOnLoadEventDone = false;
     }
     componentDidLoad() {
-        index.rOnLoad(() => {
+        helpers.rOnLoad(() => {
             this.isOnLoadEventDone = true;
         });
     }
@@ -133,7 +136,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: 'bcc5678390b8facb7daf8720f7b26e7af55944fa', 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: 'a39983d891acebe4f05e5387445483940d0b29dc', 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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-TwNDE7ev.js');
+var index = require('./index-feA4skrY.js');
 var attributes = require('./attributes-Cp0kpySW.js');
 
 const StepItem = class {
@@ -85,10 +85,10 @@ const StepItem = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '2c4f197cd8d47db462c0262b01080aff16e1e53f', role: "tabpanel", class: {
+        return (index.h(index.Host, { key: '4d22b6691427503ce62c4a0846fa1bc8639654a9', role: "tabpanel", class: {
                 'bal-step-item': true,
                 'bal-step-item--active': this.isActive,
-            } }, index.h("slot", { key: 'a4a68d86354b4c4b14c6e35362cfe5a9b7e79b77' })));
+            } }, index.h("slot", { key: '087ec315891c96985e14d4a94181563cd57b0b8f' })));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -1,26 +1,28 @@
 'use strict';
 
-var index = require('./index-TwNDE7ev.js');
+var index = require('./index-feA4skrY.js');
 var tslib_es6 = require('./tslib.es6-DrfCPgT9.js');
-var bem = require('./bem-p0PWVN8n.js');
 var array = require('./array-Db63Hhl1.js');
-var formInput = require('./form-input-DBZuEpuy.js');
+var bem = require('./bem-p0PWVN8n.js');
+var formInput = require('./form-input-BwFB4Rej.js');
+var helpers = require('./helpers-HuaiWXrB.js');
+var log = require('./log-CXDMiw7o.js');
 var balStep_util = require('./bal-step.util-DQcaqybX.js');
-var mutation_decorator = require('./mutation.decorator-C3JICFwA.js');
-var breakpoints_subject = require('./breakpoints.subject-DyM7928g.js');
-var breakpoints_decorator = require('./breakpoints.decorator-Bcx5bHdk.js');
+var breakpoints_subject = require('./breakpoints.subject-dnWvx514.js');
+var mutation_decorator = require('./mutation.decorator-BolUYaKD.js');
+var breakpoints_decorator = require('./breakpoints.decorator-DyuVBCe8.js');
 require('./index-BZ67Dcnb.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
 require('./index-BobQkZjn.js');
-require('./listener-h1eTpBYL.js');
-require('./device-CrnZOym8.js');
-require('./tokens.esm-yrgVVjY8.js');
+require('./browser-BwmkTmm8.js');
+require('./config.utils-Civnz2jT.js');
+require('./device-CoogBamh.js');
+require('./listener-DspXpqzY.js');
+require('./tokens.esm-CNpvwEnI.js');
 
 const StepIcon = ({ item, isMobile }) => {
     const bemEl = bem.BEM.block('steps').element('nav').element('item').element('icon');
-    return (index.h("span", { class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, bemEl.class()), bemEl.modifier('done').class(item.done)), bemEl.modifier('active').class(item.active)), bemEl.modifier('failed').class(item.failed)), bemEl.modifier('disabled').class(item.disabled)) },
-        index.h("bal-icon", { style: { display: item.done ? 'block' : 'none' }, size: isMobile ? 'small' : '', color: item.disabled ? 'grey' : 'white', name: "check" }),
-        index.h("span", { style: { display: !item.done ? 'block' : 'none' } }, item.failed ? '!' : (item.index || 0) + 1)));
+    return (index.h("span", { class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, bemEl.class()), bemEl.modifier('done').class(item.done)), bemEl.modifier('active').class(item.active)), bemEl.modifier('failed').class(item.failed)), bemEl.modifier('disabled').class(item.disabled)) }, index.h("bal-icon", { style: { display: item.done ? 'block' : 'none' }, size: isMobile ? 'small' : '', color: item.disabled ? 'grey' : 'white', name: "check" }), index.h("span", { style: { display: !item.done ? 'block' : 'none' } }, item.failed ? '!' : (item.index || 0) + 1)));
 };
 
 const StepLabel = ({ item }) => {
@@ -34,13 +36,9 @@ const StepButton = ({ item, color, isMobile, clickable, onSelectTab }) => {
         return;
     }
     if (item.href) {
-        return (index.h("a", { role: "tab", class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, bemEl.class()), bemEl.modifier(`color-${color}`).class()), bemEl.modifier('done').class(item.done)), bemEl.modifier('active').class(item.active)), bemEl.modifier('failed').class(item.failed)), bemEl.modifier('disabled').class(item.disabled)), bemEl.modifier('clickable').class(clickable)), bemEl.modifier('passed').class(item.passed)), { 'bal-focusable': !item.disabled && !item.invisible }), "data-label": item.label, "data-value": item.value, "data-index": item.index, "data-testid": "bal-steps-option", "aria-disabled": `${item.disabled}`, href: item.href, rel: item.rel, target: item.target, onClick: (ev) => onSelectTab(ev, item) },
-            index.h(StepIcon, { item: item, isMobile: isMobile }),
-            index.h(StepLabel, { item: item })));
+        return (index.h("a", { role: "tab", class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, bemEl.class()), bemEl.modifier(`color-${color}`).class()), bemEl.modifier('done').class(item.done)), bemEl.modifier('active').class(item.active)), bemEl.modifier('failed').class(item.failed)), bemEl.modifier('disabled').class(item.disabled)), bemEl.modifier('clickable').class(clickable)), bemEl.modifier('passed').class(item.passed)), { 'bal-focusable': !item.disabled && !item.invisible }), "data-label": item.label, "data-value": item.value, "data-index": item.index, "data-testid": "bal-steps-option", "aria-disabled": `${item.disabled}`, href: item.href, rel: item.rel, target: item.target, onClick: (ev) => onSelectTab(ev, item) }, index.h(StepIcon, { item: item, isMobile: isMobile }), index.h(StepLabel, { item: item })));
     }
-    return (index.h("button", { role: "tab", class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, bemEl.class()), bemEl.modifier(`color-${color}`).class()), bemEl.modifier('done').class(item.done)), bemEl.modifier('active').class(item.active)), bemEl.modifier('failed').class(item.failed)), bemEl.modifier('disabled').class(item.disabled)), bemEl.modifier('clickable').class(clickable)), bemEl.modifier('passed').class(item.passed)), { 'bal-focusable': !item.disabled && !item.invisible }), "data-label": item.label, "data-value": item.value, "data-index": item.index, "data-testid": "bal-steps-option", "aria-disabled": `${item.disabled}`, onClick: (ev) => onSelectTab(ev, item) },
-        index.h(StepIcon, { item: item, isMobile: isMobile }),
-        index.h(StepLabel, { item: item })));
+    return (index.h("button", { role: "tab", class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, bemEl.class()), bemEl.modifier(`color-${color}`).class()), bemEl.modifier('done').class(item.done)), bemEl.modifier('active').class(item.active)), bemEl.modifier('failed').class(item.failed)), bemEl.modifier('disabled').class(item.disabled)), bemEl.modifier('clickable').class(clickable)), bemEl.modifier('passed').class(item.passed)), { 'bal-focusable': !item.disabled && !item.invisible }), "data-label": item.label, "data-value": item.value, "data-index": item.index, "data-testid": "bal-steps-option", "aria-disabled": `${item.disabled}`, onClick: (ev) => onSelectTab(ev, item) }, index.h(StepIcon, { item: item, isMobile: isMobile }), index.h(StepLabel, { item: item })));
 };
 
 const balStepsCss = "@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused.bal-steps__nav__item--inverted .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}}:root{--bal-steps-step-icon-background:var(--bal-color-white);--bal-steps-step-icon-background-active:var(--bal-color-primary);--bal-steps-step-icon-background-disabled:var(--bal-color-grey-2);--bal-steps-step-icon-background-done:var(--bal-color-primary);--bal-steps-step-icon-background-failed:var(--bal-color-danger);--bal-steps-step-button-progress-line-background:var(--bal-form-field-control-border-color);--bal-steps-step-button-passed-background:var(--bal-form-field-control-border-color-active);--bal-steps-step-button-carousel-item-background-after:var(--bal-form-field-control-border-color);--bal-steps-step-button-carousel-item-passed-background-after:var(--bal-form-field-control-border-color-active);--bal-steps-step-button-progress-line-background-light-blue:var(--bal-color-primary-2);--bal-steps-step-button-passed-background-light-blue:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-purple:var(--bal-color-purple-2);--bal-steps-step-button-passed-background-purple:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-green:var(--bal-color-green-2);--bal-steps-step-button-passed-background-green:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-red:var(--bal-color-red-2);--bal-steps-step-button-passed-background-red:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-yellow:var(--bal-color-yellow-2);--bal-steps-step-button-passed-background-yellow:var(--bal-color-primary);--bal-steps-step-border-width:var(--bal-form-field-control-border-width);--bal-steps-step-border-style:var(--bal-form-field-control-border-style);--bal-steps-step-border-color:var(--bal-form-field-control-border-color);--bal-steps-step-border-color-active:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-disabled:var(--bal-form-field-control-disabled-background);--bal-steps-step-border-color-done:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-failed:var(--bal-color-danger);--bal-steps-step-icon-radius:var(--bal-radius-rounded);--bal-steps-step-button-progress-line-radius:var(--bal-radius-rounded);--bal-steps-step-button-carousel-item-radius:var(--bal-radius-rounded);--bal-steps-step-label-text-color:var(--bal-color-text-primary-light);--bal-steps-step-label-text-color-done:var(--bal-color-text-primary);--bal-steps-step-label-text-color-active:var(--bal-color-text-primary);--bal-steps-step-label-text-color-failed:var(--bal-color-text-danger);--bal-steps-step-label-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color:var(--bal-color-text-primary);--bal-steps-step-icon-text-color-active:var(--bal-color-text-white);--bal-steps-step-icon-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color-done:var(--bal-color-text-white);--bal-steps-step-icon-text-color-failed:var(--bal-color-text-white)}.bal-steps__nav__item{display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;gap:.5rem;-ms-flex-direction:column;flex-direction:column;-ms-flex-preferred-size:1rem;flex-basis:1rem;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;text-decoration:none;cursor:default;position:relative;min-width:3rem;padding-top:6px;border:none;background-color:rgba(0,0,0,0)}.bal-steps__nav__item--hidden{display:none !important;visibility:hidden !important}.bal-steps__nav__item--clickable{cursor:pointer;pointer-events:all}.bal-steps__nav__item:not(:last-child)::after{content:\" \";display:block;position:absolute;height:var(--bal-border-width-normal);left:50%;right:-50%;top:50%;background-color:var(--bal-steps-step-button-progress-line-background);border-radius:var(--bal-steps-step-button-progress-line-radius);margin-top:3px;margin-left:calc(1.5rem - var(--bal-border-width-normal));margin-right:1.25rem}@media screen and (min-width: 769px),print{.bal-steps__nav__item:not(:last-child)::after{top:1rem;margin-top:6px;margin-left:calc(1.5rem - var(--bal-border-width-normal));margin-right:1.5rem}}.bal-steps__nav__item--passed:not(:last-child)::after{background-color:var(--bal-steps-step-button-passed-background)}.bal-steps__nav__item--color-light-blue:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-light-blue)}.bal-steps__nav__item--color-light-blue.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-light-blue);border-color:var(--bal-steps-step-button-progress-line-background-light-blue);color:var(--bal-color-primary-4)}.bal-steps__nav__item--color-light-blue.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-purple:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-purple)}.bal-steps__nav__item--color-purple.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-purple);border-color:var(--bal-steps-step-button-progress-line-background-purple)}.bal-steps__nav__item--color-purple.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-green:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-green)}.bal-steps__nav__item--color-green.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-green);border-color:var(--bal-steps-step-button-progress-line-background-green)}.bal-steps__nav__item--color-green.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-yellow:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-yellow)}.bal-steps__nav__item--color-yellow.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-yellow);border-color:var(--bal-steps-step-button-progress-line-background-yellow)}.bal-steps__nav__item--color-yellow.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-red:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-red)}.bal-steps__nav__item--color-red.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-red);border-color:var(--bal-steps-step-button-progress-line-background-red)}.bal-steps__nav__item--color-red.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item__icon{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;font-weight:var(--bal-font-weight-bold);border-radius:var(--bal-steps-step-icon-radius);font-size:var(--bal-text-size-small);height:1.5rem;width:1.5rem;left:calc(50% - .75rem);border:var(--bal-steps-step-border-width) var(--bal-steps-step-border-style) var(--bal-steps-step-border-color);background:var(--bal-steps-step-icon-background);color:var(--bal-steps-step-icon-text-color)}@media screen and (min-width: 769px),print{.bal-steps__nav__item__icon{height:2rem;width:2rem;left:calc(50% - 1rem);font-size:var(--bal-text-size-normal)}}.bal-steps__nav__item__icon--active{border-color:var(--bal-steps-step-border-color-active);background:var(--bal-steps-step-icon-background-active);color:var(--bal-steps-step-icon-text-color-active)}.bal-steps__nav__item__icon--done{border-color:var(--bal-steps-step-border-color-done);background:var(--bal-steps-step-icon-background-done);color:var(--bal-steps-step-icon-text-color-done)}.bal-steps__nav__item__icon--failed{border-color:var(--bal-steps-step-border-color-failed);background:var(--bal-steps-step-icon-background-failed);color:var(--bal-steps-step-icon-text-color-failed);font-size:var(--bal-text-size-normal)}@media screen and (min-width: 769px),print{.bal-steps__nav__item__icon--failed{font-size:var(--bal-text-size-large-tablet)}}@media screen and (min-width: 1024px){.bal-steps__nav__item__icon--failed{font-size:var(--bal-text-size-large-desktop)}}.bal-steps__nav__item__icon--disabled{border-color:var(--bal-steps-step-border-color-disabled);background:var(--bal-steps-step-icon-background-disabled);color:var(--bal-steps-step-icon-text-color-disabled);opacity:.6}.bal-steps__nav__item__label{display:none}@media screen and (min-width: 769px),print{.bal-steps__nav__item__label{display:block;font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-normal);text-align:center;width:100%;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--bal-steps-step-label-text-color)}.bal-steps__nav__item__label--done{color:var(--bal-steps-step-label-text-color-done)}.bal-steps__nav__item__label--active{color:var(--bal-steps-step-label-text-color-active)}.bal-steps__nav__item__label--failed{color:var(--bal-steps-step-label-text-color-failed)}.bal-steps__nav__item__label--disabled{color:var(--bal-steps-step-label-text-color-disabled);opacity:.6}}.bal-steps{display:block;position:static}.bal-steps__nav{-webkit-overflow-scrolling:touch;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-ms-flexbox;display:flex;overflow-x:auto;overflow-y:hidden}.bal-step-item{width:100%;display:none}.bal-step-item--active{display:block}";
@@ -157,7 +155,7 @@ const Steps = class {
         }
     }
     debounceChanged() {
-        this.balChange = index.debounceEvent(this.balChange, this.debounce);
+        this.balChange = helpers.debounceEvent(this.balChange, this.debounce);
     }
     async valueChanged(newValue, oldValue) {
         if (newValue !== oldValue) {
@@ -250,7 +248,7 @@ const Steps = class {
     }; }
 };
 tslib_es6.__decorate([
-    index.Logger('bal-steps'),
+    log.Logger('bal-steps'),
     tslib_es6.__metadata("design:type", Function),
     tslib_es6.__metadata("design:paramtypes", [Function]),
     tslib_es6.__metadata("design:returntype", void 0)

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-TwNDE7ev.js');
+var index = require('./index-feA4skrY.js');
 var bem = require('./bem-p0PWVN8n.js');
 
 const balSwitchCss = ":root{--bal-checkbox-switch-label-background-before:var(--bal-color-primary-1);--bal-checkbox-switch-label-background-after:var(--bal-color-primary);--bal-checkbox-switch-label-background-hover-after:var(--bal-color-light-blue-5);--bal-checkbox-switch-label-background-active-after:var(--bal-color-primary-6);--bal-checkbox-switch-label-background-pressed-after:var(--bal-color-border-primary-pressed);--bal-checkbox-switch-label-background-checked-before:var(--bal-color-success-4);--bal-checkbox-switch-label-background-checked-after:var(--bal-color-white);--bal-checkbox-switch-label-background-checked-hover-before:var(--bal-color-success-5);--bal-checkbox-switch-label-background-checked-active-before:var(--bal-color-success-6);--bal-checkbox-switch-label-background-invalid-before:var(--bal-color-danger-1);--bal-checkbox-switch-label-background-invalid-after:var(--bal-color-border-danger);--bal-checkbox-switch-label-background-invalid-hover-after:var(--bal-color-border-danger-hovered);--bal-checkbox-switch-label-background-invalid-active-after:var(--bal-color-border-danger);--bal-checkbox-switch-label-background-invalid-pressed-after:var(--bal-color-border-danger-pressed);--bal-checkbox-switch-label-background-invalid-checked-before:var(--bal-color-danger-4);--bal-checkbox-switch-label-background-invalid-checked-after:var(--bal-color-white);--bal-checkbox-switch-label-background-invalid-checked-hover-before:var(--bal-color-danger-5);--bal-checkbox-switch-label-background-invalid-checked-active-before:var(--bal-color-danger-6);--bal-checkbox-switch-label-background-invalid-checked-hovered-before:var(--bal-color-border-danger-hovered);--bal-checkbox-switch-label-background-invalid-checked-pressed-before:var(--bal-color-border-danger-pressed);--bal-checkbox-switch-label-background-disabled-hover-active-before:var(--bal-color-grey-3);--bal-checkbox-switch-label-background-disabled-hover-active-after:var(--bal-color-border-grey-dark);--bal-checkbox-switch-label-background-disabled-checked-hover-active-before:var(--bal-color-border-grey-dark);--bal-checkbox-switch-label-background-disabled-checked-hover-active-after:var(--bal-color-white)}.bal-switch{display:-ms-inline-flexbox;display:inline-flex;position:relative;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:2.5rem;height:1.5rem;padding:.25rem;border-radius:var(--bal-radius-rounded);overflow:hidden;background:var(--bal-checkbox-switch-label-background-before)}@media (hover: hover)and (pointer: fine){.bal-switch--hovered,.bal-switch:hover{background:var(--bal-checkbox-switch-label-background-before)}.bal-switch--hovered .bal-switch__toggle,.bal-switch:hover .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-hover-after)}}.bal-switch--pressed,.bal-switch:active{background:var(--bal-checkbox-switch-label-background-before)}.bal-switch--pressed .bal-switch__toggle,.bal-switch:active .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-pressed-after)}.bal-switch--checked{background:var(--bal-checkbox-switch-label-background-checked-before)}.bal-switch--checked .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-checked-after)}@media (hover: hover)and (pointer: fine){.bal-switch--checked.bal-switch--hovered,.bal-switch--checked:hover{background:var(--bal-checkbox-switch-label-background-checked-hover-before)}.bal-switch--checked.bal-switch--hovered .bal-switch__toggle,.bal-switch--checked:hover .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-checked-after)}}.bal-switch--checked.bal-switch--pressed,.bal-switch--checked:active{background:var(--bal-checkbox-switch-label-background-checked-active-before)}.bal-switch--checked.bal-switch--pressed .bal-switch__toggle,.bal-switch--checked:active .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-checked-after)}.bal-switch--invalid{background:var(--bal-checkbox-switch-label-background-invalid-before)}.bal-switch--invalid .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-invalid-after)}@media (hover: hover)and (pointer: fine){.bal-switch--invalid.bal-switch--hovered,.bal-switch--invalid:hover{background:var(--bal-checkbox-switch-label-background-invalid-before)}.bal-switch--invalid.bal-switch--hovered .bal-switch__toggle,.bal-switch--invalid:hover .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-invalid-hover-after)}}.bal-switch--invalid.bal-switch--pressed,.bal-switch--invalid:active{background:var(--bal-checkbox-switch-label-background-invalid-before)}.bal-switch--invalid.bal-switch--pressed .bal-switch__toggle,.bal-switch--invalid:active .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-invalid-pressed-after)}.bal-switch--invalid.bal-switch--checked.bal-switch,.bal-switch--invalid.bal-switch--checked{background:var(--bal-checkbox-switch-label-background-invalid-checked-before)}.bal-switch--invalid.bal-switch--checked.bal-switch .bal-switch__toggle,.bal-switch--invalid.bal-switch--checked .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-invalid-checked-after)}.bal-switch--invalid.bal-switch--checked.bal-switch--hovered,.bal-switch--invalid.bal-switch--checked:hover{background:var(--bal-checkbox-switch-label-background-invalid-checked-hovered-before)}.bal-switch--invalid.bal-switch--checked.bal-switch--hovered .bal-switch__toggle,.bal-switch--invalid.bal-switch--checked:hover .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-invalid-checked-after)}.bal-switch--invalid.bal-switch--checked.bal-switch--pressed,.bal-switch--invalid.bal-switch--checked:active{background:var(--bal-checkbox-switch-label-background-invalid-checked-pressed-before)}.bal-switch--invalid.bal-switch--checked.bal-switch--pressed .bal-switch__toggle,.bal-switch--invalid.bal-switch--checked:active .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-invalid-checked-after)}.bal-switch--disabled,.bal-switch--disabled:hover,.bal-switch--disabled:active{background:var(--bal-checkbox-switch-label-background-disabled-hover-active-before)}.bal-switch--disabled .bal-switch__toggle,.bal-switch--disabled:hover .bal-switch__toggle,.bal-switch--disabled:active .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-disabled-hover-active-after)}.bal-switch--disabled.bal-switch--checked,.bal-switch--disabled.bal-switch--checked:hover,.bal-switch--disabled.bal-switch--checked:active{background:var(--bal-checkbox-switch-label-background-disabled-checked-hover-active-before)}.bal-switch--disabled.bal-switch--checked .bal-switch__toggle,.bal-switch--disabled.bal-switch--checked:hover .bal-switch__toggle,.bal-switch--disabled.bal-switch--checked:active .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-disabled-checked-hover-active-after)}.bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-after);border-radius:50%;position:absolute;top:.25rem;width:1rem;height:1rem;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out, -webkit-transform .3s ease-in-out}.bal-switch__toggle--checked{-webkit-transform:translateX(100%);transform:translateX(100%);background:var(--bal-checkbox-switch-label-background-checked-after)}.bal-icon{position:absolute}.bal-icon .bal-switch__icon--checked{opacity:1}.bal-icon .bal-switch__icon{opacity:0;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}";