dap-design-system
Version:
Official design system for the DÁP (dap.gov.hu)
187 lines (186 loc) • 28.1 kB
text/typescript
import * as DDS from "./dap-design-system.js"
import type { DdsAllUploadsCompleteEvent, DdsAnchorChangeEvent, DdsBeforeCloseEvent, DdsBeforeOpenEvent, DdsBlurEvent, DdsCancelEvent, DdsChangeEvent, DdsClearEvent, DdsClickEvent, DdsCloseEvent, DdsClosedEvent, DdsCommandItemClickEvent, DdsCompleteEvent, DdsCopyEvent, DdsCountChangeEvent, DdsErrorEvent, DdsFileChangeEvent, DdsFileClickEvent, DdsFileDeleteErrorEvent, DdsFileRemoveEvent, DdsFileRemovedEvent, DdsFilesAcceptedEvent, DdsFocusEvent, DdsInputEvent, DdsInvalidDateEvent, DdsInvalidTimeEvent, DdsItemClickEvent, DdsKeydownEvent, DdsListChangedEvent, DdsLoadEvent, DdsLoadingTimeoutEvent, DdsNavigationDropdownOpenEvent, DdsNavigationItemClickEvent, DdsNotAllowedEvent, DdsOkEvent, DdsOpenedEvent, DdsOptionChangeEvent, DdsOverflowClickEvent, DdsPaginationChangeEvent, DdsRemoveEvent, DdsRowClickEvent, DdsSearchEvent, DdsSelectEvent, DdsSelectionChangeEvent, DdsSortingChangeEvent, DdsTabSelectEvent, DdsUnzoomEvent, DdsUploadCompleteEvent, DdsUploadErrorEvent, DdsUploadProgressEvent, DdsUploadStartEvent, DdsValidDateEvent, DdsValidTimeEvent, DdsZoomEvent } from "./dap-design-system.js"
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 DapDSAvatarType = HtmlType & Partial<Omit<DDS.DapDSAvatar, 'children' | 'style'>> & { "ondds-load"?: (e: DdsLoadEvent) => void, "ondds-error"?: (e: DdsErrorEvent) => void }
export type DapDSAccordionGroupType = HtmlType & Partial<Omit<DDS.DapDSAccordionGroup, '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 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 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 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 }
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 }
export type DapDSCommandGroupType = HtmlType & Partial<Omit<DDS.DapDSCommandGroup, 'children' | 'style'>>
export type DapDSCommandItemType = HtmlType & Partial<Omit<DDS.DapDSCommandItem, 'children' | 'style'>> & { "ondds-command-item-click"?: (e: DdsCommandItemClickEvent) => void }
export type DapDSCommandType = HtmlType & Partial<Omit<DDS.DapDSCommand, 'children' | 'style'>> & { "ondds-change"?: (e: DdsChangeEvent) => void, "ondds-opened"?: (e: DdsOpenedEvent) => void, "ondds-closed"?: (e: DdsClosedEvent) => void, "ondds-close"?: (e: DdsCloseEvent) => void }
export type DapDSContentSwitcherItemType = HtmlType & Partial<Omit<DDS.DapDSContentSwitcherItem, 'children' | 'style'>>
export type DapDSContentSwitcherType = HtmlType & Partial<Omit<DDS.DapDSContentSwitcher, 'children' | 'style'>> & { "ondds-change"?: (e: DdsChangeEvent) => void }
export type DapDSCopyBoxInputType = HtmlType & Partial<Omit<DDS.DapDSCopyBoxInput, 'children' | 'style'>> & { "ondds-copy"?: (e: DdsCopyEvent) => 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-not-allowed"?: (e: DdsNotAllowedEvent) => void }
export type DapDSDAPBadgeType = HtmlType & Partial<Omit<DDS.DapDSDAPBadge, 'children' | 'style'>>
export type DapDSDataTableType<T> = HtmlType & Partial<Omit<DDS.DapDSDataTable<T>, 'children' | 'style'>> & { "ondds-sorting-change"?: (e: DdsSortingChangeEvent) => void, "ondds-selection-change"?: (e: DdsSelectionChangeEvent) => void, "ondds-pagination-change"?: (e: DdsPaginationChangeEvent) => void, "ondds-row-click"?: (e: DdsRowClickEvent) => void }
export type DapDSDatePickerType = HtmlType & Partial<Omit<DDS.DapDSDatePicker, 'children' | 'style'>> & { "ondds-change"?: (e: DdsChangeEvent) => void, "ondds-input"?: (e: DdsInputEvent) => void, "ondds-valid-date"?: (e: DdsValidDateEvent) => void, "ondds-invalid-date"?: (e: DdsInvalidDateEvent) => void, "ondds-clear"?: (e: DdsClearEvent) => void, "ondds-focus"?: (e: DdsFocusEvent) => void, "ondds-blur"?: (e: DdsBlurEvent) => void }
export type DapDSDividerType = HtmlType & Partial<Omit<DDS.DapDSDivider, 'children' | 'style'>>
export type DapDSFeedbackType = HtmlType & Partial<Omit<DDS.DapDSFeedback, 'children' | 'style'>>
export type DapDSFileInputListItemType = HtmlType & Partial<Omit<DDS.DapDSFileInputListItem, 'children' | 'style'>> & { "ondds-file-remove"?: (e: DdsFileRemoveEvent) => void, "ondds-file-click"?: (e: DdsFileClickEvent) => void }
export type DapDSFileInputListType = HtmlType & Partial<Omit<DDS.DapDSFileInputList, 'children' | 'style'>> & { "ondds-file-click"?: (e: DdsFileClickEvent) => void }
export type DapDSFileInputType = HtmlType & Partial<Omit<DDS.DapDSFileInput, 'children' | 'style'>> & { "ondds-upload-start"?: (e: DdsUploadStartEvent) => void, "ondds-upload-progress"?: (e: DdsUploadProgressEvent) => void, "ondds-upload-complete"?: (e: DdsUploadCompleteEvent) => void, "ondds-upload-error"?: (e: DdsUploadErrorEvent) => void, "ondds-all-uploads-complete"?: (e: DdsAllUploadsCompleteEvent) => void, "ondds-file-removed"?: (e: DdsFileRemovedEvent) => void, "ondds-file-delete-error"?: (e: DdsFileDeleteErrorEvent) => void, "ondds-file-change"?: (e: DdsFileChangeEvent) => void, "ondds-files-accepted"?: (e: DdsFilesAcceptedEvent) => void }
export type DapDSIconType = HtmlType & Partial<Omit<DDS.DapDSIcon, 'children' | 'style'>>
export type DapDSIconButtonType = HtmlType & Partial<Omit<DDS.DapDSIconButton, 'children' | 'style'>>
export type DapDSImageZoomType = HtmlType & Partial<Omit<DDS.DapDSImageZoom, 'children' | 'style'>> & { "ondds-zoom"?: (e: DdsZoomEvent) => void, "ondds-unzoom"?: (e: DdsUnzoomEvent) => void }
export type DapDSInputType = HtmlType & Partial<Omit<DDS.DapDSInput, 'children' | 'style'>> & { "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 }
export type DapDSLabelType = HtmlType & Partial<Omit<DDS.DapDSLabel, 'children' | 'style'>>
export type DapDSLinkType = HtmlType & Partial<Omit<DDS.DapDSLink, 'children' | 'style'>> & { "ondds-click"?: (e: DdsClickEvent) => void }
export type DapDSListItemType = HtmlType & Partial<Omit<DDS.DapDSListItem, 'children' | 'style'>>
export type DapDSModalType = HtmlType & Partial<Omit<DDS.DapDSModal, '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, "ondds-ok"?: (e: DdsOkEvent) => void, "ondds-cancel"?: (e: DdsCancelEvent) => void }
export type DapDSNavigationMenuItemType = HtmlType & Partial<Omit<DDS.DapDSNavigationMenuItem, 'children' | 'style'>> & { "ondds-navigation-item-click"?: (e: DdsNavigationItemClickEvent) => void, "ondds-navigation-dropdown-open"?: (e: DdsNavigationDropdownOpenEvent) => void }
export type DapDSNavigationMenuType = HtmlType & Partial<Omit<DDS.DapDSNavigationMenu, 'children' | 'style'>> & { "ondds-navigation-item-click"?: (e: DdsNavigationItemClickEvent) => void }
export type DapDSNotificationBadgeType = HtmlType & Partial<Omit<DDS.DapDSNotificationBadge, 'children' | 'style'>>
export type DapDSNumberInputType = HtmlType & Partial<Omit<DDS.DapDSNumberInput, 'children' | 'style'>> & { "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 }
export type DapDSOfficialWebsiteBannerType = HtmlType & Partial<Omit<DDS.DapDSOfficialWebsiteBanner, 'children' | 'style'>> & { "ondds-opened"?: (e: DdsOpenedEvent) => void, "ondds-closed"?: (e: DdsClosedEvent) => void }
export type DapDSOptionGroupType = HtmlType & Partial<Omit<DDS.DapDSOptionGroup, 'children' | 'style'>>
export type DapDSOptionItemType = HtmlType & Partial<Omit<DDS.DapDSOptionItem, 'children' | 'style'>>
export type DapDSOptionListType = HtmlType & Partial<Omit<DDS.DapDSOptionList, 'children' | 'style'>> & { "ondds-cancel"?: (e: DdsCancelEvent) => void, "ondds-option-change"?: (e: DdsOptionChangeEvent) => void, "ondds-keydown"?: (e: DdsKeydownEvent) => void, "ondds-list-changed"?: (e: DdsListChangedEvent) => void }
export type DapDSOverlayType = HtmlType & Partial<Omit<DDS.DapDSOverlay, 'children' | 'style'>> & { "ondds-before-open"?: (e: DdsBeforeOpenEvent) => void, "ondds-opened"?: (e: DdsOpenedEvent) => void, "ondds-before-close"?: (e: DdsBeforeCloseEvent) => void, "ondds-closed"?: (e: DdsClosedEvent) => void }
export type DapDSPagerType = HtmlType & Partial<Omit<DDS.DapDSPager, 'children' | 'style'>> & { "ondds-pagination-change"?: (e: DdsPaginationChangeEvent) => void }
export type DapDSPasswordInputType = HtmlType & Partial<Omit<DDS.DapDSPasswordInput, 'children' | 'style'>> & { "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 }
export type DapDSPopupType = HtmlType & Partial<Omit<DDS.DapDSPopup, 'children' | 'style'>> & { "ondds-opened"?: (e: DdsOpenedEvent) => void, "ondds-closed"?: (e: DdsClosedEvent) => void, "ondds-close"?: (e: DdsCloseEvent) => void }
export type DapDSProgressType = HtmlType & Partial<Omit<DDS.DapDSProgress, 'children' | 'style'>>
export type DapDSRadioButtonType = HtmlType & Partial<Omit<DDS.DapDSRadioButton, 'children' | 'style'>> & { "ondds-change"?: (e: DdsChangeEvent) => void, "ondds-blur"?: (e: DdsBlurEvent) => void, "ondds-focus"?: (e: DdsFocusEvent) => void, "ondds-input"?: (e: DdsInputEvent) => void }
export type DapDSRatingType = HtmlType & Partial<Omit<DDS.DapDSRating, 'children' | 'style'>> & { "ondds-change"?: (e: DdsChangeEvent) => void }
export type DapDSScrollAreaType = HtmlType & Partial<Omit<DDS.DapDSScrollArea, 'children' | 'style'>>
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 }
export type DapDSSnackbarType = HtmlType & Partial<Omit<DDS.DapDSSnackbar, 'children' | 'style'>>
export type DapDSSpinnerType = HtmlType & Partial<Omit<DDS.DapDSSpinner, 'children' | 'style'>>
export type DapDSStackType = HtmlType & Partial<Omit<DDS.DapDSStack, 'children' | 'style'>>
export type DapDSSwitchType = HtmlType & Partial<Omit<DDS.DapDSSwitch, 'children' | 'style'>> & { "ondds-change"?: (e: DdsChangeEvent) => void, "ondds-blur"?: (e: DdsBlurEvent) => void, "ondds-focus"?: (e: DdsFocusEvent) => void, "ondds-input"?: (e: DdsInputEvent) => void }
export type DapDSTabGroupType = HtmlType & Partial<Omit<DDS.DapDSTabGroup, 'children' | 'style'>> & { "ondds-tab-select"?: (e: DdsTabSelectEvent) => void }
export type DapDSTabType = HtmlType & Partial<Omit<DDS.DapDSTab, 'children' | 'style'>>
export type DapDSTableCellType = HtmlType & Partial<Omit<DDS.DapDSTableCell, 'children' | 'style'>>
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 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'>>
export type DapDSTimeGridType = HtmlType & Partial<Omit<DDS.DapDSTimeGrid, 'children' | 'style'>> & { "ondds-change"?: (e: DdsChangeEvent) => void, "ondds-close"?: (e: DdsCloseEvent) => void }
export type DapDSTimePickerType = HtmlType & Partial<Omit<DDS.DapDSTimePicker, 'children' | 'style'>> & { "ondds-change"?: (e: DdsChangeEvent) => void, "ondds-input"?: (e: DdsInputEvent) => void, "ondds-valid-time"?: (e: DdsValidTimeEvent) => void, "ondds-invalid-time"?: (e: DdsInvalidTimeEvent) => void, "ondds-clear"?: (e: DdsClearEvent) => void, "ondds-focus"?: (e: DdsFocusEvent) => void, "ondds-blur"?: (e: DdsBlurEvent) => void }
export type DapDSTOCType = HtmlType & Partial<Omit<DDS.DapDSTOC, 'children' | 'style'>> & { "ondds-anchor-change"?: (e: DdsAnchorChangeEvent) => void }
export type DapDSToggleButtonType = HtmlType & Partial<Omit<DDS.DapDSToggleButton, 'children' | 'style'>>
export type DapDSTooltipType = HtmlType & Partial<Omit<DDS.DapDSTooltip, 'children' | 'style'>>
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 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 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 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'>>
export type ArrowsArrowUpSLineType = HtmlType & Partial<Omit<DDS.ArrowsArrowUpSLine, 'children' | 'style'>>
export type ArrowsExpandUpDownFillType = HtmlType & Partial<Omit<DDS.ArrowsExpandUpDownFill, '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 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 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'>>
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'>>
export type SystemCheckLineType = HtmlType & Partial<Omit<DDS.SystemCheckLine, 'children' | 'style'>>
export type SystemCheckLine2Type = HtmlType & Partial<Omit<DDS.SystemCheckLine2, 'children' | 'style'>>
export type SystemCheckboxBlankCircleFillType = HtmlType & Partial<Omit<DDS.SystemCheckboxBlankCircleFill, 'children' | 'style'>>
export type SystemCheckboxBlankCircleFillCheckType = HtmlType & Partial<Omit<DDS.SystemCheckboxBlankCircleFillCheck, 'children' | 'style'>>
export type SystemCheckboxBlankCircleLineType = HtmlType & Partial<Omit<DDS.SystemCheckboxBlankCircleLine, 'children' | 'style'>>
export type SystemCheckboxCircleFillType = HtmlType & Partial<Omit<DDS.SystemCheckboxCircleFill, 'children' | 'style'>>
export type SystemCheckboxCircleLineType = HtmlType & Partial<Omit<DDS.SystemCheckboxCircleLine, 'children' | 'style'>>
export type SystemCloseCircleFillType = HtmlType & Partial<Omit<DDS.SystemCloseCircleFill, 'children' | 'style'>>
export type SystemCloseCircleLineType = HtmlType & Partial<Omit<DDS.SystemCloseCircleLine, 'children' | 'style'>>
export type SystemCloseFillType = HtmlType & Partial<Omit<DDS.SystemCloseFill, 'children' | 'style'>>
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 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'>>
export type SystemInformation2FillType = HtmlType & Partial<Omit<DDS.SystemInformation2Fill, 'children' | 'style'>>
export type SystemInformationFillType = HtmlType & Partial<Omit<DDS.SystemInformationFill, 'children' | 'style'>>
export type SystemInformationLineType = HtmlType & Partial<Omit<DDS.SystemInformationLine, 'children' | 'style'>>
export type SystemLightbulbFillType = HtmlType & Partial<Omit<DDS.SystemLightbulbFill, 'children' | 'style'>>
export type SystemLoadingSpinnerType = HtmlType & Partial<Omit<DDS.SystemLoadingSpinner, 'children' | 'style'>>
export type SystemLockFillType = HtmlType & Partial<Omit<DDS.SystemLockFill, 'children' | 'style'>>
export type SystemLockLineType = HtmlType & Partial<Omit<DDS.SystemLockLine, 'children' | 'style'>>
export type SystemMenuLineType = HtmlType & Partial<Omit<DDS.SystemMenuLine, 'children' | 'style'>>
export type SystemMenuLineSType = HtmlType & Partial<Omit<DDS.SystemMenuLineS, 'children' | 'style'>>
export type SystemMore2LineType = HtmlType & Partial<Omit<DDS.SystemMore2Line, 'children' | 'style'>>
export type SystemMoreLineType = HtmlType & Partial<Omit<DDS.SystemMoreLine, 'children' | 'style'>>
export type SystemSearchLineType = HtmlType & Partial<Omit<DDS.SystemSearchLine, 'children' | 'style'>>
export type SystemShareLineType = HtmlType & Partial<Omit<DDS.SystemShareLine, 'children' | 'style'>>
export type SystemShieldCheckFillType = HtmlType & Partial<Omit<DDS.SystemShieldCheckFill, 'children' | 'style'>>
export type SystemShieldCheckLineType = HtmlType & Partial<Omit<DDS.SystemShieldCheckLine, 'children' | 'style'>>
export type SystemStarFillType = HtmlType & Partial<Omit<DDS.SystemStarFill, 'children' | 'style'>>
export type SystemSubtractLineType = HtmlType & Partial<Omit<DDS.SystemSubtractLine, 'children' | 'style'>>
export type SystemSubtractLine2Type = HtmlType & Partial<Omit<DDS.SystemSubtractLine2, 'children' | 'style'>>
export type SystemTimeFillType = HtmlType & Partial<Omit<DDS.SystemTimeFill, 'children' | 'style'>>
export type SystemTimeLineType = HtmlType & Partial<Omit<DDS.SystemTimeLine, 'children' | 'style'>>
export type SystemUpload2FillType = HtmlType & Partial<Omit<DDS.SystemUpload2Fill, 'children' | 'style'>>
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 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'>>