@telesign/boreal-web-components 0.1.0-alpha.3 → 0.1.0-alpha.5

package/dist/types/components/forms/bds-radio/bds-radio.d.ts

@@ -0,0 +1,36 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+import type { IRadio, RadioChangeDetail } from './types/IRadio';
+/**
+ * Radio button component for single-selection within a group.
+ * Use inside `bds-radio-group` for managed selection and form binding.
+ * Can also be used standalone with the `name`, `value`, and `checked` props.
+ *
+ * @slot - Label content when no `label` prop is provided.
+ * @slot icon - Optional icon rendered to the left of the label.
+ */
+export declare class BdsRadio implements IRadio {
+    el: HTMLBdsRadioElement;
+    /** Whether this radio is selected. Managed by bds-radio-group; can be set directly when used standalone. */
+    checked: boolean;
+    /** Disables the radio, preventing interaction and selection. */
+    readonly disabled: boolean;
+    /** Value submitted with the form when this radio is selected. */
+    readonly value: string;
+    /** Name attribute stamped by the parent bds-radio-group via setAttribute. Set directly when used standalone. */
+    readonly name: string;
+    /** Label text displayed next to the radio indicator. Falls back to the default slot when empty. */
+    readonly label: string;
+    /** Shows error styling on the radio indicator. Propagated by bds-radio-group. */
+    readonly error: boolean;
+    /** Tooltip text shown on an info icon next to the label. */
+    readonly info: string;
+    /** Emitted when the user selects this radio. Listened to by the parent bds-radio-group to enforce single selection. */
+    bdsChange: EventEmitter<RadioChangeDetail>;
+    componentDidLoad(): void;
+    private select;
+    private handleClick;
+    private handleKeyDown;
+    private get classMap();
+    render(): any;
+}
+//# sourceMappingURL=bds-radio.d.ts.map

package/dist/types/components/forms/bds-radio/types/IRadio.d.ts

@@ -0,0 +1,13 @@
+export interface RadioChangeDetail {
+    checked: boolean;
+    value: string;
+}
+export interface IRadio {
+    checked: boolean;
+    disabled: boolean;
+    error: boolean;
+    value: string;
+    name: string;
+    label: string;
+}
+//# sourceMappingURL=IRadio.d.ts.map

package/dist/types/components/forms/bds-radio-button/bds-radio-button.d.ts

@@ -0,0 +1,36 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+import type { IRadioButton, RadioButtonChangeDetail } from './types/IRadioButton';
+/**
+ * Button-shaped radio option for use inside `bds-radio-group[type="radiobutton"]`.
+ * Creates a segmented control appearance when grouped. Not form-associated — the parent
+ * `bds-radio-group` owns form state and single-selection enforcement.
+ *
+ * @slot - Label content when no `label` prop is provided.
+ * @slot icon - Optional icon rendered to the left of the label.
+ */
+export declare class BdsRadioButton implements IRadioButton {
+    el: HTMLBdsRadioButtonElement;
+    /** Whether this button is selected. Managed by bds-radio-group; can be set directly when used standalone. */
+    checked: boolean;
+    /** Disables the button, preventing interaction and selection. */
+    readonly disabled: boolean;
+    /** Shows error styling on the button. Propagated by bds-radio-group. */
+    readonly error: boolean;
+    /** Value submitted with the form when this button is selected. */
+    readonly value: string;
+    /** Name attribute stamped by the parent bds-radio-group via setAttribute. Set directly when used standalone. */
+    readonly name: string;
+    /** Label text displayed inside the button. Falls back to the default slot when empty. */
+    readonly label: string;
+    /** Tooltip text shown on an info icon next to the label. */
+    readonly info: string;
+    /** Emitted when the user selects this button. Listened to by the parent bds-radio-group to enforce single selection. */
+    bdsChange: EventEmitter<RadioButtonChangeDetail>;
+    componentDidLoad(): void;
+    private select;
+    private handleClick;
+    private handleKeyDown;
+    private get classMap();
+    render(): any;
+}
+//# sourceMappingURL=bds-radio-button.d.ts.map

package/dist/types/components/forms/bds-radio-button/types/IRadioButton.d.ts

@@ -0,0 +1,13 @@
+export interface RadioButtonChangeDetail {
+    checked: boolean;
+    value: string;
+}
+export interface IRadioButton {
+    value: string;
+    label: string;
+    info: string;
+    checked: boolean;
+    disabled: boolean;
+    error: boolean;
+}
+//# sourceMappingURL=IRadioButton.d.ts.map

