dap-design-system 0.57.1 → 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/sidenav/sidenav.component.d.ts +1 -0
- package/dist/{components-C2yXmzb-.js → components-I_1pevVu.js} +48 -27
- package/dist/{components-C2yXmzb-.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 +165 -165
- package/dist/manifest/vscode.html-custom-data.json +113 -113
- package/dist/manifest/web-types.json +363 -363
- package/dist/react/index.d.ts +5 -5
- package/dist/react-types.ts +5 -5
- package/dist/react.js +65 -65
- 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,8 +666,8 @@ export interface DapDSAccordionSlots {
|
|
|
666
666
|
'icon-closed'?: () => any
|
|
667
667
|
}
|
|
668
668
|
|
|
669
|
-
export interface
|
|
670
|
-
/** The
|
|
669
|
+
export interface DapDSAvatarGroupSlots {
|
|
670
|
+
/** The avatars to display in the group. */
|
|
671
671
|
default?: () => any
|
|
672
672
|
}
|
|
673
673
|
|
|
@@ -678,11 +678,6 @@ export interface DapDSAvatarSlots {
|
|
|
678
678
|
'fallback'?: () => any
|
|
679
679
|
}
|
|
680
680
|
|
|
681
|
-
export interface DapDSAvatarGroupSlots {
|
|
682
|
-
/** The avatars to display in the group. */
|
|
683
|
-
default?: () => any
|
|
684
|
-
}
|
|
685
|
-
|
|
686
681
|
export interface DapDSBadgeSlots {
|
|
687
682
|
/** The content of the badge. */
|
|
688
683
|
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
|
|
@@ -1148,22 +1148,23 @@ export type DapDSAccordionProps = {
|
|
|
1148
1148
|
loading?: DapDSAccordion["loading"]
|
|
1149
1149
|
}
|
|
1150
1150
|
|
|
1151
|
-
export type
|
|
1152
|
-
/**
|
|
1153
|
-
|
|
1154
|
-
/**
|
|
1155
|
-
|
|
1156
|
-
|
|
1157
|
-
|
|
1158
|
-
|
|
1159
|
-
|
|
1160
|
-
|
|
1161
|
-
|
|
1162
|
-
label
|
|
1163
|
-
|
|
1164
|
-
|
|
1165
|
-
|
|
1166
|
-
|
|
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"]
|
|
1167
1168
|
}
|
|
1168
1169
|
|
|
1169
1170
|
export type DapDSAvatarProps = {
|
|
@@ -1193,25 +1194,6 @@ export type DapDSAvatarProps = {
|
|
|
1193
1194
|
sizeMap?: DapDSAvatar["sizeMap"]
|
|
1194
1195
|
}
|
|
1195
1196
|
|
|
1196
|
-
export type DapDSAvatarGroupProps = {
|
|
1197
|
-
/** Layout type for the avatar group */
|
|
1198
|
-
layout?: DapDSAvatarGroup["layout"]
|
|
1199
|
-
/** Maximum number of avatars to show before showing overflow */
|
|
1200
|
-
max?: DapDSAvatarGroup["max"]
|
|
1201
|
-
/** Whether to show the total count in overflow indicator */
|
|
1202
|
-
"show-total"?: DapDSAvatarGroup["showTotal"]
|
|
1203
|
-
/** Interactive overflow indicator */
|
|
1204
|
-
"interactive-overflow"?: DapDSAvatarGroup["interactiveOverflow"]
|
|
1205
|
-
/** Accessible label for the avatar group */
|
|
1206
|
-
label?: DapDSAvatarGroup["label"]
|
|
1207
|
-
/** Accessible label for the overflow indicator */
|
|
1208
|
-
"overflow-label"?: DapDSAvatarGroup["overflowLabel"]
|
|
1209
|
-
/** The size of avatars in the group. Default is `md`. See SizedMixin. */
|
|
1210
|
-
size?: DapDSAvatarGroup["size"]
|
|
1211
|
-
/** Responsive size map (e.g. "md:lg"); see SizedMixin. */
|
|
1212
|
-
sizeMap?: DapDSAvatarGroup["sizeMap"]
|
|
1213
|
-
}
|
|
1214
|
-
|
|
1215
1197
|
export type DapDSBadgeProps = {
|
|
1216
1198
|
/** The type of the badge */
|
|
1217
1199
|
type?: DapDSBadge["type"]
|
|
@@ -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"]
|
|
@@ -1368,57 +1368,6 @@ export type DapDSCalloutProps = {
|
|
|
1368
1368
|
opened?: DapDSCallout["opened"]
|
|
1369
1369
|
}
|
|
1370
1370
|
|
|
1371
|
-
export type DapDSCheckboxProps = {
|
|
1372
|
-
/** Whether the checkbox is indeterminate */
|
|
1373
|
-
indeterminate?: DapDSCheckbox["indeterminate"]
|
|
1374
|
-
/** Whether the checkbox should prevent the default action */
|
|
1375
|
-
preventDefault?: DapDSCheckbox["preventDefault"]
|
|
1376
|
-
/** This sets up border around the checkbox, when true. */
|
|
1377
|
-
border?: DapDSCheckbox["border"]
|
|
1378
|
-
/** Whether the checkbox is readonly (cannot be changed but value is submitted with form). */
|
|
1379
|
-
readonly?: DapDSCheckbox["readonly"]
|
|
1380
|
-
/** The type of the checkbox */
|
|
1381
|
-
type?: DapDSCheckbox["type"]
|
|
1382
|
-
/** */
|
|
1383
|
-
focusElement?: DapDSCheckbox["focusElement"]
|
|
1384
|
-
/** */
|
|
1385
|
-
feedbackId?: DapDSCheckbox["feedbackId"]
|
|
1386
|
-
/** The name of the checkbox. */
|
|
1387
|
-
name?: DapDSCheckbox["name"]
|
|
1388
|
-
/** The value of the checkbox. */
|
|
1389
|
-
value?: DapDSCheckbox["value"]
|
|
1390
|
-
/** Whether the checkbox is checked. */
|
|
1391
|
-
checked?: DapDSCheckbox["checked"]
|
|
1392
|
-
/** The label of the checkbox. */
|
|
1393
|
-
label?: DapDSCheckbox["label"]
|
|
1394
|
-
/** The description of the checkbox. */
|
|
1395
|
-
description?: DapDSCheckbox["description"]
|
|
1396
|
-
/** Whether the checkbox is disabled. */
|
|
1397
|
-
disabled?: DapDSCheckbox["disabled"]
|
|
1398
|
-
/** Whether the checkbox is required. */
|
|
1399
|
-
required?: DapDSCheckbox["required"]
|
|
1400
|
-
/** The size of the checkbox. Default is 'sm'. */
|
|
1401
|
-
size?: DapDSCheckbox["size"]
|
|
1402
|
-
/** Responsive size map (e.g. "md:lg"). */
|
|
1403
|
-
sizeMap?: DapDSCheckbox["sizeMap"]
|
|
1404
|
-
/** The placement of the label. */
|
|
1405
|
-
labelPlacement?: DapDSCheckbox["labelPlacement"]
|
|
1406
|
-
/** The placement of the description. */
|
|
1407
|
-
descriptionPlacement?: DapDSCheckbox["descriptionPlacement"]
|
|
1408
|
-
/** The weight of the label. */
|
|
1409
|
-
subtle?: DapDSCheckbox["subtle"]
|
|
1410
|
-
/** The feedback of the checkbox. */
|
|
1411
|
-
feedback?: DapDSCheckbox["feedback"]
|
|
1412
|
-
/** The feedback type of the checkbox. */
|
|
1413
|
-
feedbackType?: DapDSCheckbox["feedbackType"]
|
|
1414
|
-
/** The invalid state of the checkbox. */
|
|
1415
|
-
invalid?: DapDSCheckbox["invalid"]
|
|
1416
|
-
/** The optional state of the checkbox. */
|
|
1417
|
-
optional?: DapDSCheckbox["optional"]
|
|
1418
|
-
/** The optional label of the checkbox. */
|
|
1419
|
-
optionalLabel?: DapDSCheckbox["optionalLabel"]
|
|
1420
|
-
}
|
|
1421
|
-
|
|
1422
1371
|
export type DapDSCardActionsProps = {
|
|
1423
1372
|
/** The spacing of the card actions. This adds a margin to the card actions. Default is `bottom`. */
|
|
1424
1373
|
spacing?: DapDSCardActions["spacing"]
|
|
@@ -1505,6 +1454,57 @@ export type DapDSCardProps = {
|
|
|
1505
1454
|
sizeMap?: DapDSCard["sizeMap"]
|
|
1506
1455
|
}
|
|
1507
1456
|
|
|
1457
|
+
export type DapDSCheckboxProps = {
|
|
1458
|
+
/** Whether the checkbox is indeterminate */
|
|
1459
|
+
indeterminate?: DapDSCheckbox["indeterminate"]
|
|
1460
|
+
/** Whether the checkbox should prevent the default action */
|
|
1461
|
+
preventDefault?: DapDSCheckbox["preventDefault"]
|
|
1462
|
+
/** This sets up border around the checkbox, when true. */
|
|
1463
|
+
border?: DapDSCheckbox["border"]
|
|
1464
|
+
/** Whether the checkbox is readonly (cannot be changed but value is submitted with form). */
|
|
1465
|
+
readonly?: DapDSCheckbox["readonly"]
|
|
1466
|
+
/** The type of the checkbox */
|
|
1467
|
+
type?: DapDSCheckbox["type"]
|
|
1468
|
+
/** */
|
|
1469
|
+
focusElement?: DapDSCheckbox["focusElement"]
|
|
1470
|
+
/** */
|
|
1471
|
+
feedbackId?: DapDSCheckbox["feedbackId"]
|
|
1472
|
+
/** The name of the checkbox. */
|
|
1473
|
+
name?: DapDSCheckbox["name"]
|
|
1474
|
+
/** The value of the checkbox. */
|
|
1475
|
+
value?: DapDSCheckbox["value"]
|
|
1476
|
+
/** Whether the checkbox is checked. */
|
|
1477
|
+
checked?: DapDSCheckbox["checked"]
|
|
1478
|
+
/** The label of the checkbox. */
|
|
1479
|
+
label?: DapDSCheckbox["label"]
|
|
1480
|
+
/** The description of the checkbox. */
|
|
1481
|
+
description?: DapDSCheckbox["description"]
|
|
1482
|
+
/** Whether the checkbox is disabled. */
|
|
1483
|
+
disabled?: DapDSCheckbox["disabled"]
|
|
1484
|
+
/** Whether the checkbox is required. */
|
|
1485
|
+
required?: DapDSCheckbox["required"]
|
|
1486
|
+
/** The size of the checkbox. Default is 'sm'. */
|
|
1487
|
+
size?: DapDSCheckbox["size"]
|
|
1488
|
+
/** Responsive size map (e.g. "md:lg"). */
|
|
1489
|
+
sizeMap?: DapDSCheckbox["sizeMap"]
|
|
1490
|
+
/** The placement of the label. */
|
|
1491
|
+
labelPlacement?: DapDSCheckbox["labelPlacement"]
|
|
1492
|
+
/** The placement of the description. */
|
|
1493
|
+
descriptionPlacement?: DapDSCheckbox["descriptionPlacement"]
|
|
1494
|
+
/** The weight of the label. */
|
|
1495
|
+
subtle?: DapDSCheckbox["subtle"]
|
|
1496
|
+
/** The feedback of the checkbox. */
|
|
1497
|
+
feedback?: DapDSCheckbox["feedback"]
|
|
1498
|
+
/** The feedback type of the checkbox. */
|
|
1499
|
+
feedbackType?: DapDSCheckbox["feedbackType"]
|
|
1500
|
+
/** The invalid state of the checkbox. */
|
|
1501
|
+
invalid?: DapDSCheckbox["invalid"]
|
|
1502
|
+
/** The optional state of the checkbox. */
|
|
1503
|
+
optional?: DapDSCheckbox["optional"]
|
|
1504
|
+
/** The optional label of the checkbox. */
|
|
1505
|
+
optionalLabel?: DapDSCheckbox["optionalLabel"]
|
|
1506
|
+
}
|
|
1507
|
+
|
|
1508
1508
|
export type DapDSChipProps = {
|
|
1509
1509
|
/** Whether the chip is removeable */
|
|
1510
1510
|
removeable?: DapDSChip["removeable"]
|
|
@@ -4368,26 +4368,26 @@ export type SystemSearchLineProps = {
|
|
|
4368
4368
|
focusable?: SystemSearchLine["focusable"]
|
|
4369
4369
|
}
|
|
4370
4370
|
|
|
4371
|
-
export type
|
|
4371
|
+
export type SystemShareLineProps = {
|
|
4372
4372
|
/** (optional) The width and height in pixels */
|
|
4373
|
-
size?:
|
|
4373
|
+
size?: SystemShareLine["size"]
|
|
4374
4374
|
/** (optional) Sets the icon color via the `fill` attribute */
|
|
4375
|
-
selected?:
|
|
4375
|
+
selected?: SystemShareLine["selected"]
|
|
4376
4376
|
/** (optional) When using the icon standalone, make it meaningful for accessibility */
|
|
4377
|
-
accessibilityTitle?:
|
|
4377
|
+
accessibilityTitle?: SystemShareLine["accessibilityTitle"]
|
|
4378
4378
|
/** (optional) If `true` the icon can receive focus */
|
|
4379
|
-
focusable?:
|
|
4379
|
+
focusable?: SystemShareLine["focusable"]
|
|
4380
4380
|
}
|
|
4381
4381
|
|
|
4382
|
-
export type
|
|
4382
|
+
export type SystemShieldCheckFillProps = {
|
|
4383
4383
|
/** (optional) The width and height in pixels */
|
|
4384
|
-
size?:
|
|
4384
|
+
size?: SystemShieldCheckFill["size"]
|
|
4385
4385
|
/** (optional) Sets the icon color via the `fill` attribute */
|
|
4386
|
-
selected?:
|
|
4386
|
+
selected?: SystemShieldCheckFill["selected"]
|
|
4387
4387
|
/** (optional) When using the icon standalone, make it meaningful for accessibility */
|
|
4388
|
-
accessibilityTitle?:
|
|
4388
|
+
accessibilityTitle?: SystemShieldCheckFill["accessibilityTitle"]
|
|
4389
4389
|
/** (optional) If `true` the icon can receive focus */
|
|
4390
|
-
focusable?:
|
|
4390
|
+
focusable?: SystemShieldCheckFill["focusable"]
|
|
4391
4391
|
}
|
|
4392
4392
|
|
|
4393
4393
|
export type SystemShieldCheckLineProps = {
|
|
@@ -4541,25 +4541,20 @@ declare module 'vue' {
|
|
|
4541
4541
|
*/
|
|
4542
4542
|
'dap-ds-accordion': DefineCustomElement<DapDSAccordion, DapDSAccordionProps, DapDSAccordionEvents>
|
|
4543
4543
|
/**
|
|
4544
|
-
*
|
|
4544
|
+
* Avatar group component displays multiple avatars in an organized layout with overflow management.
|
|
4545
4545
|
*
|
|
4546
|
-
* ###
|
|
4547
|
-
* - **
|
|
4546
|
+
* ### Events:
|
|
4547
|
+
* - **dds-overflow-click** - Fired when the overflow indicator is clicked.
|
|
4548
4548
|
*
|
|
4549
|
-
* ###
|
|
4550
|
-
* - **
|
|
4551
|
-
*/
|
|
4552
|
-
'dap-ds-accordion-group': DefineCustomElement<DapDSAccordionGroup, DapDSAccordionGroupProps, {}>
|
|
4553
|
-
/**
|
|
4554
|
-
* Anchor heading is a heading with an anchor link.
|
|
4549
|
+
* ### Slots:
|
|
4550
|
+
* - **default** - The avatars to display in the group.
|
|
4555
4551
|
*
|
|
4556
4552
|
* ### CSS Parts:
|
|
4557
|
-
* - **base** - The main
|
|
4558
|
-
* - **
|
|
4559
|
-
* - **
|
|
4560
|
-
* - **text** - The text of the anchor heading.
|
|
4553
|
+
* - **base** - The main container of the avatar group.
|
|
4554
|
+
* - **avatars** - The container for the visible avatars.
|
|
4555
|
+
* - **overflow** - The overflow indicator element.
|
|
4561
4556
|
*/
|
|
4562
|
-
'dap-ds-
|
|
4557
|
+
'dap-ds-avatar-group': DefineCustomElement<DapDSAvatarGroup, DapDSAvatarGroupProps, DapDSAvatarGroupEvents>
|
|
4563
4558
|
/**
|
|
4564
4559
|
* Avatar component can be used to display user profile images, initials, or icons.
|
|
4565
4560
|
*
|
|
@@ -4580,21 +4575,6 @@ declare module 'vue' {
|
|
|
4580
4575
|
* - **loading** - The loading indicator.
|
|
4581
4576
|
*/
|
|
4582
4577
|
'dap-ds-avatar': DefineCustomElement<DapDSAvatar, DapDSAvatarProps, DapDSAvatarEvents>
|
|
4583
|
-
/**
|
|
4584
|
-
* Avatar group component displays multiple avatars in an organized layout with overflow management.
|
|
4585
|
-
*
|
|
4586
|
-
* ### Events:
|
|
4587
|
-
* - **dds-overflow-click** - Fired when the overflow indicator is clicked.
|
|
4588
|
-
*
|
|
4589
|
-
* ### Slots:
|
|
4590
|
-
* - **default** - The avatars to display in the group.
|
|
4591
|
-
*
|
|
4592
|
-
* ### CSS Parts:
|
|
4593
|
-
* - **base** - The main container of the avatar group.
|
|
4594
|
-
* - **avatars** - The container for the visible avatars.
|
|
4595
|
-
* - **overflow** - The overflow indicator element.
|
|
4596
|
-
*/
|
|
4597
|
-
'dap-ds-avatar-group': DefineCustomElement<DapDSAvatarGroup, DapDSAvatarGroupProps, DapDSAvatarGroupEvents>
|
|
4598
4578
|
/**
|
|
4599
4579
|
* A badge is a small status descriptor for UI elements.
|
|
4600
4580
|
*
|
|
@@ -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
|
*
|
|
@@ -4732,27 +4732,6 @@ declare module 'vue' {
|
|
|
4732
4732
|
* - **close** - The close button of the callout.
|
|
4733
4733
|
*/
|
|
4734
4734
|
'dap-ds-callout': DefineCustomElement<DapDSCallout, DapDSCalloutProps, DapDSCalloutEvents>
|
|
4735
|
-
/**
|
|
4736
|
-
* A checkbox is a form element that allows the user to select one or more options from a set.
|
|
4737
|
-
*
|
|
4738
|
-
* ### Events:
|
|
4739
|
-
* - **dds-change** - Fired when the checkbox is checked or unchecked.
|
|
4740
|
-
* - **dds-blur** - Emitted when the checkbox loses focus.
|
|
4741
|
-
* - **dds-focus** - Emitted when the checkbox gains focus.
|
|
4742
|
-
* - **dds-input** - Emitted when the checkbox receives input.
|
|
4743
|
-
*
|
|
4744
|
-
* ### CSS Parts:
|
|
4745
|
-
* - **base** - The main checkbox container.
|
|
4746
|
-
* - **label** - The label of the checkbox.
|
|
4747
|
-
* - **input** - The input of the checkbox.
|
|
4748
|
-
* - **control** - The control of the checkbox.
|
|
4749
|
-
* - **icon** - The icon of the checkbox.
|
|
4750
|
-
* - **icon-base** - The base icon container.
|
|
4751
|
-
* - **label-container** - The label container of the checkbox.
|
|
4752
|
-
* - **description** - The description of the checkbox.
|
|
4753
|
-
* - **readonly** - The readonly state of the checkbox.
|
|
4754
|
-
*/
|
|
4755
|
-
'dap-ds-checkbox': DefineCustomElement<DapDSCheckbox, DapDSCheckboxProps, DapDSCheckboxEvents>
|
|
4756
4735
|
/**
|
|
4757
4736
|
* A card actions is a container for actions in a card.
|
|
4758
4737
|
*
|
|
@@ -4813,6 +4792,27 @@ declare module 'vue' {
|
|
|
4813
4792
|
* - **base** - The main card container.
|
|
4814
4793
|
*/
|
|
4815
4794
|
'dap-ds-card': DefineCustomElement<DapDSCard, DapDSCardProps, {}>
|
|
4795
|
+
/**
|
|
4796
|
+
* A checkbox is a form element that allows the user to select one or more options from a set.
|
|
4797
|
+
*
|
|
4798
|
+
* ### Events:
|
|
4799
|
+
* - **dds-change** - Fired when the checkbox is checked or unchecked.
|
|
4800
|
+
* - **dds-blur** - Emitted when the checkbox loses focus.
|
|
4801
|
+
* - **dds-focus** - Emitted when the checkbox gains focus.
|
|
4802
|
+
* - **dds-input** - Emitted when the checkbox receives input.
|
|
4803
|
+
*
|
|
4804
|
+
* ### CSS Parts:
|
|
4805
|
+
* - **base** - The main checkbox container.
|
|
4806
|
+
* - **label** - The label of the checkbox.
|
|
4807
|
+
* - **input** - The input of the checkbox.
|
|
4808
|
+
* - **control** - The control of the checkbox.
|
|
4809
|
+
* - **icon** - The icon of the checkbox.
|
|
4810
|
+
* - **icon-base** - The base icon container.
|
|
4811
|
+
* - **label-container** - The label container of the checkbox.
|
|
4812
|
+
* - **description** - The description of the checkbox.
|
|
4813
|
+
* - **readonly** - The readonly state of the checkbox.
|
|
4814
|
+
*/
|
|
4815
|
+
'dap-ds-checkbox': DefineCustomElement<DapDSCheckbox, DapDSCheckboxProps, DapDSCheckboxEvents>
|
|
4816
4816
|
/**
|
|
4817
4817
|
* A chip is a small status descriptor for UI elements.
|
|
4818
4818
|
*
|
|
@@ -6595,14 +6595,14 @@ Used with dap-ds-select to create grouped options that render as native optgroup
|
|
|
6595
6595
|
* ### CSS Parts:
|
|
6596
6596
|
* - **base** - The main icon container.
|
|
6597
6597
|
*/
|
|
6598
|
-
'dap-ds-icon-
|
|
6598
|
+
'dap-ds-icon-share-line': DefineCustomElement<SystemShareLine, SystemShareLineProps, {}>
|
|
6599
6599
|
/**
|
|
6600
6600
|
* An icon
|
|
6601
6601
|
*
|
|
6602
6602
|
* ### CSS Parts:
|
|
6603
6603
|
* - **base** - The main icon container.
|
|
6604
6604
|
*/
|
|
6605
|
-
'dap-ds-icon-
|
|
6605
|
+
'dap-ds-icon-shield-check-fill': DefineCustomElement<SystemShieldCheckFill, SystemShieldCheckFillProps, {}>
|
|
6606
6606
|
/**
|
|
6607
6607
|
* An icon
|
|
6608
6608
|
*
|
|
@@ -6688,25 +6688,25 @@ declare global {
|
|
|
6688
6688
|
namespace JSX {
|
|
6689
6689
|
interface IntrinsicElements {
|
|
6690
6690
|
'dap-ds-accordion': DapDSAccordionProps & DapDSAccordionEvents & DapDSAccordionSlots
|
|
6691
|
-
'dap-ds-accordion-group': DapDSAccordionGroupProps & DapDSAccordionGroupSlots
|
|
6692
|
-
'dap-ds-anchor-heading': DapDSAnchorHeadingProps
|
|
6693
|
-
'dap-ds-avatar': DapDSAvatarProps & DapDSAvatarEvents & DapDSAvatarSlots
|
|
6694
6691
|
'dap-ds-avatar-group': DapDSAvatarGroupProps & DapDSAvatarGroupEvents & DapDSAvatarGroupSlots
|
|
6692
|
+
'dap-ds-avatar': DapDSAvatarProps & DapDSAvatarEvents & DapDSAvatarSlots
|
|
6695
6693
|
'dap-ds-badge': DapDSBadgeProps & DapDSBadgeSlots
|
|
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
|
|
6701
6701
|
'dap-ds-calendar': DapDSCalendarProps & DapDSCalendarEvents & DapDSCalendarSlots
|
|
6702
6702
|
'dap-ds-callout': DapDSCalloutProps & DapDSCalloutEvents & DapDSCalloutSlots
|
|
6703
|
-
'dap-ds-checkbox': DapDSCheckboxProps & DapDSCheckboxEvents
|
|
6704
6703
|
'dap-ds-card-actions': DapDSCardActionsProps & DapDSCardActionsSlots
|
|
6705
6704
|
'dap-ds-card-content': DapDSCardContentProps & DapDSCardContentSlots
|
|
6706
6705
|
'dap-ds-card-image': DapDSCardImageProps & DapDSCardImageSlots
|
|
6707
6706
|
'dap-ds-card-subtitle': DapDSCardSubtitleProps & DapDSCardSubtitleSlots
|
|
6708
6707
|
'dap-ds-card-title': DapDSCardTitleProps & DapDSCardTitleSlots
|
|
6709
6708
|
'dap-ds-card': DapDSCardProps & DapDSCardSlots
|
|
6709
|
+
'dap-ds-checkbox': DapDSCheckboxProps & DapDSCheckboxEvents
|
|
6710
6710
|
'dap-ds-chip': DapDSChipProps & DapDSChipEvents
|
|
6711
6711
|
'dap-ds-code-puncher-slot': DapDSCodePuncherSlotProps
|
|
6712
6712
|
'dap-ds-code-puncher': DapDSCodePuncherProps & DapDSCodePuncherEvents & DapDSCodePuncherSlots
|
|
@@ -6856,8 +6856,8 @@ declare global {
|
|
|
6856
6856
|
'dap-ds-icon-more-2-line': SystemMore2LineProps
|
|
6857
6857
|
'dap-ds-icon-more-line': SystemMoreLineProps
|
|
6858
6858
|
'dap-ds-icon-search-line': SystemSearchLineProps
|
|
6859
|
-
'dap-ds-icon-shield-check-fill': SystemShieldCheckFillProps
|
|
6860
6859
|
'dap-ds-icon-share-line': SystemShareLineProps
|
|
6860
|
+
'dap-ds-icon-shield-check-fill': SystemShieldCheckFillProps
|
|
6861
6861
|
'dap-ds-icon-shield-check-line': SystemShieldCheckLineProps
|
|
6862
6862
|
'dap-ds-icon-star-fill': SystemStarFillProps
|
|
6863
6863
|
'dap-ds-icon-subtract-line': SystemSubtractLineProps
|