dap-design-system 0.56.2 → 0.56.3

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,24 +1,24 @@
+export { default as DapDSAccordionReact } from './dap-ds-accordion/index.js';
 export { default as DapDSAccordionGroupReact } from './dap-ds-accordion-group/index.js';
+export { default as DapDSAnchorHeadingReact } from './dap-ds-anchor-heading/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 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 DapDSButtonReact } from './dap-ds-button/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';
 export { default as DapDSComboboxReact } from './dap-ds-combobox/index.js';
@@ -93,8 +93,8 @@ 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 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 ArrowsArrowDownSFillReact } from './dap-ds-icon-arrow-down-s-fill/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';
@@ -102,10 +102,10 @@ export { default as ArrowsArrowLeftSFillReact } from './dap-ds-icon-arrow-left-s
 export { default as ArrowsArrowLeftSLineReact } from './dap-ds-icon-arrow-left-s-line/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';
 export { default as ArrowsArrowRightLineReact } from './dap-ds-icon-arrow-right-line/index.js';
 export { default as ArrowsArrowRightSFillReact } from './dap-ds-icon-arrow-right-s-fill/index.js';
 export { default as ArrowsArrowRightSLineReact } from './dap-ds-icon-arrow-right-s-line/index.js';
+export { default as ArrowsArrowRightLLineReact } from './dap-ds-icon-arrow-right-l-line/index.js';
 export { default as ArrowsArrowRightUpLineReact } from './dap-ds-icon-arrow-right-up-line/index.js';
 export { default as ArrowsArrowUpLineReact } from './dap-ds-icon-arrow-up-line/index.js';
 export { default as ArrowsArrowUpSFillReact } from './dap-ds-icon-arrow-up-s-fill/index.js';
@@ -116,7 +116,6 @@ export { default as BusinessCalendarLineReact } from './dap-ds-icon-calendar-lin
 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';
@@ -125,13 +124,10 @@ export { default as DocumentFileTextLineReact } from './dap-ds-icon-file-text-li
 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';
-export { default as UserAccountCircleFillReact } from './dap-ds-icon-account-circle-fill/index.js';
-export { default as UserAccountCircleLineReact } from './dap-ds-icon-account-circle-line/index.js';
-export { default as UserUserFillReact } from './dap-ds-icon-user-fill/index.js';
-export { default as UserUserLineReact } from './dap-ds-icon-user-line/index.js';
 export { default as SystemAddLineReact } from './dap-ds-icon-add-line/index.js';
 export { default as SystemAlertFillReact } from './dap-ds-icon-alert-fill/index.js';
 export { default as SystemAlertLineReact } from './dap-ds-icon-alert-line/index.js';
@@ -150,8 +146,8 @@ export { default as SystemDeleteBinFillReact } from './dap-ds-icon-delete-bin-fi
 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 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';
@@ -180,3 +176,7 @@ export { default as SystemUpload2LineReact } from './dap-ds-icon-upload-2-line/i
 export { default as SystemUploadLineReact } from './dap-ds-icon-upload-line/index.js';
 export { default as SystemZoomInLineReact } from './dap-ds-icon-zoom-in-line/index.js';
 export { default as SystemZoomOutLineReact } from './dap-ds-icon-zoom-out-line/index.js';
+export { default as UserAccountCircleFillReact } from './dap-ds-icon-account-circle-fill/index.js';
+export { default as UserAccountCircleLineReact } from './dap-ds-icon-account-circle-line/index.js';
+export { default as UserUserFillReact } from './dap-ds-icon-user-fill/index.js';
+export { default as UserUserLineReact } from './dap-ds-icon-user-line/index.js';

package/dist/react-types.ts

@@ -3,27 +3,27 @@ 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 DapDSAnchorHeadingType = HtmlType & Partial<Omit<DDS.DapDSAnchorHeading, '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 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 DapDSButtonType = HtmlType & Partial<Omit<DDS.DapDSButton, 'children' | 'style'>> & { "ondds-loading-timeout"?: (e: DdsLoadingTimeoutEvent) => 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 }
 export type DapDSComboboxType = HtmlType & Partial<Omit<DDS.DapDSCombobox, 'children' | 'style'>> & { "ondds-change"?: (e: DdsChangeEvent) => void, "ondds-blur"?: (e: DdsBlurEvent) => void, "ondds-focus"?: (e: DdsFocusEvent) => void, "ondds-clear"?: (e: DdsClearEvent) => void, "ondds-search"?: (e: DdsSearchEvent) => void, "ondds-input"?: (e: DdsInputEvent) => void }