package/dist/types/components/forms/bds-radio-card/bds-radio-card.d.ts

@@ -0,0 +1,57 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { IRadioCard, RadioCardChangeDetail } from './types/IRadioCard';
+/**
+ * Radio card component is a selectable card-based radio option.
+ * It presents a mutually exclusive choice with optional descriptive text and icon,
+ * designed for integration with bds-radio-group for orchestration.
+ * Can also be used standalone with the `name`, `value`, and `checked` props.
+ *
+ * @slot - Label content when no `label` prop is provided.
+ * @slot icon - Optional icon rendered to the left of the label.
+ * @slot description - Optional descriptive text rendered below the label.
+ *
+ * @fires bdsChange - Emitted when the user selects this radio card. Listened to by the parent bds-radio-group to enforce single selection.
+ */
+export declare class BdsRadioCard implements IRadioCard {
+    el: HTMLBdsRadioCardElement;
+    /**
+     * Value submitted with the form when this radio is selected.
+     */
+    readonly value: IRadioCard['value'];
+    /**
+     * Tooltip content attached to the radio card content. If empty, the info icon will not be rendered.
+     */
+    readonly info: IRadioCard['info'];
+    /**
+     * Name attribute stamped by the parent bds-radio-group. Set directly when used standalone.
+     */
+    readonly name: IRadioCard['name'];
+    /**
+     * Label text displayed next to the radio indicator. Falls back to the default slot when empty.
+     */
+    readonly label: IRadioCard['label'];
+    /**
+     * Whether this radio card is selected. Managed by bds-radio-group; can be set directly when used standalone.
+     */
+    checked: IRadioCard['checked'];
+    /**
+     * Disables the radio card, preventing it from being selected and interacted with.
+     */
+    readonly disabled: IRadioCard['disabled'];
+    /**
+     * Whether the radio card is in an error state.
+     */
+    readonly error: IRadioCard['error'];
+    /**
+     * Emitted when the user selects this radio. Listened to by the parent bds-radio-group to enforce single selection.
+     */
+    bdsChange: EventEmitter<RadioCardChangeDetail>;
+    private select;
+    private handleClick;
+    private handleKeyDown;
+    componentDidLoad(): void;
+    private get isError();
+    private get hostClasses();
+    render(): any;
+}
+//# sourceMappingURL=bds-radio-card.d.ts.map

package/dist/types/components/forms/bds-radio-card/types/IRadioCard.d.ts

@@ -0,0 +1,14 @@
+export interface RadioCardChangeDetail {
+    checked: boolean;
+    value: string;
+}
+export interface IRadioCard {
+    checked: boolean;
+    disabled: boolean;
+    error: boolean;
+    value: string;
+    name: string;
+    info: string;
+    label: string;
+}
+//# sourceMappingURL=IRadioCard.d.ts.map

package/dist/types/components/forms/bds-radio-group/bds-radio-group.d.ts

