design-zystem 1.0.367 → 1.0.369
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/index.js +11 -48
- package/dist/index.mjs +11 -48
- package/dist/ui/index.d.mts +21 -2
- package/dist/ui/index.d.ts +21 -2
- package/dist/ui/index.js +542 -448
- package/dist/ui/index.mjs +542 -448
- package/dist/ui/style.css +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -741,7 +741,7 @@ var StyledIcon = import_styled_components6.default.i.withConfig({ shouldForwardP
|
|
|
741
741
|
var Icon = (props) => {
|
|
742
742
|
const _a = props, {
|
|
743
743
|
onClick,
|
|
744
|
-
family = "
|
|
744
|
+
family = "regular",
|
|
745
745
|
name,
|
|
746
746
|
type,
|
|
747
747
|
className
|
|
@@ -1017,15 +1017,7 @@ var Bulk = ({
|
|
|
1017
1017
|
e.currentTarget.style.background = mainColor;
|
|
1018
1018
|
},
|
|
1019
1019
|
children: [
|
|
1020
|
-
/* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
|
|
1021
|
-
Icon,
|
|
1022
|
-
{
|
|
1023
|
-
name: section.icon,
|
|
1024
|
-
color: "white",
|
|
1025
|
-
size: "s",
|
|
1026
|
-
family: "regular"
|
|
1027
|
-
}
|
|
1028
|
-
),
|
|
1020
|
+
/* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Icon, { name: section.icon, color: "white", size: "s" }),
|
|
1029
1021
|
/* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
|
|
1030
1022
|
Text,
|
|
1031
1023
|
{
|
|
@@ -1263,7 +1255,6 @@ var Button = (_a) => {
|
|
|
1263
1255
|
{
|
|
1264
1256
|
name: icon,
|
|
1265
1257
|
size,
|
|
1266
|
-
family: "regular",
|
|
1267
1258
|
color: iconColor != null ? iconColor : outline ? variant : colors.white
|
|
1268
1259
|
}
|
|
1269
1260
|
) : icon;
|
|
@@ -1659,7 +1650,6 @@ var NewModal = ({
|
|
|
1659
1650
|
{
|
|
1660
1651
|
name: icon,
|
|
1661
1652
|
size: headerIConSize,
|
|
1662
|
-
type: "regular",
|
|
1663
1653
|
padding: "16px",
|
|
1664
1654
|
backgroundColor: "#F8FAFC",
|
|
1665
1655
|
isRound: true,
|
|
@@ -1985,7 +1975,7 @@ var ToastCard = ({ toastItem }) => {
|
|
|
1985
1975
|
role: "status",
|
|
1986
1976
|
onClick: toastItem.onClick,
|
|
1987
1977
|
children: [
|
|
1988
|
-
/* @__PURE__ */ (0, import_jsx_runtime18.jsx)(IconBadge, { $background: background, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Icon, { name: icon,
|
|
1978
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.jsx)(IconBadge, { $background: background, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Icon, { name: icon, size: "m", color: accent }) }),
|
|
1989
1979
|
/* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(Content, { children: [
|
|
1990
1980
|
toastItem.title && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Text, { size: "s", weight: "700", children: toastItem.title }),
|
|
1991
1981
|
/* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Text, { size: "s", children: toastItem.message })
|
|
@@ -2001,7 +1991,6 @@ var ToastCard = ({ toastItem }) => {
|
|
|
2001
1991
|
Icon,
|
|
2002
1992
|
{
|
|
2003
1993
|
name: "xmark",
|
|
2004
|
-
family: "regular",
|
|
2005
1994
|
size: "s",
|
|
2006
1995
|
color: colors.grey_500,
|
|
2007
1996
|
"aria-label": "Fermer"
|
|
@@ -3221,15 +3210,7 @@ var Input = (0, import_react13.forwardRef)((props, ref) => {
|
|
|
3221
3210
|
onClick: openNativePicker,
|
|
3222
3211
|
"aria-label": "Ouvrir le calendrier",
|
|
3223
3212
|
disabled,
|
|
3224
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
3225
|
-
Icon_default,
|
|
3226
|
-
{
|
|
3227
|
-
family: "regular",
|
|
3228
|
-
name: "calendar",
|
|
3229
|
-
size: "m",
|
|
3230
|
-
color: "grey_500"
|
|
3231
|
-
}
|
|
3232
|
-
)
|
|
3213
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Icon_default, { name: "calendar", size: "m", color: "grey_500" })
|
|
3233
3214
|
}
|
|
3234
3215
|
)
|
|
3235
3216
|
] }) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
@@ -4471,7 +4452,7 @@ var Options = ({
|
|
|
4471
4452
|
}
|
|
4472
4453
|
},
|
|
4473
4454
|
children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(Row_default, { gap: "8", alignItems: "center", justifyContent: "center", children: [
|
|
4474
|
-
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Col_default, { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Icon_default, { name: icon,
|
|
4455
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Col_default, { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Icon_default, { name: icon, color: "#414652" }) }),
|
|
4475
4456
|
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Col_default, { children: label })
|
|
4476
4457
|
] })
|
|
4477
4458
|
}
|
|
@@ -4947,7 +4928,6 @@ var MultiSelect = ({
|
|
|
4947
4928
|
Icon,
|
|
4948
4929
|
{
|
|
4949
4930
|
name: "check",
|
|
4950
|
-
family: "solid",
|
|
4951
4931
|
size: "xs",
|
|
4952
4932
|
color: active ? colors.blue_700 : colors.transparent
|
|
4953
4933
|
}
|
|
@@ -5447,8 +5427,7 @@ var IconTabs = ({
|
|
|
5447
5427
|
{
|
|
5448
5428
|
name: item.icon,
|
|
5449
5429
|
size: "s",
|
|
5450
|
-
color: selectedTab === index ? selectedIconColor : "grey_500"
|
|
5451
|
-
family: "regular"
|
|
5430
|
+
color: selectedTab === index ? selectedIconColor : "grey_500"
|
|
5452
5431
|
}
|
|
5453
5432
|
)
|
|
5454
5433
|
},
|
|
@@ -5656,7 +5635,7 @@ var MetricCard = ({
|
|
|
5656
5635
|
height: 40,
|
|
5657
5636
|
borderRadius: 50
|
|
5658
5637
|
},
|
|
5659
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Icon, { name: icon, size: "m", color: iconColor
|
|
5638
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Icon, { name: icon, size: "m", color: iconColor })
|
|
5660
5639
|
}
|
|
5661
5640
|
),
|
|
5662
5641
|
children ? children : contentLayout === "row" ? /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(Row, { gap: "6", alignItems: "center", children: [
|
|
@@ -6216,15 +6195,7 @@ var FileUploadZone = ({
|
|
|
6216
6195
|
multiple
|
|
6217
6196
|
}
|
|
6218
6197
|
),
|
|
6219
|
-
showIcon && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
6220
|
-
Icon,
|
|
6221
|
-
{
|
|
6222
|
-
name: icon,
|
|
6223
|
-
family: "regular",
|
|
6224
|
-
size: "xl",
|
|
6225
|
-
color: "blue_700"
|
|
6226
|
-
}
|
|
6227
|
-
),
|
|
6198
|
+
showIcon && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Icon, { name: icon, size: "xl", color: "blue_700" }),
|
|
6228
6199
|
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Text, { size: "s", variant: "grey_600", align: "center", children: label }),
|
|
6229
6200
|
showBrowse && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Text, { size: "xs", variant: "grey_600", align: "center", children: "ou" }),
|
|
6230
6201
|
showBrowse && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
@@ -6306,7 +6277,7 @@ var EmptyState = ({
|
|
|
6306
6277
|
gap: "24",
|
|
6307
6278
|
padding: "24px 16px",
|
|
6308
6279
|
children: [
|
|
6309
|
-
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Icon, { name: icon,
|
|
6280
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Icon, { name: icon, size: "xxl", color: "grey_300" }),
|
|
6310
6281
|
/* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(Col, { alignItems: "center", gap: "4", style: { maxWidth: "360px" }, children: [
|
|
6311
6282
|
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Text, { size: "m", weight: "600", variant: "grey_600", align: "center", children: title }),
|
|
6312
6283
|
description && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Text, { size: "s", variant: "grey_500", align: "center", children: description })
|
|
@@ -6343,7 +6314,7 @@ var FloatingButton = ({
|
|
|
6343
6314
|
$transform: arcTransform(index, actions.length),
|
|
6344
6315
|
onClick: action.onClick,
|
|
6345
6316
|
children: [
|
|
6346
|
-
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Icon, { name: action.icon,
|
|
6317
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Icon, { name: action.icon, size: "s", color: accent }),
|
|
6347
6318
|
((_a = action.badge) != null ? _a : 0) > 0 && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(CountBadge, { children: action.badge })
|
|
6348
6319
|
]
|
|
6349
6320
|
},
|
|
@@ -6359,15 +6330,7 @@ var FloatingButton = ({
|
|
|
6359
6330
|
$accent: accent,
|
|
6360
6331
|
onClick: onToggle,
|
|
6361
6332
|
children: [
|
|
6362
|
-
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
6363
|
-
Icon,
|
|
6364
|
-
{
|
|
6365
|
-
name: isOpen ? openIcon : icon,
|
|
6366
|
-
family: "regular",
|
|
6367
|
-
size: "m",
|
|
6368
|
-
color: colors.white
|
|
6369
|
-
}
|
|
6370
|
-
),
|
|
6333
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Icon, { name: isOpen ? openIcon : icon, size: "m", color: colors.white }),
|
|
6371
6334
|
!isOpen && mainBadge > 0 && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(CountBadge, { children: mainBadge })
|
|
6372
6335
|
]
|
|
6373
6336
|
}
|
package/dist/index.mjs
CHANGED
|
@@ -598,7 +598,7 @@ var StyledIcon = styled6.i.withConfig({ shouldForwardProp: shouldForwardProp3 })
|
|
|
598
598
|
var Icon = (props) => {
|
|
599
599
|
const _a = props, {
|
|
600
600
|
onClick,
|
|
601
|
-
family = "
|
|
601
|
+
family = "regular",
|
|
602
602
|
name,
|
|
603
603
|
type,
|
|
604
604
|
className
|
|
@@ -874,15 +874,7 @@ var Bulk = ({
|
|
|
874
874
|
e.currentTarget.style.background = mainColor;
|
|
875
875
|
},
|
|
876
876
|
children: [
|
|
877
|
-
/* @__PURE__ */ jsx10(
|
|
878
|
-
Icon,
|
|
879
|
-
{
|
|
880
|
-
name: section.icon,
|
|
881
|
-
color: "white",
|
|
882
|
-
size: "s",
|
|
883
|
-
family: "regular"
|
|
884
|
-
}
|
|
885
|
-
),
|
|
877
|
+
/* @__PURE__ */ jsx10(Icon, { name: section.icon, color: "white", size: "s" }),
|
|
886
878
|
/* @__PURE__ */ jsx10(
|
|
887
879
|
Text,
|
|
888
880
|
{
|
|
@@ -1120,7 +1112,6 @@ var Button = (_a) => {
|
|
|
1120
1112
|
{
|
|
1121
1113
|
name: icon,
|
|
1122
1114
|
size,
|
|
1123
|
-
family: "regular",
|
|
1124
1115
|
color: iconColor != null ? iconColor : outline ? variant : colors.white
|
|
1125
1116
|
}
|
|
1126
1117
|
) : icon;
|
|
@@ -1516,7 +1507,6 @@ var NewModal = ({
|
|
|
1516
1507
|
{
|
|
1517
1508
|
name: icon,
|
|
1518
1509
|
size: headerIConSize,
|
|
1519
|
-
type: "regular",
|
|
1520
1510
|
padding: "16px",
|
|
1521
1511
|
backgroundColor: "#F8FAFC",
|
|
1522
1512
|
isRound: true,
|
|
@@ -1842,7 +1832,7 @@ var ToastCard = ({ toastItem }) => {
|
|
|
1842
1832
|
role: "status",
|
|
1843
1833
|
onClick: toastItem.onClick,
|
|
1844
1834
|
children: [
|
|
1845
|
-
/* @__PURE__ */ jsx18(IconBadge, { $background: background, children: /* @__PURE__ */ jsx18(Icon, { name: icon,
|
|
1835
|
+
/* @__PURE__ */ jsx18(IconBadge, { $background: background, children: /* @__PURE__ */ jsx18(Icon, { name: icon, size: "m", color: accent }) }),
|
|
1846
1836
|
/* @__PURE__ */ jsxs8(Content, { children: [
|
|
1847
1837
|
toastItem.title && /* @__PURE__ */ jsx18(Text, { size: "s", weight: "700", children: toastItem.title }),
|
|
1848
1838
|
/* @__PURE__ */ jsx18(Text, { size: "s", children: toastItem.message })
|
|
@@ -1858,7 +1848,6 @@ var ToastCard = ({ toastItem }) => {
|
|
|
1858
1848
|
Icon,
|
|
1859
1849
|
{
|
|
1860
1850
|
name: "xmark",
|
|
1861
|
-
family: "regular",
|
|
1862
1851
|
size: "s",
|
|
1863
1852
|
color: colors.grey_500,
|
|
1864
1853
|
"aria-label": "Fermer"
|
|
@@ -3084,15 +3073,7 @@ var Input = forwardRef3((props, ref) => {
|
|
|
3084
3073
|
onClick: openNativePicker,
|
|
3085
3074
|
"aria-label": "Ouvrir le calendrier",
|
|
3086
3075
|
disabled,
|
|
3087
|
-
children: /* @__PURE__ */ jsx25(
|
|
3088
|
-
Icon_default,
|
|
3089
|
-
{
|
|
3090
|
-
family: "regular",
|
|
3091
|
-
name: "calendar",
|
|
3092
|
-
size: "m",
|
|
3093
|
-
color: "grey_500"
|
|
3094
|
-
}
|
|
3095
|
-
)
|
|
3076
|
+
children: /* @__PURE__ */ jsx25(Icon_default, { name: "calendar", size: "m", color: "grey_500" })
|
|
3096
3077
|
}
|
|
3097
3078
|
)
|
|
3098
3079
|
] }) : /* @__PURE__ */ jsx25(
|
|
@@ -4334,7 +4315,7 @@ var Options = ({
|
|
|
4334
4315
|
}
|
|
4335
4316
|
},
|
|
4336
4317
|
children: /* @__PURE__ */ jsxs21(Row_default, { gap: "8", alignItems: "center", justifyContent: "center", children: [
|
|
4337
|
-
/* @__PURE__ */ jsx46(Col_default, { children: /* @__PURE__ */ jsx46(Icon_default, { name: icon,
|
|
4318
|
+
/* @__PURE__ */ jsx46(Col_default, { children: /* @__PURE__ */ jsx46(Icon_default, { name: icon, color: "#414652" }) }),
|
|
4338
4319
|
/* @__PURE__ */ jsx46(Col_default, { children: label })
|
|
4339
4320
|
] })
|
|
4340
4321
|
}
|
|
@@ -4819,7 +4800,6 @@ var MultiSelect = ({
|
|
|
4819
4800
|
Icon,
|
|
4820
4801
|
{
|
|
4821
4802
|
name: "check",
|
|
4822
|
-
family: "solid",
|
|
4823
4803
|
size: "xs",
|
|
4824
4804
|
color: active ? colors.blue_700 : colors.transparent
|
|
4825
4805
|
}
|
|
@@ -5319,8 +5299,7 @@ var IconTabs = ({
|
|
|
5319
5299
|
{
|
|
5320
5300
|
name: item.icon,
|
|
5321
5301
|
size: "s",
|
|
5322
|
-
color: selectedTab === index ? selectedIconColor : "grey_500"
|
|
5323
|
-
family: "regular"
|
|
5302
|
+
color: selectedTab === index ? selectedIconColor : "grey_500"
|
|
5324
5303
|
}
|
|
5325
5304
|
)
|
|
5326
5305
|
},
|
|
@@ -5533,7 +5512,7 @@ var MetricCard = ({
|
|
|
5533
5512
|
height: 40,
|
|
5534
5513
|
borderRadius: 50
|
|
5535
5514
|
},
|
|
5536
|
-
children: /* @__PURE__ */ jsx53(Icon, { name: icon, size: "m", color: iconColor
|
|
5515
|
+
children: /* @__PURE__ */ jsx53(Icon, { name: icon, size: "m", color: iconColor })
|
|
5537
5516
|
}
|
|
5538
5517
|
),
|
|
5539
5518
|
children ? children : contentLayout === "row" ? /* @__PURE__ */ jsxs28(Row, { gap: "6", alignItems: "center", children: [
|
|
@@ -6093,15 +6072,7 @@ var FileUploadZone = ({
|
|
|
6093
6072
|
multiple
|
|
6094
6073
|
}
|
|
6095
6074
|
),
|
|
6096
|
-
showIcon && /* @__PURE__ */ jsx57(
|
|
6097
|
-
Icon,
|
|
6098
|
-
{
|
|
6099
|
-
name: icon,
|
|
6100
|
-
family: "regular",
|
|
6101
|
-
size: "xl",
|
|
6102
|
-
color: "blue_700"
|
|
6103
|
-
}
|
|
6104
|
-
),
|
|
6075
|
+
showIcon && /* @__PURE__ */ jsx57(Icon, { name: icon, size: "xl", color: "blue_700" }),
|
|
6105
6076
|
/* @__PURE__ */ jsx57(Text, { size: "s", variant: "grey_600", align: "center", children: label }),
|
|
6106
6077
|
showBrowse && /* @__PURE__ */ jsx57(Text, { size: "xs", variant: "grey_600", align: "center", children: "ou" }),
|
|
6107
6078
|
showBrowse && /* @__PURE__ */ jsx57(
|
|
@@ -6183,7 +6154,7 @@ var EmptyState = ({
|
|
|
6183
6154
|
gap: "24",
|
|
6184
6155
|
padding: "24px 16px",
|
|
6185
6156
|
children: [
|
|
6186
|
-
/* @__PURE__ */ jsx59(Icon, { name: icon,
|
|
6157
|
+
/* @__PURE__ */ jsx59(Icon, { name: icon, size: "xxl", color: "grey_300" }),
|
|
6187
6158
|
/* @__PURE__ */ jsxs32(Col, { alignItems: "center", gap: "4", style: { maxWidth: "360px" }, children: [
|
|
6188
6159
|
/* @__PURE__ */ jsx59(Text, { size: "m", weight: "600", variant: "grey_600", align: "center", children: title }),
|
|
6189
6160
|
description && /* @__PURE__ */ jsx59(Text, { size: "s", variant: "grey_500", align: "center", children: description })
|
|
@@ -6220,7 +6191,7 @@ var FloatingButton = ({
|
|
|
6220
6191
|
$transform: arcTransform(index, actions.length),
|
|
6221
6192
|
onClick: action.onClick,
|
|
6222
6193
|
children: [
|
|
6223
|
-
/* @__PURE__ */ jsx60(Icon, { name: action.icon,
|
|
6194
|
+
/* @__PURE__ */ jsx60(Icon, { name: action.icon, size: "s", color: accent }),
|
|
6224
6195
|
((_a = action.badge) != null ? _a : 0) > 0 && /* @__PURE__ */ jsx60(CountBadge, { children: action.badge })
|
|
6225
6196
|
]
|
|
6226
6197
|
},
|
|
@@ -6236,15 +6207,7 @@ var FloatingButton = ({
|
|
|
6236
6207
|
$accent: accent,
|
|
6237
6208
|
onClick: onToggle,
|
|
6238
6209
|
children: [
|
|
6239
|
-
/* @__PURE__ */ jsx60(
|
|
6240
|
-
Icon,
|
|
6241
|
-
{
|
|
6242
|
-
name: isOpen ? openIcon : icon,
|
|
6243
|
-
family: "regular",
|
|
6244
|
-
size: "m",
|
|
6245
|
-
color: colors.white
|
|
6246
|
-
}
|
|
6247
|
-
),
|
|
6210
|
+
/* @__PURE__ */ jsx60(Icon, { name: isOpen ? openIcon : icon, size: "m", color: colors.white }),
|
|
6248
6211
|
!isOpen && mainBadge > 0 && /* @__PURE__ */ jsx60(CountBadge, { children: mainBadge })
|
|
6249
6212
|
]
|
|
6250
6213
|
}
|
package/dist/ui/index.d.mts
CHANGED
|
@@ -501,11 +501,29 @@ declare const ModalBody: ({ className, ...props }: React.HTMLAttributes<HTMLDivE
|
|
|
501
501
|
declare const ModalFooter: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => react.JSX.Element;
|
|
502
502
|
declare const ModalClose: react.ForwardRefExoticComponent<RadixDialog.DialogCloseProps & react.RefAttributes<HTMLButtonElement>>;
|
|
503
503
|
|
|
504
|
+
interface SelectBubbleOption extends SelectOption {
|
|
505
|
+
theme?: ColorToken;
|
|
506
|
+
backgroundColor?: HexColor;
|
|
507
|
+
textColor?: HexColor;
|
|
508
|
+
}
|
|
509
|
+
interface SelectBubbleProps {
|
|
510
|
+
variant: 'bubble';
|
|
511
|
+
multiple?: false;
|
|
512
|
+
options: SelectBubbleOption[];
|
|
513
|
+
value?: string;
|
|
514
|
+
onChange?: (value: string) => void;
|
|
515
|
+
disabled?: boolean;
|
|
516
|
+
compact?: boolean;
|
|
517
|
+
className?: string;
|
|
518
|
+
'aria-label'?: string;
|
|
519
|
+
}
|
|
520
|
+
|
|
504
521
|
interface SelectOption {
|
|
505
522
|
value: string;
|
|
506
523
|
label: string;
|
|
507
524
|
}
|
|
508
525
|
interface SelectSharedProps {
|
|
526
|
+
variant?: 'default';
|
|
509
527
|
label?: string;
|
|
510
528
|
options: SelectOption[];
|
|
511
529
|
placeholder?: string;
|
|
@@ -526,7 +544,8 @@ interface MultiSelectProps extends SelectSharedProps {
|
|
|
526
544
|
value?: string[];
|
|
527
545
|
onChange?: (value: string[]) => void;
|
|
528
546
|
}
|
|
529
|
-
type
|
|
547
|
+
type SelectFieldProps = SingleSelectProps | MultiSelectProps;
|
|
548
|
+
type SelectProps = SelectFieldProps | SelectBubbleProps;
|
|
530
549
|
declare const Select: (props: SelectProps) => react.JSX.Element;
|
|
531
550
|
|
|
532
551
|
interface TagOption {
|
|
@@ -1690,4 +1709,4 @@ declare const allowAutofill: (autoComplete: string) => {
|
|
|
1690
1709
|
"data-form-type": undefined;
|
|
1691
1710
|
};
|
|
1692
1711
|
|
|
1693
|
-
export { Attachment, type AttachmentProps, type AttachmentStatus, Avatar, AvatarBadge, type AvatarBadgeConfig, type AvatarBadgeProps, AvatarFallback, type AvatarFallbackProps, AvatarGroup, type AvatarGroupProps, AvatarImage, type AvatarImageProps, type AvatarProps, Badge, type BadgeProps, Banner, type BannerAction, type BannerJustify, type BannerProps, type BannerToggle, Box, type BoxProps, Bulk, type BulkProps, type BulkSection, Button, type ButtonProps, COLOR_TOKENS, Checkbox, type CheckboxProps, Collapsible, CollapsibleContent, CollapsibleTrigger, type ColorKey, ColorPicker, type ColorPickerProps, type ColorToken, DatePicker, type DatePickerMode, type DatePickerProps, type DatePreset, Divider, type DividerProps, Drawer, DrawerBody, DrawerClose, DrawerDescription, type DrawerDirection, DrawerFooter, DrawerHeader, type DrawerProps, DrawerTitle, EmailInput, type EmailInputProps, EmptyState, type EmptyStateProps, FilePicker, type FilePickerProps, FileUploadZone, type FileUploadZoneProps, type FloatingAction, FloatingButton, type FloatingButtonProps, type FloatingSafeArea, Gantt, type GanttBand, type GanttBar, type GanttDay, GanttDot, type GanttProps, type GanttRow, GanttSwatch, type HexColor, Icon, IconBadge, type IconBadgeProps, type IconColor, type IconFamily, type IconProps, type IconSize, type IconTabItem, IconTabs, type IconTabsProps, IconTooltip, type IconTooltipProps, Image, type ImageProps, Input, InputGroup, InputGroupAddon, type InputGroupAddonProps, InputGroupButton, type InputGroupButtonProps, type InputGroupProps, type InputProps, Item, ItemActions, ItemContent, ItemDescription, ItemMedia, type ItemMediaProps, type ItemProps, ItemTitle, Label, type LabelProps, Layout, type LayoutProps, Link, type LinkProps, Message, MessageDateSeparator, type MessageDateSeparatorProps, type MessageProps, MessageScroller, type MessageScrollerProps, type MessageSeparatorTone, type MessageVariant, MetricCard, type MetricCardProps, Modal, ModalBody, ModalClose, ModalDescription, ModalFooter, ModalHeader, type ModalProps, ModalTitle, type MultiSelectProps, type OptimizeImageOptions, type OptimizeImageResult, PageContainer, type PageContainerProps, Pagination, type PaginationProps, PasswordInput, type PasswordInputProps, PdfPreview, type PdfPreviewProps, PhoneInput, type PhoneInputMeta, type PhoneInputProps, Popover, type PopoverMenuItem, type PopoverProps, ProgressBar, type ProgressBarProps, Radio, type RadioOption, type RadioProps, ScrollArea, type ScrollAreaProps, SearchInput, type SearchInputProps, Select, type SelectOption, type SelectProps, Sidebar, SidebarContent, type SidebarContentProps, SidebarFooter, type SidebarFooterProps, SidebarGroup, type SidebarGroupProps, SidebarHeader, type SidebarHeaderProps, SidebarMenuButton, type SidebarMenuButtonProps, SidebarMenuSearchInput, type SidebarMenuSearchInputProps, SidebarMenuSub, SidebarMenuSubButton, type SidebarMenuSubButtonProps, SidebarMenuSubItem, type SidebarMenuSubItemProps, type SidebarMenuSubProps, type SidebarProps, SidebarSupportInfo, type SidebarSupportInfoProps, SidebarTrigger, type SidebarTriggerProps, SidebarUserMenu, type SidebarUserMenuAction, type SidebarUserMenuLeafAction, type SidebarUserMenuProps, type SingleSelectProps, Skeleton, type SkeletonProps, Spinner, type SpinnerProps, type SpinnerSize, Stepper, type StepperProps, Switch, type SwitchProps, type TabItem, Table, TableCell, type TableCellProps, type TableEmptyState, TableFooter, TableFooterCell, type TableFooterCellProps, type TableFooterProps, TableFooterRow, type TableFooterRowProps, TableHeader, TableHeaderCell, type TableHeaderCellProps, type TableHeaderProps, TableHeaderRow, type TableHeaderRowProps, type TablePagination, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, type TabsVariant, TagBubble, type TagBubbleProps, type TagOption, TagSelect, type TagSelectProps, Text, type TextProps, Textarea, type TextareaProps, type TextareaVariant, Timeline, type TimelineItem, type TimelineProps, type ToastOptions, type ToastType, Toaster, Tooltip, type TooltipProps, VideoPlayer, type VideoPlayerProps, addBusinessDays, allowAutofill, appendCacheBuster, appendQueryParam, buttonVariants, capitalizeFirstLetter, colors, easterDate, formatAddress, formatCityFromFormattedAddress, formatCityWithPostalCode, formatDate, formatDateWithTime, formatDistance, formatDuration, formatEuro, formatKM, formatLocality, formatName, formatNameWithInitial, formatPhoneNumber, formatPlate, formatPlateWithoutDashes, formatPostalCodeFromFormattedAddress, formatRegionCode, formatTime, formatVideoDuration, formatVin, generateHexColor, getAvatarColor, getCleanFileName, getFileIconByMimeType, getFileKind, getFileNameFromUrl, getInitials, getMimeCategory, getRelativeTime, isHoliday, isSameDay, isolateCity, noAutofillProps, optimizeImage, parseAmount, parseIsoDate, toast, truncateFileName, truncateText, useAvatarSize };
|
|
1712
|
+
export { Attachment, type AttachmentProps, type AttachmentStatus, Avatar, AvatarBadge, type AvatarBadgeConfig, type AvatarBadgeProps, AvatarFallback, type AvatarFallbackProps, AvatarGroup, type AvatarGroupProps, AvatarImage, type AvatarImageProps, type AvatarProps, Badge, type BadgeProps, Banner, type BannerAction, type BannerJustify, type BannerProps, type BannerToggle, Box, type BoxProps, Bulk, type BulkProps, type BulkSection, Button, type ButtonProps, COLOR_TOKENS, Checkbox, type CheckboxProps, Collapsible, CollapsibleContent, CollapsibleTrigger, type ColorKey, ColorPicker, type ColorPickerProps, type ColorToken, DatePicker, type DatePickerMode, type DatePickerProps, type DatePreset, Divider, type DividerProps, Drawer, DrawerBody, DrawerClose, DrawerDescription, type DrawerDirection, DrawerFooter, DrawerHeader, type DrawerProps, DrawerTitle, EmailInput, type EmailInputProps, EmptyState, type EmptyStateProps, FilePicker, type FilePickerProps, FileUploadZone, type FileUploadZoneProps, type FloatingAction, FloatingButton, type FloatingButtonProps, type FloatingSafeArea, Gantt, type GanttBand, type GanttBar, type GanttDay, GanttDot, type GanttProps, type GanttRow, GanttSwatch, type HexColor, Icon, IconBadge, type IconBadgeProps, type IconColor, type IconFamily, type IconProps, type IconSize, type IconTabItem, IconTabs, type IconTabsProps, IconTooltip, type IconTooltipProps, Image, type ImageProps, Input, InputGroup, InputGroupAddon, type InputGroupAddonProps, InputGroupButton, type InputGroupButtonProps, type InputGroupProps, type InputProps, Item, ItemActions, ItemContent, ItemDescription, ItemMedia, type ItemMediaProps, type ItemProps, ItemTitle, Label, type LabelProps, Layout, type LayoutProps, Link, type LinkProps, Message, MessageDateSeparator, type MessageDateSeparatorProps, type MessageProps, MessageScroller, type MessageScrollerProps, type MessageSeparatorTone, type MessageVariant, MetricCard, type MetricCardProps, Modal, ModalBody, ModalClose, ModalDescription, ModalFooter, ModalHeader, type ModalProps, ModalTitle, type MultiSelectProps, type OptimizeImageOptions, type OptimizeImageResult, PageContainer, type PageContainerProps, Pagination, type PaginationProps, PasswordInput, type PasswordInputProps, PdfPreview, type PdfPreviewProps, PhoneInput, type PhoneInputMeta, type PhoneInputProps, Popover, type PopoverMenuItem, type PopoverProps, ProgressBar, type ProgressBarProps, Radio, type RadioOption, type RadioProps, ScrollArea, type ScrollAreaProps, SearchInput, type SearchInputProps, Select, type SelectBubbleOption, type SelectOption, type SelectProps, Sidebar, SidebarContent, type SidebarContentProps, SidebarFooter, type SidebarFooterProps, SidebarGroup, type SidebarGroupProps, SidebarHeader, type SidebarHeaderProps, SidebarMenuButton, type SidebarMenuButtonProps, SidebarMenuSearchInput, type SidebarMenuSearchInputProps, SidebarMenuSub, SidebarMenuSubButton, type SidebarMenuSubButtonProps, SidebarMenuSubItem, type SidebarMenuSubItemProps, type SidebarMenuSubProps, type SidebarProps, SidebarSupportInfo, type SidebarSupportInfoProps, SidebarTrigger, type SidebarTriggerProps, SidebarUserMenu, type SidebarUserMenuAction, type SidebarUserMenuLeafAction, type SidebarUserMenuProps, type SingleSelectProps, Skeleton, type SkeletonProps, Spinner, type SpinnerProps, type SpinnerSize, Stepper, type StepperProps, Switch, type SwitchProps, type TabItem, Table, TableCell, type TableCellProps, type TableEmptyState, TableFooter, TableFooterCell, type TableFooterCellProps, type TableFooterProps, TableFooterRow, type TableFooterRowProps, TableHeader, TableHeaderCell, type TableHeaderCellProps, type TableHeaderProps, TableHeaderRow, type TableHeaderRowProps, type TablePagination, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, type TabsVariant, TagBubble, type TagBubbleProps, type TagOption, TagSelect, type TagSelectProps, Text, type TextProps, Textarea, type TextareaProps, type TextareaVariant, Timeline, type TimelineItem, type TimelineProps, type ToastOptions, type ToastType, Toaster, Tooltip, type TooltipProps, VideoPlayer, type VideoPlayerProps, addBusinessDays, allowAutofill, appendCacheBuster, appendQueryParam, buttonVariants, capitalizeFirstLetter, colors, easterDate, formatAddress, formatCityFromFormattedAddress, formatCityWithPostalCode, formatDate, formatDateWithTime, formatDistance, formatDuration, formatEuro, formatKM, formatLocality, formatName, formatNameWithInitial, formatPhoneNumber, formatPlate, formatPlateWithoutDashes, formatPostalCodeFromFormattedAddress, formatRegionCode, formatTime, formatVideoDuration, formatVin, generateHexColor, getAvatarColor, getCleanFileName, getFileIconByMimeType, getFileKind, getFileNameFromUrl, getInitials, getMimeCategory, getRelativeTime, isHoliday, isSameDay, isolateCity, noAutofillProps, optimizeImage, parseAmount, parseIsoDate, toast, truncateFileName, truncateText, useAvatarSize };
|
package/dist/ui/index.d.ts
CHANGED
|
@@ -501,11 +501,29 @@ declare const ModalBody: ({ className, ...props }: React.HTMLAttributes<HTMLDivE
|
|
|
501
501
|
declare const ModalFooter: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => react.JSX.Element;
|
|
502
502
|
declare const ModalClose: react.ForwardRefExoticComponent<RadixDialog.DialogCloseProps & react.RefAttributes<HTMLButtonElement>>;
|
|
503
503
|
|
|
504
|
+
interface SelectBubbleOption extends SelectOption {
|
|
505
|
+
theme?: ColorToken;
|
|
506
|
+
backgroundColor?: HexColor;
|
|
507
|
+
textColor?: HexColor;
|
|
508
|
+
}
|
|
509
|
+
interface SelectBubbleProps {
|
|
510
|
+
variant: 'bubble';
|
|
511
|
+
multiple?: false;
|
|
512
|
+
options: SelectBubbleOption[];
|
|
513
|
+
value?: string;
|
|
514
|
+
onChange?: (value: string) => void;
|
|
515
|
+
disabled?: boolean;
|
|
516
|
+
compact?: boolean;
|
|
517
|
+
className?: string;
|
|
518
|
+
'aria-label'?: string;
|
|
519
|
+
}
|
|
520
|
+
|
|
504
521
|
interface SelectOption {
|
|
505
522
|
value: string;
|
|
506
523
|
label: string;
|
|
507
524
|
}
|
|
508
525
|
interface SelectSharedProps {
|
|
526
|
+
variant?: 'default';
|
|
509
527
|
label?: string;
|
|
510
528
|
options: SelectOption[];
|
|
511
529
|
placeholder?: string;
|
|
@@ -526,7 +544,8 @@ interface MultiSelectProps extends SelectSharedProps {
|
|
|
526
544
|
value?: string[];
|
|
527
545
|
onChange?: (value: string[]) => void;
|
|
528
546
|
}
|
|
529
|
-
type
|
|
547
|
+
type SelectFieldProps = SingleSelectProps | MultiSelectProps;
|
|
548
|
+
type SelectProps = SelectFieldProps | SelectBubbleProps;
|
|
530
549
|
declare const Select: (props: SelectProps) => react.JSX.Element;
|
|
531
550
|
|
|
532
551
|
interface TagOption {
|
|
@@ -1690,4 +1709,4 @@ declare const allowAutofill: (autoComplete: string) => {
|
|
|
1690
1709
|
"data-form-type": undefined;
|
|
1691
1710
|
};
|
|
1692
1711
|
|
|
1693
|
-
export { Attachment, type AttachmentProps, type AttachmentStatus, Avatar, AvatarBadge, type AvatarBadgeConfig, type AvatarBadgeProps, AvatarFallback, type AvatarFallbackProps, AvatarGroup, type AvatarGroupProps, AvatarImage, type AvatarImageProps, type AvatarProps, Badge, type BadgeProps, Banner, type BannerAction, type BannerJustify, type BannerProps, type BannerToggle, Box, type BoxProps, Bulk, type BulkProps, type BulkSection, Button, type ButtonProps, COLOR_TOKENS, Checkbox, type CheckboxProps, Collapsible, CollapsibleContent, CollapsibleTrigger, type ColorKey, ColorPicker, type ColorPickerProps, type ColorToken, DatePicker, type DatePickerMode, type DatePickerProps, type DatePreset, Divider, type DividerProps, Drawer, DrawerBody, DrawerClose, DrawerDescription, type DrawerDirection, DrawerFooter, DrawerHeader, type DrawerProps, DrawerTitle, EmailInput, type EmailInputProps, EmptyState, type EmptyStateProps, FilePicker, type FilePickerProps, FileUploadZone, type FileUploadZoneProps, type FloatingAction, FloatingButton, type FloatingButtonProps, type FloatingSafeArea, Gantt, type GanttBand, type GanttBar, type GanttDay, GanttDot, type GanttProps, type GanttRow, GanttSwatch, type HexColor, Icon, IconBadge, type IconBadgeProps, type IconColor, type IconFamily, type IconProps, type IconSize, type IconTabItem, IconTabs, type IconTabsProps, IconTooltip, type IconTooltipProps, Image, type ImageProps, Input, InputGroup, InputGroupAddon, type InputGroupAddonProps, InputGroupButton, type InputGroupButtonProps, type InputGroupProps, type InputProps, Item, ItemActions, ItemContent, ItemDescription, ItemMedia, type ItemMediaProps, type ItemProps, ItemTitle, Label, type LabelProps, Layout, type LayoutProps, Link, type LinkProps, Message, MessageDateSeparator, type MessageDateSeparatorProps, type MessageProps, MessageScroller, type MessageScrollerProps, type MessageSeparatorTone, type MessageVariant, MetricCard, type MetricCardProps, Modal, ModalBody, ModalClose, ModalDescription, ModalFooter, ModalHeader, type ModalProps, ModalTitle, type MultiSelectProps, type OptimizeImageOptions, type OptimizeImageResult, PageContainer, type PageContainerProps, Pagination, type PaginationProps, PasswordInput, type PasswordInputProps, PdfPreview, type PdfPreviewProps, PhoneInput, type PhoneInputMeta, type PhoneInputProps, Popover, type PopoverMenuItem, type PopoverProps, ProgressBar, type ProgressBarProps, Radio, type RadioOption, type RadioProps, ScrollArea, type ScrollAreaProps, SearchInput, type SearchInputProps, Select, type SelectOption, type SelectProps, Sidebar, SidebarContent, type SidebarContentProps, SidebarFooter, type SidebarFooterProps, SidebarGroup, type SidebarGroupProps, SidebarHeader, type SidebarHeaderProps, SidebarMenuButton, type SidebarMenuButtonProps, SidebarMenuSearchInput, type SidebarMenuSearchInputProps, SidebarMenuSub, SidebarMenuSubButton, type SidebarMenuSubButtonProps, SidebarMenuSubItem, type SidebarMenuSubItemProps, type SidebarMenuSubProps, type SidebarProps, SidebarSupportInfo, type SidebarSupportInfoProps, SidebarTrigger, type SidebarTriggerProps, SidebarUserMenu, type SidebarUserMenuAction, type SidebarUserMenuLeafAction, type SidebarUserMenuProps, type SingleSelectProps, Skeleton, type SkeletonProps, Spinner, type SpinnerProps, type SpinnerSize, Stepper, type StepperProps, Switch, type SwitchProps, type TabItem, Table, TableCell, type TableCellProps, type TableEmptyState, TableFooter, TableFooterCell, type TableFooterCellProps, type TableFooterProps, TableFooterRow, type TableFooterRowProps, TableHeader, TableHeaderCell, type TableHeaderCellProps, type TableHeaderProps, TableHeaderRow, type TableHeaderRowProps, type TablePagination, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, type TabsVariant, TagBubble, type TagBubbleProps, type TagOption, TagSelect, type TagSelectProps, Text, type TextProps, Textarea, type TextareaProps, type TextareaVariant, Timeline, type TimelineItem, type TimelineProps, type ToastOptions, type ToastType, Toaster, Tooltip, type TooltipProps, VideoPlayer, type VideoPlayerProps, addBusinessDays, allowAutofill, appendCacheBuster, appendQueryParam, buttonVariants, capitalizeFirstLetter, colors, easterDate, formatAddress, formatCityFromFormattedAddress, formatCityWithPostalCode, formatDate, formatDateWithTime, formatDistance, formatDuration, formatEuro, formatKM, formatLocality, formatName, formatNameWithInitial, formatPhoneNumber, formatPlate, formatPlateWithoutDashes, formatPostalCodeFromFormattedAddress, formatRegionCode, formatTime, formatVideoDuration, formatVin, generateHexColor, getAvatarColor, getCleanFileName, getFileIconByMimeType, getFileKind, getFileNameFromUrl, getInitials, getMimeCategory, getRelativeTime, isHoliday, isSameDay, isolateCity, noAutofillProps, optimizeImage, parseAmount, parseIsoDate, toast, truncateFileName, truncateText, useAvatarSize };
|
|
1712
|
+
export { Attachment, type AttachmentProps, type AttachmentStatus, Avatar, AvatarBadge, type AvatarBadgeConfig, type AvatarBadgeProps, AvatarFallback, type AvatarFallbackProps, AvatarGroup, type AvatarGroupProps, AvatarImage, type AvatarImageProps, type AvatarProps, Badge, type BadgeProps, Banner, type BannerAction, type BannerJustify, type BannerProps, type BannerToggle, Box, type BoxProps, Bulk, type BulkProps, type BulkSection, Button, type ButtonProps, COLOR_TOKENS, Checkbox, type CheckboxProps, Collapsible, CollapsibleContent, CollapsibleTrigger, type ColorKey, ColorPicker, type ColorPickerProps, type ColorToken, DatePicker, type DatePickerMode, type DatePickerProps, type DatePreset, Divider, type DividerProps, Drawer, DrawerBody, DrawerClose, DrawerDescription, type DrawerDirection, DrawerFooter, DrawerHeader, type DrawerProps, DrawerTitle, EmailInput, type EmailInputProps, EmptyState, type EmptyStateProps, FilePicker, type FilePickerProps, FileUploadZone, type FileUploadZoneProps, type FloatingAction, FloatingButton, type FloatingButtonProps, type FloatingSafeArea, Gantt, type GanttBand, type GanttBar, type GanttDay, GanttDot, type GanttProps, type GanttRow, GanttSwatch, type HexColor, Icon, IconBadge, type IconBadgeProps, type IconColor, type IconFamily, type IconProps, type IconSize, type IconTabItem, IconTabs, type IconTabsProps, IconTooltip, type IconTooltipProps, Image, type ImageProps, Input, InputGroup, InputGroupAddon, type InputGroupAddonProps, InputGroupButton, type InputGroupButtonProps, type InputGroupProps, type InputProps, Item, ItemActions, ItemContent, ItemDescription, ItemMedia, type ItemMediaProps, type ItemProps, ItemTitle, Label, type LabelProps, Layout, type LayoutProps, Link, type LinkProps, Message, MessageDateSeparator, type MessageDateSeparatorProps, type MessageProps, MessageScroller, type MessageScrollerProps, type MessageSeparatorTone, type MessageVariant, MetricCard, type MetricCardProps, Modal, ModalBody, ModalClose, ModalDescription, ModalFooter, ModalHeader, type ModalProps, ModalTitle, type MultiSelectProps, type OptimizeImageOptions, type OptimizeImageResult, PageContainer, type PageContainerProps, Pagination, type PaginationProps, PasswordInput, type PasswordInputProps, PdfPreview, type PdfPreviewProps, PhoneInput, type PhoneInputMeta, type PhoneInputProps, Popover, type PopoverMenuItem, type PopoverProps, ProgressBar, type ProgressBarProps, Radio, type RadioOption, type RadioProps, ScrollArea, type ScrollAreaProps, SearchInput, type SearchInputProps, Select, type SelectBubbleOption, type SelectOption, type SelectProps, Sidebar, SidebarContent, type SidebarContentProps, SidebarFooter, type SidebarFooterProps, SidebarGroup, type SidebarGroupProps, SidebarHeader, type SidebarHeaderProps, SidebarMenuButton, type SidebarMenuButtonProps, SidebarMenuSearchInput, type SidebarMenuSearchInputProps, SidebarMenuSub, SidebarMenuSubButton, type SidebarMenuSubButtonProps, SidebarMenuSubItem, type SidebarMenuSubItemProps, type SidebarMenuSubProps, type SidebarProps, SidebarSupportInfo, type SidebarSupportInfoProps, SidebarTrigger, type SidebarTriggerProps, SidebarUserMenu, type SidebarUserMenuAction, type SidebarUserMenuLeafAction, type SidebarUserMenuProps, type SingleSelectProps, Skeleton, type SkeletonProps, Spinner, type SpinnerProps, type SpinnerSize, Stepper, type StepperProps, Switch, type SwitchProps, type TabItem, Table, TableCell, type TableCellProps, type TableEmptyState, TableFooter, TableFooterCell, type TableFooterCellProps, type TableFooterProps, TableFooterRow, type TableFooterRowProps, TableHeader, TableHeaderCell, type TableHeaderCellProps, type TableHeaderProps, TableHeaderRow, type TableHeaderRowProps, type TablePagination, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, type TabsVariant, TagBubble, type TagBubbleProps, type TagOption, TagSelect, type TagSelectProps, Text, type TextProps, Textarea, type TextareaProps, type TextareaVariant, Timeline, type TimelineItem, type TimelineProps, type ToastOptions, type ToastType, Toaster, Tooltip, type TooltipProps, VideoPlayer, type VideoPlayerProps, addBusinessDays, allowAutofill, appendCacheBuster, appendQueryParam, buttonVariants, capitalizeFirstLetter, colors, easterDate, formatAddress, formatCityFromFormattedAddress, formatCityWithPostalCode, formatDate, formatDateWithTime, formatDistance, formatDuration, formatEuro, formatKM, formatLocality, formatName, formatNameWithInitial, formatPhoneNumber, formatPlate, formatPlateWithoutDashes, formatPostalCodeFromFormattedAddress, formatRegionCode, formatTime, formatVideoDuration, formatVin, generateHexColor, getAvatarColor, getCleanFileName, getFileIconByMimeType, getFileKind, getFileNameFromUrl, getInitials, getMimeCategory, getRelativeTime, isHoliday, isSameDay, isolateCity, noAutofillProps, optimizeImage, parseAmount, parseIsoDate, toast, truncateFileName, truncateText, useAvatarSize };
|