dap-design-system 0.15.1 → 0.15.3

package/dist/dds.d.ts

@@ -7,7 +7,9 @@ import { PropertyValueMap } from 'lit';
 import { TemplateResult } from 'lit';
 import { TemplateResult as TemplateResult_2 } from 'lit-html';
 
-declare type Alignment = 'vertical' | 'horizontal';
+export declare type Alignment = 'vertical' | 'horizontal';
+
+export declare const anchorClass = "dds-anchor";
 
 /**
  * `dap-ds-icon-arrow-down-line`
@@ -489,7 +491,7 @@ export declare class ArrowsExpandUpDownFill extends DdsElement {
     render(): TemplateResult_2;
 }
 
-declare type BackgroundShade = 'subtle' | 'base' | 'medium' | 'strong';
+export declare type BackgroundShade = 'subtle' | 'base' | 'medium' | 'strong';
 
 declare type BadgeType = 'neutral' | 'brand' | 'info' | 'positive' | 'warning' | 'negative';
 
@@ -624,7 +626,7 @@ declare class ComboboxBaseElement extends GenericFormElement {
     handleBlur: () => void;
     showDropDown(): Promise<void>;
     hideDropDown(): Promise<void>;
-    get focusElement(): void;
+    get focusElement(): HTMLInputElement;
     handleSelectedChange: (event: CustomEvent) => Promise<void>;
     handleCurrentOptionChange: (event: CustomEvent) => void;
     handleListChanged: (event: CustomEvent) => void;
@@ -643,11 +645,13 @@ declare class ComboboxBaseElement extends GenericFormElement {
     renderCombobox(): TemplateResult_2;
 }
 
-declare type Common<T> = Pick<T, keyof T>;
+export declare type Common<T> = Pick<T, keyof T>;
+
+export declare type CommonFormElementSize = Extract<Size, 'sm' | 'md' | 'lg'>;
 
-declare type CommonSize = Extract<Size, 'sm' | 'lg'>;
+export declare type CommonSize = Extract<Size, 'sm' | 'lg'>;
 
-declare type CSSFlexDirection = 'column' | 'row' | 'column-reverse' | 'row-reverse';
+export declare type CSSFlexDirection = 'column' | 'row' | 'column-reverse' | 'row-reverse';
 
 /**
  * `dap-ds-accordion` is a custom accordion component.
@@ -794,12 +798,14 @@ export declare class DapDSBadge extends DdsElement {
  * @csspart title -  The title of the banner.
  */
 export declare class DapDSBanner extends DdsElement {
+    actionSlot: HTMLElement[];
     variant: BannerVariant;
     closeable: boolean;
     opened: string;
     closeButtonLabel: string;
     icon: string;
     static styles: CSSResult;
+    protected firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
     private onCloseClick;
     render(): TemplateResult_2 | typeof nothing;
 }
