@saleor/macaw-ui 1.3.0 → 1.3.2

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 (42) hide show
  1. package/dist/GeistMono-Bold.woff2 +0 -0
  2. package/dist/GeistMono-BoldItalic.woff2 +0 -0
  3. package/dist/GeistMono-Italic.woff2 +0 -0
  4. package/dist/GeistMono-Italic[wght].woff2 +0 -0
  5. package/dist/GeistMono-Medium.woff2 +0 -0
  6. package/dist/GeistMono-MediumItalic.woff2 +0 -0
  7. package/dist/GeistMono-Regular.woff2 +0 -0
  8. package/dist/GeistMono[wght].woff2 +0 -0
  9. package/dist/components/Avatar/Avatar.stories.d.ts +14 -8
  10. package/dist/components/Avatar/index.d.ts +28 -16
  11. package/dist/components/Backdrop/Backdrop.d.ts +14 -8
  12. package/dist/components/Box/Box.d.ts +14 -8
  13. package/dist/components/Button/Button.d.ts +14 -8
  14. package/dist/components/Checkbox/Checkbox.d.ts +14 -8
  15. package/dist/components/Chip/Chip.d.ts +14 -8
  16. package/dist/components/Combobox/Dynamic/DynamicCombobox.d.ts +28 -16
  17. package/dist/components/Combobox/Static/Combobox.d.ts +28 -16
  18. package/dist/components/Divider/Divider.d.ts +14 -8
  19. package/dist/components/DropdownButton/DropdownButton.d.ts +14 -8
  20. package/dist/components/Input/Input.d.ts +14 -8
  21. package/dist/components/List/Item.d.ts +14 -8
  22. package/dist/components/List/List.d.ts +14 -8
  23. package/dist/components/List/index.d.ts +28 -16
  24. package/dist/components/Multiselect/Dynamic/DynamicMultiselect.d.ts +28 -16
  25. package/dist/components/Multiselect/Static/Multiselect.d.ts +42 -24
  26. package/dist/components/Paragraph/Paragraph.d.ts +14 -8
  27. package/dist/components/RadioGroup/Group.d.ts +14 -8
  28. package/dist/components/RadioGroup/Item.d.ts +14 -8
  29. package/dist/components/RadioGroup/index.d.ts +28 -16
  30. package/dist/components/RangeInput/RangeInput.d.ts +14 -8
  31. package/dist/components/SearchInput/SearchInput.d.ts +14 -8
  32. package/dist/components/Select/Select.d.ts +28 -16
  33. package/dist/components/Switch/Switch.d.ts +14 -8
  34. package/dist/components/Switch/index.d.ts +14 -8
  35. package/dist/components/Text/Text.d.ts +14 -8
  36. package/dist/components/Textarea/Textarea.d.ts +14 -8
  37. package/dist/index.js +18 -18
  38. package/dist/index.js.map +1 -1
  39. package/dist/index.mjs +329 -329
  40. package/dist/style.css +1 -1
  41. package/dist/theme/sprinkles.css.d.ts +14 -9
  42. package/package.json +1 -1
package/dist/GeistMono-Bold.woff2 ADDED
Binary file
package/dist/GeistMono-BoldItalic.woff2 ADDED
Binary file
package/dist/GeistMono-Italic.woff2 ADDED
Binary file
package/dist/GeistMono-Medium.woff2 ADDED
Binary file
package/dist/GeistMono-Regular.woff2 ADDED
Binary file
package/dist/GeistMono[wght].woff2 ADDED
Binary file
package/dist/components/Avatar/Avatar.stories.d.ts CHANGED
@@ -23,10 +23,10 @@ declare const User: {
23
23
  tablet?: "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | undefined;
24
24
  desktop?: "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | undefined;
25
25
  } | undefined;
