@rarui/styles 2.6.2 → 2.6.3-rc.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 (106) hide show
  1. package/dist/index.css +1 -1
  2. package/dist/node_modules/@vanilla-extract/css/dist/vanilla-extract-css.cjs.d.d.ts +4 -4
  3. package/dist/packages/exhibition/avatar/index.d.ts +6 -6
  4. package/dist/packages/exhibition/avatar/rarui-avatar.css.d.ts +6 -6
  5. package/dist/packages/exhibition/avatar/rarui-avatar.css.js +1 -1
  6. package/dist/packages/exhibition/badge/index.d.ts +32 -32
  7. package/dist/packages/exhibition/badge/rarui-badge.css.d.ts +32 -32
  8. package/dist/packages/exhibition/badge/rarui-badge.css.js +1 -1
  9. package/dist/packages/exhibition/divider/index.d.ts +21 -21
  10. package/dist/packages/exhibition/divider/rarui-divider.css.js +1 -1
  11. package/dist/packages/exhibition/icon/index.d.ts +36 -36
  12. package/dist/packages/exhibition/icon/rarui-icon.css.js +1 -1
  13. package/dist/packages/exhibition/label/rarui-label.css.js +1 -1
  14. package/dist/packages/exhibition/stepper/index.d.ts +8 -8
  15. package/dist/packages/exhibition/stepper/rarui-stepper.css.d.ts +8 -8
  16. package/dist/packages/exhibition/stepper/rarui-stepper.css.js +1 -1
  17. package/dist/packages/exhibition/text/index.d.ts +52 -52
  18. package/dist/packages/exhibition/text/rarui-text.css.d.ts +12 -12
  19. package/dist/packages/exhibition/text/rarui-text.css.js +1 -1
  20. package/dist/packages/exhibition/title/index.d.ts +70 -70
  21. package/dist/packages/exhibition/title/rarui-title.css.d.ts +12 -12
  22. package/dist/packages/exhibition/title/rarui-title.css.js +1 -1
  23. package/dist/packages/exhibition/tooltip/index.d.ts +6 -6
  24. package/dist/packages/exhibition/tooltip/rarui-tooltip.css.d.ts +6 -6
  25. package/dist/packages/exhibition/tooltip/rarui-tooltip.css.js +1 -1
  26. package/dist/packages/feedback/progress/index.d.ts +6 -6
  27. package/dist/packages/feedback/progress/rarui-progress.css.d.ts +3 -3
  28. package/dist/packages/feedback/progress/rarui-progress.css.js +1 -1
  29. package/dist/packages/feedback/skeleton/index.d.ts +11 -11
  30. package/dist/packages/feedback/skeleton/rarui-skeleton.css.js +1 -1
  31. package/dist/packages/feedback/status/index.d.ts +14 -14
  32. package/dist/packages/feedback/status/rarui-status.css.d.ts +18 -17
  33. package/dist/packages/feedback/status/rarui-status.css.js +1 -1
  34. package/dist/packages/feedback/toast/index.d.ts +20 -20
  35. package/dist/packages/feedback/toast/rarui-toast.css.d.ts +20 -20
  36. package/dist/packages/feedback/toast/rarui-toast.css.js +1 -1
  37. package/dist/packages/input/button/index.d.ts +30 -30
  38. package/dist/packages/input/button/rarui-button.css.d.ts +30 -30
  39. package/dist/packages/input/button/rarui-button.css.js +1 -1
  40. package/dist/packages/input/checkbox/index.d.ts +3 -3
  41. package/dist/packages/input/checkbox/rarui-checkbox.css.d.ts +4 -3
  42. package/dist/packages/input/checkbox/rarui-checkbox.css.js +1 -1
  43. package/dist/packages/input/chip/index.d.ts +9 -9
  44. package/dist/packages/input/chip/rarui-chip.css.d.ts +9 -9
  45. package/dist/packages/input/chip/rarui-chip.css.js +1 -1
  46. package/dist/packages/input/datepicker/rarui-datepicker.css.js +1 -1
  47. package/dist/packages/input/dropdown/index.d.ts +12 -12
  48. package/dist/packages/input/dropdown/rarui-dropdown.css.d.ts +3 -3
  49. package/dist/packages/input/dropdown/rarui-dropdown.css.js +1 -1
  50. package/dist/packages/input/iconButton/index.d.ts +26 -26
  51. package/dist/packages/input/iconButton/rarui-iconButton.css.d.ts +26 -26
  52. package/dist/packages/input/iconButton/rarui-iconButton.css.js +1 -1
  53. package/dist/packages/input/input/index.d.ts +26 -26
  54. package/dist/packages/input/input/rarui-input.css.d.ts +26 -26
  55. package/dist/packages/input/input/rarui-input.css.js +1 -1
  56. package/dist/packages/input/radioButton/index.d.ts +8 -8
  57. package/dist/packages/input/radioButton/rarui-radioButton.css.d.ts +8 -8
  58. package/dist/packages/input/radioButton/rarui-radioButton.css.js +1 -1
  59. package/dist/packages/input/select/index.d.ts +9 -9
  60. package/dist/packages/input/select/rarui-select.css.d.ts +9 -9
  61. package/dist/packages/input/select/rarui-select.css.js +1 -1
  62. package/dist/packages/input/textarea/index.d.ts +8 -8
  63. package/dist/packages/input/textarea/rarui-textarea.css.d.ts +8 -8
  64. package/dist/packages/input/textarea/rarui-textarea.css.js +1 -1
  65. package/dist/packages/input/toggle/index.d.ts +6 -6
  66. package/dist/packages/input/toggle/rarui-toggle.css.d.ts +6 -6
  67. package/dist/packages/input/toggle/rarui-toggle.css.js +1 -1
  68. package/dist/packages/layout/box/index.d.ts +731 -731
  69. package/dist/packages/layout/box/rarui-box.css.d.ts +32 -32
  70. package/dist/packages/layout/box/rarui-box.css.js +1 -1
  71. package/dist/packages/layout/sidebar/index.d.ts +13 -13
  72. package/dist/packages/layout/sidebar/rarui-sidebar.css.d.ts +2 -2
  73. package/dist/packages/layout/sidebar/rarui-sidebar.css.js +1 -1
  74. package/dist/packages/navigation/breadcrumb/index.d.ts +1 -1
  75. package/dist/packages/navigation/breadcrumb/rarui-breadcrumb.css.d.ts +1 -1
  76. package/dist/packages/navigation/breadcrumb/rarui-breadcrumb.css.js +1 -1
  77. package/dist/packages/navigation/link/index.d.ts +3 -3
  78. package/dist/packages/navigation/link/rarui-link.css.d.ts +5 -3
  79. package/dist/packages/navigation/link/rarui-link.css.js +1 -1
  80. package/dist/packages/navigation/pagination/index.d.ts +9 -9
  81. package/dist/packages/navigation/pagination/rarui-pagination.css.d.ts +9 -9
  82. package/dist/packages/navigation/pagination/rarui-pagination.css.js +1 -1
  83. package/dist/packages/navigation/sideNavigation/index.d.ts +12 -12
  84. package/dist/packages/navigation/sideNavigation/rarui-sideNavigation.css.d.ts +12 -12
  85. package/dist/packages/navigation/sideNavigation/rarui-sideNavigation.css.js +1 -1
  86. package/dist/packages/navigation/tabs/index.d.ts +5 -5
  87. package/dist/packages/navigation/tabs/rarui-tabs.css.d.ts +5 -5
  88. package/dist/packages/navigation/tabs/rarui-tabs.css.js +1 -1
  89. package/dist/packages/surface/accordion/index.d.ts +9 -9
  90. package/dist/packages/surface/accordion/rarui-accordion.css.d.ts +9 -9
  91. package/dist/packages/surface/accordion/rarui-accordion.css.js +1 -1
  92. package/dist/packages/surface/banner/index.d.ts +13 -13
  93. package/dist/packages/surface/banner/rarui-banner.css.d.ts +13 -13
  94. package/dist/packages/surface/banner/rarui-banner.css.js +1 -1
  95. package/dist/packages/surface/banner/rarui-banner.types.d.ts +1 -1
  96. package/dist/packages/surface/card/index.d.ts +66 -66
  97. package/dist/packages/surface/card/rarui-card.css.d.ts +4 -4
  98. package/dist/packages/surface/card/rarui-card.css.js +1 -1
  99. package/dist/packages/surface/modal/index.d.ts +10 -10
  100. package/dist/packages/surface/modal/rarui-modal.css.d.ts +1 -1
  101. package/dist/packages/surface/modal/rarui-modal.css.js +1 -1
  102. package/dist/properties/css.d.ts +172 -172
  103. package/dist/themes/globals.css.d.ts +163 -163
  104. package/dist/themes/globals.css.js +1 -1
  105. package/dist/themes/rarui-theme-dark.css.js +1 -1
  106. package/package.json +3 -2
