dap-design-system 0.56.2 → 0.56.4

package/dist/react/dap-ds-skeleton/index.d.ts

@@ -15,7 +15,8 @@ import { default as Component } from '../../components/skeleton/skeleton.compone
  *
  * @csspart base - The main skeleton container.
  *
- * @cssprop --dds-skeleton-color - The base color of the skeleton (default: linear-gradient(90deg, transparent, rgb(0 0 0 / 10%), transparent))
+ * @cssprop --dds-skeleton-base-color - Solid background color always visible (default: rgb(0 0 0 / 11%)); shown as a static block when prefers-reduced-motion is active
+ * @cssprop --dds-skeleton-color - The shimmer overlay gradient (default: linear-gradient(90deg, transparent, rgb(0 0 0 / 10%), transparent))
  * @cssprop --dds-skeleton-animation-duration - Duration of the loading animation (default: 1.5s)
  * @cssprop --dds-skeleton-border-radius - Border radius for rectangular skeletons (default: var(--dds-radius-small))
  * @cssprop --dds-skeleton-text-spacing - Spacing between text lines in text variant (default: var(--dds-spacing-100))

package/dist/react/index.d.ts

@@ -1,23 +1,23 @@
+export { default as DapDSAccordionReact } from './dap-ds-accordion/index.js';
 export { default as DapDSAccordionGroupReact } from './dap-ds-accordion-group/index.js';
 export { default as DapDSAvatarReact } from './dap-ds-avatar/index.js';
-export { default as DapDSAccordionReact } from './dap-ds-accordion/index.js';
+export { default as DapDSAvatarGroupReact } from './dap-ds-avatar-group/index.js';
 export { default as DapDSBadgeReact } from './dap-ds-badge/index.js';
 export { default as DapDSBannerReact } from './dap-ds-banner/index.js';
-export { default as DapDSBreadcrumbReact } from './dap-ds-breadcrumb/index.js';
 export { default as DapDSAnchorHeadingReact } from './dap-ds-anchor-heading/index.js';
-export { default as DapDSAvatarGroupReact } from './dap-ds-avatar-group/index.js';
+export { default as DapDSBreadcrumbReact } from './dap-ds-breadcrumb/index.js';
 export { default as DapDSBreadcrumbItemReact } from './dap-ds-breadcrumb-item/index.js';
 export { default as DapDSButtonReact } from './dap-ds-button/index.js';
 export { default as DapDSCalendarCellReact } from './dap-ds-calendar-cell/index.js';
 export { default as DapDSCalendarReact } from './dap-ds-calendar/index.js';
 export { default as DapDSCalloutReact } from './dap-ds-callout/index.js';
-export { default as DapDSCheckboxReact } from './dap-ds-checkbox/index.js';
 export { default as DapDSCardActionsReact } from './dap-ds-card-actions/index.js';
 export { default as DapDSCardContentReact } from './dap-ds-card-content/index.js';
 export { default as DapDSCardImageReact } from './dap-ds-card-image/index.js';
 export { default as DapDSCardSubtitleReact } from './dap-ds-card-subtitle/index.js';
 export { default as DapDSCardTitleReact } from './dap-ds-card-title/index.js';
 export { default as DapDSCardReact } from './dap-ds-card/index.js';
+export { default as DapDSCheckboxReact } from './dap-ds-checkbox/index.js';
 export { default as DapDSChipReact } from './dap-ds-chip/index.js';
 export { default as DapDSCodePuncherSlotReact } from './dap-ds-code-puncher-slot/index.js';
 export { default as DapDSCodePuncherReact } from './dap-ds-code-puncher/index.js';
@@ -92,14 +92,15 @@ export { default as DapDSTypographyReact } from './dap-ds-typography/index.js';
 export { default as DapDSFormLabelReact } from './dap-ds-form-label/index.js';
 export { default as DapDSInputGroupReact } from './dap-ds-input-group/index.js';
 export { default as DapDSRadioGroupReact } from './dap-ds-radio-group/index.js';
+export { default as BuildingsHome6LineReact } from './dap-ds-icon-home-6-line/index.js';
 export { default as ArrowsArrowDownLineReact } from './dap-ds-icon-arrow-down-line/index.js';
 export { default as ArrowsArrowDownSFillReact } from './dap-ds-icon-arrow-down-s-fill/index.js';
 export { default as ArrowsArrowDownSLineReact } from './dap-ds-icon-arrow-down-s-line/index.js';
 export { default as ArrowsArrowLeftDownLineReact } from './dap-ds-icon-arrow-left-down-line/index.js';
 export { default as ArrowsArrowLeftLLineReact } from './dap-ds-icon-arrow-left-l-line/index.js';
 export { default as ArrowsArrowLeftLineReact } from './dap-ds-icon-arrow-left-line/index.js';
