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

package/components/all.d.ts

@@ -14,8 +14,8 @@ import { BalCardSubtitle, defineCustomElement as defineBalCardSubtitle } from '.
 import { BalCardTitle, defineCustomElement as defineBalCardTitle } from './bal-card-title'
 import { BalCarousel, defineCustomElement as defineBalCarousel } from './bal-carousel'
 import { BalCarouselItem, defineCustomElement as defineBalCarouselItem } from './bal-carousel-item'
+import { BalCheck, defineCustomElement as defineBalCheck } from './bal-check'
 import { BalCheckbox, defineCustomElement as defineBalCheckbox } from './bal-checkbox'
-import { BalCheckboxButton, defineCustomElement as defineBalCheckboxButton } from './bal-checkbox-button'
 import { BalCheckboxGroup, defineCustomElement as defineBalCheckboxGroup } from './bal-checkbox-group'
 import { BalClose, defineCustomElement as defineBalClose } from './bal-close'
 import { BalContent, defineCustomElement as defineBalContent } from './bal-content'
@@ -27,6 +27,7 @@ import { BalDate, defineCustomElement as defineBalDate } from './bal-date'
 import { BalDateCalendar, defineCustomElement as defineBalDateCalendar } from './bal-date-calendar'
 import { BalDateCalendarCell, defineCustomElement as defineBalDateCalendarCell } from './bal-date-calendar-cell'
 import { BalDivider, defineCustomElement as defineBalDivider } from './bal-divider'
+import { BalDocApp, defineCustomElement as defineBalDocApp } from './bal-doc-app'
 import { BalDropdown, defineCustomElement as defineBalDropdown } from './bal-dropdown'
 import { BalField, defineCustomElement as defineBalField } from './bal-field'
 import { BalFieldControl, defineCustomElement as defineBalFieldControl } from './bal-field-control'
@@ -85,8 +86,8 @@ import { BalPopoverContent, defineCustomElement as defineBalPopoverContent } fro
 import { BalPopup, defineCustomElement as defineBalPopup } from './bal-popup'
 import { BalProgressBar, defineCustomElement as defineBalProgressBar } from './bal-progress-bar'
 import { BalRadio, defineCustomElement as defineBalRadio } from './bal-radio'
-import { BalRadioButton, defineCustomElement as defineBalRadioButton } from './bal-radio-button'
 import { BalRadioGroup, defineCustomElement as defineBalRadioGroup } from './bal-radio-group'
+import { BalRadioIcon, defineCustomElement as defineBalRadioIcon } from './bal-radio-icon'
 import { BalSegment, defineCustomElement as defineBalSegment } from './bal-segment'
 import { BalSegmentItem, defineCustomElement as defineBalSegmentItem } from './bal-segment-item'
 import { BalSelect, defineCustomElement as defineBalSelect } from './bal-select'
@@ -104,6 +105,7 @@ import { BalStageHead, defineCustomElement as defineBalStageHead } from './bal-s
 import { BalStageImage, defineCustomElement as defineBalStageImage } from './bal-stage-image'
 import { BalStepItem, defineCustomElement as defineBalStepItem } from './bal-step-item'
 import { BalSteps, defineCustomElement as defineBalSteps } from './bal-steps'
+import { BalSwitch, defineCustomElement as defineBalSwitch } from './bal-switch'
 import { BalTabItem, defineCustomElement as defineBalTabItem } from './bal-tab-item'
 import { BalTable, defineCustomElement as defineBalTable } from './bal-table'
 import { BalTabs, defineCustomElement as defineBalTabs } from './bal-tabs'
@@ -131,8 +133,8 @@ export { BalCardSubtitle, defineBalCardSubtitle }
 export { BalCardTitle, defineBalCardTitle }
 export { BalCarousel, defineBalCarousel }
 export { BalCarouselItem, defineBalCarouselItem }
+export { BalCheck, defineBalCheck }
 export { BalCheckbox, defineBalCheckbox }
-export { BalCheckboxButton, defineBalCheckboxButton }
 export { BalCheckboxGroup, defineBalCheckboxGroup }
 export { BalClose, defineBalClose }
 export { BalContent, defineBalContent }