@@ -98,8 +98,8 @@ export type DapDSFormLabelType = HtmlType & Partial<Omit<DDS.DapDSFormLabel, 'ch
 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 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 ArrowsArrowDownSFillType = HtmlType & Partial<Omit<DDS.ArrowsArrowDownSFill, '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'>>
@@ -107,10 +107,10 @@ export type ArrowsArrowLeftSFillType = HtmlType & Partial<Omit<DDS.ArrowsArrowLe
 export type ArrowsArrowLeftSLineType = HtmlType & Partial<Omit<DDS.ArrowsArrowLeftSLine, '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'>>
 export type ArrowsArrowRightLineType = HtmlType & Partial<Omit<DDS.ArrowsArrowRightLine, 'children' | 'style'>>
 export type ArrowsArrowRightSFillType = HtmlType & Partial<Omit<DDS.ArrowsArrowRightSFill, 'children' | 'style'>>
 export type ArrowsArrowRightSLineType = HtmlType & Partial<Omit<DDS.ArrowsArrowRightSLine, 'children' | 'style'>>
+export type ArrowsArrowRightLLineType = HtmlType & Partial<Omit<DDS.ArrowsArrowRightLLine, 'children' | 'style'>>
 export type ArrowsArrowRightUpLineType = HtmlType & Partial<Omit<DDS.ArrowsArrowRightUpLine, 'children' | 'style'>>
 export type ArrowsArrowUpLineType = HtmlType & Partial<Omit<DDS.ArrowsArrowUpLine, 'children' | 'style'>>
 export type ArrowsArrowUpSFillType = HtmlType & Partial<Omit<DDS.ArrowsArrowUpSFill, 'children' | 'style'>>
@@ -121,7 +121,6 @@ export type BusinessCalendarLineType = HtmlType & Partial<Omit<DDS.BusinessCalen
 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'>>
@@ -130,13 +129,10 @@ export type DocumentFileTextLineType = HtmlType & Partial<Omit<DDS.DocumentFileT
 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'>>
-export type UserAccountCircleFillType = HtmlType & Partial<Omit<DDS.UserAccountCircleFill, 'children' | 'style'>>
-export type UserAccountCircleLineType = HtmlType & Partial<Omit<DDS.UserAccountCircleLine, 'children' | 'style'>>
-export type UserUserFillType = HtmlType & Partial<Omit<DDS.UserUserFill, 'children' | 'style'>>
-export type UserUserLineType = HtmlType & Partial<Omit<DDS.UserUserLine, 'children' | 'style'>>
 export type SystemAddLineType = HtmlType & Partial<Omit<DDS.SystemAddLine, 'children' | 'style'>>
 export type SystemAlertFillType = HtmlType & Partial<Omit<DDS.SystemAlertFill, 'children' | 'style'>>
 export type SystemAlertLineType = HtmlType & Partial<Omit<DDS.SystemAlertLine, 'children' | 'style'>>
@@ -155,8 +151,8 @@ export type SystemDeleteBinFillType = HtmlType & Partial<Omit<DDS.SystemDeleteBi
 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 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'>>
@@ -184,4 +180,8 @@ export type SystemUpload2FillType = HtmlType & Partial<Omit<DDS.SystemUpload2Fil
 export type SystemUpload2LineType = HtmlType & Partial<Omit<DDS.SystemUpload2Line, 'children' | 'style'>>
 export type SystemUploadLineType = HtmlType & Partial<Omit<DDS.SystemUploadLine, 'children' | 'style'>>
 export type SystemZoomInLineType = HtmlType & Partial<Omit<DDS.SystemZoomInLine, 'children' | 'style'>>
-export type SystemZoomOutLineType = HtmlType & Partial<Omit<DDS.SystemZoomOutLine, 'children' | 'style'>>
+export type SystemZoomOutLineType = HtmlType & Partial<Omit<DDS.SystemZoomOutLine, 'children' | 'style'>>
+export type UserAccountCircleFillType = HtmlType & Partial<Omit<DDS.UserAccountCircleFill, 'children' | 'style'>>
+export type UserAccountCircleLineType = HtmlType & Partial<Omit<DDS.UserAccountCircleLine, 'children' | 'style'>>
+export type UserUserFillType = HtmlType & Partial<Omit<DDS.UserUserFill, 'children' | 'style'>>
+export type UserUserLineType = HtmlType & Partial<Omit<DDS.UserUserLine, 'children' | 'style'>>