@@ -0,0 +1,82 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+import type { IRadioGroup, RadioGroupChangeDetail } from './types/IRadioGroup';
+import { type IFormControl } from "../../../mixins/form-associated.mixin";
+import { type Orientation } from "../../../types/index";
+import { RadioGroupType } from './types/types';
+declare const BdsRadioGroup_base: abstract new (...args: any[]) => {
+    formDisabledCallback(disabled: boolean): void;
+};
+/**
+ * Radio group component that orchestrates single-selection across a set of `bds-radio` children.
+ *
+ * @slot - Default slot for `bds-radio` child elements.
+ */
+export declare class BdsRadioGroup extends BdsRadioGroup_base implements IRadioGroup, IFormControl<string> {
+    private readonly _id;
+    internals: ElementInternals;
+    el: HTMLBdsRadioGroupElement;
+    /** Internal mirror of the `disabled` prop, kept in sync via `@Watch` and `formDisabledCallback`. */
+    private isDisabled;
+    /** Set to true when native form validation fires the `invalid` event; cleared on reset or when value becomes valid. */
+    private isInvalid;
+    /** Disables all child radios and prevents selection. Also mirrored to isDisabled @State for form-level disable support. */
+    readonly disabled = false;
+    /** Shows error styling on the group helper text. Propagated to all child radios. */
+    readonly error = false;
+    /** Error message rendered below the radio options when error is true. Replaces helperText. */
+    readonly errorMessage = "";
+    /** Helper text rendered below the radio options. Shown in default state; replaced by errorMessage in error state. */
+    readonly helperText = "";
+    /** Tooltip text shown on the group label info icon. */
+    readonly info = "";
+    /** Group label rendered above the radio options. */
+    readonly label = "";
+    /** Name of the form control; submitted as the field key in FormData. */
+    readonly name: string;
+    /** Layout direction of the radio options. */
+    readonly orientation: Orientation;
+    /** Marks the group as required for form submission. Triggers validity error when no radio is selected. */
+    readonly required = false;
+    /** Identifies this group variant. 'radio' renders circular bds-radio children; 'radiobutton' renders bds-radio-button segmented control; 'radiocard' renders bds-radio-card element. */
+    readonly type: RadioGroupType;
+    /** Currently selected radio value. Synced to children on change. */
+    value: string;
+    checkPropValues(): void;
+    onDisabledChange(next: boolean): void;
+    onErrorChange(val: boolean): void;
+    onValueChange(val: string): void;
+    /** Emitted when the selected radio changes. Payload includes the new value. */
+    bdsChange: EventEmitter<RadioGroupChangeDetail>;
+    /** Emitted when the selected radio changes. Used for v-model two-way binding in Vue. */
+    valueChange: EventEmitter<string>;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    formAssociatedCallback(): void;
+    formResetCallback(): void;
+    formStateRestoreCallback(state: unknown, _mode: string): void;
+    formDisabledCallback(disabled: boolean): void;
+    handleRadioChange(event: CustomEvent<{
+        checked: boolean;
+        value: string;
+    }>): void;
+    handleInvalid(event: Event): void;
+    private handleKeyDown;
+    private handleSlotChange;
+    /** Returns whether the group's current value satisfies the browser's built-in constraint validation. */
+    checkValidity(): Promise<boolean>;
+    /** Reports the group's validity state to the user, showing native validation UI if invalid. */
+    reportValidity(): Promise<boolean>;
+    private navigateTo;
+    private _buttonCount;
+    private insertDividers;
+    private get radioElements();
+    private syncFormValue;
+    private updateFormValidity;
+    private updateLayoutCount;
+    private updateTabIndexes;
+    private get isError();
+    private get classMap();
+    render(): any;
+}
+export {};
+//# sourceMappingURL=bds-radio-group.d.ts.map

package/dist/types/components/forms/bds-radio-group/types/IRadioGroup.d.ts

@@ -0,0 +1,19 @@
+import { Orientation } from "../../../../types/index";
+import { RadioGroupType } from './types';
+export interface RadioGroupChangeDetail {
+    value: string;
+}
+export interface IRadioGroup {
+    name: string;
+    value: string;
+    label: string;
+    helperText: string;
+    errorMessage: string;
+    info: string;
+    orientation: Orientation;
+    type: RadioGroupType;
+    disabled: boolean;
+    required: boolean;
+    error: boolean;
+}
+//# sourceMappingURL=IRadioGroup.d.ts.map

package/dist/types/components/forms/bds-radio-group/types/enum.d.ts

@@ -0,0 +1,6 @@
+export declare const RADIO_GROUP_TYPES: {
+    readonly RADIO: "radio";
+    readonly RADIO_BUTTON: "radiobutton";
+    readonly RADIO_CARD: "radiocard";
+};
+//# sourceMappingURL=enum.d.ts.map

package/dist/types/components/forms/bds-radio-group/types/types.d.ts

@@ -0,0 +1,3 @@
+import { RADIO_GROUP_TYPES } from './enum';
+export type RadioGroupType = (typeof RADIO_GROUP_TYPES)[keyof typeof RADIO_GROUP_TYPES];
+//# sourceMappingURL=types.d.ts.map

package/dist/types/components/helpers/bds-divider/bds-divider.d.ts

