dap-design-system 0.58.3 → 0.59.1

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 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 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 DapDSBreadcrumbReact } from './dap-ds-breadcrumb/index.js';
+export { default as DapDSAnchorHeadingReact } from './dap-ds-anchor-heading/index.js';
+export { default as DapDSAccordionGroupReact } from './dap-ds-accordion-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 DapDSCodePuncherSlotReact } from './dap-ds-code-puncher-slot/index.js';
 export { default as DapDSCodePuncherReact } from './dap-ds-code-puncher/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 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 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 DapDSBreadcrumbType = HtmlType & Partial<Omit<DDS.DapDSBreadcrumb, 'children' | 'style'>>
+export type DapDSAnchorHeadingType = HtmlType & Partial<Omit<DDS.DapDSAnchorHeading, 'children' | 'style'>>
+export type DapDSAccordionGroupType = HtmlType & Partial<Omit<DDS.DapDSAccordionGroup, '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 }

package/dist/react.js

@@ -1,66 +1,66 @@
 import { createComponent as e } from "@lit/react";
 import * as a from "react";
-import { D as t, a as s, b as n, c as r, d as c, e as o, f as d, g as l, h as p, i, j as m, k as D, l as N, m as g, n as S, o as C, p as y, q as $, r as u, s as L, t as v, u as R, v as h, w, x as W, y as b, z as A, A as k, B as f, C as F, E as I, F as B, G as T, H as x, I as U, J as O, K as P, L as E, M as G, N as M, O as H, P as Z, Q as z, R as K, S as V, T as j, U as q, V as J, W as Q, X, Y, Z as _, _ as ee, $ as ae, a0 as te, a1 as se, a2 as ne, a3 as re, a4 as ce, a5 as oe, a6 as de, a7 as le, a8 as pe, a9 as ie, aa as me, ab as De, ac as Ne, ad as ge, ae as Se, af as Ce, ag as ye, ah as $e, ai as ue, aj as Le, ak as ve, al as Re, am as he, an as we, ao as We, ap as be, aq as Ae, ar as ke, as as fe, at as Fe, au as Ie, av as Be, aw as Te, ax as xe, ay as Ue, az as Oe, aA as Pe, aB as Ee, aC as Ge, aD as Me } from "./components-C1PeiTAk.js";
+import { D as t, a as s, b as n, c as r, d as c, e as o, f as d, g as l, h as p, i, j as m, k as D, l as N, m as g, n as S, o as C, p as y, q as $, r as u, s as L, t as v, u as R, v as h, w, x as W, y as b, z as A, A as k, B as f, C as F, E as I, F as B, G as T, H as x, I as U, J as O, K as P, L as E, M as G, N as M, O as H, P as Z, Q as z, R as K, S as V, T as j, U as q, V as J, W as Q, X, Y, Z as _, _ as ee, $ as ae, a0 as te, a1 as se, a2 as ne, a3 as re, a4 as ce, a5 as oe, a6 as de, a7 as le, a8 as pe, a9 as ie, aa as me, ab as De, ac as Ne, ad as ge, ae as Se, af as Ce, ag as ye, ah as $e, ai as ue, aj as Le, ak as ve, al as Re, am as he, an as we, ao as We, ap as be, aq as Ae, ar as ke, as as fe, at as Fe, au as Ie, av as Be, aw as Te, ax as xe, ay as Ue, az as Oe, aA as Pe, aB as Ee, aC as Ge, aD as Me } from "./components-t--58ON2.js";
 import { ArrowsArrowDownLine as He, ArrowsArrowDownSFill as Ze, ArrowsArrowDownSLine as ze, ArrowsArrowLeftDownLine as Ke, ArrowsArrowLeftLLine as Ve, ArrowsArrowLeftLine as je, ArrowsArrowLeftSFill as qe, ArrowsArrowLeftSLine as Je, ArrowsArrowLeftUpLine as Qe, ArrowsArrowRightDownLine as Xe, ArrowsArrowRightLLine as Ye, ArrowsArrowRightLine as _e, ArrowsArrowRightSFill as ea, ArrowsArrowRightSLine as aa, ArrowsArrowRightUpLine as ta, ArrowsArrowUpLine as sa, ArrowsArrowUpSFill as na, ArrowsArrowUpSLine as ra, ArrowsExpandUpDownFill as ca, BuildingsHome6Line as oa, BusinessCalendarLine as da, DesignEditLine as la, DesignToolsLine as pa, DeviceComputerLine as ia, DocumentClipboardLine as ma, DocumentFileCopyLine as Da, DocumentFileImageLine as Na, DocumentFileMusicLine as ga, DocumentFileTextLine as Sa, DocumentFileVideoLine as Ca, DocumentFolderLine as ya, DocumentFolderOpenLine as $a, HealthHeartFill as ua, HealthHeartLine as La, OthersCookieLine as va, UserAccountCircleFill as Ra, UserAccountCircleLine as ha, UserUserFill as wa, UserUserLine as Wa, SystemAddLine as ba, SystemAlertFill as Aa, SystemAlertLine as ka, SystemCheckLine as fa, SystemCheckLine2 as Fa, SystemCheckboxBlankCircleFill as Ia, SystemCheckboxBlankCircleFillCheck as Ba, SystemCheckboxBlankCircleLine as Ta, SystemCheckboxCircleFill as xa, SystemCheckboxCircleLine as Ua, SystemCloseCircleFill as Oa, SystemCloseCircleLine as Pa, SystemCloseFill as Ea, SystemCloseLine as Ga, SystemDeleteBinFill as Ma, SystemDeleteBinLine as Ha, SystemDownloadLine as Za, SystemErrorWarningFill as za, SystemErrorWarningLine as Ka, SystemExternalLinkLine as Va, SystemEyeLine as ja, SystemEyeOffLine as qa, SystemForbidFill as Ja, SystemInformation2Fill as Qa, SystemInformationFill as Xa, SystemInformationLine as Ya, SystemLightbulbFill as _a, SystemLoadingSpinner as et, SystemLockFill as at, SystemLockLine as tt, SystemMenuLine as st, SystemMenuLineS as nt, SystemMore2Line as rt, SystemMoreLine as ct, SystemSearchLine as ot, SystemShareLine as dt, SystemShieldCheckFill as lt, SystemShieldCheckLine as pt, SystemStarFill as it, SystemSubtractLine as mt, SystemSubtractLine2 as Dt, SystemTimeFill as Nt, SystemTimeLine as gt, SystemUpload2Fill as St, SystemUpload2Line as Ct, SystemUploadLine as yt } from "./icons.js";
 import { EditorSeparator as $t, SystemZoomInLine as ut, SystemZoomOutLine as Lt } from "./dds.js";