-export { default as ArrowsArrowLeftSFillReact } from './dap-ds-icon-arrow-left-s-fill/index.js';
 export { default as ArrowsArrowLeftSLineReact } from './dap-ds-icon-arrow-left-s-line/index.js';
+export { default as ArrowsArrowLeftSFillReact } from './dap-ds-icon-arrow-left-s-fill/index.js';
 export { default as ArrowsArrowLeftUpLineReact } from './dap-ds-icon-arrow-left-up-line/index.js';
 export { default as ArrowsArrowRightDownLineReact } from './dap-ds-icon-arrow-right-down-line/index.js';
 export { default as ArrowsArrowRightLLineReact } from './dap-ds-icon-arrow-right-l-line/index.js';
@@ -111,20 +112,19 @@ export { default as ArrowsArrowUpLineReact } from './dap-ds-icon-arrow-up-line/i
 export { default as ArrowsArrowUpSFillReact } from './dap-ds-icon-arrow-up-s-fill/index.js';
 export { default as ArrowsArrowUpSLineReact } from './dap-ds-icon-arrow-up-s-line/index.js';
 export { default as ArrowsExpandUpDownFillReact } from './dap-ds-icon-expand-up-down-fill/index.js';
-export { default as BuildingsHome6LineReact } from './dap-ds-icon-home-6-line/index.js';
 export { default as BusinessCalendarLineReact } from './dap-ds-icon-calendar-line/index.js';
 export { default as DesignEditLineReact } from './dap-ds-icon-edit-line/index.js';
 export { default as DesignToolsLineReact } from './dap-ds-icon-tools-line/index.js';
 export { default as DeviceComputerLineReact } from './dap-ds-icon-computer-line/index.js';
-export { default as EditorSeparatorReact } from './dap-ds-icon-separator/index.js';
 export { default as DocumentClipboardLineReact } from './dap-ds-icon-clipboard-line/index.js';
-export { default as DocumentFileCopyLineReact } from './dap-ds-icon-file-copy-line/index.js';
 export { default as DocumentFileImageLineReact } from './dap-ds-icon-file-image-line/index.js';
+export { default as DocumentFileCopyLineReact } from './dap-ds-icon-file-copy-line/index.js';
 export { default as DocumentFileMusicLineReact } from './dap-ds-icon-file-music-line/index.js';
 export { default as DocumentFileTextLineReact } from './dap-ds-icon-file-text-line/index.js';
 export { default as DocumentFileVideoLineReact } from './dap-ds-icon-file-video-line/index.js';
 export { default as DocumentFolderLineReact } from './dap-ds-icon-folder-line/index.js';
 export { default as DocumentFolderOpenLineReact } from './dap-ds-icon-folder-open-line/index.js';
+export { default as EditorSeparatorReact } from './dap-ds-icon-separator/index.js';
 export { default as HealthHeartFillReact } from './dap-ds-icon-heart-fill/index.js';
 export { default as HealthHeartLineReact } from './dap-ds-icon-heart-line/index.js';
 export { default as OthersCookieLineReact } from './dap-ds-icon-cookie-line/index.js';
@@ -148,10 +148,10 @@ export { default as SystemCloseFillReact } from './dap-ds-icon-close-fill/index.
 export { default as SystemCloseLineReact } from './dap-ds-icon-close-line/index.js';
 export { default as SystemDeleteBinFillReact } from './dap-ds-icon-delete-bin-fill/index.js';
 export { default as SystemDeleteBinLineReact } from './dap-ds-icon-delete-bin-line/index.js';
-export { default as SystemDownloadLineReact } from './dap-ds-icon-download-line/index.js';
 export { default as SystemErrorWarningFillReact } from './dap-ds-icon-error-warning-fill/index.js';
-export { default as SystemExternalLinkLineReact } from './dap-ds-icon-external-link-line/index.js';
+export { default as SystemDownloadLineReact } from './dap-ds-icon-download-line/index.js';
 export { default as SystemErrorWarningLineReact } from './dap-ds-icon-error-warning-line/index.js';
+export { default as SystemExternalLinkLineReact } from './dap-ds-icon-external-link-line/index.js';
 export { default as SystemEyeLineReact } from './dap-ds-icon-eye-line/index.js';
 export { default as SystemEyeOffLineReact } from './dap-ds-icon-eye-off-line/index.js';
 export { default as SystemForbidFillReact } from './dap-ds-icon-forbid-fill/index.js';

package/dist/react-types.ts