package/dist/properties/css.d.ts CHANGED
@@ -1,207 +1,207 @@
1
1
  declare const shadowProperties: {
2
- none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3
- "top-1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4
- "top-2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5
- "top-3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6
- "top-4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7
- "top-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
8
- "bottom-1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
9
- "bottom-2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10
- "bottom-3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
11
- "bottom-4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
12
- "bottom-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2
+ none: `var(--${string})` | `var(--${string}, ${string})`;
3
+ "top-1": `var(--${string})` | `var(--${string}, ${string})`;
4
+ "top-2": `var(--${string})` | `var(--${string}, ${string})`;
5
+ "top-3": `var(--${string})` | `var(--${string}, ${string})`;
6
+ "top-4": `var(--${string})` | `var(--${string}, ${string})`;
7
+ "top-5": `var(--${string})` | `var(--${string}, ${string})`;
8
+ "bottom-1": `var(--${string})` | `var(--${string}, ${string})`;
9
+ "bottom-2": `var(--${string})` | `var(--${string}, ${string})`;
10
+ "bottom-3": `var(--${string})` | `var(--${string}, ${string})`;
11
+ "bottom-4": `var(--${string})` | `var(--${string}, ${string})`;
12
+ "bottom-5": `var(--${string})` | `var(--${string}, ${string})`;
13
13
  };