@@ -0,0 +1,26 @@
+import { IDivider } from './types/IDivider';
+/**
+ * Divider component for creating visual separators between content sections.
+ *
+ * @summary A simple visual separator that can be oriented horizontally or vertically.
+ *
+ * @csspart divider - A divider element that visually separates content.
+ *
+ * @attr {DividerOrientation} orientation - The orientation of the divider (horizontal or vertical)
+ *
+ * @property {DividerOrientation} orientation - The orientation of the divider (horizontal or vertical)
+ *
+ */
+export declare class BdsDivider implements IDivider {
+    /**
+     * The orientation of the divider.
+     * Allowed values: horizontal | vertical
+     */
+    readonly orientation: IDivider['orientation'];
+    checkPropValues(): void;
+    el: HTMLBdsDividerElement;
+    private get orientationClass();
+    componentWillLoad(): void;
+    render(): any;
+}
+//# sourceMappingURL=bds-divider.d.ts.map

package/dist/types/components/helpers/bds-divider/types/IDivider.d.ts

@@ -0,0 +1,5 @@
+import { DividerOrientation } from './types';
+export interface IDivider {
+    orientation: DividerOrientation;
+}
+//# sourceMappingURL=IDivider.d.ts.map

package/dist/types/components/helpers/bds-divider/types/enum.d.ts

@@ -0,0 +1,5 @@
+export declare const DIVIDER_ORIENTATIONS: {
+    readonly HORIZONTAL: "horizontal";
+    readonly VERTICAL: "vertical";
+};
+//# sourceMappingURL=enum.d.ts.map

package/dist/types/components/helpers/bds-divider/types/types.d.ts

@@ -0,0 +1,3 @@
+import { DIVIDER_ORIENTATIONS } from './enum';
+export type DividerOrientation = (typeof DIVIDER_ORIENTATIONS)[keyof typeof DIVIDER_ORIENTATIONS];
+//# sourceMappingURL=types.d.ts.map

package/dist/types/components/images-icons/bds-avatar/bds-avatar.d.ts

@@ -0,0 +1,51 @@
+import { IAvatar } from './types';
+/**
+ * Avatar component used to display user initials or names for visual identification.
+ *
+ * @summary Displays a circular avatar with user initials and optional name label.
+ * Uses Boreal Design System tokens for consistent styling across platforms.
+ *
+ * @attr {string} username - The full name used to generate initials or display as label.
+ * @attr {"icon"|"name"|"full"} variant - Controls which avatar elements are displayed: icon (initials), name, or both.
+ * @attr {string} background - Custom background color (hex code), defaults to $boreal-ui-success-base.
+ * @attr {string} initialsColor - Custom initials text color (hex code), defaults to $boreal-text-inverse.
+ *
+ * @property {string} username - The full name used to generate initials or display as label.
+ * @property {"icon"|"name"|"full"} variant - Controls which avatar elements are displayed: icon (initials), name, or both.
+ * @property {string} background - Custom background color (hex code), defaults to $boreal-ui-success-base.
+ * @property {string} initialsColor - Custom initials text color (hex code), defaults to $boreal-text-inverse.
+ *
+ * @cssprop --bds-avatar-background - Custom background color HEX code.
+ * @cssprop --bds-avatar-initials-color - Custom text color HEX code.
+ */
+export declare class BdsAvatar implements IAvatar {
+    private inheritedAttributes;
+    /** The full name used to generate initials or display as label **/
+    readonly username: IAvatar['username'];
+    /**
+     * Controls which avatar elements are displayed: icon (initials), name, or both.
+     * @default 'full'
+     */
+    readonly variant: IAvatar['variant'];
+    /** Custom background color as hex code. If not provided, defaults to Boreal success color **/
+    readonly background: IAvatar['background'];
+    /** Custom text color as hex code. If not provided, defaults to white **/
+    readonly initialsColor: IAvatar['initialsColor'];
+    el: HTMLBdsAvatarElement;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    private checkPropValues;
+    private get normalizedUsername();
+    /**
+     * Utility function to extract initials from the username.
+     * Takes the first letter of the first and last name.
+     * Examples: "John Doe" -> "JD", "John" -> "J", "" -> ""
+     *
+     * @param name - The full name to extract initials from
+     * @returns The initials (up to 2 characters)
+     */
+    private extractInitials;
+    private getAvatarStyles;
+    render(): any;
+}
+//# sourceMappingURL=bds-avatar.d.ts.map

package/dist/types/components/images-icons/bds-avatar/types/IAvatar.d.ts

@@ -0,0 +1,9 @@
+import { AvatarVariant } from './types';
+/** * Interface for the BdsAvatar component props and methods. */
+export interface IAvatar {
+    username: string;
+    variant: AvatarVariant;
+    background?: string;
+    initialsColor?: string;
+}
+//# sourceMappingURL=IAvatar.d.ts.map

