@likec4/styles 1.47.0 → 1.49.0

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 (147) hide show
  1. package/LICENSE +1 -1
  2. package/css/package.json +1 -1
  3. package/dev.d.mts +3 -0
  4. package/{dev.ts → dev.mjs} +8 -4
  5. package/dist/css/conditions.mjs +1 -1
  6. package/dist/css/{css.d.ts → css.d.mts} +1 -1
  7. package/dist/css/{cva.d.ts → cva.d.mts} +2 -2
  8. package/dist/css/index.d.mts +5 -0
  9. package/dist/css/sva.d.mts +4 -0
  10. package/dist/jsx/{aspect-ratio.d.ts → aspect-ratio.d.mts} +3 -3
  11. package/dist/jsx/bleed.d.mts +10 -0
  12. package/dist/jsx/box.d.mts +10 -0
  13. package/dist/jsx/center.d.mts +10 -0
  14. package/dist/jsx/circle.d.mts +10 -0
  15. package/dist/jsx/{container.d.ts → container.d.mts} +3 -3
  16. package/dist/jsx/cq.d.mts +10 -0
  17. package/dist/jsx/{create-style-context.d.ts → create-style-context.d.mts} +3 -3
  18. package/dist/jsx/divider.d.mts +10 -0
  19. package/dist/jsx/factory.d.mts +3 -0
  20. package/dist/jsx/flex.d.mts +10 -0
  21. package/dist/jsx/float.d.mts +10 -0
  22. package/dist/jsx/grid-item.d.mts +10 -0
  23. package/dist/jsx/grid.d.mts +10 -0
  24. package/dist/jsx/hstack.d.mts +10 -0
  25. package/dist/jsx/index.d.mts +26 -0
  26. package/dist/jsx/index.mjs +2 -1
  27. package/dist/jsx/is-valid-prop.mjs +1 -1
  28. package/dist/jsx/{link-overlay.d.ts → link-overlay.d.mts} +3 -3
  29. package/dist/jsx/spacer.d.mts +10 -0
  30. package/dist/jsx/square.d.mts +10 -0
  31. package/dist/jsx/stack.d.mts +10 -0
  32. package/dist/jsx/txt.d.mts +10 -0
  33. package/dist/jsx/txt.mjs +14 -0
  34. package/dist/jsx/{visually-hidden.d.ts → visually-hidden.d.mts} +3 -3
  35. package/dist/jsx/vstack.d.mts +10 -0
  36. package/dist/jsx/wrap.d.mts +10 -0
  37. package/dist/patterns/{aspect-ratio.d.ts → aspect-ratio.d.mts} +5 -5
  38. package/dist/patterns/{bleed.d.ts → bleed.d.mts} +5 -5
  39. package/dist/patterns/{box.d.ts → box.d.mts} +5 -5
  40. package/dist/patterns/{center.d.ts → center.d.mts} +5 -5
  41. package/dist/patterns/{circle.d.ts → circle.d.mts} +5 -5
  42. package/dist/patterns/{container.d.ts → container.d.mts} +5 -5
  43. package/dist/patterns/{cq.d.ts → cq.d.mts} +5 -5
  44. package/dist/patterns/{divider.d.ts → divider.d.mts} +5 -5
  45. package/dist/patterns/{flex.d.ts → flex.d.mts} +5 -5
  46. package/dist/patterns/{float.d.ts → float.d.mts} +5 -5
  47. package/dist/patterns/{grid-item.d.ts → grid-item.d.mts} +5 -5
  48. package/dist/patterns/{grid.d.ts → grid.d.mts} +5 -5
  49. package/dist/patterns/{hstack.d.ts → hstack.d.mts} +5 -5
  50. package/dist/patterns/index.d.mts +22 -0
  51. package/dist/patterns/index.mjs +2 -1
  52. package/dist/patterns/{link-overlay.d.ts → link-overlay.d.mts} +5 -5
  53. package/dist/patterns/{spacer.d.ts → spacer.d.mts} +5 -5
  54. package/dist/patterns/{square.d.ts → square.d.mts} +5 -5
  55. package/dist/patterns/{stack.d.ts → stack.d.mts} +5 -5
  56. package/dist/patterns/txt.d.mts +24 -0
  57. package/dist/patterns/txt.mjs +28 -0
  58. package/dist/patterns/{visually-hidden.d.ts → visually-hidden.d.mts} +5 -5
  59. package/dist/patterns/{vstack.d.ts → vstack.d.mts} +5 -5
  60. package/dist/patterns/{wrap.d.ts → wrap.d.mts} +5 -5
  61. package/dist/recipes/{action-btn.d.ts → action-btn.d.mts} +2 -2
  62. package/dist/recipes/action-buttons.d.mts +33 -0
  63. package/dist/recipes/action-buttons.mjs +24 -0
  64. package/dist/recipes/{compound-node.d.ts → compound-node.d.mts} +12 -3
  65. package/dist/recipes/compound-node.mjs +5 -1
  66. package/dist/recipes/{edge-action-btn.d.ts → edge-action-btn.d.mts} +2 -2
  67. package/dist/recipes/{edge-label.d.ts → edge-label.d.mts} +2 -2
  68. package/dist/recipes/{edge-path.d.ts → edge-path.d.mts} +2 -2
  69. package/dist/recipes/{element-node-data.d.ts → element-node-data.d.mts} +10 -3
  70. package/dist/recipes/element-node-data.mjs +16 -2
  71. package/dist/recipes/{element-node.d.ts → element-node.d.mts} +2 -2
  72. package/dist/recipes/{element-shape-recipe.d.ts → element-shape-recipe.d.mts} +6 -2
  73. package/dist/recipes/element-shape-recipe.mjs +6 -1
  74. package/dist/recipes/index.d.mts +17 -0
  75. package/dist/recipes/index.mjs +2 -0
  76. package/dist/recipes/{likec4tag.d.ts → likec4tag.d.mts} +2 -2
  77. package/dist/recipes/{markdown-block.d.ts → markdown-block.d.mts} +2 -2
  78. package/dist/recipes/{navigation-link.d.ts → navigation-link.d.mts} +2 -2
  79. package/dist/recipes/{navigation-panel-action-icon.d.ts → navigation-panel-action-icon.d.mts} +2 -2
  80. package/dist/recipes/{navigation-panel.d.ts → navigation-panel.d.mts} +6 -2
  81. package/dist/recipes/navigation-panel.mjs +8 -2
  82. package/dist/recipes/node-notes.d.mts +34 -0
  83. package/dist/recipes/node-notes.mjs +31 -0
  84. package/dist/recipes/{overlay.d.ts → overlay.d.mts} +2 -2
  85. package/dist/tokens/{index.d.ts → index.d.mts} +2 -2
  86. package/dist/tokens/index.mjs +328 -184
  87. package/dist/tokens/tokens.d.mts +54 -0
  88. package/dist/types/{composition.d.ts → composition.d.mts} +4 -1
  89. package/dist/types/{conditions.d.ts → conditions.d.mts} +4 -6
  90. package/dist/types/{global.d.ts → global.d.mts} +5 -5
  91. package/dist/types/index.d.mts +8 -0
  92. package/dist/types/{jsx.d.ts → jsx.d.mts} +2 -2
  93. package/dist/types/{pattern.d.ts → pattern.d.mts} +2 -2
  94. package/dist/types/{prop-type.d.ts → prop-type.d.mts} +21 -5
  95. package/dist/types/{recipe.d.ts → recipe.d.mts} +2 -2
  96. package/dist/types/{selectors.d.ts → selectors.d.mts} +1 -1
  97. package/dist/types/{style-props.d.ts → style-props.d.mts} +59 -59
  98. package/dist/types/{system-types.d.ts → system-types.d.mts} +3 -3
  99. package/jsx/package.json +1 -1
  100. package/package.json +42 -34
  101. package/patterns/package.json +1 -1
  102. package/preset/_chunks/libs/@radix-ui/colors.mjs +3784 -0
  103. package/preset/_chunks/libs/pandacss-preset-radix-colors.mjs +147 -0
  104. package/preset/_chunks/libs/remeda.mjs +120 -0
  105. package/preset/_chunks/rolldown-runtime.mjs +11 -0
  106. package/preset/package.json +2 -2
  107. package/preset/preset.d.mts +1466 -0
  108. package/preset/preset.mjs +3943 -0
  109. package/recipes/package.json +1 -1
  110. package/tokens/package.json +1 -1
  111. package/types/package.json +1 -1
  112. package/vars/package.json +4 -0
  113. package/vars/vars.d.mts +417 -0
  114. package/vars/vars.mjs +415 -0
  115. package/dist/css/index.d.ts +0 -5
  116. package/dist/css/sva.d.ts +0 -4
  117. package/dist/jsx/bleed.d.ts +0 -10
  118. package/dist/jsx/box.d.ts +0 -10
  119. package/dist/jsx/center.d.ts +0 -10
  120. package/dist/jsx/circle.d.ts +0 -10
  121. package/dist/jsx/cq.d.ts +0 -10
  122. package/dist/jsx/divider.d.ts +0 -10
  123. package/dist/jsx/factory.d.ts +0 -3
  124. package/dist/jsx/flex.d.ts +0 -10
  125. package/dist/jsx/float.d.ts +0 -10
  126. package/dist/jsx/grid-item.d.ts +0 -10
  127. package/dist/jsx/grid.d.ts +0 -10
  128. package/dist/jsx/hstack.d.ts +0 -10
  129. package/dist/jsx/index.d.ts +0 -25
  130. package/dist/jsx/spacer.d.ts +0 -10
  131. package/dist/jsx/square.d.ts +0 -10
  132. package/dist/jsx/stack.d.ts +0 -10
  133. package/dist/jsx/vstack.d.ts +0 -10
  134. package/dist/jsx/wrap.d.ts +0 -10
  135. package/dist/patterns/index.d.ts +0 -21
  136. package/dist/preset.d.mts +0 -1232
  137. package/dist/preset.mjs +0 -7553
  138. package/dist/recipes/index.d.ts +0 -15
  139. package/dist/tokens/tokens.d.ts +0 -51
  140. package/dist/types/index.d.ts +0 -8
  141. package/panda.config.ts +0 -10
  142. package/preset.ts +0 -3
  143. /package/dist/css/{cx.d.ts → cx.d.mts} +0 -0
  144. /package/dist/jsx/{is-valid-prop.d.ts → is-valid-prop.d.mts} +0 -0
  145. /package/dist/types/{csstype.d.ts → csstype.d.mts} +0 -0
  146. /package/dist/types/{parts.d.ts → parts.d.mts} +0 -0
  147. /package/dist/types/{static-css.d.ts → static-css.d.mts} +0 -0