@@ -3,26 +3,26 @@ import type { DdsAllUploadsCompleteEvent, DdsAnchorChangeEvent, DdsBeforeCloseEv
 type HtmlType = { children?: React.ReactNode | Element, class?: string, ref?: React.RefObject<any>, key?: React.Key | null | undefined,
   style?: Partial<CSSStyleDeclaration>, id?: string, onClick?: (e: React.MouseEvent) => void, onChange?: (e: React.ChangeEvent) => void}
   
+export type DapDSAccordionType = HtmlType & Partial<Omit<DDS.DapDSAccordion, 'children' | 'style'>> & { "ondds-opened"?: (e: DdsOpenedEvent) => void, "ondds-closed"?: (e: DdsClosedEvent) => void }
 export type DapDSAccordionGroupType = HtmlType & Partial<Omit<DDS.DapDSAccordionGroup, 'children' | 'style'>>
 export type DapDSAvatarType = HtmlType & Partial<Omit<DDS.DapDSAvatar, 'children' | 'style'>> & { "ondds-load"?: (e: DdsLoadEvent) => void, "ondds-error"?: (e: DdsErrorEvent) => void }
-export type DapDSAccordionType = HtmlType & Partial<Omit<DDS.DapDSAccordion, 'children' | 'style'>> & { "ondds-opened"?: (e: DdsOpenedEvent) => void, "ondds-closed"?: (e: DdsClosedEvent) => void }
+export type DapDSAvatarGroupType = HtmlType & Partial<Omit<DDS.DapDSAvatarGroup, 'children' | 'style'>> & { "ondds-overflow-click"?: (e: DdsOverflowClickEvent) => void }
 export type DapDSBadgeType = HtmlType & Partial<Omit<DDS.DapDSBadge, 'children' | 'style'>>
 export type DapDSBannerType = HtmlType & Partial<Omit<DDS.DapDSBanner, 'children' | 'style'>> & { "ondds-close"?: (e: DdsCloseEvent) => void }
-export type DapDSBreadcrumbType = HtmlType & Partial<Omit<DDS.DapDSBreadcrumb, 'children' | 'style'>>
 export type DapDSAnchorHeadingType = HtmlType & Partial<Omit<DDS.DapDSAnchorHeading, 'children' | 'style'>>
-export type DapDSAvatarGroupType = HtmlType & Partial<Omit<DDS.DapDSAvatarGroup, 'children' | 'style'>> & { "ondds-overflow-click"?: (e: DdsOverflowClickEvent) => void }
+export type DapDSBreadcrumbType = HtmlType & Partial<Omit<DDS.DapDSBreadcrumb, 'children' | 'style'>>
 export type DapDSBreadcrumbItemType = HtmlType & Partial<Omit<DDS.DapDSBreadcrumbItem, 'children' | 'style'>>
 export type DapDSButtonType = HtmlType & Partial<Omit<DDS.DapDSButton, 'children' | 'style'>> & { "ondds-loading-timeout"?: (e: DdsLoadingTimeoutEvent) => void }
 export type DapDSCalendarCellType = HtmlType & Partial<Omit<DDS.DapDSCalendarCell, 'children' | 'style'>>
 export type DapDSCalendarType = HtmlType & Partial<Omit<DDS.DapDSCalendar, 'children' | 'style'>> & { "ondds-change"?: (e: DdsChangeEvent) => void }
 export type DapDSCalloutType = HtmlType & Partial<Omit<DDS.DapDSCallout, 'children' | 'style'>> & { "ondds-close"?: (e: DdsCloseEvent) => void }
-export type DapDSCheckboxType = HtmlType & Partial<Omit<DDS.DapDSCheckbox, 'children' | 'style'>> & { "ondds-change"?: (e: DdsChangeEvent) => void, "ondds-blur"?: (e: DdsBlurEvent) => void, "ondds-focus"?: (e: DdsFocusEvent) => void, "ondds-input"?: (e: DdsInputEvent) => void }
 export type DapDSCardActionsType = HtmlType & Partial<Omit<DDS.DapDSCardActions, 'children' | 'style'>>
 export type DapDSCardContentType = HtmlType & Partial<Omit<DDS.DapDSCardContent, 'children' | 'style'>>
 export type DapDSCardImageType = HtmlType & Partial<Omit<DDS.DapDSCardImage, 'children' | 'style'>>
 export type DapDSCardSubtitleType = HtmlType & Partial<Omit<DDS.DapDSCardSubtitle, 'children' | 'style'>>
 export type DapDSCardTitleType = HtmlType & Partial<Omit<DDS.DapDSCardTitle, 'children' | 'style'>>
 export type DapDSCardType = HtmlType & Partial<Omit<DDS.DapDSCard, 'children' | 'style'>>
+export type DapDSCheckboxType = HtmlType & Partial<Omit<DDS.DapDSCheckbox, 'children' | 'style'>> & { "ondds-change"?: (e: DdsChangeEvent) => void, "ondds-blur"?: (e: DdsBlurEvent) => void, "ondds-focus"?: (e: DdsFocusEvent) => void, "ondds-input"?: (e: DdsInputEvent) => void }
 export type DapDSChipType = HtmlType & Partial<Omit<DDS.DapDSChip, 'children' | 'style'>> & { "ondds-remove"?: (e: DdsRemoveEvent) => void, "ondds-select"?: (e: DdsSelectEvent) => void }
 export type DapDSCodePuncherSlotType = HtmlType & Partial<Omit<DDS.DapDSCodePuncherSlot, 'children' | 'style'>>
 export type DapDSCodePuncherType = HtmlType & Partial<Omit<DDS.DapDSCodePuncher, 'children' | 'style'>> & { "ondds-input"?: (e: DdsInputEvent) => void, "ondds-change"?: (e: DdsChangeEvent) => void, "ondds-complete"?: (e: DdsCompleteEvent) => void, "ondds-focus"?: (e: DdsFocusEvent) => void, "ondds-blur"?: (e: DdsBlurEvent) => void }
@@ -97,14 +97,15 @@ export type DapDSTypographyType = HtmlType & Partial<Omit<DDS.DapDSTypography, '
 export type DapDSFormLabelType = HtmlType & Partial<Omit<DDS.DapDSFormLabel, 'children' | 'style'>>
 export type DapDSInputGroupType = HtmlType & Partial<Omit<DDS.DapDSInputGroup, 'children' | 'style'>>
 export type DapDSRadioGroupType = HtmlType & Partial<Omit<DDS.DapDSRadioGroup, 'children' | 'style'>> & { "ondds-change"?: (e: DdsChangeEvent) => void, "ondds-blur"?: (e: DdsBlurEvent) => void, "ondds-focus"?: (e: DdsFocusEvent) => void }
+export type BuildingsHome6LineType = HtmlType & Partial<Omit<DDS.BuildingsHome6Line, 'children' | 'style'>>
 export type ArrowsArrowDownLineType = HtmlType & Partial<Omit<DDS.ArrowsArrowDownLine, 'children' | 'style'>>
 export type ArrowsArrowDownSFillType = HtmlType & Partial<Omit<DDS.ArrowsArrowDownSFill, 'children' | 'style'>>
 export type ArrowsArrowDownSLineType = HtmlType & Partial<Omit<DDS.ArrowsArrowDownSLine, 'children' | 'style'>>
 export type ArrowsArrowLeftDownLineType = HtmlType & Partial<Omit<DDS.ArrowsArrowLeftDownLine, 'children' | 'style'>>
 export type ArrowsArrowLeftLLineType = HtmlType & Partial<Omit<DDS.ArrowsArrowLeftLLine, 'children' | 'style'>>
 export type ArrowsArrowLeftLineType = HtmlType & Partial<Omit<DDS.ArrowsArrowLeftLine, 'children' | 'style'>>
-export type ArrowsArrowLeftSFillType = HtmlType & Partial<Omit<DDS.ArrowsArrowLeftSFill, 'children' | 'style'>>
 export type ArrowsArrowLeftSLineType = HtmlType & Partial<Omit<DDS.ArrowsArrowLeftSLine, 'children' | 'style'>>
+export type ArrowsArrowLeftSFillType = HtmlType & Partial<Omit<DDS.ArrowsArrowLeftSFill, 'children' | 'style'>>
 export type ArrowsArrowLeftUpLineType = HtmlType & Partial<Omit<DDS.ArrowsArrowLeftUpLine, 'children' | 'style'>>
 export type ArrowsArrowRightDownLineType = HtmlType & Partial<Omit<DDS.ArrowsArrowRightDownLine, 'children' | 'style'>>
 export type ArrowsArrowRightLLineType = HtmlType & Partial<Omit<DDS.ArrowsArrowRightLLine, 'children' | 'style'>>
@@ -116,20 +117,19 @@ export type ArrowsArrowUpLineType = HtmlType & Partial<Omit<DDS.ArrowsArrowUpLin
 export type ArrowsArrowUpSFillType = HtmlType & Partial<Omit<DDS.ArrowsArrowUpSFill, 'children' | 'style'>>
 export type ArrowsArrowUpSLineType = HtmlType & Partial<Omit<DDS.ArrowsArrowUpSLine, 'children' | 'style'>>
 export type ArrowsExpandUpDownFillType = HtmlType & Partial<Omit<DDS.ArrowsExpandUpDownFill, 'children' | 'style'>>
-export type BuildingsHome6LineType = HtmlType & Partial<Omit<DDS.BuildingsHome6Line, 'children' | 'style'>>
 export type BusinessCalendarLineType = HtmlType & Partial<Omit<DDS.BusinessCalendarLine, 'children' | 'style'>>
 export type DesignEditLineType = HtmlType & Partial<Omit<DDS.DesignEditLine, 'children' | 'style'>>
 export type DesignToolsLineType = HtmlType & Partial<Omit<DDS.DesignToolsLine, 'children' | 'style'>>
 export type DeviceComputerLineType = HtmlType & Partial<Omit<DDS.DeviceComputerLine, 'children' | 'style'>>
-export type EditorSeparatorType = HtmlType & Partial<Omit<DDS.EditorSeparator, 'children' | 'style'>>
 export type DocumentClipboardLineType = HtmlType & Partial<Omit<DDS.DocumentClipboardLine, 'children' | 'style'>>
-export type DocumentFileCopyLineType = HtmlType & Partial<Omit<DDS.DocumentFileCopyLine, 'children' | 'style'>>
 export type DocumentFileImageLineType = HtmlType & Partial<Omit<DDS.DocumentFileImageLine, 'children' | 'style'>>
+export type DocumentFileCopyLineType = HtmlType & Partial<Omit<DDS.DocumentFileCopyLine, 'children' | 'style'>>
 export type DocumentFileMusicLineType = HtmlType & Partial<Omit<DDS.DocumentFileMusicLine, 'children' | 'style'>>
 export type DocumentFileTextLineType = HtmlType & Partial<Omit<DDS.DocumentFileTextLine, 'children' | 'style'>>
 export type DocumentFileVideoLineType = HtmlType & Partial<Omit<DDS.DocumentFileVideoLine, 'children' | 'style'>>
 export type DocumentFolderLineType = HtmlType & Partial<Omit<DDS.DocumentFolderLine, 'children' | 'style'>>
 export type DocumentFolderOpenLineType = HtmlType & Partial<Omit<DDS.DocumentFolderOpenLine, 'children' | 'style'>>
+export type EditorSeparatorType = HtmlType & Partial<Omit<DDS.EditorSeparator, 'children' | 'style'>>
 export type HealthHeartFillType = HtmlType & Partial<Omit<DDS.HealthHeartFill, 'children' | 'style'>>
 export type HealthHeartLineType = HtmlType & Partial<Omit<DDS.HealthHeartLine, 'children' | 'style'>>
 export type OthersCookieLineType = HtmlType & Partial<Omit<DDS.OthersCookieLine, 'children' | 'style'>>
@@ -153,10 +153,10 @@ export type SystemCloseFillType = HtmlType & Partial<Omit<DDS.SystemCloseFill, '
 export type SystemCloseLineType = HtmlType & Partial<Omit<DDS.SystemCloseLine, 'children' | 'style'>>
 export type SystemDeleteBinFillType = HtmlType & Partial<Omit<DDS.SystemDeleteBinFill, 'children' | 'style'>>
 export type SystemDeleteBinLineType = HtmlType & Partial<Omit<DDS.SystemDeleteBinLine, 'children' | 'style'>>
-export type SystemDownloadLineType = HtmlType & Partial<Omit<DDS.SystemDownloadLine, 'children' | 'style'>>
 export type SystemErrorWarningFillType = HtmlType & Partial<Omit<DDS.SystemErrorWarningFill, 'children' | 'style'>>
-export type SystemExternalLinkLineType = HtmlType & Partial<Omit<DDS.SystemExternalLinkLine, 'children' | 'style'>>
+export type SystemDownloadLineType = HtmlType & Partial<Omit<DDS.SystemDownloadLine, 'children' | 'style'>>
 export type SystemErrorWarningLineType = HtmlType & Partial<Omit<DDS.SystemErrorWarningLine, 'children' | 'style'>>
+export type SystemExternalLinkLineType = HtmlType & Partial<Omit<DDS.SystemExternalLinkLine, 'children' | 'style'>>
 export type SystemEyeLineType = HtmlType & Partial<Omit<DDS.SystemEyeLine, 'children' | 'style'>>
 export type SystemEyeOffLineType = HtmlType & Partial<Omit<DDS.SystemEyeOffLine, 'children' | 'style'>>
 export type SystemForbidFillType = HtmlType & Partial<Omit<DDS.SystemForbidFill, 'children' | 'style'>>