@baloise/ds-core 18.3.0 → 19.0.0-nightly.20250512

package/dist/cjs/bal-progress-bar.cjs.entry.js

@@ -6,14 +6,14 @@ const index = require('./index-84f42282.js');
 const tslib_es6 = require('./tslib.es6-a680968e.js');
 const bem = require('./bem-81bc6a2d.js');
 const helpers = require('./helpers-debb881a.js');
-const breakpoints_subject = require('./breakpoints.subject-99007fbd.js');
-const breakpoints_decorator = require('./breakpoints.decorator-a75a8dbc.js');
-const windowResize_decorator = require('./window-resize.decorator-dd0ecc12.js');
+const breakpoints_subject = require('./breakpoints.subject-1a5906e4.js');
+const breakpoints_decorator = require('./breakpoints.decorator-d16aa7d7.js');
+const windowResize_decorator = require('./window-resize.decorator-ca02b6a0.js');
 require('./browser-1d542d0f.js');
 require('./config.utils-df30e424.js');
 require('./device-9f97a845.js');
 require('./listener-52d2e5fd.js');
-require('./tokens.esm-836b8c42.js');
+require('./tokens.esm-af603697.js');
 
 const balProgressBarCss = ":root{--bal-progress-bar-background-white:var(--bal-color-white);--bal-progress-bar-background-grey:var(--bal-color-grey-3);--bal-progress-bar-background-purple:var(--bal-color-purple-2);--bal-progress-bar-background-yellow:var(--bal-color-yellow-2);--bal-progress-bar-background-red:var(--bal-color-red-2);--bal-progress-bar-background-green:var(--bal-color-green-2);--bal-progress-bar-line-color-primary:var(--bal-color-primary);--bal-progress-bar-line-color-purple:var(--bal-color-purple-6);--bal-progress-bar-line-color-yellow:var(--bal-color-yellow-6);--bal-progress-bar-line-color-red:var(--bal-color-red-6);--bal-progress-bar-line-color-green:var(--bal-color-green-6);--bal-progress-bar-line-radius:var(--bal-radius-rounded)}.bal-progress-bar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;width:100%;min-width:0;height:.25rem}.bal-progress-bar--background-white-of-primary,.bal-progress-bar--background-white-of-purple,.bal-progress-bar--background-white-of-red,.bal-progress-bar--background-white-of-green,.bal-progress-bar--background-white-of-yellow{background:var(--bal-progress-bar-background-white)}.bal-progress-bar--background-grey-of-primary{background:var(--bal-progress-bar-background-grey)}.bal-progress-bar--background-grey-of-purple{background:var(--bal-progress-bar-background-purple)}.bal-progress-bar--background-grey-of-red{background:var(--bal-progress-bar-background-red)}.bal-progress-bar--background-grey-of-green{background:var(--bal-progress-bar-background-green)}.bal-progress-bar--background-grey-of-yellow{background:var(--bal-progress-bar-background-yellow)}.bal-progress-bar__line{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;height:.25rem;width:0;background:var(--bal-progress-bar-line-color-primary);border-top-right-radius:var(--bal-progress-bar-line-radius);border-bottom-right-radius:var(--bal-progress-bar-line-radius)}.bal-progress-bar__line--animated{will-change:width;-webkit-transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-progress-bar__line--full{border-top-right-radius:0;border-bottom-right-radius:0}.bal-progress-bar__line--color-purple{background:var(--bal-progress-bar-line-color-purple)}.bal-progress-bar__line--color-yellow{background:var(--bal-progress-bar-line-color-yellow)}.bal-progress-bar__line--color-red{background:var(--bal-progress-bar-line-color-red)}.bal-progress-bar__line--color-green{background:var(--bal-progress-bar-line-color-green)}";
 const BalProgressBarStyle0 = balProgressBarCss;
