dap-design-system 0.52.5 → 0.52.6

package/dist/common/debounce.d.ts

@@ -7,10 +7,3 @@
  * @returns A debounced version of the function
  */
 export declare function debounce<T extends (...args: any[]) => any>(func: T, wait?: number): (...args: Parameters<T>) => void;
-/**
- * Converts a string to kebab-case.
- *
- * @param str - The string to convert
- * @returns The kebab-cased string
- */
-export declare function kebabCase(str: string): string;

package/dist/common/types.d.ts

@@ -5,26 +5,31 @@ export type Size = 'lg' | 'md' | 'sm' | 'xs' | 'xxs';
 export type CommonSize = Extract<Size, 'xs' | 'sm' | 'lg'>;
 export type CommonFormElementSize = Extract<Size, 'sm' | 'md' | 'lg'>;
 export type Layout = 'horizontal' | 'vertical';
-export type ElementSpacing = 'top' | 'bottom' | 'both' | 'none';
-export type InputStatus = 'success' | 'error';
-export type InputTypes = 'text' | 'number' | 'button' | 'color' | 'email' | 'hidden' | 'reset' | 'submit' | 'url' | 'password' | 'file' | 'time';
-export type Placement = 'top' | 'right' | 'bottom' | 'left' | 'center';
+export type ElementSpacing = 'both' | 'bottom' | 'none' | 'top';
+export type LinkSize = Extract<Size, 'lg' | 'md' | 'sm' | 'xs'>;
+export type LinkVariant = 'brand' | 'inverted' | 'neutral' | 'warning';
+export type ListItemVariant = 'empty' | 'fail' | 'info' | 'notapplicable' | 'number' | 'pass';
+export type ListItemStatus = 'brand' | 'negative' | 'neutral' | 'positive';
+export type InputStatus = 'error' | 'success';
+export type InputTypes = 'button' | 'color' | 'email' | 'file' | 'hidden' | 'number' | 'password' | 'reset' | 'submit' | 'text' | 'time' | 'url';
+export type Placement = 'bottom' | 'center' | 'left' | 'right' | 'top';
 export type LabelPlacement = Extract<Placement, 'left' | 'right'>;
-export type DescriptionPlacement = Extract<Placement, 'top' | 'bottom'>;
-export type BackgroundShade = 'subtle' | 'base' | 'medium' | 'strong';
-export type Alignment = 'vertical' | 'horizontal';
+export type DescriptionPlacement = Extract<Placement, 'bottom' | 'top'>;
+export type BackgroundShade = 'base' | 'medium' | 'strong' | 'subtle';
+export type Alignment = 'horizontal' | 'vertical';
 export type ButtonSize = Extract<Size, 'lg' | 'md' | 'sm' | 'xs'>;
 export type ButtonShape = 'button' | 'circle';
-export type CSSFlexDirection = 'column' | 'row' | 'column-reverse' | 'row-reverse';
+export type CSSFlexDirection = 'column' | 'column-reverse' | 'row' | 'row-reverse';
 export type Spacing = 0 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 1000 | 1200 | 1400 | 1600 | 1800 | 2000 | 2400 | 3000 | 4000 | 5000 | 6000;
-export type PopupPlacement = 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end';
-export type PopupTrigger = 'click' | 'hover' | 'focus' | 'manual' | 'hover focus';
+export type PopupPlacement = 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-end' | 'left-start' | 'right' | 'right-end' | 'right-start' | 'top' | 'top-end' | 'top-start';
+export type PopupTrigger = 'click' | 'focus' | 'hover' | 'hover focus' | 'manual';
 export type TooltipMode = 'tooltip' | 'toggle';
-export type LinkTarget = '_blank' | '_self' | '_parent' | '_top';
+export type LinkTarget = '_blank' | '_parent' | '_self' | '_top';
 export type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
 export type FloatingStrategy = 'absolute' | 'fixed';
