dap-design-system 0.59.2 → 0.60.1
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/datatable/datatable.component.d.ts +14 -0
- package/dist/{components-BQQTd9Dz.js → components-BgYJ2t-9.js} +685 -651
- package/dist/components-BgYJ2t-9.js.map +1 -0
- package/dist/components.js +1 -1
- package/dist/dds.js +1 -1
- package/dist/manifest/types/vue/index.d.ts +159 -156
- package/dist/manifest/vscode.html-custom-data.json +187 -182
- package/dist/manifest/web-types.json +188 -178
- package/dist/react/index.d.ts +7 -7
- package/dist/react-types.ts +8 -8
- package/dist/react.js +193 -193
- package/dist/react.js.map +1 -1
- package/package.json +1 -1
- package/dist/components-BQQTd9Dz.js.map +0 -1
package/dist/components.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { D as p,
|
|
1
|
+
import { D as p, e as s, d as S, b as e, a as o, c as t, f as r, g 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-BgYJ2t-9.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, d as $, b as z, a as O, c as P, f as U, g 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-BgYJ2t-9.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) => {
|
|
@@ -666,11 +666,6 @@ export interface DapDSAccordionSlots {
|
|
|
666
666
|
'icon-closed'?: () => any
|
|
667
667
|
}
|
|
668
668
|
|
|
669
|
-
export interface DapDSAccordionGroupSlots {
|
|
670
|
-
/** The content of the accordion group. */
|
|
671
|
-
default?: () => any
|
|
672
|
-
}
|
|
673
|
-
|
|
674
669
|
export interface DapDSAvatarGroupSlots {
|
|
675
670
|
/** The avatars to display in the group. */
|
|
676
671
|
default?: () => any
|
|
@@ -683,6 +678,18 @@ export interface DapDSAvatarSlots {
|
|
|
683
678
|
'fallback'?: () => any
|
|
684
679
|
}
|
|
685
680
|
|
|
681
|
+
export interface DapDSBadgeSlots {
|
|
682
|
+
/** The content of the badge. */
|
|
683
|
+
default?: () => any
|
|
684
|
+
/** The icon of the badge. */
|
|
685
|
+
'icon'?: () => any
|
|
686
|
+
}
|
|
687
|
+
|
|
688
|
+
export interface DapDSAccordionGroupSlots {
|
|
689
|
+
/** The content of the accordion group. */
|
|
690
|
+
default?: () => any
|
|
691
|
+
}
|
|
692
|
+
|
|
686
693
|
export interface DapDSBannerSlots {
|
|
687
694
|
/** The content of the banner. */
|
|
688
695
|
default?: () => any
|
|
@@ -692,13 +699,6 @@ export interface DapDSBannerSlots {
|
|
|
692
699
|
'icon'?: () => any
|
|
693
700
|
}
|
|
694
701
|
|
|
695
|
-
export interface DapDSBadgeSlots {
|
|
696
|
-
/** The content of the badge. */
|
|
697
|
-
default?: () => any
|
|
698
|
-
/** The icon of the badge. */
|
|
699
|
-
'icon'?: () => any
|
|
700
|
-
}
|
|
701
|
-
|
|
702
702
|
export interface DapDSBreadcrumbSlots {
|
|
703
703
|
/** The content of the breadcrumb. */
|
|
704
704
|
default?: () => any
|
|
@@ -1148,24 +1148,6 @@ export type DapDSAccordionProps = {
|
|
|
1148
1148
|
loading?: DapDSAccordion["loading"]
|
|
1149
1149
|
}
|
|
1150
1150
|
|
|
1151
|
-
export type DapDSAccordionGroupProps = {
|
|
1152
|
-
/** Whether to close other accordions when one is opened. */
|
|
1153
|
-
autoClose?: DapDSAccordionGroup["autoClose"]
|
|
1154
|
-
/** The variant of the accordion */
|
|
1155
|
-
variant?: DapDSAccordionGroup["variant"]
|
|
1156
|
-
}
|
|
1157
|
-
|
|
1158
|
-
export type DapDSAnchorHeadingProps = {
|
|
1159
|
-
/** The variant of the heading. Default is `h2`. Can be `h1`, `h2`, `h3`, `h4`, `h5`, or `h6`. */
|
|
1160
|
-
variant?: DapDSAnchorHeading["variant"]
|
|
1161
|
-
/** The label of the heading. */
|
|
1162
|
-
label?: DapDSAnchorHeading["label"]
|
|
1163
|
-
/** */
|
|
1164
|
-
elementId?: DapDSAnchorHeading["elementId"]
|
|
1165
|
-
/** */
|
|
1166
|
-
anchorTitle?: DapDSAnchorHeading["anchorTitle"]
|
|
1167
|
-
}
|
|
1168
|
-
|
|
1169
1151
|
export type DapDSAvatarGroupProps = {
|
|
1170
1152
|
/** Layout type for the avatar group */
|
|
1171
1153
|
layout?: DapDSAvatarGroup["layout"]
|
|
@@ -1212,6 +1194,37 @@ export type DapDSAvatarProps = {
|
|
|
1212
1194
|
sizeMap?: DapDSAvatar["sizeMap"]
|
|
1213
1195
|
}
|
|
1214
1196
|
|
|
1197
|
+
export type DapDSBadgeProps = {
|
|
1198
|
+
/** The type of the badge */
|
|
1199
|
+
type?: DapDSBadge["type"]
|
|
1200
|
+
/** The icon of the badge, this is a name of a built in icon */
|
|
1201
|
+
icon?: DapDSBadge["icon"]
|
|
1202
|
+
/** Whether the badge represents dynamic content that should announce changes */
|
|
1203
|
+
live?: DapDSBadge["live"]
|
|
1204
|
+
/** The size of the badge. Default is `sm`. */
|
|
1205
|
+
size?: DapDSBadge["size"]
|
|
1206
|
+
/** Responsive size map (e.g. "md:lg"). */
|
|
1207
|
+
sizeMap?: DapDSBadge["sizeMap"]
|
|
1208
|
+
}
|
|
1209
|
+
|
|
1210
|
+
export type DapDSAnchorHeadingProps = {
|
|
1211
|
+
/** The variant of the heading. Default is `h2`. Can be `h1`, `h2`, `h3`, `h4`, `h5`, or `h6`. */
|
|
1212
|
+
variant?: DapDSAnchorHeading["variant"]
|
|
1213
|
+
/** The label of the heading. */
|
|
1214
|
+
label?: DapDSAnchorHeading["label"]
|
|
1215
|
+
/** */
|
|
1216
|
+
elementId?: DapDSAnchorHeading["elementId"]
|
|
1217
|
+
/** */
|
|
1218
|
+
anchorTitle?: DapDSAnchorHeading["anchorTitle"]
|
|
1219
|
+
}
|
|
1220
|
+
|
|
1221
|
+
export type DapDSAccordionGroupProps = {
|
|
1222
|
+
/** Whether to close other accordions when one is opened. */
|
|
1223
|
+
autoClose?: DapDSAccordionGroup["autoClose"]
|
|
1224
|
+
/** The variant of the accordion */
|
|
1225
|
+
variant?: DapDSAccordionGroup["variant"]
|
|
1226
|
+
}
|
|
1227
|
+
|
|
1215
1228
|
export type DapDSBannerProps = {
|
|
1216
1229
|
/** The variant of the banner */
|
|
1217
1230
|
variant?: DapDSBanner["variant"]
|
|
@@ -1227,19 +1240,6 @@ export type DapDSBannerProps = {
|
|
|
1227
1240
|
icon?: DapDSBanner["icon"]
|
|
1228
1241
|
}
|
|
1229
1242
|
|
|
1230
|
-
export type DapDSBadgeProps = {
|
|
1231
|
-
/** The type of the badge */
|
|
1232
|
-
type?: DapDSBadge["type"]
|
|
1233
|
-
/** The icon of the badge, this is a name of a built in icon */
|
|
1234
|
-
icon?: DapDSBadge["icon"]
|
|
1235
|
-
/** Whether the badge represents dynamic content that should announce changes */
|
|
1236
|
-
live?: DapDSBadge["live"]
|
|
1237
|
-
/** The size of the badge. Default is `sm`. */
|
|
1238
|
-
size?: DapDSBadge["size"]
|
|
1239
|
-
/** Responsive size map (e.g. "md:lg"). */
|
|
1240
|
-
sizeMap?: DapDSBadge["sizeMap"]
|
|
1241
|
-
}
|
|
1242
|
-
|
|
1243
1243
|
export type DapDSBreadcrumbProps = {
|
|
1244
1244
|
/** */
|
|
1245
1245
|
variant?: DapDSBreadcrumb["variant"]
|
|
@@ -1787,6 +1787,9 @@ export type DapDSDataTableProps<T> = {
|
|
|
1787
1787
|
rowKey?: DapDSDataTable<T>["rowKey"]
|
|
1788
1788
|
/** Enable row selection on the table, can be a boolean or a function that returns a boolean */
|
|
1789
1789
|
enableRowSelection?: DapDSDataTable<T>["enableRowSelection"]
|
|
1790
|
+
/** Pin the built-in row-selection (checkbox) column to the left edge, so it
|
|
1791
|
+
stays visible while the other columns scroll horizontally under it. */
|
|
1792
|
+
stickySelectionColumn?: DapDSDataTable<T>["stickySelectionColumn"]
|
|
1790
1793
|
/** Enable sorting on the table */
|
|
1791
1794
|
enableSorting?: DapDSDataTable<T>["enableSorting"]
|
|
1792
1795
|
/** Enable manual sorting on the table */
|
|
@@ -4081,6 +4084,50 @@ export type OthersCookieLineProps = {
|
|
|
4081
4084
|
focusable?: OthersCookieLine["focusable"]
|
|
4082
4085
|
}
|
|
4083
4086
|
|
|
4087
|
+
export type UserAccountCircleFillProps = {
|
|
4088
|
+
/** (optional) The width and height in pixels */
|
|
4089
|
+
size?: UserAccountCircleFill["size"]
|
|
4090
|
+
/** (optional) Sets the icon color via the `fill` attribute */
|
|
4091
|
+
selected?: UserAccountCircleFill["selected"]
|
|
4092
|
+
/** (optional) When using the icon standalone, make it meaningful for accessibility */
|
|
4093
|
+
accessibilityTitle?: UserAccountCircleFill["accessibilityTitle"]
|
|
4094
|
+
/** (optional) If `true` the icon can receive focus */
|
|
4095
|
+
focusable?: UserAccountCircleFill["focusable"]
|
|
4096
|
+
}
|
|
4097
|
+
|
|
4098
|
+
export type UserAccountCircleLineProps = {
|
|
4099
|
+
/** (optional) The width and height in pixels */
|
|
4100
|
+
size?: UserAccountCircleLine["size"]
|
|
4101
|
+
/** (optional) Sets the icon color via the `fill` attribute */
|
|
4102
|
+
selected?: UserAccountCircleLine["selected"]
|
|
4103
|
+
/** (optional) When using the icon standalone, make it meaningful for accessibility */
|
|
4104
|
+
accessibilityTitle?: UserAccountCircleLine["accessibilityTitle"]
|
|
4105
|
+
/** (optional) If `true` the icon can receive focus */
|
|
4106
|
+
focusable?: UserAccountCircleLine["focusable"]
|
|
4107
|
+
}
|
|
4108
|
+
|
|
4109
|
+
export type UserUserFillProps = {
|
|
4110
|
+
/** (optional) The width and height in pixels */
|
|
4111
|
+
size?: UserUserFill["size"]
|
|
4112
|
+
/** (optional) Sets the icon color via the `fill` attribute */
|
|
4113
|
+
selected?: UserUserFill["selected"]
|
|
4114
|
+
/** (optional) When using the icon standalone, make it meaningful for accessibility */
|
|
4115
|
+
accessibilityTitle?: UserUserFill["accessibilityTitle"]
|
|
4116
|
+
/** (optional) If `true` the icon can receive focus */
|
|
4117
|
+
focusable?: UserUserFill["focusable"]
|
|
4118
|
+
}
|
|
4119
|
+
|
|
4120
|
+
export type UserUserLineProps = {
|
|
4121
|
+
/** (optional) The width and height in pixels */
|
|
4122
|
+
size?: UserUserLine["size"]
|
|
4123
|
+
/** (optional) Sets the icon color via the `fill` attribute */
|
|
4124
|
+
selected?: UserUserLine["selected"]
|
|
4125
|
+
/** (optional) When using the icon standalone, make it meaningful for accessibility */
|
|
4126
|
+
accessibilityTitle?: UserUserLine["accessibilityTitle"]
|
|
4127
|
+
/** (optional) If `true` the icon can receive focus */
|
|
4128
|
+
focusable?: UserUserLine["focusable"]
|
|
4129
|
+
}
|
|
4130
|
+
|
|
4084
4131
|
export type SystemAddLineProps = {
|
|
4085
4132
|
/** (optional) The width and height in pixels */
|
|
4086
4133
|
size?: SystemAddLine["size"]
|
|
@@ -4609,50 +4656,6 @@ export type SystemZoomOutLineProps = {
|
|
|
4609
4656
|
focusable?: SystemZoomOutLine["focusable"]
|
|
4610
4657
|
}
|
|
4611
4658
|
|
|
4612
|
-
export type UserAccountCircleFillProps = {
|
|
4613
|
-
/** (optional) The width and height in pixels */
|
|
4614
|
-
size?: UserAccountCircleFill["size"]
|
|
4615
|
-
/** (optional) Sets the icon color via the `fill` attribute */
|
|
4616
|
-
selected?: UserAccountCircleFill["selected"]
|
|
4617
|
-
/** (optional) When using the icon standalone, make it meaningful for accessibility */
|
|
4618
|
-
accessibilityTitle?: UserAccountCircleFill["accessibilityTitle"]
|
|
4619
|
-
/** (optional) If `true` the icon can receive focus */
|
|
4620
|
-
focusable?: UserAccountCircleFill["focusable"]
|
|
4621
|
-
}
|
|
4622
|
-
|
|
4623
|
-
export type UserAccountCircleLineProps = {
|
|
4624
|
-
/** (optional) The width and height in pixels */
|
|
4625
|
-
size?: UserAccountCircleLine["size"]
|
|
4626
|
-
/** (optional) Sets the icon color via the `fill` attribute */
|
|
4627
|
-
selected?: UserAccountCircleLine["selected"]
|
|
4628
|
-
/** (optional) When using the icon standalone, make it meaningful for accessibility */
|
|
4629
|
-
accessibilityTitle?: UserAccountCircleLine["accessibilityTitle"]
|
|
4630
|
-
/** (optional) If `true` the icon can receive focus */
|
|
4631
|
-
focusable?: UserAccountCircleLine["focusable"]
|
|
4632
|
-
}
|
|
4633
|
-
|
|
4634
|
-
export type UserUserFillProps = {
|
|
4635
|
-
/** (optional) The width and height in pixels */
|
|
4636
|
-
size?: UserUserFill["size"]
|
|
4637
|
-
/** (optional) Sets the icon color via the `fill` attribute */
|
|
4638
|
-
selected?: UserUserFill["selected"]
|
|
4639
|
-
/** (optional) When using the icon standalone, make it meaningful for accessibility */
|
|
4640
|
-
accessibilityTitle?: UserUserFill["accessibilityTitle"]
|
|
4641
|
-
/** (optional) If `true` the icon can receive focus */
|
|
4642
|
-
focusable?: UserUserFill["focusable"]
|
|
4643
|
-
}
|
|
4644
|
-
|
|
4645
|
-
export type UserUserLineProps = {
|
|
4646
|
-
/** (optional) The width and height in pixels */
|
|
4647
|
-
size?: UserUserLine["size"]
|
|
4648
|
-
/** (optional) Sets the icon color via the `fill` attribute */
|
|
4649
|
-
selected?: UserUserLine["selected"]
|
|
4650
|
-
/** (optional) When using the icon standalone, make it meaningful for accessibility */
|
|
4651
|
-
accessibilityTitle?: UserUserLine["accessibilityTitle"]
|
|
4652
|
-
/** (optional) If `true` the icon can receive focus */
|
|
4653
|
-
focusable?: UserUserLine["focusable"]
|
|
4654
|
-
}
|
|
4655
|
-
|
|
4656
4659
|
// Augment Vue's GlobalComponents interface
|
|
4657
4660
|
declare module 'vue' {
|
|
4658
4661
|
interface GlobalComponents {
|
|
@@ -4682,26 +4685,6 @@ declare module 'vue' {
|
|
|
4682
4685
|
* - **close-icon-base** - The base of the icon when the accordion is closed.
|
|
4683
4686
|
*/
|
|
4684
4687
|
'dap-ds-accordion': DefineCustomElement<DapDSAccordion, DapDSAccordionProps, DapDSAccordionEvents>
|
|
4685
|
-
/**
|
|
4686
|
-
* An accordion group is a collection of accordion components.
|
|
4687
|
-
*
|
|
4688
|
-
* ### Slots:
|
|
4689
|
-
* - **default** - The content of the accordion group.
|
|
4690
|
-
*
|
|
4691
|
-
* ### CSS Parts:
|
|
4692
|
-
* - **base** - The main accordion group container.
|
|
4693
|
-
*/
|
|
4694
|
-
'dap-ds-accordion-group': DefineCustomElement<DapDSAccordionGroup, DapDSAccordionGroupProps, {}>
|
|
4695
|
-
/**
|
|
4696
|
-
* Anchor heading is a heading with an anchor link.
|
|
4697
|
-
*
|
|
4698
|
-
* ### CSS Parts:
|
|
4699
|
-
* - **base** - The main anchor heading container.
|
|
4700
|
-
* - **link** - The link of the anchor heading. dap-ds-link element.
|
|
4701
|
-
* - **link-base** - The base of the link part.
|
|
4702
|
-
* - **text** - The text of the anchor heading.
|
|
4703
|
-
*/
|
|
4704
|
-
'dap-ds-anchor-heading': DefineCustomElement<DapDSAnchorHeading, DapDSAnchorHeadingProps, {}>
|
|
4705
4688
|
/**
|
|
4706
4689
|
* Avatar group component displays multiple avatars in an organized layout with overflow management.
|
|
4707
4690
|
*
|
|
@@ -4737,6 +4720,40 @@ declare module 'vue' {
|
|
|
4737
4720
|
* - **loading** - The loading indicator.
|
|
4738
4721
|
*/
|
|
4739
4722
|
'dap-ds-avatar': DefineCustomElement<DapDSAvatar, DapDSAvatarProps, DapDSAvatarEvents>
|
|
4723
|
+
/**
|
|
4724
|
+
* A badge is a small status descriptor for UI elements.
|
|
4725
|
+
*
|
|
4726
|
+
* ### Slots:
|
|
4727
|
+
* - **default** - The content of the badge.
|
|
4728
|
+
* - **icon** - The icon of the badge.
|
|
4729
|
+
*
|
|
4730
|
+
* ### CSS Parts:
|
|
4731
|
+
* - **base** - The main container of the badge.
|
|
4732
|
+
* - **icon** - The icon of the badge.
|
|
4733
|
+
* - **content** - The content of the badge.
|
|
4734
|
+
* - **icon-base** - The base of the icon.
|
|
4735
|
+
*/
|
|
4736
|
+
'dap-ds-badge': DefineCustomElement<DapDSBadge, DapDSBadgeProps, {}>
|
|
4737
|
+
/**
|
|
4738
|
+
* Anchor heading is a heading with an anchor link.
|
|
4739
|
+
*
|
|
4740
|
+
* ### CSS Parts:
|
|
4741
|
+
* - **base** - The main anchor heading container.
|
|
4742
|
+
* - **link** - The link of the anchor heading. dap-ds-link element.
|
|
4743
|
+
* - **link-base** - The base of the link part.
|
|
4744
|
+
* - **text** - The text of the anchor heading.
|
|
4745
|
+
*/
|
|
4746
|
+
'dap-ds-anchor-heading': DefineCustomElement<DapDSAnchorHeading, DapDSAnchorHeadingProps, {}>
|
|
4747
|
+
/**
|
|
4748
|
+
* An accordion group is a collection of accordion components.
|
|
4749
|
+
*
|
|
4750
|
+
* ### Slots:
|
|
4751
|
+
* - **default** - The content of the accordion group.
|
|
4752
|
+
*
|
|
4753
|
+
* ### CSS Parts:
|
|
4754
|
+
* - **base** - The main accordion group container.
|
|
4755
|
+
*/
|
|
4756
|
+
'dap-ds-accordion-group': DefineCustomElement<DapDSAccordionGroup, DapDSAccordionGroupProps, {}>
|
|
4740
4757
|
/**
|
|
4741
4758
|
* A banner is a message displayed at the top of the page to provide important information to the user.
|
|
4742
4759
|
*
|
|
@@ -4761,20 +4778,6 @@ declare module 'vue' {
|
|
|
4761
4778
|
* - **title** - The title of the banner.
|
|
4762
4779
|
*/
|
|
4763
4780
|
'dap-ds-banner': DefineCustomElement<DapDSBanner, DapDSBannerProps, DapDSBannerEvents>
|
|
4764
|
-
/**
|
|
4765
|
-
* A badge is a small status descriptor for UI elements.
|
|
4766
|
-
*
|
|
4767
|
-
* ### Slots:
|
|
4768
|
-
* - **default** - The content of the badge.
|
|
4769
|
-
* - **icon** - The icon of the badge.
|
|
4770
|
-
*
|
|
4771
|
-
* ### CSS Parts:
|
|
4772
|
-
* - **base** - The main container of the badge.
|
|
4773
|
-
* - **icon** - The icon of the badge.
|
|
4774
|
-
* - **content** - The content of the badge.
|
|
4775
|
-
* - **icon-base** - The base of the icon.
|
|
4776
|
-
*/
|
|
4777
|
-
'dap-ds-badge': DefineCustomElement<DapDSBadge, DapDSBadgeProps, {}>
|
|
4778
4781
|
/**
|
|
4779
4782
|
* A breadcrumb is a secondary navigation scheme that reveals the user's location in a website or Web application.
|
|
4780
4783
|
*
|
|
@@ -6464,6 +6467,34 @@ Used with dap-ds-select to create grouped options that render as native optgroup
|
|
|
6464
6467
|
* - **base** - The main icon container.
|
|
6465
6468
|
*/
|
|
6466
6469
|
'dap-ds-icon-cookie-line': DefineCustomElement<OthersCookieLine, OthersCookieLineProps, {}>
|
|
6470
|
+
/**
|
|
6471
|
+
* An icon
|
|
6472
|
+
*
|
|
6473
|
+
* ### CSS Parts:
|
|
6474
|
+
* - **base** - The main icon container.
|
|
6475
|
+
*/
|
|
6476
|
+
'dap-ds-icon-account-circle-fill': DefineCustomElement<UserAccountCircleFill, UserAccountCircleFillProps, {}>
|
|
6477
|
+
/**
|
|
6478
|
+
* An icon
|
|
6479
|
+
*
|
|
6480
|
+
* ### CSS Parts:
|
|
6481
|
+
* - **base** - The main icon container.
|
|
6482
|
+
*/
|
|
6483
|
+
'dap-ds-icon-account-circle-line': DefineCustomElement<UserAccountCircleLine, UserAccountCircleLineProps, {}>
|
|
6484
|
+
/**
|
|
6485
|
+
* An icon
|
|
6486
|
+
*
|
|
6487
|
+
* ### CSS Parts:
|
|
6488
|
+
* - **base** - The main icon container.
|
|
6489
|
+
*/
|
|
6490
|
+
'dap-ds-icon-user-fill': DefineCustomElement<UserUserFill, UserUserFillProps, {}>
|
|
6491
|
+
/**
|
|
6492
|
+
* An icon
|
|
6493
|
+
*
|
|
6494
|
+
* ### CSS Parts:
|
|
6495
|
+
* - **base** - The main icon container.
|
|
6496
|
+
*/
|
|
6497
|
+
'dap-ds-icon-user-line': DefineCustomElement<UserUserLine, UserUserLineProps, {}>
|
|
6467
6498
|
/**
|
|
6468
6499
|
* An icon
|
|
6469
6500
|
*
|
|
@@ -6800,34 +6831,6 @@ Used with dap-ds-select to create grouped options that render as native optgroup
|
|
|
6800
6831
|
* - **base** - The main icon container.
|
|
6801
6832
|
*/
|
|
6802
6833
|
'dap-ds-icon-zoom-out-line': DefineCustomElement<SystemZoomOutLine, SystemZoomOutLineProps, {}>
|
|
6803
|
-
/**
|
|
6804
|
-
* An icon
|
|
6805
|
-
*
|
|
6806
|
-
* ### CSS Parts:
|
|
6807
|
-
* - **base** - The main icon container.
|
|
6808
|
-
*/
|
|
6809
|
-
'dap-ds-icon-account-circle-fill': DefineCustomElement<UserAccountCircleFill, UserAccountCircleFillProps, {}>
|
|
6810
|
-
/**
|
|
6811
|
-
* An icon
|
|
6812
|
-
*
|
|
6813
|
-
* ### CSS Parts:
|
|
6814
|
-
* - **base** - The main icon container.
|
|
6815
|
-
*/
|
|
6816
|
-
'dap-ds-icon-account-circle-line': DefineCustomElement<UserAccountCircleLine, UserAccountCircleLineProps, {}>
|
|
6817
|
-
/**
|
|
6818
|
-
* An icon
|
|
6819
|
-
*
|
|
6820
|
-
* ### CSS Parts:
|
|
6821
|
-
* - **base** - The main icon container.
|
|
6822
|
-
*/
|
|
6823
|
-
'dap-ds-icon-user-fill': DefineCustomElement<UserUserFill, UserUserFillProps, {}>
|
|
6824
|
-
/**
|
|
6825
|
-
* An icon
|
|
6826
|
-
*
|
|
6827
|
-
* ### CSS Parts:
|
|
6828
|
-
* - **base** - The main icon container.
|
|
6829
|
-
*/
|
|
6830
|
-
'dap-ds-icon-user-line': DefineCustomElement<UserUserLine, UserUserLineProps, {}>
|
|
6831
6834
|
}
|
|
6832
6835
|
}
|
|
6833
6836
|
|
|
@@ -6836,12 +6839,12 @@ declare global {
|
|
|
6836
6839
|
namespace JSX {
|
|
6837
6840
|
interface IntrinsicElements {
|
|
6838
6841
|
'dap-ds-accordion': DapDSAccordionProps & DapDSAccordionEvents & DapDSAccordionSlots
|
|
6839
|
-
'dap-ds-accordion-group': DapDSAccordionGroupProps & DapDSAccordionGroupSlots
|
|
6840
|
-
'dap-ds-anchor-heading': DapDSAnchorHeadingProps
|
|
6841
6842
|
'dap-ds-avatar-group': DapDSAvatarGroupProps & DapDSAvatarGroupEvents & DapDSAvatarGroupSlots
|
|
6842
6843
|
'dap-ds-avatar': DapDSAvatarProps & DapDSAvatarEvents & DapDSAvatarSlots
|
|
6843
|
-
'dap-ds-banner': DapDSBannerProps & DapDSBannerEvents & DapDSBannerSlots
|
|
6844
6844
|
'dap-ds-badge': DapDSBadgeProps & DapDSBadgeSlots
|
|
6845
|
+
'dap-ds-anchor-heading': DapDSAnchorHeadingProps
|
|
6846
|
+
'dap-ds-accordion-group': DapDSAccordionGroupProps & DapDSAccordionGroupSlots
|
|
6847
|
+
'dap-ds-banner': DapDSBannerProps & DapDSBannerEvents & DapDSBannerSlots
|
|
6845
6848
|
'dap-ds-breadcrumb': DapDSBreadcrumbProps & DapDSBreadcrumbSlots
|
|
6846
6849
|
'dap-ds-breadcrumb-item': DapDSBreadcrumbItemProps & DapDSBreadcrumbItemSlots
|
|
6847
6850
|
'dap-ds-button': DapDSButtonProps & DapDSButtonEvents & DapDSButtonSlots
|
|
@@ -6965,6 +6968,10 @@ declare global {
|
|
|
6965
6968
|
'dap-ds-icon-heart-fill': HealthHeartFillProps
|
|
6966
6969
|
'dap-ds-icon-heart-line': HealthHeartLineProps
|
|
6967
6970
|
'dap-ds-icon-cookie-line': OthersCookieLineProps
|
|
6971
|
+
'dap-ds-icon-account-circle-fill': UserAccountCircleFillProps
|
|
6972
|
+
'dap-ds-icon-account-circle-line': UserAccountCircleLineProps
|
|
6973
|
+
'dap-ds-icon-user-fill': UserUserFillProps
|
|
6974
|
+
'dap-ds-icon-user-line': UserUserLineProps
|
|
6968
6975
|
'dap-ds-icon-add-line': SystemAddLineProps
|
|
6969
6976
|
'dap-ds-icon-alert-fill': SystemAlertFillProps
|
|
6970
6977
|
'dap-ds-icon-alert-line': SystemAlertLineProps
|
|
@@ -7013,10 +7020,6 @@ declare global {
|
|
|
7013
7020
|
'dap-ds-icon-upload-line': SystemUploadLineProps
|
|
7014
7021
|
'dap-ds-icon-zoom-in-line': SystemZoomInLineProps
|
|
7015
7022
|
'dap-ds-icon-zoom-out-line': SystemZoomOutLineProps
|
|
7016
|
-
'dap-ds-icon-account-circle-fill': UserAccountCircleFillProps
|
|
7017
|
-
'dap-ds-icon-account-circle-line': UserAccountCircleLineProps
|
|
7018
|
-
'dap-ds-icon-user-fill': UserUserFillProps
|
|
7019
|
-
'dap-ds-icon-user-line': UserUserLineProps
|
|
7020
7023
|
}
|
|
7021
7024
|
}
|
|
7022
7025
|
}
|