@telesign/boreal-web-components 0.1.0-alpha.4 → 0.1.0-alpha.6

package/dist/cjs/bds-tag.cjs.entry.js

@@ -15,7 +15,7 @@ const TAG_COLORS = {
     PURPLE: 'purple',
 };
 
-const bdsTagCss = () => `@charset "UTF-8";.bds-tag{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;vertical-align:middle;gap:var(--boreal-spacing-3xs);padding:var(--boreal-spacing-3xs) var(--boreal-spacing-3xs) var(--boreal-spacing-3xs) var(--boreal-spacing-2xs);border-radius:var(--boreal-radius-m);cursor:default;max-width:100%;min-width:0;font-family:var(--boreal-typography-font-family-primary);font-size:var(--boreal-typography-font-size-xs);font-weight:var(--boreal-typography-font-weight-semibold);line-height:var(--boreal-typography-line-height-xs)}.bds-tag:hover:not(.bds-tag--selected):not(.bds-tag--disabled){-webkit-box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15);box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15)}.bds-tag:focus:not(.bds-tag--selected){outline:none;-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus);box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus)}.bds-tag--selected{outline:none;-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset;box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset}.bds-tag__icon{font-size:var(--boreal-typography-font-size-md);max-height:var(--boreal-spacing-m)}.bds-tag__icon:empty{display:none}.bds-tag__text{margin-right:var(--boreal-spacing-2xs);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bds-tag__close-button{display:-ms-flexbox;display:flex;padding:var(--boreal-spacing-3xs);width:var(--boreal-spacing-s);height:var(--boreal-spacing-s);-webkit-box-sizing:content-box;box-sizing:content-box;border-radius:var(--boreal-radius-full);border:0px solid transparent;background-color:transparent;opacity:0.5;cursor:pointer}.bds-tag__close-button:hover{-webkit-box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15);box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15);background-color:var(--boreal-ui-inverse);opacity:0.5}.bds-tag__close-button:focus{background-color:var(--boreal-ui-inverse);opacity:0.5;outline:none;-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset;box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset}.bds-tag__close-button:active{background-color:var(--boreal-ui-inverse);opacity:0.5;-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset, 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset;box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset, 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset}.bds-tag--disabled{cursor:not-allowed}.bds-tag--disabled .bds-tag__close-button{pointer-events:none}.bds-tag--gray{background-color:var(--boreal-extended-onyx-light);color:var(--boreal-extended-onyx-dark)}.bds-tag--gray .bds-tag__close-button{color:var(--boreal-extended-onyx-dark)}.bds-tag--gray.bds-tag--disabled{color:var(--boreal-extended-onyx-base);background-color:var(--boreal-extended-onyx-lighter)}.bds-tag--gray.bds-tag--disabled .bds-tag__close-button{color:var(--boreal-extended-onyx-base)}.bds-tag--purple{background-color:var(--boreal-extended-purple-light);color:var(--boreal-extended-purple-dark)}.bds-tag--purple .bds-tag__close-button{color:var(--boreal-extended-purple-dark)}.bds-tag--purple.bds-tag--disabled{color:var(--boreal-extended-purple-light);background-color:var(--boreal-extended-purple-lighter)}.bds-tag--purple.bds-tag--disabled .bds-tag__close-button{color:var(--boreal-extended-purple-light)}.bds-tag--rose{background-color:var(--boreal-extended-rose-light);color:var(--boreal-extended-rose-dark)}.bds-tag--rose .bds-tag__close-button{color:var(--boreal-extended-rose-dark)}.bds-tag--rose.bds-tag--disabled{color:var(--boreal-extended-rose-light);background-color:var(--boreal-extended-rose-lighter)}.bds-tag--rose.bds-tag--disabled .bds-tag__close-button{color:var(--boreal-extended-rose-light)}.bds-tag--lime{background-color:var(--boreal-extended-lime-light);color:var(--boreal-extended-lime-dark)}.bds-tag--lime .bds-tag__close-button{color:var(--boreal-extended-lime-dark)}.bds-tag--lime.bds-tag--disabled{color:var(--boreal-extended-lime-light);background-color:var(--boreal-extended-lime-lighter)}.bds-tag--lime.bds-tag--disabled .bds-tag__close-button{color:var(--boreal-extended-lime-light)}.bds-tag--cobalt{background-color:var(--boreal-extended-cobalt-light);color:var(--boreal-extended-cobalt-dark)}.bds-tag--cobalt .bds-tag__close-button{color:var(--boreal-extended-cobalt-dark)}.bds-tag--cobalt.bds-tag--disabled{color:var(--boreal-extended-cobalt-light);background-color:var(--boreal-extended-cobalt-lighter)}.bds-tag--cobalt.bds-tag--disabled .bds-tag__close-button{color:var(--boreal-extended-cobalt-light)}.bds-tag--orange{background-color:var(--boreal-extended-orange-light);color:var(--boreal-extended-orange-dark)}.bds-tag--orange .bds-tag__close-button{color:var(--boreal-extended-orange-dark)}.bds-tag--orange.bds-tag--disabled{color:var(--boreal-extended-orange-light);background-color:var(--boreal-extended-orange-lighter)}.bds-tag--orange.bds-tag--disabled .bds-tag__close-button{color:var(--boreal-extended-orange-light)}.bds-tag--teal{background-color:var(--boreal-extended-teal-light);color:var(--boreal-extended-teal-dark)}.bds-tag--teal .bds-tag__close-button{color:var(--boreal-extended-teal-dark)}.bds-tag--teal.bds-tag--disabled{color:var(--boreal-extended-teal-light);background-color:var(--boreal-extended-teal-lighter)}.bds-tag--teal.bds-tag--disabled .bds-tag__close-button{color:var(--boreal-extended-teal-light)}.bds-tag--cyan{background-color:var(--boreal-extended-cyan-light);color:var(--boreal-extended-cyan-dark)}.bds-tag--cyan .bds-tag__close-button{color:var(--boreal-extended-cyan-dark)}.bds-tag--cyan.bds-tag--disabled{color:var(--boreal-extended-cyan-light);background-color:var(--boreal-extended-cyan-lighter)}.bds-tag--cyan.bds-tag--disabled .bds-tag__close-button{color:var(--boreal-extended-cyan-light)}`;
+const bdsTagCss = () => `@charset "UTF-8";.bds-tag{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;vertical-align:middle;gap:var(--boreal-spacing-3xs);padding:var(--boreal-spacing-3xs) var(--boreal-spacing-3xs) var(--boreal-spacing-3xs) var(--boreal-spacing-2xs);border-radius:var(--boreal-radius-m);cursor:default;max-width:100%;min-width:0;font-family:var(--boreal-typography-font-family-primary);font-size:var(--boreal-typography-font-size-xs);font-weight:var(--boreal-typography-font-weight-semibold);line-height:var(--boreal-typography-line-height-xs)}.bds-tag:hover:not(.bds-tag--selected):not(.bds-tag--disabled){-webkit-box-shadow:var(--boreal-depth-box-shadow-xs);box-shadow:var(--boreal-depth-box-shadow-xs)}.bds-tag:focus:not(.bds-tag--selected){outline:none;-webkit-box-shadow:var(--boreal-depth-box-shadow-focus);box-shadow:var(--boreal-depth-box-shadow-focus)}.bds-tag--selected{outline:none;-webkit-box-shadow:var(--boreal-depth-box-shadow-active);box-shadow:var(--boreal-depth-box-shadow-active)}.bds-tag__icon{font-size:var(--boreal-typography-font-size-md);max-height:var(--boreal-spacing-m)}.bds-tag__icon:empty{display:none}.bds-tag__text{margin-right:var(--boreal-spacing-2xs);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bds-tag__close-button{display:-ms-flexbox;display:flex;padding:var(--boreal-spacing-3xs);width:var(--boreal-spacing-s);height:var(--boreal-spacing-s);-webkit-box-sizing:content-box;box-sizing:content-box;border-radius:var(--boreal-radius-full);border:0px solid transparent;background-color:transparent;opacity:0.5;cursor:pointer}.bds-tag__close-button:hover{-webkit-box-shadow:var(--boreal-depth-box-shadow-xs);box-shadow:var(--boreal-depth-box-shadow-xs);background-color:var(--boreal-ui-inverse);opacity:0.5}.bds-tag__close-button:focus{background-color:var(--boreal-ui-inverse);opacity:0.5;outline:none;-webkit-box-shadow:var(--boreal-depth-box-shadow-active);box-shadow:var(--boreal-depth-box-shadow-active)}.bds-tag__close-button:active{background-color:var(--boreal-ui-inverse);opacity:0.5;-webkit-box-shadow:var(--boreal-depth-box-shadow-active);box-shadow:var(--boreal-depth-box-shadow-active)}.bds-tag--disabled{cursor:not-allowed}.bds-tag--disabled .bds-tag__close-button{pointer-events:none}.bds-tag--gray{background-color:var(--boreal-extended-onyx-light);color:var(--boreal-extended-onyx-dark)}.bds-tag--gray .bds-tag__close-button{color:var(--boreal-extended-onyx-dark)}.bds-tag--gray.bds-tag--disabled{color:var(--boreal-extended-onyx-base);background-color:var(--boreal-extended-onyx-lighter)}.bds-tag--gray.bds-tag--disabled .bds-tag__close-button{color:var(--boreal-extended-onyx-base)}.bds-tag--purple{background-color:var(--boreal-extended-purple-light);color:var(--boreal-extended-purple-dark)}.bds-tag--purple .bds-tag__close-button{color:var(--boreal-extended-purple-dark)}.bds-tag--purple.bds-tag--disabled{color:var(--boreal-extended-purple-light);background-color:var(--boreal-extended-purple-lighter)}.bds-tag--purple.bds-tag--disabled .bds-tag__close-button{color:var(--boreal-extended-purple-light)}.bds-tag--rose{background-color:var(--boreal-extended-rose-light);color:var(--boreal-extended-rose-dark)}.bds-tag--rose .bds-tag__close-button{color:var(--boreal-extended-rose-dark)}.bds-tag--rose.bds-tag--disabled{color:var(--boreal-extended-rose-light);background-color:var(--boreal-extended-rose-lighter)}.bds-tag--rose.bds-tag--disabled .bds-tag__close-button{color:var(--boreal-extended-rose-light)}.bds-tag--lime{background-color:var(--boreal-extended-lime-light);color:var(--boreal-extended-lime-dark)}.bds-tag--lime .bds-tag__close-button{color:var(--boreal-extended-lime-dark)}.bds-tag--lime.bds-tag--disabled{color:var(--boreal-extended-lime-light);background-color:var(--boreal-extended-lime-lighter)}.bds-tag--lime.bds-tag--disabled .bds-tag__close-button{color:var(--boreal-extended-lime-light)}.bds-tag--cobalt{background-color:var(--boreal-extended-cobalt-light);color:var(--boreal-extended-cobalt-dark)}.bds-tag--cobalt .bds-tag__close-button{color:var(--boreal-extended-cobalt-dark)}.bds-tag--cobalt.bds-tag--disabled{color:var(--boreal-extended-cobalt-light);background-color:var(--boreal-extended-cobalt-lighter)}.bds-tag--cobalt.bds-tag--disabled .bds-tag__close-button{color:var(--boreal-extended-cobalt-light)}.bds-tag--orange{background-color:var(--boreal-extended-orange-light);color:var(--boreal-extended-orange-dark)}.bds-tag--orange .bds-tag__close-button{color:var(--boreal-extended-orange-dark)}.bds-tag--orange.bds-tag--disabled{color:var(--boreal-extended-orange-light);background-color:var(--boreal-extended-orange-lighter)}.bds-tag--orange.bds-tag--disabled .bds-tag__close-button{color:var(--boreal-extended-orange-light)}.bds-tag--teal{background-color:var(--boreal-extended-teal-light);color:var(--boreal-extended-teal-dark)}.bds-tag--teal .bds-tag__close-button{color:var(--boreal-extended-teal-dark)}.bds-tag--teal.bds-tag--disabled{color:var(--boreal-extended-teal-light);background-color:var(--boreal-extended-teal-lighter)}.bds-tag--teal.bds-tag--disabled .bds-tag__close-button{color:var(--boreal-extended-teal-light)}.bds-tag--cyan{background-color:var(--boreal-extended-cyan-light);color:var(--boreal-extended-cyan-dark)}.bds-tag--cyan .bds-tag__close-button{color:var(--boreal-extended-cyan-dark)}.bds-tag--cyan.bds-tag--disabled{color:var(--boreal-extended-cyan-light);background-color:var(--boreal-extended-cyan-lighter)}.bds-tag--cyan.bds-tag--disabled .bds-tag__close-button{color:var(--boreal-extended-cyan-light)}`;
 
 const BdsTag = class {
     constructor(hostRef) {
@@ -123,7 +123,7 @@ const BdsTag = class {
         const classes = this.getClasses();
         const hasCloseButton = !this.readonly;
         const isSelectable = this.multiselect;
-        return (index.h(index.Host, { key: '0864f3764aef3354e5b2c7494a5c9c2cb261582f', class: classes, role: isSelectable ? 'option' : undefined, tabIndex: isSelectable && !this.disabled ? 0 : -1, "aria-disabled": this.disabled ? 'true' : undefined, "aria-selected": isSelectable ? `${this.internalSelected}` : undefined, onKeyDown: !this.disabled ? (e) => this.handleKeyDown(e) : undefined, onClick: !this.disabled ? this.handleSelection : undefined, id: this._id }, this.renderTag(), hasCloseButton && this.renderCloseIcon()));
+        return (index.h(index.Host, { key: 'bd62a05fccbfa4aed3b7f72b9edf800c3ab05362', class: classes, role: isSelectable ? 'option' : undefined, tabIndex: isSelectable && !this.disabled ? 0 : -1, "aria-disabled": this.disabled ? 'true' : undefined, "aria-selected": isSelectable ? `${this.internalSelected}` : undefined, onKeyDown: !this.disabled ? (e) => this.handleKeyDown(e) : undefined, onClick: !this.disabled ? this.handleSelection : undefined, id: this._id }, this.renderTag(), hasCloseButton && this.renderCloseIcon()));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/bds-text-field.cjs.entry.js

@@ -1,7 +1,8 @@
 'use strict';
 
 var index = require('./index-CwYIVC9N.js');
-var formAssociated_mixin = require('./form-associated.mixin-DXwvF_vW.js');
+var formAssociated_mixin = require('./form-associated.mixin-BCR6bj29.js');
+var internals = require('./internals-D8x7GMfR.js');
 var BaseAttributes = require('./BaseAttributes-DBBhKt7O.js');
 var validateProps = require('./validateProps-CJe9X5x8.js');
 
@@ -42,7 +43,7 @@ const TEXT_FIELD_VALIDATION_TIMING = {
     SUBMIT: 'submit',
 };
 
-const bdsTextFieldCss = () => `@charset "UTF-8";.bds-text-field__container,.bds-text-field__sublabel,.bds-text-field__actions,.bds-text-field__action,.bds-text-field__footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.bds-text-field [slot=prefix],.bds-text-field__sublabel{font-size:var(--boreal-typography-font-size-xs);font-weight:var(--boreal-typography-font-weight-semibold);line-height:var(--boreal-typography-line-height-xs)}.bds-text-field{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--boreal-spacing-2xs);width:var(--bds-text-field-width, 100%);font-family:var(--boreal-typography-font-family-primary);color:var(--boreal-text-default)}.bds-text-field__container{padding:var(--boreal-spacing-1xs);padding-left:0;height:var(--boreal-layout-l);border:1px solid var(--boreal-stroke-default-light);border-radius:var(--boreal-radius-xs);background-color:var(--boreal-ui-inverse);-webkit-transition:background-color 0.3s ease, border-color 0.3s ease, -webkit-box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, -webkit-box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;overflow:hidden}.bds-text-field__sublabel{gap:var(--boreal-spacing-3xs);padding-left:var(--boreal-spacing-xs);white-space:nowrap}.bds-text-field__sublabel em[class^=bds-icon-],.bds-text-field__sublabel em[class*=" bds-icon-"]{width:var(--boreal-icons-m);height:var(--boreal-icons-m);font-size:var(--boreal-typography-font-size-md);line-height:1;-ms-flex-negative:0;flex-shrink:0;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.bds-text-field [slot=prefix]{padding-left:var(--boreal-spacing-xs);overflow:hidden;white-space:nowrap;-ms-flex-negative:0;flex-shrink:0}.bds-text-field__control{min-width:0;width:100%;border:none;outline:none;background:transparent;padding:0;padding-left:var(--boreal-spacing-xs);font-size:var(--boreal-typography-font-size-sm);font-weight:var(--boreal-typography-font-weight-regular);line-height:var(--boreal-typography-line-height-sm)}.bds-text-field__control::-webkit-input-placeholder{color:var(--boreal-text-default-light)}.bds-text-field__control::-moz-placeholder{color:var(--boreal-text-default-light)}.bds-text-field__control:-ms-input-placeholder{color:var(--boreal-text-default-light)}.bds-text-field__control::-ms-input-placeholder{color:var(--boreal-text-default-light)}.bds-text-field__control::placeholder{color:var(--boreal-text-default-light)}.bds-text-field__control:disabled{cursor:not-allowed}.bds-text-field__actions{padding-left:var(--boreal-spacing-xs);gap:var(--boreal-spacing-3xs)}.bds-text-field__action{-ms-flex-pack:center;justify-content:center;background:none;border:none;padding:var(--boreal-spacing-3xs);cursor:pointer;color:var(--boreal-icon-default-light);line-height:1;-webkit-transition:color 0.3s ease, opacity 0.3s ease;transition:color 0.3s ease, opacity 0.3s ease}.bds-text-field__action--clear em[class^=bds-icon-],.bds-text-field__action--clear em[class*=" bds-icon-"]{width:var(--boreal-icons-s);height:var(--boreal-icons-s);font-size:var(--boreal-typography-font-size-xs);line-height:1;-ms-flex-negative:0;flex-shrink:0;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.bds-text-field__action--password em[class^=bds-icon-],.bds-text-field__action--password em[class*=" bds-icon-"]{width:var(--boreal-icons-l);height:var(--boreal-icons-l);font-size:var(--boreal-typography-font-size-lg);line-height:1;-ms-flex-negative:0;flex-shrink:0;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.bds-text-field__action:hover{color:var(--boreal-icon-default-dark)}.bds-text-field__action:focus-visible{-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus);box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus)}.bds-text-field__footer{-ms-flex-pack:justify;justify-content:space-between}.bds-text-field__char-count{-ms-flex-negative:0;flex-shrink:0;font-size:var(--boreal-typography-font-size-xs);font-weight:var(--boreal-typography-font-weight-regular);line-height:var(--boreal-typography-line-height-xs);color:var(--boreal-text-default-light)}.bds-text-field--focused .bds-text-field__container{border-color:var(--boreal-stroke-focus);-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus);box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus)}.bds-text-field--error .bds-text-field__container{border-color:var(--boreal-stroke-danger-base)}.bds-text-field--disabled{cursor:not-allowed}.bds-text-field--disabled .bds-text-field__container{background-color:var(--boreal-ui-default-lighter);border-color:var(--boreal-stroke-default-light)}.bds-text-field--disabled .bds-text-field__sublabel{color:var(--boreal-text-disabled)}.bds-text-field--disabled .bds-text-field__sublabel em[class^=bds-icon-],.bds-text-field--disabled .bds-text-field__sublabel em[class*=" bds-icon-"]{color:var(--boreal-icon-disabled)}.bds-text-field--disabled .bds-text-field__control{color:var(--boreal-icon-disabled)}.bds-text-field--readonly .bds-text-field__container{background-color:transparent;border:none}.bds-text-field--readonly .bds-text-field__control::-webkit-input-placeholder{color:var(--boreal-text-default-darker)}.bds-text-field--readonly .bds-text-field__control::-moz-placeholder{color:var(--boreal-text-default-darker)}.bds-text-field--readonly .bds-text-field__control:-ms-input-placeholder{color:var(--boreal-text-default-darker)}.bds-text-field--readonly .bds-text-field__control::-ms-input-placeholder{color:var(--boreal-text-default-darker)}.bds-text-field--readonly .bds-text-field__control::placeholder{color:var(--boreal-text-default-darker)}.bds-text-field--plain .bds-text-field__container{border-color:transparent}.bds-text-field--plain.bds-text-field--focused .bds-text-field__container{border-color:var(--boreal-stroke-focus)}.bds-text-field--clear-on-hover .bds-text-field__action--clear{opacity:0;pointer-events:none}.bds-text-field--clear-on-hover:hover .bds-text-field__action--clear{opacity:1;pointer-events:auto}`;
+const bdsTextFieldCss = () => `@charset "UTF-8";.bds-text-field__container,.bds-text-field__sublabel,.bds-text-field__actions,.bds-text-field__action,.bds-text-field__footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.bds-text-field [slot=prefix],.bds-text-field__sublabel{font-size:var(--boreal-typography-font-size-xs);font-weight:var(--boreal-typography-font-weight-semibold);line-height:var(--boreal-typography-line-height-xs)}.bds-text-field{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--boreal-spacing-2xs);width:var(--bds-text-field-width, 100%);font-family:var(--boreal-typography-font-family-primary);color:var(--boreal-text-default)}.bds-text-field__container{padding:var(--boreal-spacing-1xs);padding-left:0;height:var(--boreal-layout-l);border:1px solid var(--boreal-stroke-default-light);border-radius:var(--boreal-radius-xs);background-color:var(--boreal-ui-inverse);-webkit-transition:background-color 0.3s ease, border-color 0.3s ease, -webkit-box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, -webkit-box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;overflow:hidden}.bds-text-field__sublabel{gap:var(--boreal-spacing-3xs);padding-left:var(--boreal-spacing-xs);white-space:nowrap}.bds-text-field__sublabel em[class^=bds-icon-],.bds-text-field__sublabel em[class*=" bds-icon-"]{width:var(--boreal-icons-m);height:var(--boreal-icons-m);font-size:var(--boreal-typography-font-size-md);line-height:1;-ms-flex-negative:0;flex-shrink:0;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.bds-text-field [slot=prefix]{padding-left:var(--boreal-spacing-xs);overflow:hidden;white-space:nowrap;-ms-flex-negative:0;flex-shrink:0}.bds-text-field__control{min-width:0;width:100%;border:none;outline:none;background:transparent;padding:0;padding-left:var(--boreal-spacing-xs);font-size:var(--boreal-typography-font-size-sm);font-weight:var(--boreal-typography-font-weight-regular);line-height:var(--boreal-typography-line-height-sm)}.bds-text-field__control::-webkit-input-placeholder{color:var(--boreal-text-default-light)}.bds-text-field__control::-moz-placeholder{color:var(--boreal-text-default-light)}.bds-text-field__control:-ms-input-placeholder{color:var(--boreal-text-default-light)}.bds-text-field__control::-ms-input-placeholder{color:var(--boreal-text-default-light)}.bds-text-field__control::placeholder{color:var(--boreal-text-default-light)}.bds-text-field__control:disabled{cursor:not-allowed}.bds-text-field__control[aria-expanded=true]~.bds-text-field__actions .bds-text-field__action--icon-right{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.bds-text-field__actions{padding-left:var(--boreal-spacing-xs);gap:var(--boreal-spacing-3xs)}.bds-text-field__action{-ms-flex-pack:center;justify-content:center;background:none;border:none;padding:var(--boreal-spacing-3xs);cursor:pointer;color:var(--boreal-icon-default-light);line-height:1;-webkit-transition:color 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease-in-out;transition:color 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease-in-out;transition:color 0.3s ease, opacity 0.3s ease, transform 0.3s ease-in-out;transition:color 0.3s ease, opacity 0.3s ease, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out}.bds-text-field__action--clear em[class^=bds-icon-],.bds-text-field__action--clear em[class*=" bds-icon-"]{width:var(--boreal-icons-s);height:var(--boreal-icons-s);font-size:var(--boreal-typography-font-size-xs);line-height:1;-ms-flex-negative:0;flex-shrink:0;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.bds-text-field__action--password em[class^=bds-icon-],.bds-text-field__action--password em[class*=" bds-icon-"]{width:var(--boreal-icons-l);height:var(--boreal-icons-l);font-size:var(--boreal-typography-font-size-lg);line-height:1;-ms-flex-negative:0;flex-shrink:0;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.bds-text-field__action:hover{color:var(--boreal-icon-default-dark)}.bds-text-field__action:focus-visible{-webkit-box-shadow:var(--boreal-depth-box-shadow-focus);box-shadow:var(--boreal-depth-box-shadow-focus)}.bds-text-field__footer{-ms-flex-pack:justify;justify-content:space-between}.bds-text-field__char-count{-ms-flex-negative:0;flex-shrink:0;font-size:var(--boreal-typography-font-size-xs);font-weight:var(--boreal-typography-font-weight-regular);line-height:var(--boreal-typography-line-height-xs);color:var(--boreal-text-default-light)}.bds-text-field--focused .bds-text-field__container{border-color:var(--boreal-stroke-focus);-webkit-box-shadow:var(--boreal-depth-box-shadow-focus);box-shadow:var(--boreal-depth-box-shadow-focus)}.bds-text-field--error .bds-text-field__container{border-color:var(--boreal-stroke-danger-base)}.bds-text-field--disabled{cursor:not-allowed}.bds-text-field--disabled .bds-text-field__container{background-color:var(--boreal-ui-default-lighter);border-color:var(--boreal-stroke-default-light)}.bds-text-field--disabled .bds-text-field__sublabel{color:var(--boreal-text-disabled)}.bds-text-field--disabled .bds-text-field__sublabel em[class^=bds-icon-],.bds-text-field--disabled .bds-text-field__sublabel em[class*=" bds-icon-"]{color:var(--boreal-icon-disabled)}.bds-text-field--disabled .bds-text-field__control{color:var(--boreal-icon-disabled)}.bds-text-field--selectable .bds-text-field__container input{cursor:pointer;pointer-events:auto}.bds-text-field--readonly .bds-text-field__container{background-color:transparent;border:none}.bds-text-field--readonly .bds-text-field__control::-webkit-input-placeholder{color:var(--boreal-text-default-darker)}.bds-text-field--readonly .bds-text-field__control::-moz-placeholder{color:var(--boreal-text-default-darker)}.bds-text-field--readonly .bds-text-field__control:-ms-input-placeholder{color:var(--boreal-text-default-darker)}.bds-text-field--readonly .bds-text-field__control::-ms-input-placeholder{color:var(--boreal-text-default-darker)}.bds-text-field--readonly .bds-text-field__control::placeholder{color:var(--boreal-text-default-darker)}.bds-text-field--plain .bds-text-field__container{border-color:transparent}.bds-text-field--plain.bds-text-field--focused .bds-text-field__container{border-color:var(--boreal-stroke-focus)}.bds-text-field--clear-on-hover .bds-text-field__action--clear{opacity:0;pointer-events:none}.bds-text-field--clear-on-hover:hover .bds-text-field__action--clear{opacity:1;pointer-events:auto}`;
 
 const BdsTextField = class extends index.Mixin(formAssociated_mixin.formAssociatedMixin) {
     constructor(hostRef) {
@@ -116,6 +117,10 @@ const BdsTextField = class extends index.Mixin(formAssociated_mixin.formAssociat
         this.counter = false;
         /** Sets a custom width via the `--bds-text-field-width` CSS custom property. */
         this.customWidth = '';
+        /** Set mode readonly to use in selects */
+        this.selectable = false;
+        /** Icon rendered on the right side of the input, on the actions containers. (e.g., 'bds-icon-settings') */
+        this.iconRight = '';
         /** Tracks focus state to drive the `bds-text-field--focused` CSS modifier. */
         this.focused = false;
         /** Controls whether the password input renders as plain text. */
@@ -182,13 +187,13 @@ const BdsTextField = class extends index.Mixin(formAssociated_mixin.formAssociat
         this.updateValidity();
     }
     onValueChange(next) {
-        formAssociated_mixin.setFormValue(this.internals, next);
+        internals.setFormValue(this.internals, next);
         this.currentCharCount = next.length;
-        this.updateValidity();
+        this.updateValidity(this.touched || this.validationError);
         this.valueChange.emit(next);
     }
     formAssociatedCallback() {
-        formAssociated_mixin.setFormValue(this.internals, this.value);
+        internals.setFormValue(this.internals, this.value);
         this.updateValidity();
     }
     formResetCallback() {
@@ -198,16 +203,16 @@ const BdsTextField = class extends index.Mixin(formAssociated_mixin.formAssociat
         this.currentCharCount = 0;
         this.validationError = false;
         this.validationMessage = '';
-        formAssociated_mixin.setFormValue(this.internals, null);
+        internals.setFormValue(this.internals, null);
         this.updateValidity();
     }
     formStateRestoreCallback(state, _mode) {
         this.value = typeof state === 'string' ? state : '';
-        formAssociated_mixin.setFormValue(this.internals, this.value);
+        internals.setFormValue(this.internals, this.value);
         this.updateValidity();
     }
     updateValidity(emitEvent = false) {
-        const valid = formAssociated_mixin.runValidators(this.internals, [...this.validators, ...this.customValidators], this.el);
+        const valid = internals.runValidators(this.internals, [...this.validators, ...this.customValidators], this.el);
         if (emitEvent) {
             this.validationError = !valid;
             this.validationMessage = valid ? '' : this.internals.validationMessage;
@@ -310,6 +315,7 @@ const BdsTextField = class extends index.Mixin(formAssociated_mixin.formAssociat
             'bds-text-field--readonly': this.readOnly,
             'bds-text-field--plain': this.variant === TEXT_FIELD_VARIANTS.PLAIN,
             'bds-text-field--clear-on-hover': this.clearOnHover,
+            'bds-text-field--selectable': this.selectable,
         };
     }
     get hostStyle() {
@@ -333,7 +339,7 @@ const BdsTextField = class extends index.Mixin(formAssociated_mixin.formAssociat
                 : this.helperText;
         const showFooter = helperContent !== '' || (this.counter && this.charCount > 0);
         const typographyState = this.isDisabled ? 'disabled' : effectiveError ? 'error' : 'default';
-        return (index.h(index.Host, { key: '96b7e057fa7f25e8f7d13b7de0fd17f12de602bb', class: this.classMap, style: this.hostStyle, tabIndex: -1, onFocus: () => !this.readOnly && this.el.querySelector('input')?.focus() }, this.label !== '' && (index.h("bds-typography", { key: 'e827b43ea347037ff2d404229aaefdd258d2ad22', id: labelId, variant: "label", htmlFor: this._id, required: this.required, tooltipText: this.info !== '' ? this.info : undefined, state: typographyState }, this.label)), index.h("div", { key: 'f579762db25f65031917874dbb4c2347b5d9f027', class: "bds-text-field__container" }, (this.icon !== '' || this.sublabel !== '') && (index.h("span", { key: '191d2ccec9baf8b739163eea112dce9a1073f4bd', class: "bds-text-field__sublabel" }, this.icon !== '' && index.h("em", { key: '1cc1b1b7ece610b2a18ba872c4b7035d2239731b', class: this.icon }), this.sublabel)), index.h("slot", { key: 'ba7b08573b6ae35c10649125991a2bbed15f31f3', name: "prefix" }), index.h("input", { key: '6391338c4f636382cf19f888dc810baaf6820c80', id: this._id, class: "bds-text-field__control", "aria-labelledby": this.label !== '' ? labelId : undefined, "aria-describedby": showFooter && helperContent !== '' ? helperId : undefined, "aria-invalid": this.error || this.validationError ? 'true' : undefined, "aria-required": this.required ? 'true' : undefined, type: this.type === TEXT_FIELD_TYPES.PASSWORD && this.showPassword ? TEXT_FIELD_TYPES.TEXT : this.type, value: this.value, disabled: this.isDisabled, readOnly: this.readOnly, tabIndex: this.readOnly ? -1 : undefined, placeholder: this.placeholder, autocomplete: this.autocomplete, pattern: this.pattern !== '' ? this.pattern : undefined, minLength: this.minLength !== 0 ? this.minLength : undefined, maxLength: this.effectiveMaxLength, onMouseDown: (e) => this.handleMouseDown(e), onInput: (e) => this.handleInput(e), onChange: (e) => this.handleChange(e), onFocus: (e) => this.handleFocus(e), onBlur: (e) => this.handleBlur(e) }), (showClear || this.type === TEXT_FIELD_TYPES.PASSWORD) && (index.h("div", { key: 'e5dc4cab3d536ef09eaeae96ca68a7d4b4e15d92', class: "bds-text-field__actions" }, showClear && (index.h("button", { key: 'b18d06de000c3ea465be221dcbb77ab49bb3949f', class: "bds-text-field__action bds-text-field__action--clear", type: "button", "aria-label": ARIA_LABELS.Clear, onClick: () => this.handleClear() }, index.h("em", { key: '0aa5d75c5214b7832a2a2e80a1cd2c42af5bea9a', class: this.iconClear }))), this.type === TEXT_FIELD_TYPES.PASSWORD && (index.h("button", { key: 'fd97135cca8d32178461bf7109c9b6a7eec543e9', class: "bds-text-field__action bds-text-field__action--password", type: "button", "aria-label": this.showPassword ? ARIA_LABELS.HidePassword : ARIA_LABELS.ShowPassword, onClick: () => this.handleShowPassword() }, index.h("em", { key: '0de72e7756ad62bbe4fb5f925526071720f358db', class: this.showPasswordIcon })))))), showFooter && (index.h("div", { key: '9d1c0e8920511650ab6711f2f813c01491d52414', class: "bds-text-field__footer" }, helperContent !== '' && (index.h("bds-typography", { key: 'f27235a7a38f34b9a9f7bae762c3c6be12acd8b0', id: helperId, variant: "helper", state: typographyState }, helperContent)), this.counter && this.charCount > 0 && (index.h("span", { key: '3aa43ea8bd6a35963f0983ec8814e0ce19ee71ce', class: "bds-text-field__char-count" }, this.currentCharCount, "/", this.charCount))))));
+        return (index.h(index.Host, { key: '6481e9c4eac94aee0b9a24fdaae8a00d3ae100b3', class: this.classMap, style: this.hostStyle, tabIndex: -1, onFocus: () => !this.readOnly && this.el.querySelector('input')?.focus() }, this.label !== '' && (index.h("bds-typography", { key: 'f21f1a20b452876a3d3e91276318142e517d4099', id: labelId, variant: "label", htmlFor: this._id, required: this.required, tooltipText: this.info !== '' ? this.info : undefined, state: typographyState }, this.label)), index.h("div", { key: '08c4e6498a31ee97f8ab1e3b6f2774bd30b933df', class: "bds-text-field__container" }, (this.icon !== '' || this.sublabel !== '') && (index.h("span", { key: 'aad475c4e9b6870ea2dae597a14aa9a42a3eb837', class: "bds-text-field__sublabel" }, this.icon !== '' && index.h("em", { key: 'f6cdaddf127e35143fcc3749395438e2082eb7c1', class: this.icon }), this.sublabel)), index.h("slot", { key: '29fae2b0cf57634c0fa64eacc450a4989d4bbbf0', name: "prefix" }), index.h("slot", { key: '446a355e5d028e0a8ed0401c2f6452ab32a51959', name: "tags" }), index.h("input", { key: 'd4dbc554a0121ac773d965d39277291562924e3f', id: this._id, class: "bds-text-field__control", "aria-labelledby": this.label !== '' ? labelId : undefined, "aria-describedby": showFooter && helperContent !== '' ? helperId : undefined, "aria-invalid": this.error || this.validationError ? 'true' : undefined, "aria-required": this.required ? 'true' : undefined, type: this.type === TEXT_FIELD_TYPES.PASSWORD && this.showPassword ? TEXT_FIELD_TYPES.TEXT : this.type, value: this.value, disabled: this.isDisabled, readOnly: this.readOnly || this.selectable, tabIndex: this.readOnly ? -1 : undefined, placeholder: this.placeholder, autocomplete: this.autocomplete, pattern: this.pattern !== '' ? this.pattern : undefined, minLength: this.minLength !== 0 ? this.minLength : undefined, maxLength: this.effectiveMaxLength, onMouseDown: (e) => this.handleMouseDown(e), onInput: (e) => this.handleInput(e), onChange: (e) => this.handleChange(e), onFocus: (e) => this.handleFocus(e), onBlur: (e) => this.handleBlur(e) }), (showClear || this.type === TEXT_FIELD_TYPES.PASSWORD || this.iconRight !== '') && (index.h("div", { key: '47964ef2af3f328434fee12cbea2db2976c12d13', class: "bds-text-field__actions" }, showClear && (index.h("button", { key: 'f5265e5b44d1025697b4bb8237d4c6fccf5e1c2a', class: "bds-text-field__action bds-text-field__action--clear", type: "button", "aria-label": ARIA_LABELS.Clear, onClick: () => this.handleClear() }, index.h("em", { key: 'bddaa1e6a9f347fea502e9d59eef0e008329b76b', class: this.iconClear }))), this.type === TEXT_FIELD_TYPES.PASSWORD && (index.h("button", { key: 'deb294a70355419c49748f7821db56c83e811115', class: "bds-text-field__action bds-text-field__action--password", type: "button", "aria-label": this.showPassword ? ARIA_LABELS.HidePassword : ARIA_LABELS.ShowPassword, onClick: () => this.handleShowPassword() }, index.h("em", { key: '29945864601c1461054da11465ac0695a9c4432e', class: this.showPasswordIcon }))), this.iconRight !== '' && (index.h("span", { key: 'a69939fe890b5c05a7752bbdba6cff9c159ea08c', class: "bds-text-field__action bds-text-field__action--icon-right", "aria-hidden": "true" }, index.h("i", { key: 'db51d8c6dc8a3d74f26190ea8859a3fb19fad879', class: this.iconRight })))))), showFooter && (index.h("div", { key: '0052fb8c0e466d74afc7e30d55ae8016f48fe20b', class: "bds-text-field__footer" }, helperContent !== '' && (index.h("bds-typography", { key: 'aa7528b125145b7b36582dd1607cc80bf85948e4', id: helperId, variant: "helper", state: typographyState }, helperContent)), this.counter && this.charCount > 0 && (index.h("span", { key: '5274eea422b00ec03da9f0b3ff90d055336b2727', class: "bds-text-field__char-count" }, this.currentCharCount, "/", this.charCount))))));
     }
     static get formAssociated() { return true; }
     get el() { return index.getElement(this); }

package/dist/cjs/bds-toggle.cjs.entry.js

@@ -1,8 +1,9 @@
 'use strict';
 
 var index = require('./index-CwYIVC9N.js');
-var formAssociated_mixin = require('./form-associated.mixin-DXwvF_vW.js');
-var attributes = require('./attributes-wIHueigW.js');
+var formAssociated_mixin = require('./form-associated.mixin-BCR6bj29.js');
+var attributes = require('./attributes-CgRFplrN.js');
+var internals = require('./internals-D8x7GMfR.js');
 var BaseAttributes = require('./BaseAttributes-DBBhKt7O.js');
 
 const TOGGLE_PLACEMENT = {
@@ -10,7 +11,7 @@ const TOGGLE_PLACEMENT = {
     RIGHT: 'right',
 };
 
-const bdsToggleCss = () => `@charset "UTF-8";.bds-toggle{font-family:var(--boreal-typography-font-family-primary);display:inline-block}.bds-toggle__container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:var(--boreal-spacing-2xs);outline:none;width:-webkit-max-content;width:-moz-max-content;width:max-content}.bds-toggle__container:focus{outline:none}.bds-toggle__container--inverse{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.bds-toggle:active,.bds-toggle:focus-visible{outline:none}.bds-toggle:active .bds-toggle__input:not([disabled])+.bds-toggle__slider,.bds-toggle:focus-visible .bds-toggle__input:not([disabled])+.bds-toggle__slider{-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus);box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus)}.bds-toggle .bds-toggle__input:active:not([disabled])+.bds-toggle__slider,.bds-toggle .bds-toggle__input:focus-visible:not([disabled])+.bds-toggle__slider{-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus);box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus)}.bds-toggle:hover:not(:active):not([checked]):not([disabled]) .bds-toggle__slider,.bds-toggle:hover:not(:active):focus-within:not([checked]) .bds-toggle__slider{-webkit-box-shadow:0 1px 2px 0 var(--boreal-stroke-default-light);box-shadow:0 1px 2px 0 var(--boreal-stroke-default-light)}.bds-toggle__switch{position:relative;display:inline-block;width:var(--boreal-spacing-3xl);height:var(--boreal-spacing-l)}.bds-toggle__input{opacity:0;width:0;height:0}.bds-toggle__input:not(:checked)+.bds-toggle__slider{border:1px solid var(--boreal-stroke-default-light)}.bds-toggle__input:checked+.bds-toggle__slider{background-color:var(--boreal-ui-primary-base)}.bds-toggle__input:checked+.bds-toggle__slider::before{-webkit-transform:translateX(var(--boreal-spacing-l));-ms-transform:translateX(var(--boreal-spacing-l));transform:translateX(var(--boreal-spacing-l))}.bds-toggle__input:disabled+.bds-toggle__slider{background-color:var(--boreal-ui-disabled);cursor:default}.bds-toggle__input:disabled+.bds-toggle__slider::before{background-color:var(--boreal-icon-default-light)}.bds-toggle__input:disabled:checked+.bds-toggle__slider{background-color:var(--boreal-ui-primary-light)}.bds-toggle__input:disabled:checked+.bds-toggle__slider::before{background-color:var(--boreal-icon-inverse)}.bds-toggle__slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--boreal-ui-base-light);-webkit-transition:all 0.4s, border-color 0s;transition:all 0.4s, border-color 0s}.bds-toggle__slider::before{position:absolute;content:"";height:var(--boreal-typography-font-size-md);width:var(--boreal-typography-font-size-md);left:var(--boreal-spacing-2xs);background-color:var(--boreal-text-inverse);bottom:0;top:0;margin:auto;-webkit-transition:0.3s;transition:0.3s}.bds-toggle__slider--round{border-radius:var(--boreal-radius-m)}.bds-toggle__slider--round::before{border-radius:var(--boreal-radius-full)}.bds-toggle__label{font-size:var(--boreal-typography-font-size-sm);color:var(--boreal-text-default)}.bds-toggle__helper-text{display:-ms-flexbox;display:flex;position:relative;color:var(--boreal-text-default-light);font-size:var(--boreal-typography-font-size-xs);margin-top:var(--boreal-spacing-2xs)}`;
+const bdsToggleCss = () => `@charset "UTF-8";.bds-toggle{font-family:var(--boreal-typography-font-family-primary);display:inline-block}.bds-toggle__container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:var(--boreal-spacing-2xs);outline:none;width:-webkit-max-content;width:-moz-max-content;width:max-content}.bds-toggle__container:focus{outline:none}.bds-toggle__container--inverse{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.bds-toggle:active,.bds-toggle:focus-visible{outline:none}.bds-toggle:active .bds-toggle__input:not([disabled])+.bds-toggle__slider,.bds-toggle:focus-visible .bds-toggle__input:not([disabled])+.bds-toggle__slider{-webkit-box-shadow:var(--boreal-depth-box-shadow-focus);box-shadow:var(--boreal-depth-box-shadow-focus)}.bds-toggle .bds-toggle__input:active:not([disabled])+.bds-toggle__slider,.bds-toggle .bds-toggle__input:focus-visible:not([disabled])+.bds-toggle__slider{-webkit-box-shadow:var(--boreal-depth-box-shadow-focus);box-shadow:var(--boreal-depth-box-shadow-focus)}.bds-toggle:hover:not(:active):not([checked]):not([disabled]) .bds-toggle__slider,.bds-toggle:hover:not(:active):focus-within:not([checked]) .bds-toggle__slider{-webkit-box-shadow:var(--boreal-depth-box-shadow-xs);box-shadow:var(--boreal-depth-box-shadow-xs)}.bds-toggle__switch{position:relative;display:inline-block;width:var(--boreal-spacing-3xl);height:var(--boreal-spacing-l)}.bds-toggle__input{opacity:0;width:0;height:0}.bds-toggle__input:not(:checked)+.bds-toggle__slider{border:1px solid var(--boreal-stroke-default-light)}.bds-toggle__input:checked+.bds-toggle__slider{background-color:var(--boreal-ui-primary-base)}.bds-toggle__input:checked+.bds-toggle__slider::before{-webkit-transform:translateX(var(--boreal-spacing-l));-ms-transform:translateX(var(--boreal-spacing-l));transform:translateX(var(--boreal-spacing-l))}.bds-toggle__input:disabled+.bds-toggle__slider{background-color:var(--boreal-ui-disabled);cursor:default}.bds-toggle__input:disabled+.bds-toggle__slider::before{background-color:var(--boreal-icon-default-light)}.bds-toggle__input:disabled:checked+.bds-toggle__slider{background-color:var(--boreal-ui-primary-light)}.bds-toggle__input:disabled:checked+.bds-toggle__slider::before{background-color:var(--boreal-icon-inverse)}.bds-toggle__slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--boreal-ui-base-light);-webkit-transition:all 0.4s, border-color 0s;transition:all 0.4s, border-color 0s}.bds-toggle__slider::before{position:absolute;content:"";height:var(--boreal-typography-font-size-md);width:var(--boreal-typography-font-size-md);left:var(--boreal-spacing-2xs);background-color:var(--boreal-text-inverse);bottom:0;top:0;margin:auto;-webkit-transition:0.3s;transition:0.3s}.bds-toggle__slider--round{border-radius:var(--boreal-radius-m)}.bds-toggle__slider--round::before{border-radius:var(--boreal-radius-full)}.bds-toggle__label{font-size:var(--boreal-typography-font-size-sm);color:var(--boreal-text-default)}.bds-toggle__helper-text{display:-ms-flexbox;display:flex;position:relative;color:var(--boreal-text-default-light);font-size:var(--boreal-typography-font-size-xs);margin-top:var(--boreal-spacing-2xs)}`;
 
 const BdsToggle = class extends index.Mixin(formAssociated_mixin.formAssociatedMixin) {
     constructor(hostRef) {
@@ -110,7 +111,7 @@ const BdsToggle = class extends index.Mixin(formAssociated_mixin.formAssociatedM
     formResetCallback() {
         this.isChecked = false;
         this.internals.setValidity({});
-        formAssociated_mixin.setFormValue(this.internals, null);
+        internals.setFormValue(this.internals, null);
     }
     formStateRestoreCallback(state, _mode) {
         this.isChecked = state === this.value;
@@ -121,7 +122,7 @@ const BdsToggle = class extends index.Mixin(formAssociated_mixin.formAssociatedM
     // Private helpers
     // ---------------------------------------------------------------------------
     syncFormValue() {
-        formAssociated_mixin.setFormValue(this.internals, this.isChecked ? this.value : null);
+        internals.setFormValue(this.internals, this.isChecked ? this.value : null);
     }
     validate() {
         if (!this.isDisabled && this.required && !this.isChecked) {
@@ -168,7 +169,7 @@ const BdsToggle = class extends index.Mixin(formAssociated_mixin.formAssociatedM
             : this.validationError && this.validationMessage !== ''
                 ? this.validationMessage
                 : this.helperText;
-        return (index.h(index.Host, { key: '8aa5ec26708ce8eb834020353e2e01e882cefad6', ...this.inheritedAttributes, onClick: this.handleClick, onKeyDown: this.handleKeyDown, class: blockClass }, index.h("div", { key: 'a62ae102ba2167be5e03758c5bfc6197e8f3b73c', part: "container", class: this.containerClasses }, this.canShowLabel && (index.h("bds-typography", { key: 'c6129d113b083f9db5bad181f5a8cf1ae161b593', variant: "label", class: `${blockClass}__label`, htmlFor: this._id, required: this.required, tooltipText: this.info }, this.label)), index.h("label", { key: '570a0637d106b24823d39945e1b7a68a4cec4f36', class: `${blockClass}__switch`, htmlFor: this._id, onClick: e => e.preventDefault() }, index.h("input", { key: '197a94215e42e7a8a9d5a5652ad1163b501799ab', class: `${blockClass}__input`, "aria-invalid": this.error || this.validationError ? 'true' : undefined, "aria-label": this.label || null, id: this._id, type: "checkbox", name: this.name, required: this.required, disabled: this.isDisabled, checked: this.isChecked, onInvalid: this.handleInvalid }), index.h("span", { key: '09ac81f91f9dc92c4e4cac593db4be4697243ce0', class: `${blockClass}__slider ${blockClass}__slider--round` }))), helperContent !== '' && (index.h("bds-typography", { key: '4a35755ec9e280dfedb839826683f1272c76223d', class: `${blockClass}__helper-text`, variant: "helper", state: typographyState, onClick: e => e.stopPropagation() }, helperContent))));
+        return (index.h(index.Host, { key: 'b5d27825358eaadb5cbca86e48488350e6099d8f', ...this.inheritedAttributes, onClick: this.handleClick, onKeyDown: this.handleKeyDown, class: blockClass }, index.h("div", { key: '9b7bb4c4551beb61ed72c9ee4a4d7ee14e746c4e', part: "container", class: this.containerClasses }, this.canShowLabel && (index.h("bds-typography", { key: 'a95e1b66d8452b983002348b9456aa0c3674b202', variant: "label", class: `${blockClass}__label`, htmlFor: this._id, required: this.required, tooltipText: this.info }, this.label)), index.h("label", { key: '954125135521cd6e65c2e6c3dfa41216e6f52dd3', class: `${blockClass}__switch`, htmlFor: this._id, onClick: e => e.preventDefault() }, index.h("input", { key: 'c3e0ee266aba0bd6e8ca7fb2d3efaeb412161806', class: `${blockClass}__input`, "aria-invalid": this.error || this.validationError ? 'true' : undefined, "aria-label": this.label || null, id: this._id, type: "checkbox", name: this.name, required: this.required, disabled: this.isDisabled, checked: this.isChecked, onInvalid: this.handleInvalid }), index.h("span", { key: '68912685234edb7c6ec972231c7f951531862f7c', class: `${blockClass}__slider ${blockClass}__slider--round` }))), helperContent !== '' && (index.h("bds-typography", { key: '3e5645d234edc1f3efe7805260def2c74bc7cd44', class: `${blockClass}__helper-text`, variant: "helper", state: typographyState, onClick: e => e.stopPropagation() }, helperContent))));
     }
     static get formAssociated() { return true; }
     get el() { return index.getElement(this); }

package/dist/cjs/bds-tooltip_2.cjs.entry.js

@@ -1,11 +1,12 @@
 'use strict';
 
 var index = require('./index-CwYIVC9N.js');
-var getOffset = require('./getOffset-m4hBgyVP.js');
+var getOffset = require('./getOffset-CsDHFjPW.js');
 var states = require('./states-BweP5Vpu.js');
-var attributes = require('./attributes-wIHueigW.js');
+var attributes = require('./attributes-CgRFplrN.js');
+require('./Logger-DnziItRH.js');
 require('./floating.mixin-Bje4320w.js');
-require('./Keys-DbIXSJF2.js');
+require('./Keys-DXn16dlA.js');
 
 const ALIGNMENT = {
     START: 'start'};
@@ -58,7 +59,7 @@ const BdsTooltip = class extends index.Mixin(getOffset.anchoredMixin) {
      */
     get options() {
         return {
-            placement: this.floatingOptions.placement ?? 'bottom',
+            placement: this.floatingOptions.placement ?? 'top',
             offset: getOffset.getOffset(this.floatingOptions?.hideArrow, this.floatingOptions.offset, OFFSET),
             arrow: this.floatingOptions.hideArrow ? undefined : this.arrowElement,
             strategy: 'fixed',
@@ -86,7 +87,7 @@ const BdsTooltip = class extends index.Mixin(getOffset.anchoredMixin) {
         return !this.floatingOptions.hideArrow || false;
     }
     get getPlacement() {
-        return this.floatingOptions.placement || 'bottom';
+        return this.floatingOptions.placement || 'top';
     }
     /**
      * Guard called by `onBeforeShow` to determine whether the tooltip is allowed to show.
@@ -159,7 +160,7 @@ const BdsTooltip = class extends index.Mixin(getOffset.anchoredMixin) {
     }
     render() {
         const classes = this.tooltipStyles;
-        return (index.h(index.Host, { key: '7ba6db9103d172c519e4f9bd3e8743ba506057f1', class: "tooltip" }, index.h("div", { key: 'bea4019c3c4d0d1ac605e3c7d5e35564c8173c9e', id: "tooltip-content", part: "tooltip-content", class: classes, popover: "manual", role: "tooltip", "aria-hidden": this.isVisible ? 'false' : 'true', "data-placement": this.getPlacement, "data-multiline": this.multiline, "data-hidearrow": this.canShowArrow, ref: el => (this.floatingContent = el) }, this.canShowArrow && (index.h("div", { key: 'f598c2b54709269fcb1d3335d86400cc3ab4a177', class: "tooltip-arrow", part: "arrow", ref: el => (this.arrowElement = el) })), index.h("slot", { key: '2a18a5c6839c21ec3c0a9f82b6117bded3c08b26' }))));
+        return (index.h(index.Host, { key: 'd86d09d733df866cd6575dc5b2b6cd8f9193de19', class: "tooltip" }, index.h("div", { key: 'f277bed354746928e0bca3a85103b70437a34692', id: "tooltip-content", part: "tooltip-content", class: classes, popover: "manual", role: "tooltip", "aria-hidden": this.isVisible ? 'false' : 'true', "data-placement": this.getPlacement, "data-multiline": this.multiline, "data-hidearrow": this.canShowArrow, ref: el => (this.floatingContent = el) }, this.canShowArrow && (index.h("div", { key: 'c22acfac98e8ebb09a0d967d2a82d438d43cecb2', class: "tooltip-arrow", part: "arrow", ref: el => (this.arrowElement = el) })), index.h("slot", { key: '373a096f06baf800e958e39dd606994c1ca23ac1' }))));
     }
     get el() { return index.getElement(this); }
 };
@@ -203,7 +204,7 @@ const getAttributesByTag = (comp, tagName) => {
             href: comp.state !== states.COMPONENT_STATES.DISABLED ? comp.sanitizedHref : null,
             target: comp.target,
             download: comp.downloadable ? comp.filename : null,
-            rel: comp.target === '_blank' ? 'noopener noreferrer' : undefined,
+            rel: comp.target === '_blank' ? 'noopener noreferrer' : comp.rel,
         },
         label: {
             htmlFor: comp.htmlFor,
@@ -212,7 +213,7 @@ const getAttributesByTag = (comp, tagName) => {
     return ATTR_MAP[tagName] || {};
 };
 
-const bdsTypographyCss = () => `@charset "UTF-8";bds-typography.bds-typography--disabled-cursor{cursor:not-allowed}.bds-typography{display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:var(--boreal-typography-font-family-primary);font-weight:var(--boreal-typography-font-weight-regular)}.bds-typography__required-indicator{color:var(--boreal-icon-danger-base);font-weight:var(--boreal-typography-font-weight-regular)}.bds-typography__info-icon{color:var(--boreal-icon-default-light)}.bds-typography--heading,.bds-typography--subheading{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:var(--boreal-spacing-3xs)}.bds-typography--label{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:var(--boreal-spacing-3xs)}.bds-typography--display{display:block}.bds-typography--caption,.bds-typography--helper,.bds-typography--link{display:inline-block}.bds-typography--caption{font-size:var(--boreal-typography-font-size-xs);font-weight:var(--boreal-typography-font-weight-regular);line-height:var(--boreal-typography-line-height-md);color:var(--boreal-text-default-light)}.bds-typography--helper{font-size:var(--boreal-typography-font-size-xs);font-weight:var(--boreal-typography-font-weight-regular);line-height:var(--boreal-typography-line-height-sm);color:var(--boreal-text-default-light)}.bds-typography--link{font-size:var(--boreal-typography-font-size-sm);font-weight:var(--boreal-typography-font-weight-regular);line-height:var(--boreal-typography-line-height-md);color:var(--boreal-text-primary-base);text-decoration:none}.bds-typography--link:hover{text-decoration:underline}.bds-typography--link:visited{color:var(--boreal-text-primary-base)}.bds-typography--link:active{color:var(--boreal-text-primary-dark)}.bds-typography--link.bds-typography--size-sm{font-size:var(--boreal-typography-font-size-xs)}.bds-typography--link.bds-typography--size-md{font-size:var(--boreal-typography-font-size-sm)}.bds-typography--code{font-family:var(--boreal-typography-font-family-secondary);font-size:var(--boreal-typography-font-size-xs);font-weight:var(--boreal-typography-font-weight-regular);color:var(--boreal-text-default);line-height:var(--boreal-typography-line-height-md);overflow-wrap:break-word;background-color:var(--boreal-bg-neutral);padding:var(--boreal-spacing-3xs) var(--boreal-spacing-xs);border-radius:var(--boreal-radius-xs);display:inline;box-decoration-break:clone;-webkit-box-decoration-break:clone}.bds-typography--label{font-size:var(--boreal-typography-font-size-xs);font-weight:var(--boreal-typography-font-weight-semibold);line-height:var(--boreal-typography-line-height-md);color:var(--boreal-text-default-darker)}.bds-typography--display{font-weight:var(--boreal-typography-font-weight-regular);color:var(--boreal-text-default)}.bds-typography--display.bds-typography--size-sm{font-size:var(--boreal-typography-font-size-xl);line-height:var(--boreal-typography-line-height-xl)}.bds-typography--display.bds-typography--size-md{font-size:var(--boreal-typography-font-size-2xl);line-height:var(--boreal-typography-line-height-2xl)}.bds-typography--display.bds-typography--size-lg{font-size:var(--boreal-typography-font-size-3xl);line-height:var(--boreal-typography-line-height-3xl);font-weight:var(--boreal-typography-font-weight-light)}.bds-typography--display.bds-typography--size-xl{font-size:var(--boreal-typography-font-size-4xl);line-height:var(--boreal-typography-line-height-4xl);font-weight:var(--boreal-typography-font-weight-light)}.bds-typography--heading{font-size:var(--boreal-typography-font-size-lg);line-height:var(--boreal-typography-line-height-lg);font-weight:var(--boreal-typography-font-weight-regular);color:var(--boreal-text-default)}.bds-typography h1.bds-typography--heading{font-weight:var(--boreal-typography-font-weight-regular);font-size:var(--boreal-typography-font-size-4xl);line-height:var(--boreal-typography-line-height-4xl)}.bds-typography h2.bds-typography--heading{font-weight:var(--boreal-typography-font-weight-regular);font-size:var(--boreal-typography-font-size-3xl);line-height:var(--boreal-typography-line-height-3xl)}.bds-typography h3.bds-typography--heading{font-weight:var(--boreal-typography-font-weight-regular);font-size:var(--boreal-typography-font-size-2xl);line-height:var(--boreal-typography-line-height-2xl)}.bds-typography h4.bds-typography--heading{font-weight:var(--boreal-typography-font-weight-regular);font-size:var(--boreal-typography-font-size-xl);line-height:var(--boreal-typography-line-height-xl)}.bds-typography h5.bds-typography--heading{font-weight:var(--boreal-typography-font-weight-regular);font-size:var(--boreal-typography-font-size-lg);line-height:var(--boreal-typography-line-height-lg)}.bds-typography h6.bds-typography--heading{font-size:var(--boreal-typography-font-size-md);font-weight:var(--boreal-typography-font-weight-semibold);line-height:var(--boreal-typography-line-height-md)}.bds-typography--subheading{font-size:var(--boreal-typography-font-size-md);line-height:var(--boreal-typography-line-height-md);font-weight:var(--boreal-typography-font-weight-semibold)}.bds-typography--align-start{text-align:start}.bds-typography--align-center{text-align:center}.bds-typography--align-end{text-align:end}.bds-typography--align-inherit{text-align:inherit}.bds-typography--error{color:var(--boreal-text-danger-base)}.bds-typography--disabled{color:var(--boreal-text-disabled);pointer-events:none;cursor:not-allowed}.bds-typography--disabled .bds-typography__required-indicator{color:var(--boreal-text-danger-light)}.bds-typography--ellipsis{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.bds-typography--ellipsis-multiline{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;width:100%}`;
+const bdsTypographyCss = () => `@charset "UTF-8";.bds-typography__info{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center}bds-typography.bds-typography--disabled-cursor{cursor:not-allowed}.bds-typography{display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:var(--boreal-typography-font-family-primary);font-weight:var(--boreal-typography-font-weight-regular)}.bds-typography__required-indicator{color:var(--boreal-icon-danger-base);font-weight:var(--boreal-typography-font-weight-regular)}.bds-typography__info-icon{color:var(--boreal-icon-default-light)}.bds-typography--heading,.bds-typography--subheading{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:var(--boreal-spacing-3xs)}.bds-typography--label{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:var(--boreal-spacing-3xs)}.bds-typography--display{display:block}.bds-typography--caption,.bds-typography--helper,.bds-typography--link{display:inline-block}.bds-typography--caption{font-size:var(--boreal-typography-font-size-xs);font-weight:var(--boreal-typography-font-weight-regular);line-height:var(--boreal-typography-line-height-md);color:var(--boreal-text-default-light)}.bds-typography--helper{font-size:var(--boreal-typography-font-size-xs);font-weight:var(--boreal-typography-font-weight-regular);line-height:var(--boreal-typography-line-height-sm);color:var(--boreal-text-default-light)}.bds-typography--link{font-size:var(--boreal-typography-font-size-sm);font-weight:var(--boreal-typography-font-weight-regular);line-height:var(--boreal-typography-line-height-md);color:var(--boreal-text-primary-base);text-decoration:none}.bds-typography--link:hover{text-decoration:underline}.bds-typography--link:visited{color:var(--boreal-text-primary-base)}.bds-typography--link:active{color:var(--boreal-text-primary-dark)}.bds-typography--link.bds-typography--size-sm{font-size:var(--boreal-typography-font-size-xs)}.bds-typography--link.bds-typography--size-md{font-size:var(--boreal-typography-font-size-sm)}.bds-typography--code{font-family:var(--boreal-typography-font-family-secondary);font-size:var(--boreal-typography-font-size-xs);font-weight:var(--boreal-typography-font-weight-regular);color:var(--boreal-text-default);line-height:var(--boreal-typography-line-height-md);overflow-wrap:break-word;background-color:var(--boreal-bg-neutral);padding:var(--boreal-spacing-3xs) var(--boreal-spacing-xs);border-radius:var(--boreal-radius-xs);display:inline;box-decoration-break:clone;-webkit-box-decoration-break:clone}.bds-typography--label{font-size:var(--boreal-typography-font-size-xs);font-weight:var(--boreal-typography-font-weight-semibold);line-height:var(--boreal-typography-line-height-md);color:var(--boreal-text-default-darker)}.bds-typography--display{font-weight:var(--boreal-typography-font-weight-regular);color:var(--boreal-text-default)}.bds-typography--display.bds-typography--size-sm{font-size:var(--boreal-typography-font-size-xl);line-height:var(--boreal-typography-line-height-xl)}.bds-typography--display.bds-typography--size-md{font-size:var(--boreal-typography-font-size-2xl);line-height:var(--boreal-typography-line-height-2xl)}.bds-typography--display.bds-typography--size-lg{font-size:var(--boreal-typography-font-size-3xl);line-height:var(--boreal-typography-line-height-3xl);font-weight:var(--boreal-typography-font-weight-light)}.bds-typography--display.bds-typography--size-xl{font-size:var(--boreal-typography-font-size-4xl);line-height:var(--boreal-typography-line-height-4xl);font-weight:var(--boreal-typography-font-weight-light)}.bds-typography--heading{font-size:var(--boreal-typography-font-size-lg);line-height:var(--boreal-typography-line-height-lg);font-weight:var(--boreal-typography-font-weight-regular);color:var(--boreal-text-default)}.bds-typography h1.bds-typography--heading{font-weight:var(--boreal-typography-font-weight-regular);font-size:var(--boreal-typography-font-size-4xl);line-height:var(--boreal-typography-line-height-4xl)}.bds-typography h2.bds-typography--heading{font-weight:var(--boreal-typography-font-weight-regular);font-size:var(--boreal-typography-font-size-3xl);line-height:var(--boreal-typography-line-height-3xl)}.bds-typography h3.bds-typography--heading{font-weight:var(--boreal-typography-font-weight-regular);font-size:var(--boreal-typography-font-size-2xl);line-height:var(--boreal-typography-line-height-2xl)}.bds-typography h4.bds-typography--heading{font-weight:var(--boreal-typography-font-weight-regular);font-size:var(--boreal-typography-font-size-xl);line-height:var(--boreal-typography-line-height-xl)}.bds-typography h5.bds-typography--heading{font-weight:var(--boreal-typography-font-weight-regular);font-size:var(--boreal-typography-font-size-lg);line-height:var(--boreal-typography-line-height-lg)}.bds-typography h6.bds-typography--heading{font-size:var(--boreal-typography-font-size-md);font-weight:var(--boreal-typography-font-weight-semibold);line-height:var(--boreal-typography-line-height-md)}.bds-typography--subheading{font-size:var(--boreal-typography-font-size-md);line-height:var(--boreal-typography-line-height-md);font-weight:var(--boreal-typography-font-weight-semibold)}.bds-typography--align-start{text-align:start}.bds-typography--align-center{text-align:center}.bds-typography--align-end{text-align:end}.bds-typography--align-inherit{text-align:inherit}.bds-typography--error{color:var(--boreal-text-danger-base)}.bds-typography--disabled{color:var(--boreal-text-disabled);pointer-events:none;cursor:not-allowed}.bds-typography--disabled .bds-typography__required-indicator{color:var(--boreal-text-danger-light)}.bds-typography--ellipsis{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.bds-typography--ellipsis-multiline{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;width:100%}`;
 
 const BdsTypography = class {
     constructor(hostRef) {
@@ -224,6 +225,8 @@ const BdsTypography = class {
         this.size = SIZES.M;
         /** Visual state (if supported by variant). */
         this.state = states.COMPONENT_STATES.DEFAULT;
+        /** Relationship between the current document and the linked resource. */
+        this.rel = '';
         /** Additional custom CSS class. */
         this.customClass = '';
         /** HTML tag used for rendering. */
@@ -305,7 +308,7 @@ const BdsTypography = class {
         const classes = this.getVariantStateStyles();
         const { canUseTooltip = null, required = null } = this.getVariantConfig();
         const isDisabledState = this.state === states.COMPONENT_STATES.DISABLED;
-        return (index.h(index.Host, { key: 'a9b61038ed68ce72e8a96845ac3c082a6b635053', class: `bds-typography ${isDisabledState ? 'bds-typography--disabled-cursor' : ''}` }, index.h(TagName, { key: '3966152c29dd0af270676ab7af0aaf811b48624a', class: classes, style: { webkitLineClamp: this.maxLines }, ...attributes }, index.h("slot", { key: 'fe090f9278feac140d0d4b979912b332da5d6ec8' }), this.required && required && (index.h("em", { key: 'ccfd67dda34d927778ccf59a40cae185952f2495', class: "bds-typography__required-indicator", "aria-hidden": "true" }, "*")), this.tooltipText && canUseTooltip && (index.h("span", { key: '720ef78bd2e638e0d0be56918483fe227a011f5e' }, index.h("em", { key: '5e064aaed2633b33677e12774dead52ee0871f4a', class: "bds-typography__info-icon bds-icon-info-circle", "aria-label": this.tooltipText }, index.h("bds-tooltip", { key: '9ec65063f105cec050f01348a64e7b9f5fa8e968' }, this.tooltipText)))))));
+        return (index.h(index.Host, { key: 'ab4e3734b72e12d49cd91b82da34c9a74a806fb1', class: `bds-typography ${isDisabledState ? 'bds-typography--disabled-cursor' : ''}` }, index.h(TagName, { key: '166bf124185b9c713afbca95b61a54356a214537', class: classes, style: { webkitLineClamp: this.maxLines }, ...attributes }, index.h("slot", { key: '5bc61723dd8942560c7308f0d3a4ba330d06695d' }), this.required && required && (index.h("em", { key: 'f30ff90c2600b262b155dbcbfaba63c1e54b68e9', class: "bds-typography__required-indicator", "aria-hidden": "true" }, "*")), this.tooltipText && canUseTooltip && (index.h("span", { key: '0639b26cdb61369b7fecb2267ff3b543f139564b', class: "bds-typography__info" }, index.h("span", { key: 'e007db27b60782daf0863022573b61dfc2b3f9cf', class: "bds-typography__info-icon bds-icon-info-circle", "aria-label": this.tooltipText }), index.h("bds-tooltip", { key: '9ad52be88f97084406613d990ef7d75607837bb8' }, this.tooltipText))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/boreal-web-components.cjs.js

@@ -40,7 +40,7 @@ var patchCloneNodeFix = (HTMLElementPrototype) => {
 
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["bds-list-menu-item.cjs",[[772,"bds-list-menu-item",{"variant":[513],"name":[1],"disabled":[516],"selected":[516],"value":[513],"activeItem":[516,"active-item"],"href":[1],"newTab":[4,"new-tab"],"download":[1],"currentState":[32]},null,{"variant":[{"checkPropsVariant":0}]}]]],["bds-text-field.cjs",[[836,"bds-text-field",{"name":[513],"disabled":[516],"required":[516],"value":[1537],"error":[516],"errorMessage":[1,"error-message"],"customValidators":[16],"validationTiming":[1,"validation-timing"],"type":[513],"variant":[513],"placeholder":[1],"readOnly":[4,"readonly"],"autocomplete":[1],"pattern":[1],"minLength":[2,"min-length"],"maxLength":[2,"max-length"],"label":[1],"sublabel":[1],"icon":[1],"helperText":[1,"helper-text"],"info":[1],"clearable":[4],"clearOnHover":[4,"clear-on-hover"],"charCount":[2,"char-count"],"counter":[4],"customWidth":[1,"custom-width"],"isDisabled":[32],"focused":[32],"showPassword":[32],"touched":[32],"dirty":[32],"currentCharCount":[32],"validationError":[32],"validationMessage":[32],"checkValidity":[64],"reportValidity":[64]},null,{"disabled":[{"onDisabledChange":0}],"type":[{"checkPropValues":0}],"variant":[{"checkPropValues":0}],"validationTiming":[{"checkPropValues":0}],"customValidators":[{"onCustomValidatorsChange":0}],"value":[{"onValueChange":0}]}]]],["bds-toggle.cjs",[[576,"bds-toggle",{"name":[513],"disabled":[516],"required":[516],"info":[1],"error":[516],"errorMessage":[513,"error-message"],"checked":[516],"placement":[513],"label":[513],"helperText":[513,"helper-text"],"value":[1],"isDisabled":[32],"validationError":[32],"validationMessage":[32],"isChecked":[32]},null,{"checked":[{"onCheckedChange":0}],"disabled":[{"onDisabledChange":0}]}]]],["bds-dialog.cjs",[[772,"bds-dialog",{"active":[1540],"preventClose":[4,"prevent-close"],"height":[1],"width":[1],"layout":[1],"contentPadding":[1,"content-padding"],"backdropClose":[4,"backdrop-close"],"escapeClose":[4,"escape-close"],"size":[1],"variant":[1],"titleDialog":[1,"title-dialog"],"maximizable":[4],"closable":[4],"open":[64],"close":[64]},null,{"active":[{"handleIsOpenChange":0}]}]]],["bds-popover.cjs",[[772,"bds-popover",{"floatingOptions":[16],"disabled":[4],"width":[8],"header":[4],"footer":[4],"closable":[4],"isVisible":[32]}]]],["bds-avatar.cjs",[[0,"bds-avatar",{"username":[1],"variant":[1],"background":[1],"initialsColor":[1,"initials-color"]}]]],["bds-badge.cjs",[[260,"bds-badge",{"variant":[1],"disabled":[4]},null,{"variant":[{"checkPropValues":0}]}]]],["bds-banner.cjs",[[260,"bds-banner",{"variant":[1],"closable":[4],"closeButtonLabel":[1,"close-button-label"],"isClosing":[32],"isOpen":[32],"open":[64],"close":[64]}]]],["bds-checkbox.cjs",[[836,"bds-checkbox",{"name":[513],"disabled":[516],"required":[516],"checked":[1540],"indeterminate":[1540],"error":[516],"value":[1],"label":[1],"isDisabled":[32]},null,{"checked":[{"onCheckedChange":0}],"disabled":[{"onDisabledChange":0}]}]]],["bds-divider.cjs",[[0,"bds-divider",{"orientation":[513]},null,{"orientation":[{"checkPropValues":0}]}]]],["bds-flag.cjs",[[0,"bds-flag",{"alignFlag":[1,"align-flag"],"callSign":[4,"call-sign"],"country":[1],"customFlags":[16],"identifier":[1],"label":[4],"shape":[1],"shortName":[4,"short-name"]},null,{"alignFlag":[{"checkPropValues":0}],"identifier":[{"checkPropValues":0}],"shape":[{"checkPropValues":0}]}]]],["bds-grid.cjs",[[260,"bds-grid",{"layout":[1],"rowGap":[1,"row-gap"]},null,{"layout":[{"checkPropValues":0}]}]]],["bds-grid-item.cjs",[[260,"bds-grid-item",{"colSpan":[520,"col-span"],"colSpanSm":[520,"col-span-sm"],"colSpanMd":[520,"col-span-md"],"colSpanLg":[520,"col-span-lg"],"colSpanXl":[520,"col-span-xl"],"colSpan2xl":[520,"col-span-2xl"],"rowSpan":[520,"row-span"],"offset":[514]},null,{"colSpan":[{"checkPropValues":0}],"colSpanSm":[{"checkPropValues":0}],"colSpanMd":[{"checkPropValues":0}],"colSpanLg":[{"checkPropValues":0}],"colSpanXl":[{"checkPropValues":0}],"colSpan2xl":[{"checkPropValues":0}],"rowSpan":[{"checkPropValues":0}],"offset":[{"checkPropValues":0}]}]]],["bds-list-menu.cjs",[[260,"bds-list-menu",{"multiple":[4],"menuRole":[1,"menu-role"],"selectedValues":[32],"getSelectedValues":[64],"setSelectedValues":[64]},[[0,"bdsSelect","handleItemClick"]]]]],["bds-spinner.cjs",[[0,"bds-spinner",{"size":[1],"label":[1]},null,{"size":[{"checkPropValues":0}]}]]],["bds-status.cjs",[[260,"bds-status",{"state":[1],"indicator":[1]},null,{"state":[{"checkPropValues":0}],"indicator":[{"checkPropValues":0}]}]]],["bds-tag.cjs",[[260,"bds-tag",{"multiselect":[4],"selected":[4],"closeButtonLabel":[1,"close-button-label"],"color":[1],"readonly":[4],"disabled":[4],"internalSelected":[32]},null,{"color":[{"checkPropValues":0}],"selected":[{"syncSelectedFromProp":0}]}]]],["bds-button.cjs",[[324,"bds-button",{"label":[1],"disabled":[4],"name":[1],"type":[1],"color":[1],"variant":[1],"size":[1],"loading":[4],"disclosure":[4],"currentState":[32]},null,{"type":[{"checkPropValues":0}],"color":[{"checkPropValues":0}],"variant":[{"checkPropValues":0}],"size":[{"checkPropValues":0}]}]]],["bds-tooltip_2.cjs",[[260,"bds-typography",{"variant":[513],"size":[513],"state":[513],"customClass":[1,"custom-class"],"element":[1],"align":[1],"ellipsis":[4],"maxLines":[2,"max-lines"],"tooltipText":[1,"tooltip-text"],"required":[516],"htmlFor":[1,"html-for"],"href":[1],"target":[1],"downloadable":[4],"filename":[1],"sanitizedHref":[32]},null,{"href":[{"updateSanitizedHref":0}]}],[772,"bds-tooltip",{"multiline":[4],"disabled":[4],"floatingOptions":[16],"isVisible":[32]}]]]], options);
+  return index.bootstrapLazy(JSON.parse("[[\"bds-checkbox-group.cjs\",[[836,\"bds-checkbox-group\",{\"disabled\":[516],\"error\":[516],\"errorMessage\":[1,\"error-message\"],\"helperText\":[1,\"helper-text\"],\"info\":[1],\"label\":[1],\"name\":[513],\"orientation\":[513],\"required\":[516],\"type\":[513],\"value\":[1040],\"joined\":[516],\"isDisabled\":[32],\"isInvalid\":[32],\"checkValidity\":[64],\"reportValidity\":[64]},[[2,\"bdsChange\",\"handleCheckboxChange\"],[0,\"invalid\",\"handleInvalid\"],[2,\"valueChange\",\"handleValueChange\"]],{\"joined\":[{\"onJoinedChange\":0}],\"orientation\":[{\"checkPropValues\":0}],\"disabled\":[{\"onDisabledChange\":0}],\"error\":[{\"onErrorChange\":0}],\"isInvalid\":[{\"onErrorChange\":0}],\"value\":[{\"onValuesChange\":0}]}]]],[\"bds-list-menu.cjs\",[[260,\"bds-list-menu\",{\"selectionMode\":[1,\"selection-mode\"],\"menuRole\":[513,\"menu-role\"],\"selectControls\":[4,\"select-controls\"],\"empty\":[516],\"checkable\":[4],\"emptyText\":[1,\"empty-text\"],\"selectedValues\":[32],\"getSelectedValues\":[64],\"setSelectedValues\":[64],\"getAllItems\":[64]},[[0,\"bdsSelectItem\",\"handleItemClick\"]],{\"selectionMode\":[{\"checkProps\":0}],\"menuRole\":[{\"checkProps\":0}]}]]],[\"bds-list-menu-item.cjs\",[[772,\"bds-list-menu-item\",{\"variant\":[513],\"name\":[1],\"disabled\":[516],\"selected\":[516],\"value\":[513],\"checkable\":[516],\"activeItem\":[516,\"active-item\"],\"href\":[1],\"newTab\":[4,\"new-tab\"],\"download\":[1],\"currentState\":[32],\"boxChecked\":[32]},null,{\"variant\":[{\"checkPropsVariant\":0}],\"selected\":[{\"handleSelectedChange\":0}]}]]],[\"bds-radio-group.cjs\",[[836,\"bds-radio-group\",{\"disabled\":[516],\"error\":[516],\"errorMessage\":[1,\"error-message\"],\"helperText\":[1,\"helper-text\"],\"info\":[1],\"label\":[1],\"name\":[513],\"orientation\":[513],\"required\":[516],\"type\":[513],\"value\":[1025],\"joined\":[516],\"isDisabled\":[32],\"isInvalid\":[32],\"checkValidity\":[64],\"reportValidity\":[64]},[[0,\"bdsChange\",\"handleRadioChange\"],[0,\"invalid\",\"handleInvalid\"]],{\"joined\":[{\"onJoinedChange\":0}],\"orientation\":[{\"checkPropValues\":0}],\"disabled\":[{\"onDisabledChange\":0}],\"error\":[{\"onErrorChange\":0}],\"value\":[{\"onValueChange\":0}]}]]],[\"bds-breadcrumb-item.cjs\",[[260,\"bds-breadcrumb-item\",{\"active\":[4],\"router\":[4],\"collapsed\":[4],\"showCollapse\":[4,\"show-collapse\"],\"href\":[1],\"target\":[1],\"downloadable\":[4],\"filename\":[1],\"rel\":[1]}]]],[\"bds-checkbox-card.cjs\",[[836,\"bds-checkbox-card\",{\"name\":[513],\"disabled\":[516],\"required\":[516],\"value\":[513],\"label\":[1],\"checked\":[1540],\"indeterminate\":[516],\"error\":[516],\"isDisabled\":[32],\"isInvalid\":[32],\"isIndeterminate\":[32],\"checkValidity\":[64],\"reportValidity\":[64]},[[0,\"invalid\",\"handleInvalid\"]],{\"disabled\":[{\"onDisabledChange\":0}],\"indeterminate\":[{\"onIndeterminateChange\":0}],\"checked\":[{\"onCheckedChange\":0}]}]]],[\"bds-radio-card.cjs\",[[260,\"bds-radio-card\",{\"value\":[513],\"info\":[1],\"name\":[1],\"label\":[1],\"checked\":[1540],\"disabled\":[516],\"error\":[516]}]]],[\"bds-select.cjs\",[[260,\"bds-select\",{\"value\":[1537],\"searchable\":[4],\"name\":[1],\"valueString\":[32],\"popoverVisible\":[32]},null,{\"popoverVisible\":[{\"watchPopoverVisible\":0}],\"value\":[{\"watchValue\":0}],\"valueString\":[{\"watchValueString\":0}]}]]],[\"bds-slider.cjs\",[[576,\"bds-slider\",{\"min\":[514],\"max\":[514],\"type\":[513],\"label\":[513],\"step\":[514],\"showLimits\":[516,\"show-limits\"],\"value\":[1],\"disabled\":[516],\"name\":[513],\"disabledHandlers\":[513,\"disabled-handlers\"],\"discrete\":[516],\"tooltip\":[513],\"isDisabled\":[32],\"isDiscrete\":[32],\"internalValues\":[32],\"getValues\":[64],\"setValues\":[64]},null,{\"disabled\":[{\"onDisabledChange\":0}],\"disabledHandlers\":[{\"onDisabledHandlersChange\":0}],\"value\":[{\"onValueChange\":0}],\"type\":[{\"onConfigChange\":0}],\"discrete\":[{\"onConfigChange\":0}],\"min\":[{\"onRangeChange\":0}],\"max\":[{\"onRangeChange\":0}],\"step\":[{\"onRangeChange\":0}]}]]],[\"bds-text-field.cjs\",[[836,\"bds-text-field\",{\"name\":[513],\"disabled\":[516],\"required\":[516],\"value\":[1537],\"error\":[516],\"errorMessage\":[1,\"error-message\"],\"customValidators\":[16],\"validationTiming\":[1,\"validation-timing\"],\"type\":[513],\"variant\":[513],\"placeholder\":[1],\"readOnly\":[4,\"readonly\"],\"autocomplete\":[1],\"pattern\":[1],\"minLength\":[2,\"min-length\"],\"maxLength\":[2,\"max-length\"],\"label\":[1],\"sublabel\":[1],\"icon\":[1],\"helperText\":[1,\"helper-text\"],\"info\":[1],\"clearable\":[4],\"clearOnHover\":[4,\"clear-on-hover\"],\"charCount\":[2,\"char-count\"],\"counter\":[4],\"customWidth\":[1,\"custom-width\"],\"selectable\":[4],\"iconRight\":[1,\"icon-right\"],\"isDisabled\":[32],\"focused\":[32],\"showPassword\":[32],\"touched\":[32],\"dirty\":[32],\"currentCharCount\":[32],\"validationError\":[32],\"validationMessage\":[32],\"checkValidity\":[64],\"reportValidity\":[64]},null,{\"disabled\":[{\"onDisabledChange\":0}],\"type\":[{\"checkPropValues\":0}],\"variant\":[{\"checkPropValues\":0}],\"validationTiming\":[{\"checkPropValues\":0}],\"customValidators\":[{\"onCustomValidatorsChange\":0}],\"value\":[{\"onValueChange\":0}]}]]],[\"bds-toggle.cjs\",[[576,\"bds-toggle\",{\"name\":[513],\"disabled\":[516],\"required\":[516],\"info\":[1],\"error\":[516],\"errorMessage\":[513,\"error-message\"],\"checked\":[516],\"placement\":[513],\"label\":[513],\"helperText\":[513,\"helper-text\"],\"value\":[1],\"isDisabled\":[32],\"validationError\":[32],\"validationMessage\":[32],\"isChecked\":[32]},null,{\"checked\":[{\"onCheckedChange\":0}],\"disabled\":[{\"onDisabledChange\":0}]}]]],[\"bds-checkbox-button.cjs\",[[836,\"bds-checkbox-button\",{\"name\":[513],\"disabled\":[516],\"required\":[516],\"checked\":[1540],\"error\":[516],\"value\":[1],\"label\":[1],\"info\":[1],\"isDisabled\":[32],\"isInvalid\":[32],\"checkValidity\":[64],\"reportValidity\":[64]},[[0,\"invalid\",\"handleInvalid\"]],{\"checked\":[{\"onCheckedChange\":0}],\"disabled\":[{\"onDisabledChange\":0}]}]]],[\"bds-dialog.cjs\",[[772,\"bds-dialog\",{\"active\":[1540],\"preventClose\":[4,\"prevent-close\"],\"height\":[1],\"width\":[1],\"layout\":[1],\"contentPadding\":[1,\"content-padding\"],\"backdropClose\":[4,\"backdrop-close\"],\"escapeClose\":[4,\"escape-close\"],\"size\":[1],\"variant\":[1],\"titleDialog\":[1,\"title-dialog\"],\"maximizable\":[4],\"closable\":[4],\"open\":[64],\"close\":[64]},null,{\"active\":[{\"handleIsOpenChange\":0}]}]]],[\"bds-radio.cjs\",[[260,\"bds-radio\",{\"checked\":[1540],\"disabled\":[516],\"value\":[1],\"name\":[513],\"label\":[1],\"error\":[516],\"info\":[1]}]]],[\"bds-radio-button.cjs\",[[260,\"bds-radio-button\",{\"checked\":[1540],\"disabled\":[516],\"error\":[516],\"value\":[1],\"name\":[513],\"label\":[1],\"info\":[1]}]]],[\"bds-avatar.cjs\",[[0,\"bds-avatar\",{\"username\":[1],\"variant\":[1],\"background\":[1],\"initialsColor\":[1,\"initials-color\"]}]]],[\"bds-badge.cjs\",[[260,\"bds-badge\",{\"variant\":[1],\"disabled\":[4]},null,{\"variant\":[{\"checkPropValues\":0}]}]]],[\"bds-banner.cjs\",[[260,\"bds-banner\",{\"variant\":[1],\"closable\":[4],\"closeButtonLabel\":[1,\"close-button-label\"],\"isClosing\":[32],\"isOpen\":[32],\"open\":[64],\"close\":[64]}]]],[\"bds-breadcrumb.cjs\",[[260,\"bds-breadcrumb\",{\"separator\":[1],\"maxItems\":[2,\"max-items\"],\"itemsBeforeCollapse\":[2,\"items-before-collapse\"],\"itemsAfterCollapse\":[2,\"items-after-collapse\"]},[[2,\"bdsClickCollapse\",\"onCollapsedClick\"],[2,\"bdsClick\",\"onBreadcrumbClick\"]],{\"separator\":[{\"onSeparatorChange\":0}],\"maxItems\":[{\"onMaxItemsChange\":0}]}]]],[\"bds-button-group.cjs\",[[260,\"bds-button-group\",{\"size\":[1],\"orientation\":[1],\"label\":[1],\"color\":[1],\"variant\":[1]},null,{\"size\":[{\"validateProps\":0},{\"propagatePropsToButtons\":0}],\"orientation\":[{\"validateProps\":0}],\"color\":[{\"validateProps\":0},{\"propagatePropsToButtons\":0}],\"variant\":[{\"validateProps\":0},{\"propagatePropsToButtons\":0}]}]]],[\"bds-flag.cjs\",[[0,\"bds-flag\",{\"alignFlag\":[1,\"align-flag\"],\"callSign\":[4,\"call-sign\"],\"country\":[1],\"customFlags\":[16],\"identifier\":[1],\"label\":[4],\"shape\":[1],\"shortName\":[4,\"short-name\"]},null,{\"alignFlag\":[{\"checkPropValues\":0}],\"identifier\":[{\"checkPropValues\":0}],\"shape\":[{\"checkPropValues\":0}]}]]],[\"bds-grid.cjs\",[[260,\"bds-grid\",{\"layout\":[1],\"rowGap\":[1,\"row-gap\"]},null,{\"layout\":[{\"checkPropValues\":0}]}]]],[\"bds-grid-item.cjs\",[[260,\"bds-grid-item\",{\"colSpan\":[520,\"col-span\"],\"colSpanSm\":[520,\"col-span-sm\"],\"colSpanMd\":[520,\"col-span-md\"],\"colSpanLg\":[520,\"col-span-lg\"],\"colSpanXl\":[520,\"col-span-xl\"],\"colSpan2xl\":[520,\"col-span-2xl\"],\"rowSpan\":[520,\"row-span\"],\"offset\":[514]},null,{\"colSpan\":[{\"checkPropValues\":0}],\"colSpanSm\":[{\"checkPropValues\":0}],\"colSpanMd\":[{\"checkPropValues\":0}],\"colSpanLg\":[{\"checkPropValues\":0}],\"colSpanXl\":[{\"checkPropValues\":0}],\"colSpan2xl\":[{\"checkPropValues\":0}],\"rowSpan\":[{\"checkPropValues\":0}],\"offset\":[{\"checkPropValues\":0}]}]]],[\"bds-spinner.cjs\",[[0,\"bds-spinner\",{\"size\":[1],\"label\":[1]},null,{\"size\":[{\"checkPropValues\":0}]}]]],[\"bds-status.cjs\",[[260,\"bds-status\",{\"state\":[1],\"indicator\":[1]},null,{\"state\":[{\"checkPropValues\":0}],\"indicator\":[{\"checkPropValues\":0}]}]]],[\"bds-tag.cjs\",[[260,\"bds-tag\",{\"multiselect\":[4],\"selected\":[4],\"closeButtonLabel\":[1,\"close-button-label\"],\"color\":[1],\"readonly\":[4],\"disabled\":[4],\"internalSelected\":[32]},null,{\"color\":[{\"checkPropValues\":0}],\"selected\":[{\"syncSelectedFromProp\":0}]}]]],[\"bds-popover.cjs\",[[772,\"bds-popover\",{\"floatingOptions\":[16],\"disabled\":[4],\"width\":[8],\"header\":[4],\"footer\":[4],\"closable\":[4],\"isVisible\":[32],\"openPopover\":[64],\"closePopover\":[64]}]]],[\"bds-tooltip_2.cjs\",[[260,\"bds-typography\",{\"variant\":[513],\"size\":[513],\"state\":[513],\"rel\":[1],\"customClass\":[1,\"custom-class\"],\"element\":[1],\"align\":[1],\"ellipsis\":[4],\"maxLines\":[2,\"max-lines\"],\"tooltipText\":[1,\"tooltip-text\"],\"required\":[516],\"htmlFor\":[1,\"html-for\"],\"href\":[1],\"target\":[1],\"downloadable\":[4],\"filename\":[1],\"sanitizedHref\":[32]},null,{\"href\":[{\"updateSanitizedHref\":0}]}],[772,\"bds-tooltip\",{\"multiline\":[4],\"disabled\":[4],\"floatingOptions\":[16],\"isVisible\":[32]}]]],[\"bds-checkbox.cjs\",[[836,\"bds-checkbox\",{\"name\":[513],\"info\":[513],\"disabled\":[516],\"required\":[516],\"checked\":[1540],\"indeterminate\":[1540],\"error\":[516],\"value\":[1],\"label\":[1],\"isDisabled\":[32],\"isInvalid\":[32],\"checkValidity\":[64],\"reportValidity\":[64]},[[0,\"invalid\",\"handleInvalid\"]],{\"checked\":[{\"onCheckedChange\":0}],\"disabled\":[{\"onDisabledChange\":0}]}]]],[\"bds-divider.cjs\",[[0,\"bds-divider\",{\"orientation\":[513]},null,{\"orientation\":[{\"checkPropValues\":0}]}]]],[\"bds-button.cjs\",[[324,\"bds-button\",{\"label\":[1],\"disabled\":[4],\"name\":[1],\"type\":[1],\"color\":[1],\"variant\":[1],\"size\":[1],\"loading\":[4],\"disclosure\":[4],\"currentState\":[32]},null,{\"type\":[{\"checkPropValues\":0}],\"color\":[{\"checkPropValues\":0}],\"variant\":[{\"checkPropValues\":0}],\"size\":[{\"checkPropValues\":0}]}]]]]"), options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/cjs/checkbox-form-association-DTEpHXUD.js

@@ -0,0 +1,43 @@
+'use strict';
+
+function useFormCheckbox(component, value) {
+    const updateFormValue = () => {
+        component.internals.setFormValue(component.checked ? component.value : null);
+    };
+    const updateFormValidity = () => {
+        if (component.required && !component.checked) {
+            component.internals.setValidity({ valueMissing: true }, ' ', component.el);
+        }
+        else {
+            component.internals.setValidity({});
+            if (component.isInvalid)
+                component.isInvalid = false;
+        }
+    };
+    const syncFormValue = () => {
+        updateFormValue();
+        updateFormValidity();
+    };
+    return {
+        syncFormValue,
+        formAssociatedCallback: () => {
+            syncFormValue();
+        },
+        formResetCallback: () => {
+            component.checked = false;
+            component.isInvalid = false;
+            component.indeterminate = false;
+            component.internals.setFormValue(null);
+            updateFormValidity();
+        },
+        formStateRestoreCallback: (restoreState) => {
+            component.checked = restoreState === value;
+            syncFormValue();
+        },
+        formDisabledCallback: (disabled) => {
+            component.isDisabled = disabled;
+        },
+    };
+}
+
+exports.useFormCheckbox = useFormCheckbox;

package/dist/cjs/coreColors-CQGojc0l.js

@@ -0,0 +1,10 @@
+'use strict';
+
+const CORE_COLORS = {
+    DEFAULT: 'default',
+    PRIMARY: 'primary',
+    SUCCESS: 'success',
+    ERROR: 'error',
+};
+
+exports.CORE_COLORS = CORE_COLORS;

package/dist/cjs/{enum-DLblRCkQ.js → enum-DeTWfR0D.js}

@@ -6,9 +6,9 @@ const BUTTON_VARIANTS = {
     PLAIN: 'plain',
 };
 const BUTTON_SIZES = {
-    SMALL: 'small',
-    MEDIUM: 'medium',
-    LARGE: 'large',
+    SMALL: 'sm',
+    MEDIUM: 'md',
+    LARGE: 'lg',
 };
 const BUTTON_TYPES = {
     BUTTON: 'button',

package/dist/cjs/form-associated.mixin-BCR6bj29.js

@@ -0,0 +1,33 @@
+'use strict';
+
+/**
+ * Shared base mixin for Form-Associated Custom Elements in Boreal DS.
+ *
+ * Provides `formDisabledCallback` — the only behavior that is identical across
+ * all FACE components. It writes to the component's `isDisabled` state, which
+ * each component must declare as `@State() private isDisabled: boolean = false`.
+ *
+ * Each component must declare directly on its class body:
+ * - `@AttachInternals() internals!: ElementInternals`
+ * - `@Prop({ reflect: true }) readonly name!: string`
+ * - `@Prop({ reflect: true }) readonly disabled: boolean = false`
+ * - `@Prop({ reflect: true }) readonly required: boolean = false`
+ * - `@State() private isDisabled: boolean = false`
+ * - `@Watch('disabled') onDisabledChange(next: boolean) { this.isDisabled = next; }`
+ *
+ * Stencil's compiler requires `@Prop` and `@State` decorators to be statically
+ * visible on the component class — they cannot be inherited from a mixin.
+ *
+ * Components must also implement `IFormControl<T>` for value registration,
+ * reset, state restoration, and 2-way binding event emission.
+ */
+const formAssociatedMixin = (Base) => {
+    class FormAssociated extends Base {
+        formDisabledCallback(disabled) {
+            this.isDisabled = disabled;
+        }
+    }
+    return FormAssociated;
+};
+
+exports.formAssociatedMixin = formAssociatedMixin;

package/dist/cjs/{getOffset-m4hBgyVP.js → getOffset-CsDHFjPW.js}

@@ -1,7 +1,8 @@
 'use strict';
 
+var Logger = require('./Logger-DnziItRH.js');
 var floating_mixin = require('./floating.mixin-Bje4320w.js');
-var Keys = require('./Keys-DbIXSJF2.js');
+var Keys = require('./Keys-DXn16dlA.js');
 
 /**
  * Centralize list of events to add listeners to the component.
@@ -1628,54 +1629,6 @@ const computePosition = (reference, floating, options) => {
   });
 };
 
-/**
- * Default implementation of the logger service.
- * This class is responsible for logging errors, warnings and messages to the DevTools console.
- */
-class Logger {
-    /**
-     * Throw a normalized error with the component name and the message.
-     * @param component Is the name of the component that is throwing the error.
-     * @param message Is the message of the error.
-     * @throws Error with the component name and the message.
-     * @example
-     * const logger = new Logger();
-     * logger.error('MyComponent', 'This is an error');
-     * // Throws an error with the message "[MyComponent]: This is an error"
-     */
-    error(component, message) {
-        throw new Error(`[${component}]: ${message}`);
-    }
-    /**
-     * Log a warning with the component name and the message.
-     * @param component Is the name of the component that is throwing the warning.
-     * @param message Is the message of the warning.
-     * @example
-     * const logger = new Logger();
-     * logger.warn('MyComponent', 'This is a warning');
-     * // Logs a warning with the message "[MyComponent]: This is a warning"
-     */
-    warn(component, message) {
-        console.warn(`[${component}]: ${message}`);
-    }
-    /**
-     * Log a message with the component name and the message.
-     * @param component Is the name of the component that is logging the message.
-     * @param message Is the message of the message.
-     * @example
-     * const logger = new Logger();
-     * logger.log('MyComponent', 'This is a message');
-     * // Logs a message with the message "[MyComponent]: This is a message"
-     * @example
-     * const logger = new Logger();
-     * logger.log('MyComponent', 'This is a message');
-     * // Logs a message with the message "[MyComponent]: This is a message"
-     */
-    log(component, message) {
-        console.log(`[${component}]: ${message}`);
-    }
-}
-
 class FloatingAdapter {
     /**
      * Constructor of the adapter.
@@ -1741,7 +1694,7 @@ class FloatingAdapter {
  */
 class PositioningEngine extends FloatingAdapter {
     constructor() {
-        const logger = new Logger();
+        const logger = new Logger.Logger();
         super(logger);
     }
 }
@@ -1913,9 +1866,9 @@ const anchoredMixin = (Base) => {
          * @param hideFn - Bound hide function
          */
         handleKeydown(e, showFn, hideFn) {
-            if (e.key === Keys.KEYBOARD.Enter.key || e.key === ' ')
+            if (e.key === Keys.KEYBOARD.Enter || e.key === Keys.KEYBOARD.Space)
                 showFn();
-            if (e.key === Keys.KEYBOARD.Escape.key)
+            if (e.key === Keys.KEYBOARD.Escape)
                 hideFn();
         }
         /**
@@ -2034,7 +1987,7 @@ const anchoredMixin = (Base) => {
             this.show = this.show.bind(this);
             this.hide = this.hide.bind(this);
             this.positionEngine = new PositioningEngine();
-            this.logger = new Logger();
+            this.logger = new Logger.Logger();
             this.cleanupAutoUpdate = undefined;
             this.previousTrigger = undefined;
         }