14
14
  declare const fontWeightProperties: {
15
- regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
16
- medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
17
- semiBold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
18
- bold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
15
+ regular: `var(--${string})` | `var(--${string}, ${string})`;
16
+ medium: `var(--${string})` | `var(--${string}, ${string})`;
17
+ semiBold: `var(--${string})` | `var(--${string}, ${string})`;
18
+ bold: `var(--${string})` | `var(--${string}, ${string})`;
19
19
  };
20
20
  declare const fontSizeProperties: {
21
- "body-xxs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
22
- "body-xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
23
- "body-s": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
24
- "body-m": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
25
- "body-l": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
26
- "body-xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
27
- "heading-hero": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
28
- "heading-xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
29
- "heading-s": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
30
- "heading-m": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
31
- "heading-l": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
32
- "heading-xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
33
- "button-s": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
34
- "button-m": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
35
- "button-l": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
36
- "label-s": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
37
- "label-m": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
38
- "label-l": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
21
+ "body-xxs": `var(--${string})` | `var(--${string}, ${string})`;
22
+ "body-xs": `var(--${string})` | `var(--${string}, ${string})`;
23
+ "body-s": `var(--${string})` | `var(--${string}, ${string})`;
24
+ "body-m": `var(--${string})` | `var(--${string}, ${string})`;
25
+ "body-l": `var(--${string})` | `var(--${string}, ${string})`;
26
+ "body-xl": `var(--${string})` | `var(--${string}, ${string})`;
27
+ "heading-hero": `var(--${string})` | `var(--${string}, ${string})`;
28
+ "heading-xs": `var(--${string})` | `var(--${string}, ${string})`;
29
+ "heading-s": `var(--${string})` | `var(--${string}, ${string})`;
30
+ "heading-m": `var(--${string})` | `var(--${string}, ${string})`;
31
+ "heading-l": `var(--${string})` | `var(--${string}, ${string})`;
32
+ "heading-xl": `var(--${string})` | `var(--${string}, ${string})`;
33
+ "button-s": `var(--${string})` | `var(--${string}, ${string})`;
34
+ "button-m": `var(--${string})` | `var(--${string}, ${string})`;
35
+ "button-l": `var(--${string})` | `var(--${string}, ${string})`;
36
+ "label-s": `var(--${string})` | `var(--${string}, ${string})`;
37
+ "label-m": `var(--${string})` | `var(--${string}, ${string})`;
38
+ "label-l": `var(--${string})` | `var(--${string}, ${string})`;
39
39
  };
