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

package/dist/collection/components/feedback/bds-badge/bds-badge.js

@@ -0,0 +1,120 @@
+import { Host, h } from "@stencil/core";
+import { BADGE_VARIANT } from "./types/enum";
+import { validatePropValue } from "../../../utils/index";
+/**
+ * Badge component for displaying contextual status information with optional icon support.
+ *
+ * @summary A compact label component that communicates status or category using color-coded variants. Supports an optional icon slot and a disabled state.
+ *
+ * @slot - The text content of the badge.
+ * @slot icon - An icon displayed before the badge text content.
+ *
+ * @attr {string} variant - Controls the visual style of the badge. Accepted values: 'default' | 'info' | 'success' | 'warning' | 'danger'. Default is 'default'.
+ * @attr {boolean} disabled - Disables the badge when true, reducing opacity and preventing pointer interaction. Default is false.
+ *
+ * @property {string} variant - Controls the visual style of the badge. Accepted values: 'default' | 'info' | 'success' | 'warning' | 'danger'. Default is 'default'.
+ * @property {boolean} disabled - Disables the badge when true, reducing opacity and preventing pointer interaction. Default is false.
+ */
+export class BdsBadge {
+    constructor() {
+        /** Controls the visual style of the badge. Accepted values: 'default' | 'info' | 'success' | 'warning' | 'danger'. Default is 'default'. */
+        this.variant = BADGE_VARIANT.DEFAULT;
+        /** Disables the badge when true, reducing opacity and preventing pointer interaction. Default is false. */
+        this.disabled = false;
+    }
+    /** Validates the `variant` prop against allowed values and resets to the default if invalid. */
+    checkPropValues() {
+        validatePropValue(Object.values(BADGE_VARIANT), BADGE_VARIANT.DEFAULT, this.el, 'variant');
+    }
+    /** Runs prop validation before the component is first rendered. */
+    componentWillLoad() {
+        this.checkPropValues();
+    }
+    /** Builds the BEM class map applied to the host element based on the current prop values. */
+    get badgeClasses() {
+        return {
+            'bds-badge': true,
+            [`bds-badge--${this.variant}`]: true,
+            'bds-badge--disabled': this.disabled,
+        };
+    }
+    render() {
+        return (h(Host, { key: 'fd04d8986fd170056769871a07f838c3cf200108', class: this.badgeClasses, role: "status", "aria-live": "polite", "aria-label": `status ${this.variant}`, "aria-disabled": this.disabled ? 'true' : null }, h("slot", { key: '0186c80b8fbce04a7c96949ca39ecf0319abf352', name: "icon" }), h("slot", { key: 'd79b91a4c5b93280c977dce033e0e05fad2c7524' })));
+    }
+    static get is() { return "bds-badge"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["bds-badge.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["bds-badge.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "variant": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "IBadge['variant']",
+                    "resolved": "\"danger\" | \"default\" | \"info\" | \"success\" | \"warning\"",
+                    "references": {
+                        "IBadge": {
+                            "location": "import",
+                            "path": "./types/IBadge",
+                            "id": "src/components/feedback/bds-badge/types/IBadge.ts::IBadge",
+                            "referenceLocation": "IBadge"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Controls the visual style of the badge. Accepted values: 'default' | 'info' | 'success' | 'warning' | 'danger'. Default is 'default'."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "variant",
+                "defaultValue": "BADGE_VARIANT.DEFAULT"
+            },
+            "disabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "IBadge['disabled']",
+                    "resolved": "boolean",
+                    "references": {
+                        "IBadge": {
+                            "location": "import",
+                            "path": "./types/IBadge",
+                            "id": "src/components/feedback/bds-badge/types/IBadge.ts::IBadge",
+                            "referenceLocation": "IBadge"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Disables the badge when true, reducing opacity and preventing pointer interaction. Default is false."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "disabled",
+                "defaultValue": "false"
+            }
+        };
+    }
+    static get elementRef() { return "el"; }
+    static get watchers() {
+        return [{
+                "propName": "variant",
+                "methodName": "checkPropValues"
+            }];
+    }
+}

package/dist/collection/components/feedback/bds-badge/types/IBadge.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/components/feedback/bds-badge/types/enum.js

@@ -0,0 +1,5 @@
+import { STATUS_VARIANT } from "../../../../types/states";
+export const BADGE_VARIANT = {
+    ...STATUS_VARIANT,
+    DEFAULT: 'default',
+};

package/dist/collection/components/feedback/bds-banner/bds-banner.css

@@ -1,3 +1,19 @@
+@charset "UTF-8";
+/**
+* Common SCSS placeholder selectors shared across form and layout components.
+* This file is injected globally via `injectGlobalPaths` in `stencil.config.ts`,
+* so all component stylesheets can `@extend` these placeholders without an explicit import.
+*
+* NOTE: Placeholders must only use raw CSS values — `$boreal-*` token variables
+* are not available at this level util use style-guidelines.
+*/
+/**
+ * TODO: Refactor to use styleguidelines this work as first draft
+ **/
+/**
+* This file contains mixins and functions for common interactions styles such as focus rings and transitions.
+* These are used across multiple components to ensure consistency in interaction feedback.
+*/
 .bds-banner {
   position: relative;
   display: flex;
@@ -6,7 +22,7 @@
   border-left: 0;
   font-family: var(--boreal-typography-font-family-primary);
   height: 100%;
-  transition: all 0.3s ease-out;
+  transition: opacity 0.3s ease-out;
 }
 .bds-banner__vertical-line {
   width: var(--boreal-spacing-2xs);
@@ -97,5 +113,7 @@
 }
 .bds-banner--closing {
   opacity: 0;
-  height: 0;
+}
+.bds-banner--hidden {
+  display: none;
 }

package/dist/collection/components/feedback/bds-banner/bds-banner.js

@@ -1,7 +1,6 @@
-import { Host, h } from "@stencil/core";
+import { Fragment, Host, h } from "@stencil/core";
 import { STATUS_VARIANT } from "../../../types/index";
-import { inheritAriaAttributes } from "../../../utils/a11y/attributes";
-import { getBaseAttributes } from "../../../utils/helpers/common/BaseAttributes";
+import { inheritAriaAttributes, inheritAttributes } from "../../../utils/a11y/attributes";
 /**
  * Banner component used to display important messages with different status variants.
  *
@@ -12,16 +11,15 @@ import { getBaseAttributes } from "../../../utils/helpers/common/BaseAttributes"
  * @slot actions - Slot for action buttons or links displayed at the end of the banner.
  *
  * @attr {"info"|"success"|"warning"|"danger"} variant - Status variant of the banner, affects color and icon. Defaults to "info".
- * @attr {boolean} enable-close - When true, renders a close button that triggers the close event.
- * @attr {string} idComponent - Unique identifier for the banner element.
+ * @attr {boolean} closable - When true, renders a close button that triggers the close event.
  *
- * @property {string} idComponent - Unique identifier for the banner element.
  * @property {"info"|"success"|"warning"|"danger"} variant - Visual style variant: 'info', 'success', 'warning', or 'danger'. Defaults to "info".
- * @property {boolean} enableClose - Shows a close button that allows users to dismiss the banner. Defaults to false.
+ * @property {boolean} closable - Shows a close button that allows users to close the banner. Defaults to false.
+ * @property {boolean} closeButtonLabel - Aria label for the close button when visible.
  *
- * @fires close - Emitted when the banner is closed via the close button or `closeBanner` method.
+ * @fires bdsClose - Emitted when the banner is closed via the close button or `close` method.
  *
- * @method closeBanner - Programmatic method to close the banner and emit the `close` event.
+ * @method close - Programmatic method to close the banner and emit the `bdsClose` event.
  *
  */
 export class BdsBanner {
@@ -35,20 +33,21 @@ export class BdsBanner {
          * Controls the visibility of the banner. Set to false to hide the banner.
          */
         this.isOpen = true;
-        /**
-         * Unique identifier for the banner element.
-         */
-        this.idComponent = '';
         /**
          * Visual style variant: 'info', 'success', 'warning', or 'danger'.
          * @default "info"
          */
         this.variant = STATUS_VARIANT.INFO;
         /**
-         * Shows a close button that allows users to dismiss the banner.
+         * Shows a close button that allows users to close the banner.
          * @default false
          */
-        this.enableClose = false;
+        this.closable = false;
+        /**
+         * The aria label for the close button.
+         * @default ""
+         */
+        this.closeButtonLabel = '';
         this.handleAnimationEnd = () => {
             if (this.isClosing)
                 requestAnimationFrame(() => {
@@ -60,23 +59,30 @@ export class BdsBanner {
     componentWillLoad() {
         this.inheritedAttributes = {
             ...inheritAriaAttributes(this.el),
-            ...getBaseAttributes(this),
+            ...inheritAttributes(this.el),
         };
     }
     /**
-     * Programmatic method to close the banner and emit the `close` event
+     * Programmatic method to close the banner and emit the `bdsClose` event
+     */
+    async open() {
+        if (!this.isOpen)
+            this.isOpen = true;
+    }
+    /**
+     * Programmatic method to close the banner and emit the `bdsClose` event
      */
-    async closeBanner() {
+    async close() {
         this.handleCloseBanner();
     }
     handleCloseBanner(e) {
         if (e !== undefined)
             e.preventDefault();
         this.isClosing = true;
-        this.close.emit();
+        this.bdsClose.emit();
     }
     handleEscapeKeyClose(e) {
-        if (!this.enableClose)
+        if (!this.closable)
             return;
         if (e.key === 'Escape')
             this.handleCloseBanner();
@@ -107,20 +113,17 @@ export class BdsBanner {
             'bds-banner': true,
             [`bds-banner--${this.variant}`]: true,
             'bds-banner--closing': this.isClosing,
+            'bds-banner--hidden': !this.isOpen,
         };
     }
     renderCloseIcon() {
-        return (
-        // TODO how to pass this inner aria attr from outside?
-        h("button", { role: "close-button", class: "bds-banner__close-icon", "aria-label": "Alert close button", onClick: e => this.handleCloseBanner(e) }, h("em", { class: "bds-icon-close" })));
+        return (h("button", { role: "close-button", class: "bds-banner__close-icon", "aria-label": this.closeButtonLabel, onClick: e => this.handleCloseBanner(e) }, h("em", { class: "bds-icon-close" })));
     }
     render() {
-        if (!this.isOpen)
-            return;
         const closeIcon = this.renderCloseIcon();
         const classes = this.getStyles();
         const iconName = this.getIconName();
-        return (h(Host, { class: classes, ...this.getAttributes(), onTransitionEnd: this.handleAnimationEnd, onKeyDown: (e) => this.handleEscapeKeyClose(e) }, 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 ${this.variant}` }, h("em", { "aria-hidden": "true", class: iconName })), 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 && closeIcon)));
+        return (h(Host, { key: '1a07d4c50cb16abf16a6202fc0a6453028030c94', class: classes, ...this.getAttributes(), onTransitionEnd: this.handleAnimationEnd, onKeyDown: (e) => this.handleEscapeKeyClose(e) }, this.isOpen && (h(Fragment, { key: '2fa91a3e46f6660cb80302bc56619c107f3cf1a9' }, h("div", { key: '406c8ce24b6c8d9467f83baea3c521ef823b7ff6', class: "bds-banner__vertical-line" }), h("div", { key: '1a2c84c6480397e179a212056e0d9896a4ffcd5c', class: "bds-banner__container" }, h("div", { key: 'c3a259dae39176720f74fb4961b01166956f8e5c', class: "bds-banner__status-icon", role: "status", "aria-live": "polite", "aria-label": `status ${this.variant}` }, h("em", { key: '6d24dc0d611b85a0c9f524f29948552607fc124f', "aria-hidden": "true", class: iconName })), h("div", { key: '6c4af02b7d783417cd016c81214ae4ae9a9040ff', id: "bds-banner__content", class: "bds-banner__content" }, h("div", { key: '74d4b78b0e6a058c48d2681b0d49742266f6653d', class: "bds-banner__title" }, h("slot", { key: '65baf563140619dd68ba6da5b1a2e61acfae61e6', name: "title" })), h("div", { key: 'a24a1af35cf217bcdadff0a9c2d3bbef8d21e232', class: "bds-banner__body" }, h("slot", { key: '5ea6dd31fbcf8eb9fd06426a2e98e36c537857b1' })), h("div", { key: '41cc79e73c212e381f8bfca997d62710f94e6ba4', class: "bds-banner__actions" }, h("slot", { key: '0266cc63e42d35a7fcbb836dfe7d11c47f192321', name: "actions" }))), this.closable && closeIcon)))));
     }
     static get is() { return "bds-banner"; }
     static get originalStyleUrls() {
@@ -135,26 +138,6 @@ export class BdsBanner {
     }
     static get properties() {
         return {
-            "idComponent": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Unique identifier for the banner element."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "id-component",
-                "defaultValue": "''"
-            },
             "variant": {
                 "type": "string",
                 "mutable": false,
@@ -185,12 +168,35 @@ export class BdsBanner {
                 "attribute": "variant",
                 "defaultValue": "STATUS_VARIANT.INFO"
             },
-            "enableClose": {
+            "closable": {
                 "type": "boolean",
                 "mutable": false,
                 "complexType": {
-                    "original": "IBanner['enableClose']",
+                    "original": "boolean",
                     "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "default",
+                            "text": "false"
+                        }],
+                    "text": "Shows a close button that allows users to close the banner."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "closable",
+                "defaultValue": "false"
+            },
+            "closeButtonLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "IBanner['closeButtonLabel']",
+                    "resolved": "string",
                     "references": {
                         "IBanner": {
                             "location": "import",
@@ -205,15 +211,15 @@ export class BdsBanner {
                 "docs": {
                     "tags": [{
                             "name": "default",
-                            "text": "false"
+                            "text": "\"\""
                         }],
-                    "text": "Shows a close button that allows users to dismiss the banner."
+                    "text": "The aria label for the close button."
                 },
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "enable-close",
-                "defaultValue": "false"
+                "attribute": "close-button-label",
+                "defaultValue": "''"
             }
         };
     }
@@ -225,14 +231,14 @@ export class BdsBanner {
     }
     static get events() {
         return [{
-                "method": "close",
-                "name": "close",
+                "method": "bdsClose",
+                "name": "bdsClose",
                 "bubbles": true,
                 "cancelable": true,
                 "composed": true,
                 "docs": {
                     "tags": [],
-                    "text": "Emitted when the banner is closed via the close button or handleClose method."
+                    "text": "Emitted when the banner is closed via the close button or close method."
                 },
                 "complexType": {
                     "original": "void",
@@ -243,7 +249,24 @@ export class BdsBanner {
     }
     static get methods() {
         return {
-            "closeBanner": {
+            "open": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Programmatic method to close the banner and emit the `bdsClose` event",
+                    "tags": []
+                }
+            },
+            "close": {
                 "complexType": {
                     "signature": "() => Promise<void>",
                     "parameters": [],
@@ -256,7 +279,7 @@ export class BdsBanner {
                     "return": "Promise<void>"
                 },
                 "docs": {
-                    "text": "Programmatic method to close the banner and emit the `close` event",
+                    "text": "Programmatic method to close the banner and emit the `bdsClose` event",
                     "tags": []
                 }
             }

package/dist/collection/components/feedback/bds-spinner/bds-spinner.css

@@ -0,0 +1,105 @@
+@charset "UTF-8";
+/**
+* Common SCSS placeholder selectors shared across form and layout components.
+* This file is injected globally via `injectGlobalPaths` in `stencil.config.ts`,
+* so all component stylesheets can `@extend` these placeholders without an explicit import.
+*
+* NOTE: Placeholders must only use raw CSS values — `$boreal-*` token variables
+* are not available at this level util use style-guidelines.
+*/
+/**
+ * TODO: Refactor to use styleguidelines this work as first draft
+ **/
+/**
+* This file contains mixins and functions for common interactions styles such as focus rings and transitions.
+* These are used across multiple components to ensure consistency in interaction feedback.
+*/
+bds-spinner {
+  display: inline-block;
+  position: relative;
+  width: 1em;
+  height: 1em;
+}
+bds-spinner::before, bds-spinner::after {
+  content: "";
+  position: absolute;
+  border-color: transparent transparent var(--boreal-primary-base) transparent;
+  border-radius: 50%;
+  border-width: 3px;
+  border-style: solid;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  box-sizing: border-box;
+}
+bds-spinner::before {
+  opacity: 0.2;
+  border-style: dashed;
+  animation: spin 0.8s linear infinite;
+}
+bds-spinner::after {
+  animation: draw-arc 0.8s linear infinite;
+}
+
+.bds-spinner--small {
+  width: var(--boreal-layout-m);
+  height: var(--boreal-layout-m);
+}
+
+.bds-spinner--medium {
+  width: var(--boreal-layout-ml);
+  height: var(--boreal-layout-ml);
+}
+
+.bds-spinner--large {
+  width: var(--boreal-layout-xl);
+  height: var(--boreal-layout-xl);
+}
+
+.bds-spinner__sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: 0;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  clip-path: inset(50%);
+  white-space: nowrap;
+  border: 0;
+}
+
+@keyframes spin {
+  0% {
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+@keyframes draw-arc {
+  0% {
+    transform: rotate(0deg);
+  }
+  60% {
+    transform: rotate(330deg);
+  }
+  65% {
+    transform: rotate(335deg);
+  }
+  90% {
+    transform: rotate(350deg);
+  }
+  95% {
+    transform: rotate(355deg);
+  }
+  98% {
+    transform: rotate(360deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}

package/dist/collection/components/feedback/bds-spinner/bds-spinner.js

@@ -0,0 +1,128 @@
+import { Host, h } from "@stencil/core";
+import { SPINNER_SIZES } from "./types/enum";
+import { validatePropValue } from "../../../utils/index";
+/**
+ * Spinner component used to indicate a loading or processing state.
+ *
+ * @summary Displays an animated circular spinner to communicate that content is loading.
+ *
+ * @attr {"small"|"medium"|"large"} size - Size of the spinner. Defaults to "small".
+ * @attr {string} label - Accessible label announced by screen readers. Defaults to "Loading".
+ *
+ * @property {"small"|"medium"|"large"} size - Controls the visual size of the spinner.
+ * @property {string} label - Text used as the accessible label for screen readers.
+ *
+ */
+export class BdsSpinner {
+    constructor() {
+        /**
+         * Controls the visual size of the spinner.
+         * @default "small"
+         */
+        this.size = SPINNER_SIZES.SMALL;
+        /**
+         * Accessible label announced by screen readers to describe the loading state.
+         * @default "Loading"
+         */
+        this.label = 'Loading';
+    }
+    checkPropValues() {
+        validatePropValue(Object.values(SPINNER_SIZES), SPINNER_SIZES.SMALL, this.el, 'size');
+    }
+    componentWillLoad() {
+        this.checkPropValues();
+    }
+    get getClassMap() {
+        return {
+            'bds-spinner': true,
+            'bds-spinner--small': this.size === SPINNER_SIZES.SMALL,
+            'bds-spinner--medium': this.size === SPINNER_SIZES.MEDIUM,
+            'bds-spinner--large': this.size === SPINNER_SIZES.LARGE,
+        };
+    }
+    render() {
+        return (h(Host, { key: 'd114eb6445b81a4e7beafd0ff08b8aaf6e1a96e7', class: this.getClassMap, role: "status", "aria-label": this.label, "aria-live": "polite", "aria-busy": "true" }, h("span", { key: 'fa45675b2e258eca9c44a9374a65f26c781343d5', class: "bds-spinner__sr-only" }, this.label)));
+    }
+    static get is() { return "bds-spinner"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["bds-spinner.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["bds-spinner.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "size": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "ISpinner['size']",
+                    "resolved": "\"lg\" | \"md\" | \"sm\"",
+                    "references": {
+                        "ISpinner": {
+                            "location": "import",
+                            "path": "./types/ISpinner",
+                            "id": "src/components/feedback/bds-spinner/types/ISpinner.ts::ISpinner",
+                            "referenceLocation": "ISpinner"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "default",
+                            "text": "\"small\""
+                        }],
+                    "text": "Controls the visual size of the spinner."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "size",
+                "defaultValue": "SPINNER_SIZES.SMALL"
+            },
+            "label": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "ISpinner['label']",
+                    "resolved": "string",
+                    "references": {
+                        "ISpinner": {
+                            "location": "import",
+                            "path": "./types/ISpinner",
+                            "id": "src/components/feedback/bds-spinner/types/ISpinner.ts::ISpinner",
+                            "referenceLocation": "ISpinner"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "default",
+                            "text": "\"Loading\""
+                        }],
+                    "text": "Accessible label announced by screen readers to describe the loading state."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "label",
+                "defaultValue": "'Loading'"
+            }
+        };
+    }
+    static get elementRef() { return "el"; }
+    static get watchers() {
+        return [{
+                "propName": "size",
+                "methodName": "checkPropValues"
+            }];
+    }
+}

package/dist/collection/components/feedback/bds-spinner/types/ISpinner.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/components/feedback/bds-spinner/types/enum.js

@@ -0,0 +1,5 @@
+export const SPINNER_SIZES = {
+    SMALL: 'sm',
+    MEDIUM: 'md',
+    LARGE: 'lg',
+};

package/dist/collection/components/feedback/bds-spinner/types/types.js

@@ -0,0 +1 @@
+export {};