dap-design-system 0.58.3 → 0.59.0

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

@@ -48,6 +48,9 @@ export type { DdsRowClickEvent } from '../../events/events';
 * @cssproperty --dds-datatable-last-column-padding - Padding of the last column. (default: var(--dds-spacing-500))
 * @cssproperty --dds-datatable-first-column-padding - Padding of the first column. (default: var(--dds-spacing-500))
 * @cssproperty --dds-datatable-border-width - Width of table borders. (default: var(--dds-border-width-base))
+* @cssproperty --dds-datatable-outer-border-width - Width of the outer container border only. (default: var(--dds-datatable-border-width))
+* @cssproperty --dds-datatable-header-border-width - Width of the header row bottom border only. (default: var(--dds-datatable-border-width))
+* @cssproperty --dds-datatable-row-border-width - Width of the row (body cell) bottom borders only. (default: var(--dds-datatable-border-width))
 * @cssproperty --dds-datatable-stripe-color - Background color for striped rows. (default: var(--dds-background-neutral-base))
 * @cssproperty --dds-datatable-border-radius - Border radius of the table. (default: var(--dds-radius-base))
 * @cssproperty --dds-datatable-shadow - Box shadow of the table. (default: none)

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

@@ -26,6 +26,12 @@ export type { DdsPaginationChangeEvent } from '../../events/events';
 * @csspart pager-button-last-content - The content of the last page button.
 * @csspart page-size-select-base - The base of the page size select.
 * @csspart page-size-select-trigger - The trigger of the page size select.
+* @csspart page-numbers - The container of the numbered page buttons (shown when showPageNumbers is 'true').
+* @csspart page-number - Each numbered page button.
+* @csspart page-number-active - The active (current) numbered page button.
+* @csspart page-number-base - The base of each numbered page button.
+* @csspart page-number-content - The content of each numbered page button.
+* @csspart page-info - The page info / total count text.
 *
 * @cssproperty --dds-pager-spacing-vertical - The vertical spacing of the pager (default: var(--dds-spacing-400))
 * @cssproperty --dds-pager-spacing-horizontal - The horizontal spacing of the pager (default: var(--dds-spacing-200))

package/dist/react/index.d.ts

@@ -1,23 +1,23 @@
 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 DapDSAccordionReact } from './dap-ds-accordion/index.js';
+export { default as DapDSBadgeReact } from './dap-ds-badge/index.js';
 export { default as DapDSBreadcrumbReact } from './dap-ds-breadcrumb/index.js';
 export { default as DapDSBannerReact } from './dap-ds-banner/index.js';
-export { default as DapDSAnchorHeadingReact } from './dap-ds-anchor-heading/index.js';
-export { default as DapDSBadgeReact } from './dap-ds-badge/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 DapDSCalloutReact } from './dap-ds-callout/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';
@@ -63,9 +63,6 @@ export { default as DapDSScrollAreaReact } from './dap-ds-scroll-area/index.js';
 export { default as DapDSScrollProgressReact } from './dap-ds-scroll-progress/index.js';
 export { default as DapDSSearchReact } from './dap-ds-search/index.js';
 export { default as DapDSSelectReact } from './dap-ds-select/index.js';
-export { default as DapDSSideNavGroupReact } from './dap-ds-sidenav-group/index.js';
-export { default as DapDSSideNavItemReact } from './dap-ds-sidenav-item/index.js';
-export { default as DapDSSideNavReact } from './dap-ds-sidenav/index.js';
 export { default as DapDSSkeletonReact } from './dap-ds-skeleton/index.js';
 export { default as DapDSSkipLinkReact } from './dap-ds-skip-link/index.js';
 export { default as DapDSSnackbarMessageReact } from './dap-ds-snackbar-message/index.js';
@@ -79,6 +76,9 @@ export { default as DapDSTableCellReact } from './dap-ds-table-cell/index.js';
 export { default as DapDSTableHeaderReact } from './dap-ds-table-header/index.js';
 export { default as DapDSTableRowReact } from './dap-ds-table-row/index.js';
 export { default as DapDSTableReact } from './dap-ds-table/index.js';