@@ -74,7 +74,7 @@ const ProgressBar = class {
     render() {
         const block = bem.BEM.block('progress-bar');
         const bemLineEl = block.element('line');
-        return (index.h(index.Host, { key: '1df789d0a33beb7a7bdcf2802d41f91312091e84', "aria-hidden": "true", class: Object.assign(Object.assign({}, block.class()), block.modifier(`background-${this.background}-of-${this.color}`).class()) }, index.h("div", { key: '27f99d214e02805e016e5d082941530b23c1ee22', class: Object.assign(Object.assign(Object.assign({}, bemLineEl.class()), bemLineEl.modifier(`color-${this.color}`).class()), bemLineEl.modifier(`animated`).class(this.animated)), ref: lineEl => (this.lineEl = lineEl) })));
+        return (index.h(index.Host, { key: 'd024ab4ad15f9a04b2db9b5923785cc9eecbae74', "aria-hidden": "true", class: Object.assign(Object.assign({}, block.class()), block.modifier(`background-${this.background}-of-${this.color}`).class()) }, index.h("div", { key: '8ed29c4d19bc1e5e57990b5c91d95134a7fc482d', class: Object.assign(Object.assign(Object.assign({}, bemLineEl.class()), bemLineEl.modifier(`color-${this.color}`).class()), bemLineEl.modifier(`animated`).class(this.animated)), ref: lineEl => (this.lineEl = lineEl) })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/bal-radio-icon.cjs.entry.js

@@ -0,0 +1,36 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-84f42282.js');
+const bem = require('./bem-81bc6a2d.js');
+
+const balRadioIconCss = ":root{--bal-radio-icon-size:1.5rem;--bal-radio-icon-border-width:2px;--bal-radio-icon-border-radius:var(--bal-radius-rounded);--bal-radio-icon-color-inverted:var(--bal-color-white);--bal-radio-icon-border-color:var(--bal-color-primary);--bal-radio-icon-border-color-hovered:var(--bal-color-border-primary-hovered);--bal-radio-icon-border-color-pressed:var(--bal-color-border-primary-pressed);--bal-radio-icon-border-color-checked:var(--bal-color-primary);--bal-radio-icon-border-color-checked-hovered:var(--bal-color-border-primary-hovered);--bal-radio-icon-border-color-checked-pressed:var(--bal-color-border-primary-pressed);--bal-radio-icon-background:transparent;--bal-radio-icon-background-hovered:var(--bal-color-grey-2);--bal-radio-icon-background-pressed:var(--bal-color-grey-2);--bal-radio-icon-background-checked:var(--bal-color-primary);--bal-radio-icon-background-checked-hovered:var(--bal-color-border-primary-hovered);--bal-radio-icon-background-checked-pressed:var(--bal-color-border-primary-pressed);--bal-radio-icon-border-color-invalid:var(--bal-color-border-danger);--bal-radio-icon-border-color-invalid-hovered:var(--bal-color-border-danger-hovered);--bal-radio-icon-border-color-invalid-pressed:var(--bal-color-border-danger-pressed);--bal-radio-icon-border-color-invalid-checked:var(--bal-color-border-danger);--bal-radio-icon-border-color-invalid-checked-hovered:var(--bal-color-border-danger-hovered);--bal-radio-icon-border-color-invalid-checked-pressed:var(--bal-color-border-danger-pressed);--bal-radio-icon-background-invalid:transparent;--bal-radio-icon-background-invalid-hovered:var(--bal-color-danger-1);--bal-radio-icon-background-invalid-pressed:var(--bal-color-danger-1);--bal-radio-icon-background-invalid-checked:var(--bal-color-border-danger);--bal-radio-icon-background-invalid-checked-hovered:var(--bal-color-border-danger-hovered);--bal-radio-icon-background-invalid-checked-pressed:var(--bal-color-border-danger-pressed);--bal-radio-icon-background-disabled:var(--bal-color-grey-2);--bal-radio-icon-border-color-disabled:var(--bal-color-border-grey-dark);--bal-radio-icon-background-checked-disabled:var(--bal-color-border-grey-dark);--bal-radio-icon-border-color-checked-disabled:var(--bal-color-border-grey-dark)}.bal-radio-icon{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-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:var(--bal-radio-icon-size);max-width:var(--bal-radio-icon-size);height:var(--bal-radio-icon-size);max-height:var(--bal-radio-icon-size);border-radius:var(--bal-radio-icon-border-radius);overflow:hidden;border:var(--bal-radio-icon-border-width) solid var(--bal-radio-icon-border-color);background-color:var(--bal-radio-icon-background)}@media (hover: hover)and (pointer: fine){.bal-radio-icon--hovered,.bal-radio-icon:hover{background:var(--bal-radio-icon-background-hovered);border-color:var(--bal-radio-icon-border-color-hovered)}}.bal-radio-icon--pressed,.bal-radio-icon:active{background:var(--bal-radio-icon-background-pressed);border-color:var(--bal-radio-icon-border-color-pressed)}.bal-radio-icon:after{display:block;content:\"\";background-color:rgba(0,0,0,0);border-radius:var(--bal-radio-icon-border-radius);width:.375rem;height:.375rem}.bal-radio-icon bal-icon{opacity:0}.bal-radio-icon--checked:after{background-color:#fff}.bal-radio-icon--checked{background-color:var(--bal-radio-icon-background-checked);border-color:var(--bal-radio-icon-border-color-checked)}.bal-radio-icon--checked bal-icon{opacity:1}@media (hover: hover)and (pointer: fine){.bal-radio-icon--checked.bal-radio-icon--hovered,.bal-radio-icon--checked:hover{background:var(--bal-radio-icon-background-checked-hovered);border-color:var(--bal-radio-icon-border-color-checked-hovered)}}.bal-radio-icon--checked.bal-radio-icon--pressed,.bal-radio-icon--checked:active{background:var(--bal-radio-icon-background-checked-pressed);border-color:var(--bal-radio-icon-border-color-checked-pressed)}.bal-radio-icon--checked.bal-radio-icon--inverted{border-color:var(--bal-radio-icon-color-inverted)}.bal-radio-icon--invalid{border-color:var(--bal-radio-icon-border-color-invalid);background-color:var(--bal-radio-icon-background-invalid)}@media (hover: hover)and (pointer: fine){.bal-radio-icon--invalid.bal-radio-icon--hovered,.bal-radio-icon--invalid:hover{background-color:var(--bal-radio-icon-background-invalid-hovered);border-color:var(--bal-radio-icon-border-color-invalid-hovered)}}.bal-radio-icon--invalid.bal-radio-icon--pressed,.bal-radio-icon--invalid:active{background-color:var(--bal-radio-icon-background-invalid-pressed);border-color:var(--bal-radio-icon-border-color-invalid-pressed)}.bal-radio-icon--invalid.bal-radio-icon--checked{border-color:var(--bal-radio-icon-border-color-invalid);background:var(--bal-radio-icon-background-invalid-checked)}@media (hover: hover)and (pointer: fine){.bal-radio-icon--invalid.bal-radio-icon--checked.bal-radio-icon--hovered,.bal-radio-icon--invalid.bal-radio-icon--checked:hover{background-color:var(--bal-radio-icon-background-invalid-checked-hovered);border-color:var(--bal-radio-icon-border-color-invalid-hovered)}}.bal-radio-icon--invalid.bal-radio-icon--checked.bal-radio-icon--pressed,.bal-radio-icon--invalid.bal-radio-icon--checked:active{background-color:var(--bal-radio-icon-background-invalid-checked-pressed);border-color:var(--bal-radio-icon-border-color-invalid-pressed)}.bal-radio-icon--invalid.bal-radio-icon--checked.bal-radio-icon--inverted{border-color:var(--bal-radio-icon-color-inverted)}.bal-radio-icon--disabled{cursor:default !important;background:var(--bal-radio-icon-background-disabled) !important;border-color:var(--bal-radio-icon-border-color-disabled) !important}.bal-radio-icon--disabled.bal-radio-icon--checked{background-color:var(--bal-radio-icon-background-checked-disabled) !important;border-color:var(--bal-radio-icon-border-color-checked-disabled) !important}.bal-radio-icon--disabled.bal-radio-icon--checked.bal-radio-icon--inverted{border-color:var(--bal-radio-icon-color-inverted) !important}";
+const BalRadioIconStyle0 = balRadioIconCss;
+
+const RadioIcon = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.checked = false;
+        this.invalid = undefined;
+        this.disabled = undefined;
+        this.inverted = undefined;
+        this.hovered = false;
+        this.pressed = false;
+    }
+    /**
+     * RENDER
+     * ------------------------------------------------------
+     */
+    render() {
+        const block = bem.BEM.block('radio-icon');
+        const checked = !!this.checked;
+        const disabled = !!this.disabled;
+        const invalid = !!this.invalid;
+        const inverted = !!this.inverted;
+        return (index.h(index.Host, { key: '903ec682257c7182c7e611b7f950eb95aa27498e', class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier('checked').class(checked)), block.modifier('disabled').class(disabled)), block.modifier('invalid').class(invalid)), block.modifier('inverted').class(inverted)), block.modifier('hovered').class(this.hovered)), block.modifier('pressed').class(this.pressed)) }));
+    }
+};
+RadioIcon.style = BalRadioIconStyle0;
+
+exports.bal_radio_icon = RadioIcon;