40
40
  declare const fontFamilyProperties: {
41
- body: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
42
- heading: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
43
- button: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
41
+ body: `var(--${string})` | `var(--${string}, ${string})`;
42
+ heading: `var(--${string})` | `var(--${string}, ${string})`;
43
+ button: `var(--${string})` | `var(--${string}, ${string})`;
44
44
  };
45
45
  declare const lineHeightProperties: {
46
- readonly "body-xxs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
47
- readonly "body-xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
48
- readonly "body-s": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
49
- readonly "body-m": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
50
- readonly "body-l": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
51
- readonly "body-xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
52
- readonly "heading-hero": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
53
- readonly "heading-xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
54
- readonly "heading-s": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
55
- readonly "heading-m": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
56
- readonly "heading-l": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
57
- readonly "heading-xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
58
- readonly "button-s": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
59
- readonly "button-m": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
60
- readonly "button-l": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
61
- readonly "label-s": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
62
- readonly "label-m": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
63
- readonly "label-l": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
46
+ readonly "body-xxs": `var(--${string})` | `var(--${string}, ${string})`;
47
+ readonly "body-xs": `var(--${string})` | `var(--${string}, ${string})`;
48
+ readonly "body-s": `var(--${string})` | `var(--${string}, ${string})`;
49
+ readonly "body-m": `var(--${string})` | `var(--${string}, ${string})`;
50
+ readonly "body-l": `var(--${string})` | `var(--${string}, ${string})`;
51
+ readonly "body-xl": `var(--${string})` | `var(--${string}, ${string})`;
52
+ readonly "heading-hero": `var(--${string})` | `var(--${string}, ${string})`;
53
+ readonly "heading-xs": `var(--${string})` | `var(--${string}, ${string})`;
54
+ readonly "heading-s": `var(--${string})` | `var(--${string}, ${string})`;
55
+ readonly "heading-m": `var(--${string})` | `var(--${string}, ${string})`;
56
+ readonly "heading-l": `var(--${string})` | `var(--${string}, ${string})`;
57
+ readonly "heading-xl": `var(--${string})` | `var(--${string}, ${string})`;
58
+ readonly "button-s": `var(--${string})` | `var(--${string}, ${string})`;
59
+ readonly "button-m": `var(--${string})` | `var(--${string}, ${string})`;
60
+ readonly "button-l": `var(--${string})` | `var(--${string}, ${string})`;
61
+ readonly "label-s": `var(--${string})` | `var(--${string}, ${string})`;
62
+ readonly "label-m": `var(--${string})` | `var(--${string}, ${string})`;
63
+ readonly "label-l": `var(--${string})` | `var(--${string}, ${string})`;
64
64
  };