@@ -144,6 +146,7 @@ export { BalDate, defineBalDate }
 export { BalDateCalendar, defineBalDateCalendar }
 export { BalDateCalendarCell, defineBalDateCalendarCell }
 export { BalDivider, defineBalDivider }
+export { BalDocApp, defineBalDocApp }
 export { BalDropdown, defineBalDropdown }
 export { BalField, defineBalField }
 export { BalFieldControl, defineBalFieldControl }
@@ -202,8 +205,8 @@ export { BalPopoverContent, defineBalPopoverContent }
 export { BalPopup, defineBalPopup }
 export { BalProgressBar, defineBalProgressBar }
 export { BalRadio, defineBalRadio }
-export { BalRadioButton, defineBalRadioButton }
 export { BalRadioGroup, defineBalRadioGroup }
+export { BalRadioIcon, defineBalRadioIcon }
 export { BalSegment, defineBalSegment }
 export { BalSegmentItem, defineBalSegmentItem }
 export { BalSelect, defineBalSelect }
@@ -221,6 +224,7 @@ export { BalStageHead, defineBalStageHead }
 export { BalStageImage, defineBalStageImage }
 export { BalStepItem, defineBalStepItem }
 export { BalSteps, defineBalSteps }
+export { BalSwitch, defineBalSwitch }
 export { BalTabItem, defineBalTabItem }
 export { BalTable, defineBalTable }
 export { BalTabs, defineBalTabs }

package/components/all.js

@@ -14,8 +14,8 @@ import { BalCardSubtitle, defineCustomElement as defineBalCardSubtitle } from '.
 import { BalCardTitle, defineCustomElement as defineBalCardTitle } from './bal-card-title'
 import { BalCarousel, defineCustomElement as defineBalCarousel } from './bal-carousel'
 import { BalCarouselItem, defineCustomElement as defineBalCarouselItem } from './bal-carousel-item'
+import { BalCheck, defineCustomElement as defineBalCheck } from './bal-check'
 import { BalCheckbox, defineCustomElement as defineBalCheckbox } from './bal-checkbox'
-import { BalCheckboxButton, defineCustomElement as defineBalCheckboxButton } from './bal-checkbox-button'
 import { BalCheckboxGroup, defineCustomElement as defineBalCheckboxGroup } from './bal-checkbox-group'
 import { BalClose, defineCustomElement as defineBalClose } from './bal-close'
 import { BalContent, defineCustomElement as defineBalContent } from './bal-content'
@@ -27,6 +27,7 @@ import { BalDate, defineCustomElement as defineBalDate } from './bal-date'
 import { BalDateCalendar, defineCustomElement as defineBalDateCalendar } from './bal-date-calendar'
 import { BalDateCalendarCell, defineCustomElement as defineBalDateCalendarCell } from './bal-date-calendar-cell'
 import { BalDivider, defineCustomElement as defineBalDivider } from './bal-divider'
+import { BalDocApp, defineCustomElement as defineBalDocApp } from './bal-doc-app'
 import { BalDropdown, defineCustomElement as defineBalDropdown } from './bal-dropdown'
 import { BalField, defineCustomElement as defineBalField } from './bal-field'
 import { BalFieldControl, defineCustomElement as defineBalFieldControl } from './bal-field-control'
@@ -85,8 +86,8 @@ import { BalPopoverContent, defineCustomElement as defineBalPopoverContent } fro
 import { BalPopup, defineCustomElement as defineBalPopup } from './bal-popup'
 import { BalProgressBar, defineCustomElement as defineBalProgressBar } from './bal-progress-bar'
 import { BalRadio, defineCustomElement as defineBalRadio } from './bal-radio'
-import { BalRadioButton, defineCustomElement as defineBalRadioButton } from './bal-radio-button'
 import { BalRadioGroup, defineCustomElement as defineBalRadioGroup } from './bal-radio-group'
+import { BalRadioIcon, defineCustomElement as defineBalRadioIcon } from './bal-radio-icon'
 import { BalSegment, defineCustomElement as defineBalSegment } from './bal-segment'
 import { BalSegmentItem, defineCustomElement as defineBalSegmentItem } from './bal-segment-item'
 import { BalSelect, defineCustomElement as defineBalSelect } from './bal-select'
