dap-design-system 0.35.14 → 0.35.16

package/dist/dds.d.ts

@@ -16,6 +16,38 @@ import { TableController } from '@tanstack/lit-table';
 import { TemplateResult } from 'lit';
 import { TemplateResult as TemplateResult_2 } from 'lit-html';
 
+declare class AccordionBaseElement extends DdsElement {
+    static styles: CSSResult;
+    /** The size of the accordion
+     * @type { 'sm' | 'lg' }
+     */
+    size: CommonSize;
+    /** The heading level of the accordion
+     * @type { 1 | 2 | 3 | 4 | 5 | 6 }
+     */
+    headingLevel: HeadingLevel;
+    /** Whether the accordion is opened */
+    opened: boolean;
+    /** The location of the icon
+     * @type { 'left' | 'right' }
+     */
+    iconLocation: LabelPlacement;
+    /** The variant of the accordion
+     * @type { 'default' | 'collapsed' | 'clean' | 'clean-collapsed' }
+     */
+    variant: string;
+    lastItem: boolean;
+    headingRender(): TemplateResult;
+    contentRender(): TemplateResult;
+    connectedCallback(): void;
+    private onChange;
+    private toggle;
+    private renderButtons;
+    private renderContent;
+    private renderHeading;
+    renderAccordion(): TemplateResult;
+}
+
 export declare type ActionType = {
     href?: string;
     target?: LinkTarget;
@@ -814,6 +846,13 @@ export declare type CSSFlexDirection = 'column' | 'row' | 'column-reverse' | 'ro
  * @summary An accordion is a vertically stacked list of interactive items that can be expanded or collapsed to reveal or hide content.
  * @title - Accordion
  *
+ * @property { 'sm' | 'lg' } size - The size of the accordion. Default is `sm`.
+ * @property { 1 | 2 | 3 | 4 | 5 | 6 } headingLevel - The heading level of the accordion. Default is `4`.
+ * @property {boolean} opened - Whether the accordion is opened. Default is `false`.
+ * @property { 'left' | 'right' } iconLocation - The location of the icon. Default is `right`.
+ * @property { 'default' | 'collapsed' | 'clean' | 'clean-collapsed' } variant - The variant of the accordion.
+ * @property {boolean} lastItem - Whether the accordion is the last item.
+ *
  * @event dds-opened - Event fired when the accordion is opened.
  * @event dds-closed - Event fired when the accordion is closed.
  *
@@ -852,34 +891,8 @@ export declare type CSSFlexDirection = 'column' | 'row' | 'column-reverse' | 'ro
  * @cssproperty --dds-accordion-transition-timing - The timing function of the accordion transitions (default: var(--dds-easing-ease-in-out))
  * @cssproperty --dds-accordion-divider-color - The color of the divider between accordion items (default: var(--dds-border-neutral-divider))
  */
-export declare class DapDSAccordion extends DdsElement {
-    static styles: CSSResult;
-    /** The size of the accordion
-     * @type { 'sm' | 'lg' }
-     */
-    size: CommonSize;
-    /** The heading level of the accordion
-     * @type { 1 | 2 | 3 | 4 | 5 | 6 }
-     */
-    headingLevel: HeadingLevel;
-    /** Whether the accordion is opened */
-    opened: boolean;
-    /** The location of the icon
-     * @type { 'left' | 'right' }
-     */
-    iconLocation: LabelPlacement;
-    /** The variant of the accordion
-     * @type { 'default' | 'collapsed' | 'clean' | 'clean-collapsed' }
-     */
-    variant: string;
-    lastItem: boolean;
-    connectedCallback(): void;
-    private onChange;
-    private toggle;
-    private renderButtons;
-    private renderContent;
-    private renderHeading;
-    render(): TemplateResult;
+export declare class DapDSAccordion extends AccordionBaseElement {
+    render(): TemplateResult_2;
 }
 
 /**
@@ -2594,6 +2607,7 @@ export declare class DapDSDatePicker extends GenericFormElement {
      */
     locale: string;
     private formatOptions;
+    private setValueState;
     static styles: CSSResult;
     protected firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
     protected updated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
@@ -3621,6 +3635,7 @@ export declare class DapDSNumberInput extends InputBaseElement {
     hideControls: boolean;
     private formattedValue;
     firstUpdated(): void;
+    private handleKeydown;
     private getMaskedValue;
     private handleInput;
     protected updated(changedProperties: PropertyValues): void;
@@ -3629,6 +3644,64 @@ export declare class DapDSNumberInput extends InputBaseElement {
     render(): TemplateResult_2<1>;
 }
 
+/**
+ * `dap-ds-official-website-banner`
+ * @element dap-ds-official-website-banner
+ * @summary An official website banner is a banner that displays that the website is an official website.
+ * @title - Official website banner
+ *
+ * @property { 'sm' | 'lg' } size - The size of the official website banner. Default is `sm`.
+ * @property { 1 | 2 | 3 | 4 | 5 | 6 } headingLevel - The heading level of the accordion. Default is `4`.
+ * @property {boolean} opened - Whether the accordion is opened. Default is `false`.
+ * @property { 'left' | 'right' } iconLocation - The location of the icon. Default is `right`.
+ * @property { 'default' | 'collapsed' | 'clean' | 'clean-collapsed' } variant - The variant of the accordion.
+ * @property {boolean} lastItem - Whether the accordion is the last item.
+ *
+ * @event dds-opened - Event fired when the accordion is opened.
+ * @event dds-closed - Event fired when the accordion is closed.
+ *
+ * @slot default - The content of the accordion.
+ * @slot heading - The heading of the accordion.
+ * @slot icon-opened - The icon when the accordion is opened.
+ * @slot icon-closed - The icon when the accordion is closed.
+ *
+ * @csspart base - The main accordion container.
+ * @csspart heading - The heading of the accordion.
+ * @csspart button - The button of the accordion.
+ * @csspart content - The content of the accordion.
+ * @csspart content-container - The container of the accordion content.
+ * @csspart icon-wrapper - The icon wrapper of the accordion.
+ * @csspart open-icon - The icon when the accordion is opened.
+ * @csspart open-icon-base - The base of the icon when the accordion is opened.
+ * @csspart close-icon - The icon when the accordion is closed.
+ * @csspart close-icon-base - The base of the icon when the accordion is closed.
+ *
+ * @cssproperty --dds-accordion-border-width - The width of the accordion border (default: var(--dds-border-width-base))
+ * @cssproperty --dds-accordion-border-style - The style of the accordion border (default: solid)
+ * @cssproperty --dds-accordion-border-radius - The border radius of the accordion (default: var(--dds-radius-base))
+ * @cssproperty --dds-accordion-border-color - The color of the accordion border (default: var(--dds-border-neutral-divider))
+ * @cssproperty --dds-accordion-background-color - The background color of the accordion (default: var(--dds-background-neutral-subtle))
+ * @cssproperty --dds-accordion-text-color - The text color of the accordion (default: var(--dds-text-neutral-strong))
+ * @cssproperty --dds-accordion-hover-background - The background color when hovering over the accordion (default: var(--dds-background-neutral-base))
+ * @cssproperty --dds-accordion-active-background - The background color when the accordion is active (default: var(--dds-background-neutral-medium))
+ * @cssproperty --dds-accordion-icon-background - The background color of the accordion icon (default: var(--dds-transparent-black-subtle))
+ * @cssproperty --dds-accordion-icon-color - The color of the accordion icon (default: var(--dds-icon-neutral-base))
+ * @cssproperty --dds-accordion-icon-hover-background - The background color of the accordion icon when hovered (default: var(--dds-transparent-black-base))
+ * @cssproperty --dds-accordion-icon-active-background - The background color of the accordion icon when active (default: var(--dds-transparent-black-strong))
+ * @cssproperty --dds-accordion-icon-hover-color - The color of the accordion icon when hovered (default: var(--dds-icon-neutral-strong))
+ * @cssproperty --dds-accordion-icon-active-color - The color of the accordion icon when active (default: var(--dds-icon-neutral-strong))
+ * @cssproperty --dds-accordion-content-color - The color of the accordion content (default: var(--dds-text-text-neutral))
+ * @cssproperty --dds-accordion-transition-duration - The duration of the accordion transitions (default: var(--dds-transition-fast))
+ * @cssproperty --dds-accordion-transition-timing - The timing function of the accordion transitions (default: var(--dds-easing-ease-in-out))
+ * @cssproperty --dds-accordion-divider-color - The color of the divider between accordion items (default: var(--dds-border-neutral-divider))
+ */
+export declare class DapDSOfficialWebsiteBanner extends AccordionBaseElement {
+    static styles: CSSResult;
+    headingRender(): TemplateResult_2<1>;
+    contentRender(): TemplateResult_2<1>;
+    render(): TemplateResult_2;
+}
+
 /**
  * `dap-ds-option-item`
  * @summary An option item is a selectable item in a list of options.
@@ -8121,6 +8194,13 @@ declare global {
 }
 
 
+declare global {
+    interface HTMLElementTagNameMap {
+        'dap-ds-offical-website-banner': DapDSOfficalWebsiteBanner;
+    }
+}
+
+
 declare global {
     interface HTMLElementTagNameMap {
         'dap-ds-option-item': DapDSOptionItem;