@telesign/boreal-web-components 0.1.0-alpha.1 → 0.1.0-alpha.2

package/dist/esm/bds-button.entry.js

@@ -0,0 +1,183 @@
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-DQvmq159.js';
+import { C as COMPONENT_STATES } from './states-DQR-jjOl.js';
+
+const BUTTON_VARIANTS = {
+    DEFAULT: 'default',
+    OUTLINE: 'outline',
+    PLAIN: 'plain',
+};
+const BUTTON_SIZES = {
+    SMALL: 'small',
+    MEDIUM: 'medium',
+    LARGE: 'large',
+};
+const BUTTON_TYPES = {
+    BUTTON: 'button',
+    SUBMIT: 'submit',
+    RESET: 'reset',
+};
+
+const CORE_COLORS = {
+    DEFAULT: 'default',
+    PRIMARY: 'primary',
+    SUCCESS: 'success',
+    ERROR: 'error',
+};
+
+/**
+ * Validates a component prop against a list of accepted values.
+ * If the current value is invalid, the prop is reset to the fallback and a warning is issued.
+ *
+ * @param acceptedValues - The list of valid values for the prop.
+ * @param fallbackValue - The value to apply when the current value is invalid.
+ * @param element - The host element whose property will be corrected.
+ * @param propertyName - The name of the prop to validate.
+ */
+function validatePropValue(acceptedValues, fallbackValue, element, propertyName) {
+    const currentValue = element[propertyName];
+    if (acceptedValues.includes(currentValue))
+        return;
+    element[propertyName] = fallbackValue;
+    console.warn(`[BorealDS] Invalid value "${currentValue}" for prop "${propertyName}" on <${element.tagName.toLowerCase()}>. Expected one of: ${acceptedValues.join(', ')}.`);
+}
+
+const bdsButtonCss = () => `bds-button{position:relative;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}.bds-button{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-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, box-shadow 0.3s ease, border-color 0.3s ease;transition:background-color 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease, -webkit-box-shadow 0.3s ease;margin:var(--boreal-spacing-2xs) var(--boreal-spacing-3xs);outline:none;font-family:"Inter", sans-serif;font-weight:var(--boreal-typography-font-weight-semibold);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;vertical-align:middle}.bds-button .bds-button__content{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;gap:var(--boreal-spacing-2xs)}.bds-button--is-loading{pointer-events:none;position:relative;color:transparent !important}.bds-button--is-loading::after{position:absolute;content:" ";-webkit-box-sizing:inherit;box-sizing:inherit;-webkit-animation:rotateSpinner 0.5s linear infinite;animation:rotateSpinner 0.5s linear infinite;border-radius:9999px;display:block;height:1em;width:1em;rotate:45deg;left:calc(50% - 0.5em);top:calc(50% - 0.5em);border:3px solid;border-right-color:transparent;border-top-color:transparent}.bds-button--size-small{border-radius:var(--boreal-radius-xs);font-size:var(--boreal-typography-font-size-xs);padding:var(--boreal-spacing-3xs) var(--boreal-spacing-2xs);line-height:var(--boreal-typography-line-height-xs);height:26px}.bds-button--size-small .bds-button__content{padding:var(--boreal-spacing-3xs) var(--boreal-spacing-2xs)}.bds-button--size-small .bds-button__content-icon{display:-ms-flexbox;display:flex;font-size:var(--boreal-typography-font-size-sm);line-height:var(--boreal-typography-line-height-xs)}.bds-button--size-small .bds-button__content-icon:empty{display:none}.bds-button--size-small .bds-button__content{}.bds-button--size-small .bds-button__content-badge:empty{display:none}.bds-button--size-small .bds-button__content-badge{display:none}.bds-button--size-medium{border-radius:var(--boreal-radius-xs);font-size:var(--boreal-typography-font-size-sm);padding:var(--boreal-spacing-2xs) var(--boreal-spacing-1xs);line-height:var(--boreal-typography-line-height-sm);height:32px}.bds-button--size-medium .bds-button__content{padding:var(--boreal-spacing-3xs) var(--boreal-spacing-2xs)}.bds-button--size-medium .bds-button__content-icon{display:-ms-flexbox;display:flex;font-size:var(--boreal-typography-font-size-md);line-height:var(--boreal-typography-line-height-sm)}.bds-button--size-medium .bds-button__content-icon:empty{display:none}.bds-button--size-medium .bds-button__content{}.bds-button--size-medium .bds-button__content-badge:empty{display:none}.bds-button--size-large{border-radius:var(--boreal-radius-xs);font-size:var(--boreal-typography-font-size-md);padding:var(--boreal-spacing-xs);line-height:var(--boreal-typography-line-height-md);height:44px}.bds-button--size-large .bds-button__content{padding:var(--boreal-spacing-3xs) var(--boreal-spacing-2xs)}.bds-button--size-large .bds-button__content-icon{display:-ms-flexbox;display:flex;font-size:var(--boreal-typography-font-size-lg);line-height:var(--boreal-typography-line-height-md)}.bds-button--size-large .bds-button__content-icon:empty{display:none}.bds-button--size-large .bds-button__content{}.bds-button--size-large .bds-button__content-badge:empty{display:none}.bds-button.bds-button--var-default.bds-button--default{color:var(--boreal-text-default);background-color:var(--boreal-ui-inverse);border-color:transparent}.bds-button.bds-button--var-default.bds-button--default:hover{background-color:var(--boreal-ui-default-lighter);-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-button.bds-button--var-default.bds-button--default:focus{background-color:var(--boreal-ui-default-lighter);-webkit-box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus);box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus)}.bds-button.bds-button--var-default.bds-button--default:active,.bds-button.bds-button--var-default.bds-button--default.bds-button--state-active{background-color:var(--boreal-ui-default-lighter);-webkit-box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset;box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset}.bds-button.bds-button--var-default.bds-button--default.bds-button--is-disabled,.bds-button.bds-button--var-default.bds-button--default.bds-button--is-loading{cursor:not-allowed;color:var(--boreal-text-disabled);background-color:var(--boreal-ui-inverse);border-color:transparent;-webkit-box-shadow:none;box-shadow:none}.bds-button.bds-button--var-default.bds-button--default.bds-button--is-loading::after{border-left-color:var(--boreal-text-disabled);border-bottom-color:var(--boreal-text-disabled)}.bds-button.bds-button--var-default.bds-button--primary{color:var(--boreal-text-inverse);background-color:var(--boreal-ui-primary-base);border-color:transparent}.bds-button.bds-button--var-default.bds-button--primary:hover{background-color:var(--boreal-ui-primary-dark);-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-button.bds-button--var-default.bds-button--primary:focus{background-color:var(--boreal-ui-primary-base);-webkit-box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus);box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus)}.bds-button.bds-button--var-default.bds-button--primary:active,.bds-button.bds-button--var-default.bds-button--primary.bds-button--state-active{background-color:var(--boreal-ui-primary-dark);-webkit-box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus);box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus)}.bds-button.bds-button--var-default.bds-button--primary.bds-button--is-disabled,.bds-button.bds-button--var-default.bds-button--primary.bds-button--is-loading{cursor:not-allowed;color:var(--boreal-text-inverse);background-color:var(--boreal-ui-primary-light);border-color:transparent;-webkit-box-shadow:none;box-shadow:none}.bds-button.bds-button--var-default.bds-button--primary.bds-button--is-loading::after{border-left-color:var(--boreal-text-inverse);border-bottom-color:var(--boreal-text-inverse)}.bds-button.bds-button--var-default.bds-button--success{color:var(--boreal-text-inverse);background-color:var(--boreal-ui-success-base);border-color:transparent}.bds-button.bds-button--var-default.bds-button--success:hover{background-color:var(--boreal-ui-success-dark);-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-button.bds-button--var-default.bds-button--success:focus{background-color:var(--boreal-ui-success-base);-webkit-box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus);box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus)}.bds-button.bds-button--var-default.bds-button--success:active,.bds-button.bds-button--var-default.bds-button--success.bds-button--state-active{background-color:var(--boreal-ui-success-dark);-webkit-box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus);box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus)}.bds-button.bds-button--var-default.bds-button--success.bds-button--is-disabled,.bds-button.bds-button--var-default.bds-button--success.bds-button--is-loading{cursor:not-allowed;color:var(--boreal-text-inverse);background-color:var(--boreal-ui-success-light);border-color:transparent;-webkit-box-shadow:none;box-shadow:none}.bds-button.bds-button--var-default.bds-button--success.bds-button--is-loading::after{border-left-color:var(--boreal-text-inverse);border-bottom-color:var(--boreal-text-inverse)}.bds-button.bds-button--var-default.bds-button--error{color:var(--boreal-text-inverse);background-color:var(--boreal-ui-danger-base);border-color:transparent}.bds-button.bds-button--var-default.bds-button--error:hover{background-color:var(--boreal-ui-danger-dark);-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-button.bds-button--var-default.bds-button--error:focus{background-color:var(--boreal-ui-danger-base);-webkit-box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus);box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus)}.bds-button.bds-button--var-default.bds-button--error:active,.bds-button.bds-button--var-default.bds-button--error.bds-button--state-active{background-color:var(--boreal-ui-danger-dark);-webkit-box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus);box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus)}.bds-button.bds-button--var-default.bds-button--error.bds-button--is-disabled,.bds-button.bds-button--var-default.bds-button--error.bds-button--is-loading{cursor:not-allowed;color:var(--boreal-text-inverse);background-color:var(--boreal-ui-danger-light);border-color:transparent;-webkit-box-shadow:none;box-shadow:none}.bds-button.bds-button--var-default.bds-button--error.bds-button--is-loading::after{border-left-color:var(--boreal-text-inverse);border-bottom-color:var(--boreal-text-inverse)}.bds-button.bds-button--var-outline{background-color:transparent}.bds-button.bds-button--var-outline.bds-button--default{color:var(--boreal-text-default);background-color:transparent;border-color:var(--boreal-stroke-default-light)}.bds-button.bds-button--var-outline.bds-button--default:hover{background-color:var(--boreal-ui-default-lighter);-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-button.bds-button--var-outline.bds-button--default:focus{background-color:var(--boreal-ui-default-lighter);-webkit-box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus);box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus)}.bds-button.bds-button--var-outline.bds-button--default:active,.bds-button.bds-button--var-outline.bds-button--default.bds-button--state-active{background-color:var(--boreal-ui-default-lighter);-webkit-box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus);box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus)}.bds-button.bds-button--var-outline.bds-button--default.bds-button--is-disabled,.bds-button.bds-button--var-outline.bds-button--default.bds-button--is-loading{cursor:not-allowed;color:var(--boreal-text-disabled);background-color:var(--boreal-ui-inverse);border-color:var(--boreal-stroke-default-light);-webkit-box-shadow:none;box-shadow:none}.bds-button.bds-button--var-outline.bds-button--default.bds-button--is-loading::after{border-left-color:var(--boreal-text-disabled);border-bottom-color:var(--boreal-text-disabled)}.bds-button.bds-button--var-outline.bds-button--primary{color:var(--boreal-text-primary-base);background-color:transparent;border-color:var(--boreal-ui-primary-base)}.bds-button.bds-button--var-outline.bds-button--primary:hover{background-color:var(--boreal-ui-primary-lighter);-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-button.bds-button--var-outline.bds-button--primary:focus{background-color:var(--boreal-ui-primary-lighter);-webkit-box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus);box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus)}.bds-button.bds-button--var-outline.bds-button--primary:active,.bds-button.bds-button--var-outline.bds-button--primary.bds-button--state-active{background-color:var(--boreal-ui-primary-lighter);-webkit-box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus);box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus)}.bds-button.bds-button--var-outline.bds-button--primary.bds-button--is-disabled,.bds-button.bds-button--var-outline.bds-button--primary.bds-button--is-loading{cursor:not-allowed;color:var(--boreal-text-primary-light);background-color:transparent;border-color:var(--boreal-stroke-primary-light);-webkit-box-shadow:none;box-shadow:none}.bds-button.bds-button--var-outline.bds-button--primary.bds-button--is-loading::after{border-left-color:var(--boreal-text-primary-light);border-bottom-color:var(--boreal-text-primary-light)}.bds-button.bds-button--var-outline.bds-button--success{color:var(--boreal-text-success-base);background-color:transparent;border-color:var(--boreal-stroke-success-base)}.bds-button.bds-button--var-outline.bds-button--success:hover{background-color:var(--boreal-ui-success-lighter);-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-button.bds-button--var-outline.bds-button--success:focus{background-color:var(--boreal-ui-success-lighter);-webkit-box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus);box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus)}.bds-button.bds-button--var-outline.bds-button--success:active,.bds-button.bds-button--var-outline.bds-button--success.bds-button--state-active{background-color:var(--boreal-ui-success-lighter);-webkit-box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus);box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus)}.bds-button.bds-button--var-outline.bds-button--success.bds-button--is-disabled,.bds-button.bds-button--var-outline.bds-button--success.bds-button--is-loading{cursor:not-allowed;color:var(--boreal-text-success-light);background-color:transparent;border-color:var(--boreal-stroke-success-light);-webkit-box-shadow:none;box-shadow:none}.bds-button.bds-button--var-outline.bds-button--success.bds-button--is-loading::after{border-left-color:var(--boreal-text-success-light);border-bottom-color:var(--boreal-text-success-light)}.bds-button.bds-button--var-outline.bds-button--error{color:var(--boreal-text-danger-base);background-color:transparent;border-color:var(--boreal-stroke-danger-base)}.bds-button.bds-button--var-outline.bds-button--error:hover{background-color:var(--boreal-ui-danger-lighter);-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-button.bds-button--var-outline.bds-button--error:focus{background-color:var(--boreal-ui-danger-lighter);-webkit-box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus);box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus)}.bds-button.bds-button--var-outline.bds-button--error:active,.bds-button.bds-button--var-outline.bds-button--error.bds-button--state-active{background-color:var(--boreal-ui-danger-lighter);-webkit-box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus);box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus)}.bds-button.bds-button--var-outline.bds-button--error.bds-button--is-disabled,.bds-button.bds-button--var-outline.bds-button--error.bds-button--is-loading{cursor:not-allowed;color:var(--boreal-text-danger-light);background-color:transparent;border-color:var(--boreal-stroke-danger-light);-webkit-box-shadow:none;box-shadow:none}.bds-button.bds-button--var-outline.bds-button--error.bds-button--is-loading::after{border-left-color:var(--boreal-text-danger-light);border-bottom-color:var(--boreal-text-danger-light)}.bds-button.bds-button--var-plain{background-color:transparent}.bds-button.bds-button--var-plain.bds-button--default{color:var(--boreal-text-default);background-color:transparent;border-color:transparent}.bds-button.bds-button--var-plain.bds-button--default:hover{background-color:var(--boreal-ui-default-lighter);-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-button.bds-button--var-plain.bds-button--default:focus{background-color:var(--boreal-ui-default-lighter);-webkit-box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus);box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus)}.bds-button.bds-button--var-plain.bds-button--default:active,.bds-button.bds-button--var-plain.bds-button--default.bds-button--state-active{background-color:var(--boreal-ui-default-lighter);-webkit-box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset;box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset}.bds-button.bds-button--var-plain.bds-button--default.bds-button--is-disabled,.bds-button.bds-button--var-plain.bds-button--default.bds-button--is-loading{cursor:not-allowed;color:var(--boreal-text-disabled);background-color:var(--boreal-ui-inverse);border-color:transparent;-webkit-box-shadow:none;box-shadow:none}.bds-button.bds-button--var-plain.bds-button--default.bds-button--is-loading::after{border-left-color:var(--boreal-text-disabled);border-bottom-color:var(--boreal-text-disabled)}.bds-button.bds-button--var-plain.bds-button--primary{color:var(--boreal-text-primary-base);background-color:transparent;border-color:transparent}.bds-button.bds-button--var-plain.bds-button--primary:hover{background-color:var(--boreal-ui-primary-lighter);-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-button.bds-button--var-plain.bds-button--primary:focus{background-color:var(--boreal-ui-primary-lighter);-webkit-box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus);box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus)}.bds-button.bds-button--var-plain.bds-button--primary:active,.bds-button.bds-button--var-plain.bds-button--primary.bds-button--state-active{background-color:var(--boreal-ui-primary-lighter);-webkit-box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset;box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset}.bds-button.bds-button--var-plain.bds-button--primary.bds-button--is-disabled,.bds-button.bds-button--var-plain.bds-button--primary.bds-button--is-loading{cursor:not-allowed;color:var(--boreal-text-primary-light);background-color:transparent;border-color:transparent;-webkit-box-shadow:none;box-shadow:none}.bds-button.bds-button--var-plain.bds-button--primary.bds-button--is-loading::after{border-left-color:var(--boreal-text-primary-light);border-bottom-color:var(--boreal-text-primary-light)}.bds-button.bds-button--var-plain.bds-button--success{color:var(--boreal-text-success-base);background-color:transparent;border-color:transparent}.bds-button.bds-button--var-plain.bds-button--success:hover{background-color:var(--boreal-ui-success-lighter);-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-button.bds-button--var-plain.bds-button--success:focus{background-color:var(--boreal-ui-success-lighter);-webkit-box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus);box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus)}.bds-button.bds-button--var-plain.bds-button--success:active,.bds-button.bds-button--var-plain.bds-button--success.bds-button--state-active{background-color:var(--boreal-ui-success-lighter);-webkit-box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset;box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset}.bds-button.bds-button--var-plain.bds-button--success.bds-button--is-disabled,.bds-button.bds-button--var-plain.bds-button--success.bds-button--is-loading{cursor:not-allowed;color:var(--boreal-text-success-light);background-color:transparent;border-color:transparent;-webkit-box-shadow:none;box-shadow:none}.bds-button.bds-button--var-plain.bds-button--success.bds-button--is-loading::after{border-left-color:var(--boreal-text-success-light);border-bottom-color:var(--boreal-text-success-light)}.bds-button.bds-button--var-plain.bds-button--error{color:var(--boreal-text-danger-base);background-color:transparent;border-color:transparent}.bds-button.bds-button--var-plain.bds-button--error:hover{background-color:var(--boreal-ui-danger-lighter);-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-button.bds-button--var-plain.bds-button--error:focus{background-color:var(--boreal-ui-danger-lighter);-webkit-box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus);box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus)}.bds-button.bds-button--var-plain.bds-button--error:active,.bds-button.bds-button--var-plain.bds-button--error.bds-button--state-active{background-color:var(--boreal-ui-danger-lighter);-webkit-box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset;box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset}.bds-button.bds-button--var-plain.bds-button--error.bds-button--is-disabled,.bds-button.bds-button--var-plain.bds-button--error.bds-button--is-loading{cursor:not-allowed;color:var(--boreal-text-danger-light);background-color:transparent;border-color:transparent;-webkit-box-shadow:none;box-shadow:none}.bds-button.bds-button--var-plain.bds-button--error.bds-button--is-loading::after{border-left-color:var(--boreal-text-danger-light);border-bottom-color:var(--boreal-text-danger-light)}@-webkit-keyframes rotateSpinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotateSpinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}`;
+
+const BdsButton = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.bdsClick = createEvent(this, "bdsClick");
+        if (hostRef.$hostElement$["s-ei"]) {
+            this.internals = hostRef.$hostElement$["s-ei"];
+        }
+        else {
+            this.internals = hostRef.$hostElement$.attachInternals();
+            hostRef.$hostElement$["s-ei"] = this.internals;
+        }
+        /** State to manage states */
+        this.currentState = COMPONENT_STATES.DEFAULT;
+        /* Props to manage the button attributes */
+        /** The accessible name for the button, used for screen readers. It should be provided by the user for accessibility purposes. */
+        this.label = '';
+        /** disabled is a boolean attribute. Disables the button when true, preventing user interaction and applying disabled styles. */
+        this.disabled = false;
+        /** name is a string attribute. The name attribute for the button, useful for form submissions. */
+        this.name = '';
+        /** type is a string attribute. The type of the button, which can be 'button', 'submit', or 'reset'. Default is 'button'. */
+        this.type = BUTTON_TYPES.BUTTON;
+        /** color is a string attribute. The color theme of the button, which can be 'default', 'primary', 'success', or 'error'. Default is 'default'. */
+        this.color = CORE_COLORS.DEFAULT;
+        /** variant is a string attribute. The visual style of the button, which can be 'default', 'outline', or 'plain'. Default is 'default'.*/
+        this.variant = BUTTON_VARIANTS.DEFAULT;
+        /** size is a string attribute. The size of the button, which can be 'small', 'medium', or 'large'. Default is 'medium'. */
+        this.size = BUTTON_SIZES.MEDIUM;
+        /** loading is a boolean attribute. Indicates whether the button is in a loading state, which can be used to show a loading spinner and disable the button. Default is false. */
+        this.loading = false;
+        /** disclosure is a boolean attribute. Used to show a chevron down at the of the content */
+        this.disclosure = false;
+        /** Event for listen keydown from button, make navigation easier */
+        this.handleKeyDown = (event) => {
+            if (event.key === 'Enter' || event.key === ' ') {
+                this.currentState = COMPONENT_STATES.ACTIVE;
+                event.preventDefault();
+                this.bdsClick.emit(event);
+            }
+        };
+        /** reset status on keyup */
+        this.handleKeyUp = () => {
+            this.currentState = COMPONENT_STATES.DEFAULT;
+        };
+        /** Method to handle custom click events */
+        this.handleClick = (event) => {
+            event.preventDefault();
+            event.stopPropagation();
+            if (this.disabled || this.loading)
+                return;
+            if (this.type === BUTTON_TYPES.SUBMIT || this.type === BUTTON_TYPES.RESET) {
+                this.processFormClick();
+            }
+            else {
+                this.bdsClick.emit(event);
+            }
+        };
+    }
+    /** Validate props */
+    checkPropValues() {
+        validatePropValue(Object.values(BUTTON_TYPES), BUTTON_TYPES.BUTTON, this.el, 'type');
+        validatePropValue(Object.values(CORE_COLORS), CORE_COLORS.DEFAULT, this.el, 'color');
+        validatePropValue(Object.values(BUTTON_VARIANTS), BUTTON_VARIANTS.DEFAULT, this.el, 'variant');
+        validatePropValue(Object.values(BUTTON_SIZES), BUTTON_SIZES.MEDIUM, this.el, 'size');
+    }
+    /**  */
+    componentWillLoad() {
+        this.checkPropValues();
+    }
+    /** After component rendered */
+    componentDidLoad() {
+        this.setupFormAssociation();
+    }
+    /** Select closest form or internal form from ElementInternals */
+    setupFormAssociation() {
+        const closestForm = this.el.closest('form');
+        const intForm = this.internals && 'form' in this.internals ? this.internals.form : null;
+        this.internalForm = intForm || closestForm || undefined;
+    }
+    /** Decide which form action to perform based on button type */
+    processFormClick() {
+        if (this.internalForm === undefined) {
+            console.warn('[BorealDS Button] No form found for submit/reset action. Please ensure the button is within a form or that the form is properly associated.');
+            return;
+        }
+        const events = {
+            [BUTTON_TYPES.SUBMIT]: () => {
+                if (typeof this.internalForm?.requestSubmit === 'function') {
+                    this.internalForm.requestSubmit();
+                }
+                else {
+                    this.internalForm?.submit();
+                }
+            },
+            [BUTTON_TYPES.RESET]: () => this.internalForm?.reset(),
+        };
+        const action = events[this.type];
+        if (typeof action === 'function') {
+            action();
+        }
+        return;
+    }
+    /* Method to get the class map for the button based on the props */
+    get getClassMap() {
+        return {
+            'bds-button': true,
+            'bds-button--is-disabled': this.disabled,
+            'bds-button--is-loading': this.loading,
+            [`bds-button--state-${this.currentState}`]: true,
+            [`bds-button--${this.color}`]: true,
+            [`bds-button--var-${this.variant}`]: true,
+            [`bds-button--size-${this.size}`]: true,
+        };
+    }
+    /* render button depends on variant */
+    render() {
+        return (h("button", { key: '937ea6972ca39ef41aec1d8c6459a224c84b8390', name: this.name, class: this.getClassMap, type: this.type, disabled: this.disabled || this.loading, "aria-label": this.label || undefined, "aria-disabled": this.disabled || this.loading, onClick: this.handleClick, onKeyDown: this.handleKeyDown, onKeyUp: this.handleKeyUp }, h("div", { key: 'f9adeb219026e966ce85db7127696e9bc60adb57', class: "bds-button__content" }, h("span", { key: 'e4dbb94477218eb831f534ffdd7b816532718b22', class: "bds-button__content-icon bds-button__content-icon--start" }, h("slot", { key: 'a04168309cfd6bba4eb47d4aa8c2e43f44df4d12', name: "icon" })), h("slot", { key: '47094f3e68f8b98fa16c6ab6e75fa2fcaeb0a8cd' }), h("span", { key: 'fb548f03228e22abdb1deaf56b60fcc7ed53a9e9', class: "bds-button__content-badge" }, h("slot", { key: '7e2d30d8c750f1472825618be9730ddedc974bd1', name: "badge" })), this.disclosure && (h("span", { key: 'eb4ba3930fc8a936d6825ce35961a9a9b2866be6', class: "bds-button__content-icon" }, h("i", { key: '8bafff19aedeacc4dfae9fd9a5b9006ffb185d85', class: "bds-icon-chevron-down" }))))));
+    }
+    static get formAssociated() { return true; }
+    get el() { return getElement(this); }
+    static get watchers() { return {
+        "type": [{
+                "checkPropValues": 0
+            }],
+        "color": [{
+                "checkPropValues": 0
+            }],
+        "variant": [{
+                "checkPropValues": 0
+            }],
+        "size": [{
+                "checkPropValues": 0
+            }]
+    }; }
+};
+BdsButton.style = bdsButtonCss();
+
+export { BdsButton as bds_button };

