@ds-mo/ui 3.0.1 → 3.1.0

package/dist/types/components/Select/Select.d.ts

@@ -12,6 +12,7 @@ export type SelectWidth = ControlWidth;
  */
 export declare class Select {
     el: HTMLElement;
+    internals: ElementInternals;
     /**
      * Array of options. Set via JS property.
      * @example el.options = [{ label: 'Apple', value: 'apple' }];
@@ -19,6 +20,10 @@ export declare class Select {
     options: SelectOption[];
     /** Currently selected value. */
     value: string;
+    name: string | undefined;
+    disabled: boolean;
+    required: boolean;
+    requiredMessage: string;
     /** Placeholder shown when no value is selected. */
     placeholder: string;
     /** Control density (height, padding, icon, type). */
@@ -36,7 +41,7 @@ export declare class Select {
     activeFill: boolean;
     /** Show a 1px secondary inset border. Default on (matches unfilled button). */
     hasBorder: boolean;
-    ariaLabel: string | undefined;
+    ariaLabel: string | null;
     ariaLabelledby: string | undefined;
     /** Emits the selected value string. */
     dsChange: EventEmitter<string>;
@@ -45,11 +50,18 @@ export declare class Select {
     private menuEl;
     /** True when the open was keyboard-driven — menu shows initial focus ring. */
     private openWithFocusVisible;
+    private initialValue;
+    private formDisabled;
+    componentWillLoad(): void;
     componentDidLoad(): void;
     disconnectedCallback(): void;
     onIsOpenChange(open: boolean): void;
     onOptionsChange(): void;
     onValueChange(): void;
+    syncFormValue(): void;
+    formDisabledCallback(disabled: boolean): void;
+    formResetCallback(): void;
+    formStateRestoreCallback(state: string | File | FormData | null): void;
     private handleMenuSelect;
     private handleMenuClose;
     private syncMenuItems;

package/dist/types/components/ShellGradientPicker/ShellGradientPicker.d.ts

@@ -3,6 +3,7 @@ import { type ShellGradientPreset } from '../ShellGradientSwatch/shell-gradient-
 export declare class ShellGradientPicker {
     /** Active shell wash preset. */
     value: ShellGradientPreset;
+    groupLabel: string;
     dsChange: EventEmitter<ShellGradientPreset>;
     private handleSwatchSelect;
     private renderSwatch;

package/dist/types/components/ShellGradientSwatch/ShellGradientSwatch.d.ts

@@ -6,7 +6,7 @@ export declare class ShellGradientSwatch {
     /** Selected — brand stroke + halo over inner fill/border/interaction stack. */
     selected: boolean;
     isInactive: boolean;
-    ariaLabel: string | undefined;
+    ariaLabel: string | null;
     dsSelect: EventEmitter<ShellGradientPreset>;
     private handleClick;
     render(): any;

package/dist/types/components/TabGroup/TabGroup.d.ts

@@ -6,7 +6,7 @@ export declare class TabGroup {
     value: string;
     tabs: TabItem[];
     background: TabBackground | undefined;
-    ariaLabel: string | undefined;
+    ariaLabel: string | null;
     ariaLabelledby: string | undefined;
     orientation: 'horizontal' | 'vertical';
     dsChange: EventEmitter<string>;

package/dist/types/components/TabGroupNav/TabGroupNav.d.ts

@@ -6,7 +6,7 @@ export declare class TabGroupNav {
     value: string;
     tabs: TabItem[];
     background: TabGroupNavBackground | undefined;
-    ariaLabel: string | undefined;
+    ariaLabel: string | null;
     ariaLabelledby: string | undefined;
     orientation: 'horizontal' | 'vertical';
     /**

package/dist/types/components/Table/Table.d.ts

@@ -21,6 +21,12 @@ export declare class Table {
     sortState: SortState | undefined;
     loading: boolean;
     emptyMessage: string;
+    loadingLabel: string;
+    previousPageLabel: string;
+    nextPageLabel: string;
+    /** Use `{page}` and `{total}` placeholders. */
+    pageStatusLabel: string;
+    locale: string | undefined;
     /** Comma-separated zero-based row indices that are selected. */
     selectedRows: string;
     /** Page index (0-based). Enables built-in pagination when set alongside pageSize. */

package/dist/types/components/Toggle/Toggle.d.ts

@@ -1,8 +1,20 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 export declare class Toggle {
+    internals: ElementInternals;
     checked: boolean;
+    name: string | undefined;
+    value: string;
+    disabled: boolean;
+    required: boolean;
+    requiredMessage: string;
     isInactive: boolean;
     dsChange: EventEmitter<boolean>;
+    private initialChecked;
+    private formDisabled;
+    componentWillLoad(): void;
+    syncFormValue(): void;
+    formDisabledCallback(disabled: boolean): void;
+    formResetCallback(): void;
     private handleClick;
     private handleKeyDown;
     render(): any;