package/dist/types/components/images-icons/bds-avatar/types/enum.d.ts

@@ -0,0 +1,6 @@
+export declare const AVATAR_VARIANT: {
+    readonly ICON: "icon";
+    readonly NAME: "name";
+    readonly FULL: "full";
+};
+//# sourceMappingURL=enum.d.ts.map

package/dist/types/components/images-icons/bds-avatar/types/index.d.ts

@@ -0,0 +1,4 @@
+export * from './enum';
+export * from './types';
+export * from './IAvatar';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/images-icons/bds-avatar/types/types.d.ts

@@ -0,0 +1,3 @@
+import { AVATAR_VARIANT } from './enum';
+export type AvatarVariant = (typeof AVATAR_VARIANT)[keyof typeof AVATAR_VARIANT];
+//# sourceMappingURL=types.d.ts.map

package/dist/types/components/layouts/bds-grid/grid/bds-grid.d.ts

@@ -0,0 +1,19 @@
+import { type IGrid } from './types';
+/**
+ * 12-column CSS Grid layout container with 5 responsive breakpoints.
+ *
+ * Minimum browser support: Chrome/Edge (last 2), Firefox (last 2), Safari (last 2).
+ *
+ * @slot - Direct `bds-grid-item` children.
+ */
+export declare class BdsGrid implements IGrid {
+    el: HTMLBdsGridElement;
+    /** `'fluid'` fills full width; `'fixed'` caps the column area at 960px and centres the container. */
+    readonly layout: IGrid['layout'];
+    /** Overrides the row gap independently of the column gutter. */
+    readonly rowGap: IGrid['rowGap'];
+    checkPropValues(): void;
+    componentWillLoad(): void;
+    render(): any;
+}
+//# sourceMappingURL=bds-grid.d.ts.map

package/dist/types/components/layouts/bds-grid/grid/types/IGrid.d.ts

@@ -0,0 +1,6 @@
+import { GridLayout } from './types';
+export interface IGrid {
+    layout: GridLayout;
+    rowGap?: string;
+}
+//# sourceMappingURL=IGrid.d.ts.map

package/dist/types/components/layouts/bds-grid/grid/types/enum.d.ts

@@ -0,0 +1,5 @@
+export declare const GRID_LAYOUT: {
+    readonly FIXED: "fixed";
+    readonly FLUID: "fluid";
+};
+//# sourceMappingURL=enum.d.ts.map

package/dist/types/components/layouts/bds-grid/grid/types/index.d.ts

@@ -0,0 +1,4 @@
+export * from './enum';
+export * from './IGrid';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/layouts/bds-grid/grid/types/types.d.ts

@@ -0,0 +1,3 @@
+import { GRID_LAYOUT } from './enum';
+export type GridLayout = (typeof GRID_LAYOUT)[keyof typeof GRID_LAYOUT];
+//# sourceMappingURL=types.d.ts.map

package/dist/types/components/layouts/bds-grid/grid-item/bds-grid-item.d.ts

@@ -0,0 +1,31 @@
+import { type IGridItem } from './types';
+/**
+ * Grid item child of `bds-grid`. Must be a direct child of `bds-grid`.
+ *
+ * @slot - Item content. The grid item manages position only — content styling is
+ *   the responsibility of the slotted element.
+ */
+export declare class BdsGridItem implements IGridItem {
+    el: HTMLBdsGridItemElement;
+    /** Column span at all breakpoints (fallback). `'full'` spans all columns (`grid-column: 1 / -1`). */
+    readonly colSpan: IGridItem['colSpan'];
+    /** Override col-span at the `sm` breakpoint (≥320px). */
+    readonly colSpanSm: IGridItem['colSpanSm'];
+    /** Override col-span at the `md` breakpoint (≥769px). */
+    readonly colSpanMd: IGridItem['colSpanMd'];
+    /** Override col-span at the `lg` breakpoint (≥960px). */
+    readonly colSpanLg: IGridItem['colSpanLg'];
+    /** Override col-span at the `xl` breakpoint (≥1152px). */
+    readonly colSpanXl: IGridItem['colSpanXl'];
+    /** Override col-span at the `2xl` breakpoint (≥1344px). */
+    readonly colSpan2xl: IGridItem['colSpan2xl'];
+    /** Row span. `'full'` maps to `grid-row: 1 / -1`. */
+    readonly rowSpan: IGridItem['rowSpan'];
+    /** Column offset: shifts the item right by N columns (0–11). */
+    readonly offset: IGridItem['offset'];
+    checkPropValues(): void;
+    componentWillLoad(): void;
+    private getHostStyles;
+    render(): any;
+}
+//# sourceMappingURL=bds-grid-item.d.ts.map