package/dist/esm/bds-typography.entry.js

@@ -1,5 +1,6 @@
-import { r as registerInstance, h, a as Host, g as getElement } from './index-DgFiTd6X.js';
-import { a as STATES, i as inheritAriaAttributes } from './attributes-B9wshZ_4.js';
+import { r as registerInstance, h, a as Host, g as getElement } from './index-DQvmq159.js';
+import { C as COMPONENT_STATES } from './states-DQR-jjOl.js';
+import { i as inheritAriaAttributes } from './attributes-Ba6iHqJA.js';
 
 const ALIGNMENT = {
     START: 'start'};
@@ -28,17 +29,17 @@ const FILENAME = 'download';
  */
 const VARIANT_CONFIG = {
     link: {
-        states: [STATES.DISABLED /* STATES.VISITED, STATES.HOVER, STATES.ACTIVE, STATES.FOCUS */],
+        states: [COMPONENT_STATES.DISABLED /* STATES.VISITED, STATES.HOVER, STATES.ACTIVE, STATES.FOCUS */],
         size: [SIZES.S, SIZES.M],
     },
     label: {
-        states: [STATES.DISABLED],
+        states: [COMPONENT_STATES.DISABLED],
         isRequired: true,
         canUseTooltip: true,
     },
     heading: { canUseTooltip: true },
     subheading: { canUseTooltip: true },
-    helper: { states: [STATES.ERROR] },
+    helper: { states: [COMPONENT_STATES.ERROR] },
     display: { size: [SIZES.XS, SIZES.S, SIZES.M, SIZES.L, SIZES.XL] },
 };
 /*
@@ -47,7 +48,7 @@ const VARIANT_CONFIG = {
 const getAttributesByTag = (comp, tagName) => {
     const ATTR_MAP = {
         a: {
-            href: comp.state !== STATES.DISABLED ? comp.sanitizedHref : null,
+            href: comp.state !== COMPONENT_STATES.DISABLED ? comp.sanitizedHref : null,
             target: comp.target,
             download: comp.isDownloadable ? comp.filename : null,
             rel: comp.target === '_blank' ? 'noopener noreferrer' : undefined,
@@ -70,7 +71,7 @@ const BdsTypography = class {
         /** Typography size token. */
         this.size = SIZES.M;
         /** Visual state (if supported by variant). */