65
65
  declare const spacingProperties: {
66
66
  readonly none: "0";
67
- readonly "4xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
68
- readonly "3xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
69
- readonly "2xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
70
- readonly xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
71
- readonly s: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
72
- readonly md: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
73
- readonly lg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
74
- readonly xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
75
- readonly "2xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
76
- readonly "3xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
77
- readonly "4xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
78
- readonly "5xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
79
- readonly "6xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
80
- readonly "7xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
81
- readonly "8xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
67
+ readonly "4xs": `var(--${string})` | `var(--${string}, ${string})`;
68
+ readonly "3xs": `var(--${string})` | `var(--${string}, ${string})`;
69
+ readonly "2xs": `var(--${string})` | `var(--${string}, ${string})`;
70
+ readonly xs: `var(--${string})` | `var(--${string}, ${string})`;
71
+ readonly s: `var(--${string})` | `var(--${string}, ${string})`;
72
+ readonly md: `var(--${string})` | `var(--${string}, ${string})`;
73
+ readonly lg: `var(--${string})` | `var(--${string}, ${string})`;
74
+ readonly xl: `var(--${string})` | `var(--${string}, ${string})`;
75
+ readonly "2xl": `var(--${string})` | `var(--${string}, ${string})`;
76
+ readonly "3xl": `var(--${string})` | `var(--${string}, ${string})`;
77
+ readonly "4xl": `var(--${string})` | `var(--${string}, ${string})`;
78
+ readonly "5xl": `var(--${string})` | `var(--${string}, ${string})`;
79
+ readonly "6xl": `var(--${string})` | `var(--${string}, ${string})`;
80
+ readonly "7xl": `var(--${string})` | `var(--${string}, ${string})`;
81
+ readonly "8xl": `var(--${string})` | `var(--${string}, ${string})`;
82
82
  };
83
83
  declare const marginProperties: {
84
84
  none: "0";
85
- "4xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
86
- "3xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
87
- "2xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
88
- xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
89
- s: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
90
- md: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
91
- lg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
92
- xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
93
- "2xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
94
- "3xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
95
- "4xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
96
- "5xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
97
- "6xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
98
- "7xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
99
- "8xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
85
+ "4xs": `var(--${string})` | `var(--${string}, ${string})`;
86
+ "3xs": `var(--${string})` | `var(--${string}, ${string})`;
87
+ "2xs": `var(--${string})` | `var(--${string}, ${string})`;
88
+ xs: `var(--${string})` | `var(--${string}, ${string})`;
89
+ s: `var(--${string})` | `var(--${string}, ${string})`;
90
+ md: `var(--${string})` | `var(--${string}, ${string})`;
91
+ lg: `var(--${string})` | `var(--${string}, ${string})`;
92
+ xl: `var(--${string})` | `var(--${string}, ${string})`;
93
+ "2xl": `var(--${string})` | `var(--${string}, ${string})`;
94
+ "3xl": `var(--${string})` | `var(--${string}, ${string})`;
95
+ "4xl": `var(--${string})` | `var(--${string}, ${string})`;
96
+ "5xl": `var(--${string})` | `var(--${string}, ${string})`;
97
+ "6xl": `var(--${string})` | `var(--${string}, ${string})`;
98
+ "7xl": `var(--${string})` | `var(--${string}, ${string})`;
99
+ "8xl": `var(--${string})` | `var(--${string}, ${string})`;
100
100
  auto: string;
101
101
  };
102
102
  declare const borderRadiusProperties: {
103
- none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
104
- "2xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
105
- xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
106
- sm: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
107
- md: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
108
- lg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
109
- xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
110
- "2xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
111
- pill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
112
- button: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
113
- input: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
103
+ none: `var(--${string})` | `var(--${string}, ${string})`;
104
+ "2xs": `var(--${string})` | `var(--${string}, ${string})`;
105
+ xs: `var(--${string})` | `var(--${string}, ${string})`;
106
+ sm: `var(--${string})` | `var(--${string}, ${string})`;
107
+ md: `var(--${string})` | `var(--${string}, ${string})`;
108
+ lg: `var(--${string})` | `var(--${string}, ${string})`;
109
+ xl: `var(--${string})` | `var(--${string}, ${string})`;
110
+ "2xl": `var(--${string})` | `var(--${string}, ${string})`;
111
+ pill: `var(--${string})` | `var(--${string}, ${string})`;
112
+ button: `var(--${string})` | `var(--${string}, ${string})`;
113
+ input: `var(--${string})` | `var(--${string}, ${string})`;
114
114
  };
115
115
  declare const borderWidthProperties: {
116
116
  none: string;
117
- "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
118
- "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
119
- "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
120
- "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
121
- "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
117
+ "1": `var(--${string})` | `var(--${string}, ${string})`;
118
+ "2": `var(--${string})` | `var(--${string}, ${string})`;
119
+ "3": `var(--${string})` | `var(--${string}, ${string})`;
120
+ "4": `var(--${string})` | `var(--${string}, ${string})`;
121
+ "5": `var(--${string})` | `var(--${string}, ${string})`;
122
122
  };