26
- justifyContent?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "flex-end" | "flex-start" | {
27
- mobile?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "flex-end" | "flex-start" | undefined;
28
- tablet?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "flex-end" | "flex-start" | undefined;
29
- desktop?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "flex-end" | "flex-start" | undefined;
26
+ justifyContent?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | {
27
+ mobile?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | undefined;
28
+ tablet?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | undefined;
29
+ desktop?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | undefined;
30
30
  } | undefined;
31
31
  flexGrow?: "0" | "1" | {
32
32
  mobile?: "0" | "1" | undefined;
@@ -228,6 +228,11 @@ declare const User: {
228
228
  tablet?: "normal" | "italic" | undefined;
229
229
  desktop?: "normal" | "italic" | undefined;
230
230
  } | undefined;
231
+ fontFamily?: "inherit" | "Inter" | "Geist" | "Geist Mono" | {
232
+ mobile?: "inherit" | "Inter" | "Geist" | "Geist Mono" | undefined;
233
+ tablet?: "inherit" | "Inter" | "Geist" | "Geist Mono" | undefined;
234
+ desktop?: "inherit" | "Inter" | "Geist" | "Geist Mono" | undefined;
235
+ } | undefined;
231
236
  lineHeight?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | "inherit" | {
232
237
  mobile?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | "inherit" | undefined;
233
238
  tablet?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | "inherit" | undefined;
@@ -408,10 +413,10 @@ declare const User: {
408
413
  tablet?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | "auto" | undefined;
409
414
  desktop?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | "auto" | undefined;
410
415
  } | undefined;
411
- placeItems?: "stretch" | "center" | "flex-end" | "flex-start" | {
412
- mobile?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
413
- tablet?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
414
- desktop?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
416
+ placeItems?: "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | {
417
+ mobile?: "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | undefined;
418
+ tablet?: "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | undefined;
419
+ desktop?: "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | undefined;
415
420
  } | undefined;
416
421
  borderWidth?: 0 | 1 | {
417
422
  mobile?: 0 | 1 | undefined;
@@ -832,6 +837,7 @@ declare const User: {
832
837
  __borderBottomLeftRadius?: any;
833
838
  __fontSize?: any;
834
839
  __fontStyle?: any;
840
+ __fontFamily?: any;
835
841
  __lineHeight?: any;
836
842
  __textAlign?: any;
837
843
  __borderLeftWidth?: any;
package/dist/components/Avatar/index.d.ts CHANGED
@@ -24,10 +24,10 @@ export declare const Avatar: {
24
24
  tablet?: "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | undefined;
25
25
  desktop?: "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | undefined;
26
26
  } | undefined;
27
- justifyContent?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "flex-end" | "flex-start" | {
28
- mobile?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "flex-end" | "flex-start" | undefined;
29
- tablet?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "flex-end" | "flex-start" | undefined;
30
- desktop?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "flex-end" | "flex-start" | undefined;
27
+ justifyContent?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | {
28
+ mobile?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | undefined;
29
+ tablet?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | undefined;
30
+ desktop?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | undefined;
31
31
  } | undefined;
32
32
  flexGrow?: "0" | "1" | {
33
33
  mobile?: "0" | "1" | undefined;
@@ -229,6 +229,11 @@ export declare const Avatar: {
229
229
  tablet?: "normal" | "italic" | undefined;
230
230
  desktop?: "normal" | "italic" | undefined;
231
231
  } | undefined;
232
+ fontFamily?: "inherit" | "Inter" | "Geist" | "Geist Mono" | {
233
+ mobile?: "inherit" | "Inter" | "Geist" | "Geist Mono" | undefined;
234
+ tablet?: "inherit" | "Inter" | "Geist" | "Geist Mono" | undefined;
235
+ desktop?: "inherit" | "Inter" | "Geist" | "Geist Mono" | undefined;
236
+ } | undefined;
232
237
  lineHeight?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | "inherit" | {
233
238
  mobile?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | "inherit" | undefined;
234
239
  tablet?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | "inherit" | undefined;
@@ -409,10 +414,10 @@ export declare const Avatar: {
409
414
  tablet?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | "auto" | undefined;
410
415
  desktop?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | "auto" | undefined;
411
416
  } | undefined;
412
- placeItems?: "stretch" | "center" | "flex-end" | "flex-start" | {
413
- mobile?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
414
- tablet?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
415
- desktop?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
417
+ placeItems?: "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | {
418
+ mobile?: "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | undefined;
419
+ tablet?: "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | undefined;
420
+ desktop?: "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | undefined;
416
421
  } | undefined;
417
422
  borderWidth?: 0 | 1 | {
418
423
  mobile?: 0 | 1 | undefined;
@@ -833,6 +838,7 @@ export declare const Avatar: {
833
838
  __borderBottomLeftRadius?: any;
834
839
  __fontSize?: any;
835
840
  __fontStyle?: any;
841
+ __fontFamily?: any;
836
842
  __lineHeight?: any;
837
843
  __textAlign?: any;
838
844
  __borderLeftWidth?: any;
@@ -1285,10 +1291,10 @@ export declare const Avatar: {
1285
1291
  tablet?: "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | undefined;
1286
1292
  desktop?: "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | undefined;
1287
1293
  } | undefined;
1288
- justifyContent?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "flex-end" | "flex-start" | {
1289
- mobile?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "flex-end" | "flex-start" | undefined;
1290
- tablet?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "flex-end" | "flex-start" | undefined;
1291
- desktop?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "flex-end" | "flex-start" | undefined;
1294
+ justifyContent?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | {
1295
+ mobile?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | undefined;
1296
+ tablet?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | undefined;
1297
+ desktop?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | undefined;
1292
1298
  } | undefined;
1293
1299
  flexGrow?: "0" | "1" | {
1294
1300
  mobile?: "0" | "1" | undefined;
@@ -1490,6 +1496,11 @@ export declare const Avatar: {
1490
1496
  tablet?: "normal" | "italic" | undefined;
1491
1497
  desktop?: "normal" | "italic" | undefined;
1492
1498
  } | undefined;
1499
+ fontFamily?: "inherit" | "Inter" | "Geist" | "Geist Mono" | {
1500
+ mobile?: "inherit" | "Inter" | "Geist" | "Geist Mono" | undefined;
1501
+ tablet?: "inherit" | "Inter" | "Geist" | "Geist Mono" | undefined;
1502
+ desktop?: "inherit" | "Inter" | "Geist" | "Geist Mono" | undefined;
1503
+ } | undefined;
1493
1504
  lineHeight?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | "inherit" | {
1494
1505
  mobile?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | "inherit" | undefined;
1495
1506
  tablet?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | "inherit" | undefined;
@@ -1670,10 +1681,10 @@ export declare const Avatar: {
1670
1681
  tablet?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | "auto" | undefined;
1671
1682
  desktop?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | "auto" | undefined;
1672
1683
  } | undefined;
1673
- placeItems?: "stretch" | "center" | "flex-end" | "flex-start" | {
1674
- mobile?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
1675
- tablet?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
1676
- desktop?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
1684
+ placeItems?: "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | {
1685
+ mobile?: "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | undefined;
1686
+ tablet?: "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | undefined;
1687
+ desktop?: "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | undefined;
1677
1688
  } | undefined;
1678
1689
  borderWidth?: 0 | 1 | {
1679
1690
  mobile?: 0 | 1 | undefined;
@@ -2094,6 +2105,7 @@ export declare const Avatar: {
2094
2105
  __borderBottomLeftRadius?: any;
2095
2106
  __fontSize?: any;
2096
2107
  __fontStyle?: any;
2108
+ __fontFamily?: any;
2097
2109
  __lineHeight?: any;
2098
2110
  __textAlign?: any;
2099
2111
  __borderLeftWidth?: any;
package/dist/components/Backdrop/Backdrop.d.ts CHANGED
@@ -24,10 +24,10 @@ export declare const Backdrop: import('react').ForwardRefExoticComponent<Omit<{
24
24
  tablet?: "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | undefined;
25
25
  desktop?: "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | undefined;
26
26
  } | undefined;
27
- justifyContent?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "flex-end" | "flex-start" | {
28
- mobile?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "flex-end" | "flex-start" | undefined;
29
- tablet?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "flex-end" | "flex-start" | undefined;
30
- desktop?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "flex-end" | "flex-start" | undefined;
27
+ justifyContent?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | {
28
+ mobile?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | undefined;
29
+ tablet?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | undefined;
30
+ desktop?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | undefined;
31
31
  } | undefined;
32
32
  flexGrow?: "0" | "1" | {
33
33
  mobile?: "0" | "1" | undefined;
@@ -229,6 +229,11 @@ export declare const Backdrop: import('react').ForwardRefExoticComponent<Omit<{
229
229
  tablet?: "normal" | "italic" | undefined;
230
230
  desktop?: "normal" | "italic" | undefined;
231
231
  } | undefined;
232
+ fontFamily?: "inherit" | "Inter" | "Geist" | "Geist Mono" | {
233
+ mobile?: "inherit" | "Inter" | "Geist" | "Geist Mono" | undefined;
234
+ tablet?: "inherit" | "Inter" | "Geist" | "Geist Mono" | undefined;
235
+ desktop?: "inherit" | "Inter" | "Geist" | "Geist Mono" | undefined;
236
+ } | undefined;
232
237
  lineHeight?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | "inherit" | {
233
238
  mobile?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | "inherit" | undefined;
234
239
  tablet?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | "inherit" | undefined;
@@ -409,10 +414,10 @@ export declare const Backdrop: import('react').ForwardRefExoticComponent<Omit<{
409
414
  tablet?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | "auto" | undefined;
410
415
  desktop?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | "auto" | undefined;
411
416
  } | undefined;
412
- placeItems?: "stretch" | "center" | "flex-end" | "flex-start" | {
413
- mobile?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
414
- tablet?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
415
- desktop?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
417
+ placeItems?: "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | {
418
+ mobile?: "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | undefined;
419
+ tablet?: "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | undefined;
420
+ desktop?: "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | undefined;
416
421
  } | undefined;
417
422
  borderWidth?: 0 | 1 | {
418
423
  mobile?: 0 | 1 | undefined;
@@ -833,6 +838,7 @@ export declare const Backdrop: import('react').ForwardRefExoticComponent<Omit<{
833
838
  __borderBottomLeftRadius?: any;
834
839
  __fontSize?: any;
835
840
  __fontStyle?: any;
841
+ __fontFamily?: any;
836
842
  __lineHeight?: any;
837
843
  __textAlign?: any;
838
844
  __borderLeftWidth?: any;
package/dist/components/Box/Box.d.ts CHANGED
@@ -22,10 +22,10 @@ export declare const Box: import('react').ForwardRefExoticComponent<{
22
22
  tablet?: "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | undefined;
23
23
  desktop?: "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | undefined;
24
24
  } | undefined;
25
- justifyContent?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "flex-end" | "flex-start" | {
26
- mobile?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "flex-end" | "flex-start" | undefined;
27
- tablet?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "flex-end" | "flex-start" | undefined;
28
- desktop?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "flex-end" | "flex-start" | undefined;
25
+ justifyContent?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | {
26
+ mobile?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | undefined;
27
+ tablet?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | undefined;
28
+ desktop?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | undefined;
29
29
  } | undefined;
30
30
  flexGrow?: "0" | "1" | {
31
31
  mobile?: "0" | "1" | undefined;
@@ -227,6 +227,11 @@ export declare const Box: import('react').ForwardRefExoticComponent<{
227
227
  tablet?: "normal" | "italic" | undefined;
228
228
  desktop?: "normal" | "italic" | undefined;
229
229
  } | undefined;
230
+ fontFamily?: "inherit" | "Inter" | "Geist" | "Geist Mono" | {
231
+ mobile?: "inherit" | "Inter" | "Geist" | "Geist Mono" | undefined;
232
+ tablet?: "inherit" | "Inter" | "Geist" | "Geist Mono" | undefined;
233
+ desktop?: "inherit" | "Inter" | "Geist" | "Geist Mono" | undefined;
234
+ } | undefined;
230
235
  lineHeight?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | "inherit" | {
231
236
  mobile?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | "inherit" | undefined;
232
237
  tablet?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | "inherit" | undefined;
@@ -407,10 +412,10 @@ export declare const Box: import('react').ForwardRefExoticComponent<{
407
412
  tablet?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | "auto" | undefined;
408
413
  desktop?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | "auto" | undefined;
409
414
  } | undefined;
410
- placeItems?: "stretch" | "center" | "flex-end" | "flex-start" | {
411
- mobile?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
412
- tablet?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
413
- desktop?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
415
+ placeItems?: "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | {
416
+ mobile?: "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | undefined;
417
+ tablet?: "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | undefined;
418
+ desktop?: "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | undefined;
414
419
  } | undefined;
415
420
  borderWidth?: 0 | 1 | {
416
421
  mobile?: 0 | 1 | undefined;
@@ -831,6 +836,7 @@ export declare const Box: import('react').ForwardRefExoticComponent<{
831
836
  __borderBottomLeftRadius?: any;
832
837
  __fontSize?: any;
833
838
  __fontStyle?: any;
839
+ __fontFamily?: any;
834
840
  __lineHeight?: any;
835
841
  __textAlign?: any;
836
842
  __borderLeftWidth?: any;
package/dist/components/Button/Button.d.ts CHANGED
@@ -29,10 +29,10 @@ export declare const Button: import('react').ForwardRefExoticComponent<Omit<{
29
29
  tablet?: "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | undefined;
30
30
  desktop?: "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | undefined;
31
31
  } | undefined;
32
- justifyContent?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "flex-end" | "flex-start" | {
33
- mobile?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "flex-end" | "flex-start" | undefined;
34
- tablet?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "flex-end" | "flex-start" | undefined;
35
- desktop?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "flex-end" | "flex-start" | undefined;
32
+ justifyContent?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | {
33
+ mobile?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | undefined;
34
+ tablet?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | undefined;
35
+ desktop?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | undefined;
36
36
  } | undefined;
37
37
  flexGrow?: "0" | "1" | {
38
38
  mobile?: "0" | "1" | undefined;
@@ -234,6 +234,11 @@ export declare const Button: import('react').ForwardRefExoticComponent<Omit<{
234
234
  tablet?: "normal" | "italic" | undefined;
235
235
  desktop?: "normal" | "italic" | undefined;
236
236
  } | undefined;
237
+ fontFamily?: "inherit" | "Inter" | "Geist" | "Geist Mono" | {
238
+ mobile?: "inherit" | "Inter" | "Geist" | "Geist Mono" | undefined;
239
+ tablet?: "inherit" | "Inter" | "Geist" | "Geist Mono" | undefined;
240
+ desktop?: "inherit" | "Inter" | "Geist" | "Geist Mono" | undefined;
241
+ } | undefined;
237
242
  lineHeight?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | "inherit" | {
238
243
  mobile?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | "inherit" | undefined;
239
244
  tablet?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | "inherit" | undefined;
@@ -414,10 +419,10 @@ export declare const Button: import('react').ForwardRefExoticComponent<Omit<{
414
419
  tablet?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | "auto" | undefined;
415
420
  desktop?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | "auto" | undefined;
416
421
  } | undefined;
417
- placeItems?: "stretch" | "center" | "flex-end" | "flex-start" | {
418
- mobile?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
419
- tablet?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
420
- desktop?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
422
+ placeItems?: "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | {
423
+ mobile?: "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | undefined;
424
+ tablet?: "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | undefined;
425
+ desktop?: "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | undefined;
421
426
  } | undefined;
422
427
  borderWidth?: 0 | 1 | {
423
428
  mobile?: 0 | 1 | undefined;
@@ -838,6 +843,7 @@ export declare const Button: import('react').ForwardRefExoticComponent<Omit<{
838
843
  __borderBottomLeftRadius?: any;
839
844
  __fontSize?: any;
840
845
  __fontStyle?: any;
846
+ __fontFamily?: any;
841
847
  __lineHeight?: any;
842
848
  __textAlign?: any;
843
849
  __borderLeftWidth?: any;
package/dist/components/Checkbox/Checkbox.d.ts CHANGED
@@ -34,10 +34,10 @@ export declare const Checkbox: import('react').ForwardRefExoticComponent<Omit<{
34
34
  tablet?: "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | undefined;
35
35
  desktop?: "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | undefined;
36
36
  } | undefined;
37
- justifyContent?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "flex-end" | "flex-start" | {
38
- mobile?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "flex-end" | "flex-start" | undefined;
39
- tablet?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "flex-end" | "flex-start" | undefined;
40
- desktop?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "flex-end" | "flex-start" | undefined;
37
+ justifyContent?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | {
38
+ mobile?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | undefined;
39
+ tablet?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | undefined;
40
+ desktop?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | undefined;
41
41
  } | undefined;
42
42
  flexGrow?: "0" | "1" | {
43
43
  mobile?: "0" | "1" | undefined;
@@ -239,6 +239,11 @@ export declare const Checkbox: import('react').ForwardRefExoticComponent<Omit<{
239
239
  tablet?: "normal" | "italic" | undefined;
240
240
  desktop?: "normal" | "italic" | undefined;
241
241
  } | undefined;
242
+ fontFamily?: "inherit" | "Inter" | "Geist" | "Geist Mono" | {
243
+ mobile?: "inherit" | "Inter" | "Geist" | "Geist Mono" | undefined;
244
+ tablet?: "inherit" | "Inter" | "Geist" | "Geist Mono" | undefined;
245
+ desktop?: "inherit" | "Inter" | "Geist" | "Geist Mono" | undefined;
246
+ } | undefined;
242
247
  lineHeight?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | "inherit" | {
243
248
  mobile?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | "inherit" | undefined;
244
249
  tablet?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | "inherit" | undefined;
@@ -419,10 +424,10 @@ export declare const Checkbox: import('react').ForwardRefExoticComponent<Omit<{
419
424
  tablet?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | "auto" | undefined;
420
425
  desktop?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | "auto" | undefined;
421
426
  } | undefined;
422
- placeItems?: "stretch" | "center" | "flex-end" | "flex-start" | {
423
- mobile?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
424
- tablet?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
425
- desktop?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
427
+ placeItems?: "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | {
428
+ mobile?: "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | undefined;
429
+ tablet?: "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | undefined;
430
+ desktop?: "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | undefined;
426
431
  } | undefined;
427
432
  borderWidth?: 0 | 1 | {
428
433
  mobile?: 0 | 1 | undefined;
@@ -843,6 +848,7 @@ export declare const Checkbox: import('react').ForwardRefExoticComponent<Omit<{
843
848
  __borderBottomLeftRadius?: any;
844
849
  __fontSize?: any;
845
850
  __fontStyle?: any;
851
+ __fontFamily?: any;
846
852
  __lineHeight?: any;
847
853
  __textAlign?: any;
848
854
  __borderLeftWidth?: any;
package/dist/components/Chip/Chip.d.ts CHANGED
@@ -27,10 +27,10 @@ export declare const Chip: import('react').ForwardRefExoticComponent<Omit<{
27
27
  tablet?: "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | undefined;
28
28
  desktop?: "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | undefined;
29
29
  } | undefined;
30
- justifyContent?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "flex-end" | "flex-start" | {
31
- mobile?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "flex-end" | "flex-start" | undefined;
32
- tablet?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "flex-end" | "flex-start" | undefined;
33
- desktop?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "flex-end" | "flex-start" | undefined;
30
+ justifyContent?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | {
31
+ mobile?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | undefined;
32
+ tablet?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | undefined;
33
+ desktop?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | undefined;
34
34
  } | undefined;
35
35
  flexGrow?: "0" | "1" | {
36
36
  mobile?: "0" | "1" | undefined;
@@ -232,6 +232,11 @@ export declare const Chip: import('react').ForwardRefExoticComponent<Omit<{
232
232
  tablet?: "normal" | "italic" | undefined;
233
233
  desktop?: "normal" | "italic" | undefined;
234
234
  } | undefined;
235
+ fontFamily?: "inherit" | "Inter" | "Geist" | "Geist Mono" | {
236
+ mobile?: "inherit" | "Inter" | "Geist" | "Geist Mono" | undefined;
237
+ tablet?: "inherit" | "Inter" | "Geist" | "Geist Mono" | undefined;
238
+ desktop?: "inherit" | "Inter" | "Geist" | "Geist Mono" | undefined;
239
+ } | undefined;
235
240
  lineHeight?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | "inherit" | {
236
241
  mobile?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | "inherit" | undefined;
237
242
  tablet?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | "inherit" | undefined;
@@ -412,10 +417,10 @@ export declare const Chip: import('react').ForwardRefExoticComponent<Omit<{
412
417
  tablet?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | "auto" | undefined;
413
418
  desktop?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | "auto" | undefined;
414
419
  } | undefined;
415
- placeItems?: "stretch" | "center" | "flex-end" | "flex-start" | {
416
- mobile?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
417
- tablet?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
418
- desktop?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
420
+ placeItems?: "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | {
421
+ mobile?: "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | undefined;
422
+ tablet?: "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | undefined;
423
+ desktop?: "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | undefined;
419
424
  } | undefined;
420
425
  borderWidth?: 0 | 1 | {
421
426
  mobile?: 0 | 1 | undefined;
@@ -836,6 +841,7 @@ export declare const Chip: import('react').ForwardRefExoticComponent<Omit<{
836
841
  __borderBottomLeftRadius?: any;
837
842
  __fontSize?: any;
838
843
  __fontStyle?: any;
844
+ __fontFamily?: any;
839
845
  __lineHeight?: any;
840
846
  __textAlign?: any;
841
847
  __borderLeftWidth?: any;
package/dist/components/Combobox/Dynamic/DynamicCombobox.d.ts CHANGED
@@ -41,10 +41,10 @@ declare const DynamicComboboxInner: <T extends Option>({ size, disabled, classNa
41
41
  tablet?: "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | undefined;
42
42
  desktop?: "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | undefined;
43
43
  } | undefined;
44
- justifyContent?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "flex-end" | "flex-start" | {
45
- mobile?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "flex-end" | "flex-start" | undefined;
46
- tablet?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "flex-end" | "flex-start" | undefined;
47
- desktop?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "flex-end" | "flex-start" | undefined;
44
+ justifyContent?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | {
45
+ mobile?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | undefined;
46
+ tablet?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | undefined;
47
+ desktop?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | undefined;
48
48
  } | undefined;
49
49
  flexGrow?: "0" | "1" | {
50
50
  mobile?: "0" | "1" | undefined;
@@ -246,6 +246,11 @@ declare const DynamicComboboxInner: <T extends Option>({ size, disabled, classNa
246
246
  tablet?: "normal" | "italic" | undefined;
247
247
  desktop?: "normal" | "italic" | undefined;
248
248
  } | undefined;
249
+ fontFamily?: "inherit" | "Inter" | "Geist" | "Geist Mono" | {
250
+ mobile?: "inherit" | "Inter" | "Geist" | "Geist Mono" | undefined;
251
+ tablet?: "inherit" | "Inter" | "Geist" | "Geist Mono" | undefined;
252
+ desktop?: "inherit" | "Inter" | "Geist" | "Geist Mono" | undefined;
253
+ } | undefined;
249
254
  lineHeight?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | "inherit" | {
250
255
  mobile?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | "inherit" | undefined;
251
256
  tablet?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | "inherit" | undefined;
@@ -426,10 +431,10 @@ declare const DynamicComboboxInner: <T extends Option>({ size, disabled, classNa
426
431
  tablet?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | "auto" | undefined;
427
432
  desktop?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | "auto" | undefined;
428
433
  } | undefined;
429
- placeItems?: "stretch" | "center" | "flex-end" | "flex-start" | {
430
- mobile?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
431
- tablet?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
432
- desktop?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
434
+ placeItems?: "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | {
435
+ mobile?: "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | undefined;
436
+ tablet?: "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | undefined;
437
+ desktop?: "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | undefined;
433
438
  } | undefined;
434
439
  borderWidth?: 0 | 1 | {
435
440
  mobile?: 0 | 1 | undefined;
@@ -850,6 +855,7 @@ declare const DynamicComboboxInner: <T extends Option>({ size, disabled, classNa
850
855
  __borderBottomLeftRadius?: any;
851
856
  __fontSize?: any;
852
857
  __fontStyle?: any;
858
+ __fontFamily?: any;
853
859
  __lineHeight?: any;
854
860
  __textAlign?: any;
855
861
  __borderLeftWidth?: any;
@@ -1311,10 +1317,10 @@ export declare const DynamicCombobox: (<T extends Option>(props: Omit<{
1311
1317
  tablet?: "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | undefined;
1312
1318
  desktop?: "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | undefined;
1313
1319
  } | undefined;
1314
- justifyContent?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "flex-end" | "flex-start" | {
1315
- mobile?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "flex-end" | "flex-start" | undefined;
1316
- tablet?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "flex-end" | "flex-start" | undefined;
1317
- desktop?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "flex-end" | "flex-start" | undefined;
1320
+ justifyContent?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | {
1321
+ mobile?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | undefined;
1322
+ tablet?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | undefined;
1323
+ desktop?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | undefined;
1318
1324
  } | undefined;
1319
1325
  flexGrow?: "0" | "1" | {
1320
1326
  mobile?: "0" | "1" | undefined;
@@ -1516,6 +1522,11 @@ export declare const DynamicCombobox: (<T extends Option>(props: Omit<{
1516
1522
  tablet?: "normal" | "italic" | undefined;
1517
1523
  desktop?: "normal" | "italic" | undefined;
1518
1524
  } | undefined;
1525
+ fontFamily?: "inherit" | "Inter" | "Geist" | "Geist Mono" | {
1526
+ mobile?: "inherit" | "Inter" | "Geist" | "Geist Mono" | undefined;
1527
+ tablet?: "inherit" | "Inter" | "Geist" | "Geist Mono" | undefined;
1528
+ desktop?: "inherit" | "Inter" | "Geist" | "Geist Mono" | undefined;
1529
+ } | undefined;
1519
1530
  lineHeight?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | "inherit" | {
1520
1531
  mobile?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | "inherit" | undefined;
1521
1532
  tablet?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | "inherit" | undefined;
@@ -1696,10 +1707,10 @@ export declare const DynamicCombobox: (<T extends Option>(props: Omit<{
1696
1707
  tablet?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | "auto" | undefined;
1697
1708
  desktop?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | "auto" | undefined;
1698
1709
  } | undefined;
1699
- placeItems?: "stretch" | "center" | "flex-end" | "flex-start" | {
1700
- mobile?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
1701
- tablet?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
1702
- desktop?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
1710
+ placeItems?: "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | {
1711
+ mobile?: "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | undefined;
1712
+ tablet?: "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | undefined;
1713
+ desktop?: "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | undefined;
1703
1714
  } | undefined;
1704
1715
  borderWidth?: 0 | 1 | {
1705
1716
  mobile?: 0 | 1 | undefined;
@@ -2120,6 +2131,7 @@ export declare const DynamicCombobox: (<T extends Option>(props: Omit<{
2120
2131
  __borderBottomLeftRadius?: any;
2121
2132
  __fontSize?: any;
2122
2133
  __fontStyle?: any;
2134
+ __fontFamily?: any;
2123
2135
  __lineHeight?: any;
2124
2136
  __textAlign?: any;
2125
2137
  __borderLeftWidth?: any;