-        this.state = STATES.DEFAULT;
+        this.state = COMPONENT_STATES.DEFAULT;
         /** Additional custom CSS class. */
         this.customClass = '';
         /** HTML tag used for rendering. */
@@ -126,7 +127,7 @@ const BdsTypography = class {
         const isInteractiveTag = ['a', 'label'].includes(this.getTagName);
         return {
             'aria-required': this.isRequired && isRequired,
-            'aria-disabled': this.state === STATES.DISABLED && isInteractiveTag,
+            'aria-disabled': this.state === COMPONENT_STATES.DISABLED && isInteractiveTag,
         };
     }
     getVariantStateStyles() {
@@ -151,7 +152,7 @@ const BdsTypography = class {
         };
         const classes = this.getVariantStateStyles();
         const { canUseTooltip = null, isRequired = null } = this.getVariantConfig();
-        return (h(Host, { key: 'e816237127a0bec2f223c3c11c405830b3bc530f', class: "bds-typography" }, h(TagName, { key: '5428ad8d55990feae5190e19c6372445f76d504b', class: classes, style: { webkitLineClamp: this.maxLines }, ...attributes }, h("slot", { key: '5f5b95afd7799c988607174d45dfdffe018438a8' }), this.isRequired && isRequired && (h("em", { key: '5d57fc3a0aed14887df9fb03f2b279204e99861c', class: "bds-typography__required-indicator", "aria-hidden": "true" }, "*")), this.tooltipText && canUseTooltip && h("em", { key: '9b89f3e48de66ebcd27755d9ec19ef261b73250e', class: "bds-typography__info-icon bds-icon-info-circle" }))));
+        return (h(Host, { key: '80c41f5a33f3089005b9cdf2c7db51e07272b5df', class: "bds-typography" }, h(TagName, { key: '623e0a57bf2341ecaeba7e670d01a06f891f4423', class: classes, style: { webkitLineClamp: this.maxLines }, ...attributes }, h("slot", { key: 'fa7fa6e7f6cbe6133a1c52bf2f219b2927847a88' }), this.isRequired && isRequired && (h("em", { key: 'aa339d8fbf758491db17ac9c471327a0466bf3dc', class: "bds-typography__required-indicator", "aria-hidden": "true" }, "*")), this.tooltipText && canUseTooltip && h("em", { key: '98a6c58192b585fbbe01a93c031e9ae3c20cf3ca', class: "bds-typography__info-icon bds-icon-info-circle" }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,5 +1,5 @@
-import { p as promiseResolve, H, b as bootstrapLazy } from './index-DgFiTd6X.js';
-export { s as setNonce } from './index-DgFiTd6X.js';
+import { p as promiseResolve, H, b as bootstrapLazy } from './index-DQvmq159.js';
+export { s as setNonce } from './index-DQvmq159.js';
 import { g as globalScripts } from './app-globals-DQuL1Twl.js';
 
 /*
@@ -38,5 +38,5 @@ var patchCloneNodeFix = (HTMLElementPrototype) => {
 
 patchBrowser().then(async (options) => {
   await globalScripts();
-  return bootstrapLazy([["bds-banner",[[260,"bds-banner",{"idComponent":[1,"id-component"],"variant":[1],"enableClose":[4,"enable-close"],"isClosing":[32],"isOpen":[32],"closeBanner":[64]}]]],["bds-typography",[[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"],"isRequired":[516,"is-required"],"htmlFor":[1,"html-for"],"href":[1],"target":[1],"isDownloadable":[4,"is-downloadable"],"filename":[1],"sanitizedHref":[32]},null,{"href":[{"updateSanitizedHref":0}]}]]]], options);
+  return bootstrapLazy([["bds-banner",[[260,"bds-banner",{"idComponent":[1,"id-component"],"variant":[1],"enableClose":[4,"enable-close"],"isClosing":[32],"isOpen":[32],"closeBanner":[64]}]]],["bds-button",[[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-typography",[[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"],"isRequired":[516,"is-required"],"htmlFor":[1,"html-for"],"href":[1],"target":[1],"isDownloadable":[4,"is-downloadable"],"filename":[1],"sanitizedHref":[32]},null,{"href":[{"updateSanitizedHref":0}]}]]]], options);
 });

package/dist/esm/{index-DgFiTd6X.js → index-DQvmq159.js}

@@ -116,6 +116,12 @@ var styles = /* @__PURE__ */ new Map();
 var HYDRATED_CSS = "{visibility:hidden}.hydrated{visibility:inherit}";
 var SLOT_FB_CSS = "slot-fb{display:contents}slot-fb[hidden]{display:none}";
 var XLINK_NS = "http://www.w3.org/1999/xlink";
+var FORM_ASSOCIATED_CUSTOM_ELEMENT_CALLBACKS = [
+  "formAssociatedCallback",
+  "formResetCallback",
+  "formDisabledCallback",
+  "formStateRestoreCallback"
+];
 var win = typeof window !== "undefined" ? window : {};
 var H = win.HTMLElement || class {
 };
@@ -880,7 +886,9 @@ var convertToPrivate = (node) => {
 var parsePropertyValue = (propValue, propType, isFormAssociated) => {
   if (propValue != null && !isComplexType(propValue)) {
     if (propType & 4 /* Boolean */) {
-      {
+      if (isFormAssociated && typeof propValue === "string") {
+        return propValue === "" || !!propValue;
+      } else {
         return propValue === "false" ? false : propValue === "" || !!propValue;
       }
     }
@@ -1812,7 +1820,9 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
   const instance = hostRef.$lazyInstance$ ;
   newVal = parsePropertyValue(
     newVal,
-    cmpMeta.$members$[propName][0]);
+    cmpMeta.$members$[propName][0],
+    !!(cmpMeta.$flags$ & 64 /* formAssociated */)
+  );
   const areBothNaN = Number.isNaN(oldVal) && Number.isNaN(newVal);
   const didValueChange = newVal !== oldVal && !areBothNaN;
   if ((!(flags & 8 /* isConstructingInstance */) || oldVal === void 0) && didValueChange) {
@@ -1856,6 +1866,26 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
 var proxyComponent = (Cstr, cmpMeta, flags) => {
   var _a, _b;
   const prototype = Cstr.prototype;
+  if (cmpMeta.$flags$ & 64 /* formAssociated */ && flags & 1 /* isElementConstructor */) {
+    FORM_ASSOCIATED_CUSTOM_ELEMENT_CALLBACKS.forEach((cbName) => {
+      Object.defineProperty(prototype, cbName, {
+        value(...args) {
+          var _a2;
+          const hostRef = getHostRef(this);
+          const instance = hostRef == null ? void 0 : hostRef.$lazyInstance$ ;
+          if (!instance) {
+            (_a2 = hostRef == null ? void 0 : hostRef.$onReadyPromise$) == null ? void 0 : _a2.then((asyncInstance) => {
+              const cb = asyncInstance[cbName];
+              typeof cb === "function" && cb.call(asyncInstance, ...args);
+            });
+          } else {
+            const cb = instance[cbName] ;
+            typeof cb === "function" && cb.call(instance, ...args);
+          }
+        }
+      });
+    });
+  }
   if (cmpMeta.$members$ || BUILD.propChangeCallback) {
     {
       if (Cstr.watchers && !cmpMeta.$watchers$) {
@@ -1905,7 +1935,9 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
               origSetter.apply(this, [
                 parsePropertyValue(
                   newValue,
-                  memberFlags)
+                  memberFlags,
+                  !!(cmpMeta.$flags$ & 64 /* formAssociated */)
+                )
               ]);
               newValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
               setValue(this, memberName, newValue, cmpMeta);
@@ -1930,7 +1962,9 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
                 }
                 ref.$lazyInstance$[memberName] = parsePropertyValue(
                   newValue,
-                  memberFlags);
+                  memberFlags,
+                  !!(cmpMeta.$flags$ & 64 /* formAssociated */)
+                );
                 setValue(this, memberName, ref.$lazyInstance$[memberName], cmpMeta);
               };
               if (ref.$lazyInstance$) {
@@ -2286,6 +2320,9 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
       } else {
         patchCloneNode(HostElement.prototype);
       }
+      if (cmpMeta.$flags$ & 64 /* formAssociated */) {
+        HostElement.formAssociated = true;
+      }
       cmpMeta.$lazyBundleId$ = lazyBundle[0];
       if (!exclude.includes(tagName) && !customElements2.get(tagName)) {
         cmpTags.push(tagName);

package/dist/esm/loader.js

@@ -1,11 +1,11 @@
-import { b as bootstrapLazy } from './index-DgFiTd6X.js';
-export { s as setNonce } from './index-DgFiTd6X.js';
+import { b as bootstrapLazy } from './index-DQvmq159.js';
+export { s as setNonce } from './index-DQvmq159.js';
 import { g as globalScripts } from './app-globals-DQuL1Twl.js';
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy([["bds-banner",[[260,"bds-banner",{"idComponent":[1,"id-component"],"variant":[1],"enableClose":[4,"enable-close"],"isClosing":[32],"isOpen":[32],"closeBanner":[64]}]]],["bds-typography",[[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"],"isRequired":[516,"is-required"],"htmlFor":[1,"html-for"],"href":[1],"target":[1],"isDownloadable":[4,"is-downloadable"],"filename":[1],"sanitizedHref":[32]},null,{"href":[{"updateSanitizedHref":0}]}]]]], options);
+  return bootstrapLazy([["bds-banner",[[260,"bds-banner",{"idComponent":[1,"id-component"],"variant":[1],"enableClose":[4,"enable-close"],"isClosing":[32],"isOpen":[32],"closeBanner":[64]}]]],["bds-button",[[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-typography",[[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"],"isRequired":[516,"is-required"],"htmlFor":[1,"html-for"],"href":[1],"target":[1],"isDownloadable":[4,"is-downloadable"],"filename":[1],"sanitizedHref":[32]},null,{"href":[{"updateSanitizedHref":0}]}]]]], options);
 };
 
 export { defineCustomElements };

package/dist/esm/states-DQR-jjOl.js

@@ -0,0 +1,9 @@
+const COMPONENT_STATES = {
+    DEFAULT: 'default',
+    ERROR: 'error',
+    DISABLED: 'disabled',
+    ACTIVE: 'active'};
+const STATUS_VARIANT = {
+    INFO: 'info'};
+
+export { COMPONENT_STATES as C, STATUS_VARIANT as S };

package/{components-build/p-B9wshZ_4.js → dist/esm-es5/attributes-Ba6iHqJA.js}

@@ -1 +1 @@
-const a={DEFAULT:"default",ERROR:"error",DISABLED:"disabled"},i={INFO:"info"},r=["role","aria-activedescendant","aria-atomic","aria-autocomplete","aria-braillelabel","aria-brailleroledescription","aria-busy","aria-checked","aria-colcount","aria-colindex","aria-colindextext","aria-colspan","aria-controls","aria-current","aria-describedby","aria-description","aria-details","aria-disabled","aria-errormessage","aria-expanded","aria-flowto","aria-haspopup","aria-hidden","aria-invalid","aria-keyshortcuts","aria-label","aria-labelledby","aria-level","aria-live","aria-multiline","aria-multiselectable","aria-orientation","aria-owns","aria-placeholder","aria-posinset","aria-pressed","aria-readonly","aria-relevant","aria-required","aria-roledescription","aria-rowcount","aria-rowindex","aria-rowindextext","aria-rowspan","aria-selected","aria-setsize","aria-sort","aria-valuemax","aria-valuemin","aria-valuenow","aria-valuetext"],e=a=>((a,i=[])=>{const r={};return i.forEach((i=>{if(a.hasAttribute(i)){const e=a.getAttribute(i);null!==e&&(r[i]=e),a.removeAttribute(i)}})),r})(a,r);export{i as S,a,e as i}
+var inheritAttributes=function(a,i){if(i===void 0){i=[]}var r={};i.forEach((function(i){if(a.hasAttribute(i)){var e=a.getAttribute(i);if(e!==null){r[i]=e}a.removeAttribute(i)}}));return r};var ariaAttributes=["role","aria-activedescendant","aria-atomic","aria-autocomplete","aria-braillelabel","aria-brailleroledescription","aria-busy","aria-checked","aria-colcount","aria-colindex","aria-colindextext","aria-colspan","aria-controls","aria-current","aria-describedby","aria-description","aria-details","aria-disabled","aria-errormessage","aria-expanded","aria-flowto","aria-haspopup","aria-hidden","aria-invalid","aria-keyshortcuts","aria-label","aria-labelledby","aria-level","aria-live","aria-multiline","aria-multiselectable","aria-orientation","aria-owns","aria-placeholder","aria-posinset","aria-pressed","aria-readonly","aria-relevant","aria-required","aria-roledescription","aria-rowcount","aria-rowindex","aria-rowindextext","aria-rowspan","aria-selected","aria-setsize","aria-sort","aria-valuemax","aria-valuemin","aria-valuenow","aria-valuetext"];var inheritAriaAttributes=function(a,i){var r=ariaAttributes;return inheritAttributes(a,r)};export{inheritAriaAttributes as i};

package/dist/esm-es5/bds-banner.entry.js

@@ -1 +1 @@
-var __assign=this&&this.__assign||function(){__assign=Object.assign||function(r){for(var n,e=1,a=arguments.length;e<a;e++){n=arguments[e];for(var t in n)if(Object.prototype.hasOwnProperty.call(n,t))r[t]=n[t]}return r};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(r,n,e,a){function t(r){return r instanceof e?r:new e((function(n){n(r)}))}return new(e||(e=Promise))((function(e,s){function i(r){try{b(a.next(r))}catch(r){s(r)}}function o(r){try{b(a["throw"](r))}catch(r){s(r)}}function b(r){r.done?e(r.value):t(r.value).then(i,o)}b((a=a.apply(r,n||[])).next())}))};var __generator=this&&this.__generator||function(r,n){var e={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},a,t,s,i=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return i.next=o(0),i["throw"]=o(1),i["return"]=o(2),typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function o(r){return function(n){return b([r,n])}}function b(o){if(a)throw new TypeError("Generator is already executing.");while(i&&(i=0,o[0]&&(e=0)),e)try{if(a=1,t&&(s=o[0]&2?t["return"]:o[0]?t["throw"]||((s=t["return"])&&s.call(t),0):t.next)&&!(s=s.call(t,o[1])).done)return s;if(t=0,s)o=[o[0]&2,s.value];switch(o[0]){case 0:case 1:s=o;break;case 4:e.label++;return{value:o[1],done:false};case 5:e.label++;t=o[1];o=[0];continue;case 7:o=e.ops.pop();e.trys.pop();continue;default:if(!(s=e.trys,s=s.length>0&&s[s.length-1])&&(o[0]===6||o[0]===2)){e=0;continue}if(o[0]===3&&(!s||o[1]>s[0]&&o[1]<s[3])){e.label=o[1];break}if(o[0]===6&&e.label<s[1]){e.label=s[1];s=o;break}if(s&&e.label<s[2]){e.label=s[2];e.ops.push(o);break}if(s[2])e.ops.pop();e.trys.pop();continue}o=n.call(r,e)}catch(r){o=[6,r];t=0}finally{a=s=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-DgFiTd6X.js";import{S as STATUS_VARIANT,i as inheritAriaAttributes}from"./attributes-B9wshZ_4.js";function createId(r){if(!r.idComponent)r.idComponent="bds-".concat(Math.random().toString(36).substr(2,9))}function getBaseAttributes(r){createId(r);return{id:r.idComponent}}var bdsBannerCss=function(){return".bds-banner{position:relative;display:-ms-flexbox;display:flex;border:var(--boreal-spacing-4xs) solid var(--boreal-stroke-info-base);border-radius:var(--boreal-radius-xs);border-left:0;font-family:var(--boreal-typography-font-family-primary);height:100%;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out}.bds-banner__vertical-line{width:var(--boreal-spacing-2xs);border-top-left-radius:var(--boreal-radius-xs);border-bottom-left-radius:var(--boreal-radius-xs);background-color:var(--boreal-stroke-info-base)}.bds-banner__container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;width:100%;gap:var(--boreal-spacing-xs);padding:var(--boreal-spacing-s)}.bds-banner__content{width:100%}.bds-banner__title{font-weight:var(--boreal-typography-font-weight-semibold);font-size:var(--boreal-typography-font-size-md);line-height:var(--boreal-typography-line-height-md)}.bds-banner__body{padding-top:var(--boreal-spacing-2xs);font-size:var(--boreal-typography-font-size-sm);line-height:var(--boreal-typography-line-height-sm)}.bds-banner__actions{padding-top:var(--boreal-spacing-s);min-height:0px}.bds-banner__actions:empty{display:none}.bds-banner__status-icon{font-size:var(--boreal-typography-font-size-md);line-height:var(--boreal-typography-line-height-md);margin-top:var(--boreal-spacing-3xs)}.bds-banner__close-icon{background:none;border:none;-ms-flex-item-align:start;align-self:start;font-size:var(--boreal-typography-font-size-md);line-height:var(--boreal-typography-line-height-md);color:var(--boreal-neutral-base);cursor:pointer}.bds-banner--info{border-color:var(--boreal-stroke-info-base);background-color:var(--boreal-ui-info-lighter)}.bds-banner--info .bds-banner__vertical-line{background-color:var(--boreal-stroke-info-base)}.bds-banner--info .bds-banner__status-icon{color:var(--boreal-stroke-info-base)}.bds-banner--success{border-color:var(--boreal-stroke-success-base);background-color:var(--boreal-ui-success-lighter)}.bds-banner--success .bds-banner__vertical-line{background-color:var(--boreal-stroke-success-base)}.bds-banner--success .bds-banner__status-icon{color:var(--boreal-stroke-success-base)}.bds-banner--warning{border-color:var(--boreal-stroke-warning);background-color:var(--boreal-ui-warning-lighter)}.bds-banner--warning .bds-banner__vertical-line{background-color:var(--boreal-stroke-warning)}.bds-banner--warning .bds-banner__status-icon{color:var(--boreal-stroke-warning)}.bds-banner--danger{border-color:var(--boreal-stroke-danger-base);background-color:var(--boreal-ui-danger-lighter)}.bds-banner--danger .bds-banner__vertical-line{background-color:var(--boreal-stroke-danger-base)}.bds-banner--danger .bds-banner__status-icon{color:var(--boreal-stroke-danger-base)}.bds-banner--closing{opacity:0;height:0}"};var BdsBanner=function(){function r(r){var n=this;registerInstance(this,r);this.close=createEvent(this,"close");this.inheritedAttributes={};this.isClosing=false;this.isOpen=true;this.idComponent="";this.variant=STATUS_VARIANT.INFO;this.enableClose=false;this.handleAnimationEnd=function(){if(n.isClosing)requestAnimationFrame((function(){n.isClosing=false;n.isOpen=false}))}}r.prototype.componentWillLoad=function(){this.inheritedAttributes=__assign(__assign({},inheritAriaAttributes(this.el)),getBaseAttributes(this))};r.prototype.closeBanner=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){this.handleCloseBanner();return[2]}))}))};r.prototype.handleCloseBanner=function(r){if(r!==undefined)r.preventDefault();this.isClosing=true;this.close.emit()};r.prototype.handleEscapeKeyClose=function(r){if(!this.enableClose)return;if(r.key==="Escape")this.handleCloseBanner()};r.prototype.getIconName=function(){var r={info:"bds-icon-info-circle-fill",success:"bds-icon-check-circle-fill",warning:"bds-icon-info-major-triangle-up-fill",danger:"bds-icon-alert-circle-fill"};if(r[this.variant]===undefined)return r["info"];return r[this.variant]};r.prototype.getAttributes=function(){return __assign(__assign({},this.inheritedAttributes),{role:"alert","aria-describedby":this.isOpen?"bds-banner__content":null,"aria-live":"polite","aria-hidden":"".concat(!this.isOpen),tabIndex:this.isOpen?0:-1})};r.prototype.getStyles=function(){var r;return r={"bds-banner":true},r["bds-banner--".concat(this.variant)]=true,r["bds-banner--closing"]=this.isClosing,r};r.prototype.renderCloseIcon=function(){var r=this;return h("button",{role:"close-button",class:"bds-banner__close-icon","aria-label":"Alert close button",onClick:function(n){return r.handleCloseBanner(n)}},h("em",{class:"bds-icon-close"}))};r.prototype.render=function(){var r=this;if(!this.isOpen)return;var n=this.renderCloseIcon();var e=this.getStyles();var a=this.getIconName();return h(Host,__assign(__assign({class:e},this.getAttributes()),{onTransitionEnd:this.handleAnimationEnd,onKeyDown:function(n){return r.handleEscapeKeyClose(n)}}),h("div",{class:"bds-banner__vertical-line"}),h("div",{class:"bds-banner__container"},h("div",{class:"bds-banner__status-icon",role:"status","aria-live":"polite","aria-label":"status ".concat(this.variant)},h("em",{"aria-hidden":"true",class:a})),h("div",{class:"bds-banner__content"},h("div",{class:"bds-banner__title"},h("slot",{name:"title"})),h("div",{class:"bds-banner__body"},h("slot",null)),h("div",{class:"bds-banner__actions"},h("slot",{name:"actions"}))),this.enableClose&&n))};Object.defineProperty(r.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return r}();BdsBanner.style=bdsBannerCss();export{BdsBanner as bds_banner};
+var __assign=this&&this.__assign||function(){__assign=Object.assign||function(r){for(var n,e=1,a=arguments.length;e<a;e++){n=arguments[e];for(var t in n)if(Object.prototype.hasOwnProperty.call(n,t))r[t]=n[t]}return r};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(r,n,e,a){function t(r){return r instanceof e?r:new e((function(n){n(r)}))}return new(e||(e=Promise))((function(e,s){function i(r){try{b(a.next(r))}catch(r){s(r)}}function o(r){try{b(a["throw"](r))}catch(r){s(r)}}function b(r){r.done?e(r.value):t(r.value).then(i,o)}b((a=a.apply(r,n||[])).next())}))};var __generator=this&&this.__generator||function(r,n){var e={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},a,t,s,i=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return i.next=o(0),i["throw"]=o(1),i["return"]=o(2),typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function o(r){return function(n){return b([r,n])}}function b(o){if(a)throw new TypeError("Generator is already executing.");while(i&&(i=0,o[0]&&(e=0)),e)try{if(a=1,t&&(s=o[0]&2?t["return"]:o[0]?t["throw"]||((s=t["return"])&&s.call(t),0):t.next)&&!(s=s.call(t,o[1])).done)return s;if(t=0,s)o=[o[0]&2,s.value];switch(o[0]){case 0:case 1:s=o;break;case 4:e.label++;return{value:o[1],done:false};case 5:e.label++;t=o[1];o=[0];continue;case 7:o=e.ops.pop();e.trys.pop();continue;default:if(!(s=e.trys,s=s.length>0&&s[s.length-1])&&(o[0]===6||o[0]===2)){e=0;continue}if(o[0]===3&&(!s||o[1]>s[0]&&o[1]<s[3])){e.label=o[1];break}if(o[0]===6&&e.label<s[1]){e.label=s[1];s=o;break}if(s&&e.label<s[2]){e.label=s[2];e.ops.push(o);break}if(s[2])e.ops.pop();e.trys.pop();continue}o=n.call(r,e)}catch(r){o=[6,r];t=0}finally{a=s=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-DQvmq159.js";import{S as STATUS_VARIANT}from"./states-DQR-jjOl.js";import{i as inheritAriaAttributes}from"./attributes-Ba6iHqJA.js";function createId(r){if(!r.idComponent)r.idComponent="bds-".concat(Math.random().toString(36).substr(2,9))}function getBaseAttributes(r){createId(r);return{id:r.idComponent}}var bdsBannerCss=function(){return".bds-banner{position:relative;display:-ms-flexbox;display:flex;border:var(--boreal-spacing-4xs) solid var(--boreal-stroke-info-base);border-radius:var(--boreal-radius-xs);border-left:0;font-family:var(--boreal-typography-font-family-primary);height:100%;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out}.bds-banner__vertical-line{width:var(--boreal-spacing-2xs);border-top-left-radius:var(--boreal-radius-xs);border-bottom-left-radius:var(--boreal-radius-xs);background-color:var(--boreal-stroke-info-base)}.bds-banner__container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;width:100%;gap:var(--boreal-spacing-xs);padding:var(--boreal-spacing-s)}.bds-banner__content{width:100%}.bds-banner__title{font-weight:var(--boreal-typography-font-weight-semibold);font-size:var(--boreal-typography-font-size-md);line-height:var(--boreal-typography-line-height-md)}.bds-banner__body{padding-top:var(--boreal-spacing-2xs);font-size:var(--boreal-typography-font-size-sm);line-height:var(--boreal-typography-line-height-sm)}.bds-banner__actions{padding-top:var(--boreal-spacing-s);min-height:0px}.bds-banner__actions:empty{display:none}.bds-banner__status-icon{font-size:var(--boreal-typography-font-size-md);line-height:var(--boreal-typography-line-height-md);margin-top:var(--boreal-spacing-3xs)}.bds-banner__close-icon{background:none;border:none;-ms-flex-item-align:start;align-self:start;font-size:var(--boreal-typography-font-size-md);line-height:var(--boreal-typography-line-height-md);color:var(--boreal-neutral-base);cursor:pointer}.bds-banner--info{border-color:var(--boreal-stroke-info-base);background-color:var(--boreal-ui-info-lighter)}.bds-banner--info .bds-banner__vertical-line{background-color:var(--boreal-stroke-info-base)}.bds-banner--info .bds-banner__status-icon{color:var(--boreal-stroke-info-base)}.bds-banner--success{border-color:var(--boreal-stroke-success-base);background-color:var(--boreal-ui-success-lighter)}.bds-banner--success .bds-banner__vertical-line{background-color:var(--boreal-stroke-success-base)}.bds-banner--success .bds-banner__status-icon{color:var(--boreal-stroke-success-base)}.bds-banner--warning{border-color:var(--boreal-stroke-warning);background-color:var(--boreal-ui-warning-lighter)}.bds-banner--warning .bds-banner__vertical-line{background-color:var(--boreal-stroke-warning)}.bds-banner--warning .bds-banner__status-icon{color:var(--boreal-stroke-warning)}.bds-banner--danger{border-color:var(--boreal-stroke-danger-base);background-color:var(--boreal-ui-danger-lighter)}.bds-banner--danger .bds-banner__vertical-line{background-color:var(--boreal-stroke-danger-base)}.bds-banner--danger .bds-banner__status-icon{color:var(--boreal-stroke-danger-base)}.bds-banner--closing{opacity:0;height:0}"};var BdsBanner=function(){function r(r){var n=this;registerInstance(this,r);this.close=createEvent(this,"close");this.inheritedAttributes={};this.isClosing=false;this.isOpen=true;this.idComponent="";this.variant=STATUS_VARIANT.INFO;this.enableClose=false;this.handleAnimationEnd=function(){if(n.isClosing)requestAnimationFrame((function(){n.isClosing=false;n.isOpen=false}))}}r.prototype.componentWillLoad=function(){this.inheritedAttributes=__assign(__assign({},inheritAriaAttributes(this.el)),getBaseAttributes(this))};r.prototype.closeBanner=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){this.handleCloseBanner();return[2]}))}))};r.prototype.handleCloseBanner=function(r){if(r!==undefined)r.preventDefault();this.isClosing=true;this.close.emit()};r.prototype.handleEscapeKeyClose=function(r){if(!this.enableClose)return;if(r.key==="Escape")this.handleCloseBanner()};r.prototype.getIconName=function(){var r={info:"bds-icon-info-circle-fill",success:"bds-icon-check-circle-fill",warning:"bds-icon-info-major-triangle-up-fill",danger:"bds-icon-alert-circle-fill"};if(r[this.variant]===undefined)return r["info"];return r[this.variant]};r.prototype.getAttributes=function(){return __assign(__assign({},this.inheritedAttributes),{role:"alert","aria-describedby":this.isOpen?"bds-banner__content":null,"aria-live":"polite","aria-hidden":"".concat(!this.isOpen),tabIndex:this.isOpen?0:-1})};r.prototype.getStyles=function(){var r;return r={"bds-banner":true},r["bds-banner--".concat(this.variant)]=true,r["bds-banner--closing"]=this.isClosing,r};r.prototype.renderCloseIcon=function(){var r=this;return h("button",{role:"close-button",class:"bds-banner__close-icon","aria-label":"Alert close button",onClick:function(n){return r.handleCloseBanner(n)}},h("em",{class:"bds-icon-close"}))};r.prototype.render=function(){var r=this;if(!this.isOpen)return;var n=this.renderCloseIcon();var e=this.getStyles();var a=this.getIconName();return h(Host,__assign(__assign({class:e},this.getAttributes()),{onTransitionEnd:this.handleAnimationEnd,onKeyDown:function(n){return r.handleEscapeKeyClose(n)}}),h("div",{class:"bds-banner__vertical-line"}),h("div",{class:"bds-banner__container"},h("div",{class:"bds-banner__status-icon",role:"status","aria-live":"polite","aria-label":"status ".concat(this.variant)},h("em",{"aria-hidden":"true",class:a})),h("div",{class:"bds-banner__content"},h("div",{class:"bds-banner__title"},h("slot",{name:"title"})),h("div",{class:"bds-banner__body"},h("slot",null)),h("div",{class:"bds-banner__actions"},h("slot",{name:"actions"}))),this.enableClose&&n))};Object.defineProperty(r.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return r}();BdsBanner.style=bdsBannerCss();export{BdsBanner as bds_banner};

package/dist/esm-es5/bds-button.entry.js

@@ -0,0 +1 @@
+import{r as registerInstance,c as createEvent,h,g as getElement}from"./index-DQvmq159.js";import{C as COMPONENT_STATES}from"./states-DQR-jjOl.js";var BUTTON_VARIANTS={DEFAULT:"default",OUTLINE:"outline",PLAIN:"plain"};var BUTTON_SIZES={SMALL:"small",MEDIUM:"medium",LARGE:"large"};var BUTTON_TYPES={BUTTON:"button",SUBMIT:"submit",RESET:"reset"};var CORE_COLORS={DEFAULT:"default",PRIMARY:"primary",SUCCESS:"success",ERROR:"error"};function validatePropValue(o,t,r,b){var e=r[b];if(o.includes(e))return;r[b]=t;console.warn('[BorealDS] Invalid value "'.concat(e,'" for prop "').concat(b,'" on <').concat(r.tagName.toLowerCase(),">. Expected one of: ").concat(o.join(", "),"."))}var bdsButtonCss=function(){return'bds-button{position:relative;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}.bds-button{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-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, box-shadow 0.3s ease, border-color 0.3s ease;transition:background-color 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease, -webkit-box-shadow 0.3s ease;margin:var(--boreal-spacing-2xs) var(--boreal-spacing-3xs);outline:none;font-family:"Inter", sans-serif;font-weight:var(--boreal-typography-font-weight-semibold);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;vertical-align:middle}.bds-button .bds-button__content{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;gap:var(--boreal-spacing-2xs)}.bds-button--is-loading{pointer-events:none;position:relative;color:transparent !important}.bds-button--is-loading::after{position:absolute;content:" ";-webkit-box-sizing:inherit;box-sizing:inherit;-webkit-animation:rotateSpinner 0.5s linear infinite;animation:rotateSpinner 0.5s linear infinite;border-radius:9999px;display:block;height:1em;width:1em;rotate:45deg;left:calc(50% - 0.5em);top:calc(50% - 0.5em);border:3px solid;border-right-color:transparent;border-top-color:transparent}.bds-button--size-small{border-radius:var(--boreal-radius-xs);font-size:var(--boreal-typography-font-size-xs);padding:var(--boreal-spacing-3xs) var(--boreal-spacing-2xs);line-height:var(--boreal-typography-line-height-xs);height:26px}.bds-button--size-small .bds-button__content{padding:var(--boreal-spacing-3xs) var(--boreal-spacing-2xs)}.bds-button--size-small .bds-button__content-icon{display:-ms-flexbox;display:flex;font-size:var(--boreal-typography-font-size-sm);line-height:var(--boreal-typography-line-height-xs)}.bds-button--size-small .bds-button__content-icon:empty{display:none}.bds-button--size-small .bds-button__content{}.bds-button--size-small .bds-button__content-badge:empty{display:none}.bds-button--size-small .bds-button__content-badge{display:none}.bds-button--size-medium{border-radius:var(--boreal-radius-xs);font-size:var(--boreal-typography-font-size-sm);padding:var(--boreal-spacing-2xs) var(--boreal-spacing-1xs);line-height:var(--boreal-typography-line-height-sm);height:32px}.bds-button--size-medium .bds-button__content{padding:var(--boreal-spacing-3xs) var(--boreal-spacing-2xs)}.bds-button--size-medium .bds-button__content-icon{display:-ms-flexbox;display:flex;font-size:var(--boreal-typography-font-size-md);line-height:var(--boreal-typography-line-height-sm)}.bds-button--size-medium .bds-button__content-icon:empty{display:none}.bds-button--size-medium .bds-button__content{}.bds-button--size-medium .bds-button__content-badge:empty{display:none}.bds-button--size-large{border-radius:var(--boreal-radius-xs);font-size:var(--boreal-typography-font-size-md);padding:var(--boreal-spacing-xs);line-height:var(--boreal-typography-line-height-md);height:44px}.bds-button--size-large .bds-button__content{padding:var(--boreal-spacing-3xs) var(--boreal-spacing-2xs)}.bds-button--size-large .bds-button__content-icon{display:-ms-flexbox;display:flex;font-size:var(--boreal-typography-font-size-lg);line-height:var(--boreal-typography-line-height-md)}.bds-button--size-large .bds-button__content-icon:empty{display:none}.bds-button--size-large .bds-button__content{}.bds-button--size-large .bds-button__content-badge:empty{display:none}.bds-button.bds-button--var-default.bds-button--default{color:var(--boreal-text-default);background-color:var(--boreal-ui-inverse);border-color:transparent}.bds-button.bds-button--var-default.bds-button--default:hover{background-color:var(--boreal-ui-default-lighter);-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-button.bds-button--var-default.bds-button--default:focus{background-color:var(--boreal-ui-default-lighter);-webkit-box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus);box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus)}.bds-button.bds-button--var-default.bds-button--default:active,.bds-button.bds-button--var-default.bds-button--default.bds-button--state-active{background-color:var(--boreal-ui-default-lighter);-webkit-box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset;box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset}.bds-button.bds-button--var-default.bds-button--default.bds-button--is-disabled,.bds-button.bds-button--var-default.bds-button--default.bds-button--is-loading{cursor:not-allowed;color:var(--boreal-text-disabled);background-color:var(--boreal-ui-inverse);border-color:transparent;-webkit-box-shadow:none;box-shadow:none}.bds-button.bds-button--var-default.bds-button--default.bds-button--is-loading::after{border-left-color:var(--boreal-text-disabled);border-bottom-color:var(--boreal-text-disabled)}.bds-button.bds-button--var-default.bds-button--primary{color:var(--boreal-text-inverse);background-color:var(--boreal-ui-primary-base);border-color:transparent}.bds-button.bds-button--var-default.bds-button--primary:hover{background-color:var(--boreal-ui-primary-dark);-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-button.bds-button--var-default.bds-button--primary:focus{background-color:var(--boreal-ui-primary-base);-webkit-box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus);box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus)}.bds-button.bds-button--var-default.bds-button--primary:active,.bds-button.bds-button--var-default.bds-button--primary.bds-button--state-active{background-color:var(--boreal-ui-primary-dark);-webkit-box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus);box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus)}.bds-button.bds-button--var-default.bds-button--primary.bds-button--is-disabled,.bds-button.bds-button--var-default.bds-button--primary.bds-button--is-loading{cursor:not-allowed;color:var(--boreal-text-inverse);background-color:var(--boreal-ui-primary-light);border-color:transparent;-webkit-box-shadow:none;box-shadow:none}.bds-button.bds-button--var-default.bds-button--primary.bds-button--is-loading::after{border-left-color:var(--boreal-text-inverse);border-bottom-color:var(--boreal-text-inverse)}.bds-button.bds-button--var-default.bds-button--success{color:var(--boreal-text-inverse);background-color:var(--boreal-ui-success-base);border-color:transparent}.bds-button.bds-button--var-default.bds-button--success:hover{background-color:var(--boreal-ui-success-dark);-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-button.bds-button--var-default.bds-button--success:focus{background-color:var(--boreal-ui-success-base);-webkit-box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus);box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus)}.bds-button.bds-button--var-default.bds-button--success:active,.bds-button.bds-button--var-default.bds-button--success.bds-button--state-active{background-color:var(--boreal-ui-success-dark);-webkit-box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus);box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus)}.bds-button.bds-button--var-default.bds-button--success.bds-button--is-disabled,.bds-button.bds-button--var-default.bds-button--success.bds-button--is-loading{cursor:not-allowed;color:var(--boreal-text-inverse);background-color:var(--boreal-ui-success-light);border-color:transparent;-webkit-box-shadow:none;box-shadow:none}.bds-button.bds-button--var-default.bds-button--success.bds-button--is-loading::after{border-left-color:var(--boreal-text-inverse);border-bottom-color:var(--boreal-text-inverse)}.bds-button.bds-button--var-default.bds-button--error{color:var(--boreal-text-inverse);background-color:var(--boreal-ui-danger-base);border-color:transparent}.bds-button.bds-button--var-default.bds-button--error:hover{background-color:var(--boreal-ui-danger-dark);-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-button.bds-button--var-default.bds-button--error:focus{background-color:var(--boreal-ui-danger-base);-webkit-box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus);box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus)}.bds-button.bds-button--var-default.bds-button--error:active,.bds-button.bds-button--var-default.bds-button--error.bds-button--state-active{background-color:var(--boreal-ui-danger-dark);-webkit-box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus);box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus)}.bds-button.bds-button--var-default.bds-button--error.bds-button--is-disabled,.bds-button.bds-button--var-default.bds-button--error.bds-button--is-loading{cursor:not-allowed;color:var(--boreal-text-inverse);background-color:var(--boreal-ui-danger-light);border-color:transparent;-webkit-box-shadow:none;box-shadow:none}.bds-button.bds-button--var-default.bds-button--error.bds-button--is-loading::after{border-left-color:var(--boreal-text-inverse);border-bottom-color:var(--boreal-text-inverse)}.bds-button.bds-button--var-outline{background-color:transparent}.bds-button.bds-button--var-outline.bds-button--default{color:var(--boreal-text-default);background-color:transparent;border-color:var(--boreal-stroke-default-light)}.bds-button.bds-button--var-outline.bds-button--default:hover{background-color:var(--boreal-ui-default-lighter);-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-button.bds-button--var-outline.bds-button--default:focus{background-color:var(--boreal-ui-default-lighter);-webkit-box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus);box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus)}.bds-button.bds-button--var-outline.bds-button--default:active,.bds-button.bds-button--var-outline.bds-button--default.bds-button--state-active{background-color:var(--boreal-ui-default-lighter);-webkit-box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus);box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus)}.bds-button.bds-button--var-outline.bds-button--default.bds-button--is-disabled,.bds-button.bds-button--var-outline.bds-button--default.bds-button--is-loading{cursor:not-allowed;color:var(--boreal-text-disabled);background-color:var(--boreal-ui-inverse);border-color:var(--boreal-stroke-default-light);-webkit-box-shadow:none;box-shadow:none}.bds-button.bds-button--var-outline.bds-button--default.bds-button--is-loading::after{border-left-color:var(--boreal-text-disabled);border-bottom-color:var(--boreal-text-disabled)}.bds-button.bds-button--var-outline.bds-button--primary{color:var(--boreal-text-primary-base);background-color:transparent;border-color:var(--boreal-ui-primary-base)}.bds-button.bds-button--var-outline.bds-button--primary:hover{background-color:var(--boreal-ui-primary-lighter);-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-button.bds-button--var-outline.bds-button--primary:focus{background-color:var(--boreal-ui-primary-lighter);-webkit-box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus);box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus)}.bds-button.bds-button--var-outline.bds-button--primary:active,.bds-button.bds-button--var-outline.bds-button--primary.bds-button--state-active{background-color:var(--boreal-ui-primary-lighter);-webkit-box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus);box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus)}.bds-button.bds-button--var-outline.bds-button--primary.bds-button--is-disabled,.bds-button.bds-button--var-outline.bds-button--primary.bds-button--is-loading{cursor:not-allowed;color:var(--boreal-text-primary-light);background-color:transparent;border-color:var(--boreal-stroke-primary-light);-webkit-box-shadow:none;box-shadow:none}.bds-button.bds-button--var-outline.bds-button--primary.bds-button--is-loading::after{border-left-color:var(--boreal-text-primary-light);border-bottom-color:var(--boreal-text-primary-light)}.bds-button.bds-button--var-outline.bds-button--success{color:var(--boreal-text-success-base);background-color:transparent;border-color:var(--boreal-stroke-success-base)}.bds-button.bds-button--var-outline.bds-button--success:hover{background-color:var(--boreal-ui-success-lighter);-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-button.bds-button--var-outline.bds-button--success:focus{background-color:var(--boreal-ui-success-lighter);-webkit-box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus);box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus)}.bds-button.bds-button--var-outline.bds-button--success:active,.bds-button.bds-button--var-outline.bds-button--success.bds-button--state-active{background-color:var(--boreal-ui-success-lighter);-webkit-box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus);box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus)}.bds-button.bds-button--var-outline.bds-button--success.bds-button--is-disabled,.bds-button.bds-button--var-outline.bds-button--success.bds-button--is-loading{cursor:not-allowed;color:var(--boreal-text-success-light);background-color:transparent;border-color:var(--boreal-stroke-success-light);-webkit-box-shadow:none;box-shadow:none}.bds-button.bds-button--var-outline.bds-button--success.bds-button--is-loading::after{border-left-color:var(--boreal-text-success-light);border-bottom-color:var(--boreal-text-success-light)}.bds-button.bds-button--var-outline.bds-button--error{color:var(--boreal-text-danger-base);background-color:transparent;border-color:var(--boreal-stroke-danger-base)}.bds-button.bds-button--var-outline.bds-button--error:hover{background-color:var(--boreal-ui-danger-lighter);-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-button.bds-button--var-outline.bds-button--error:focus{background-color:var(--boreal-ui-danger-lighter);-webkit-box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus);box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus)}.bds-button.bds-button--var-outline.bds-button--error:active,.bds-button.bds-button--var-outline.bds-button--error.bds-button--state-active{background-color:var(--boreal-ui-danger-lighter);-webkit-box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus);box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus)}.bds-button.bds-button--var-outline.bds-button--error.bds-button--is-disabled,.bds-button.bds-button--var-outline.bds-button--error.bds-button--is-loading{cursor:not-allowed;color:var(--boreal-text-danger-light);background-color:transparent;border-color:var(--boreal-stroke-danger-light);-webkit-box-shadow:none;box-shadow:none}.bds-button.bds-button--var-outline.bds-button--error.bds-button--is-loading::after{border-left-color:var(--boreal-text-danger-light);border-bottom-color:var(--boreal-text-danger-light)}.bds-button.bds-button--var-plain{background-color:transparent}.bds-button.bds-button--var-plain.bds-button--default{color:var(--boreal-text-default);background-color:transparent;border-color:transparent}.bds-button.bds-button--var-plain.bds-button--default:hover{background-color:var(--boreal-ui-default-lighter);-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-button.bds-button--var-plain.bds-button--default:focus{background-color:var(--boreal-ui-default-lighter);-webkit-box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus);box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus)}.bds-button.bds-button--var-plain.bds-button--default:active,.bds-button.bds-button--var-plain.bds-button--default.bds-button--state-active{background-color:var(--boreal-ui-default-lighter);-webkit-box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset;box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset}.bds-button.bds-button--var-plain.bds-button--default.bds-button--is-disabled,.bds-button.bds-button--var-plain.bds-button--default.bds-button--is-loading{cursor:not-allowed;color:var(--boreal-text-disabled);background-color:var(--boreal-ui-inverse);border-color:transparent;-webkit-box-shadow:none;box-shadow:none}.bds-button.bds-button--var-plain.bds-button--default.bds-button--is-loading::after{border-left-color:var(--boreal-text-disabled);border-bottom-color:var(--boreal-text-disabled)}.bds-button.bds-button--var-plain.bds-button--primary{color:var(--boreal-text-primary-base);background-color:transparent;border-color:transparent}.bds-button.bds-button--var-plain.bds-button--primary:hover{background-color:var(--boreal-ui-primary-lighter);-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-button.bds-button--var-plain.bds-button--primary:focus{background-color:var(--boreal-ui-primary-lighter);-webkit-box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus);box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus)}.bds-button.bds-button--var-plain.bds-button--primary:active,.bds-button.bds-button--var-plain.bds-button--primary.bds-button--state-active{background-color:var(--boreal-ui-primary-lighter);-webkit-box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset;box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset}.bds-button.bds-button--var-plain.bds-button--primary.bds-button--is-disabled,.bds-button.bds-button--var-plain.bds-button--primary.bds-button--is-loading{cursor:not-allowed;color:var(--boreal-text-primary-light);background-color:transparent;border-color:transparent;-webkit-box-shadow:none;box-shadow:none}.bds-button.bds-button--var-plain.bds-button--primary.bds-button--is-loading::after{border-left-color:var(--boreal-text-primary-light);border-bottom-color:var(--boreal-text-primary-light)}.bds-button.bds-button--var-plain.bds-button--success{color:var(--boreal-text-success-base);background-color:transparent;border-color:transparent}.bds-button.bds-button--var-plain.bds-button--success:hover{background-color:var(--boreal-ui-success-lighter);-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-button.bds-button--var-plain.bds-button--success:focus{background-color:var(--boreal-ui-success-lighter);-webkit-box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus);box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus)}.bds-button.bds-button--var-plain.bds-button--success:active,.bds-button.bds-button--var-plain.bds-button--success.bds-button--state-active{background-color:var(--boreal-ui-success-lighter);-webkit-box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset;box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset}.bds-button.bds-button--var-plain.bds-button--success.bds-button--is-disabled,.bds-button.bds-button--var-plain.bds-button--success.bds-button--is-loading{cursor:not-allowed;color:var(--boreal-text-success-light);background-color:transparent;border-color:transparent;-webkit-box-shadow:none;box-shadow:none}.bds-button.bds-button--var-plain.bds-button--success.bds-button--is-loading::after{border-left-color:var(--boreal-text-success-light);border-bottom-color:var(--boreal-text-success-light)}.bds-button.bds-button--var-plain.bds-button--error{color:var(--boreal-text-danger-base);background-color:transparent;border-color:transparent}.bds-button.bds-button--var-plain.bds-button--error:hover{background-color:var(--boreal-ui-danger-lighter);-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-button.bds-button--var-plain.bds-button--error:focus{background-color:var(--boreal-ui-danger-lighter);-webkit-box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus);box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus)}.bds-button.bds-button--var-plain.bds-button--error:active,.bds-button.bds-button--var-plain.bds-button--error.bds-button--state-active{background-color:var(--boreal-ui-danger-lighter);-webkit-box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset;box-shadow:0px 0px 0px 1px var(--boreal-ui-inverse), 0px 0px 0px 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset}.bds-button.bds-button--var-plain.bds-button--error.bds-button--is-disabled,.bds-button.bds-button--var-plain.bds-button--error.bds-button--is-loading{cursor:not-allowed;color:var(--boreal-text-danger-light);background-color:transparent;border-color:transparent;-webkit-box-shadow:none;box-shadow:none}.bds-button.bds-button--var-plain.bds-button--error.bds-button--is-loading::after{border-left-color:var(--boreal-text-danger-light);border-bottom-color:var(--boreal-text-danger-light)}@-webkit-keyframes rotateSpinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotateSpinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}'};var BdsButton=function(){function o(o){var t=this;registerInstance(this,o);this.bdsClick=createEvent(this,"bdsClick");if(o.$hostElement$["s-ei"]){this.internals=o.$hostElement$["s-ei"]}else{this.internals=o.$hostElement$.attachInternals();o.$hostElement$["s-ei"]=this.internals}this.currentState=COMPONENT_STATES.DEFAULT;this.label="";this.disabled=false;this.name="";this.type=BUTTON_TYPES.BUTTON;this.color=CORE_COLORS.DEFAULT;this.variant=BUTTON_VARIANTS.DEFAULT;this.size=BUTTON_SIZES.MEDIUM;this.loading=false;this.disclosure=false;this.handleKeyDown=function(o){if(o.key==="Enter"||o.key===" "){t.currentState=COMPONENT_STATES.ACTIVE;o.preventDefault();t.bdsClick.emit(o)}};this.handleKeyUp=function(){t.currentState=COMPONENT_STATES.DEFAULT};this.handleClick=function(o){o.preventDefault();o.stopPropagation();if(t.disabled||t.loading)return;if(t.type===BUTTON_TYPES.SUBMIT||t.type===BUTTON_TYPES.RESET){t.processFormClick()}else{t.bdsClick.emit(o)}}}o.prototype.checkPropValues=function(){validatePropValue(Object.values(BUTTON_TYPES),BUTTON_TYPES.BUTTON,this.el,"type");validatePropValue(Object.values(CORE_COLORS),CORE_COLORS.DEFAULT,this.el,"color");validatePropValue(Object.values(BUTTON_VARIANTS),BUTTON_VARIANTS.DEFAULT,this.el,"variant");validatePropValue(Object.values(BUTTON_SIZES),BUTTON_SIZES.MEDIUM,this.el,"size")};o.prototype.componentWillLoad=function(){this.checkPropValues()};o.prototype.componentDidLoad=function(){this.setupFormAssociation()};o.prototype.setupFormAssociation=function(){var o=this.el.closest("form");var t=this.internals&&"form"in this.internals?this.internals.form:null;this.internalForm=t||o||undefined};o.prototype.processFormClick=function(){var o;var t=this;if(this.internalForm===undefined){console.warn("[BorealDS Button] No form found for submit/reset action. Please ensure the button is within a form or that the form is properly associated.");return}var r=(o={},o[BUTTON_TYPES.SUBMIT]=function(){var o,r;if(typeof((o=t.internalForm)===null||o===void 0?void 0:o.requestSubmit)==="function"){t.internalForm.requestSubmit()}else{(r=t.internalForm)===null||r===void 0?void 0:r.submit()}},o[BUTTON_TYPES.RESET]=function(){var o;return(o=t.internalForm)===null||o===void 0?void 0:o.reset()},o);var b=r[this.type];if(typeof b==="function"){b()}return};Object.defineProperty(o.prototype,"getClassMap",{get:function(){var o;return o={"bds-button":true,"bds-button--is-disabled":this.disabled,"bds-button--is-loading":this.loading},o["bds-button--state-".concat(this.currentState)]=true,o["bds-button--".concat(this.color)]=true,o["bds-button--var-".concat(this.variant)]=true,o["bds-button--size-".concat(this.size)]=true,o},enumerable:false,configurable:true});o.prototype.render=function(){return h("button",{key:"937ea6972ca39ef41aec1d8c6459a224c84b8390",name:this.name,class:this.getClassMap,type:this.type,disabled:this.disabled||this.loading,"aria-label":this.label||undefined,"aria-disabled":this.disabled||this.loading,onClick:this.handleClick,onKeyDown:this.handleKeyDown,onKeyUp:this.handleKeyUp},h("div",{key:"f9adeb219026e966ce85db7127696e9bc60adb57",class:"bds-button__content"},h("span",{key:"e4dbb94477218eb831f534ffdd7b816532718b22",class:"bds-button__content-icon bds-button__content-icon--start"},h("slot",{key:"a04168309cfd6bba4eb47d4aa8c2e43f44df4d12",name:"icon"})),h("slot",{key:"47094f3e68f8b98fa16c6ab6e75fa2fcaeb0a8cd"}),h("span",{key:"fb548f03228e22abdb1deaf56b60fcc7ed53a9e9",class:"bds-button__content-badge"},h("slot",{key:"7e2d30d8c750f1472825618be9730ddedc974bd1",name:"badge"})),this.disclosure&&h("span",{key:"eb4ba3930fc8a936d6825ce35961a9a9b2866be6",class:"bds-button__content-icon"},h("i",{key:"8bafff19aedeacc4dfae9fd9a5b9006ffb185d85",class:"bds-icon-chevron-down"}))))};Object.defineProperty(o,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(o.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(o,"watchers",{get:function(){return{type:[{checkPropValues:0}],color:[{checkPropValues:0}],variant:[{checkPropValues:0}],size:[{checkPropValues:0}]}},enumerable:false,configurable:true});return o}();BdsButton.style=bdsButtonCss();export{BdsButton as bds_button};