dap-design-system 0.57.2 → 0.57.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/number-input/number-input.component.d.ts +1 -0
- package/dist/{components-Cozi3ruX.js → components-I_1pevVu.js} +671 -665
- package/dist/{components-Cozi3ruX.js.map → components-I_1pevVu.js.map} +1 -1
- package/dist/components.js +1 -1
- package/dist/dds.js +1 -1
- package/dist/manifest/types/vue/index.d.ts +139 -139
- package/dist/manifest/vscode.html-custom-data.json +117 -117
- package/dist/manifest/web-types.json +195 -195
- package/dist/react/index.d.ts +5 -5
- package/dist/react-types.ts +5 -5
- package/dist/react.js +55 -55
- package/dist/react.js.map +1 -1
- package/package.json +1 -1
package/dist/components.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { D as p,
|
|
1
|
+
import { D as p, e as s, g as S, b as e, a as o, c as t, d as r, f as n, h as i, i as l, k as d, j as u, l as c, r as m, m as C, n as I, o as b, p as T, q as g, s as B, t as h, v as k, u as v, w as G, z as P, x as A, y as L, B as x, A as N, C as w, E as y, F, G as O, H as f, I as H, L as M, K as R, J as E, aB as j, M as q, N as z, O as W, P as Z, aC as J, Q as K, R as Q, S as U, T as V, V as X, U as Y, W as _, X as $, Y as aa, Z as Da, _ as pa, $ as sa, a0 as Sa, a1 as ea, a2 as oa, a3 as ta, a4 as ra, a5 as na, aD as ia, a6 as la, a7 as da, a8 as ua, a9 as ca, aa as ma, ad as Ca, ab as Ia, ac as ba, ae as Ta, af as ga, ah as Ba, ag as ha, ai as ka, aj as va, ak as Ga, aw as Pa, am as Aa, al as La, aq as xa, an as Na, ao as wa, ap as ya, ar as Fa, au as Oa, av as fa, at as Ha, as as Ma, ax as Ra, ay as Ea, az as ja, aA as qa, aI as za, aH as Wa, aG as Za, aE as Ja } from "./components-I_1pevVu.js";
|
|
2
2
|
export {
|
|
3
3
|
p as DapDSAccordion,
|
|
4
4
|
s as DapDSAccordionGroup,
|
package/dist/dds.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { D as T,
|
|
1
|
+
import { D as T, e as I, g as $, b as z, a as O, c as P, d as U, f as k, h as _, i as H, k as E, j as M, l as G, r as N, m as R, n as j, o as W, p as Z, q as V, s as q, t as J, v as K, u as Q, w as X, z as Y, x as ee, y as ae, B as se, A as te, C as ie, E as re, F as oe, G as ne, H as le, I as pe, L as De, K as Se, J as ce, aB as me, M as de, N as he, O as ue, P as ye, aC as Le, Q as we, R as be, S as Ce, T as ge, V as fe, U as Ae, W as ve, X as Fe, Y as xe, Z as Be, _ as Te, $ as Ie, a0 as $e, a1 as ze, a2 as Oe, a3 as Pe, a4 as Ue, a5 as ke, aD as _e, a6 as He, a7 as Ee, a8 as Me, a9 as Ge, aa as Ne, ad as Re, ab as je, ac as We, ae as Ze, af as Ve, ah as qe, ag as Je, ai as Ke, aj as Qe, ak as Xe, aw as Ye, am as ea, al as aa, aq as sa, an as ta, ao as ia, ap as ra, ar as oa, au as na, av as la, at as pa, as as Da, ax as Sa, ay as ca, az as ma, aA as da, aI as ha, aH as ua, aG as ya, aE as La, aF as wa } from "./components-I_1pevVu.js";
|
|
2
2
|
import { ArrowsArrowDownLine as Ca, ArrowsArrowDownSFill as ga, ArrowsArrowDownSLine as fa, ArrowsArrowLeftDownLine as Aa, ArrowsArrowLeftLLine as va, ArrowsArrowLeftLine as Fa, ArrowsArrowLeftSFill as xa, ArrowsArrowLeftSLine as Ba, ArrowsArrowLeftUpLine as Ta, ArrowsArrowRightDownLine as Ia, ArrowsArrowRightLLine as $a, ArrowsArrowRightLine as za, ArrowsArrowRightSFill as Oa, ArrowsArrowRightSLine as Pa, ArrowsArrowRightUpLine as Ua, ArrowsArrowUpLine as ka, ArrowsArrowUpSFill as _a, ArrowsArrowUpSLine as Ha, ArrowsExpandUpDownFill as Ea, BuildingsHome6Line as Ma, BusinessCalendarLine as Ga, SystemCheckboxBlankCircleFillCheck as Na, DesignEditLine as Ra, DesignToolsLine as ja, DeviceComputerLine as Wa, DocumentClipboardLine as Za, DocumentFileCopyLine as Va, DocumentFileImageLine as qa, DocumentFileMusicLine as Ja, DocumentFileTextLine as Ka, DocumentFileVideoLine as Qa, DocumentFolderLine as Xa, DocumentFolderOpenLine as Ya, HealthHeartFill as es, HealthHeartLine as as, OthersCookieLine as ss, SystemAddLine as ts, SystemAlertFill as is, SystemAlertLine as rs, SystemCheckLine as os, SystemCheckLine2 as ns, SystemCheckboxBlankCircleFill as ls, SystemCheckboxBlankCircleFillCheck as ps, SystemCheckboxBlankCircleLine as Ds, SystemCheckboxCircleFill as Ss, SystemCheckboxCircleLine as cs, SystemCloseCircleFill as ms, SystemCloseCircleLine as ds, SystemCloseFill as hs, SystemCloseLine as us, SystemDeleteBinFill as ys, SystemDeleteBinLine as Ls, SystemDownloadLine as ws, SystemErrorWarningFill as bs, SystemErrorWarningLine as Cs, SystemExternalLinkLine as gs, SystemEyeLine as fs, SystemEyeOffLine as As, SystemForbidFill as vs, SystemInformation2Fill as Fs, SystemInformationFill as xs, SystemInformationLine as Bs, SystemLightbulbFill as Ts, SystemLoadingSpinner as Is, SystemLockFill as $s, SystemLockLine as zs, SystemMenuLine as Os, SystemMenuLineS as Ps, SystemMore2Line as Us, SystemMoreLine as ks, SystemSearchLine as _s, SystemShareLine as Hs, SystemShieldCheckFill as Es, SystemShieldCheckLine as Ms, SystemStarFill as Gs, SystemSubtractLine as Ns, SystemSubtractLine2 as Rs, SystemTimeFill as js, SystemTimeLine as Ws, SystemUpload2Fill as Zs, SystemUpload2Line as Vs, SystemUploadLine as qs, UserAccountCircleFill as Js, UserAccountCircleLine as Ks, UserUserFill as Qs, UserUserLine as Xs } from "./icons.js";
|
|
3
3
|
import { r as h, s as u, n as i, D as y, c as L, u as S, t as w } from "./icon-DiAH7AY5.js";
|
|
4
4
|
var b = Object.defineProperty, C = Object.getOwnPropertyDescriptor, c = (e, s, r, t) => {
|
|
@@ -217,6 +217,11 @@ export interface DapDSAccordionEvents {
|
|
|
217
217
|
onDdsClosed?: (event: CustomEvent<{ open: boolean, item: AccordionBaseElement }>) => void
|
|
218
218
|
}
|
|
219
219
|
|
|
220
|
+
export interface DapDSAvatarGroupEvents {
|
|
221
|
+
/** Fired when the overflow indicator is clicked. */
|
|
222
|
+
onDdsOverflowClick?: (event: CustomEvent) => void
|
|
223
|
+
}
|
|
224
|
+
|
|
220
225
|
export interface DapDSAvatarEvents {
|
|
221
226
|
/** Fired when the image loads successfully. */
|
|
222
227
|
onDdsLoad?: (event: CustomEvent) => void
|
|
@@ -224,11 +229,6 @@ export interface DapDSAvatarEvents {
|
|
|
224
229
|
onDdsError?: (event: CustomEvent) => void
|
|
225
230
|
}
|
|
226
231
|
|
|
227
|
-
export interface DapDSAvatarGroupEvents {
|
|
228
|
-
/** Fired when the overflow indicator is clicked. */
|
|
229
|
-
onDdsOverflowClick?: (event: CustomEvent) => void
|
|
230
|
-
}
|
|
231
|
-
|
|
232
232
|
export interface DapDSBannerEvents {
|
|
233
233
|
/** Event fired when the banner is closed. */
|
|
234
234
|
onDdsClose?: (event: CustomEvent) => void
|
|
@@ -666,6 +666,11 @@ export interface DapDSAccordionSlots {
|
|
|
666
666
|
'icon-closed'?: () => any
|
|
667
667
|
}
|
|
668
668
|
|
|
669
|
+
export interface DapDSAvatarGroupSlots {
|
|
670
|
+
/** The avatars to display in the group. */
|
|
671
|
+
default?: () => any
|
|
672
|
+
}
|
|
673
|
+
|
|
669
674
|
export interface DapDSAvatarSlots {
|
|
670
675
|
/** The icon to display when variant is 'icon'. */
|
|
671
676
|
'icon'?: () => any
|
|
@@ -673,11 +678,6 @@ export interface DapDSAvatarSlots {
|
|
|
673
678
|
'fallback'?: () => any
|
|
674
679
|
}
|
|
675
680
|
|
|
676
|
-
export interface DapDSAccordionGroupSlots {
|
|
677
|
-
/** The content of the accordion group. */
|
|
678
|
-
default?: () => any
|
|
679
|
-
}
|
|
680
|
-
|
|
681
681
|
export interface DapDSBadgeSlots {
|
|
682
682
|
/** The content of the badge. */
|
|
683
683
|
default?: () => any
|
|
@@ -685,11 +685,6 @@ export interface DapDSBadgeSlots {
|
|
|
685
685
|
'icon'?: () => any
|
|
686
686
|
}
|
|
687
687
|
|
|
688
|
-
export interface DapDSAvatarGroupSlots {
|
|
689
|
-
/** The avatars to display in the group. */
|
|
690
|
-
default?: () => any
|
|
691
|
-
}
|
|
692
|
-
|
|
693
688
|
export interface DapDSBannerSlots {
|
|
694
689
|
/** The content of the banner. */
|
|
695
690
|
default?: () => any
|
|
@@ -699,6 +694,11 @@ export interface DapDSBannerSlots {
|
|
|
699
694
|
'icon'?: () => any
|
|
700
695
|
}
|
|
701
696
|
|
|
697
|
+
export interface DapDSAccordionGroupSlots {
|
|
698
|
+
/** The content of the accordion group. */
|
|
699
|
+
default?: () => any
|
|
700
|
+
}
|
|
701
|
+
|
|
702
702
|
export interface DapDSBreadcrumbSlots {
|
|
703
703
|
/** The content of the breadcrumb. */
|
|
704
704
|
default?: () => any
|
|
@@ -1068,6 +1068,11 @@ export interface DapDSTableSlots {
|
|
|
1068
1068
|
default?: () => any
|
|
1069
1069
|
}
|
|
1070
1070
|
|
|
1071
|
+
export interface DapDSTextareaSlots {
|
|
1072
|
+
/** The custom icon of the feedback. */
|
|
1073
|
+
'feedback-icon'?: () => any
|
|
1074
|
+
}
|
|
1075
|
+
|
|
1071
1076
|
export interface DapDSTimelineItemSlots {
|
|
1072
1077
|
/** The default slot for the item content. */
|
|
1073
1078
|
default?: () => any
|
|
@@ -1078,11 +1083,6 @@ export interface DapDSTimelineSlots {
|
|
|
1078
1083
|
default?: () => any
|
|
1079
1084
|
}
|
|
1080
1085
|
|
|
1081
|
-
export interface DapDSTextareaSlots {
|
|
1082
|
-
/** The custom icon of the feedback. */
|
|
1083
|
-
'feedback-icon'?: () => any
|
|
1084
|
-
}
|
|
1085
|
-
|
|
1086
1086
|
export interface DapDSToggleButtonSlots {
|
|
1087
1087
|
/** The content of the toggle button. */
|
|
1088
1088
|
default?: () => any
|
|
@@ -1148,6 +1148,25 @@ export type DapDSAccordionProps = {
|
|
|
1148
1148
|
loading?: DapDSAccordion["loading"]
|
|
1149
1149
|
}
|
|
1150
1150
|
|
|
1151
|
+
export type DapDSAvatarGroupProps = {
|
|
1152
|
+
/** Layout type for the avatar group */
|
|
1153
|
+
layout?: DapDSAvatarGroup["layout"]
|
|
1154
|
+
/** Maximum number of avatars to show before showing overflow */
|
|
1155
|
+
max?: DapDSAvatarGroup["max"]
|
|
1156
|
+
/** Whether to show the total count in overflow indicator */
|
|
1157
|
+
"show-total"?: DapDSAvatarGroup["showTotal"]
|
|
1158
|
+
/** Interactive overflow indicator */
|
|
1159
|
+
"interactive-overflow"?: DapDSAvatarGroup["interactiveOverflow"]
|
|
1160
|
+
/** Accessible label for the avatar group */
|
|
1161
|
+
label?: DapDSAvatarGroup["label"]
|
|
1162
|
+
/** Accessible label for the overflow indicator */
|
|
1163
|
+
"overflow-label"?: DapDSAvatarGroup["overflowLabel"]
|
|
1164
|
+
/** The size of avatars in the group. Default is `md`. See SizedMixin. */
|
|
1165
|
+
size?: DapDSAvatarGroup["size"]
|
|
1166
|
+
/** Responsive size map (e.g. "md:lg"); see SizedMixin. */
|
|
1167
|
+
sizeMap?: DapDSAvatarGroup["sizeMap"]
|
|
1168
|
+
}
|
|
1169
|
+
|
|
1151
1170
|
export type DapDSAvatarProps = {
|
|
1152
1171
|
/** The shape of the avatar */
|
|
1153
1172
|
shape?: DapDSAvatar["shape"]
|
|
@@ -1175,24 +1194,6 @@ export type DapDSAvatarProps = {
|
|
|
1175
1194
|
sizeMap?: DapDSAvatar["sizeMap"]
|
|
1176
1195
|
}
|
|
1177
1196
|
|
|
1178
|
-
export type DapDSAnchorHeadingProps = {
|
|
1179
|
-
/** The variant of the heading. Default is `h2`. Can be `h1`, `h2`, `h3`, `h4`, `h5`, or `h6`. */
|
|
1180
|
-
variant?: DapDSAnchorHeading["variant"]
|
|
1181
|
-
/** The label of the heading. */
|
|
1182
|
-
label?: DapDSAnchorHeading["label"]
|
|
1183
|
-
/** */
|
|
1184
|
-
elementId?: DapDSAnchorHeading["elementId"]
|
|
1185
|
-
/** */
|
|
1186
|
-
anchorTitle?: DapDSAnchorHeading["anchorTitle"]
|
|
1187
|
-
}
|
|
1188
|
-
|
|
1189
|
-
export type DapDSAccordionGroupProps = {
|
|
1190
|
-
/** Whether to close other accordions when one is opened. */
|
|
1191
|
-
autoClose?: DapDSAccordionGroup["autoClose"]
|
|
1192
|
-
/** The variant of the accordion */
|
|
1193
|
-
variant?: DapDSAccordionGroup["variant"]
|
|
1194
|
-
}
|
|
1195
|
-
|
|
1196
1197
|
export type DapDSBadgeProps = {
|
|
1197
1198
|
/** The type of the badge */
|
|
1198
1199
|
type?: DapDSBadge["type"]
|
|
@@ -1206,25 +1207,6 @@ export type DapDSBadgeProps = {
|
|
|
1206
1207
|
sizeMap?: DapDSBadge["sizeMap"]
|
|
1207
1208
|
}
|
|
1208
1209
|
|
|
1209
|
-
export type DapDSAvatarGroupProps = {
|
|
1210
|
-
/** Layout type for the avatar group */
|
|
1211
|
-
layout?: DapDSAvatarGroup["layout"]
|
|
1212
|
-
/** Maximum number of avatars to show before showing overflow */
|
|
1213
|
-
max?: DapDSAvatarGroup["max"]
|
|
1214
|
-
/** Whether to show the total count in overflow indicator */
|
|
1215
|
-
"show-total"?: DapDSAvatarGroup["showTotal"]
|
|
1216
|
-
/** Interactive overflow indicator */
|
|
1217
|
-
"interactive-overflow"?: DapDSAvatarGroup["interactiveOverflow"]
|
|
1218
|
-
/** Accessible label for the avatar group */
|
|
1219
|
-
label?: DapDSAvatarGroup["label"]
|
|
1220
|
-
/** Accessible label for the overflow indicator */
|
|
1221
|
-
"overflow-label"?: DapDSAvatarGroup["overflowLabel"]
|
|
1222
|
-
/** The size of avatars in the group. Default is `md`. See SizedMixin. */
|
|
1223
|
-
size?: DapDSAvatarGroup["size"]
|
|
1224
|
-
/** Responsive size map (e.g. "md:lg"); see SizedMixin. */
|
|
1225
|
-
sizeMap?: DapDSAvatarGroup["sizeMap"]
|
|
1226
|
-
}
|
|
1227
|
-
|
|
1228
1210
|
export type DapDSBannerProps = {
|
|
1229
1211
|
/** The variant of the banner */
|
|
1230
1212
|
variant?: DapDSBanner["variant"]
|
|
@@ -1238,6 +1220,13 @@ export type DapDSBannerProps = {
|
|
|
1238
1220
|
icon?: DapDSBanner["icon"]
|
|
1239
1221
|
}
|
|
1240
1222
|
|
|
1223
|
+
export type DapDSAccordionGroupProps = {
|
|
1224
|
+
/** Whether to close other accordions when one is opened. */
|
|
1225
|
+
autoClose?: DapDSAccordionGroup["autoClose"]
|
|
1226
|
+
/** The variant of the accordion */
|
|
1227
|
+
variant?: DapDSAccordionGroup["variant"]
|
|
1228
|
+
}
|
|
1229
|
+
|
|
1241
1230
|
export type DapDSBreadcrumbProps = {
|
|
1242
1231
|
/** */
|
|
1243
1232
|
variant?: DapDSBreadcrumb["variant"]
|
|
@@ -1247,6 +1236,17 @@ export type DapDSBreadcrumbProps = {
|
|
|
1247
1236
|
"aria-labelledby"?: DapDSBreadcrumb["ariaLabelledBy"]
|
|
1248
1237
|
}
|
|
1249
1238
|
|
|
1239
|
+
export type DapDSAnchorHeadingProps = {
|
|
1240
|
+
/** The variant of the heading. Default is `h2`. Can be `h1`, `h2`, `h3`, `h4`, `h5`, or `h6`. */
|
|
1241
|
+
variant?: DapDSAnchorHeading["variant"]
|
|
1242
|
+
/** The label of the heading. */
|
|
1243
|
+
label?: DapDSAnchorHeading["label"]
|
|
1244
|
+
/** */
|
|
1245
|
+
elementId?: DapDSAnchorHeading["elementId"]
|
|
1246
|
+
/** */
|
|
1247
|
+
anchorTitle?: DapDSAnchorHeading["anchorTitle"]
|
|
1248
|
+
}
|
|
1249
|
+
|
|
1250
1250
|
export type DapDSBreadcrumbItemProps = {
|
|
1251
1251
|
/** The URL of the breadcrumb item. */
|
|
1252
1252
|
href?: DapDSBreadcrumbItem["href"]
|
|
@@ -3178,14 +3178,6 @@ export type DapDSTableProps = {
|
|
|
3178
3178
|
caption?: DapDSTable["caption"]
|
|
3179
3179
|
}
|
|
3180
3180
|
|
|
3181
|
-
export type DapDSTimelineItemProps = {
|
|
3182
|
-
|
|
3183
|
-
}
|
|
3184
|
-
|
|
3185
|
-
export type DapDSTimelineProps = {
|
|
3186
|
-
|
|
3187
|
-
}
|
|
3188
|
-
|
|
3189
3181
|
export type DapDSTextareaProps = {
|
|
3190
3182
|
/** Hide character counter. */
|
|
3191
3183
|
hideCounter?: DapDSTextarea["hideCounter"]
|
|
@@ -3239,6 +3231,14 @@ export type DapDSTextareaProps = {
|
|
|
3239
3231
|
autofocus?: DapDSTextarea["autofocus"]
|
|
3240
3232
|
}
|
|
3241
3233
|
|
|
3234
|
+
export type DapDSTimelineItemProps = {
|
|
3235
|
+
|
|
3236
|
+
}
|
|
3237
|
+
|
|
3238
|
+
export type DapDSTimelineProps = {
|
|
3239
|
+
|
|
3240
|
+
}
|
|
3241
|
+
|
|
3242
3242
|
export type DapDSTimeGridProps = {
|
|
3243
3243
|
/** The currently selected hour (0-23). */
|
|
3244
3244
|
selectedHour?: DapDSTimeGrid["selectedHour"]
|
|
@@ -3609,26 +3609,26 @@ export type ArrowsArrowLeftLineProps = {
|
|
|
3609
3609
|
focusable?: ArrowsArrowLeftLine["focusable"]
|
|
3610
3610
|
}
|
|
3611
3611
|
|
|
3612
|
-
export type
|
|
3612
|
+
export type ArrowsArrowLeftSFillProps = {
|
|
3613
3613
|
/** (optional) The width and height in pixels */
|
|
3614
|
-
size?:
|
|
3614
|
+
size?: ArrowsArrowLeftSFill["size"]
|
|
3615
3615
|
/** (optional) Sets the icon color via the `fill` attribute */
|
|
3616
|
-
selected?:
|
|
3616
|
+
selected?: ArrowsArrowLeftSFill["selected"]
|
|
3617
3617
|
/** (optional) When using the icon standalone, make it meaningful for accessibility */
|
|
3618
|
-
accessibilityTitle?:
|
|
3618
|
+
accessibilityTitle?: ArrowsArrowLeftSFill["accessibilityTitle"]
|
|
3619
3619
|
/** (optional) If `true` the icon can receive focus */
|
|
3620
|
-
focusable?:
|
|
3620
|
+
focusable?: ArrowsArrowLeftSFill["focusable"]
|
|
3621
3621
|
}
|
|
3622
3622
|
|
|
3623
|
-
export type
|
|
3623
|
+
export type ArrowsArrowLeftSLineProps = {
|
|
3624
3624
|
/** (optional) The width and height in pixels */
|
|
3625
|
-
size?:
|
|
3625
|
+
size?: ArrowsArrowLeftSLine["size"]
|
|
3626
3626
|
/** (optional) Sets the icon color via the `fill` attribute */
|
|
3627
|
-
selected?:
|
|
3627
|
+
selected?: ArrowsArrowLeftSLine["selected"]
|
|
3628
3628
|
/** (optional) When using the icon standalone, make it meaningful for accessibility */
|
|
3629
|
-
accessibilityTitle?:
|
|
3629
|
+
accessibilityTitle?: ArrowsArrowLeftSLine["accessibilityTitle"]
|
|
3630
3630
|
/** (optional) If `true` the icon can receive focus */
|
|
3631
|
-
focusable?:
|
|
3631
|
+
focusable?: ArrowsArrowLeftSLine["focusable"]
|
|
3632
3632
|
}
|
|
3633
3633
|
|
|
3634
3634
|
export type ArrowsArrowLeftUpLineProps = {
|
|
@@ -4540,6 +4540,21 @@ declare module 'vue' {
|
|
|
4540
4540
|
* - **close-icon-base** - The base of the icon when the accordion is closed.
|
|
4541
4541
|
*/
|
|
4542
4542
|
'dap-ds-accordion': DefineCustomElement<DapDSAccordion, DapDSAccordionProps, DapDSAccordionEvents>
|
|
4543
|
+
/**
|
|
4544
|
+
* Avatar group component displays multiple avatars in an organized layout with overflow management.
|
|
4545
|
+
*
|
|
4546
|
+
* ### Events:
|
|
4547
|
+
* - **dds-overflow-click** - Fired when the overflow indicator is clicked.
|
|
4548
|
+
*
|
|
4549
|
+
* ### Slots:
|
|
4550
|
+
* - **default** - The avatars to display in the group.
|
|
4551
|
+
*
|
|
4552
|
+
* ### CSS Parts:
|
|
4553
|
+
* - **base** - The main container of the avatar group.
|
|
4554
|
+
* - **avatars** - The container for the visible avatars.
|
|
4555
|
+
* - **overflow** - The overflow indicator element.
|
|
4556
|
+
*/
|
|
4557
|
+
'dap-ds-avatar-group': DefineCustomElement<DapDSAvatarGroup, DapDSAvatarGroupProps, DapDSAvatarGroupEvents>
|
|
4543
4558
|
/**
|
|
4544
4559
|
* Avatar component can be used to display user profile images, initials, or icons.
|
|
4545
4560
|
*
|
|
@@ -4560,26 +4575,6 @@ declare module 'vue' {
|
|
|
4560
4575
|
* - **loading** - The loading indicator.
|
|
4561
4576
|
*/
|
|
4562
4577
|
'dap-ds-avatar': DefineCustomElement<DapDSAvatar, DapDSAvatarProps, DapDSAvatarEvents>
|
|
4563
|
-
/**
|
|
4564
|
-
* Anchor heading is a heading with an anchor link.
|
|
4565
|
-
*
|
|
4566
|
-
* ### CSS Parts:
|
|
4567
|
-
* - **base** - The main anchor heading container.
|
|
4568
|
-
* - **link** - The link of the anchor heading. dap-ds-link element.
|
|
4569
|
-
* - **link-base** - The base of the link part.
|
|
4570
|
-
* - **text** - The text of the anchor heading.
|
|
4571
|
-
*/
|
|
4572
|
-
'dap-ds-anchor-heading': DefineCustomElement<DapDSAnchorHeading, DapDSAnchorHeadingProps, {}>
|
|
4573
|
-
/**
|
|
4574
|
-
* An accordion group is a collection of accordion components.
|
|
4575
|
-
*
|
|
4576
|
-
* ### Slots:
|
|
4577
|
-
* - **default** - The content of the accordion group.
|
|
4578
|
-
*
|
|
4579
|
-
* ### CSS Parts:
|
|
4580
|
-
* - **base** - The main accordion group container.
|
|
4581
|
-
*/
|
|
4582
|
-
'dap-ds-accordion-group': DefineCustomElement<DapDSAccordionGroup, DapDSAccordionGroupProps, {}>
|
|
4583
4578
|
/**
|
|
4584
4579
|
* A badge is a small status descriptor for UI elements.
|
|
4585
4580
|
*
|
|
@@ -4594,21 +4589,6 @@ declare module 'vue' {
|
|
|
4594
4589
|
* - **icon-base** - The base of the icon.
|
|
4595
4590
|
*/
|
|
4596
4591
|
'dap-ds-badge': DefineCustomElement<DapDSBadge, DapDSBadgeProps, {}>
|
|
4597
|
-
/**
|
|
4598
|
-
* Avatar group component displays multiple avatars in an organized layout with overflow management.
|
|
4599
|
-
*
|
|
4600
|
-
* ### Events:
|
|
4601
|
-
* - **dds-overflow-click** - Fired when the overflow indicator is clicked.
|
|
4602
|
-
*
|
|
4603
|
-
* ### Slots:
|
|
4604
|
-
* - **default** - The avatars to display in the group.
|
|
4605
|
-
*
|
|
4606
|
-
* ### CSS Parts:
|
|
4607
|
-
* - **base** - The main container of the avatar group.
|
|
4608
|
-
* - **avatars** - The container for the visible avatars.
|
|
4609
|
-
* - **overflow** - The overflow indicator element.
|
|
4610
|
-
*/
|
|
4611
|
-
'dap-ds-avatar-group': DefineCustomElement<DapDSAvatarGroup, DapDSAvatarGroupProps, DapDSAvatarGroupEvents>
|
|
4612
4592
|
/**
|
|
4613
4593
|
* A banner is a message displayed at the top of the page to provide important information to the user.
|
|
4614
4594
|
*
|
|
@@ -4633,6 +4613,16 @@ declare module 'vue' {
|
|
|
4633
4613
|
* - **title** - The title of the banner.
|
|
4634
4614
|
*/
|
|
4635
4615
|
'dap-ds-banner': DefineCustomElement<DapDSBanner, DapDSBannerProps, DapDSBannerEvents>
|
|
4616
|
+
/**
|
|
4617
|
+
* An accordion group is a collection of accordion components.
|
|
4618
|
+
*
|
|
4619
|
+
* ### Slots:
|
|
4620
|
+
* - **default** - The content of the accordion group.
|
|
4621
|
+
*
|
|
4622
|
+
* ### CSS Parts:
|
|
4623
|
+
* - **base** - The main accordion group container.
|
|
4624
|
+
*/
|
|
4625
|
+
'dap-ds-accordion-group': DefineCustomElement<DapDSAccordionGroup, DapDSAccordionGroupProps, {}>
|
|
4636
4626
|
/**
|
|
4637
4627
|
* A breadcrumb is a secondary navigation scheme that reveals the user's location in a website or Web application.
|
|
4638
4628
|
*
|
|
@@ -4645,6 +4635,16 @@ declare module 'vue' {
|
|
|
4645
4635
|
* - **separator** - The separator of the breadcrumb.
|
|
4646
4636
|
*/
|
|
4647
4637
|
'dap-ds-breadcrumb': DefineCustomElement<DapDSBreadcrumb, DapDSBreadcrumbProps, {}>
|
|
4638
|
+
/**
|
|
4639
|
+
* Anchor heading is a heading with an anchor link.
|
|
4640
|
+
*
|
|
4641
|
+
* ### CSS Parts:
|
|
4642
|
+
* - **base** - The main anchor heading container.
|
|
4643
|
+
* - **link** - The link of the anchor heading. dap-ds-link element.
|
|
4644
|
+
* - **link-base** - The base of the link part.
|
|
4645
|
+
* - **text** - The text of the anchor heading.
|
|
4646
|
+
*/
|
|
4647
|
+
'dap-ds-anchor-heading': DefineCustomElement<DapDSAnchorHeading, DapDSAnchorHeadingProps, {}>
|
|
4648
4648
|
/**
|
|
4649
4649
|
* A breadcrumb item is a secondary navigation scheme that reveals the user's location in a website or Web application.
|
|
4650
4650
|
*
|
|
@@ -5861,28 +5861,6 @@ Used with dap-ds-select to create grouped options that render as native optgroup
|
|
|
5861
5861
|
* - **default** - The default slot. Accepts `dap-ds-table-row` elements.
|
|
5862
5862
|
*/
|
|
5863
5863
|
'dap-ds-table': DefineCustomElement<DapDSTable, DapDSTableProps, {}>
|
|
5864
|
-
/**
|
|
5865
|
-
* A timeline is a graphical representation of a series of events.
|
|
5866
|
-
*
|
|
5867
|
-
* ### Slots:
|
|
5868
|
-
* - **default** - The default slot for the item content.
|
|
5869
|
-
*
|
|
5870
|
-
* ### CSS Parts:
|
|
5871
|
-
* - **base** - The main timeline item container.
|
|
5872
|
-
* - **connector** - The connector element between two timeline items.
|
|
5873
|
-
* - **content** - The content of the timeline item.
|
|
5874
|
-
*/
|
|
5875
|
-
'dap-ds-timeline-item': DefineCustomElement<DapDSTimelineItem, DapDSTimelineItemProps, {}>
|
|
5876
|
-
/**
|
|
5877
|
-
* A timeline is a graphical representation of a series of events.
|
|
5878
|
-
*
|
|
5879
|
-
* ### Slots:
|
|
5880
|
-
* - **default** - The default slot for the timeline items.
|
|
5881
|
-
*
|
|
5882
|
-
* ### CSS Parts:
|
|
5883
|
-
* - **base** - The main timeline container.
|
|
5884
|
-
*/
|
|
5885
|
-
'dap-ds-timeline': DefineCustomElement<DapDSTimeline, DapDSTimelineProps, {}>
|
|
5886
5864
|
/**
|
|
5887
5865
|
* A textarea is a multi-line text input field.
|
|
5888
5866
|
*
|
|
@@ -5909,6 +5887,28 @@ Used with dap-ds-select to create grouped options that render as native optgroup
|
|
|
5909
5887
|
* - **feedback-icon** - The icon of the feedback.
|
|
5910
5888
|
*/
|
|
5911
5889
|
'dap-ds-textarea': DefineCustomElement<DapDSTextarea, DapDSTextareaProps, DapDSTextareaEvents>
|
|
5890
|
+
/**
|
|
5891
|
+
* A timeline is a graphical representation of a series of events.
|
|
5892
|
+
*
|
|
5893
|
+
* ### Slots:
|
|
5894
|
+
* - **default** - The default slot for the item content.
|
|
5895
|
+
*
|
|
5896
|
+
* ### CSS Parts:
|
|
5897
|
+
* - **base** - The main timeline item container.
|
|
5898
|
+
* - **connector** - The connector element between two timeline items.
|
|
5899
|
+
* - **content** - The content of the timeline item.
|
|
5900
|
+
*/
|
|
5901
|
+
'dap-ds-timeline-item': DefineCustomElement<DapDSTimelineItem, DapDSTimelineItemProps, {}>
|
|
5902
|
+
/**
|
|
5903
|
+
* A timeline is a graphical representation of a series of events.
|
|
5904
|
+
*
|
|
5905
|
+
* ### Slots:
|
|
5906
|
+
* - **default** - The default slot for the timeline items.
|
|
5907
|
+
*
|
|
5908
|
+
* ### CSS Parts:
|
|
5909
|
+
* - **base** - The main timeline container.
|
|
5910
|
+
*/
|
|
5911
|
+
'dap-ds-timeline': DefineCustomElement<DapDSTimeline, DapDSTimelineProps, {}>
|
|
5912
5912
|
/**
|
|
5913
5913
|
* A time grid component that allows users to select hours and minutes in two side-by-side scrollable columns.
|
|
5914
5914
|
*
|
|
@@ -6112,14 +6112,14 @@ Used with dap-ds-select to create grouped options that render as native optgroup
|
|
|
6112
6112
|
* ### CSS Parts:
|
|
6113
6113
|
* - **base** - The main icon container.
|
|
6114
6114
|
*/
|
|
6115
|
-
'dap-ds-icon-arrow-left-s-
|
|
6115
|
+
'dap-ds-icon-arrow-left-s-fill': DefineCustomElement<ArrowsArrowLeftSFill, ArrowsArrowLeftSFillProps, {}>
|
|
6116
6116
|
/**
|
|
6117
6117
|
* An icon
|
|
6118
6118
|
*
|
|
6119
6119
|
* ### CSS Parts:
|
|
6120
6120
|
* - **base** - The main icon container.
|
|
6121
6121
|
*/
|
|
6122
|
-
'dap-ds-icon-arrow-left-s-
|
|
6122
|
+
'dap-ds-icon-arrow-left-s-line': DefineCustomElement<ArrowsArrowLeftSLine, ArrowsArrowLeftSLineProps, {}>
|
|
6123
6123
|
/**
|
|
6124
6124
|
* An icon
|
|
6125
6125
|
*
|
|
@@ -6688,13 +6688,13 @@ declare global {
|
|
|
6688
6688
|
namespace JSX {
|
|
6689
6689
|
interface IntrinsicElements {
|
|
6690
6690
|
'dap-ds-accordion': DapDSAccordionProps & DapDSAccordionEvents & DapDSAccordionSlots
|
|
6691
|
+
'dap-ds-avatar-group': DapDSAvatarGroupProps & DapDSAvatarGroupEvents & DapDSAvatarGroupSlots
|
|
6691
6692
|
'dap-ds-avatar': DapDSAvatarProps & DapDSAvatarEvents & DapDSAvatarSlots
|
|
6692
|
-
'dap-ds-anchor-heading': DapDSAnchorHeadingProps
|
|
6693
|
-
'dap-ds-accordion-group': DapDSAccordionGroupProps & DapDSAccordionGroupSlots
|
|
6694
6693
|
'dap-ds-badge': DapDSBadgeProps & DapDSBadgeSlots
|
|
6695
|
-
'dap-ds-avatar-group': DapDSAvatarGroupProps & DapDSAvatarGroupEvents & DapDSAvatarGroupSlots
|
|
6696
6694
|
'dap-ds-banner': DapDSBannerProps & DapDSBannerEvents & DapDSBannerSlots
|
|
6695
|
+
'dap-ds-accordion-group': DapDSAccordionGroupProps & DapDSAccordionGroupSlots
|
|
6697
6696
|
'dap-ds-breadcrumb': DapDSBreadcrumbProps & DapDSBreadcrumbSlots
|
|
6697
|
+
'dap-ds-anchor-heading': DapDSAnchorHeadingProps
|
|
6698
6698
|
'dap-ds-breadcrumb-item': DapDSBreadcrumbItemProps & DapDSBreadcrumbItemSlots
|
|
6699
6699
|
'dap-ds-button': DapDSButtonProps & DapDSButtonEvents & DapDSButtonSlots
|
|
6700
6700
|
'dap-ds-calendar-cell': DapDSCalendarCellProps & DapDSCalendarCellSlots
|
|
@@ -6768,9 +6768,9 @@ declare global {
|
|
|
6768
6768
|
'dap-ds-table-header': DapDSTableHeaderProps & DapDSTableHeaderSlots
|
|
6769
6769
|
'dap-ds-table-row': DapDSTableRowProps & DapDSTableRowSlots
|
|
6770
6770
|
'dap-ds-table': DapDSTableProps & DapDSTableSlots
|
|
6771
|
+
'dap-ds-textarea': DapDSTextareaProps & DapDSTextareaEvents & DapDSTextareaSlots
|
|
6771
6772
|
'dap-ds-timeline-item': DapDSTimelineItemProps & DapDSTimelineItemSlots
|
|
6772
6773
|
'dap-ds-timeline': DapDSTimelineProps & DapDSTimelineSlots
|
|
6773
|
-
'dap-ds-textarea': DapDSTextareaProps & DapDSTextareaEvents & DapDSTextareaSlots
|
|
6774
6774
|
'dap-ds-time-grid': DapDSTimeGridProps & DapDSTimeGridEvents
|
|
6775
6775
|
'dap-ds-timepicker': DapDSTimePickerProps & DapDSTimePickerEvents
|
|
6776
6776
|
'dap-ds-toc': DapDSTOCProps & DapDSTOCEvents
|
|
@@ -6787,8 +6787,8 @@ declare global {
|
|
|
6787
6787
|
'dap-ds-icon-arrow-left-down-line': ArrowsArrowLeftDownLineProps
|
|
6788
6788
|
'dap-ds-icon-arrow-left-l-line': ArrowsArrowLeftLLineProps
|
|
6789
6789
|
'dap-ds-icon-arrow-left-line': ArrowsArrowLeftLineProps
|
|
6790
|
-
'dap-ds-icon-arrow-left-s-line': ArrowsArrowLeftSLineProps
|
|
6791
6790
|
'dap-ds-icon-arrow-left-s-fill': ArrowsArrowLeftSFillProps
|
|
6791
|
+
'dap-ds-icon-arrow-left-s-line': ArrowsArrowLeftSLineProps
|
|
6792
6792
|
'dap-ds-icon-arrow-left-up-line': ArrowsArrowLeftUpLineProps
|
|
6793
6793
|
'dap-ds-icon-arrow-right-down-line': ArrowsArrowRightDownLineProps
|
|
6794
6794
|
'dap-ds-icon-arrow-right-l-line': ArrowsArrowRightLLineProps
|