design-zystem 1.0.367 → 1.0.368

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.
Files changed (3) hide show
  1. package/dist/index.js +11 -48
  2. package/dist/index.mjs +11 -48
  3. 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 = "solid",
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, family: "regular", size: "m", color: accent }) }),
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, type: "regular", color: "#414652" }) }),
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, family: "regular" })
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, family: "solid", size: "xxl", color: "grey_300" }),
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, family: "regular", size: "s", color: accent }),
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 = "solid",
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, family: "regular", size: "m", color: accent }) }),
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, type: "regular", color: "#414652" }) }),
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, family: "regular" })
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, family: "solid", size: "xxl", color: "grey_300" }),
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, family: "regular", size: "s", color: accent }),
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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "design-zystem",
3
- "version": "1.0.367",
3
+ "version": "1.0.368",
4
4
  "description": "A React design system of importable components",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",