dap-design-system 0.58.1 → 0.58.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-DIc6GiB8.js → components-C1PeiTAk.js} +17 -15
- package/dist/components-C1PeiTAk.js.map +1 -0
- package/dist/components.js +1 -1
- package/dist/dds.js +1 -1
- package/dist/manifest/types/vue/index.d.ts +179 -179
- package/dist/manifest/vscode.html-custom-data.json +108 -108
- package/dist/manifest/web-types.json +395 -395
- package/dist/react/index.d.ts +5 -5
- package/dist/react-types.ts +5 -5
- package/dist/react.js +57 -57
- package/dist/react.js.map +1 -1
- package/package.json +1 -1
- package/dist/components-DIc6GiB8.js.map +0 -1
package/dist/components.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { b as p,
|
|
1
|
+
import { b as p, D as s, f as S, a as e, c as o, g as t, e as r, d as n, h as i, i as l, k as d, j as u, l as c, s as m, n as C, o as I, p as b, q as T, r as g, m 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-C1PeiTAk.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 { b as T,
|
|
1
|
+
import { b as T, D as I, f as $, a as z, c as O, g as P, e as U, d as k, h as _, i as H, k as E, j as M, l as G, s as N, n as R, o as j, p as W, q as Z, r as V, m 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-C1PeiTAk.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-vfk3FBvE.js";
|
|
4
4
|
var b = Object.defineProperty, C = Object.getOwnPropertyDescriptor, c = (e, s, r, t) => {
|
|
@@ -217,11 +217,6 @@ export interface DapDSAvatarEvents {
|
|
|
217
217
|
onDdsError?: (event: CustomEvent) => void
|
|
218
218
|
}
|
|
219
219
|
|
|
220
|
-
export interface DapDSAvatarGroupEvents {
|
|
221
|
-
/** Fired when the overflow indicator is clicked. */
|
|
222
|
-
onDdsOverflowClick?: (event: CustomEvent) => void
|
|
223
|
-
}
|
|
224
|
-
|
|
225
220
|
export interface DapDSAccordionEvents {
|
|
226
221
|
/** Event fired when the accordion is opened. */
|
|
227
222
|
onDdsOpened?: (event: CustomEvent<{ open: boolean, item: AccordionBaseElement }>) => void
|
|
@@ -229,6 +224,11 @@ export interface DapDSAccordionEvents {
|
|
|
229
224
|
onDdsClosed?: (event: CustomEvent<{ open: boolean, item: AccordionBaseElement }>) => void
|
|
230
225
|
}
|
|
231
226
|
|
|
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
|
|
@@ -655,6 +655,11 @@ export interface DapDSRadioGroupEvents {
|
|
|
655
655
|
onDdsFocus?: (event: CustomEvent) => void
|
|
656
656
|
}
|
|
657
657
|
|
|
658
|
+
export interface DapDSAccordionGroupSlots {
|
|
659
|
+
/** The content of the accordion group. */
|
|
660
|
+
default?: () => any
|
|
661
|
+
}
|
|
662
|
+
|
|
658
663
|
export interface DapDSAvatarSlots {
|
|
659
664
|
/** The icon to display when variant is 'icon'. */
|
|
660
665
|
'icon'?: () => any
|
|
@@ -662,11 +667,6 @@ export interface DapDSAvatarSlots {
|
|
|
662
667
|
'fallback'?: () => any
|
|
663
668
|
}
|
|
664
669
|
|
|
665
|
-
export interface DapDSAvatarGroupSlots {
|
|
666
|
-
/** The avatars to display in the group. */
|
|
667
|
-
default?: () => any
|
|
668
|
-
}
|
|
669
|
-
|
|
670
670
|
export interface DapDSAccordionSlots {
|
|
671
671
|
/** The content of the accordion. */
|
|
672
672
|
default?: () => any
|
|
@@ -678,11 +678,9 @@ export interface DapDSAccordionSlots {
|
|
|
678
678
|
'icon-closed'?: () => any
|
|
679
679
|
}
|
|
680
680
|
|
|
681
|
-
export interface
|
|
682
|
-
/** The
|
|
681
|
+
export interface DapDSAvatarGroupSlots {
|
|
682
|
+
/** The avatars to display in the group. */
|
|
683
683
|
default?: () => any
|
|
684
|
-
/** The icon of the badge. */
|
|
685
|
-
'icon'?: () => any
|
|
686
684
|
}
|
|
687
685
|
|
|
688
686
|
export interface DapDSBreadcrumbSlots {
|
|
@@ -701,9 +699,11 @@ export interface DapDSBannerSlots {
|
|
|
701
699
|
'icon'?: () => any
|
|
702
700
|
}
|
|
703
701
|
|
|
704
|
-
export interface
|
|
705
|
-
/** The content of the
|
|
702
|
+
export interface DapDSBadgeSlots {
|
|
703
|
+
/** The content of the badge. */
|
|
706
704
|
default?: () => any
|
|
705
|
+
/** The icon of the badge. */
|
|
706
|
+
'icon'?: () => any
|
|
707
707
|
}
|
|
708
708
|
|
|
709
709
|
export interface DapDSBreadcrumbItemSlots {
|
|
@@ -1123,6 +1123,13 @@ export interface DapDSRadioGroupSlots {
|
|
|
1123
1123
|
'feedback-icon'?: () => any
|
|
1124
1124
|
}
|
|
1125
1125
|
|
|
1126
|
+
export type DapDSAccordionGroupProps = {
|
|
1127
|
+
/** Whether to close other accordions when one is opened. */
|
|
1128
|
+
autoClose?: DapDSAccordionGroup["autoClose"]
|
|
1129
|
+
/** The variant of the accordion */
|
|
1130
|
+
variant?: DapDSAccordionGroup["variant"]
|
|
1131
|
+
}
|
|
1132
|
+
|
|
1126
1133
|
export type DapDSAvatarProps = {
|
|
1127
1134
|
/** The shape of the avatar */
|
|
1128
1135
|
shape?: DapDSAvatar["shape"]
|
|
@@ -1150,25 +1157,6 @@ export type DapDSAvatarProps = {
|
|
|
1150
1157
|
sizeMap?: DapDSAvatar["sizeMap"]
|
|
1151
1158
|
}
|
|
1152
1159
|
|
|
1153
|
-
export type DapDSAvatarGroupProps = {
|
|
1154
|
-
/** Layout type for the avatar group */
|
|
1155
|
-
layout?: DapDSAvatarGroup["layout"]
|
|
1156
|
-
/** Maximum number of avatars to show before showing overflow */
|
|
1157
|
-
max?: DapDSAvatarGroup["max"]
|
|
1158
|
-
/** Whether to show the total count in overflow indicator */
|
|
1159
|
-
"show-total"?: DapDSAvatarGroup["showTotal"]
|
|
1160
|
-
/** Interactive overflow indicator */
|
|
1161
|
-
"interactive-overflow"?: DapDSAvatarGroup["interactiveOverflow"]
|
|
1162
|
-
/** Accessible label for the avatar group */
|
|
1163
|
-
label?: DapDSAvatarGroup["label"]
|
|
1164
|
-
/** Accessible label for the overflow indicator */
|
|
1165
|
-
"overflow-label"?: DapDSAvatarGroup["overflowLabel"]
|
|
1166
|
-
/** The size of avatars in the group. Default is `md`. See SizedMixin. */
|
|
1167
|
-
size?: DapDSAvatarGroup["size"]
|
|
1168
|
-
/** Responsive size map (e.g. "md:lg"); see SizedMixin. */
|
|
1169
|
-
sizeMap?: DapDSAvatarGroup["sizeMap"]
|
|
1170
|
-
}
|
|
1171
|
-
|
|
1172
1160
|
export type DapDSAccordionProps = {
|
|
1173
1161
|
/** The size of the accordion. Default is `sm`. Visual variants are sm and lg (other sizes map to sm). */
|
|
1174
1162
|
size?: DapDSAccordion["size"]
|
|
@@ -1194,17 +1182,23 @@ export type DapDSAccordionProps = {
|
|
|
1194
1182
|
loading?: DapDSAccordion["loading"]
|
|
1195
1183
|
}
|
|
1196
1184
|
|
|
1197
|
-
export type
|
|
1198
|
-
/**
|
|
1199
|
-
|
|
1200
|
-
/**
|
|
1201
|
-
|
|
1202
|
-
/** Whether
|
|
1203
|
-
|
|
1204
|
-
/**
|
|
1205
|
-
|
|
1206
|
-
/**
|
|
1207
|
-
|
|
1185
|
+
export type DapDSAvatarGroupProps = {
|
|
1186
|
+
/** Layout type for the avatar group */
|
|
1187
|
+
layout?: DapDSAvatarGroup["layout"]
|
|
1188
|
+
/** Maximum number of avatars to show before showing overflow */
|
|
1189
|
+
max?: DapDSAvatarGroup["max"]
|
|
1190
|
+
/** Whether to show the total count in overflow indicator */
|
|
1191
|
+
"show-total"?: DapDSAvatarGroup["showTotal"]
|
|
1192
|
+
/** Interactive overflow indicator */
|
|
1193
|
+
"interactive-overflow"?: DapDSAvatarGroup["interactiveOverflow"]
|
|
1194
|
+
/** Accessible label for the avatar group */
|
|
1195
|
+
label?: DapDSAvatarGroup["label"]
|
|
1196
|
+
/** Accessible label for the overflow indicator */
|
|
1197
|
+
"overflow-label"?: DapDSAvatarGroup["overflowLabel"]
|
|
1198
|
+
/** The size of avatars in the group. Default is `md`. See SizedMixin. */
|
|
1199
|
+
size?: DapDSAvatarGroup["size"]
|
|
1200
|
+
/** Responsive size map (e.g. "md:lg"); see SizedMixin. */
|
|
1201
|
+
sizeMap?: DapDSAvatarGroup["sizeMap"]
|
|
1208
1202
|
}
|
|
1209
1203
|
|
|
1210
1204
|
export type DapDSBreadcrumbProps = {
|
|
@@ -1231,13 +1225,6 @@ export type DapDSBannerProps = {
|
|
|
1231
1225
|
icon?: DapDSBanner["icon"]
|
|
1232
1226
|
}
|
|
1233
1227
|
|
|
1234
|
-
export type DapDSAccordionGroupProps = {
|
|
1235
|
-
/** Whether to close other accordions when one is opened. */
|
|
1236
|
-
autoClose?: DapDSAccordionGroup["autoClose"]
|
|
1237
|
-
/** The variant of the accordion */
|
|
1238
|
-
variant?: DapDSAccordionGroup["variant"]
|
|
1239
|
-
}
|
|
1240
|
-
|
|
1241
1228
|
export type DapDSAnchorHeadingProps = {
|
|
1242
1229
|
/** The variant of the heading. Default is `h2`. Can be `h1`, `h2`, `h3`, `h4`, `h5`, or `h6`. */
|
|
1243
1230
|
variant?: DapDSAnchorHeading["variant"]
|
|
@@ -1249,6 +1236,19 @@ export type DapDSAnchorHeadingProps = {
|
|
|
1249
1236
|
anchorTitle?: DapDSAnchorHeading["anchorTitle"]
|
|
1250
1237
|
}
|
|
1251
1238
|
|
|
1239
|
+
export type DapDSBadgeProps = {
|
|
1240
|
+
/** The type of the badge */
|
|
1241
|
+
type?: DapDSBadge["type"]
|
|
1242
|
+
/** The icon of the badge, this is a name of a built in icon */
|
|
1243
|
+
icon?: DapDSBadge["icon"]
|
|
1244
|
+
/** Whether the badge represents dynamic content that should announce changes */
|
|
1245
|
+
live?: DapDSBadge["live"]
|
|
1246
|
+
/** The size of the badge. Default is `sm`. */
|
|
1247
|
+
size?: DapDSBadge["size"]
|
|
1248
|
+
/** Responsive size map (e.g. "md:lg"). */
|
|
1249
|
+
sizeMap?: DapDSBadge["sizeMap"]
|
|
1250
|
+
}
|
|
1251
|
+
|
|
1252
1252
|
export type DapDSBreadcrumbItemProps = {
|
|
1253
1253
|
/** The URL of the breadcrumb item. */
|
|
1254
1254
|
href?: DapDSBreadcrumbItem["href"]
|
|
@@ -1376,6 +1376,61 @@ export type DapDSCalloutProps = {
|
|
|
1376
1376
|
opened?: DapDSCallout["opened"]
|
|
1377
1377
|
}
|
|
1378
1378
|
|
|
1379
|
+
export type DapDSCheckboxProps = {
|
|
1380
|
+
/** Whether the checkbox is indeterminate */
|
|
1381
|
+
indeterminate?: DapDSCheckbox["indeterminate"]
|
|
1382
|
+
/** Whether the checkbox should prevent the default action */
|
|
1383
|
+
preventDefault?: DapDSCheckbox["preventDefault"]
|
|
1384
|
+
/** This sets up border around the checkbox, when true. */
|
|
1385
|
+
border?: DapDSCheckbox["border"]
|
|
1386
|
+
/** Whether the checkbox is readonly (cannot be changed but value is submitted with form). */
|
|
1387
|
+
readonly?: DapDSCheckbox["readonly"]
|
|
1388
|
+
/** The type of the checkbox */
|
|
1389
|
+
type?: DapDSCheckbox["type"]
|
|
1390
|
+
/** */
|
|
1391
|
+
focusElement?: DapDSCheckbox["focusElement"]
|
|
1392
|
+
/** */
|
|
1393
|
+
feedbackId?: DapDSCheckbox["feedbackId"]
|
|
1394
|
+
/** The name of the checkbox. */
|
|
1395
|
+
name?: DapDSCheckbox["name"]
|
|
1396
|
+
/** The value of the checkbox. */
|
|
1397
|
+
value?: DapDSCheckbox["value"]
|
|
1398
|
+
/** Whether the checkbox is checked. */
|
|
1399
|
+
checked?: DapDSCheckbox["checked"]
|
|
1400
|
+
/** The label of the checkbox. */
|
|
1401
|
+
label?: DapDSCheckbox["label"]
|
|
1402
|
+
/** Visually hides the label while keeping it available to assistive technology. (default: false) */
|
|
1403
|
+
hideLabel?: DapDSCheckbox["hideLabel"]
|
|
1404
|
+
/** The description of the checkbox. */
|
|
1405
|
+
description?: DapDSCheckbox["description"]
|
|
1406
|
+
/** Whether the checkbox is disabled. */
|
|
1407
|
+
disabled?: DapDSCheckbox["disabled"]
|
|
1408
|
+
/** Whether the checkbox is required. */
|
|
1409
|
+
required?: DapDSCheckbox["required"]
|
|
1410
|
+
/** The size of the checkbox. Default is 'sm'. */
|
|
1411
|
+
size?: DapDSCheckbox["size"]
|
|
1412
|
+
/** Responsive size map (e.g. "md:lg"). */
|
|
1413
|
+
sizeMap?: DapDSCheckbox["sizeMap"]
|
|
1414
|
+
/** The placement of the label. */
|
|
1415
|
+
labelPlacement?: DapDSCheckbox["labelPlacement"]
|
|
1416
|
+
/** The placement of the description. */
|
|
1417
|
+
descriptionPlacement?: DapDSCheckbox["descriptionPlacement"]
|
|
1418
|
+
/** The weight of the label. */
|
|
1419
|
+
subtle?: DapDSCheckbox["subtle"]
|
|
1420
|
+
/** The feedback of the checkbox. */
|
|
1421
|
+
feedback?: DapDSCheckbox["feedback"]
|
|
1422
|
+
/** The feedback type of the checkbox. */
|
|
1423
|
+
feedbackType?: DapDSCheckbox["feedbackType"]
|
|
1424
|
+
/** The invalid state of the checkbox. */
|
|
1425
|
+
invalid?: DapDSCheckbox["invalid"]
|
|
1426
|
+
/** The optional state of the checkbox. */
|
|
1427
|
+
optional?: DapDSCheckbox["optional"]
|
|
1428
|
+
/** The optional label of the checkbox. */
|
|
1429
|
+
optionalLabel?: DapDSCheckbox["optionalLabel"]
|
|
1430
|
+
/** The required indicator of the checkbox. (default: '*') */
|
|
1431
|
+
requiredLabel?: DapDSCheckbox["requiredLabel"]
|
|
1432
|
+
}
|
|
1433
|
+
|
|
1379
1434
|
export type DapDSCardActionsProps = {
|
|
1380
1435
|
/** The spacing of the card actions. This adds a margin to the card actions. Default is `bottom`. */
|
|
1381
1436
|
spacing?: DapDSCardActions["spacing"]
|
|
@@ -1462,61 +1517,6 @@ export type DapDSCardProps = {
|
|
|
1462
1517
|
sizeMap?: DapDSCard["sizeMap"]
|
|
1463
1518
|
}
|
|
1464
1519
|
|
|
1465
|
-
export type DapDSCheckboxProps = {
|
|
1466
|
-
/** Whether the checkbox is indeterminate */
|
|
1467
|
-
indeterminate?: DapDSCheckbox["indeterminate"]
|
|
1468
|
-
/** Whether the checkbox should prevent the default action */
|
|
1469
|
-
preventDefault?: DapDSCheckbox["preventDefault"]
|
|
1470
|
-
/** This sets up border around the checkbox, when true. */
|
|
1471
|
-
border?: DapDSCheckbox["border"]
|
|
1472
|
-
/** Whether the checkbox is readonly (cannot be changed but value is submitted with form). */
|
|
1473
|
-
readonly?: DapDSCheckbox["readonly"]
|
|
1474
|
-
/** The type of the checkbox */
|
|
1475
|
-
type?: DapDSCheckbox["type"]
|
|
1476
|
-
/** */
|
|
1477
|
-
focusElement?: DapDSCheckbox["focusElement"]
|
|
1478
|
-
/** */
|
|
1479
|
-
feedbackId?: DapDSCheckbox["feedbackId"]
|
|
1480
|
-
/** The name of the checkbox. */
|
|
1481
|
-
name?: DapDSCheckbox["name"]
|
|
1482
|
-
/** The value of the checkbox. */
|
|
1483
|
-
value?: DapDSCheckbox["value"]
|
|
1484
|
-
/** Whether the checkbox is checked. */
|
|
1485
|
-
checked?: DapDSCheckbox["checked"]
|
|
1486
|
-
/** The label of the checkbox. */
|
|
1487
|
-
label?: DapDSCheckbox["label"]
|
|
1488
|
-
/** Visually hides the label while keeping it available to assistive technology. (default: false) */
|
|
1489
|
-
hideLabel?: DapDSCheckbox["hideLabel"]
|
|
1490
|
-
/** The description of the checkbox. */
|
|
1491
|
-
description?: DapDSCheckbox["description"]
|
|
1492
|
-
/** Whether the checkbox is disabled. */
|
|
1493
|
-
disabled?: DapDSCheckbox["disabled"]
|
|
1494
|
-
/** Whether the checkbox is required. */
|
|
1495
|
-
required?: DapDSCheckbox["required"]
|
|
1496
|
-
/** The size of the checkbox. Default is 'sm'. */
|
|
1497
|
-
size?: DapDSCheckbox["size"]
|
|
1498
|
-
/** Responsive size map (e.g. "md:lg"). */
|
|
1499
|
-
sizeMap?: DapDSCheckbox["sizeMap"]
|
|
1500
|
-
/** The placement of the label. */
|
|
1501
|
-
labelPlacement?: DapDSCheckbox["labelPlacement"]
|
|
1502
|
-
/** The placement of the description. */
|
|
1503
|
-
descriptionPlacement?: DapDSCheckbox["descriptionPlacement"]
|
|
1504
|
-
/** The weight of the label. */
|
|
1505
|
-
subtle?: DapDSCheckbox["subtle"]
|
|
1506
|
-
/** The feedback of the checkbox. */
|
|
1507
|
-
feedback?: DapDSCheckbox["feedback"]
|
|
1508
|
-
/** The feedback type of the checkbox. */
|
|
1509
|
-
feedbackType?: DapDSCheckbox["feedbackType"]
|
|
1510
|
-
/** The invalid state of the checkbox. */
|
|
1511
|
-
invalid?: DapDSCheckbox["invalid"]
|
|
1512
|
-
/** The optional state of the checkbox. */
|
|
1513
|
-
optional?: DapDSCheckbox["optional"]
|
|
1514
|
-
/** The optional label of the checkbox. */
|
|
1515
|
-
optionalLabel?: DapDSCheckbox["optionalLabel"]
|
|
1516
|
-
/** The required indicator of the checkbox. (default: '*') */
|
|
1517
|
-
requiredLabel?: DapDSCheckbox["requiredLabel"]
|
|
1518
|
-
}
|
|
1519
|
-
|
|
1520
1520
|
export type DapDSChipProps = {
|
|
1521
1521
|
/** Whether the chip is removeable */
|
|
1522
1522
|
removeable?: DapDSChip["removeable"]
|
|
@@ -3886,26 +3886,26 @@ export type ArrowsExpandUpDownFillProps = {
|
|
|
3886
3886
|
focusable?: ArrowsExpandUpDownFill["focusable"]
|
|
3887
3887
|
}
|
|
3888
3888
|
|
|
3889
|
-
export type
|
|
3889
|
+
export type BuildingsHome6LineProps = {
|
|
3890
3890
|
/** (optional) The width and height in pixels */
|
|
3891
|
-
size?:
|
|
3891
|
+
size?: BuildingsHome6Line["size"]
|
|
3892
3892
|
/** (optional) Sets the icon color via the `fill` attribute */
|
|
3893
|
-
selected?:
|
|
3893
|
+
selected?: BuildingsHome6Line["selected"]
|
|
3894
3894
|
/** (optional) When using the icon standalone, make it meaningful for accessibility */
|
|
3895
|
-
accessibilityTitle?:
|
|
3895
|
+
accessibilityTitle?: BuildingsHome6Line["accessibilityTitle"]
|
|
3896
3896
|
/** (optional) If `true` the icon can receive focus */
|
|
3897
|
-
focusable?:
|
|
3897
|
+
focusable?: BuildingsHome6Line["focusable"]
|
|
3898
3898
|
}
|
|
3899
3899
|
|
|
3900
|
-
export type
|
|
3900
|
+
export type BusinessCalendarLineProps = {
|
|
3901
3901
|
/** (optional) The width and height in pixels */
|
|
3902
|
-
size?:
|
|
3902
|
+
size?: BusinessCalendarLine["size"]
|
|
3903
3903
|
/** (optional) Sets the icon color via the `fill` attribute */
|
|
3904
|
-
selected?:
|
|
3904
|
+
selected?: BusinessCalendarLine["selected"]
|
|
3905
3905
|
/** (optional) When using the icon standalone, make it meaningful for accessibility */
|
|
3906
|
-
accessibilityTitle?:
|
|
3906
|
+
accessibilityTitle?: BusinessCalendarLine["accessibilityTitle"]
|
|
3907
3907
|
/** (optional) If `true` the icon can receive focus */
|
|
3908
|
-
focusable?:
|
|
3908
|
+
focusable?: BusinessCalendarLine["focusable"]
|
|
3909
3909
|
}
|
|
3910
3910
|
|
|
3911
3911
|
export type DesignEditLineProps = {
|
|
@@ -4648,6 +4648,16 @@ export type SystemZoomOutLineProps = {
|
|
|
4648
4648
|
// Augment Vue's GlobalComponents interface
|
|
4649
4649
|
declare module 'vue' {
|
|
4650
4650
|
interface GlobalComponents {
|
|
4651
|
+
/**
|
|
4652
|
+
* An accordion group is a collection of accordion components.
|
|
4653
|
+
*
|
|
4654
|
+
* ### Slots:
|
|
4655
|
+
* - **default** - The content of the accordion group.
|
|
4656
|
+
*
|
|
4657
|
+
* ### CSS Parts:
|
|
4658
|
+
* - **base** - The main accordion group container.
|
|
4659
|
+
*/
|
|
4660
|
+
'dap-ds-accordion-group': DefineCustomElement<DapDSAccordionGroup, DapDSAccordionGroupProps, {}>
|
|
4651
4661
|
/**
|
|
4652
4662
|
* Avatar component can be used to display user profile images, initials, or icons.
|
|
4653
4663
|
*
|
|
@@ -4668,21 +4678,6 @@ declare module 'vue' {
|
|
|
4668
4678
|
* - **loading** - The loading indicator.
|
|
4669
4679
|
*/
|
|
4670
4680
|
'dap-ds-avatar': DefineCustomElement<DapDSAvatar, DapDSAvatarProps, DapDSAvatarEvents>
|
|
4671
|
-
/**
|
|
4672
|
-
* Avatar group component displays multiple avatars in an organized layout with overflow management.
|
|
4673
|
-
*
|
|
4674
|
-
* ### Events:
|
|
4675
|
-
* - **dds-overflow-click** - Fired when the overflow indicator is clicked.
|
|
4676
|
-
*
|
|
4677
|
-
* ### Slots:
|
|
4678
|
-
* - **default** - The avatars to display in the group.
|
|
4679
|
-
*
|
|
4680
|
-
* ### CSS Parts:
|
|
4681
|
-
* - **base** - The main container of the avatar group.
|
|
4682
|
-
* - **avatars** - The container for the visible avatars.
|
|
4683
|
-
* - **overflow** - The overflow indicator element.
|
|
4684
|
-
*/
|
|
4685
|
-
'dap-ds-avatar-group': DefineCustomElement<DapDSAvatarGroup, DapDSAvatarGroupProps, DapDSAvatarGroupEvents>
|
|
4686
4681
|
/**
|
|
4687
4682
|
* An accordion is a vertically stacked list of interactive items that can be expanded or collapsed to reveal or hide content.
|
|
4688
4683
|
*
|
|
@@ -4710,19 +4705,20 @@ declare module 'vue' {
|
|
|
4710
4705
|
*/
|
|
4711
4706
|
'dap-ds-accordion': DefineCustomElement<DapDSAccordion, DapDSAccordionProps, DapDSAccordionEvents>
|
|
4712
4707
|
/**
|
|
4713
|
-
*
|
|
4708
|
+
* Avatar group component displays multiple avatars in an organized layout with overflow management.
|
|
4709
|
+
*
|
|
4710
|
+
* ### Events:
|
|
4711
|
+
* - **dds-overflow-click** - Fired when the overflow indicator is clicked.
|
|
4714
4712
|
*
|
|
4715
4713
|
* ### Slots:
|
|
4716
|
-
* - **default** - The
|
|
4717
|
-
* - **icon** - The icon of the badge.
|
|
4714
|
+
* - **default** - The avatars to display in the group.
|
|
4718
4715
|
*
|
|
4719
4716
|
* ### CSS Parts:
|
|
4720
|
-
* - **base** - The main container of the
|
|
4721
|
-
* - **
|
|
4722
|
-
* - **
|
|
4723
|
-
* - **icon-base** - The base of the icon.
|
|
4717
|
+
* - **base** - The main container of the avatar group.
|
|
4718
|
+
* - **avatars** - The container for the visible avatars.
|
|
4719
|
+
* - **overflow** - The overflow indicator element.
|
|
4724
4720
|
*/
|
|
4725
|
-
'dap-ds-
|
|
4721
|
+
'dap-ds-avatar-group': DefineCustomElement<DapDSAvatarGroup, DapDSAvatarGroupProps, DapDSAvatarGroupEvents>
|
|
4726
4722
|
/**
|
|
4727
4723
|
* A breadcrumb is a secondary navigation scheme that reveals the user's location in a website or Web application.
|
|
4728
4724
|
*
|
|
@@ -4759,16 +4755,6 @@ declare module 'vue' {
|
|
|
4759
4755
|
* - **title** - The title of the banner.
|
|
4760
4756
|
*/
|
|
4761
4757
|
'dap-ds-banner': DefineCustomElement<DapDSBanner, DapDSBannerProps, DapDSBannerEvents>
|
|
4762
|
-
/**
|
|
4763
|
-
* An accordion group is a collection of accordion components.
|
|
4764
|
-
*
|
|
4765
|
-
* ### Slots:
|
|
4766
|
-
* - **default** - The content of the accordion group.
|
|
4767
|
-
*
|
|
4768
|
-
* ### CSS Parts:
|
|
4769
|
-
* - **base** - The main accordion group container.
|
|
4770
|
-
*/
|
|
4771
|
-
'dap-ds-accordion-group': DefineCustomElement<DapDSAccordionGroup, DapDSAccordionGroupProps, {}>
|
|
4772
4758
|
/**
|
|
4773
4759
|
* Anchor heading is a heading with an anchor link.
|
|
4774
4760
|
*
|
|
@@ -4779,6 +4765,20 @@ declare module 'vue' {
|
|
|
4779
4765
|
* - **text** - The text of the anchor heading.
|
|
4780
4766
|
*/
|
|
4781
4767
|
'dap-ds-anchor-heading': DefineCustomElement<DapDSAnchorHeading, DapDSAnchorHeadingProps, {}>
|
|
4768
|
+
/**
|
|
4769
|
+
* A badge is a small status descriptor for UI elements.
|
|
4770
|
+
*
|
|
4771
|
+
* ### Slots:
|
|
4772
|
+
* - **default** - The content of the badge.
|
|
4773
|
+
* - **icon** - The icon of the badge.
|
|
4774
|
+
*
|
|
4775
|
+
* ### CSS Parts:
|
|
4776
|
+
* - **base** - The main container of the badge.
|
|
4777
|
+
* - **icon** - The icon of the badge.
|
|
4778
|
+
* - **content** - The content of the badge.
|
|
4779
|
+
* - **icon-base** - The base of the icon.
|
|
4780
|
+
*/
|
|
4781
|
+
'dap-ds-badge': DefineCustomElement<DapDSBadge, DapDSBadgeProps, {}>
|
|
4782
4782
|
/**
|
|
4783
4783
|
* A breadcrumb item is a secondary navigation scheme that reveals the user's location in a website or Web application.
|
|
4784
4784
|
*
|
|
@@ -4866,6 +4866,27 @@ declare module 'vue' {
|
|
|
4866
4866
|
* - **close** - The close button of the callout.
|
|
4867
4867
|
*/
|
|
4868
4868
|
'dap-ds-callout': DefineCustomElement<DapDSCallout, DapDSCalloutProps, DapDSCalloutEvents>
|
|
4869
|
+
/**
|
|
4870
|
+
* A checkbox is a form element that allows the user to select one or more options from a set.
|
|
4871
|
+
*
|
|
4872
|
+
* ### Events:
|
|
4873
|
+
* - **dds-change** - Fired when the checkbox is checked or unchecked.
|
|
4874
|
+
* - **dds-blur** - Emitted when the checkbox loses focus.
|
|
4875
|
+
* - **dds-focus** - Emitted when the checkbox gains focus.
|
|
4876
|
+
* - **dds-input** - Emitted when the checkbox receives input.
|
|
4877
|
+
*
|
|
4878
|
+
* ### CSS Parts:
|
|
4879
|
+
* - **base** - The main checkbox container.
|
|
4880
|
+
* - **label** - The label of the checkbox.
|
|
4881
|
+
* - **input** - The input of the checkbox.
|
|
4882
|
+
* - **control** - The control of the checkbox.
|
|
4883
|
+
* - **icon** - The icon of the checkbox.
|
|
4884
|
+
* - **icon-base** - The base icon container.
|
|
4885
|
+
* - **label-container** - The label container of the checkbox.
|
|
4886
|
+
* - **description** - The description of the checkbox.
|
|
4887
|
+
* - **readonly** - The readonly state of the checkbox.
|
|
4888
|
+
*/
|
|
4889
|
+
'dap-ds-checkbox': DefineCustomElement<DapDSCheckbox, DapDSCheckboxProps, DapDSCheckboxEvents>
|
|
4869
4890
|
/**
|
|
4870
4891
|
* A card actions is a container for actions in a card.
|
|
4871
4892
|
*
|
|
@@ -4926,27 +4947,6 @@ declare module 'vue' {
|
|
|
4926
4947
|
* - **base** - The main card container.
|
|
4927
4948
|
*/
|
|
4928
4949
|
'dap-ds-card': DefineCustomElement<DapDSCard, DapDSCardProps, {}>
|
|
4929
|
-
/**
|
|
4930
|
-
* A checkbox is a form element that allows the user to select one or more options from a set.
|
|
4931
|
-
*
|
|
4932
|
-
* ### Events:
|
|
4933
|
-
* - **dds-change** - Fired when the checkbox is checked or unchecked.
|
|
4934
|
-
* - **dds-blur** - Emitted when the checkbox loses focus.
|
|
4935
|
-
* - **dds-focus** - Emitted when the checkbox gains focus.
|
|
4936
|
-
* - **dds-input** - Emitted when the checkbox receives input.
|
|
4937
|
-
*
|
|
4938
|
-
* ### CSS Parts:
|
|
4939
|
-
* - **base** - The main checkbox container.
|
|
4940
|
-
* - **label** - The label of the checkbox.
|
|
4941
|
-
* - **input** - The input of the checkbox.
|
|
4942
|
-
* - **control** - The control of the checkbox.
|
|
4943
|
-
* - **icon** - The icon of the checkbox.
|
|
4944
|
-
* - **icon-base** - The base icon container.
|
|
4945
|
-
* - **label-container** - The label container of the checkbox.
|
|
4946
|
-
* - **description** - The description of the checkbox.
|
|
4947
|
-
* - **readonly** - The readonly state of the checkbox.
|
|
4948
|
-
*/
|
|
4949
|
-
'dap-ds-checkbox': DefineCustomElement<DapDSCheckbox, DapDSCheckboxProps, DapDSCheckboxEvents>
|
|
4950
4950
|
/**
|
|
4951
4951
|
* A chip is a small status descriptor for UI elements.
|
|
4952
4952
|
*
|
|
@@ -6337,14 +6337,14 @@ Used with dap-ds-select to create grouped options that render as native optgroup
|
|
|
6337
6337
|
* ### CSS Parts:
|
|
6338
6338
|
* - **base** - The main icon container.
|
|
6339
6339
|
*/
|
|
6340
|
-
'dap-ds-icon-
|
|
6340
|
+
'dap-ds-icon-home-6-line': DefineCustomElement<BuildingsHome6Line, BuildingsHome6LineProps, {}>
|
|
6341
6341
|
/**
|
|
6342
6342
|
* An icon
|
|
6343
6343
|
*
|
|
6344
6344
|
* ### CSS Parts:
|
|
6345
6345
|
* - **base** - The main icon container.
|
|
6346
6346
|
*/
|
|
6347
|
-
'dap-ds-icon-
|
|
6347
|
+
'dap-ds-icon-calendar-line': DefineCustomElement<BusinessCalendarLine, BusinessCalendarLineProps, {}>
|
|
6348
6348
|
/**
|
|
6349
6349
|
* An icon
|
|
6350
6350
|
*
|
|
@@ -6821,26 +6821,26 @@ Used with dap-ds-select to create grouped options that render as native optgroup
|
|
|
6821
6821
|
declare global {
|
|
6822
6822
|
namespace JSX {
|
|
6823
6823
|
interface IntrinsicElements {
|
|
6824
|
+
'dap-ds-accordion-group': DapDSAccordionGroupProps & DapDSAccordionGroupSlots
|
|
6824
6825
|
'dap-ds-avatar': DapDSAvatarProps & DapDSAvatarEvents & DapDSAvatarSlots
|
|
6825
|
-
'dap-ds-avatar-group': DapDSAvatarGroupProps & DapDSAvatarGroupEvents & DapDSAvatarGroupSlots
|
|
6826
6826
|
'dap-ds-accordion': DapDSAccordionProps & DapDSAccordionEvents & DapDSAccordionSlots
|
|
6827
|
-
'dap-ds-
|
|
6827
|
+
'dap-ds-avatar-group': DapDSAvatarGroupProps & DapDSAvatarGroupEvents & DapDSAvatarGroupSlots
|
|
6828
6828
|
'dap-ds-breadcrumb': DapDSBreadcrumbProps & DapDSBreadcrumbSlots
|
|
6829
6829
|
'dap-ds-banner': DapDSBannerProps & DapDSBannerEvents & DapDSBannerSlots
|
|
6830
|
-
'dap-ds-accordion-group': DapDSAccordionGroupProps & DapDSAccordionGroupSlots
|
|
6831
6830
|
'dap-ds-anchor-heading': DapDSAnchorHeadingProps
|
|
6831
|
+
'dap-ds-badge': DapDSBadgeProps & DapDSBadgeSlots
|
|
6832
6832
|
'dap-ds-breadcrumb-item': DapDSBreadcrumbItemProps & DapDSBreadcrumbItemSlots
|
|
6833
6833
|
'dap-ds-button': DapDSButtonProps & DapDSButtonEvents & DapDSButtonSlots
|
|
6834
6834
|
'dap-ds-calendar-cell': DapDSCalendarCellProps & DapDSCalendarCellSlots
|
|
6835
6835
|
'dap-ds-calendar': DapDSCalendarProps & DapDSCalendarEvents & DapDSCalendarSlots
|
|
6836
6836
|
'dap-ds-callout': DapDSCalloutProps & DapDSCalloutEvents & DapDSCalloutSlots
|
|
6837
|
+
'dap-ds-checkbox': DapDSCheckboxProps & DapDSCheckboxEvents
|
|
6837
6838
|
'dap-ds-card-actions': DapDSCardActionsProps & DapDSCardActionsSlots
|
|
6838
6839
|
'dap-ds-card-content': DapDSCardContentProps & DapDSCardContentSlots
|
|
6839
6840
|
'dap-ds-card-image': DapDSCardImageProps & DapDSCardImageSlots
|
|
6840
6841
|
'dap-ds-card-subtitle': DapDSCardSubtitleProps & DapDSCardSubtitleSlots
|
|
6841
6842
|
'dap-ds-card-title': DapDSCardTitleProps & DapDSCardTitleSlots
|
|
6842
6843
|
'dap-ds-card': DapDSCardProps & DapDSCardSlots
|
|
6843
|
-
'dap-ds-checkbox': DapDSCheckboxProps & DapDSCheckboxEvents
|
|
6844
6844
|
'dap-ds-chip': DapDSChipProps & DapDSChipEvents
|
|
6845
6845
|
'dap-ds-code-puncher-slot': DapDSCodePuncherSlotProps
|
|
6846
6846
|
'dap-ds-code-puncher': DapDSCodePuncherProps & DapDSCodePuncherEvents & DapDSCodePuncherSlots
|
|
@@ -6934,8 +6934,8 @@ declare global {
|
|
|
6934
6934
|
'dap-ds-icon-arrow-up-s-fill': ArrowsArrowUpSFillProps
|
|
6935
6935
|
'dap-ds-icon-arrow-up-s-line': ArrowsArrowUpSLineProps
|
|
6936
6936
|
'dap-ds-icon-expand-up-down-fill': ArrowsExpandUpDownFillProps
|
|
6937
|
-
'dap-ds-icon-calendar-line': BusinessCalendarLineProps
|
|
6938
6937
|
'dap-ds-icon-home-6-line': BuildingsHome6LineProps
|
|
6938
|
+
'dap-ds-icon-calendar-line': BusinessCalendarLineProps
|
|
6939
6939
|
'dap-ds-icon-edit-line': DesignEditLineProps
|
|
6940
6940
|
'dap-ds-icon-tools-line': DesignToolsLineProps
|
|
6941
6941
|
'dap-ds-icon-computer-line': DeviceComputerLineProps
|