@@ -104,6 +105,7 @@ import { BalStageHead, defineCustomElement as defineBalStageHead } from './bal-s
 import { BalStageImage, defineCustomElement as defineBalStageImage } from './bal-stage-image'
 import { BalStepItem, defineCustomElement as defineBalStepItem } from './bal-step-item'
 import { BalSteps, defineCustomElement as defineBalSteps } from './bal-steps'
+import { BalSwitch, defineCustomElement as defineBalSwitch } from './bal-switch'
 import { BalTabItem, defineCustomElement as defineBalTabItem } from './bal-tab-item'
 import { BalTable, defineCustomElement as defineBalTable } from './bal-table'
 import { BalTabs, defineCustomElement as defineBalTabs } from './bal-tabs'
@@ -131,8 +133,8 @@ export { BalCardSubtitle, defineBalCardSubtitle }
 export { BalCardTitle, defineBalCardTitle }
 export { BalCarousel, defineBalCarousel }
 export { BalCarouselItem, defineBalCarouselItem }
+export { BalCheck, defineBalCheck }
 export { BalCheckbox, defineBalCheckbox }
-export { BalCheckboxButton, defineBalCheckboxButton }
 export { BalCheckboxGroup, defineBalCheckboxGroup }
 export { BalClose, defineBalClose }
 export { BalContent, defineBalContent }
@@ -144,6 +146,7 @@ export { BalDate, defineBalDate }
 export { BalDateCalendar, defineBalDateCalendar }
 export { BalDateCalendarCell, defineBalDateCalendarCell }
 export { BalDivider, defineBalDivider }
+export { BalDocApp, defineBalDocApp }
 export { BalDropdown, defineBalDropdown }
 export { BalField, defineBalField }
 export { BalFieldControl, defineBalFieldControl }
@@ -202,8 +205,8 @@ export { BalPopoverContent, defineBalPopoverContent }
 export { BalPopup, defineBalPopup }
 export { BalProgressBar, defineBalProgressBar }
 export { BalRadio, defineBalRadio }
-export { BalRadioButton, defineBalRadioButton }
 export { BalRadioGroup, defineBalRadioGroup }
+export { BalRadioIcon, defineBalRadioIcon }
 export { BalSegment, defineBalSegment }
 export { BalSegmentItem, defineBalSegmentItem }
 export { BalSelect, defineBalSelect }
@@ -221,6 +224,7 @@ export { BalStageHead, defineBalStageHead }
 export { BalStageImage, defineBalStageImage }
 export { BalStepItem, defineBalStepItem }
 export { BalSteps, defineBalSteps }
+export { BalSwitch, defineBalSwitch }
 export { BalTabItem, defineBalTabItem }
 export { BalTable, defineBalTable }
 export { BalTabs, defineBalTabs }