package/dist/types/components/layouts/bds-grid/grid-item/types/IGridItem.d.ts

@@ -0,0 +1,12 @@
+import { ColSpanValue, RowSpanValue } from './types';
+export interface IGridItem {
+    colSpan: ColSpanValue;
+    colSpanSm?: ColSpanValue;
+    colSpanMd?: ColSpanValue;
+    colSpanLg?: ColSpanValue;
+    colSpanXl?: ColSpanValue;
+    colSpan2xl?: ColSpanValue;
+    rowSpan?: RowSpanValue;
+    offset: number;
+}
+//# sourceMappingURL=IGridItem.d.ts.map

package/dist/types/components/layouts/bds-grid/grid-item/types/enum.d.ts

@@ -0,0 +1,11 @@
+export declare const GRID_ITEM_COL_SPAN: {
+    readonly SM_MAX: 4;
+    readonly MD_MAX: 8;
+    readonly LG_MAX: 12;
+    readonly XL_MAX: 12;
+    readonly XXL_MAX: 12;
+    readonly DEFAULT: 12;
+    readonly OFFSET_MIN: 0;
+    readonly OFFSET_MAX: 11;
+};
+//# sourceMappingURL=enum.d.ts.map

package/dist/types/components/layouts/bds-grid/grid-item/types/index.d.ts

@@ -0,0 +1,4 @@
+export * from './IGridItem';
+export * from './types';
+export * from './enum';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/layouts/bds-grid/grid-item/types/types.d.ts

@@ -0,0 +1,3 @@
+export type ColSpanValue = number | 'full';
+export type RowSpanValue = number | 'full';
+//# sourceMappingURL=types.d.ts.map

package/dist/types/components/overlays/bds-dialog/bds-dialog.d.ts