-export type SnackbarPosition = 'bottom-left' | 'bottom-right' | 'bottom-center' | 'top-right' | 'top-center';
-export type AlertType = 'default' | 'information' | 'successful' | 'error';
+export type SnackbarPosition = 'bottom-center' | 'bottom-left' | 'bottom-right' | 'top-center' | 'top-right';
+export type AlertType = 'default' | 'error' | 'information' | 'successful';
+export type FeedbackType = 'negative' | 'positive' | 'warning';
 export type ActionType = {
     href?: string;
     target?: LinkTarget;
@@ -45,8 +50,11 @@ export type SnackbarMessage = {
     message: string;
     options?: MessageOptionsType;
 };
-export type BadgeType = 'neutral' | 'brand' | 'info' | 'positive' | 'warning' | 'negative';
-export type FileType = 'image' | 'video' | 'audio' | 'document' | 'unknown' | 'pdf';
+export type AvatarShape = 'circle' | 'rounded' | 'square';
+export type AvatarVariant = 'icon' | 'image' | 'initials';
+export type BadgeType = 'brand' | 'info' | 'negative' | 'neutral' | 'positive' | 'warning';
+export type CalloutVariant = 'brand' | 'info' | 'negative' | 'positive' | 'warning';
+export type FileType = 'audio' | 'document' | 'image' | 'pdf' | 'unknown' | 'video';
 export type FileItemTemplate = {
     component: DapDSFileInputListItem;
     file: File;
@@ -79,4 +87,4 @@ export interface TimePreset {
     label: string;
     value: string;
 }
-export type CloseSource = 'ok-button' | 'cancel-button' | 'close-button' | 'esc' | 'overlay';
+export type CloseSource = 'cancel-button' | 'close-button' | 'esc' | 'ok-button' | 'overlay';

package/dist/common/utils.d.ts

@@ -61,3 +61,10 @@ export declare function getValidityStateObject(state: Partial<ValidityState>): {
     valid: boolean;
     valueMissing: boolean;
 };
+/**
+ * Converts a string to kebab-case.
+ *
+ * @param str - The string to convert
+ * @returns The kebab-cased string
+ */
+export declare function kebabCase(str: string): string;

package/dist/components/avatar/avatar.component.d.ts

@@ -1,7 +1,5 @@
-import { Size } from '../../dap-design-system';
+import { AvatarShape, AvatarVariant, Size } from '../../dap-design-system';
 import { DdsElement } from '../../internal/dds-hu-element';
-export type AvatarShape = 'circle' | 'rounded' | 'square';
-export type AvatarVariant = 'image' | 'initials' | 'icon';
 /**
  * `dap-ds-avatar`
  * @summary Avatar component can be used to display user profile images, initials, or icons.

package/dist/components/callout/callout.component.d.ts

@@ -1,7 +1,6 @@
 import { nothing } from 'lit';
-import { Alignment, BackgroundShade } from '../../common/types';
+import { Alignment, BackgroundShade, CalloutVariant } from '../../common/types';
 import { DdsElement } from '../../internal/dds-hu-element';
-export type CalloutVariant = 'brand' | 'info' | 'positive' | 'warning' | 'negative';
 /**
  * `dap-ds-callout` is a custom callout component.
  * @element dap-ds-callout

package/dist/components/feedback/feedback.component.d.ts

@@ -1,10 +1,4 @@
-import { CommonSize } from '../../common/types';
 import { DdsElement } from '../../internal/dds-hu-element';
-export type FeedbackType = 'negative' | 'positive' | 'warning';
-export type FeedbackProps = {
-    size?: CommonSize;
-    type: FeedbackType;
-};
 declare const DapDSFeedback_base: typeof DdsElement & {
     new (...args: any[]): import('../../internal/mixin/sizedMixin').SizedElementInterface;
     prototype: import('../../internal/mixin/sizedMixin').SizedElementInterface;

package/dist/components/file-input/file-input-list-item.component.d.ts

@@ -1,7 +1,6 @@
 import { TemplateResult } from 'lit';
-import { FileItemTemplate, LinkTarget } from '../../common/types';
+import { FeedbackType, FileItemTemplate, LinkTarget } from '../../common/types';
 import { DdsElement } from '../../internal/dds-hu-element';
-import { FeedbackType } from '../feedback/feedback.component';
 export type FileListElement = {
     name: string;
     type: string;

package/dist/components/form/input-group/input-group.component.d.ts

@@ -15,7 +15,7 @@ import { GenericFormElement } from '../../../internal/mixin/genericFormElement';
  * @property {string} tooltipAriaLabel - The aria label of the tooltip.
  * @property {string} optionalLabel - The label of the input group when it is optional.
  * @property {boolean} disabled - Whether the input group is disabled.
- * @property {'xs' | 'sm' | 'lg'} size - The size of the input group. Default is `sm`. Can be `sm` or `lg`.
+ * @property {'xs' | 'sm' | 'lg'} size - The size of the input group. Default is `sm`.
  * @property {boolean} required - Whether the input group is required.
  * @property {boolean} optional - Whether the input group is optional.
  * @property {string} feedback - The feedback of the input.

package/dist/components/link/link.component.d.ts

@@ -1,7 +1,5 @@
-import { LinkTarget, Size } from '../../common/types';
+import { LinkSize, LinkTarget, LinkVariant } from '../../common/types';
 import { DdsElement } from '../../internal/dds-hu-element';
-export type LinkSize = Extract<Size, 'lg' | 'md' | 'sm' | 'xs'>;
-export type LinkVariant = 'neutral' | 'brand' | 'inverted' | 'warning';
 /**
  * `dap-ds-link`
  * @summary A link is a reference to a web resource.

package/dist/components/list-item/list-item.component.d.ts

@@ -1,8 +1,6 @@
 import { PropertyValueMap } from 'lit';
-import { Alignment, BackgroundShade, LinkTarget } from '../../common/types';
+import { Alignment, BackgroundShade, LinkTarget, ListItemStatus, ListItemVariant } from '../../common/types';
 import { DdsElement } from '../../internal/dds-hu-element';
-export type ListItemVariant = 'info' | 'pass' | 'fail' | 'notapplicable' | 'empty' | 'number';
-export type ListItemStatus = 'brand' | 'neutral' | 'positive' | 'negative';
 /**
  * `dap-ds-list-item` is a custom banner component.
  * @element dap-ds-list-item