@@ -249,8 +253,8 @@ export const defineAllComponents = () => {
   defineBalCardTitle()
   defineBalCarousel()
   defineBalCarouselItem()
+  defineBalCheck()
   defineBalCheckbox()
-  defineBalCheckboxButton()
   defineBalCheckboxGroup()
   defineBalClose()
   defineBalContent()
@@ -262,6 +266,7 @@ export const defineAllComponents = () => {
   defineBalDateCalendar()
   defineBalDateCalendarCell()
   defineBalDivider()
+  defineBalDocApp()
   defineBalDropdown()
   defineBalField()
   defineBalFieldControl()
@@ -320,8 +325,8 @@ export const defineAllComponents = () => {
   defineBalPopup()
   defineBalProgressBar()
   defineBalRadio()
-  defineBalRadioButton()
   defineBalRadioGroup()
+  defineBalRadioIcon()
   defineBalSegment()
   defineBalSegmentItem()
   defineBalSelect()
@@ -339,6 +344,7 @@ export const defineAllComponents = () => {
   defineBalStageImage()
   defineBalStepItem()
   defineBalSteps()
+  defineBalSwitch()
   defineBalTabItem()
   defineBalTable()
   defineBalTabs()

package/components/bal-accordion-details.js

@@ -3,7 +3,7 @@ import { _ as __decorate, a as __metadata } from './tslib.es6.js';
 import { B as BEM } from './bem.js';
 import { L as Logger } from './log.js';
 
-const balAccordionDetailsCss = ".bal-accordion__details{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;will-change:max-height;min-block-size:auto;min-height:auto;min-inline-size:auto;min-width:auto}.bal-accordion__details--animated{-webkit-transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-accordion__details--collapsing{max-height:0 !important;overflow:hidden}.bal-accordion__details--collapsed{display:none;overflow:hidden}.bal-accordion__details--expanding{max-height:0;overflow:hidden}@media (prefers-reduced-motion: reduce){.bal-accordion__details{-webkit-transition:none !important;transition:none !important}}";
+const balAccordionDetailsCss = ".bal-accordion__details{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;will-change:max-height;min-block-size:auto;min-height:auto;min-inline-size:auto;min-width:auto}.bal-accordion__details--animated{-webkit-transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-accordion__details--collapsing{max-height:0 !important;overflow:hidden;-webkit-clip-path:border-box;clip-path:border-box}.bal-accordion__details--collapsed{display:none;overflow:hidden;-webkit-clip-path:border-box;clip-path:border-box}.bal-accordion__details--expanding{max-height:0;overflow:hidden;-webkit-clip-path:border-box;clip-path:border-box}@media (prefers-reduced-motion: reduce){.bal-accordion__details{-webkit-transition:none !important;transition:none !important}}";
 const BalAccordionDetailsStyle0 = balAccordionDetailsCss;
 
 const AccordionDetails = /*@__PURE__*/ proxyCustomElement(class AccordionDetails extends HTMLElement {

package/components/bal-accordion.js

@@ -8,7 +8,7 @@ import { d as defineCustomElement$3 } from './bal-icon2.js';
 import { d as defineCustomElement$2 } from './bal-spinner2.js';
 import { L as ListenToConfig } from './config.decorator.js';
 
-const balAccordionCss = ".bal-accordion{display:block;position:relative;width:100%}.bal-accordion--card-v1,.bal-accordion--card-v2{margin-top:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-accordion--card-v1,.bal-accordion--card-v2{margin-top:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-accordion--card-v1,.bal-accordion--card-v2{margin-top:var(--bal-space-medium-desktop)}}.bal-accordion--card-v2{padding-left:var(--bal-space-medium);padding-right:var(--bal-space-medium);padding-bottom:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-accordion--card-v2{padding-left:var(--bal-space-medium-tablet);padding-right:var(--bal-space-medium-tablet);padding-bottom:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-accordion--card-v2{padding-left:var(--bal-space-medium-desktop);padding-right:var(--bal-space-medium-desktop);padding-bottom:var(--bal-space-medium-desktop)}}.bal-accordion__wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.bal-accordion__trigger--card{margin-left:var(--bal-space-medium);margin-right:var(--bal-space-medium);margin-bottom:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-accordion__trigger--card{margin-left:var(--bal-space-medium-tablet);margin-right:var(--bal-space-medium-tablet);margin-bottom:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-accordion__trigger--card{margin-left:var(--bal-space-medium-desktop);margin-right:var(--bal-space-medium-desktop);margin-bottom:var(--bal-space-medium-desktop)}}.bal-accordion__content--card{margin-left:var(--bal-space-medium);margin-right:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-accordion__content--card{margin-left:var(--bal-space-medium-tablet);margin-right:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-accordion__content--card{margin-left:var(--bal-space-medium-desktop);margin-right:var(--bal-space-medium-desktop)}}.bal-accordion--animated{-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-accordion--animated .bal-accordion__content{-webkit-transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-accordion__content{will-change:max-height}.bal-accordion__content--overflow-hidden{overflow:hidden}.bal-accordion--collapsing .bal-accordion__content{max-height:0 !important}.bal-accordion--collapsed .bal-accordion__content{display:none}.bal-accordion--expanding .bal-accordion__content{max-height:0}@media (prefers-reduced-motion: reduce){.bal-accordion,.bal-accordion__content{-webkit-transition:none !important;transition:none !important}}";
+const balAccordionCss = ".bal-accordion{display:block;position:relative;width:100%}.bal-accordion--card-v1,.bal-accordion--card-v2{margin-top:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-accordion--card-v1,.bal-accordion--card-v2{margin-top:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-accordion--card-v1,.bal-accordion--card-v2{margin-top:var(--bal-space-medium-desktop)}}.bal-accordion--card-v2{padding-left:var(--bal-space-medium);padding-right:var(--bal-space-medium);padding-bottom:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-accordion--card-v2{padding-left:var(--bal-space-medium-tablet);padding-right:var(--bal-space-medium-tablet);padding-bottom:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-accordion--card-v2{padding-left:var(--bal-space-medium-desktop);padding-right:var(--bal-space-medium-desktop);padding-bottom:var(--bal-space-medium-desktop)}}.bal-accordion__wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.bal-accordion__trigger--card{margin-left:var(--bal-space-medium);margin-right:var(--bal-space-medium);margin-bottom:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-accordion__trigger--card{margin-left:var(--bal-space-medium-tablet);margin-right:var(--bal-space-medium-tablet);margin-bottom:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-accordion__trigger--card{margin-left:var(--bal-space-medium-desktop);margin-right:var(--bal-space-medium-desktop);margin-bottom:var(--bal-space-medium-desktop)}}.bal-accordion__content--card{margin-left:var(--bal-space-medium);margin-right:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-accordion__content--card{margin-left:var(--bal-space-medium-tablet);margin-right:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-accordion__content--card{margin-left:var(--bal-space-medium-desktop);margin-right:var(--bal-space-medium-desktop)}}.bal-accordion--animated{-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-accordion--animated .bal-accordion__content{-webkit-transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-accordion__content{will-change:max-height}.bal-accordion__content--overflow-hidden{overflow:hidden;-webkit-clip-path:border-box;clip-path:border-box}.bal-accordion--collapsing .bal-accordion__content{max-height:0 !important}.bal-accordion--collapsed .bal-accordion__content{display:none}.bal-accordion--expanding .bal-accordion__content{max-height:0}@media (prefers-reduced-motion: reduce){.bal-accordion,.bal-accordion__content{-webkit-transition:none !important;transition:none !important}}";
 const BalAccordionStyle0 = balAccordionCss;
 
 const Accordion = /*@__PURE__*/ proxyCustomElement(class Accordion extends HTMLElement {

package/components/bal-app.js

@@ -1,96 +1,4 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { _ as __decorate, a as __metadata } from './tslib.es6.js';
-import { b as balBrowser } from './browser.js';
-import { b as balDevice } from './device.js';
-import { k as debounce, p as rIC, m as rOnLoad } from './helpers.js';
-import { L as Logger } from './log.js';
-import { s as startFocusVisible } from './focus-visible.js';
-import { b as updateBalAnimated } from './config.utils.js';
-
-const balAppCss = ":root{--bal-app-height:100%}.bal-app{position:relative}.lcp-wait{opacity:0;visibility:hidden;display:none}.lcp-ready .lcp-wait{opacity:inherit;visibility:inherit;display:inherit}";
-const BalAppStyle0 = balAppCss;
-
-const App = /*@__PURE__*/ proxyCustomElement(class App extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.debouncedNotify = debounce(() => this.notifyResize(), 100);
-        this.notifyResize = async () => {
-            if (balBrowser.hasDocument && balBrowser.hasWindow) {
-                const doc = document.documentElement;
-                doc.style.setProperty('--bal-app-height', `${window.innerHeight}px`);
-            }
-        };
-        this.animated = true;
-        this.ready = false;
-    }
-    createLogger(log) {
-        this.log = log;
-    }
-    connectedCallback() {
-        if (this.animated === false) {
-            updateBalAnimated(this.animated);
-        }
-        if (balBrowser.hasWindow) {
-            window.addEventListener('resize', this.debouncedNotify);
-            this.debouncedNotify();
-        }
-    }
-    componentDidLoad() {
-        rIC(() => {
-            this.ready = true;
-            startFocusVisible();
-        });
-        rOnLoad(() => {
-            if (balBrowser.hasDocument && balBrowser.hasWindow) {
-                const doc = document.documentElement;
-                doc.classList.add('lcp-ready');
-            }
-        });
-    }
-    disconnectedCallback() {
-        if (balBrowser.hasWindow) {
-            window.removeEventListener('resize', this.debouncedNotify);
-        }
-    }
-    async setFocus(elements) {
-        if (this.focusVisible) {
-            this.focusVisible.setFocus(elements);
-        }
-    }
-    render() {
-        return (h(Host, { key: '8aa3c989125e06e500597db9773fca378e4b7467', class: {
-                'bal-app': true,
-                'bal-app--safari': balBrowser.isSafari,
-                'bal-app--touch': balDevice.hasTouchScreen,
-            } }, h("slot", { key: 'c0e432a988e29f653198ed4eeead7f18fa447035' })));
-    }
-    get el() { return this; }
-    static get style() { return BalAppStyle0; }
-}, [4, "bal-app", {
-        "animated": [516],
-        "ready": [1540],
-        "setFocus": [64]
-    }]);
-__decorate([
-    Logger('bal-app'),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [Function]),
-    __metadata("design:returntype", void 0)
-], App.prototype, "createLogger", null);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["bal-app"];
-    components.forEach(tagName => { switch (tagName) {
-        case "bal-app":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, App);
-            }
-            break;
-    } });
-}
+import { A as App, d as defineCustomElement$1 } from './bal-app2.js';
 
 const BalApp = App;
 const defineCustomElement = defineCustomElement$1;

package/components/bal-app2.js

@@ -0,0 +1,95 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { _ as __decorate, a as __metadata } from './tslib.es6.js';
+import { b as balBrowser } from './browser.js';
+import { b as balDevice } from './device.js';
+import { k as debounce, p as rIC, m as rOnLoad } from './helpers.js';
+import { L as Logger } from './log.js';
+import { s as startFocusVisible } from './focus-visible.js';
+import { b as updateBalAnimated } from './config.utils.js';
+
+const balAppCss = ":root{--bal-app-height:100%}.bal-app{position:relative}.lcp-wait{opacity:0;visibility:hidden;display:none}.lcp-ready .lcp-wait{opacity:inherit;visibility:inherit;display:inherit}";
+const BalAppStyle0 = balAppCss;
+
+const App = /*@__PURE__*/ proxyCustomElement(class App extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.debouncedNotify = debounce(() => this.notifyResize(), 100);
+        this.notifyResize = async () => {
+            if (balBrowser.hasDocument && balBrowser.hasWindow) {
+                const doc = document.documentElement;
+                doc.style.setProperty('--bal-app-height', `${window.innerHeight}px`);
+            }
+        };
+        this.animated = true;
+        this.ready = false;
+    }
+    createLogger(log) {
+        this.log = log;
+    }
+    connectedCallback() {
+        if (this.animated === false) {
+            updateBalAnimated(this.animated);
+        }
+        if (balBrowser.hasWindow) {
+            window.addEventListener('resize', this.debouncedNotify);
+            this.debouncedNotify();
+        }
+    }
+    componentDidLoad() {
+        rIC(() => {
+            this.ready = true;
+            startFocusVisible();
+        });
+        rOnLoad(() => {
+            if (balBrowser.hasDocument && balBrowser.hasWindow) {
+                const doc = document.documentElement;
+                doc.classList.add('lcp-ready');
+            }
+        });
+    }
+    disconnectedCallback() {
+        if (balBrowser.hasWindow) {
+            window.removeEventListener('resize', this.debouncedNotify);
+        }
+    }
+    async setFocus(elements) {
+        if (this.focusVisible) {
+            this.focusVisible.setFocus(elements);
+        }
+    }
+    render() {
+        return (h(Host, { key: '8aa3c989125e06e500597db9773fca378e4b7467', class: {
+                'bal-app': true,
+                'bal-app--safari': balBrowser.isSafari,
+                'bal-app--touch': balDevice.hasTouchScreen,
+            } }, h("slot", { key: 'c0e432a988e29f653198ed4eeead7f18fa447035' })));
+    }
+    get el() { return this; }
+    static get style() { return BalAppStyle0; }
+}, [4, "bal-app", {
+        "animated": [516],
+        "ready": [1540],
+        "setFocus": [64]
+    }]);
+__decorate([
+    Logger('bal-app'),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [Function]),
+    __metadata("design:returntype", void 0)
+], App.prototype, "createLogger", null);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["bal-app"];
+    components.forEach(tagName => { switch (tagName) {
+        case "bal-app":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, App);
+            }
+            break;
+    } });
+}
+
+export { App as A, defineCustomElement as d };