123
123
  declare const zIndexProperties: {
124
- "100": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
125
- "200": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
126
- "300": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
127
- "400": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
128
- "500": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
129
- "600": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
130
- "700": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
131
- "800": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
132
- "900": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
124
+ "100": `var(--${string})` | `var(--${string}, ${string})`;
125
+ "200": `var(--${string})` | `var(--${string}, ${string})`;
126
+ "300": `var(--${string})` | `var(--${string}, ${string})`;
127
+ "400": `var(--${string})` | `var(--${string}, ${string})`;
128
+ "500": `var(--${string})` | `var(--${string}, ${string})`;
129
+ "600": `var(--${string})` | `var(--${string}, ${string})`;
130
+ "700": `var(--${string})` | `var(--${string}, ${string})`;
131
+ "800": `var(--${string})` | `var(--${string}, ${string})`;
132
+ "900": `var(--${string})` | `var(--${string}, ${string})`;
133
133
  };
134
134
  declare const colorProperties: {
135
135
  currentColor: string;
136
- brand: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
137
- "brand-alt": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
138
- disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
139
- error: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
140
- info: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
141
- invert: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
142
- "invert-disabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
143
- "invert-secondary": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
144
- "on-brand": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
145
- "on-error": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
146
- "on-info": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
147
- "on-success": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
148
- "on-warning": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
149
- primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
150
- secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
151
- success: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
152
- warning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
153
- "warning-alt": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
136
+ brand: `var(--${string})` | `var(--${string}, ${string})`;
137
+ "brand-alt": `var(--${string})` | `var(--${string}, ${string})`;
138
+ disabled: `var(--${string})` | `var(--${string}, ${string})`;
139
+ error: `var(--${string})` | `var(--${string}, ${string})`;
140
+ info: `var(--${string})` | `var(--${string}, ${string})`;
141
+ invert: `var(--${string})` | `var(--${string}, ${string})`;
142
+ "invert-disabled": `var(--${string})` | `var(--${string}, ${string})`;
143
+ "invert-secondary": `var(--${string})` | `var(--${string}, ${string})`;
144
+ "on-brand": `var(--${string})` | `var(--${string}, ${string})`;
145
+ "on-error": `var(--${string})` | `var(--${string}, ${string})`;
146
+ "on-info": `var(--${string})` | `var(--${string}, ${string})`;
147
+ "on-success": `var(--${string})` | `var(--${string}, ${string})`;
148
+ "on-warning": `var(--${string})` | `var(--${string}, ${string})`;
149
+ primary: `var(--${string})` | `var(--${string}, ${string})`;
150
+ secondary: `var(--${string})` | `var(--${string}, ${string})`;
151
+ success: `var(--${string})` | `var(--${string}, ${string})`;
152
+ warning: `var(--${string})` | `var(--${string}, ${string})`;
153
+ "warning-alt": `var(--${string})` | `var(--${string}, ${string})`;
154
154
  };
155
155
  declare const borderColorProperties: {
156
156
  transparent: string;
157
- brand: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
158
- "brand-alt": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
159
- disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
160
- divider: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
161
- error: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
162
- info: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
163
- invert: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
164
- "invert-disabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
165
- primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
166
- secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
167
- subdued: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
168
- success: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
169
- warning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
157
+ brand: `var(--${string})` | `var(--${string}, ${string})`;
158
+ "brand-alt": `var(--${string})` | `var(--${string}, ${string})`;
159
+ disabled: `var(--${string})` | `var(--${string}, ${string})`;
160
+ divider: `var(--${string})` | `var(--${string}, ${string})`;
161
+ error: `var(--${string})` | `var(--${string}, ${string})`;
162
+ info: `var(--${string})` | `var(--${string}, ${string})`;
163
+ invert: `var(--${string})` | `var(--${string}, ${string})`;
164
+ "invert-disabled": `var(--${string})` | `var(--${string}, ${string})`;
165
+ primary: `var(--${string})` | `var(--${string}, ${string})`;
166
+ secondary: `var(--${string})` | `var(--${string}, ${string})`;
167
+ subdued: `var(--${string})` | `var(--${string}, ${string})`;
168
+ success: `var(--${string})` | `var(--${string}, ${string})`;
169
+ warning: `var(--${string})` | `var(--${string}, ${string})`;
170
170
  };