@@ -123,8 +123,8 @@ export declare class BdsDialog extends BdsDialog_base implements IDialog {
      * This method triggers the close functionality to hide the dialog.
      */
     close(): Promise<void>;
-    get isHeaderLeftVisible(): string | true;
-    get isHeaderRightVisible(): boolean;
+    private get isHeaderLeftVisible();
+    private get isHeaderRightVisible();
     get hooks(): BackdropHooks;
     /**
      * Handles the transition logic before closing the dialog.

package/dist/types/components/overlays/bds-popover/bds-popover.d.ts

@@ -13,6 +13,7 @@ declare const BdsPopover_base: abstract new (...args: any[]) => {
     readonly hooks: AnchoredHooks;
     showElement(): void;
     onBeforeShow(target?: HTMLElement): boolean;
+    hideFocus(): void;
     hideElement(): void;
     handleSlotChange(e: Event, showFn: (this: void) => void, hideFn: (this: void) => void): void;
     handleKeydown(e: KeyboardEvent, showFn: (this: void) => void, hideFn: (this: void) => void): void;

package/dist/types/components/overlays/bds-popover/constants/Offset.d.ts

@@ -0,0 +1,2 @@
+export declare const OFFSET = 11;
+//# sourceMappingURL=Offset.d.ts.map

package/dist/types/components/overlays/bds-tooltip/bds-tooltip.d.ts

@@ -12,6 +12,7 @@ declare const BdsTooltip_base: abstract new (...args: any[]) => {
     readonly hooks: AnchoredHooks;
     showElement(): void;
     onBeforeShow(target?: HTMLElement): boolean;
+    hideFocus(): void;
     hideElement(): void;
     handleSlotChange(e: Event, showFn: (this: void) => void, hideFn: (this: void) => void): void;
     handleKeydown(e: KeyboardEvent, showFn: (this: void) => void, hideFn: (this: void) => void): void;

package/dist/types/components/overlays/bds-tooltip/constants/Offset.d.ts

@@ -0,0 +1,2 @@
+export declare const OFFSET = 4;
+//# sourceMappingURL=Offset.d.ts.map

package/dist/types/components/titles-text/bds-typography/bds-typography.d.ts

@@ -11,12 +11,12 @@ import type { ITypography } from './types/ITypography';
  * @attr {string} state - The state of the typography. Only available for the `helper` and `label` variants. Options: default, error, disabled, hover, active, focus, visited
  * @attr {string} align - The text alignment. Options: start, center, end, inherit
  * @attr {string} size - The size of the typography. For `display` variant all options are available (`xl`, `lg`, `md`, `sm`), while for `link` variant only `md` and `sm` are available.
- * @attr {boolean} is-required - Shows a required indicator when used with `label` variant.
+ * @attr {boolean} required - Shows a required indicator when used with `label` variant.
  * @attr {boolean} ellipsis - Truncates text with an ellipsis when it overflows.
  * @attr {number} max-lines - Maximum number of lines to show before truncating with ellipsis.
  * @attr {string} href - URL when the typography is an `a` element and a `link` variant.
  * @attr {string} target - Specifies where to open the link. Options: _self, _blank, _top, _parent
- * @attr {boolean} is-downloadable - Makes the `link` download a file.
+ * @attr {boolean} downloadable - Makes the `link` download a file.
  * @attr {string} filename - Suggested filename when downloading a file from the `link`.
  * @attr {string} html-for - The for attribute when rendered as a label
  * @attr {string} tooltip-text - Text to display inside the tooltip when hovering the info icon. Only applicable for `heading`, `subheading`, and `label` variants.
@@ -27,12 +27,12 @@ import type { ITypography } from './types/ITypography';
  * @property {string} state - The state of the typography. Only available for the `helper` and `label` variants. Options: default, error, disabled, hover, active, focus, visited
  * @property {string} align - The text alignment. Options: start, center, end, inherit
  * @property {string} size - The size of the typography. For `display` variant all options are available (`xl`, `lg`, `md`, `sm`), while for `link` variant only `md` and `sm` are available.
- * @property {boolean} isRequired - Shows a required indicator when used with `label` variant.
+ * @property {boolean} required - Shows a required indicator when used with `label` variant.
  * @property {boolean} ellipsis - Truncates text with an ellipsis when it overflows.
  * @property {number} maxLines - Maximum number of lines to show before truncating with ellipsis.
  * @property {string} href - URL when the typography is an `a` element and a `link` variant.
  * @property {string} target - Specifies where to open the link. Options: _self, _blank, _top, _parent
- * @property {boolean} isDownloadable - Makes the `link` download a file.
+ * @property {boolean} downloadable - Makes the `link` download a file.
  * @property {string} filename - Suggested filename when downloading a file from the `link`.
  * @property {string} htmlFor - The for attribute when rendered as a label
  * @property {string} tooltipText - Text to display inside the tooltip when hovering the info icon. Only applicable for `heading`, `subheading`, and `label` variants.
@@ -43,12 +43,12 @@ import type { ITypography } from './types/ITypography';
  * @default 'start' - Default align value
  * @default 'md' - Default size value
  * @default 'default' - Default state value
- * @default false - Default isRequired state
+ * @default false - Default required state
  * @default false - Default ellipsis state
  * @default 1 - Default maxLines value
  * @default '' - Default href value
  * @default '' - Default target value
- * @default false - Default isDownloadable state
+ * @default false - Default downloadable state
  * @default 'download' - Default filename value
  * @default '' - Default tooltipText value
  */
@@ -75,7 +75,7 @@ export declare class BdsTypography implements ITypography {
     /** Tooltip text (variant must support it). */
     readonly tooltipText: ITypography['tooltipText'];
     /** Marks the field as required. */
-    readonly isRequired: ITypography['isRequired'];
+    readonly required: ITypography['required'];
     /** For attribute when rendered as a label. */
     readonly htmlFor: ITypography['htmlFor'];
     /** Link href when rendered as anchor. */
@@ -83,14 +83,14 @@ export declare class BdsTypography implements ITypography {
     /** Anchor target. */
     readonly target: ITypography['target'];
     /** Enables download behavior for anchor. */
-    readonly isDownloadable: ITypography['isDownloadable'];
+    readonly downloadable: ITypography['downloadable'];
     /** Suggested download filename. */
     readonly filename: ITypography['filename'];
     /** Sanitized href for security. */
     sanitizedHref: string;
     updateSanitizedHref(): Promise<void>;
     componentWillLoad(): Promise<void>;
-    get getTagName(): string;
+    private get getTagName();
     private getVariantConfig;
     private getAccessibilityTags;
     private getVariantStateStyles;