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

package/dist/types/components.d.ts

@@ -6,8 +6,10 @@
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { IBanner } from "./components/feedback/bds-banner/types/IBanner";
+import { IButton } from "./components/actions/bds-button/types/IButton";
 import { ITypography } from "./components/titles-text/bds-typography/types/ITypography";
 export { IBanner } from "./components/feedback/bds-banner/types/IBanner";
+export { IButton } from "./components/actions/bds-button/types/IButton";
 export { ITypography } from "./components/titles-text/bds-typography/types/ITypography";
 export namespace Components {
     /**
@@ -43,6 +45,85 @@ export namespace Components {
          */
         "variant": IBanner['variant'];
     }
+    /**
+     * Button component for user interactions, form submissions, supporting various styles, sizes, and states.
+     * @summary A versatile button component that can be customized with different colors, sizes, variants and states to fit various use cases in the application.
+     * @attr {string} label - The accessible name for the button, used for screen readers. It should be provided by the user for accessibility purposes.
+     * @attr {boolean} disabled - Disables the button when true, preventing user interaction and applying disabled styles.
+     * @attr {string} name - The name attribute for the button, useful for form submissions.
+     * @attr {string} type - The type of the button, which can be 'button', 'submit', or 'reset'. Default is 'button'.
+     * @attr {string} color - The color theme of the button, which can be 'default', 'primary', 'success', or 'error'. Default is 'default'.
+     * @attr {string} variant - The visual style of the button, which can be 'default', 'outline', or 'plain'. Default is 'default'.
+     * @attr {string} size - The size of the button, which can be 'small', 'medium', or 'large'. Default is 'medium'.
+     * @attr {boolean} loading - 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.
+     * @attr {boolean} disclosure - Indicates if the button should show a chevron down at the end of the content.
+     * @property {string} label - The accessible name for the button, used for screen readers. It should be provided by the user for accessibility purposes.
+     * @property {boolean} disabled - Disables the button when true, preventing user interaction and applying disabled styles.
+     * @property {string} name - The name attribute for the button, useful for form submissions.
+     * @property {string} type - The type of the button, which can be 'button', 'submit', or 'reset'. Default is 'button'.
+     * @property {string} color - The color theme of the button, which can be 'default', 'primary', 'success', or 'error'. Default is 'default'.
+     * @property {string} variant - The visual style of the button, which can be 'default', 'outline', or 'plain'. Default is 'default'.
+     * @property {string} size - The size of the button, which can be 'small', 'medium', or 'large'. Default is 'medium'.
+     * @property {boolean} loading - 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.
+     * @property {boolean} disclosure - Indicates if the button should show a chevron down at the end of the content.
+     * @default 'button' - Default type value
+     * @default 'default' - Default color value
+     * @default 'default' - Default variant value
+     * @default 'medium' - Default size value
+     * @default 'default' - Default status value
+     * @default false - Default disabled value
+     * @default '' - Default label value
+     * @default '' - Default name value
+     * @default false - Default loading value
+     * @default false - Default disclosure value
+     */
+    interface BdsButton {
+        /**
+          * color is a string attribute. The color theme of the button, which can be 'default', 'primary', 'success', or 'error'. Default is 'default'.
+          * @default CORE_COLORS.DEFAULT
+         */
+        "color": IButton['color'];
+        /**
+          * disabled is a boolean attribute. Disables the button when true, preventing user interaction and applying disabled styles.
+          * @default false
+         */
+        "disabled": IButton['disabled'];
+        /**
+          * disclosure is a boolean attribute. Used to show a chevron down at the of the content
+          * @default false
+         */
+        "disclosure": IButton['disclosure'];
+        /**
+          * The accessible name for the button, used for screen readers. It should be provided by the user for accessibility purposes.
+          * @default ''
+         */
+        "label": IButton['label'];
+        /**
+          * 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.
+          * @default false
+         */
+        "loading": IButton['loading'];
+        /**
+          * name is a string attribute. The name attribute for the button, useful for form submissions.
+          * @default ''
+         */
+        "name": IButton['name'];
+        /**
+          * size is a string attribute. The size of the button, which can be 'small', 'medium', or 'large'. Default is 'medium'.
+          * @default BUTTON_SIZES.MEDIUM
+         */
+        "size": IButton['size'];
+        /**
+          * type is a string attribute. The type of the button, which can be 'button', 'submit', or 'reset'. Default is 'button'.
+          * @default BUTTON_TYPES.BUTTON
+         */
+        "type": IButton['type'];
+        /**
+          * variant is a string attribute. The visual style of the button, which can be 'default', 'outline', or 'plain'. Default is 'default'.
+          * @default BUTTON_VARIANTS.DEFAULT
+         */
+        "variant": IButton['variant'];
+    }
     /**
      * Typography component for displaying text with various styles, sizes, and interactive features.
      * @summary A comprehensive typography component that supports multiple text variants, sizes, alignments, states, and link functionality.
@@ -148,7 +229,7 @@ export namespace Components {
         "size": ITypography['size'];
         /**
           * Visual state (if supported by variant).
-          * @default STATES.DEFAULT
+          * @default COMPONENT_STATES.DEFAULT
          */
         "state": ITypography['state'];
         /**
@@ -167,28 +248,15 @@ export namespace Components {
          */
         "variant": ITypography['variant'];
     }
-    interface MyComponent {
-        /**
-          * The first name
-          * @default ''
-         */
-        "first": string;
-        /**
-          * The last name
-          * @default ''
-         */
-        "last": string;
-        /**
-          * The middle name
-          * @default ''
-         */
-        "middle": string;
-    }
 }
 export interface BdsBannerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBdsBannerElement;
 }