-const vt = "dap-ds-accordion-group", jr = e({
+const vt = "dap-ds-avatar", jr = e({
   tagName: vt,
   elementClass: t,
   react: a,
-  events: {},
-  displayName: "DapDSAccordionGroup"
-}), Rt = "dap-ds-avatar", qr = e({
-  tagName: Rt,
-  elementClass: s,
-  react: a,
   events: {
     onDdsLoad: "dds-load",
     onDdsError: "dds-error"
   },
   displayName: "DapDSAvatar"
-}), ht = "dap-ds-accordion", Jr = e({
-  tagName: ht,
-  elementClass: n,
+}), Rt = "dap-ds-accordion", qr = e({
+  tagName: Rt,
+  elementClass: s,
   react: a,
   events: {
     onDdsOpened: "dds-opened",
     onDdsClosed: "dds-closed"
   },
   displayName: "DapDSAccordion"
-}), wt = "dap-ds-avatar-group", Qr = e({
-  tagName: wt,
-  elementClass: r,
+}), ht = "dap-ds-avatar-group", Jr = e({
+  tagName: ht,
+  elementClass: n,
   react: a,
   events: {
     onDdsOverflowClick: "dds-overflow-click"
   },
   displayName: "DapDSAvatarGroup"
-}), Wt = "dap-ds-breadcrumb", Xr = e({
+}), wt = "dap-ds-banner", Qr = e({
+  tagName: wt,
+  elementClass: r,
+  react: a,
+  events: {
+    onDdsClose: "dds-close"
+  },
+  displayName: "DapDSBanner"
+}), Wt = "dap-ds-badge", Xr = e({
   tagName: Wt,
   elementClass: c,
   react: a,
   events: {},
-  displayName: "DapDSBreadcrumb"
-}), bt = "dap-ds-banner", Yr = e({
+  displayName: "DapDSBadge"
+}), bt = "dap-ds-breadcrumb", Yr = e({
   tagName: bt,
   elementClass: o,
   react: a,
-  events: {
-    onDdsClose: "dds-close"
-  },
-  displayName: "DapDSBanner"
+  events: {},
+  displayName: "DapDSBreadcrumb"
 }), At = "dap-ds-anchor-heading", _r = e({
   tagName: At,
   elementClass: d,
   react: a,
   events: {},
   displayName: "DapDSAnchorHeading"
-}), kt = "dap-ds-badge", ec = e({
+}), kt = "dap-ds-accordion-group", ec = e({
   tagName: kt,
   elementClass: l,
   react: a,
   events: {},
-  displayName: "DapDSBadge"
+  displayName: "DapDSAccordionGroup"
 }), ft = "dap-ds-breadcrumb-item", ac = e({
   tagName: ft,
   elementClass: p,
@@ -97,53 +97,53 @@ const vt = "dap-ds-accordion-group", jr = e({
     onDdsClose: "dds-close"
   },
   displayName: "DapDSCallout"
-}), xt = "dap-ds-checkbox", cc = e({
+}), xt = "dap-ds-card-actions", cc = e({
   tagName: xt,
   elementClass: g,
   react: a,
-  events: {
-    onDdsChange: "dds-change",
-    onDdsBlur: "dds-blur",
-    onDdsFocus: "dds-focus",
-    onDdsInput: "dds-input"
-  },
-  displayName: "DapDSCheckbox"
-}), Ut = "dap-ds-card-actions", oc = e({
+  events: {},
+  displayName: "DapDSCardActions"
+}), Ut = "dap-ds-card-content", oc = e({
   tagName: Ut,
   elementClass: S,
   react: a,
   events: {},
-  displayName: "DapDSCardActions"
-}), Ot = "dap-ds-card-content", dc = e({
+  displayName: "DapDSCardContent"
+}), Ot = "dap-ds-card-image", dc = e({
   tagName: Ot,
   elementClass: C,
   react: a,
   events: {},
-  displayName: "DapDSCardContent"
-}), Pt = "dap-ds-card-image", lc = e({
+  displayName: "DapDSCardImage"
+}), Pt = "dap-ds-card-subtitle", lc = e({
   tagName: Pt,
   elementClass: y,
   react: a,
   events: {},
-  displayName: "DapDSCardImage"
-}), Et = "dap-ds-card-subtitle", pc = e({
+  displayName: "DapDSCardSubtitle"
+}), Et = "dap-ds-card-title", pc = e({
   tagName: Et,
   elementClass: $,
   react: a,
   events: {},
-  displayName: "DapDSCardSubtitle"
-}), Gt = "dap-ds-card-title", ic = e({
+  displayName: "DapDSCardTitle"
+}), Gt = "dap-ds-card", ic = e({
   tagName: Gt,
   elementClass: u,
   react: a,
   events: {},
-  displayName: "DapDSCardTitle"
-}), Mt = "dap-ds-card", mc = e({
+  displayName: "DapDSCard"
+}), Mt = "dap-ds-checkbox", mc = e({
   tagName: Mt,
   elementClass: L,
   react: a,
-  events: {},
-  displayName: "DapDSCard"
+  events: {
+    onDdsChange: "dds-change",
+    onDdsBlur: "dds-blur",
+    onDdsFocus: "dds-focus",
+    onDdsInput: "dds-input"
+  },
+  displayName: "DapDSCheckbox"
 }), Ht = "dap-ds-chip", Dc = e({
   tagName: Ht,
   elementClass: v,
@@ -1317,26 +1317,26 @@ export {
   Yo as ArrowsExpandUpDownFillReact,
   _o as BuildingsHome6LineReact,
   ed as BusinessCalendarLineReact,
-  jr as DapDSAccordionGroupReact,
-  Jr as DapDSAccordionReact,
+  ec as DapDSAccordionGroupReact,
+  qr as DapDSAccordionReact,
   _r as DapDSAnchorHeadingReact,
-  Qr as DapDSAvatarGroupReact,
-  qr as DapDSAvatarReact,
-  ec as DapDSBadgeReact,
-  Yr as DapDSBannerReact,
+  Jr as DapDSAvatarGroupReact,
+  jr as DapDSAvatarReact,
+  Xr as DapDSBadgeReact,
+  Qr as DapDSBannerReact,
   ac as DapDSBreadcrumbItemReact,
-  Xr as DapDSBreadcrumbReact,
+  Yr as DapDSBreadcrumbReact,
   tc as DapDSButtonReact,
   sc as DapDSCalendarCellReact,
   nc as DapDSCalendarReact,
   rc as DapDSCalloutReact,
-  oc as DapDSCardActionsReact,
-  dc as DapDSCardContentReact,
-  lc as DapDSCardImageReact,
-  mc as DapDSCardReact,
-  pc as DapDSCardSubtitleReact,
-  ic as DapDSCardTitleReact,
-  cc as DapDSCheckboxReact,
+  cc as DapDSCardActionsReact,
+  oc as DapDSCardContentReact,
+  dc as DapDSCardImageReact,
+  ic as DapDSCardReact,
+  lc as DapDSCardSubtitleReact,
+  pc as DapDSCardTitleReact,
+  mc as DapDSCheckboxReact,
   Dc as DapDSChipReact,
   gc as DapDSCodePuncherReact,
   Nc as DapDSCodePuncherSlotReact,