+export { default as DapDSSideNavGroupReact } from './dap-ds-sidenav-group/index.js';
+export { default as DapDSSideNavItemReact } from './dap-ds-sidenav-item/index.js';
+export { default as DapDSSideNavReact } from './dap-ds-sidenav/index.js';
 export { default as DapDSTextareaReact } from './dap-ds-textarea/index.js';
 export { default as DapDSTimelineItemReact } from './dap-ds-timeline-item/index.js';
 export { default as DapDSTimelineReact } from './dap-ds-timeline/index.js';
@@ -90,19 +90,19 @@ export { default as DapDSTooltipReact } from './dap-ds-tooltip/index.js';
 export { default as DapDSTrayReact } from './dap-ds-tray/index.js';
 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 DapDSInputGroupReact } from './dap-ds-input-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 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 ArrowsArrowLeftLineReact } from './dap-ds-icon-arrow-left-line/index.js';
 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 ArrowsArrowLeftUpLineReact } from './dap-ds-icon-arrow-left-up-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';
@@ -127,12 +127,8 @@ export { default as DocumentFolderOpenLineReact } from './dap-ds-icon-folder-ope
 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 OthersCookieLineReact } from './dap-ds-icon-cookie-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';
 export { default as SystemCheckLineReact } from './dap-ds-icon-check-line/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

