dap-design-system 0.60.0 → 0.60.2

package/dist/react/dap-ds-icon-button/index.d.ts

@@ -48,6 +48,7 @@ import { default as Component } from '../../components/icon-button/icon-button.c
  * @cssproperty --dds-icon-button-inverted-brand-hover-bg - Hover background color for inverted brand variant (default: var(--dds-button-primary-background-enabled))
  * @cssproperty --dds-icon-button-inverted-brand-active-bg - Active background color for inverted brand variant (default: var(--dds-button-primary-background-enabled))
  * @cssproperty --dds-icon-button-disabled-color - Color for disabled state (default: var(--dds-icon-neutral-disabled))
+ * @cssproperty --dds-icon-button-disabled-bg - Background color for disabled state (default: transparent)
  */
 declare const reactWrapper: import('@lit/react').ReactWebComponent<Component, {}>;
 export default reactWrapper;

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

@@ -41,6 +41,7 @@ export type { DdsInputEvent } from '../../events/events';
 * @property {boolean} searchForText - Whether the search should search for the selected item text.
 * @property {boolean} textComplete - Whether the search should not complete the text.
 * @property {string} searchButtonAriaLabel - The aria label of the search button.
+* @property {boolean} disableSearchWhenEmpty - When true, the search button is automatically disabled while the input is empty and re-enabled once the user types. Default is false.
 * @property {boolean} openOnEmpty - Whether the search should open on empty results.
 * @property {string} selectable - Show the selected item check mark in the dropdown. Default is 'false'.
 * @property {boolean} noAnimation - Whether the search open indicator should be animated. Default is true.
@@ -80,6 +81,7 @@ export type { DdsInputEvent } from '../../events/events';
 *
 * @csspart base - The main search container.
 * @csspart trigger - The trigger button of the search.
+* @csspart search-button - The trailing search icon button.
 * @csspart label - The label of the search.
 * @csspart description - The description of the search.
 * @csspart feedback - The feedback of the search.

package/dist/react/index.d.ts

@@ -1,15 +1,13 @@
 export { default as DapDSAccordionReact } from './dap-ds-accordion/index.js';
 export { default as DapDSAvatarReact } from './dap-ds-avatar/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 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 DapDSAccordionGroupReact } from './dap-ds-accordion-group/index.js';
-export { default as DapDSAnchorHeadingReact } from './dap-ds-anchor-heading/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 DapDSCardActionsReact } from './dap-ds-card-actions/index.js';
 export { default as DapDSCardContentReact } from './dap-ds-card-content/index.js';
@@ -17,6 +15,8 @@ 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 DapDSCalendarCellReact } from './dap-ds-calendar-cell/index.js';
+export { default as DapDSCalendarReact } from './dap-ds-calendar/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';
@@ -46,10 +46,10 @@ export { default as DapDSListItemReact } from './dap-ds-list-item/index.js';
 export { default as DapDSModalReact } from './dap-ds-modal/index.js';
 export { default as DapDSNavigationMenuItemReact } from './dap-ds-navigation-menu-item/index.js';
 export { default as DapDSNavigationMenuReact } from './dap-ds-navigation-menu/index.js';
-export { default as DapDSNotificationBadgeReact } from './dap-ds-notification-badge/index.js';
 export { default as DapDSNumberInputReact } from './dap-ds-number-input/index.js';
 export { default as DapDSOfficialWebsiteBannerReact } from './dap-ds-official-website-banner/index.js';
 export { default as DapDSOptionGroupReact } from './dap-ds-option-group/index.js';
+export { default as DapDSNotificationBadgeReact } from './dap-ds-notification-badge/index.js';
 export { default as DapDSOptionItemReact } from './dap-ds-option-item/index.js';
 export { default as DapDSOptionListReact } from './dap-ds-option-list/index.js';
 export { default as DapDSOverlayReact } from './dap-ds-overlay/index.js';
@@ -82,9 +82,9 @@ export { default as DapDSTableReact } from './dap-ds-table/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';
+export { default as DapDSTOCReact } from './dap-ds-toc/index.js';
 export { default as DapDSTimeGridReact } from './dap-ds-time-grid/index.js';
 export { default as DapDSTimePickerReact } from './dap-ds-timepicker/index.js';
-export { default as DapDSTOCReact } from './dap-ds-toc/index.js';
 export { default as DapDSToggleButtonReact } from './dap-ds-toggle-button/index.js';
 export { default as DapDSTooltipReact } from './dap-ds-tooltip/index.js';
 export { default as DapDSTrayReact } from './dap-ds-tray/index.js';
@@ -128,6 +128,10 @@ export { default as EditorSeparatorReact } from './dap-ds-icon-separator/index.j
 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';
@@ -176,7 +180,3 @@ 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

@@ -5,16 +5,14 @@ type HtmlType = { children?: React.ReactNode | Element, class?: string, ref?: Re
   
 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 DapDSAccordionGroupType = HtmlType & Partial<Omit<DDS.DapDSAccordionGroup, 'children' | 'style'>>
-export type DapDSAnchorHeadingType = HtmlType & Partial<Omit<DDS.DapDSAnchorHeading, 'children' | 'style'>>
 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'>>
@@ -22,6 +20,8 @@ export type DapDSCardImageType = HtmlType & Partial<Omit<DDS.DapDSCardImage, 'ch
 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 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 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'>>
@@ -51,10 +51,10 @@ export type DapDSListItemType = HtmlType & Partial<Omit<DDS.DapDSListItem, 'chil
 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 DapDSNotificationBadgeType = HtmlType & Partial<Omit<DDS.DapDSNotificationBadge, '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 }
@@ -87,9 +87,9 @@ export type DapDSTableType = HtmlType & Partial<Omit<DDS.DapDSTable, 'children'
 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 DapDSTOCType = HtmlType & Partial<Omit<DDS.DapDSTOC, 'children' | 'style'>> & { "ondds-anchor-change"?: (e: DdsAnchorChangeEvent) => void }
 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 }
@@ -133,6 +133,10 @@ export type EditorSeparatorType = HtmlType & Partial<Omit<DDS.EditorSeparator, '
 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'>>
@@ -180,8 +184,4 @@ 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 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 SystemZoomOutLineType = HtmlType & Partial<Omit<DDS.SystemZoomOutLine, 'children' | 'style'>>