+export interface BdsButtonCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBdsButtonElement;
+}
 declare global {
     interface HTMLBdsBannerElementEventMap {
         "close": void;
@@ -219,6 +287,55 @@ declare global {
         prototype: HTMLBdsBannerElement;
         new (): HTMLBdsBannerElement;
     };
+    interface HTMLBdsButtonElementEventMap {
+        "bdsClick": UIEvent;
+    }
+    /**
+     * Button component for user interactions, form submissions, supporting various styles, sizes, and states.
+     * @summary A versatile button component that can be customized with different colors, sizes, variants and states to fit various use cases in the application.
+     * @attr {string} label - The accessible name for the button, used for screen readers. It should be provided by the user for accessibility purposes.
+     * @attr {boolean} disabled - Disables the button when true, preventing user interaction and applying disabled styles.
+     * @attr {string} name - The name attribute for the button, useful for form submissions.
+     * @attr {string} type - The type of the button, which can be 'button', 'submit', or 'reset'. Default is 'button'.
+     * @attr {string} color - The color theme of the button, which can be 'default', 'primary', 'success', or 'error'. Default is 'default'.
+     * @attr {string} variant - The visual style of the button, which can be 'default', 'outline', or 'plain'. Default is 'default'.
+     * @attr {string} size - The size of the button, which can be 'small', 'medium', or 'large'. Default is 'medium'.
+     * @attr {boolean} loading - 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.
+     * @attr {boolean} disclosure - Indicates if the button should show a chevron down at the end of the content.
+     * @property {string} label - The accessible name for the button, used for screen readers. It should be provided by the user for accessibility purposes.
+     * @property {boolean} disabled - Disables the button when true, preventing user interaction and applying disabled styles.
+     * @property {string} name - The name attribute for the button, useful for form submissions.
+     * @property {string} type - The type of the button, which can be 'button', 'submit', or 'reset'. Default is 'button'.
+     * @property {string} color - The color theme of the button, which can be 'default', 'primary', 'success', or 'error'. Default is 'default'.
+     * @property {string} variant - The visual style of the button, which can be 'default', 'outline', or 'plain'. Default is 'default'.
+     * @property {string} size - The size of the button, which can be 'small', 'medium', or 'large'. Default is 'medium'.
+     * @property {boolean} loading - 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.
+     * @property {boolean} disclosure - Indicates if the button should show a chevron down at the end of the content.
+     * @default 'button' - Default type value
+     * @default 'default' - Default color value
+     * @default 'default' - Default variant value
+     * @default 'medium' - Default size value
+     * @default 'default' - Default status value
+     * @default false - Default disabled value
+     * @default '' - Default label value
+     * @default '' - Default name value
+     * @default false - Default loading value
+     * @default false - Default disclosure value
+     */
+    interface HTMLBdsButtonElement extends Components.BdsButton, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLBdsButtonElementEventMap>(type: K, listener: (this: HTMLBdsButtonElement, ev: BdsButtonCustomEvent<HTMLBdsButtonElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLBdsButtonElementEventMap>(type: K, listener: (this: HTMLBdsButtonElement, ev: BdsButtonCustomEvent<HTMLBdsButtonElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLBdsButtonElement: {
+        prototype: HTMLBdsButtonElement;
+        new (): HTMLBdsButtonElement;
+    };
     /**
      * Typography component for displaying text with various styles, sizes, and interactive features.
      * @summary A comprehensive typography component that supports multiple text variants, sizes, alignments, states, and link functionality.
@@ -272,16 +389,10 @@ declare global {
         prototype: HTMLBdsTypographyElement;
         new (): HTMLBdsTypographyElement;
     };
-    interface HTMLMyComponentElement extends Components.MyComponent, HTMLStencilElement {
-    }
-    var HTMLMyComponentElement: {
-        prototype: HTMLMyComponentElement;
-        new (): HTMLMyComponentElement;
-    };
     interface HTMLElementTagNameMap {
         "bds-banner": HTMLBdsBannerElement;
+        "bds-button": HTMLBdsButtonElement;
         "bds-typography": HTMLBdsTypographyElement;
-        "my-component": HTMLMyComponentElement;
     }
 }
 declare namespace LocalJSX {
@@ -318,6 +429,93 @@ declare namespace LocalJSX {
          */
         "variant"?: IBanner['variant'];
     }
+    /**
+     * Button component for user interactions, form submissions, supporting various styles, sizes, and states.
+     * @summary A versatile button component that can be customized with different colors, sizes, variants and states to fit various use cases in the application.
+     * @attr {string} label - The accessible name for the button, used for screen readers. It should be provided by the user for accessibility purposes.
+     * @attr {boolean} disabled - Disables the button when true, preventing user interaction and applying disabled styles.
+     * @attr {string} name - The name attribute for the button, useful for form submissions.
+     * @attr {string} type - The type of the button, which can be 'button', 'submit', or 'reset'. Default is 'button'.
+     * @attr {string} color - The color theme of the button, which can be 'default', 'primary', 'success', or 'error'. Default is 'default'.
+     * @attr {string} variant - The visual style of the button, which can be 'default', 'outline', or 'plain'. Default is 'default'.
+     * @attr {string} size - The size of the button, which can be 'small', 'medium', or 'large'. Default is 'medium'.
+     * @attr {boolean} loading - 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.
+     * @attr {boolean} disclosure - Indicates if the button should show a chevron down at the end of the content.
+     * @property {string} label - The accessible name for the button, used for screen readers. It should be provided by the user for accessibility purposes.
+     * @property {boolean} disabled - Disables the button when true, preventing user interaction and applying disabled styles.
+     * @property {string} name - The name attribute for the button, useful for form submissions.
+     * @property {string} type - The type of the button, which can be 'button', 'submit', or 'reset'. Default is 'button'.
+     * @property {string} color - The color theme of the button, which can be 'default', 'primary', 'success', or 'error'. Default is 'default'.
+     * @property {string} variant - The visual style of the button, which can be 'default', 'outline', or 'plain'. Default is 'default'.
+     * @property {string} size - The size of the button, which can be 'small', 'medium', or 'large'. Default is 'medium'.
+     * @property {boolean} loading - 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.
+     * @property {boolean} disclosure - Indicates if the button should show a chevron down at the end of the content.
+     * @default 'button' - Default type value
+     * @default 'default' - Default color value
+     * @default 'default' - Default variant value
+     * @default 'medium' - Default size value
+     * @default 'default' - Default status value
+     * @default false - Default disabled value
+     * @default '' - Default label value
+     * @default '' - Default name value
+     * @default false - Default loading value
+     * @default false - Default disclosure value
+     */
+    interface BdsButton {
+        /**
+          * color is a string attribute. The color theme of the button, which can be 'default', 'primary', 'success', or 'error'. Default is 'default'.
+          * @default CORE_COLORS.DEFAULT
+         */
+        "color"?: IButton['color'];
+        /**
+          * disabled is a boolean attribute. Disables the button when true, preventing user interaction and applying disabled styles.
+          * @default false
+         */
+        "disabled"?: IButton['disabled'];
+        /**
+          * disclosure is a boolean attribute. Used to show a chevron down at the of the content
+          * @default false
+         */
+        "disclosure"?: IButton['disclosure'];
+        /**
+          * The `id` of a `<form>` element to associate this element with.
+         */
+        "form"?: string;
+        /**
+          * The accessible name for the button, used for screen readers. It should be provided by the user for accessibility purposes.
+          * @default ''
+         */
+        "label"?: IButton['label'];
+        /**
+          * 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.
+          * @default false
+         */
+        "loading"?: IButton['loading'];
+        /**
+          * name is a string attribute. The name attribute for the button, useful for form submissions.
+          * @default ''
+         */
+        "name"?: IButton['name'];
+        /**
+          * emit event to click
+         */
+        "onBdsClick"?: (event: BdsButtonCustomEvent<UIEvent>) => void;
+        /**
+          * size is a string attribute. The size of the button, which can be 'small', 'medium', or 'large'. Default is 'medium'.
+          * @default BUTTON_SIZES.MEDIUM
+         */
+        "size"?: IButton['size'];
+        /**
+          * type is a string attribute. The type of the button, which can be 'button', 'submit', or 'reset'. Default is 'button'.
+          * @default BUTTON_TYPES.BUTTON
+         */
+        "type"?: IButton['type'];
+        /**
+          * variant is a string attribute. The visual style of the button, which can be 'default', 'outline', or 'plain'. Default is 'default'.
+          * @default BUTTON_VARIANTS.DEFAULT
+         */
+        "variant"?: IButton['variant'];
+    }
     /**
      * Typography component for displaying text with various styles, sizes, and interactive features.
      * @summary A comprehensive typography component that supports multiple text variants, sizes, alignments, states, and link functionality.
@@ -423,7 +621,7 @@ declare namespace LocalJSX {
         "size"?: ITypography['size'];
         /**
           * Visual state (if supported by variant).
-          * @default STATES.DEFAULT
+          * @default COMPONENT_STATES.DEFAULT
          */
         "state"?: ITypography['state'];
         /**
@@ -442,29 +640,23 @@ declare namespace LocalJSX {
          */
         "variant"?: ITypography['variant'];
     }
-    interface MyComponent {
-        /**
-          * The first name
-          * @default ''
-         */
-        "first"?: string;
-        /**
-          * The last name
-          * @default ''
-         */
-        "last"?: string;
-        /**
-          * The middle name
-          * @default ''
-         */
-        "middle"?: string;
-    }
 
     interface BdsBannerAttributes {
         "idComponent": string;
         "variant": IBanner['variant'];
         "enableClose": IBanner['enableClose'];
     }
+    interface BdsButtonAttributes {
+        "label": IButton['label'];
+        "disabled": IButton['disabled'];
+        "name": IButton['name'];
+        "type": IButton['type'];
+        "color": IButton['color'];
+        "variant": IButton['variant'];
+        "size": IButton['size'];
+        "loading": IButton['loading'];
+        "disclosure": IButton['disclosure'];
+    }
     interface BdsTypographyAttributes {
         "variant": ITypography['variant'];
         "size": ITypography['size'];
@@ -482,16 +674,11 @@ declare namespace LocalJSX {
         "isDownloadable": ITypography['isDownloadable'];
         "filename": ITypography['filename'];
     }
-    interface MyComponentAttributes {
-        "first": string;
-        "middle": string;
-        "last": string;
-    }
 
     interface IntrinsicElements {
         "bds-banner": Omit<BdsBanner, keyof BdsBannerAttributes> & { [K in keyof BdsBanner & keyof BdsBannerAttributes]?: BdsBanner[K] } & { [K in keyof BdsBanner & keyof BdsBannerAttributes as `attr:${K}`]?: BdsBannerAttributes[K] } & { [K in keyof BdsBanner & keyof BdsBannerAttributes as `prop:${K}`]?: BdsBanner[K] };
+        "bds-button": Omit<BdsButton, keyof BdsButtonAttributes> & { [K in keyof BdsButton & keyof BdsButtonAttributes]?: BdsButton[K] } & { [K in keyof BdsButton & keyof BdsButtonAttributes as `attr:${K}`]?: BdsButtonAttributes[K] } & { [K in keyof BdsButton & keyof BdsButtonAttributes as `prop:${K}`]?: BdsButton[K] };
         "bds-typography": Omit<BdsTypography, keyof BdsTypographyAttributes> & { [K in keyof BdsTypography & keyof BdsTypographyAttributes]?: BdsTypography[K] } & { [K in keyof BdsTypography & keyof BdsTypographyAttributes as `attr:${K}`]?: BdsTypographyAttributes[K] } & { [K in keyof BdsTypography & keyof BdsTypographyAttributes as `prop:${K}`]?: BdsTypography[K] };
-        "my-component": Omit<MyComponent, keyof MyComponentAttributes> & { [K in keyof MyComponent & keyof MyComponentAttributes]?: MyComponent[K] } & { [K in keyof MyComponent & keyof MyComponentAttributes as `attr:${K}`]?: MyComponentAttributes[K] } & { [K in keyof MyComponent & keyof MyComponentAttributes as `prop:${K}`]?: MyComponent[K] };
     }
 }
 export { LocalJSX as JSX };
@@ -511,6 +698,39 @@ declare module "@stencil/core" {
              * @method closeBanner - Programmatic method to close the banner and emit the `close` event.
              */
             "bds-banner": LocalJSX.IntrinsicElements["bds-banner"] & JSXBase.HTMLAttributes<HTMLBdsBannerElement>;
+            /**
+             * Button component for user interactions, form submissions, supporting various styles, sizes, and states.
+             * @summary A versatile button component that can be customized with different colors, sizes, variants and states to fit various use cases in the application.
+             * @attr {string} label - The accessible name for the button, used for screen readers. It should be provided by the user for accessibility purposes.
+             * @attr {boolean} disabled - Disables the button when true, preventing user interaction and applying disabled styles.
+             * @attr {string} name - The name attribute for the button, useful for form submissions.
+             * @attr {string} type - The type of the button, which can be 'button', 'submit', or 'reset'. Default is 'button'.
+             * @attr {string} color - The color theme of the button, which can be 'default', 'primary', 'success', or 'error'. Default is 'default'.
+             * @attr {string} variant - The visual style of the button, which can be 'default', 'outline', or 'plain'. Default is 'default'.
+             * @attr {string} size - The size of the button, which can be 'small', 'medium', or 'large'. Default is 'medium'.
+             * @attr {boolean} loading - 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.
+             * @attr {boolean} disclosure - Indicates if the button should show a chevron down at the end of the content.
+             * @property {string} label - The accessible name for the button, used for screen readers. It should be provided by the user for accessibility purposes.
+             * @property {boolean} disabled - Disables the button when true, preventing user interaction and applying disabled styles.
+             * @property {string} name - The name attribute for the button, useful for form submissions.
+             * @property {string} type - The type of the button, which can be 'button', 'submit', or 'reset'. Default is 'button'.
+             * @property {string} color - The color theme of the button, which can be 'default', 'primary', 'success', or 'error'. Default is 'default'.
+             * @property {string} variant - The visual style of the button, which can be 'default', 'outline', or 'plain'. Default is 'default'.
+             * @property {string} size - The size of the button, which can be 'small', 'medium', or 'large'. Default is 'medium'.
+             * @property {boolean} loading - 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.
+             * @property {boolean} disclosure - Indicates if the button should show a chevron down at the end of the content.
+             * @default 'button' - Default type value
+             * @default 'default' - Default color value
+             * @default 'default' - Default variant value
+             * @default 'medium' - Default size value
+             * @default 'default' - Default status value
+             * @default false - Default disabled value
+             * @default '' - Default label value
+             * @default '' - Default name value
+             * @default false - Default loading value
+             * @default false - Default disclosure value
+             */
+            "bds-button": LocalJSX.IntrinsicElements["bds-button"] & JSXBase.HTMLAttributes<HTMLBdsButtonElement>;
             /**
              * Typography component for displaying text with various styles, sizes, and interactive features.
              * @summary A comprehensive typography component that supports multiple text variants, sizes, alignments, states, and link functionality.
@@ -559,7 +779,6 @@ declare module "@stencil/core" {
              * @default '' - Default tooltipText value
              */
             "bds-typography": LocalJSX.IntrinsicElements["bds-typography"] & JSXBase.HTMLAttributes<HTMLBdsTypographyElement>;
-            "my-component": LocalJSX.IntrinsicElements["my-component"] & JSXBase.HTMLAttributes<HTMLMyComponentElement>;
         }
     }
 }

package/dist/types/types/coreColors.d.ts

@@ -0,0 +1,8 @@
+export declare const CORE_COLORS: {
+    readonly DEFAULT: "default";
+    readonly PRIMARY: "primary";
+    readonly SUCCESS: "success";
+    readonly ERROR: "error";
+};
+export type CoreColors = (typeof CORE_COLORS)[keyof typeof CORE_COLORS];
+//# sourceMappingURL=coreColors.d.ts.map

package/dist/types/types/states.d.ts

@@ -1,4 +1,4 @@
-export declare const STATES: {
+export declare const COMPONENT_STATES: {
     readonly DEFAULT: "default";
     readonly ERROR: "error";
     readonly DISABLED: "disabled";
@@ -7,7 +7,7 @@ export declare const STATES: {
     readonly FOCUS: "focus";
     readonly VISITED: "visited";
 };
-export type State = (typeof STATES)[keyof typeof STATES];
+export type ComponentState = (typeof COMPONENT_STATES)[keyof typeof COMPONENT_STATES];
 export declare const PROCESS_STATUS: {
     readonly NEUTRAL: "neutral";
     readonly PENDING: "pending";

package/dist/types/utils/helpers/validateProps.d.ts

@@ -0,0 +1,11 @@
+/**
+ * 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.
+ */
+export declare function validatePropValue<T extends string>(acceptedValues: readonly T[], fallbackValue: T, element: HTMLElement, propertyName: string): void;
+//# sourceMappingURL=validateProps.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telesign/boreal-web-components",
-  "version": "0.1.0-alpha.0",
+  "version": "0.1.0-alpha.2",
   "description": "Stencil Component Starter",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -19,8 +19,9 @@
       "require": "./loader/index.cjs",
       "types": "./loader/index.d.ts"
     },
-    "./components/*": {
-      "import": "./components-build/*"
+    "./components/*.js": {
+      "import": "./components-build/*.js",
+      "types": "./components-build/*.d.ts"
     },
     "./types": {
       "import": "./dist/collection/types/index.js",

package/components-build/my-component.js

@@ -1 +0,0 @@
-import{p as t,H as e,h as s,t as o}from"./index.js";const n=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.first="",this.middle="",this.last=""}render(){return s("div",{key:"2f3775c7b3d8475826a01101110bd2876a57f2cb"}," Hello, World! I'm Stencil 'Don't call me a framework' JS")}static get style(){return":host{display:block}"}},[0,"my-component",{first:[1],middle:[1],last:[1]}]),m=n,c=function(){"undefined"!=typeof customElements&&["my-component"].forEach((t=>{"my-component"===t&&(customElements.get(o(t))||customElements.define(o(t),n))}))};export{m as MyComponent,c as defineCustomElement}

package/components-build/p-B9wshZ_4.js

@@ -1 +0,0 @@
-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}

package/dist/boreal-web-components/p-412d037b.system.entry.js

@@ -1 +0,0 @@
-System.register(["./p-BQdH0ijK.system.js"],(function(t){"use strict";var n,e;return{setters:[function(t){n=t.r;e=t.h}],execute:function(){var i=function(){return":host{display:block}"};var r=t("my_component",function(){function t(t){n(this,t);this.first="";this.middle="";this.last=""}t.prototype.render=function(){return e("div",{key:"2f3775c7b3d8475826a01101110bd2876a57f2cb"}," Hello, World! I'm Stencil 'Don't call me a framework' JS")};return t}());r.style=i()}}}));

package/dist/boreal-web-components/p-527a761b.entry.js

@@ -1 +0,0 @@
-import{r as t,h as e,a,g as r}from"./p-DgFiTd6X.js";import{a as o,i}from"./p-B9wshZ_4.js";const h="md",l={link:{states:[o.DISABLED],size:["sm",h]},label:{states:[o.DISABLED],isRequired:!0,canUseTooltip:!0},heading:{canUseTooltip:!0},subheading:{canUseTooltip:!0},helper:{states:[o.ERROR]},display:{size:["xs","sm",h,"lg","xl"]}},s=class{constructor(e){t(this,e),this.inheritedAttributes={},this.variant="display",this.size=h,this.state=o.DEFAULT,this.customClass="",this.element="p",this.align="start",this.ellipsis=!1,this.maxLines=1,this.tooltipText="",this.isRequired=!1,this.htmlFor=void 0,this.href=null,this.target=null,this.isDownloadable=!1,this.filename="download",this.sanitizedHref=""}async updateSanitizedHref(){if("a"===this.getTagName&&null!==this.href){const{sanitizeUrl:t}=await import("./p-noyWJ11s.js").then((function(t){return t.i}));this.sanitizedHref=t(this.href)}else this.sanitizedHref=""}async componentWillLoad(){"a"===this.getTagName&&null!==this.href&&await this.updateSanitizedHref(),this.inheritedAttributes={...i(this.el)}}get getTagName(){return"link"===this.variant?"a":this.element.toLowerCase()}getVariantConfig(){return l[this.variant]??{}}getAccessibilityTags(){const{isRequired:t=null}=this.getVariantConfig(),e=["a","label"].includes(this.getTagName);return{"aria-required":this.isRequired&&t,"aria-disabled":this.state===o.DISABLED&&e}}getVariantStateStyles(){const t=this.getVariantConfig();return{[`bds-typography--${this.variant}`]:!0,[`bds-typography--align-${this.align}`]:!0,[`bds-typography--${this.state}`]:!(!t?.states||!t?.states.includes(this.state)),[`bds-typography--size-${this.size}`]:!(!t?.size||!t?.size.includes(this.size)),"bds-typography--required":!(!t?.isRequired||!this.isRequired),"bds-typography--ellipsis":this.ellipsis&&this.maxLines<=1,"bds-typography--ellipsis-multiline":this.ellipsis&&this.maxLines>1,[this.customClass]:""!==this.customClass}}render(){const t=this.getTagName,r={...(i=this,h=t,{a:{href:i.state!==o.DISABLED?i.sanitizedHref:null,target:i.target,download:i.isDownloadable?i.filename:null,rel:"_blank"===i.target?"noopener noreferrer":void 0},label:{htmlFor:i.htmlFor}}[h]||{}),...this.inheritedAttributes,...this.getAccessibilityTags()};var i,h;const l=this.getVariantStateStyles(),{canUseTooltip:s=null,isRequired:p=null}=this.getVariantConfig();return e(a,{key:"6091692b1cb6bf1d3295f0834c8d25425633d65a",class:"bds-typography"},e(t,{key:"0cc91c35fa1cc36c99101a79fae0c8b5cf44de43",class:l,style:{webkitLineClamp:this.maxLines},...r},e("slot",{key:"973848fba8211cb5ef869e0e48fb1806bd5efdec"}),this.isRequired&&p&&e("em",{key:"dd89574e9dedd55905ae4c7bcd57604f26fbd03b",class:"bds-typography__required-indicator","aria-hidden":"true"},"*"),this.tooltipText&&s&&e("em",{key:"473b0de17bd095b97d54d24d2f3aa75f8a8e4922",class:"bds-typography__info-icon bds-icon-info-circle"})))}get el(){return r(this)}static get watchers(){return{href:[{updateSanitizedHref:0}]}}};s.style=".bds-typography{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:var(--boreal-typography-font-family-primary);font-weight:var(--boreal-typography-font-weight-regular)}.bds-typography__required-indicator{color:var(--boreal-icon-danger-base);font-weight:var(--boreal-typography-font-weight-regular)}.bds-typography__info-icon{color:var(--boreal-icon-default-light)}.bds-typography--heading,.bds-typography--subheading{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:var(--boreal-spacing-3xs)}.bds-typography--label{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:var(--boreal-spacing-3xs)}.bds-typography--display{display:block}.bds-typography--caption,.bds-typography--helper,.bds-typography--link{display:inline-block}.bds-typography--caption{font-size:var(--boreal-typography-font-size-xs);font-weight:var(--boreal-typography-font-weight-regular);line-height:var(--boreal-typography-line-height-md);color:var(--boreal-text-default-light)}.bds-typography--helper{font-size:var(--boreal-typography-font-size-xs);font-weight:var(--boreal-typography-font-weight-regular);line-height:var(--boreal-typography-line-height-sm);color:var(--boreal-text-default-light)}.bds-typography--link{font-size:var(--boreal-typography-font-size-sm);font-weight:var(--boreal-typography-font-weight-regular);line-height:var(--boreal-typography-line-height-md);color:var(--boreal-text-primary-base);text-decoration:none}.bds-typography--link:hover{text-decoration:underline}.bds-typography--link:visited{color:var(--boreal-text-primary-base)}.bds-typography--link:active{color:var(--boreal-text-primary-dark)}.bds-typography--link.bds-typography--size-sm{font-size:var(--boreal-typography-font-size-xs)}.bds-typography--link.bds-typography--size-md{font-size:var(--boreal-typography-font-size-sm)}.bds-typography--code{font-family:var(--boreal-typography-font-family-secondary);font-size:var(--boreal-typography-font-size-xs);font-weight:var(--boreal-typography-font-weight-regular);color:var(--boreal-text-default);line-height:var(--boreal-typography-line-height-md);overflow-wrap:break-word;background-color:var(--boreal-bg-neutral);padding:var(--boreal-spacing-3xs) var(--boreal-spacing-xs);border-radius:var(--boreal-radius-xs);display:inline;box-decoration-break:clone;-webkit-box-decoration-break:clone}.bds-typography--label{font-size:var(--boreal-typography-font-size-xs);font-weight:var(--boreal-typography-font-weight-semibold);line-height:var(--boreal-typography-line-height-md);color:var(--boreal-text-default-darker)}.bds-typography--display{font-weight:var(--boreal-typography-font-weight-regular);color:var(--boreal-text-default)}.bds-typography--display.bds-typography--size-sm{font-size:var(--boreal-typography-font-size-xl);line-height:var(--boreal-typography-line-height-xl)}.bds-typography--display.bds-typography--size-md{font-size:var(--boreal-typography-font-size-2xl);line-height:var(--boreal-typography-line-height-2xl)}.bds-typography--display.bds-typography--size-lg{font-size:var(--boreal-typography-font-size-3xl);line-height:var(--boreal-typography-line-height-3xl);font-weight:var(--boreal-typography-font-weight-light)}.bds-typography--display.bds-typography--size-xl{font-size:var(--boreal-typography-font-size-4xl);line-height:var(--boreal-typography-line-height-4xl);font-weight:var(--boreal-typography-font-weight-light)}.bds-typography--heading{font-size:var(--boreal-typography-font-size-lg);line-height:var(--boreal-typography-line-height-lg);font-weight:var(--boreal-typography-font-weight-regular);color:var(--boreal-text-default)}.bds-typography h1.bds-typography--heading{font-weight:var(--boreal-typography-font-weight-regular);font-size:var(--boreal-typography-font-size-4xl);line-height:var(--boreal-typography-line-height-4xl)}.bds-typography h2.bds-typography--heading{font-weight:var(--boreal-typography-font-weight-regular);font-size:var(--boreal-typography-font-size-3xl);line-height:var(--boreal-typography-line-height-3xl)}.bds-typography h3.bds-typography--heading{font-weight:var(--boreal-typography-font-weight-regular);font-size:var(--boreal-typography-font-size-2xl);line-height:var(--boreal-typography-line-height-2xl)}.bds-typography h4.bds-typography--heading{font-weight:var(--boreal-typography-font-weight-regular);font-size:var(--boreal-typography-font-size-xl);line-height:var(--boreal-typography-line-height-xl)}.bds-typography h5.bds-typography--heading{font-weight:var(--boreal-typography-font-weight-regular);font-size:var(--boreal-typography-font-size-lg);line-height:var(--boreal-typography-line-height-lg)}.bds-typography h6.bds-typography--heading{font-size:var(--boreal-typography-font-size-md);font-weight:var(--boreal-typography-font-weight-semibold);line-height:var(--boreal-typography-line-height-md)}.bds-typography--subheading{font-size:var(--boreal-typography-font-size-md);line-height:var(--boreal-typography-line-height-md);font-weight:var(--boreal-typography-font-weight-semibold)}.bds-typography--align-start{text-align:start}.bds-typography--align-center{text-align:center}.bds-typography--align-end{text-align:end}.bds-typography--align-inherit{text-align:inherit}.bds-typography--error{color:var(--boreal-text-danger-base)}.bds-typography--disabled{color:var(--boreal-text-disabled);pointer-events:none;cursor:not-allowed}.bds-typography--disabled .bds-typography__required-indicator{color:var(--boreal-text-danger-light)}.bds-typography--ellipsis{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.bds-typography--ellipsis-multiline{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;width:100%}";export{s as bds_typography}

package/dist/boreal-web-components/p-5666a22a.system.entry.js

@@ -1 +0,0 @@
-var __assign=this&&this.__assign||function(){__assign=Object.assign||function(t){for(var e,r=1,a=arguments.length;r<a;r++){e=arguments[r];for(var i in e)if(Object.prototype.hasOwnProperty.call(e,i))t[i]=e[i]}return t};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(t,e,r,a){function i(t){return t instanceof r?t:new r((function(e){e(t)}))}return new(r||(r=Promise))((function(r,o){function n(t){try{h(a.next(t))}catch(t){o(t)}}function l(t){try{h(a["throw"](t))}catch(t){o(t)}}function h(t){t.done?r(t.value):i(t.value).then(n,l)}h((a=a.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var r={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},a,i,o,n=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return n.next=l(0),n["throw"]=l(1),n["return"]=l(2),typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function l(t){return function(e){return h([t,e])}}function h(l){if(a)throw new TypeError("Generator is already executing.");while(n&&(n=0,l[0]&&(r=0)),r)try{if(a=1,i&&(o=l[0]&2?i["return"]:l[0]?i["throw"]||((o=i["return"])&&o.call(i),0):i.next)&&!(o=o.call(i,l[1])).done)return o;if(i=0,o)l=[l[0]&2,o.value];switch(l[0]){case 0:case 1:o=l;break;case 4:r.label++;return{value:l[1],done:false};case 5:r.label++;i=l[1];l=[0];continue;case 7:l=r.ops.pop();r.trys.pop();continue;default:if(!(o=r.trys,o=o.length>0&&o[o.length-1])&&(l[0]===6||l[0]===2)){r=0;continue}if(l[0]===3&&(!o||l[1]>o[0]&&l[1]<o[3])){r.label=l[1];break}if(l[0]===6&&r.label<o[1]){r.label=o[1];o=l;break}if(o&&r.label<o[2]){r.label=o[2];r.ops.push(l);break}if(o[2])r.ops.pop();r.trys.pop();continue}l=e.call(t,r)}catch(t){l=[6,t];i=0}finally{a=o=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};System.register(["./p-BQdH0ijK.system.js","./p-CaVEtaG3.system.js"],(function(t,e){"use strict";var r,a,i,o,n,l;return{setters:[function(t){r=t.r;a=t.h;i=t.a;o=t.g},function(t){n=t.a;l=t.i}],execute:function(){var h={START:"start"};var s={XS:"xs",S:"sm",M:"md",L:"lg",XL:"xl"};var p={DISPLAY:"display",LINK:"link"};var y={P:"p",A:"a"};var g="download";var b={link:{states:[n.DISABLED],size:[s.S,s.M]},label:{states:[n.DISABLED],isRequired:true,canUseTooltip:true},heading:{canUseTooltip:true},subheading:{canUseTooltip:true},helper:{states:[n.ERROR]},display:{size:[s.XS,s.S,s.M,s.L,s.XL]}};var d=function(t,e){var r={a:{href:t.state!==n.DISABLED?t.sanitizedHref:null,target:t.target,download:t.isDownloadable?t.filename:null,rel:t.target==="_blank"?"noopener noreferrer":undefined},label:{htmlFor:t.htmlFor}};return r[e]||{}};var f=function(){return".bds-typography{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:var(--boreal-typography-font-family-primary);font-weight:var(--boreal-typography-font-weight-regular)}.bds-typography__required-indicator{color:var(--boreal-icon-danger-base);font-weight:var(--boreal-typography-font-weight-regular)}.bds-typography__info-icon{color:var(--boreal-icon-default-light)}.bds-typography--heading,.bds-typography--subheading{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:var(--boreal-spacing-3xs)}.bds-typography--label{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:var(--boreal-spacing-3xs)}.bds-typography--display{display:block}.bds-typography--caption,.bds-typography--helper,.bds-typography--link{display:inline-block}.bds-typography--caption{font-size:var(--boreal-typography-font-size-xs);font-weight:var(--boreal-typography-font-weight-regular);line-height:var(--boreal-typography-line-height-md);color:var(--boreal-text-default-light)}.bds-typography--helper{font-size:var(--boreal-typography-font-size-xs);font-weight:var(--boreal-typography-font-weight-regular);line-height:var(--boreal-typography-line-height-sm);color:var(--boreal-text-default-light)}.bds-typography--link{font-size:var(--boreal-typography-font-size-sm);font-weight:var(--boreal-typography-font-weight-regular);line-height:var(--boreal-typography-line-height-md);color:var(--boreal-text-primary-base);text-decoration:none}.bds-typography--link:hover{text-decoration:underline}.bds-typography--link:visited{color:var(--boreal-text-primary-base)}.bds-typography--link:active{color:var(--boreal-text-primary-dark)}.bds-typography--link.bds-typography--size-sm{font-size:var(--boreal-typography-font-size-xs)}.bds-typography--link.bds-typography--size-md{font-size:var(--boreal-typography-font-size-sm)}.bds-typography--code{font-family:var(--boreal-typography-font-family-secondary);font-size:var(--boreal-typography-font-size-xs);font-weight:var(--boreal-typography-font-weight-regular);color:var(--boreal-text-default);line-height:var(--boreal-typography-line-height-md);overflow-wrap:break-word;background-color:var(--boreal-bg-neutral);padding:var(--boreal-spacing-3xs) var(--boreal-spacing-xs);border-radius:var(--boreal-radius-xs);display:inline;box-decoration-break:clone;-webkit-box-decoration-break:clone}.bds-typography--label{font-size:var(--boreal-typography-font-size-xs);font-weight:var(--boreal-typography-font-weight-semibold);line-height:var(--boreal-typography-line-height-md);color:var(--boreal-text-default-darker)}.bds-typography--display{font-weight:var(--boreal-typography-font-weight-regular);color:var(--boreal-text-default)}.bds-typography--display.bds-typography--size-sm{font-size:var(--boreal-typography-font-size-xl);line-height:var(--boreal-typography-line-height-xl)}.bds-typography--display.bds-typography--size-md{font-size:var(--boreal-typography-font-size-2xl);line-height:var(--boreal-typography-line-height-2xl)}.bds-typography--display.bds-typography--size-lg{font-size:var(--boreal-typography-font-size-3xl);line-height:var(--boreal-typography-line-height-3xl);font-weight:var(--boreal-typography-font-weight-light)}.bds-typography--display.bds-typography--size-xl{font-size:var(--boreal-typography-font-size-4xl);line-height:var(--boreal-typography-line-height-4xl);font-weight:var(--boreal-typography-font-weight-light)}.bds-typography--heading{font-size:var(--boreal-typography-font-size-lg);line-height:var(--boreal-typography-line-height-lg);font-weight:var(--boreal-typography-font-weight-regular);color:var(--boreal-text-default)}.bds-typography h1.bds-typography--heading{font-weight:var(--boreal-typography-font-weight-regular);font-size:var(--boreal-typography-font-size-4xl);line-height:var(--boreal-typography-line-height-4xl)}.bds-typography h2.bds-typography--heading{font-weight:var(--boreal-typography-font-weight-regular);font-size:var(--boreal-typography-font-size-3xl);line-height:var(--boreal-typography-line-height-3xl)}.bds-typography h3.bds-typography--heading{font-weight:var(--boreal-typography-font-weight-regular);font-size:var(--boreal-typography-font-size-2xl);line-height:var(--boreal-typography-line-height-2xl)}.bds-typography h4.bds-typography--heading{font-weight:var(--boreal-typography-font-weight-regular);font-size:var(--boreal-typography-font-size-xl);line-height:var(--boreal-typography-line-height-xl)}.bds-typography h5.bds-typography--heading{font-weight:var(--boreal-typography-font-weight-regular);font-size:var(--boreal-typography-font-size-lg);line-height:var(--boreal-typography-line-height-lg)}.bds-typography h6.bds-typography--heading{font-size:var(--boreal-typography-font-size-md);font-weight:var(--boreal-typography-font-weight-semibold);line-height:var(--boreal-typography-line-height-md)}.bds-typography--subheading{font-size:var(--boreal-typography-font-size-md);line-height:var(--boreal-typography-line-height-md);font-weight:var(--boreal-typography-font-weight-semibold)}.bds-typography--align-start{text-align:start}.bds-typography--align-center{text-align:center}.bds-typography--align-end{text-align:end}.bds-typography--align-inherit{text-align:inherit}.bds-typography--error{color:var(--boreal-text-danger-base)}.bds-typography--disabled{color:var(--boreal-text-disabled);pointer-events:none;cursor:not-allowed}.bds-typography--disabled .bds-typography__required-indicator{color:var(--boreal-text-danger-light)}.bds-typography--ellipsis{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.bds-typography--ellipsis-multiline{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;width:100%}"};var u=t("bds_typography",function(){function t(t){r(this,t);this.inheritedAttributes={};this.variant=p.DISPLAY;this.size=s.M;this.state=n.DEFAULT;this.customClass="";this.element=y.P;this.align=h.START;this.ellipsis=false;this.maxLines=1;this.tooltipText="";this.isRequired=false;this.htmlFor=undefined;this.href=null;this.target=null;this.isDownloadable=false;this.filename=g;this.sanitizedHref=""}t.prototype.updateSanitizedHref=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(r){switch(r.label){case 0:if(!(this.getTagName==="a"&&this.href!==null))return[3,2];return[4,e.import("./p-B-PpI2Xv.system.js").then((function(t){return t.i}))];case 1:t=r.sent().sanitizeUrl;this.sanitizedHref=t(this.href);return[3,3];case 2:this.sanitizedHref="";r.label=3;case 3:return[2]}}))}))};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!(this.getTagName===y.A&&this.href!==null))return[3,2];return[4,this.updateSanitizedHref()];case 1:t.sent();t.label=2;case 2:this.inheritedAttributes=__assign({},l(this.el));return[2]}}))}))};Object.defineProperty(t.prototype,"getTagName",{get:function(){if(this.variant===p.LINK)return y.A;return this.element.toLowerCase()},enumerable:false,configurable:true});t.prototype.getVariantConfig=function(){var t;return(t=b[this.variant])!==null&&t!==void 0?t:{}};t.prototype.getAccessibilityTags=function(){var t=this.getVariantConfig().isRequired,e=t===void 0?null:t;var r=["a","label"].includes(this.getTagName);return{"aria-required":this.isRequired&&e,"aria-disabled":this.state===n.DISABLED&&r}};t.prototype.getVariantStateStyles=function(){var t;var e=this.getVariantConfig();return t={},t["bds-typography--".concat(this.variant)]=true,t["bds-typography--align-".concat(this.align)]=true,t["bds-typography--".concat(this.state)]=!!((e===null||e===void 0?void 0:e.states)&&(e===null||e===void 0?void 0:e.states.includes(this.state))),t["bds-typography--size-".concat(this.size)]=!!((e===null||e===void 0?void 0:e.size)&&(e===null||e===void 0?void 0:e.size.includes(this.size))),t["bds-typography--required"]=!!((e===null||e===void 0?void 0:e.isRequired)&&this.isRequired),t["bds-typography--ellipsis"]=this.ellipsis&&this.maxLines<=1,t["bds-typography--ellipsis-multiline"]=this.ellipsis&&this.maxLines>1,t[this.customClass]=this.customClass!=="",t};t.prototype.render=function(){var t=this.getTagName;var e=__assign(__assign(__assign({},d(this,t)),this.inheritedAttributes),this.getAccessibilityTags());var r=this.getVariantStateStyles();var o=this.getVariantConfig(),n=o.canUseTooltip,l=n===void 0?null:n,h=o.isRequired,s=h===void 0?null:h;return a(i,{key:"6091692b1cb6bf1d3295f0834c8d25425633d65a",class:"bds-typography"},a(t,__assign({key:"0cc91c35fa1cc36c99101a79fae0c8b5cf44de43",class:r,style:{webkitLineClamp:this.maxLines}},e),a("slot",{key:"973848fba8211cb5ef869e0e48fb1806bd5efdec"}),this.isRequired&&s&&a("em",{key:"dd89574e9dedd55905ae4c7bcd57604f26fbd03b",class:"bds-typography__required-indicator","aria-hidden":"true"},"*"),this.tooltipText&&l&&a("em",{key:"473b0de17bd095b97d54d24d2f3aa75f8a8e4922",class:"bds-typography__info-icon bds-icon-info-circle"})))};Object.defineProperty(t.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{href:[{updateSanitizedHref:0}]}},enumerable:false,configurable:true});return t}());u.style=f()}}}));