@@ -1231,7 +1237,7 @@ declare const DapDSCardTitle_base: typeof DdsElement & {
  * @attribute {string} ariaLabelCheckbox - The aria label of the checkbox.
  * @attribute {boolean} subtle - The weight of the label. Default is `false`
  * @attribute {string} feedback - The feedback of the checkbox.
- * @attribute {'info' | 'success' | 'error'} feedbackType - The feedback type of the checkbox. Can be `info`, `success`, or `error`.
+ * @attribute {'negative' | 'positive' | 'warning'} feedbackType - The feedback type of the checkbox. Can be `negative`, `positive`, or `warning`.
  * @attribute {boolean} invalid - The invalid state of the checkbox.
  * @attribute {boolean} optional - The optional state of the checkbox.
  * @attribute {string} optionalLabel - The optional label of the checkbox.
@@ -1377,7 +1383,7 @@ export declare class DapDSContentSwitcherItem extends DdsElement {
  * @attribute {boolean} readonly - The readonly state of the input. Default is false.
  * @attribute {boolean} autofocus - The autofocus state of the input. Default is false.
  * @attribute {string} feedback - The feedback of the input.
- * @attribute {'info' | 'success' | 'error'} feedbackType - The feedback type of the input. Can be `info`, `success`, or `error`.
+ * @attribute {'negative' | 'positive' | 'warning'} feedbackType - The feedback type of the input. Can be `negative`, `positive`, or `warning`.
  * @attribute {boolean} loading - The loading state of the input. Default is false.
  * @attribute {boolean} optional - The optional state of the input.
  * @attribute {string} optionalLabel - The optional label of the input.
@@ -1506,7 +1512,7 @@ export declare class DapDSDatePicker extends GenericFormElement {
     handleDocumentMouseDown: (event: MouseEvent) => void;
     handleInput: (event: InputEvent) => void;
     handleKeyDown: (event: KeyboardEvent) => Promise<void>;
-    get focusElement(): void;
+    get focusElement(): HTMLInputElement;
     handleClick: () => void;
     handleClearClick: () => void;
     showCalendar(): Promise<void>;
@@ -1859,7 +1865,7 @@ export declare class DapDSIconButton extends DdsElement {
  * @attribute {string} inputmode - The inputmode of the input.
  * @attribute {string} pattern - The regex pattern of the input.
  * @attribute {string} feedback - The feedback of the input.
- * @attribute {'info' | 'success' | 'error'} feedbackType - The feedback type of the input. Can be `info`, `success`, or `error`.
+ * @attribute {'negative' | 'positive' | 'warning'} feedbackType - The feedback type of the input. Can be `negative`, `positive`, or `warning`.
  * @attribute {boolean} loading - The loading state of the input. Default is false.
  *
  * @event dds-change - Fired when the input value changes.
@@ -2067,7 +2073,7 @@ export declare class DapDSModal extends ModalBaseElement {
  * @attribute {number} max - The maximum value of the number input.
  * @attribute {number} step - The step value of the number input.
  * @attribute {string} feedback - The feedback of the input.
- * @attribute {'info' | 'success' | 'error'} feedbackType - The feedback type of the input. Can be `info`, `success`, or `error`.
+ * @attribute {'negative' | 'positive' | 'warning'} feedbackType - The feedback type of the input. Can be `negative`, `positive`, or `warning`.
  * @attribute {boolean} loading - The loading state of the input. Default is false.
  * @attribute {boolean} optional - The optional state of the input.
  * @attribute {string} optionalLabel - The optional label of the input.
@@ -2238,7 +2244,7 @@ export declare class DapDSOverlay extends DdsElement {
  * @attribute {boolean} readonly - The readonly state of the password input. Default is false.
  * @attribute {boolean} autofocus - The autofocus state of the password input. Default is false.
  * @attribute {string} feedback - The feedback of the input.
- * @attribute {'info' | 'success' | 'error'} feedbackType - The feedback type of the password input. Can be `info`, `success`, or `error`.
+ * @attribute {'negative' | 'positive' | 'warning'} feedbackType - The feedback type of the input. Can be `negative`, `positive`, or `warning`.
  * @attribute {boolean} loading - The loading state of the password input. Default is false.
  * @attribute {boolean} optional - The optional state of the password input.
  * @attribute {string} optionalLabel - The optional label of the password input.
@@ -2337,9 +2343,10 @@ export declare class DapDSPopup extends DdsElement {
  */
 export declare class DapDSRadioButton extends LabelPositionedFormElement {
     input: HTMLInputElement;
+    focusable: boolean;
     static styles: CSSResult;
     private handleClick;
-    get focusElement(): void;
+    get focusElement(): HTMLInputElement;
     render(): TemplateResult_2;
 }
 
@@ -2362,7 +2369,7 @@ export declare class DapDSRadioButton extends LabelPositionedFormElement {
  * @attribute {string} description - The description of the radio group.
  * @attribute {string} tooltip - The tooltip of the radio group.
  * @attribute {string} feedback - The feedback of the radio group.
- * @attribute {'info' | 'success' | 'error'} feedbackType - The feedback type of the radio group. Can be `info`, `success`, or `error`.
+ * @attribute {'negative' | 'positive' | 'warning'} feedbackType - The feedback type of the radio group. Can be `negative`, `positive`, or `warning`.
  * @attribute {boolean} optional - The optional state of the radio group.
  * @attribute {string} optionalLabel - Text of optional label.
  * @attribute {boolean} subtle - The weight of the label. Default is `false`
@@ -2378,14 +2385,17 @@ export declare class DapDSRadioButton extends LabelPositionedFormElement {
  * @csspart container - The container of the radio group items.
  */
 export declare class DapDSRadioGroup extends GenericFormElement {
+    hiddenInput: HTMLInputElement;
     optionalLabel: string;
     static styles: CSSResult;
+    attributeChangedCallback(name: string, _old: string | null, value: string | null): void;
     private _handleSlotChange;
     private getAllRadios;
     private syncRadioElements;
     private handleRadioClick;
     private handleKeyDown;
     setValidity(): void;
+    get validationMessage(): string;
     checkValidity(): boolean;
     get validity(): {
         valid: boolean;
@@ -2400,8 +2410,9 @@ export declare class DapDSRadioGroup extends GenericFormElement {
         tooShort: boolean;
         typeMismatch: boolean;
     };
+    reportValidity(): boolean;
     handleLabelClick(): void;
-    attributeChangedCallback(name: string, _old: string | null, value: string | null): void;
+    handleInvalid(event: Event): void;
     render(): TemplateResult_2;
     private _renderFeedback;
 }
@@ -2484,7 +2495,7 @@ export declare class DapDSSearch extends ComboboxBaseElement {
  * @attribute {boolean} loading - Whether the select is loading.
  * @attribute {number} maxHeight - The max height of the floating dropdown.
  * @attribute {string} feedback - The feedback of the select.
- * @attribute {'info' | 'success' | 'error'} feedbackType - The feedback type of the select. Can be `info`, `success`, or `error`.
+ * @attribute {'negative' | 'positive' | 'warning'} feedbackType - The feedback type of the select. Can be `negative`, `positive`, or `warning`.
  * @attribute {boolean} isMobile - Whether the select is in mobile mode.
  * @attribute {string} status - The status of the select. Can be `success` or `error`.
  * @attribute {boolean} optional - The optional state of the select.
@@ -2522,7 +2533,7 @@ export declare class DapDSSelect extends GenericFormElement {
     handleBlur: () => void;
     showDropDown(key?: string): Promise<void>;
     hideDropDown(): Promise<void>;
-    get focusElement(): void;
+    get focusElement(): HTMLButtonElement;
     get validity(): ValidityState;
     get validationMessage(): string;
     checkValidity(): boolean;
@@ -2630,7 +2641,7 @@ export declare class DapDSStack extends DdsElement {
  * @attribute {string} ariaLabelCheckbox - The aria label of the checkbox.
  * @attribute {boolean} subtle - The weight of the label. Default is `false`
  * @attribute {string} feedback - The feedback of the switch.
- * @attribute {'info' | 'success' | 'error'} feedbackType - The feedback type of the switch. Can be `info`, `success`, or `error`.
+ * @attribute {'negative' | 'positive' | 'warning'} feedbackType - The feedback type of the switch. Can be `negative`, `positive`, or `warning`.
  * @attribute {boolean} optional - The optional state of the switch.
  * @attribute {string} optionalLabel - The optional label of the switch.
  *
@@ -2810,7 +2821,7 @@ export declare class DapDSTableRow extends DdsElement {
  * @attribute {string} description - The description of the textarea.
  * @attribute {'hard' | 'soft'} wrap - Indicates how the control should wrap the value for form submission. Can be `hard` or `soft`.
  * @attribute {string} feedback - The feedback of the textarea.
- * @attribute {'info' | 'success' | 'error'} feedbackType - The feedback type of the textarea. Can be `info`, `success`, or `error`.
+ * @attribute {'negative' | 'positive' | 'warning'} feedbackType - The feedback type of the textarea. Can be `negative`, `positive`, or `warning`.
  * @attribute {boolean} optional - The optional state of the textarea.
  * @attribute {string} optionalLabel - The optional label of the textarea.
  * @attribute {boolean} subtle - The weight of the label. Default is `false`
@@ -2933,7 +2944,7 @@ export declare class DapDSTooltip extends DdsElement {
     content: string;
     placement: PopupPlacement;
     opened?: boolean | undefined;
-    mode?: TooltipMode;
+    mode?: TooltipMode_2;
     noArrow?: boolean | undefined;
     floatingStrategy: 'absolute' | 'fixed';
     private _trigger;
@@ -3103,13 +3114,17 @@ export declare type DdsUploadStartEvent = CustomEvent<Record<PropertyKey, never>
 
 export declare type DdsValidDateEvent = CustomEvent<Record<PropertyKey, never>>;
 
-declare type DescriptionPlacement = Extract<Placement, 'top' | 'bottom'>;
+export declare type DescriptionPlacement = Extract<Placement, 'top' | 'bottom'>;
 
 declare type DescriptionProps = {
     variant: Extract<TypographyVariant, 'description'>;
     size: Extract<TypographySize, 'lg' | 'sm'>;
 };
 
+declare type DisableableElement = HTMLElement & {
+    disabled?: boolean;
+};
+
 /**
  * `dap-ds-icon-clipboard-line`
  * @summary An icon
@@ -3182,6 +3197,12 @@ declare interface EventOptions {
 
 declare type FeedbackType = 'negative' | 'positive' | 'warning';
 
+export declare class FileError extends Error {
+    file: File;
+    type: string;
+    constructor(message: string, file: File, type: string);
+}
+
 declare type FileListElement = {
     name: string;
     type: string;
@@ -3189,11 +3210,15 @@ declare type FileListElement = {
     lastModified: number;
 };
 
-declare type FloatingStrategy = 'absolute' | 'fixed';
+export declare type FloatingStrategy = 'absolute' | 'fixed';
 
 declare interface FocusableElementInterface {
     disabled: boolean;
     autofocus: boolean;
+    focusElement: DisableableElement;
+    focus(options?: FocusOptions): void;
+    blur(): void;
+    click(): void;
 }
 
 declare interface FormElementInterface {
@@ -3244,7 +3269,7 @@ declare type Heading = {
     text: any;
 };
 
-declare type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
+export declare type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
 
 declare type HeadingProps = {
     variant: Extract<TypographyVariant, 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'>;
@@ -3257,6 +3282,12 @@ declare type HtmlButtonType = 'button' | 'submit' | 'reset';
 
 declare type HtmlButtonType_2 = 'button' | 'submit' | 'reset';
 
+export declare class HttpError extends Error {
+    response: any;
+    status: number;
+    constructor(message: string, response: any, status: number);
+}
+
 declare type IconSize = 'xxl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs';
 
 declare class InputBaseElement extends GenericFormElement {
@@ -3297,9 +3328,9 @@ declare class InputBaseElement extends GenericFormElement {
     private _renderFeedback;
 }
 
-declare type InputStatus = 'success' | 'error';
+export declare type InputStatus = 'success' | 'error';
 
-declare type InputTypes = 'text' | 'number' | 'button' | 'color' | 'email' | 'hidden' | 'reset' | 'submit' | 'url' | 'password' | 'file';
+export declare type InputTypes = 'text' | 'number' | 'button' | 'color' | 'email' | 'hidden' | 'reset' | 'submit' | 'url' | 'password' | 'file';
 
 declare interface LabelableElementInterface {
     label?: string;
@@ -3317,7 +3348,7 @@ declare interface LabelableElementInterface {
     renderLabel(content: unknown): unknown;
 }
 
-declare type LabelPlacement = Extract<Placement, 'left' | 'right'>;
+export declare type LabelPlacement = Extract<Placement, 'left' | 'right'>;
 
 declare interface LabelPositionedElementInterface {
     labelPlacement: LabelPlacement;
@@ -3344,11 +3375,13 @@ declare const LabelPositionedFormElement: {
     prototype: LabelPositionedElementInterface;
 };
 
+export declare type Layout = 'horizontal' | 'vertical';
+
 declare type LinkSize = Extract<Size, 'lg' | 'md' | 'sm' | 'xs'>;
 
-declare type LinkTarget = '_blank' | '_self' | '_parent' | '_top';
+export declare type LinkTarget = '_blank' | '_self' | '_parent' | '_top';
 
-declare type LinkVariant = 'neutral' | 'brand' | 'inverted';
+declare type LinkVariant = 'neutral' | 'brand' | 'inverted' | 'warning';
 
 declare type ListItemStatus = 'brand' | 'neutral' | 'positive' | 'negative';
 
@@ -3417,18 +3450,20 @@ export declare class OthersCookieLine extends DdsElement {
     render(): TemplateResult_2;
 }
 
-declare type Placement = 'top' | 'right' | 'bottom' | 'left' | 'center';
+export declare type Placement = 'top' | 'right' | 'bottom' | 'left' | 'center';
 
-declare type PopupPlacement = 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end';
+export declare type PopupPlacement = 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end';
 
-declare type Size = 'lg' | 'md' | 'sm' | 'xs';
+export declare type PopupTrigger = 'click' | 'hover' | 'focus' | 'manual' | 'hover focus';
+
+export declare type Size = 'lg' | 'md' | 'sm' | 'xs';
 
 declare interface SizedElementInterface {
     size: Size;
     parentSized: string;
 }
 
-declare type Spacing = 0 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 1000 | 1200 | 1400 | 1600 | 1800 | 2000 | 2400 | 3000 | 4000 | 5000 | 6000;
+export declare type Spacing = 0 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 1000 | 1200 | 1400 | 1600 | 1800 | 2000 | 2400 | 3000 | 4000 | 5000 | 6000;
 
 declare type SpinnerVariant = 'neutral' | 'brand' | 'negative' | 'positive' | 'inverted';
 
@@ -4392,7 +4427,9 @@ export declare class SystemSubtractLine2 extends DdsElement {
     render(): TemplateResult_2;
 }
 
-declare type TooltipMode = 'tooltip' | 'toggle';
+export declare type TooltipMode = 'tooltip' | 'toggle';
+
+declare type TooltipMode_2 = 'tooltip' | 'toggle';
 
 declare type TypographyProps = HeadingProps | BodyProps | CaptionProps | DescriptionProps;