171
171
  declare const backgroundColorProperties: {
172
172
  transparent: string;
173
- background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
174
- brand: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
175
- "brand-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
176
- "brand-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
177
- "brand-subdued": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
178
- disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
179
- error: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
180
- "error-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
181
- "error-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
182
- "error-subdued": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
183
- hover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
184
- info: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
185
- "info-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
186
- "info-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
187
- "info-subdued": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
188
- invert: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
189
- "invert-disabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
190
- "invert-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
191
- "invert-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
192
- "invert-secondary": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
193
- overlay: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
194
- press: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
195
- primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
196
- secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
197
- success: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
198
- "success-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
199
- "success-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
200
- "success-subdued": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
201
- warning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
202
- "warning-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
203
- "warning-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
204
- "warning-subdued": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
173
+ background: `var(--${string})` | `var(--${string}, ${string})`;
174
+ brand: `var(--${string})` | `var(--${string}, ${string})`;
175
+ "brand-hover": `var(--${string})` | `var(--${string}, ${string})`;
176
+ "brand-press": `var(--${string})` | `var(--${string}, ${string})`;
177
+ "brand-subdued": `var(--${string})` | `var(--${string}, ${string})`;
178
+ disabled: `var(--${string})` | `var(--${string}, ${string})`;
179
+ error: `var(--${string})` | `var(--${string}, ${string})`;
180
+ "error-hover": `var(--${string})` | `var(--${string}, ${string})`;
181
+ "error-press": `var(--${string})` | `var(--${string}, ${string})`;
182
+ "error-subdued": `var(--${string})` | `var(--${string}, ${string})`;
183
+ hover: `var(--${string})` | `var(--${string}, ${string})`;
184
+ info: `var(--${string})` | `var(--${string}, ${string})`;
185
+ "info-hover": `var(--${string})` | `var(--${string}, ${string})`;
186
+ "info-press": `var(--${string})` | `var(--${string}, ${string})`;
187
+ "info-subdued": `var(--${string})` | `var(--${string}, ${string})`;
188
+ invert: `var(--${string})` | `var(--${string}, ${string})`;
189
+ "invert-disabled": `var(--${string})` | `var(--${string}, ${string})`;
190
+ "invert-hover": `var(--${string})` | `var(--${string}, ${string})`;
191
+ "invert-press": `var(--${string})` | `var(--${string}, ${string})`;
192
+ "invert-secondary": `var(--${string})` | `var(--${string}, ${string})`;
193
+ overlay: `var(--${string})` | `var(--${string}, ${string})`;
194
+ press: `var(--${string})` | `var(--${string}, ${string})`;
195
+ primary: `var(--${string})` | `var(--${string}, ${string})`;
196
+ secondary: `var(--${string})` | `var(--${string}, ${string})`;
197
+ success: `var(--${string})` | `var(--${string}, ${string})`;
198
+ "success-hover": `var(--${string})` | `var(--${string}, ${string})`;
199
+ "success-press": `var(--${string})` | `var(--${string}, ${string})`;
200
+ "success-subdued": `var(--${string})` | `var(--${string}, ${string})`;
201
+ warning: `var(--${string})` | `var(--${string}, ${string})`;
202
+ "warning-hover": `var(--${string})` | `var(--${string}, ${string})`;
203
+ "warning-press": `var(--${string})` | `var(--${string}, ${string})`;
204
+ "warning-subdued": `var(--${string})` | `var(--${string}, ${string})`;
205
205
  };
206
206
 
207
207
  export { backgroundColorProperties, borderColorProperties, borderRadiusProperties, borderWidthProperties, colorProperties, fontFamilyProperties, fontSizeProperties, fontWeightProperties, lineHeightProperties, marginProperties, shadowProperties, spacingProperties, zIndexProperties };