@baloise/ds-core 19.3.0-nightly.20250704 → 19.3.0

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

@@ -1,15 +1,19 @@
-import { L as Logger, H as registerInstance, P as createEvent, J as rIC, I as debounce, y as waitAfterIdleCallback, r as deepReady, t as isDescendant, M as h, N as Host, O as getElement } from './index-DgPiq0y0.js';
-import { _ as __decorate, a as __metadata } from './tslib.es6-dfXERft2.js';
-import { i as isNil } from './index-zWZxKBfo.js';
-import { a as ariaBooleanToString } from './aria-DBsOHTWj.js';
-import { a as areArraysEqual } from './array-CDfSqLEo.js';
-import { B as BEM } from './bem-ByiN-QjD.js';
-import { d as defaultBalAriaForm } from './form-FCLKfv6B.js';
-import { s as stopEventBubbling } from './form-input-DyU_I7Nf.js';
-import { d as isSpaceKey, i as isArrowDownKey, a as isArrowUpKey, b as isEnterKey, c as isEscapeKey, k as isBackspaceKey } from './keyboard.helpers-D1VPLQ5z.js';
-import { r as removeValue, p as preventDefault, l as length, g as getValues, i as includes, s as startsWith, a as addValue, f as findLabelByValue, b as findOptionByLabel, v as validateAfterBlur } from './utils-C_qktPg7.js';
-import './_commonjsHelpers-BFTU3MAI.js';
-import './index-B4k_dH6V.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-8d2a7ce7.js';
+import { _ as __decorate, a as __metadata } from './tslib.es6-654e2c24.js';
+import { l as lodash_isnil } from './index-82aff103.js';
+import { a as ariaBooleanToString } from './aria-ea150568.js';
+import { a as areArraysEqual } from './array-4c09dfe3.js';
+import { B as BEM } from './bem-8c7d2eb0.js';
+import { d as defaultBalAriaForm } from './form-841232ff.js';
+import { s as stopEventBubbling } from './form-input-1ebdb905.js';
+import { n as rIC, e as waitAfterIdleCallback, d as deepReady, i as isDescendant, k as debounce } from './helpers-51d51cc5.js';
+import { L as Logger } from './log-dfd1c19f.js';
+import { r as removeValue, p as preventDefault, l as length, g as getValues, i as includes, s as startsWith, a as addValue, f as findLabelByValue, b as findOptionByLabel, v as validateAfterBlur } from './utils-9fbab1d3.js';
+import { d as isSpaceKey, i as isArrowDownKey, a as isArrowUpKey, b as isEnterKey, c as isEscapeKey, k as isBackspaceKey } from './keyboard.helpers-159e517d.js';
+import './index-95ee0c4b.js';
+import './_commonjsHelpers-1c8beb5f.js';
+import './browser-a8073d92.js';
+import './config.utils-f3793464.js';
 
 const watchForOptions = (containerEl, tagName, onChange) => {
     /* tslint:disable-next-line */
@@ -32,110 +36,23 @@ const watchForOptions = (containerEl, tagName, onChange) => {
 };
 
 const balSelectCss = ":root{--bal-select-control-background:var(--bal-color-white);--bal-select-control-background-hover:var(--bal-form-field-control-background-hover);--bal-select-control-background-invalid:var(--bal-form-field-control-danger-background);--bal-select-control-background-disabled:var(--bal-form-field-control-disabled-background);--bal-select-control-input-background:var(--bal-color-grey-1);--bal-select-control-native-input-background:transparent;--bal-select-control-native-input-background-hover:transparent;--bal-select-control-input-inverted-footer-background:transparent;--bal-select-control-input-inverted-footer-background-hover:transparent;--bal-select-control-input-multiple-background:transparent;--bal-select-control-input-multiple-background-read-only-selection:transparent;--bal-select-control-input-option-background:transparent;--bal-select-control-input-option-background-selected:var(--bal-color-primary-1);--bal-select-control-input-option-background-focused:var(--bal-color-grey-3);--bal-select-control-input-option-background-hover:var(--bal-color-grey-3);--bal-select-control-border-radius:var(--bal-form-field-control-radius);--bal-select-popover-border-color:var(--bal-color-grey-2);--bal-select-control-border-color:var(--bal-form-field-control-border-color);--bal-select-control-border-color-focused:var(--bal-color-primary);--bal-select-control-border-color-hover:var(--bal-form-field-control-border-color-hover);--bal-select-control-border-color-invalid:var(--bal-form-field-control-danger-border-color);--bal-select-control-border-color-disabled:var(--bal-form-field-control-disabled-border-color);--bal-select-control-border-color-focus-within:var(--bal-color-primary);--bal-select-option-border-top-color:var(--bal-color-grey-2);--bal-select-popover-empty-text-color:var(--bal-form-field-control-color);--bal-select-control-text-color:var(--bal-form-field-control-color);--bal-select-control-text-color-focused:var(--bal-color-primary);--bal-select-input-text-color-disabled:var(--bal-form-field-label-disabled-color);--bal-select-control-inverted-footer-native-input-text-color:var(--bal-color-text-white);--bal-select-option-content-label-text-color:var(--bal-form-field-control-color)}bal-select-option{display:none !important}.bal-select{display:block;position:relative;width:100%;-ms-flex:1;flex:1;font-family:var(--bal-font-family-text)}.bal-select__popover{border:.125rem solid var(--bal-select-popover-border-color)}.bal-select__popover__empty{padding:.5rem 1rem;font-family:var(--bal-font-family-text);color:var(--bal-select-popover-empty-text-color)}.bal-select__popover__empty--hidden{display:none}.bal-select__native{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}.bal-select__control{display:-ms-flexbox;display:flex;border-width:.125rem;border-style:solid;border-color:var(--bal-select-control-border-color);border-radius:var(--bal-select-control-border-radius);background:var(--bal-select-control-background);font-size:var(--bal-font-weight-regular);font-family:var(--bal-font-family-text);color:var(--bal-select-control-text-color);outline:none;-webkit-box-shadow:none;box-shadow:none;padding-right:1rem;min-height:3rem}.bal-select__control--focused{border-color:var(--bal-select-control-border-color-focused)}.bal-select__control:not(.bal-select__control--disabled):not(.bal-select__control--invalid):not(.bal-select__control--inverted-footer):hover{border-color:var(--bal-select-control-border-color-hover);background-color:var(--bal-select-control-background-hover)}.bal-select__control:not(.bal-select__control--disabled):not(.bal-select__control--invalid):not(.bal-select__control--inverted-footer):hover .bal-select__control__input{background-color:var(--bal-select-control-input-background)}.bal-select__control--invalid:not(.bal-select__control--disabled){border-color:var(--bal-select-control-border-color-invalid) !important;background:var(--bal-select-control-background-invalid) !important}.bal-select__control:focus-within{border-color:var(--bal-select-control-border-color-focus-within) !important}.bal-select__control--disabled{background-color:var(--bal-select-control-background-disabled) !important;border-color:var(--bal-select-control-border-color-disabled) !important}.bal-select__control--disabled,.bal-select__control--disabled input{cursor:default !important;-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important;pointer-events:none !important;color:var(--bal-select-input-text-color-disabled)}.bal-select__control--inverted-footer{border:none;background-color:var(--bal-select-control-input-inverted-footer-background) !important;padding-right:0}.bal-select__control--inverted-footer:hover{background-color:var(--bal-select-control-input-inverted-footer-background-hover) !important}.bal-select__control--inverted-footer .input{color:var(--bal-select-control-inverted-footer-native-input-text-color);background-color:var(--bal-select-control-native-input-background) !important}.bal-select__control--inverted-footer .input:hover{background-color:var(--bal-select-control-native-input-background-hover) !important}.bal-select__control__icon{min-height:100% !important;max-height:100% !important}.bal-select__control__icon--loading{display:none}.bal-select__control__icon--clickable{cursor:pointer}.bal-select__control__selections{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex:1 1;flex:1 1;-ms-flex-wrap:wrap;flex-wrap:wrap;line-height:1.125rem;max-width:100%;min-width:0;gap:0;padding-left:.375rem}.bal-select__control__selections .bal-tag{margin-left:.25rem;margin-top:.375rem;margin-bottom:.375rem}.bal-select__control__selections .bal-tag+.input{padding-left:.625rem}.bal-select__control__input{border:none !important;outline:none !important;outline-width:0 !important;height:2.75rem !important;-webkit-box-shadow:none !important;box-shadow:none !important;background:var(--bal-select-control-input-multiple-background);-ms-flex:1;flex:1;min-height:2.75rem !important;padding-left:.25rem !important;padding-right:.625rem !important;text-overflow:ellipsis}.bal-select__control__input:-moz-read-only{-moz-user-select:none !important;user-select:none !important;-webkit-tap-highlight-color:rgba(0,0,0,0)}.bal-select__control__input:read-only{-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important;-webkit-tap-highlight-color:rgba(0,0,0,0)}.bal-select__control__input:read-only::-moz-selection{background:var(--bal-select-control-input-multiple-background-read-only-selection)}.bal-select__control__input:-moz-read-only::selection{background:var(--bal-select-control-input-multiple-background-read-only-selection)}.bal-select__control__input:read-only::selection{background:var(--bal-select-control-input-multiple-background-read-only-selection)}.bal-select__control__input:-moz-read-only::-moz-selection{background:var(--bal-select-control-input-multiple-background-read-only-selection)}.bal-select__control__input:read-only::-moz-selection{background:var(--bal-select-control-input-multiple-background-read-only-selection)}.bal-select__option{visibility:visible;font-family:var(--bal-font-family-text);background:var(--bal-select-control-input-option-background);border:none;cursor:pointer;outline:none;min-height:3rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:0;margin:0;border-top:.125rem solid var(--bal-select-option-border-top-color);text-align:inherit;white-space:nowrap;width:100%}.bal-select__option:first-child{border-top:none}.bal-select__option::-moz-focus-inner{border:none}.bal-select__option--selected{background:var(--bal-select-control-input-option-background-selected)}.bal-select__option--selected .bal-select__option__content__label{font-weight:var(--bal-font-weight-bold)}.bal-select__option--focused{background:var(--bal-select-control-input-option-background-focused)}.bal-select__option:hover{background:var(--bal-select-control-input-option-background-hover)}.bal-select__option__content{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;min-height:3rem;padding:.75rem 1rem;gap:.75rem}.bal-select__option__content__checkbox{margin:0;padding:0}.bal-select__option__content__label{margin:0;padding:0;font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-regular);color:var(--bal-select-option-content-label-text-color);line-height:1.125rem;word-break:break-word;white-space:normal;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}";
+const BalSelectStyle0 = balSelectCss;
 
 const isHuman = true;
 const isNotHuman = false;
 const Select = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.balChange = createEvent(this, "balChange");
-        this.balInputClick = createEvent(this, "balInputClick");
-        this.balInput = createEvent(this, "balInput");
-        this.balBlur = createEvent(this, "balBlur");
-        this.balFocus = createEvent(this, "balFocus");
-        this.balCancel = createEvent(this, "balCancel");
-        this.balKeyPress = createEvent(this, "balKeyPress");
+        this.balChange = createEvent(this, "balChange", 7);
+        this.balInputClick = createEvent(this, "balInputClick", 7);
+        this.balInput = createEvent(this, "balInput", 7);
+        this.balBlur = createEvent(this, "balBlur", 7);
+        this.balFocus = createEvent(this, "balFocus", 7);
+        this.balCancel = createEvent(this, "balCancel", 7);
+        this.balKeyPress = createEvent(this, "balKeyPress", 7);
         this.didInit = false;
         this.inputId = `bal-select-${selectIds++}`;
         this.initialValue = [];
-        this.hasFocus = false;
-        this.inputValue = '';
-        this.focusIndex = -1;
-        this.isPopoverOpen = false;
-        this.options = new Map();
-        this.labelToScrollTo = '';
-        this.labelToSelectTo = '';
-        this.ariaForm = defaultBalAriaForm;
-        /**
-         * PUBLIC PROPERTY API
-         * ------------------------------------------------------
-         */
-        /**
-         * The name of the control, which is submitted with the form data.
-         */
-        this.name = this.inputId;
-        /**
-         * If `true` the component gets a invalid style.
-         */
-        this.invalid = false;
-        /**
-         * If `true` the component gets a invalid style.
-         */
-        this.filter = 'includes';
-        /**
-         * The tabindex of the control.
-         */
-        this.balTabindex = 0;
-        /**
-         * If `true` there will be no trigger icon visible, so no UX indicator for a popup
-         */
-        this.freeSolo = false;
-        /**
-         * If `true` multiple option can be selected
-         */
-        this.multiple = false;
-        /**
-         * Indicates whether the value of the control can be automatically completed by the browser.
-         */
-        this.autocomplete = 'off';
-        /**
-         * If `true` the user can search by typing into the input field.
-         */
-        this.typeahead = false;
-        /**
-         * If `true` the options are a proposal and the user can also create his
-         * own value. Can only be used with the typeahead property.
-         */
-        this.selectionOptional = false;
-        /**
-         * If `true`, the element is not mutable, focusable, or even submitted with the form. The user can neither edit nor focus on the control, nor its form control descendants.
-         */
-        this.disabled = false;
-        /**
-         * If `true` the element can not mutated, meaning the user can not edit the control.
-         */
-        this.readonly = false;
-        /**
-         * If `true`, the user must fill in a value before submitting a form.
-         */
-        this.required = false;
-        /**
-         * @internal
-         * Set this to `true` when the component is placed on a dark background.
-         * Set this to `true` when the component is placed on a dark background.
-         */
-        this.inverted = false;
-        /**
-         * Defines the height of the popover list.
-         */
-        this.scrollable = 250;
-        /**
-         * Defines if the select is in a loading state.
-         */
-        this.loading = false;
-        /**
-         * If `true` the filtering is done outside the component.
-         */
-        this.remote = false;
-        /**
-         * If `true`, in Angular reactive forms the control will not be set invalid
-         */
-        this.autoInvalidOff = false;
-        /**
-         * Selected option values. Could also be passed as a string, which gets transformed.
-         */
-        this.value = [];
-        this.rawValue = [];
         this.removeValue = (value) => {
             if (!this.disabled) {
                 this.updateRawValue(removeValue(this.rawValue, value), isHuman);
@@ -248,6 +165,36 @@ const Select = class {
         this.handleOptionMouseEnter = (index) => {
             this.focusIndex = index;
         };
+        this.hasFocus = false;
+        this.inputValue = '';
+        this.focusIndex = -1;
+        this.isPopoverOpen = false;
+        this.options = new Map();
+        this.labelToScrollTo = '';
+        this.labelToSelectTo = '';
+        this.ariaForm = defaultBalAriaForm;
+        this.name = this.inputId;
+        this.invalid = false;
+        this.filter = 'includes';
+        this.balTabindex = 0;
+        this.freeSolo = false;
+        this.multiple = false;
+        this.maxLength = undefined;
+        this.noDataLabel = undefined;
+        this.autocomplete = 'off';
+        this.typeahead = false;
+        this.selectionOptional = false;
+        this.disabled = false;
+        this.readonly = false;
+        this.required = false;
+        this.inverted = false;
+        this.placeholder = undefined;
+        this.scrollable = 250;
+        this.loading = false;
+        this.remote = false;
+        this.autoInvalidOff = false;
+        this.value = [];
+        this.rawValue = [];
     }
     createLogger(log) {
         this.log = log;
@@ -261,7 +208,7 @@ const Select = class {
             this.syncNativeInput(isHuman);
             if (this.didInit && isHuman === true) {
                 if (this.multiple) {
-                    if (isNil(this.rawValue)) {
+                    if (lodash_isnil(this.rawValue)) {
                         this.emitChangeEvent([]);
                     }
                     else {
@@ -269,7 +216,7 @@ const Select = class {
                     }
                 }
                 else {
-                    if (isNil(this.rawValue) || length(this.rawValue) === 0) {
+                    if (lodash_isnil(this.rawValue) || length(this.rawValue) === 0) {
                         this.emitChangeEvent(undefined);
                     }
                     else {
@@ -297,9 +244,9 @@ const Select = class {
     componentWillLoad() {
         this.waitForOptionsAndThenUpdateRawValues();
         this.isInsideOfFooter();
-        if (!isNil(this.rawValue) && this.options.size > 0 && length(this.rawValue) === 1) {
+        if (!lodash_isnil(this.rawValue) && this.options.size > 0 && length(this.rawValue) === 1) {
             const firstOption = this.options.get(this.rawValue[0]);
-            if (!isNil(firstOption)) {
+            if (!lodash_isnil(firstOption)) {
                 this.inputValue = firstOption.label;
             }
         }
@@ -416,7 +363,7 @@ const Select = class {
      * Opens the popover
      */
     async open() {
-        if (!this.disabled && !this.readonly && !isNil(this.popoverElement)) {
+        if (!this.disabled && !this.readonly && !lodash_isnil(this.popoverElement)) {
             await this.popoverElement.present();
         }
     }
@@ -424,7 +371,7 @@ const Select = class {
      * Closes the popover
      */
     async close() {
-        if (!this.disabled && !this.readonly && !isNil(this.popoverElement)) {
+        if (!this.disabled && !this.readonly && !lodash_isnil(this.popoverElement)) {
             this.blurSelect();
         }
     }
@@ -442,7 +389,7 @@ const Select = class {
      */
     async select(value) {
         const option = this.options.get(value);
-        if (!isNil(option)) {
+        if (!lodash_isnil(option)) {
             this.optionSelected(option);
         }
     }
@@ -518,7 +465,7 @@ const Select = class {
             return undefined;
         }
         else {
-            if (!isNil(this.rawValue) && length(this.rawValue) > 0) {
+            if (!lodash_isnil(this.rawValue) && length(this.rawValue) > 0) {
                 return undefined;
             }
         }
@@ -616,9 +563,9 @@ const Select = class {
     async selectLabel(label) {
         if (label !== ' ') {
             const option = this.optionArray.find(o => startsWith(o.label || '', label));
-            if (!isNil(option) && option.id) {
+            if (!lodash_isnil(option) && option.id) {
                 const optionElement = this.el.querySelector(`button#${option.id}`);
-                if (!isNil(optionElement)) {
+                if (!lodash_isnil(optionElement)) {
                     const index = this.optionArray.indexOf(option);
                     this.focusIndex = index;
                     this.select(option.value);
@@ -630,9 +577,9 @@ const Select = class {
     async scrollToLabel(label) {
         if (label !== ' ') {
             const option = this.optionArray.find(o => startsWith(o.label || '', label));
-            if (!isNil(option) && option.id) {
+            if (!lodash_isnil(option) && option.id) {
                 const optionElement = this.el.querySelector(`button#${option.id}`);
-                if (!isNil(optionElement)) {
+                if (!lodash_isnil(optionElement)) {
                     const index = this.optionArray.indexOf(option);
                     this.focusIndex = index;
                     this.scrollTo(optionElement.offsetTop);
@@ -646,9 +593,9 @@ const Select = class {
      ********************************************************/
     syncRawValue(isHuman = true) {
         let newValue = [];
-        if (!isNil(this.value) && this.value !== '') {
+        if (!lodash_isnil(this.value) && this.value !== '') {
             if (Array.isArray(this.value)) {
-                newValue = [...this.value.filter(v => !isNil(v))];
+                newValue = [...this.value.filter(v => !lodash_isnil(v))];
             }
             else {
                 if (this.value.split('').includes(',')) {
@@ -739,7 +686,7 @@ const Select = class {
                 clearTimeout(this.updateInputValueTimer);
             }
             this.updateInputValueTimer = setTimeout(() => {
-                if (!isNil(this.inputElement)) {
+                if (!lodash_isnil(this.inputElement)) {
                     this.inputElement.value = value;
                     this.inputValue = value;
                     resolve();
@@ -812,19 +759,14 @@ __decorate([
     __metadata("design:returntype", void 0)
 ], Select.prototype, "createLogger", null);
 let selectIds = 0;
-Select.style = balSelectCss;
+Select.style = BalSelectStyle0;
 
 const SelectOption = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        /**
-         * If `true`, the user cannot interact with the option.
-         */
+        this.label = undefined;
         this.disabled = false;
-        /**
-         * @internal
-         * ID of the option.
-         */
+        this.value = undefined;
         this.for = `bal-selopt-${selectOptionIds++}`;
     }
     createLogger(log) {

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

@@ -1,24 +1,13 @@
-import { H as registerInstance, M as h, N as Host, O as getElement } from './index-DgPiq0y0.js';
-import { B as BEM } from './bem-ByiN-QjD.js';
-import { b as balColorGrey4, a as balColorYellow3, c as balColorYellow5, d as balColorPurple3, e as balColorPurple6, f as balColorRed3, g as balColorRed5, h as balColorGreen3, i as balColorGreen6 } from './tokens.esm-B0bmgb-_.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-8d2a7ce7.js';
+import { B as BEM } from './bem-8c7d2eb0.js';
+import { f as balColorGrey4, g as balColorYellow3, h as balColorYellow5, i as balColorPurple3, j as balColorPurple6, k as balColorRed3, l as balColorRed5, m as balColorGreen3, n as balColorGreen6 } from './tokens.esm-4409ffbb.js';
 
 const balShapeCss = ".bal-shape{display:block;overflow:hidden;border-radius:var(--bal-radius-normal);width:66px;height:66px}@media screen and (min-width: 769px),print{.bal-shape{width:120px;height:120px}}@media screen and (min-width: 1024px){.bal-shape{width:198px;height:198px;border-radius:unset}}.bal-shape--is-rotation-0{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.bal-shape--is-rotation-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.bal-shape--is-rotation-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.bal-shape--is-rotation-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}";
+const BalShapeStyle0 = balShapeCss;
 
 const Shape = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        /**
-         * The shape variation
-         */
-        this.variation = '1';
-        /**
-         * The shape color
-         */
-        this.color = 'green';
-        /**
-         * The shape rotation
-         */
-        this.rotation = '0';
         this.getHex = () => {
             let color;
             switch (this.color) {
@@ -51,6 +40,9 @@ const Shape = class {
             }
             return color;
         };
+        this.variation = '1';
+        this.color = 'green';
+        this.rotation = '0';
     }
     render() {
         const block = BEM.block('shape');
@@ -63,6 +55,6 @@ const Shape = class {
     }
     get el() { return getElement(this); }
 };
-Shape.style = balShapeCss;
+Shape.style = BalShapeStyle0;
 
 export { Shape as bal_shape };

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

@@ -1,14 +1,12 @@
-import { H as registerInstance, M as h, N as Host } from './index-DgPiq0y0.js';
-import { B as BEM } from './bem-ByiN-QjD.js';
+import { r as registerInstance, h, H as Host } from './index-8d2a7ce7.js';
+import { B as BEM } from './bem-8c7d2eb0.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}}";
+const BalSheetStyle0 = balSheetCss;
 
 const Sheet = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        /**
-         * Defines content width of the stage
-         */
         this.containerSize = '';
     }
     render() {
@@ -19,6 +17,6 @@ const Sheet = class {
         return (h(Host, { key: 'e38d3e613314a1502b6b1a6eb77e212de467af3c', class: Object.assign({}, block.class()) }, h("div", { key: '7d71e2959eb213f6cc243d9b8e91d1c69a5f9e1a', class: Object.assign(Object.assign({}, container.class()), { container: true, [containerModifier]: true }) }, h("div", { key: '7712cfd94666fc628912db7b7f786bab530030e3', class: Object.assign({}, containerInner.class()) }, h("slot", { key: '0eebab4aa2bc379b4c7dd4fa0cd5a9f0ad2b76eb' })))));
     }
 };
-Sheet.style = balSheetCss;
+Sheet.style = BalSheetStyle0;
 
 export { Sheet as bal_sheet };