package/components/{bal-radio-button.d.ts → bal-check.d.ts}

@@ -1,9 +1,9 @@
 import type { Components, JSX } from "../dist/types/components";
 
-interface BalRadioButton extends Components.BalRadioButton, HTMLElement {}
-export const BalRadioButton: {
-    prototype: BalRadioButton;
-    new (): BalRadioButton;
+interface BalCheck extends Components.BalCheck, HTMLElement {}
+export const BalCheck: {
+    prototype: BalCheck;
+    new (): BalCheck;
 };
 /**
  * Used to define this component and all nested components recursively.

package/components/bal-check.js

@@ -0,0 +1,6 @@
+import { C as Check, d as defineCustomElement$1 } from './bal-check2.js';
+
+const BalCheck = Check;
+const defineCustomElement = defineCustomElement$1;
+
+export { BalCheck, defineCustomElement };

package/components/bal-check2.js

@@ -0,0 +1,59 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { B as BEM } from './bem.js';
+import { d as defineCustomElement$1 } from './bal-icon2.js';
+
+const balCheckCss = ":root{--bal-check-size:1.5rem;--bal-check-border-width:2px;--bal-check-border-radius:var(--bal-radius-normal);--bal-check-color-inverted:var(--bal-color-white);--bal-check-border-color:var(--bal-color-primary);--bal-check-border-color-hovered:var(--bal-color-border-primary-hovered);--bal-check-border-color-pressed:var(--bal-color-border-primary-pressed);--bal-check-border-color-checked:var(--bal-color-primary);--bal-check-border-color-checked-hovered:var(--bal-color-border-primary-hovered);--bal-check-border-color-checked-pressed:var(--bal-color-border-primary-pressed);--bal-check-background:transparent;--bal-check-background-hovered:var(--bal-color-grey-2);--bal-check-background-pressed:var(--bal-color-grey-2);--bal-check-background-checked:var(--bal-color-primary);--bal-check-background-checked-hovered:var(--bal-color-border-primary-hovered);--bal-check-background-checked-pressed:var(--bal-color-border-primary-pressed);--bal-check-border-color-invalid:var(--bal-color-border-danger);--bal-check-border-color-invalid-hovered:var(--bal-color-border-danger-hovered);--bal-check-border-color-invalid-pressed:var(--bal-color-border-danger-pressed);--bal-check-border-color-invalid-checked:var(--bal-color-border-danger);--bal-check-border-color-invalid-checked-hovered:var(--bal-color-border-danger-hovered);--bal-check-border-color-invalid-checked-pressed:var(--bal-color-border-danger-pressed);--bal-check-background-invalid:transparent;--bal-check-background-invalid-hovered:var(--bal-color-danger-1);--bal-check-background-invalid-pressed:var(--bal-color-danger-1);--bal-check-background-invalid-checked:var(--bal-color-border-danger);--bal-check-background-invalid-checked-hovered:var(--bal-color-border-danger-hovered);--bal-check-background-invalid-checked-pressed:var(--bal-color-border-danger-pressed);--bal-check-background-disabled:var(--bal-color-grey-2);--bal-check-border-color-disabled:var(--bal-color-border-grey-dark);--bal-check-background-checked-disabled:var(--bal-color-border-grey-dark);--bal-check-border-color-checked-disabled:var(--bal-color-border-grey-dark)}.bal-check{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-check-size);max-width:var(--bal-check-size);height:var(--bal-check-size);max-height:var(--bal-check-size);border-radius:var(--bal-check-border-radius);overflow:hidden;border:var(--bal-check-border-width) solid var(--bal-check-border-color);background-color:var(--bal-check-background)}@media (hover: hover)and (pointer: fine){.bal-check--hovered,.bal-check:hover{background:var(--bal-check-background-hovered);border-color:var(--bal-check-border-color-hovered)}}.bal-check--pressed,.bal-check:active{background:var(--bal-check-background-pressed);border-color:var(--bal-check-border-color-pressed)}.bal-check bal-icon{opacity:0}.bal-check--checked{background-color:var(--bal-check-background-checked);border-color:var(--bal-check-border-color-checked)}.bal-check--checked bal-icon{opacity:1}@media (hover: hover)and (pointer: fine){.bal-check--checked.bal-check--hovered,.bal-check--checked:hover{background:var(--bal-check-background-checked-hovered);border-color:var(--bal-check-border-color-checked-hovered)}}.bal-check--checked.bal-check--pressed,.bal-check--checked:active{background:var(--bal-check-background-checked-pressed);border-color:var(--bal-check-border-color-checked-pressed)}.bal-check--checked.bal-check--inverted{border-color:var(--bal-check-color-inverted)}.bal-check--invalid{border-color:var(--bal-check-border-color-invalid);background-color:var(--bal-check-background-invalid)}@media (hover: hover)and (pointer: fine){.bal-check--invalid.bal-check--hovered,.bal-check--invalid:hover{background-color:var(--bal-check-background-invalid-hovered);border-color:var(--bal-check-border-color-invalid-hovered)}}.bal-check--invalid.bal-check--pressed,.bal-check--invalid:active{background-color:var(--bal-check-background-invalid-pressed);border-color:var(--bal-check-border-color-invalid-pressed)}.bal-check--invalid.bal-check--checked{border-color:var(--bal-check-border-color-invalid);background:var(--bal-check-background-invalid-checked)}@media (hover: hover)and (pointer: fine){.bal-check--invalid.bal-check--checked.bal-check--hovered,.bal-check--invalid.bal-check--checked:hover{background-color:var(--bal-check-background-invalid-checked-hovered);border-color:var(--bal-check-border-color-invalid-hovered)}}.bal-check--invalid.bal-check--checked.bal-check--pressed,.bal-check--invalid.bal-check--checked:active{background-color:var(--bal-check-background-invalid-checked-pressed);border-color:var(--bal-check-border-color-invalid-pressed)}.bal-check--invalid.bal-check--checked.bal-check--inverted{border-color:var(--bal-check-color-inverted)}.bal-check--disabled{cursor:default !important;background:var(--bal-check-background-disabled) !important;border-color:var(--bal-check-border-color-disabled) !important}.bal-check--disabled.bal-check--checked{background-color:var(--bal-check-background-checked-disabled) !important;border-color:var(--bal-check-border-color-checked-disabled) !important}.bal-check--disabled.bal-check--checked.bal-check--inverted{border-color:var(--bal-check-color-inverted) !important}";
+const BalCheckStyle0 = balCheckCss;
+
+const Check = /*@__PURE__*/ proxyCustomElement(class Check extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.checked = false;
+        this.invalid = undefined;
+        this.disabled = undefined;
+        this.inverted = undefined;
+        this.hovered = false;
+        this.pressed = false;
+    }
+    /**
+     * RENDER
+     * ------------------------------------------------------
+     */
+    render() {
+        const block = BEM.block('check');
+        const checked = !!this.checked;
+        const disabled = !!this.disabled;
+        const invalid = !!this.invalid;
+        const inverted = !!this.inverted;
+        return (h(Host, { key: 'c995184b2f4adb6f6de85e17c13ea45f992c88aa', 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)) }, h("bal-icon", { key: 'c93f453451f95b8ac79b25a0e9e71b6baa4e1ac9', name: "check", color: "white", colorHovered: "white", colorPressed: "white", size: "small", "aria-hidden": "true", hovered: this.hovered, pressed: this.pressed })));
+    }
+    static get style() { return BalCheckStyle0; }
+}, [0, "bal-check", {
+        "checked": [1028],
+        "invalid": [4],
+        "disabled": [4],
+        "inverted": [4],
+        "hovered": [4],
+        "pressed": [4]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["bal-check", "bal-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "bal-check":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, Check);
+            }
+            break;
+        case "bal-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+
+export { Check as C, defineCustomElement as d };