package/vars/vars.mjs ADDED
@@ -0,0 +1,415 @@
1
+ const vars = {
2
+ likec4: {
3
+ font: "--likec4-app-font",
4
+ spacing: "--likec4-spacing",
5
+ textsize: "--likec4-text-size",
6
+ palette: {
7
+ fill: "--likec4-palette-fill",
8
+ stroke: "--likec4-palette-stroke",
9
+ hiContrast: "--likec4-palette-hiContrast",
10
+ loContrast: "--likec4-palette-loContrast",
11
+ relationStroke: "--likec4-palette-relation-stroke",
12
+ relationStrokeSelected: "--likec4-palette-relation-stroke-selected",
13
+ relationLabel: "--likec4-palette-relation-label",
14
+ relationLabelBg: "--likec4-palette-relation-label-bg",
15
+ outline: "--likec4-palette-outline"
16
+ },
17
+ icon: {
18
+ size: "--likec4-icon-size",
19
+ color: "--likec4-icon-color"
20
+ }
21
+ },
22
+ mantine: {
23
+ scale: "var(--mantine-scale)",
24
+ cursorType: "var(--mantine-cursor-type)",
25
+ webkitFontSmoothing: "var(--mantine-webkit-font-smoothing)",
26
+ mozFontSmoothing: "var(--mantine-moz-font-smoothing)",
27
+ lineHeight: "var(--mantine-line-height)",
28
+ fontFamily: "var(--mantine-font-family)",
29
+ fontFamilyMonospace: "var(--mantine-font-family-monospace)",
30
+ fontFamilyHeadings: "var(--mantine-font-family-headings)",
31
+ headingFontWeight: "var(--mantine-heading-font-weight)",
32
+ radiusDefault: "var(--mantine-radius-default)",
33
+ breakpoints: {
34
+ xs: "36em",
35
+ sm: "48em",
36
+ md: "62em",
37
+ lg: "75em",
38
+ xl: "88em"
39
+ },
40
+ fontSizes: {
41
+ xs: "var(--mantine-font-size-xs)",
42
+ sm: "var(--mantine-font-size-sm)",
43
+ md: "var(--mantine-font-size-md)",
44
+ lg: "var(--mantine-font-size-lg)",
45
+ xl: "var(--mantine-font-size-xl)"
46
+ },
47
+ lineHeights: {
48
+ xs: "var(--mantine-line-height-xs)",
49
+ sm: "var(--mantine-line-height-sm)",
50
+ md: "var(--mantine-line-height-md)",
51
+ lg: "var(--mantine-line-height-lg)",
52
+ xl: "var(--mantine-line-height-xl)"
53
+ },
54
+ shadows: {
55
+ xs: "var(--mantine-shadow-xs)",
56
+ sm: "var(--mantine-shadow-sm)",
57
+ md: "var(--mantine-shadow-md)",
58
+ lg: "var(--mantine-shadow-lg)",
59
+ xl: "var(--mantine-shadow-xl)"
60
+ },
61
+ radius: {
62
+ xs: "var(--mantine-radius-xs)",
63
+ sm: "var(--mantine-radius-sm)",
64
+ md: "var(--mantine-radius-md)",
65
+ lg: "var(--mantine-radius-lg)",
66
+ xl: "var(--mantine-radius-xl)"
67
+ },
68
+ headings: {
69
+ h1: {
70
+ fontSize: "var(--mantine-h1-font-size)",
71
+ lineHeight: "var(--mantine-h1-line-height)",
72
+ fontWeight: "var(--mantine-h1-font-weight)"
73
+ },
74
+ h2: {
75
+ fontSize: "var(--mantine-h2-font-size)",
76
+ lineHeight: "var(--mantine-h2-line-height)",
77
+ fontWeight: "var(--mantine-h2-font-weight)"
78
+ },
79
+ h3: {
80
+ fontSize: "var(--mantine-h3-font-size)",
81
+ lineHeight: "var(--mantine-h3-line-height)",
82
+ fontWeight: "var(--mantine-h3-font-weight)"
83
+ },
84
+ h4: {
85
+ fontSize: "var(--mantine-h4-font-size)",
86
+ lineHeight: "var(--mantine-h4-line-height)",
87
+ fontWeight: "var(--mantine-h4-font-weight)"
88
+ },
89
+ h5: {
90
+ fontSize: "var(--mantine-h5-font-size)",
91
+ lineHeight: "var(--mantine-h5-line-height)",
92
+ fontWeight: "var(--mantine-h5-font-weight)"
93
+ },
94
+ h6: {
95
+ fontSize: "var(--mantine-h6-font-size)",
96
+ lineHeight: "var(--mantine-h6-line-height)",
97
+ fontWeight: "var(--mantine-h6-font-weight)"
98
+ }
99
+ },
100
+ spacing: {
101
+ xs: "var(--mantine-spacing-xs)",
102
+ sm: "var(--mantine-spacing-sm)",
103
+ md: "var(--mantine-spacing-md)",
104
+ lg: "var(--mantine-spacing-lg)",
105
+ xl: "var(--mantine-spacing-xl)"
106
+ },
107
+ colors: {
108
+ primary: "var(--mantine-primary-color-filled)",
109
+ primaryColors: {
110
+ "0": "var(--mantine-primary-color-0)",
111
+ "1": "var(--mantine-primary-color-1)",
112
+ "2": "var(--mantine-primary-color-2)",
113
+ "3": "var(--mantine-primary-color-3)",
114
+ "4": "var(--mantine-primary-color-4)",
115
+ "5": "var(--mantine-primary-color-5)",
116
+ "6": "var(--mantine-primary-color-6)",
117
+ "7": "var(--mantine-primary-color-7)",
118
+ "8": "var(--mantine-primary-color-8)",
119
+ "9": "var(--mantine-primary-color-9)",
120
+ filled: "var(--mantine-primary-color-filled)",
121
+ filledHover: "var(--mantine-primary-color-filled-hover)",
122
+ light: "var(--mantine-primary-color-light)",
123
+ lightHover: "var(--mantine-primary-color-light-hover)",
124
+ lightColor: "var(--mantine-primary-color-light-color)",
125
+ outline: "var(--mantine-primary-color-outline)",
126
+ outlineHover: "var(--mantine-primary-color-outline-hover)"
127
+ },
128
+ white: "var(--mantine-color-white)",
129
+ black: "var(--mantine-color-black)",
130
+ text: "var(--mantine-color-text)",
131
+ body: "var(--mantine-color-body)",
132
+ error: "var(--mantine-color-error)",
133
+ placeholder: "var(--mantine-color-placeholder)",
134
+ anchor: "var(--mantine-color-anchor)",
135
+ default: "var(--mantine-color-default)",
136
+ defaultHover: "var(--mantine-color-default-hover)",
137
+ defaultColor: "var(--mantine-color-default-color)",
138
+ defaultBorder: "var(--mantine-color-default-border)",
139
+ dimmed: "var(--mantine-color-dimmed)",
140
+ disabledBody: "var(--mantine-color-disabled)",
141
+ disabledText: "var(--mantine-color-disabled-color)",
142
+ disabledBorder: "var(--mantine-color-disabled-border)",
143
+ dark: {
144
+ "0": "var(--mantine-color-dark-0)",
145
+ "1": "var(--mantine-color-dark-1)",
146
+ "2": "var(--mantine-color-dark-2)",
147
+ "3": "var(--mantine-color-dark-3)",
148
+ "4": "var(--mantine-color-dark-4)",
149
+ "5": "var(--mantine-color-dark-5)",
150
+ "6": "var(--mantine-color-dark-6)",
151
+ "7": "var(--mantine-color-dark-7)",
152
+ "8": "var(--mantine-color-dark-8)",
153
+ "9": "var(--mantine-color-dark-9)",
154
+ filled: "var(--mantine-color-dark-filled)",
155
+ filledHover: "var(--mantine-color-dark-filled-hover)",
156
+ light: "var(--mantine-color-dark-light)",
157
+ lightHover: "var(--mantine-color-dark-light-hover)",
158
+ lightColor: "var(--mantine-color-dark-light-color)",
159
+ outline: "var(--mantine-color-dark-outline)",
160
+ outlineHover: "var(--mantine-color-dark-outline-hover)"
161
+ },
162
+ gray: {
163
+ "0": "var(--mantine-color-gray-0)",
164
+ "1": "var(--mantine-color-gray-1)",
165
+ "2": "var(--mantine-color-gray-2)",
166
+ "3": "var(--mantine-color-gray-3)",
167
+ "4": "var(--mantine-color-gray-4)",
168
+ "5": "var(--mantine-color-gray-5)",
169
+ "6": "var(--mantine-color-gray-6)",
170
+ "7": "var(--mantine-color-gray-7)",
171
+ "8": "var(--mantine-color-gray-8)",
172
+ "9": "var(--mantine-color-gray-9)",
173
+ filled: "var(--mantine-color-gray-filled)",
174
+ filledHover: "var(--mantine-color-gray-filled-hover)",
175
+ light: "var(--mantine-color-gray-light)",
176
+ lightHover: "var(--mantine-color-gray-light-hover)",
177
+ lightColor: "var(--mantine-color-gray-light-color)",
178
+ outline: "var(--mantine-color-gray-outline)",
179
+ outlineHover: "var(--mantine-color-gray-outline-hover)"
180
+ },
181
+ red: {
182
+ "0": "var(--mantine-color-red-0)",
183
+ "1": "var(--mantine-color-red-1)",
184
+ "2": "var(--mantine-color-red-2)",
185
+ "3": "var(--mantine-color-red-3)",
186
+ "4": "var(--mantine-color-red-4)",
187
+ "5": "var(--mantine-color-red-5)",
188
+ "6": "var(--mantine-color-red-6)",
189
+ "7": "var(--mantine-color-red-7)",
190
+ "8": "var(--mantine-color-red-8)",
191
+ "9": "var(--mantine-color-red-9)",
192
+ filled: "var(--mantine-color-red-filled)",
193
+ filledHover: "var(--mantine-color-red-filled-hover)",
194
+ light: "var(--mantine-color-red-light)",
195
+ lightHover: "var(--mantine-color-red-light-hover)",
196
+ lightColor: "var(--mantine-color-red-light-color)",
197
+ outline: "var(--mantine-color-red-outline)",
198
+ outlineHover: "var(--mantine-color-red-outline-hover)"
199
+ },
200
+ pink: {
201
+ "0": "var(--mantine-color-pink-0)",
202
+ "1": "var(--mantine-color-pink-1)",
203
+ "2": "var(--mantine-color-pink-2)",
204
+ "3": "var(--mantine-color-pink-3)",
205
+ "4": "var(--mantine-color-pink-4)",
206
+ "5": "var(--mantine-color-pink-5)",
207
+ "6": "var(--mantine-color-pink-6)",
208
+ "7": "var(--mantine-color-pink-7)",
209
+ "8": "var(--mantine-color-pink-8)",
210
+ "9": "var(--mantine-color-pink-9)",
211
+ filled: "var(--mantine-color-pink-filled)",
212
+ filledHover: "var(--mantine-color-pink-filled-hover)",
213
+ light: "var(--mantine-color-pink-light)",
214
+ lightHover: "var(--mantine-color-pink-light-hover)",
215
+ lightColor: "var(--mantine-color-pink-light-color)",
216
+ outline: "var(--mantine-color-pink-outline)",
217
+ outlineHover: "var(--mantine-color-pink-outline-hover)"
218
+ },
219
+ grape: {
220
+ "0": "var(--mantine-color-grape-0)",
221
+ "1": "var(--mantine-color-grape-1)",
222
+ "2": "var(--mantine-color-grape-2)",
223
+ "3": "var(--mantine-color-grape-3)",
224
+ "4": "var(--mantine-color-grape-4)",
225
+ "5": "var(--mantine-color-grape-5)",
226
+ "6": "var(--mantine-color-grape-6)",
227
+ "7": "var(--mantine-color-grape-7)",
228
+ "8": "var(--mantine-color-grape-8)",
229
+ "9": "var(--mantine-color-grape-9)",
230
+ filled: "var(--mantine-color-grape-filled)",
231
+ filledHover: "var(--mantine-color-grape-filled-hover)",
232
+ light: "var(--mantine-color-grape-light)",
233
+ lightHover: "var(--mantine-color-grape-light-hover)",
234
+ lightColor: "var(--mantine-color-grape-light-color)",
235
+ outline: "var(--mantine-color-grape-outline)",
236
+ outlineHover: "var(--mantine-color-grape-outline-hover)"
237
+ },
238
+ violet: {
239
+ "0": "var(--mantine-color-violet-0)",
240
+ "1": "var(--mantine-color-violet-1)",
241
+ "2": "var(--mantine-color-violet-2)",
242
+ "3": "var(--mantine-color-violet-3)",
243
+ "4": "var(--mantine-color-violet-4)",
244
+ "5": "var(--mantine-color-violet-5)",
245
+ "6": "var(--mantine-color-violet-6)",
246
+ "7": "var(--mantine-color-violet-7)",
247
+ "8": "var(--mantine-color-violet-8)",
248
+ "9": "var(--mantine-color-violet-9)",
249
+ filled: "var(--mantine-color-violet-filled)",
250
+ filledHover: "var(--mantine-color-violet-filled-hover)",
251
+ light: "var(--mantine-color-violet-light)",
252
+ lightHover: "var(--mantine-color-violet-light-hover)",
253
+ lightColor: "var(--mantine-color-violet-light-color)",
254
+ outline: "var(--mantine-color-violet-outline)",
255
+ outlineHover: "var(--mantine-color-violet-outline-hover)"
256
+ },
257
+ indigo: {
258
+ "0": "var(--mantine-color-indigo-0)",
259
+ "1": "var(--mantine-color-indigo-1)",
260
+ "2": "var(--mantine-color-indigo-2)",
261
+ "3": "var(--mantine-color-indigo-3)",
262
+ "4": "var(--mantine-color-indigo-4)",
263
+ "5": "var(--mantine-color-indigo-5)",
264
+ "6": "var(--mantine-color-indigo-6)",
265
+ "7": "var(--mantine-color-indigo-7)",
266
+ "8": "var(--mantine-color-indigo-8)",
267
+ "9": "var(--mantine-color-indigo-9)",
268
+ filled: "var(--mantine-color-indigo-filled)",
269
+ filledHover: "var(--mantine-color-indigo-filled-hover)",
270
+ light: "var(--mantine-color-indigo-light)",
271
+ lightHover: "var(--mantine-color-indigo-light-hover)",
272
+ lightColor: "var(--mantine-color-indigo-light-color)",
273
+ outline: "var(--mantine-color-indigo-outline)",
274
+ outlineHover: "var(--mantine-color-indigo-outline-hover)"
275
+ },
276
+ blue: {
277
+ "0": "var(--mantine-color-blue-0)",
278
+ "1": "var(--mantine-color-blue-1)",
279
+ "2": "var(--mantine-color-blue-2)",
280
+ "3": "var(--mantine-color-blue-3)",
281
+ "4": "var(--mantine-color-blue-4)",
282
+ "5": "var(--mantine-color-blue-5)",
283
+ "6": "var(--mantine-color-blue-6)",
284
+ "7": "var(--mantine-color-blue-7)",
285
+ "8": "var(--mantine-color-blue-8)",
286
+ "9": "var(--mantine-color-blue-9)",
287
+ filled: "var(--mantine-color-blue-filled)",
288
+ filledHover: "var(--mantine-color-blue-filled-hover)",
289
+ light: "var(--mantine-color-blue-light)",
290
+ lightHover: "var(--mantine-color-blue-light-hover)",
291
+ lightColor: "var(--mantine-color-blue-light-color)",
292
+ outline: "var(--mantine-color-blue-outline)",
293
+ outlineHover: "var(--mantine-color-blue-outline-hover)"
294
+ },
295
+ cyan: {
296
+ "0": "var(--mantine-color-cyan-0)",
297
+ "1": "var(--mantine-color-cyan-1)",
298
+ "2": "var(--mantine-color-cyan-2)",
299
+ "3": "var(--mantine-color-cyan-3)",
300
+ "4": "var(--mantine-color-cyan-4)",
301
+ "5": "var(--mantine-color-cyan-5)",
302
+ "6": "var(--mantine-color-cyan-6)",
303
+ "7": "var(--mantine-color-cyan-7)",
304
+ "8": "var(--mantine-color-cyan-8)",
305
+ "9": "var(--mantine-color-cyan-9)",
306
+ filled: "var(--mantine-color-cyan-filled)",
307
+ filledHover: "var(--mantine-color-cyan-filled-hover)",
308
+ light: "var(--mantine-color-cyan-light)",
309
+ lightHover: "var(--mantine-color-cyan-light-hover)",
310
+ lightColor: "var(--mantine-color-cyan-light-color)",
311
+ outline: "var(--mantine-color-cyan-outline)",
312
+ outlineHover: "var(--mantine-color-cyan-outline-hover)"
313
+ },
314
+ teal: {
315
+ "0": "var(--mantine-color-teal-0)",
316
+ "1": "var(--mantine-color-teal-1)",
317
+ "2": "var(--mantine-color-teal-2)",
318
+ "3": "var(--mantine-color-teal-3)",
319
+ "4": "var(--mantine-color-teal-4)",
320
+ "5": "var(--mantine-color-teal-5)",
321
+ "6": "var(--mantine-color-teal-6)",
322
+ "7": "var(--mantine-color-teal-7)",
323
+ "8": "var(--mantine-color-teal-8)",
324
+ "9": "var(--mantine-color-teal-9)",
325
+ filled: "var(--mantine-color-teal-filled)",
326
+ filledHover: "var(--mantine-color-teal-filled-hover)",
327
+ light: "var(--mantine-color-teal-light)",
328
+ lightHover: "var(--mantine-color-teal-light-hover)",
329
+ lightColor: "var(--mantine-color-teal-light-color)",
330
+ outline: "var(--mantine-color-teal-outline)",
331
+ outlineHover: "var(--mantine-color-teal-outline-hover)"
332
+ },
333
+ green: {
334
+ "0": "var(--mantine-color-green-0)",
335
+ "1": "var(--mantine-color-green-1)",
336
+ "2": "var(--mantine-color-green-2)",
337
+ "3": "var(--mantine-color-green-3)",
338
+ "4": "var(--mantine-color-green-4)",
339
+ "5": "var(--mantine-color-green-5)",
340
+ "6": "var(--mantine-color-green-6)",
341
+ "7": "var(--mantine-color-green-7)",
342
+ "8": "var(--mantine-color-green-8)",
343
+ "9": "var(--mantine-color-green-9)",
344
+ filled: "var(--mantine-color-green-filled)",
345
+ filledHover: "var(--mantine-color-green-filled-hover)",
346
+ light: "var(--mantine-color-green-light)",
347
+ lightHover: "var(--mantine-color-green-light-hover)",
348
+ lightColor: "var(--mantine-color-green-light-color)",
349
+ outline: "var(--mantine-color-green-outline)",
350
+ outlineHover: "var(--mantine-color-green-outline-hover)"
351
+ },
352
+ lime: {
353
+ "0": "var(--mantine-color-lime-0)",
354
+ "1": "var(--mantine-color-lime-1)",
355
+ "2": "var(--mantine-color-lime-2)",
356
+ "3": "var(--mantine-color-lime-3)",
357
+ "4": "var(--mantine-color-lime-4)",
358
+ "5": "var(--mantine-color-lime-5)",
359
+ "6": "var(--mantine-color-lime-6)",
360
+ "7": "var(--mantine-color-lime-7)",
361
+ "8": "var(--mantine-color-lime-8)",
362
+ "9": "var(--mantine-color-lime-9)",
363
+ filled: "var(--mantine-color-lime-filled)",
364
+ filledHover: "var(--mantine-color-lime-filled-hover)",
365
+ light: "var(--mantine-color-lime-light)",
366
+ lightHover: "var(--mantine-color-lime-light-hover)",
367
+ lightColor: "var(--mantine-color-lime-light-color)",
368
+ outline: "var(--mantine-color-lime-outline)",
369
+ outlineHover: "var(--mantine-color-lime-outline-hover)"
370
+ },
371
+ yellow: {
372
+ "0": "var(--mantine-color-yellow-0)",
373
+ "1": "var(--mantine-color-yellow-1)",
374
+ "2": "var(--mantine-color-yellow-2)",
375
+ "3": "var(--mantine-color-yellow-3)",
376
+ "4": "var(--mantine-color-yellow-4)",
377
+ "5": "var(--mantine-color-yellow-5)",
378
+ "6": "var(--mantine-color-yellow-6)",
379
+ "7": "var(--mantine-color-yellow-7)",
380
+ "8": "var(--mantine-color-yellow-8)",
381
+ "9": "var(--mantine-color-yellow-9)",
382
+ filled: "var(--mantine-color-yellow-filled)",
383
+ filledHover: "var(--mantine-color-yellow-filled-hover)",
384
+ light: "var(--mantine-color-yellow-light)",
385
+ lightHover: "var(--mantine-color-yellow-light-hover)",
386
+ lightColor: "var(--mantine-color-yellow-light-color)",
387
+ outline: "var(--mantine-color-yellow-outline)",
388
+ outlineHover: "var(--mantine-color-yellow-outline-hover)"
389
+ },
390
+ orange: {
391
+ "0": "var(--mantine-color-orange-0)",
392
+ "1": "var(--mantine-color-orange-1)",
393
+ "2": "var(--mantine-color-orange-2)",
394
+ "3": "var(--mantine-color-orange-3)",
395
+ "4": "var(--mantine-color-orange-4)",
396
+ "5": "var(--mantine-color-orange-5)",
397
+ "6": "var(--mantine-color-orange-6)",
398
+ "7": "var(--mantine-color-orange-7)",
399
+ "8": "var(--mantine-color-orange-8)",
400
+ "9": "var(--mantine-color-orange-9)",
401
+ filled: "var(--mantine-color-orange-filled)",
402
+ filledHover: "var(--mantine-color-orange-filled-hover)",
403
+ light: "var(--mantine-color-orange-light)",
404
+ lightHover: "var(--mantine-color-orange-light-hover)",
405
+ lightColor: "var(--mantine-color-orange-light-color)",
406
+ outline: "var(--mantine-color-orange-outline)",
407
+ outlineHover: "var(--mantine-color-orange-outline-hover)"
408
+ }
409
+ },
410
+ rtlSelector: "[dir=\"rtl\"] &",
411
+ darkSelector: "[data-mantine-color-scheme=\"dark\"] &",
412
+ lightSelector: "[data-mantine-color-scheme=\"light\"] &"
413
+ }
414
+ };
415
+ export { vars as default };
@@ -1,5 +0,0 @@
1
- /* eslint-disable */
2
- export * from './css';
3
- export * from './cx';
4
- export * from './cva';
5
- export * from './sva';
package/dist/css/sva.d.ts DELETED
@@ -1,4 +0,0 @@
1
- /* eslint-disable */
2
- import type { SlotRecipeCreatorFn } from '../types/recipe';
3
-
4
- export declare const sva: SlotRecipeCreatorFn
@@ -1,10 +0,0 @@
1
- /* eslint-disable */
2
- import type { FunctionComponent } from 'react'
3
- import type { BleedProperties } from '../patterns/bleed';
4
- import type { HTMLStyledProps } from '../types/jsx';
5
- import type { DistributiveOmit } from '../types/system-types';
6
-
7
- export interface BleedProps extends BleedProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof BleedProperties > {}
8
-
9
-
10
- export declare const Bleed: FunctionComponent<BleedProps>
package/dist/jsx/box.d.ts DELETED
@@ -1,10 +0,0 @@
1
- /* eslint-disable */
2
- import type { FunctionComponent } from 'react'
3
- import type { BoxProperties } from '../patterns/box';
4
- import type { HTMLStyledProps } from '../types/jsx';
5
- import type { DistributiveOmit } from '../types/system-types';
6
-
7
- export interface BoxProps extends BoxProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof BoxProperties > {}
8
-
9
-
10
- export declare const Box: FunctionComponent<BoxProps>
@@ -1,10 +0,0 @@
1
- /* eslint-disable */
2
- import type { FunctionComponent } from 'react'
3
- import type { CenterProperties } from '../patterns/center';
4
- import type { HTMLStyledProps } from '../types/jsx';
5
- import type { DistributiveOmit } from '../types/system-types';
6
-
7
- export interface CenterProps extends CenterProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof CenterProperties > {}
8
-
9
-
10
- export declare const Center: FunctionComponent<CenterProps>
@@ -1,10 +0,0 @@
1
- /* eslint-disable */
2
- import type { FunctionComponent } from 'react'
3
- import type { CircleProperties } from '../patterns/circle';
4
- import type { HTMLStyledProps } from '../types/jsx';
5
- import type { DistributiveOmit } from '../types/system-types';
6
-
7
- export interface CircleProps extends CircleProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof CircleProperties > {}
8
-
9
-
10
- export declare const Circle: FunctionComponent<CircleProps>
package/dist/jsx/cq.d.ts DELETED
@@ -1,10 +0,0 @@
1
- /* eslint-disable */
2
- import type { FunctionComponent } from 'react'
3
- import type { CqProperties } from '../patterns/cq';
4
- import type { HTMLStyledProps } from '../types/jsx';
5
- import type { DistributiveOmit } from '../types/system-types';
6
-
7
- export interface CqProps extends CqProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof CqProperties > {}
8
-
9
-
10
- export declare const Cq: FunctionComponent<CqProps>
@@ -1,10 +0,0 @@
1
- /* eslint-disable */
2
- import type { FunctionComponent } from 'react'
3
- import type { DividerProperties } from '../patterns/divider';
4
- import type { HTMLStyledProps } from '../types/jsx';
5
- import type { DistributiveOmit } from '../types/system-types';
6
-
7
- export interface DividerProps extends DividerProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof DividerProperties > {}
8
-
9
-
10
- export declare const Divider: FunctionComponent<DividerProps>
@@ -1,3 +0,0 @@
1
- /* eslint-disable */
2
- import type { Styled } from '../types/jsx';
3
- export declare const styled: Styled
@@ -1,10 +0,0 @@
1
- /* eslint-disable */
2
- import type { FunctionComponent } from 'react'
3
- import type { FlexProperties } from '../patterns/flex';
4
- import type { HTMLStyledProps } from '../types/jsx';
5
- import type { DistributiveOmit } from '../types/system-types';
6
-
7
- export interface FlexProps extends FlexProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof FlexProperties > {}
8
-
9
-
10
- export declare const Flex: FunctionComponent<FlexProps>
@@ -1,10 +0,0 @@
1
- /* eslint-disable */
2
- import type { FunctionComponent } from 'react'
3
- import type { FloatProperties } from '../patterns/float';
4
- import type { HTMLStyledProps } from '../types/jsx';
5
- import type { DistributiveOmit } from '../types/system-types';
6
-
7
- export interface FloatProps extends FloatProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof FloatProperties > {}
8
-
9
-
10
- export declare const Float: FunctionComponent<FloatProps>
@@ -1,10 +0,0 @@
1
- /* eslint-disable */
2
- import type { FunctionComponent } from 'react'
3
- import type { GridItemProperties } from '../patterns/grid-item';
4
- import type { HTMLStyledProps } from '../types/jsx';
5
- import type { DistributiveOmit } from '../types/system-types';
6
-
7
- export interface GridItemProps extends GridItemProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof GridItemProperties > {}
8
-
9
-
10
- export declare const GridItem: FunctionComponent<GridItemProps>
@@ -1,10 +0,0 @@
1
- /* eslint-disable */
2
- import type { FunctionComponent } from 'react'
3
- import type { GridProperties } from '../patterns/grid';
4
- import type { HTMLStyledProps } from '../types/jsx';
5
- import type { DistributiveOmit } from '../types/system-types';
6
-
7
- export interface GridProps extends GridProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof GridProperties > {}
8
-
9
-
10
- export declare const Grid: FunctionComponent<GridProps>
@@ -1,10 +0,0 @@
1
- /* eslint-disable */
2
- import type { FunctionComponent } from 'react'
3
- import type { HstackProperties } from '../patterns/hstack';
4
- import type { HTMLStyledProps } from '../types/jsx';
5
- import type { DistributiveOmit } from '../types/system-types';
6
-
7
- export interface HstackProps extends HstackProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof HstackProperties > {}
8
-
9
-
10
- export declare const HStack: FunctionComponent<HstackProps>
@@ -1,25 +0,0 @@
1
- /* eslint-disable */
2
- export * from './factory';
3
- export * from './is-valid-prop';
4
- export * from './create-style-context';
5
- export * from './box';
6
- export * from './flex';
7
- export * from './stack';
8
- export * from './vstack';
9
- export * from './hstack';
10
- export * from './spacer';
11
- export * from './square';
12
- export * from './circle';
13
- export * from './center';
14
- export * from './link-overlay';
15
- export * from './aspect-ratio';
16
- export * from './grid';
17
- export * from './grid-item';
18
- export * from './wrap';
19
- export * from './container';
20
- export * from './divider';
21
- export * from './float';
22
- export * from './bleed';
23
- export * from './visually-hidden';
24
- export * from './cq';
25
- export type { HTMLStyledProps, StyledComponent } from '../types/jsx';
@@ -1,10 +0,0 @@
1
- /* eslint-disable */
2
- import type { FunctionComponent } from 'react'
3
- import type { SpacerProperties } from '../patterns/spacer';
4
- import type { HTMLStyledProps } from '../types/jsx';
5
- import type { DistributiveOmit } from '../types/system-types';
6
-
7
- export interface SpacerProps extends SpacerProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof SpacerProperties > {}
8
-
9
-
10
- export declare const Spacer: FunctionComponent<SpacerProps>
@@ -1,10 +0,0 @@
1
- /* eslint-disable */
2
- import type { FunctionComponent } from 'react'
3
- import type { SquareProperties } from '../patterns/square';
4
- import type { HTMLStyledProps } from '../types/jsx';
5
- import type { DistributiveOmit } from '../types/system-types';
6
-
7
- export interface SquareProps extends SquareProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof SquareProperties > {}
8
-
9
-
10
- export declare const Square: FunctionComponent<SquareProps>
@@ -1,10 +0,0 @@
1
- /* eslint-disable */
2
- import type { FunctionComponent } from 'react'
3
- import type { StackProperties } from '../patterns/stack';
4
- import type { HTMLStyledProps } from '../types/jsx';
5
- import type { DistributiveOmit } from '../types/system-types';
6
-
7
- export interface StackProps extends StackProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof StackProperties > {}
8
-
9
-
10
- export declare const Stack: FunctionComponent<StackProps>
@@ -1,10 +0,0 @@
1
- /* eslint-disable */
2
- import type { FunctionComponent } from 'react'
3
- import type { VstackProperties } from '../patterns/vstack';
4
- import type { HTMLStyledProps } from '../types/jsx';
5
- import type { DistributiveOmit } from '../types/system-types';
6
-
7
- export interface VstackProps extends VstackProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof VstackProperties > {}
8
-
9
-
10
- export declare const VStack: FunctionComponent<VstackProps>
@@ -1,10 +0,0 @@
1
- /* eslint-disable */
2
- import type { FunctionComponent } from 'react'
3
- import type { WrapProperties } from '../patterns/wrap';
4
- import type { HTMLStyledProps } from '../types/jsx';
5
- import type { DistributiveOmit } from '../types/system-types';
6
-
7
- export interface WrapProps extends WrapProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof WrapProperties > {}
8
-
9
-
10
- export declare const Wrap: FunctionComponent<WrapProps>