@@ -4,25 +4,25 @@ type HtmlType = { children?: React.ReactNode | Element, class?: string, ref?: Re
   style?: Partial<CSSStyleDeclaration>, id?: string, onClick?: (e: React.MouseEvent) => void, onChange?: (e: React.ChangeEvent) => 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 DapDSAccordionType = HtmlType & Partial<Omit<DDS.DapDSAccordion, 'children' | 'style'>> & { "ondds-opened"?: (e: DdsOpenedEvent) => void, "ondds-closed"?: (e: DdsClosedEvent) => void }
+export type DapDSBadgeType = HtmlType & Partial<Omit<DDS.DapDSBadge, 'children' | 'style'>>
 export type DapDSBreadcrumbType = HtmlType & Partial<Omit<DDS.DapDSBreadcrumb, 'children' | 'style'>>
 export type DapDSBannerType = HtmlType & Partial<Omit<DDS.DapDSBanner, 'children' | 'style'>> & { "ondds-close"?: (e: DdsCloseEvent) => void }
-export type DapDSAnchorHeadingType = HtmlType & Partial<Omit<DDS.DapDSAnchorHeading, 'children' | 'style'>>
-export type DapDSBadgeType = HtmlType & Partial<Omit<DDS.DapDSBadge, '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 DapDSCalloutType = HtmlType & Partial<Omit<DDS.DapDSCallout, 'children' | 'style'>> & { "ondds-close"?: (e: DdsCloseEvent) => 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 }
@@ -68,9 +68,6 @@ export type DapDSScrollAreaType = HtmlType & Partial<Omit<DDS.DapDSScrollArea, '
 export type DapDSScrollProgressType = HtmlType & Partial<Omit<DDS.DapDSScrollProgress, 'children' | 'style'>>
 export type DapDSSearchType = HtmlType & Partial<Omit<DDS.DapDSSearch, '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 }
 export type DapDSSelectType = HtmlType & Partial<Omit<DDS.DapDSSelect, 'children' | 'style'>> & { "ondds-change"?: (e: DdsChangeEvent) => void, "ondds-blur"?: (e: DdsBlurEvent) => void, "ondds-focus"?: (e: DdsFocusEvent) => void, "ondds-opened"?: (e: DdsOpenedEvent) => void, "ondds-closed"?: (e: DdsClosedEvent) => void }
-export type DapDSSideNavGroupType = HtmlType & Partial<Omit<DDS.DapDSSideNavGroup, 'children' | 'style'>>
-export type DapDSSideNavItemType = HtmlType & Partial<Omit<DDS.DapDSSideNavItem, 'children' | 'style'>>
-export type DapDSSideNavType = HtmlType & Partial<Omit<DDS.DapDSSideNav, 'children' | 'style'>> & { "ondds-item-click"?: (e: DdsItemClickEvent) => void }
 export type DapDSSkeletonType = HtmlType & Partial<Omit<DDS.DapDSSkeleton, 'children' | 'style'>>
 export type DapDSSkipLinkType = HtmlType & Partial<Omit<DDS.DapDSSkipLink, 'children' | 'style'>>
 export type DapDSSnackbarMessageType = HtmlType & Partial<Omit<DDS.DapDSSnackbarMessage, 'children' | 'style'>> & { "ondds-close"?: (e: DdsCloseEvent) => void }
@@ -84,6 +81,9 @@ export type DapDSTableCellType = HtmlType & Partial<Omit<DDS.DapDSTableCell, 'ch
 export type DapDSTableHeaderType = HtmlType & Partial<Omit<DDS.DapDSTableHeader, 'children' | 'style'>>
 export type DapDSTableRowType = HtmlType & Partial<Omit<DDS.DapDSTableRow, 'children' | 'style'>>
 export type DapDSTableType = HtmlType & Partial<Omit<DDS.DapDSTable, 'children' | 'style'>>
+export type DapDSSideNavGroupType = HtmlType & Partial<Omit<DDS.DapDSSideNavGroup, 'children' | 'style'>>
+export type DapDSSideNavItemType = HtmlType & Partial<Omit<DDS.DapDSSideNavItem, 'children' | 'style'>>
+export type DapDSSideNavType = HtmlType & Partial<Omit<DDS.DapDSSideNav, 'children' | 'style'>> & { "ondds-item-click"?: (e: DdsItemClickEvent) => void }
 export type DapDSTextareaType = HtmlType & Partial<Omit<DDS.DapDSTextarea, 'children' | 'style'>> & { "ondds-count-change"?: (e: DdsCountChangeEvent) => void, "ondds-change"?: (e: DdsChangeEvent) => void, "ondds-input"?: (e: DdsInputEvent) => void, "ondds-keydown"?: (e: DdsKeydownEvent) => void, "ondds-blur"?: (e: DdsBlurEvent) => void, "ondds-focus"?: (e: DdsFocusEvent) => void, "ondds-select"?: (e: DdsSelectEvent) => void }
 export type DapDSTimelineItemType = HtmlType & Partial<Omit<DDS.DapDSTimelineItem, 'children' | 'style'>>
 export type DapDSTimelineType = HtmlType & Partial<Omit<DDS.DapDSTimeline, 'children' | 'style'>>
@@ -95,19 +95,19 @@ export type DapDSTooltipType = HtmlType & Partial<Omit<DDS.DapDSTooltip, 'childr
 export type DapDSTrayType = HtmlType & Partial<Omit<DDS.DapDSTray, 'children' | 'style'>> & { "ondds-before-open"?: (e: DdsBeforeOpenEvent) => void, "ondds-opened"?: (e: DdsOpenedEvent) => void, "ondds-before-close"?: (e: DdsBeforeCloseEvent) => void, "ondds-closed"?: (e: DdsClosedEvent) => void, "ondds-close"?: (e: DdsCloseEvent) => void }
 export type DapDSTypographyType = HtmlType & Partial<Omit<DDS.DapDSTypography, 'children' | 'style'>>
 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 DapDSInputGroupType = HtmlType & Partial<Omit<DDS.DapDSInputGroup, '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 ArrowsArrowLeftLineType = HtmlType & Partial<Omit<DDS.ArrowsArrowLeftLine, 'children' | 'style'>>
 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 ArrowsArrowLeftUpLineType = HtmlType & Partial<Omit<DDS.ArrowsArrowLeftUpLine, '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'>>
@@ -132,12 +132,8 @@ export type DocumentFolderOpenLineType = HtmlType & Partial<Omit<DDS.DocumentFol
 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 OthersCookieLineType = HtmlType & Partial<Omit<DDS.OthersCookieLine, 'children' | 'style'>>
 export type SystemAlertFillType = HtmlType & Partial<Omit<DDS.SystemAlertFill, 'children' | 'style'>>
 export type SystemAlertLineType = HtmlType & Partial<Omit<DDS.SystemAlertLine, 'children' | 'style'>>
 export type SystemCheckLineType = HtmlType & Partial<Omit<DDS.SystemCheckLine, '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'>>