@sanity/ui 3.0.0-static.0 → 3.0.0-static.10

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 (1235) hide show
  1. package/LICENSE +1 -1
  2. package/bin/ui.js +0 -1
  3. package/dist/_chunks-cjs/_visual-editing.js +3138 -0
  4. package/dist/_chunks-cjs/_visual-editing.js.map +1 -0
  5. package/dist/_chunks-cjs/buildCommand.js +17 -2821
  6. package/dist/_chunks-cjs/buildCommand.js.map +1 -1
  7. package/dist/_chunks-cjs/refractor.js +27 -0
  8. package/dist/_chunks-cjs/refractor.js.map +1 -0
  9. package/dist/_chunks-es/_visual-editing.mjs +3145 -0
  10. package/dist/_chunks-es/_visual-editing.mjs.map +1 -0
  11. package/dist/_chunks-es/refractor.mjs +26 -0
  12. package/dist/_chunks-es/refractor.mjs.map +1 -0
  13. package/dist/_visual-editing.d.mts +811 -0
  14. package/dist/_visual-editing.d.ts +811 -0
  15. package/dist/_visual-editing.js +31 -0
  16. package/dist/_visual-editing.js.map +1 -0
  17. package/dist/_visual-editing.mjs +31 -0
  18. package/dist/_visual-editing.mjs.map +1 -0
  19. package/dist/cli.js +340 -6
  20. package/dist/cli.js.map +1 -1
  21. package/dist/css.d.mts +970 -440
  22. package/dist/css.d.ts +970 -440
  23. package/dist/css.js +4257 -2514
  24. package/dist/css.js.map +1 -1
  25. package/dist/css.mjs +4259 -2515
  26. package/dist/css.mjs.map +1 -1
  27. package/dist/index.d.mts +499 -561
  28. package/dist/index.d.ts +499 -561
  29. package/dist/index.js +1160 -5463
  30. package/dist/index.js.map +1 -1
  31. package/dist/index.mjs +1089 -5401
  32. package/dist/index.mjs.map +1 -1
  33. package/dist/sanity-palette.css +1 -0
  34. package/dist/sanity-theme.css +1 -25
  35. package/dist/system.css +23226 -2941
  36. package/dist/theme.d.mts +399 -112
  37. package/dist/theme.d.ts +399 -112
  38. package/dist/theme.js +2174 -2060
  39. package/dist/theme.js.map +1 -1
  40. package/dist/theme.mjs +2207 -2095
  41. package/dist/theme.mjs.map +1 -1
  42. package/exports/_visual-editing.ts +31 -0
  43. package/exports/index.ts +1 -1
  44. package/package.json +96 -85
  45. package/src/cli/buildCommand.ts +48 -0
  46. package/src/cli/index.ts +38 -0
  47. package/src/css/_comp.test.ts +7 -0
  48. package/src/css/_comp.ts +11 -0
  49. package/src/css/_mergeStyles.ts +31 -0
  50. package/src/css/_resp.ts +16 -6
  51. package/src/css/_responsiveRule.ts +38 -0
  52. package/src/css/aspects/border/border.style.ts +13 -0
  53. package/src/css/aspects/border/border.ts +14 -0
  54. package/src/css/aspects/display/display.style.ts +34 -0
  55. package/src/css/aspects/display/display.ts +7 -0
  56. package/src/css/aspects/display/index.ts +2 -0
  57. package/src/css/aspects/display/types.ts +17 -0
  58. package/src/css/aspects/flex/flex.style.ts +30 -0
  59. package/src/css/aspects/flex/flex.ts +13 -0
  60. package/src/css/aspects/flex/flexAlign.style.ts +12 -0
  61. package/src/css/aspects/flex/flexDirection.style.ts +11 -0
  62. package/src/css/aspects/flex/flexJustify.style.ts +13 -0
  63. package/src/css/aspects/flex/flexWrap.style.ts +10 -0
  64. package/src/css/aspects/flexItem/flex.style.ts +22 -0
  65. package/src/css/aspects/flexItem/flexItem.ts +8 -0
  66. package/src/css/aspects/flexItem/types.ts +27 -0
  67. package/src/css/aspects/font/font.style.ts +151 -0
  68. package/src/css/aspects/font/font.ts +12 -0
  69. package/src/css/aspects/font/types.ts +12 -0
  70. package/src/css/aspects/gap/gap.style.ts +21 -0
  71. package/src/css/aspects/gap/gap.ts +8 -0
  72. package/src/css/aspects/gap/types.ts +10 -0
  73. package/src/css/aspects/grid/grid.ts +13 -0
  74. package/src/css/aspects/grid/gridAutoColumns.style.ts +11 -0
  75. package/src/css/aspects/grid/gridAutoFlow.style.ts +11 -0
  76. package/src/css/aspects/grid/gridAutoRows.style.ts +11 -0
  77. package/src/css/aspects/grid/gridColumns.style.ts +18 -0
  78. package/src/css/aspects/grid/gridRows.style.ts +18 -0
  79. package/src/css/aspects/grid/index.ts +2 -0
  80. package/src/css/aspects/grid/types.ts +29 -0
  81. package/src/css/aspects/gridItem/gridColumn.style.ts +20 -0
  82. package/src/css/aspects/gridItem/gridColumnEnd.style.ts +20 -0
  83. package/src/css/aspects/gridItem/gridColumnStart.style.ts +20 -0
  84. package/src/css/aspects/gridItem/gridItem.ts +15 -0
  85. package/src/css/aspects/gridItem/gridRow.style.ts +20 -0
  86. package/src/css/aspects/gridItem/gridRowEnd.style.ts +20 -0
  87. package/src/css/aspects/gridItem/gridRowStart.style.ts +20 -0
  88. package/src/css/aspects/height/height.style.ts +9 -0
  89. package/src/css/aspects/height/height.ts +17 -0
  90. package/src/css/aspects/height/index.ts +1 -0
  91. package/src/css/aspects/index.ts +21 -0
  92. package/src/css/aspects/inset/index.ts +2 -0
  93. package/src/css/aspects/inset/inset.style.ts +12 -0
  94. package/src/css/aspects/inset/inset.ts +13 -0
  95. package/src/css/aspects/inset/types.ts +13 -0
  96. package/src/css/aspects/margin/margin.style.ts +46 -0
  97. package/src/css/aspects/margin/margin.ts +15 -0
  98. package/src/css/aspects/maxWidth/maxWidth.style.ts +16 -0
  99. package/src/css/aspects/maxWidth/types.ts +7 -0
  100. package/src/css/aspects/minWidth/index.ts +2 -0
  101. package/src/css/aspects/minWidth/minWidth.style.ts +13 -0
  102. package/src/css/aspects/minWidth/minWidth.ts +6 -0
  103. package/src/css/aspects/minWidth/types.ts +7 -0
  104. package/src/css/aspects/outline/outline.style.ts +9 -0
  105. package/src/css/aspects/overflow/index.ts +2 -0
  106. package/src/css/aspects/overflow/overflow.style.ts +11 -0
  107. package/src/css/aspects/overflow/overflow.ts +11 -0
  108. package/src/css/aspects/overflow/types.ts +11 -0
  109. package/src/css/aspects/padding/padding.style.ts +46 -0
  110. package/src/css/aspects/padding/padding.ts +15 -0
  111. package/src/css/aspects/padding/types.ts +14 -0
  112. package/src/css/aspects/pointerEvents/pointerEvents.style.ts +13 -0
  113. package/src/css/aspects/pointerEvents/pointerEvents.ts +6 -0
  114. package/src/css/aspects/position/position.style.ts +12 -0
  115. package/src/css/aspects/position/position.ts +7 -0
  116. package/src/css/aspects/position/types.ts +9 -0
  117. package/src/css/aspects/radius/radius.style.ts +16 -0
  118. package/src/css/aspects/radius/radius.ts +8 -0
  119. package/src/css/aspects/radius/types.ts +8 -0
  120. package/src/css/aspects/shadow/index.ts +2 -0
  121. package/src/css/aspects/shadow/shadow.style.ts +49 -0
  122. package/src/css/aspects/shadow/shadow.ts +7 -0
  123. package/src/css/aspects/shadow/types.ts +8 -0
  124. package/src/css/aspects/textOverflow/index.ts +2 -0
  125. package/src/css/aspects/textOverflow/textOverflow.style.ts +21 -0
  126. package/src/css/aspects/textOverflow/textOverflow.ts +6 -0
  127. package/src/css/aspects/textOverflow/types.ts +8 -0
  128. package/src/css/aspects/width/index.ts +2 -0
  129. package/src/css/aspects/width/rules.ts +8 -0
  130. package/src/css/aspects/width/types.ts +9 -0
  131. package/src/css/aspects/width/width.style.ts +11 -0
  132. package/src/css/compile/compilePalette.ts +27 -0
  133. package/src/css/compile/compileRule.ts +50 -11
  134. package/src/css/compile/compileRules.test.ts +36 -0
  135. package/src/css/compile/compileRules.ts +43 -0
  136. package/src/css/compile/compileStyle.ts +148 -0
  137. package/src/css/compile/compileSystem.ts +6 -3
  138. package/src/css/compile/compileTheme.ts +8 -502
  139. package/src/css/compile/compileTheme_v3.ts +401 -0
  140. package/src/css/compile/types.ts +6 -0
  141. package/src/css/components/breadcrumbs/breadcrumbs.style.ts +9 -0
  142. package/src/css/components/breadcrumbs/breadcrumbs.ts +3 -3
  143. package/src/css/components/breadcrumbs/rules.ts +18 -0
  144. package/src/css/components/dialog/dialog.style.ts +79 -0
  145. package/src/css/components/dialog/dialog.ts +30 -0
  146. package/src/css/components/dialog/index.ts +1 -1
  147. package/src/css/components/dialog/rules.ts +4 -1
  148. package/src/css/components/menu/index.ts +1 -0
  149. package/src/css/components/menu/menu.style.ts +17 -0
  150. package/src/css/components/menu/menu.ts +9 -0
  151. package/src/css/components/menu/rules.ts +15 -0
  152. package/src/css/components/skeleton/index.ts +2 -0
  153. package/src/css/components/skeleton/rules.ts +113 -0
  154. package/src/css/components/skeleton/skeleton.style.ts +96 -0
  155. package/src/css/components/skeleton/skeleton.ts +31 -0
  156. package/src/css/components/skeleton/types.ts +26 -0
  157. package/src/css/components/toast/index.ts +1 -0
  158. package/src/css/components/toast/rules.ts +18 -0
  159. package/src/css/components/toast/toast.style.ts +20 -0
  160. package/src/css/components/toast/toast.ts +21 -0
  161. package/src/css/components/tree/rules.ts +118 -2
  162. package/src/css/components/tree/tree.style.ts +55 -0
  163. package/src/css/components/tree/tree.ts +3 -3
  164. package/src/css/composeClassNames.ts +16 -2
  165. package/src/css/constants.ts +1 -0
  166. package/src/css/index.ts +15 -21
  167. package/src/css/primitives/_arrow/_arrow.style.ts +73 -0
  168. package/src/css/primitives/_arrow/_arrow.ts +14 -0
  169. package/src/css/primitives/_arrow/index.ts +1 -0
  170. package/src/css/primitives/_input/__workshop__/customInput.tsx +16 -0
  171. package/src/css/primitives/_input/__workshop__/index.ts +14 -0
  172. package/src/css/primitives/_input/_input.style.ts +162 -0
  173. package/src/css/primitives/_input/index.ts +2 -0
  174. package/src/css/primitives/_input/input.ts +25 -0
  175. package/src/css/primitives/_input/types.ts +12 -0
  176. package/src/css/primitives/_selectable/__style.ts +117 -0
  177. package/src/css/primitives/_selectable/_contants.ts +11 -0
  178. package/src/css/primitives/_selectable/_selectable.style.ts +132 -0
  179. package/src/css/primitives/_selectable/selectable.ts +9 -0
  180. package/src/css/primitives/_selectable/types.ts +8 -0
  181. package/src/css/primitives/avatar/avatar.style.ts +175 -0
  182. package/src/css/primitives/avatar/avatar.ts +13 -18
  183. package/src/css/primitives/avatar/rules.ts +85 -99
  184. package/src/css/primitives/avatar/types.ts +1 -2
  185. package/src/css/primitives/badge/badge.style.ts +22 -0
  186. package/src/css/primitives/badge/badge.ts +4 -4
  187. package/src/css/primitives/badge/types.ts +2 -2
  188. package/src/css/primitives/box/box.style.ts +31 -0
  189. package/src/css/primitives/box/box.ts +34 -16
  190. package/src/css/primitives/box/types.ts +31 -29
  191. package/src/css/primitives/button/_constants.ts +17 -0
  192. package/src/css/primitives/button/button.style.ts +201 -0
  193. package/src/css/primitives/button/button.ts +29 -14
  194. package/src/css/primitives/button/rules.ts +284 -40
  195. package/src/css/primitives/card/_constants.ts +13 -0
  196. package/src/css/primitives/card/card.style.ts +270 -0
  197. package/src/css/primitives/card/card.ts +9 -16
  198. package/src/css/primitives/card/index.ts +1 -0
  199. package/src/css/primitives/card/types.ts +10 -0
  200. package/src/css/primitives/checkbox/__styles.ts +115 -113
  201. package/src/css/primitives/checkbox/checkbox.style.ts +154 -0
  202. package/src/css/primitives/checkbox/checkbox.ts +5 -5
  203. package/src/css/primitives/checkbox/rules.ts +31 -15
  204. package/src/css/primitives/code/code.style.ts +62 -0
  205. package/src/css/primitives/code/code.ts +4 -4
  206. package/src/css/primitives/code/rules.ts +27 -2
  207. package/src/css/primitives/code/types.ts +1 -1
  208. package/src/css/primitives/container/container.style.ts +10 -0
  209. package/src/css/primitives/container/container.ts +4 -4
  210. package/src/css/primitives/container/types.ts +1 -0
  211. package/src/css/primitives/heading/heading.style.ts +47 -0
  212. package/src/css/primitives/heading/heading.ts +6 -5
  213. package/src/css/primitives/heading/rules.ts +77 -6
  214. package/src/css/primitives/heading/types.ts +2 -2
  215. package/src/css/primitives/kbd/kbd.style.ts +22 -0
  216. package/src/css/primitives/kbd/kbd.ts +4 -4
  217. package/src/css/primitives/kbd/rules.ts +5 -5
  218. package/src/css/primitives/kbd/types.ts +3 -1
  219. package/src/css/primitives/label/label.style.ts +48 -0
  220. package/src/css/primitives/label/label.ts +4 -4
  221. package/src/css/primitives/label/rules.ts +54 -2
  222. package/src/css/primitives/label/types.ts +1 -1
  223. package/src/css/primitives/popover/popover.style.ts +5 -0
  224. package/src/css/primitives/popover/popover.ts +7 -3
  225. package/src/css/primitives/radio/radio.style.ts +123 -0
  226. package/src/css/primitives/radio/radio.ts +3 -3
  227. package/src/css/primitives/radio/rules.ts +117 -1
  228. package/src/css/primitives/select/index.ts +1 -0
  229. package/src/css/primitives/select/rules.ts +18 -1
  230. package/src/css/primitives/select/select.style.ts +24 -0
  231. package/src/css/primitives/select/select.ts +9 -2
  232. package/src/css/primitives/select/types.ts +5 -0
  233. package/src/css/primitives/spinner/rules.ts +6 -7
  234. package/src/css/primitives/spinner/spinner.style.ts +22 -0
  235. package/src/css/primitives/spinner/spinner.ts +7 -3
  236. package/src/css/primitives/stack/stack.style.ts +9 -0
  237. package/src/css/primitives/stack/stack.ts +6 -0
  238. package/src/css/primitives/switch/rules.ts +264 -56
  239. package/src/css/primitives/switch/switch.style.ts +94 -0
  240. package/src/css/primitives/switch/switch.ts +19 -3
  241. package/src/css/primitives/text/rules.ts +93 -4
  242. package/src/css/primitives/text/text.style.ts +64 -0
  243. package/src/css/primitives/text/text.ts +5 -4
  244. package/src/css/primitives/text/types.ts +2 -2
  245. package/src/css/primitives/textArea/index.ts +1 -0
  246. package/src/css/primitives/textArea/rules.ts +3 -1
  247. package/src/css/primitives/textArea/textArea.style.ts +9 -0
  248. package/src/css/primitives/textArea/textArea.ts +5 -2
  249. package/src/css/primitives/textArea/types.ts +5 -0
  250. package/src/css/primitives/textInput/index.ts +1 -0
  251. package/src/css/primitives/textInput/rules.ts +94 -96
  252. package/src/css/primitives/textInput/textInput.style.ts +167 -0
  253. package/src/css/primitives/textInput/textInput.ts +5 -4
  254. package/src/css/primitives/textInput/types.ts +11 -0
  255. package/src/css/primitives/token/rules.ts +37 -37
  256. package/src/css/primitives/token/token.style.ts +49 -0
  257. package/src/css/primitives/tooltip/rules.ts +2 -0
  258. package/src/css/primitives/tooltip/tooltip.style.ts +21 -0
  259. package/src/css/primitives/tooltip/tooltip.ts +5 -5
  260. package/src/css/scopeClassName.ts +6 -0
  261. package/src/css/system.style.ts +158 -0
  262. package/src/css/types.ts +630 -369
  263. package/src/css/util.ts +27 -0
  264. package/src/css/utils/srOnly/srOnly.style.ts +14 -0
  265. package/src/css/utils/srOnly/srOnly.ts +5 -0
  266. package/src/css/varNames.ts +395 -256
  267. package/src/css/vars.ts +422 -246
  268. package/src/theme/_constants.ts +26 -0
  269. package/src/theme/_types.ts +41 -0
  270. package/src/theme/build/_deprecated/color/_selectable/createSelectableTones.ts +1 -1
  271. package/src/theme/build/_deprecated/color/_solid/createSolidTones.ts +1 -1
  272. package/src/theme/build/_deprecated/color/button/createButtonModes.ts +1 -6
  273. package/src/theme/build/_deprecated/color/button/createButtonTones.ts +2 -2
  274. package/src/theme/build/_deprecated/color/card/createCardStates.ts +2 -2
  275. package/src/theme/build/_deprecated/color/factory.ts +8 -9
  276. package/src/theme/build/_deprecated/color/input/createInputModes.ts +1 -1
  277. package/src/theme/build/_deprecated/color/muted/createMuted.ts +2 -2
  278. package/src/theme/build/_deprecated/color/spot/createSpot.ts +1 -1
  279. package/src/theme/build/buildColorTheme.ts +62 -52
  280. package/src/theme/build/buildTheme.ts +8 -32
  281. package/src/theme/build/colorToken/colorToken.ts +1 -1
  282. package/src/theme/build/lib/color-fns/rgba.ts +4 -0
  283. package/src/theme/build/merge.ts +0 -2
  284. package/src/theme/build/mixThemeColor.ts +1 -1
  285. package/src/theme/build/renderColorTheme.ts +34 -37
  286. package/src/theme/build/renderColorValue.ts +4 -3
  287. package/src/theme/build/resolveColorTokens.ts +57 -120
  288. package/src/theme/config/helpers.ts +2 -2
  289. package/src/theme/config/system.ts +3 -2
  290. package/src/theme/config/tokens/color/types.ts +5 -18
  291. package/src/theme/config/tokens/parseTokenKey.ts +1 -1
  292. package/src/theme/config/tokens/parseTokenValue.ts +1 -1
  293. package/src/theme/config/tokens/types.ts +3 -2
  294. package/src/theme/config/types.ts +4 -4
  295. package/src/theme/defaults/colorTokens.ts +8 -6
  296. package/src/theme/defaults/config.ts +2 -2
  297. package/src/theme/defaults/fonts.ts +17 -16
  298. package/src/theme/getScopedTheme.ts +10 -4
  299. package/src/theme/index.ts +7 -1
  300. package/src/theme/palette/constants.ts +13 -0
  301. package/src/theme/palette/index.ts +2 -0
  302. package/src/theme/palette/types.ts +4 -0
  303. package/src/theme/types.ts +32 -0
  304. package/src/theme/v0/color/_generic.ts +35 -0
  305. package/src/theme/v0/color/_system.ts +17 -0
  306. package/src/theme/v0/color/color.ts +40 -0
  307. package/src/theme/v0/color/index.ts +11 -0
  308. package/src/theme/v0/color/input.ts +34 -0
  309. package/src/theme/v0/color/spot.ts +13 -0
  310. package/src/theme/v0/css.ts +8 -0
  311. package/src/theme/v0/font.ts +53 -0
  312. package/src/theme/v0/index.ts +10 -0
  313. package/src/theme/v0/theme.ts +72 -0
  314. package/src/theme/v2/avatar.ts +14 -0
  315. package/src/theme/v2/color/_constants.ts +45 -0
  316. package/src/theme/v2/color/_helpers.ts +24 -0
  317. package/src/theme/v2/color/_system.ts +40 -0
  318. package/src/theme/v2/color/badge.ts +16 -0
  319. package/src/theme/v2/color/color.ts +34 -0
  320. package/src/theme/v2/index.ts +4 -0
  321. package/src/theme/v2/input.ts +33 -0
  322. package/src/theme/v2/theme.ts +49 -0
  323. package/src/theme/v3/buildTheme_v3.test.ts +40 -0
  324. package/src/theme/v3/buildTheme_v3.ts +29 -0
  325. package/src/theme/v3/color/buildColor_v3.ts +198 -0
  326. package/src/theme/v3/color/card.ts +121 -0
  327. package/src/theme/v3/color/color.ts +98 -0
  328. package/src/theme/v3/color/element.ts +19 -0
  329. package/src/theme/v3/color/index.ts +7 -0
  330. package/src/theme/v3/color/parseColor.test.ts +79 -0
  331. package/src/theme/v3/color/parseColor.ts +167 -0
  332. package/src/theme/v3/color/renderColor.test.ts +19 -0
  333. package/src/theme/v3/color/renderColor.ts +33 -0
  334. package/src/theme/v3/color/token.ts +17 -0
  335. package/src/theme/v3/color/tokens.ts +5 -0
  336. package/src/theme/v3/defaults.ts +202 -0
  337. package/src/theme/v3/index.ts +6 -0
  338. package/src/theme/v3/merge.ts +22 -0
  339. package/src/theme/v3/resolveTokens.ts +204 -0
  340. package/src/theme/v3/tokens.ts +16 -0
  341. package/src/theme/v3/types.ts +45 -0
  342. package/src/theme/versioning/getTheme_v2.ts +2 -1
  343. package/src/theme/versioning/index.ts +0 -4
  344. package/src/theme/versioning/is_v0.ts +2 -1
  345. package/src/theme/versioning/is_v2.ts +2 -1
  346. package/src/theme/versioning/themeColor_v0_v2.ts +33 -5
  347. package/src/theme/versioning/themeColor_v2_v2_9.ts +49 -0
  348. package/src/theme/versioning/themeColor_v3_v2.ts +206 -0
  349. package/src/theme/versioning/v0_v2.ts +6 -1
  350. package/src/theme/versioning/v2_v0.ts +6 -6
  351. package/src/theme/versioning/v3_v2.ts +108 -0
  352. package/src/ui/StyleTags.tsx +24 -0
  353. package/src/ui/_compat/index.ts +9 -0
  354. package/src/ui/_compat/styles/_responsive.ts +19 -0
  355. package/src/ui/_compat/styles/index.ts +1 -0
  356. package/src/ui/_compat/theme/index.ts +5 -0
  357. package/src/ui/_compat/theme/theme.test.tsx +73 -0
  358. package/src/ui/_compat/theme/themeColorProvider.tsx +30 -0
  359. package/src/ui/_compat/theme/themeContext.ts +10 -0
  360. package/src/ui/_compat/theme/themeProvider.tsx +74 -0
  361. package/src/ui/_compat/theme/useRootTheme.ts +17 -0
  362. package/src/ui/_compat/theme/useTheme.ts +16 -0
  363. package/src/ui/_compat/types.ts +274 -0
  364. package/src/ui/components/autocomplete/__mocks__/apiStore.ts +49 -0
  365. package/src/ui/components/autocomplete/__workshop__/async.tsx +156 -0
  366. package/src/ui/components/autocomplete/__workshop__/constrainedHeight.tsx +131 -0
  367. package/src/ui/components/autocomplete/__workshop__/custom.tsx +90 -0
  368. package/src/ui/components/autocomplete/__workshop__/example.tsx +80 -0
  369. package/src/ui/components/autocomplete/__workshop__/fullscreen.tsx +293 -0
  370. package/src/ui/components/autocomplete/autocomplete.tsx +722 -0
  371. package/src/ui/components/autocomplete/autocompleteOption.tsx +45 -0
  372. package/src/ui/components/autocomplete/types.ts +108 -0
  373. package/src/ui/components/breadcrumbs/__workshop__/example.tsx +62 -0
  374. package/src/ui/components/breadcrumbs/breadcrumbs.tsx +127 -0
  375. package/src/ui/components/dialog/__workshop__/activate.tsx +134 -0
  376. package/src/ui/components/dialog/__workshop__/nested.tsx +72 -0
  377. package/src/ui/components/dialog/__workshop__/onScroll.tsx +39 -0
  378. package/src/ui/components/dialog/__workshop__/panes.tsx +82 -0
  379. package/src/ui/components/dialog/__workshop__/position.tsx +30 -0
  380. package/src/ui/components/dialog/__workshop__/props.tsx +77 -0
  381. package/src/ui/components/dialog/__workshop__/wrapped.tsx +76 -0
  382. package/src/ui/components/dialog/dialog.tsx +432 -0
  383. package/src/ui/components/dialog/dialogProvider.tsx +35 -0
  384. package/src/ui/components/dialog/useDialog.ts +11 -0
  385. package/src/ui/components/hotkeys/hotkeys.tsx +54 -0
  386. package/src/ui/components/menu/__workshop__/asComponent.tsx +45 -0
  387. package/src/ui/components/menu/__workshop__/avatarMenu.tsx +51 -0
  388. package/src/ui/components/menu/__workshop__/constrainedInBoundary.tsx +134 -0
  389. package/src/ui/components/menu/__workshop__/customSelectedState.tsx +39 -0
  390. package/src/ui/components/menu/__workshop__/menuButton.tsx +80 -0
  391. package/src/ui/components/menu/__workshop__/shouldFocus.tsx +47 -0
  392. package/src/ui/components/menu/__workshop__/tones.tsx +25 -0
  393. package/src/ui/components/menu/menu.test.tsx +128 -0
  394. package/src/ui/components/menu/menu.tsx +200 -0
  395. package/src/ui/components/menu/menuButton.tsx +275 -0
  396. package/src/ui/components/menu/menuContext.ts +31 -0
  397. package/src/ui/components/menu/menuDivider.tsx +22 -0
  398. package/src/ui/components/menu/menuGroup.tsx +228 -0
  399. package/src/ui/components/menu/menuItem.tsx +180 -0
  400. package/src/ui/components/menu/useMenu.ts +21 -0
  401. package/src/ui/components/menu/useMenuController.ts +241 -0
  402. package/src/ui/components/skeleton/__workshop__/delay.tsx +70 -0
  403. package/src/ui/components/skeleton/__workshop__/skeleton.tsx +64 -0
  404. package/src/ui/components/skeleton/skeleton.tsx +53 -0
  405. package/src/ui/components/skeleton/textSkeleton.tsx +132 -0
  406. package/src/ui/components/tab/tab.tsx +105 -0
  407. package/src/ui/components/tab/tabList.tsx +74 -0
  408. package/src/ui/components/tab/tabPanel.tsx +40 -0
  409. package/src/ui/components/toast/__workshop__/hook.tsx +71 -0
  410. package/src/ui/components/toast/__workshop__/toast.tsx +26 -0
  411. package/src/ui/components/toast/toast.test.tsx +101 -0
  412. package/src/ui/components/toast/toast.tsx +211 -0
  413. package/src/ui/components/toast/toastLayer.tsx +38 -0
  414. package/src/ui/components/toast/toastProvider.tsx +113 -0
  415. package/src/ui/components/toast/toastState.ts +6 -0
  416. package/src/ui/components/toast/types.ts +28 -0
  417. package/src/ui/components/toast/useToast.ts +25 -0
  418. package/src/ui/components/tree/__workshop__/basic.tsx +105 -0
  419. package/src/ui/components/tree/__workshop__/tabFromElement.tsx +84 -0
  420. package/src/ui/components/tree/tree.tsx +244 -0
  421. package/src/ui/components/tree/treeGroup.tsx +30 -0
  422. package/src/ui/components/tree/treeItem.tsx +220 -0
  423. package/src/ui/components/tree/useTree.ts +17 -0
  424. package/src/ui/constants.ts +85 -0
  425. package/src/ui/helpers/focus.ts +100 -0
  426. package/src/ui/helpers/index.ts +5 -0
  427. package/src/ui/helpers/props.ts +10 -0
  428. package/src/ui/hooks/useArrayProp.ts +29 -0
  429. package/src/ui/hooks/useClickOutside.test.tsx +482 -0
  430. package/src/ui/hooks/useClickOutside.ts +117 -0
  431. package/src/ui/hooks/useClickOutsideEvent.test.tsx +115 -0
  432. package/src/ui/hooks/useClickOutsideEvent.ts +73 -0
  433. package/src/ui/hooks/useDelayed.test.ts +68 -0
  434. package/src/ui/hooks/useDelayedState.ts +28 -0
  435. package/src/ui/hooks/useElementRect/__workshop__/example.tsx +32 -0
  436. package/src/ui/hooks/useElementSize.ts +19 -0
  437. package/src/ui/hooks/useForwardedRef.ts +19 -0
  438. package/src/ui/hooks/useGlobalKeyDown.ts +17 -0
  439. package/src/ui/hooks/useMatchMedia.ts +28 -0
  440. package/src/ui/hooks/useMediaIndex/useMediaIndex.test.tsx +36 -0
  441. package/src/ui/hooks/useMediaIndex/useMediaIndex.ts +102 -0
  442. package/src/ui/hooks/usePrefersDark.hydration.test.tsx +56 -0
  443. package/src/ui/hooks/usePrefersDark.test.tsx +19 -0
  444. package/src/ui/hooks/usePrefersDark.ts +16 -0
  445. package/src/ui/hooks/usePrefersReducedMotion.hydration.test.tsx +56 -0
  446. package/src/ui/hooks/usePrefersReducedMotion.test.tsx +19 -0
  447. package/src/ui/hooks/usePrefersReducedMotion.ts +16 -0
  448. package/src/ui/index.ts +9 -0
  449. package/src/ui/lib/createGlobalScopedContext.ts +34 -0
  450. package/src/ui/lib/globalScope.ts +19 -0
  451. package/src/ui/primitives/_selectable/selectable.tsx +31 -0
  452. package/src/ui/primitives/avatar/__workshop__/asButton.tsx +14 -0
  453. package/src/ui/primitives/avatar/__workshop__/stack.tsx +25 -0
  454. package/src/ui/primitives/avatar/__workshop__/withinButton.tsx +63 -0
  455. package/src/ui/primitives/avatar/__workshop__/withinMenuItem.tsx +72 -0
  456. package/src/ui/primitives/avatar/avatar.tsx +158 -0
  457. package/src/ui/primitives/avatar/avatarCounter.tsx +62 -0
  458. package/src/ui/primitives/avatar/avatarStack.tsx +82 -0
  459. package/src/ui/primitives/avatar/types.ts +17 -0
  460. package/src/ui/primitives/badge/__workshop__/props.tsx +30 -0
  461. package/src/ui/primitives/badge/__workshop__/tones.tsx +21 -0
  462. package/src/ui/primitives/badge/badge.test.tsx +16 -0
  463. package/src/ui/primitives/badge/badge.tsx +64 -0
  464. package/src/ui/primitives/box/__workshop__/props.tsx +20 -0
  465. package/src/ui/primitives/box/box.tsx +162 -0
  466. package/src/ui/primitives/button/__workshop__/custom.tsx +50 -0
  467. package/src/ui/primitives/button/__workshop__/disabled.tsx +74 -0
  468. package/src/ui/primitives/button/__workshop__/props.tsx +58 -0
  469. package/src/ui/primitives/button/__workshop__/sanityUploadButton.tsx +36 -0
  470. package/src/ui/primitives/button/__workshop__/stacked.tsx +59 -0
  471. package/src/ui/primitives/button/__workshop__/styled1.tsx +17 -0
  472. package/src/ui/primitives/button/__workshop__/styled2.tsx +19 -0
  473. package/src/ui/primitives/button/button.test.tsx +44 -0
  474. package/src/ui/primitives/button/button.tsx +207 -0
  475. package/src/ui/primitives/card/__workshop__/allTones.tsx +27 -0
  476. package/src/ui/primitives/card/__workshop__/asButton.tsx +107 -0
  477. package/src/ui/primitives/card/__workshop__/asComponent.tsx +27 -0
  478. package/src/ui/primitives/card/__workshop__/checkered.tsx +26 -0
  479. package/src/ui/primitives/card/__workshop__/interactive.tsx +30 -0
  480. package/src/ui/primitives/card/__workshop__/listNavigation.tsx +80 -0
  481. package/src/ui/primitives/card/__workshop__/props.tsx +55 -0
  482. package/src/ui/primitives/card/__workshop__/selected.tsx +93 -0
  483. package/src/ui/primitives/card/__workshop__/styled.tsx +14 -0
  484. package/src/ui/primitives/card/card.tsx +118 -0
  485. package/src/ui/primitives/card/cardContext.ts +10 -0
  486. package/src/ui/primitives/card/cardProvider.tsx +19 -0
  487. package/src/ui/primitives/card/index.ts +4 -0
  488. package/src/ui/primitives/card/types.ts +27 -0
  489. package/src/ui/primitives/card/useCard.ts +7 -0
  490. package/src/ui/primitives/checkbox/__workshop__/tones.tsx +28 -0
  491. package/src/ui/primitives/checkbox/checkbox.tsx +74 -0
  492. package/src/ui/primitives/code/__workshop__/props.tsx +21 -0
  493. package/src/ui/primitives/code/code.tsx +49 -0
  494. package/src/ui/primitives/code/refractor.tsx +20 -0
  495. package/src/ui/primitives/container/__workshop__/example.tsx +20 -0
  496. package/src/ui/primitives/container/container.tsx +35 -0
  497. package/src/ui/primitives/flex/__workshop__/example.tsx +34 -0
  498. package/src/ui/primitives/flex/__workshop__/gap.tsx +25 -0
  499. package/src/ui/primitives/flex/flex.tsx +29 -0
  500. package/src/ui/primitives/grid/__workshop__/responsive.tsx +54 -0
  501. package/src/ui/primitives/grid/grid.tsx +30 -0
  502. package/src/ui/primitives/heading/__workshop__/opticalAlignment.tsx +54 -0
  503. package/src/ui/primitives/heading/__workshop__/plain.tsx +32 -0
  504. package/src/ui/primitives/heading/heading.tsx +62 -0
  505. package/src/ui/primitives/inline/__workshop__/plain.tsx +27 -0
  506. package/src/ui/primitives/inline/inline.tsx +50 -0
  507. package/src/ui/primitives/kbd/kbd.tsx +55 -0
  508. package/src/ui/primitives/label/__workshop__/opticalAlignment.tsx +54 -0
  509. package/src/ui/primitives/label/__workshop__/plain.tsx +37 -0
  510. package/src/ui/primitives/label/label.tsx +67 -0
  511. package/src/ui/primitives/popover/__workshop__/AlignedStory.tsx +77 -0
  512. package/src/ui/primitives/popover/__workshop__/MatchReferenceWidthStory.tsx +32 -0
  513. package/src/ui/primitives/popover/__workshop__/OpenOnMountStory.tsx +11 -0
  514. package/src/ui/primitives/popover/__workshop__/PlainStory.tsx +71 -0
  515. package/src/ui/primitives/popover/__workshop__/SidePanelStory.tsx +93 -0
  516. package/src/ui/primitives/popover/__workshop__/TestStory.tsx +98 -0
  517. package/src/ui/primitives/popover/floating-ui/size.ts +83 -0
  518. package/src/ui/primitives/popover/helpers.ts +32 -0
  519. package/src/ui/primitives/popover/popover.tsx +422 -0
  520. package/src/ui/primitives/popover/popoverCard.tsx +161 -0
  521. package/src/ui/primitives/radio/__workshop__/plain.tsx +28 -0
  522. package/src/ui/primitives/radio/radio.tsx +49 -0
  523. package/src/ui/primitives/select/__workshop__/plain.tsx +30 -0
  524. package/src/ui/primitives/select/__workshop__/readOnly.tsx +23 -0
  525. package/src/ui/primitives/select/select.tsx +85 -0
  526. package/src/ui/primitives/spinner/__workshop__/Props.tsx +16 -0
  527. package/src/ui/primitives/spinner/animatedSpinnerIcon.tsx +16 -0
  528. package/src/ui/primitives/spinner/spinner.tsx +33 -0
  529. package/src/ui/primitives/stack/__workshop__/plain.tsx +32 -0
  530. package/src/ui/primitives/stack/index.ts +1 -0
  531. package/src/ui/primitives/stack/stack.tsx +45 -0
  532. package/src/ui/primitives/switch/switch.tsx +75 -0
  533. package/src/ui/primitives/text/__workshop__/colored.tsx +23 -0
  534. package/src/ui/primitives/text/__workshop__/example.tsx +39 -0
  535. package/src/ui/primitives/text/__workshop__/opticalAlignment.tsx +48 -0
  536. package/src/ui/primitives/text/text.tsx +64 -0
  537. package/src/ui/primitives/textArea/__workshop__/plain.tsx +50 -0
  538. package/src/ui/primitives/textArea/textArea.tsx +71 -0
  539. package/src/ui/primitives/textInput/__workshop__/index.ts +44 -0
  540. package/src/ui/primitives/textInput/__workshop__/plain.tsx +104 -0
  541. package/src/ui/primitives/textInput/__workshop__/readOnly.tsx +9 -0
  542. package/src/ui/primitives/textInput/__workshop__/tones.tsx +277 -0
  543. package/src/ui/primitives/textInput/__workshop__/typed.tsx +23 -0
  544. package/src/ui/primitives/textInput/textInput.tsx +286 -0
  545. package/src/ui/primitives/tooltip/__workshop__/customPortal.tsx +102 -0
  546. package/src/ui/primitives/tooltip/__workshop__/overflowingBoundary.tsx +74 -0
  547. package/src/ui/primitives/tooltip/__workshop__/props.tsx +111 -0
  548. package/src/ui/primitives/tooltip/__workshop__/resizableBoundary.tsx +86 -0
  549. package/src/ui/primitives/tooltip/tooltip.test.tsx +453 -0
  550. package/src/ui/primitives/tooltip/tooltip.tsx +466 -0
  551. package/src/ui/primitives/tooltip/tooltipCard.tsx +115 -0
  552. package/src/ui/primitives/tooltip/tooltipDelayGroup/index.ts +4 -0
  553. package/src/ui/primitives/tooltip/tooltipDelayGroup/tooltipDelayGroupProvider.tsx +55 -0
  554. package/src/ui/primitives/tooltip/tooltipDelayGroup/types.ts +10 -0
  555. package/src/ui/primitives/tooltip/tooltipDelayGroup/useTooltipDelayGroup.ts +13 -0
  556. package/src/ui/primitives/types.ts +166 -0
  557. package/src/ui/types/box.ts +22 -0
  558. package/src/ui/types/button.ts +24 -0
  559. package/src/ui/types/flex.ts +27 -0
  560. package/src/ui/types/grid.ts +17 -0
  561. package/src/ui/types/gridItem.ts +32 -0
  562. package/src/ui/types/index.ts +15 -0
  563. package/src/ui/types/props.ts +18 -0
  564. package/src/ui/types/selectable.ts +7 -0
  565. package/src/ui/types/text.ts +7 -0
  566. package/src/ui/utils/arrow/arrow.tsx +59 -0
  567. package/src/ui/utils/boundaryElement/boundaryElement.test.tsx +100 -0
  568. package/src/ui/utils/boundaryElement/boundaryElementProvider.tsx +24 -0
  569. package/src/ui/utils/boundaryElement/index.ts +3 -0
  570. package/src/ui/utils/boundaryElement/useBoundaryElement.ts +26 -0
  571. package/src/ui/utils/conditionalWrapper/conditionalWrapper.tsx +23 -0
  572. package/src/ui/utils/elementQuery/__workshop__/customMedia.tsx +30 -0
  573. package/src/ui/utils/elementQuery/elementQuery.tsx +53 -0
  574. package/src/ui/utils/errorBoundary.tsx +48 -0
  575. package/src/ui/utils/getElementRef.ts +26 -0
  576. package/src/ui/utils/layer/__workshop__/multipleRoots.tsx +49 -0
  577. package/src/ui/utils/layer/__workshop__/nested.tsx +98 -0
  578. package/src/ui/utils/layer/__workshop__/responsiveZOffset.tsx +13 -0
  579. package/src/ui/utils/layer/index.ts +4 -0
  580. package/src/ui/utils/layer/layer.test.tsx +108 -0
  581. package/src/ui/utils/layer/layer.tsx +112 -0
  582. package/src/ui/utils/layer/layerProvider.tsx +110 -0
  583. package/src/ui/utils/layer/useLayer.ts +26 -0
  584. package/src/ui/utils/portal/portal.test.tsx +103 -0
  585. package/src/ui/utils/portal/portal.ts +46 -0
  586. package/src/ui/utils/portal/portalProvider.tsx +79 -0
  587. package/src/ui/utils/portal/usePortal.ts +25 -0
  588. package/src/ui/utils/spanWithTextOverflow.tsx +10 -0
  589. package/src/ui/utils/srOnly/index.ts +1 -0
  590. package/src/ui/utils/srOnly/srOnly.tsx +35 -0
  591. package/src/ui/utils/virtualList/virtualList.tsx +189 -0
  592. package/dist/_chunks-cjs/getTheme_v2.js +0 -316
  593. package/dist/_chunks-cjs/getTheme_v2.js.map +0 -1
  594. package/dist/_chunks-es/getTheme_v2.mjs +0 -317
  595. package/dist/_chunks-es/getTheme_v2.mjs.map +0 -1
  596. package/dist/_legacy/getTheme_v2.esm.js +0 -317
  597. package/dist/_legacy/getTheme_v2.esm.js.map +0 -1
  598. package/dist/css.esm.js +0 -3135
  599. package/dist/css.esm.js.map +0 -1
  600. package/dist/index.esm.js +0 -5843
  601. package/dist/index.esm.js.map +0 -1
  602. package/dist/theme.esm.js +0 -3088
  603. package/dist/theme.esm.js.map +0 -1
  604. package/src/core/__workshop__/constants.ts +0 -296
  605. package/src/core/__workshop__/fontsPlugin.tsx +0 -76
  606. package/src/core/_compat.ts +0 -264
  607. package/src/core/components/autocomplete/__mocks__/apiStore.ts +0 -49
  608. package/src/core/components/autocomplete/__workshop__/.eslintrc +0 -5
  609. package/src/core/components/autocomplete/__workshop__/async.tsx +0 -155
  610. package/src/core/components/autocomplete/__workshop__/constrainedHeight.tsx +0 -136
  611. package/src/core/components/autocomplete/__workshop__/custom.tsx +0 -88
  612. package/src/core/components/autocomplete/__workshop__/example.tsx +0 -78
  613. package/src/core/components/autocomplete/__workshop__/fullscreen.tsx +0 -293
  614. package/src/core/components/autocomplete/autocomplete.styles.tsx +0 -38
  615. package/src/core/components/autocomplete/autocomplete.tsx +0 -735
  616. package/src/core/components/autocomplete/autocompleteOption.tsx +0 -44
  617. package/src/core/components/autocomplete/types.ts +0 -108
  618. package/src/core/components/breadcrumbs/__workshop__/.eslintrc +0 -5
  619. package/src/core/components/breadcrumbs/__workshop__/example.tsx +0 -55
  620. package/src/core/components/breadcrumbs/breadcrumbs.styles.ts +0 -17
  621. package/src/core/components/breadcrumbs/breadcrumbs.tsx +0 -111
  622. package/src/core/components/dialog/__workshop__/.eslintrc +0 -5
  623. package/src/core/components/dialog/__workshop__/activate.tsx +0 -133
  624. package/src/core/components/dialog/__workshop__/nested.tsx +0 -72
  625. package/src/core/components/dialog/__workshop__/onScroll.tsx +0 -39
  626. package/src/core/components/dialog/__workshop__/panes.tsx +0 -81
  627. package/src/core/components/dialog/__workshop__/position.tsx +0 -29
  628. package/src/core/components/dialog/__workshop__/props.tsx +0 -74
  629. package/src/core/components/dialog/__workshop__/wrapped.tsx +0 -78
  630. package/src/core/components/dialog/dialog.tsx +0 -414
  631. package/src/core/components/dialog/dialogProvider.tsx +0 -34
  632. package/src/core/components/dialog/useDialog.ts +0 -10
  633. package/src/core/components/hotkeys/__workshop__/.eslintrc +0 -5
  634. package/src/core/components/hotkeys/hotkeys.tsx +0 -50
  635. package/src/core/components/menu/__workshop__/.eslintrc +0 -5
  636. package/src/core/components/menu/__workshop__/asComponent.tsx +0 -44
  637. package/src/core/components/menu/__workshop__/avatarMenu.tsx +0 -50
  638. package/src/core/components/menu/__workshop__/constrainedInBoundary.tsx +0 -133
  639. package/src/core/components/menu/__workshop__/customSelectedState.tsx +0 -38
  640. package/src/core/components/menu/__workshop__/menuButton.tsx +0 -79
  641. package/src/core/components/menu/__workshop__/shouldFocus.tsx +0 -46
  642. package/src/core/components/menu/__workshop__/tones.tsx +0 -25
  643. package/src/core/components/menu/menu.test.tsx +0 -129
  644. package/src/core/components/menu/menu.tsx +0 -175
  645. package/src/core/components/menu/menuButton.tsx +0 -289
  646. package/src/core/components/menu/menuContext.ts +0 -29
  647. package/src/core/components/menu/menuDivider.ts +0 -13
  648. package/src/core/components/menu/menuGroup.tsx +0 -210
  649. package/src/core/components/menu/menuItem.tsx +0 -187
  650. package/src/core/components/menu/useMenu.ts +0 -20
  651. package/src/core/components/menu/useMenuController.ts +0 -230
  652. package/src/core/components/skeleton/__workshop__/.eslintrc +0 -5
  653. package/src/core/components/skeleton/__workshop__/delay.tsx +0 -69
  654. package/src/core/components/skeleton/__workshop__/skeleton.tsx +0 -63
  655. package/src/core/components/skeleton/skeleton.tsx +0 -58
  656. package/src/core/components/skeleton/styles.ts +0 -50
  657. package/src/core/components/skeleton/textSkeleton.tsx +0 -122
  658. package/src/core/components/tab/__workshop__/.eslintrc +0 -5
  659. package/src/core/components/tab/tab.tsx +0 -99
  660. package/src/core/components/tab/tabList.tsx +0 -78
  661. package/src/core/components/tab/tabPanel.tsx +0 -38
  662. package/src/core/components/toast/__workshop__/.eslintrc +0 -5
  663. package/src/core/components/toast/__workshop__/hook.tsx +0 -71
  664. package/src/core/components/toast/__workshop__/toast.tsx +0 -25
  665. package/src/core/components/toast/styles.ts +0 -61
  666. package/src/core/components/toast/toast.test.tsx +0 -102
  667. package/src/core/components/toast/toast.tsx +0 -109
  668. package/src/core/components/toast/toastProvider.tsx +0 -202
  669. package/src/core/components/toast/types.ts +0 -20
  670. package/src/core/components/toast/useToast.ts +0 -24
  671. package/src/core/components/tree/__workshop__/.eslintrc +0 -5
  672. package/src/core/components/tree/__workshop__/basic.tsx +0 -104
  673. package/src/core/components/tree/__workshop__/tabFromElement.tsx +0 -83
  674. package/src/core/components/tree/style.ts +0 -104
  675. package/src/core/components/tree/tree.tsx +0 -242
  676. package/src/core/components/tree/treeGroup.tsx +0 -29
  677. package/src/core/components/tree/treeItem.tsx +0 -217
  678. package/src/core/components/tree/useTree.ts +0 -16
  679. package/src/core/constants.ts +0 -57
  680. package/src/core/helpers/focus.ts +0 -100
  681. package/src/core/helpers/index.ts +0 -4
  682. package/src/core/hooks/useArrayProp.ts +0 -25
  683. package/src/core/hooks/useClickOutside.test.tsx +0 -483
  684. package/src/core/hooks/useClickOutside.ts +0 -116
  685. package/src/core/hooks/useClickOutsideEvent.test.tsx +0 -116
  686. package/src/core/hooks/useClickOutsideEvent.ts +0 -72
  687. package/src/core/hooks/useDelayed.test.ts +0 -67
  688. package/src/core/hooks/useDelayedState.ts +0 -29
  689. package/src/core/hooks/useElementRect/__workshop__/.eslintrc +0 -5
  690. package/src/core/hooks/useElementRect/__workshop__/example.tsx +0 -31
  691. package/src/core/hooks/useElementSize.ts +0 -18
  692. package/src/core/hooks/useForwardedRef.ts +0 -19
  693. package/src/core/hooks/useGlobalKeyDown.ts +0 -12
  694. package/src/core/hooks/useMatchMedia.ts +0 -46
  695. package/src/core/hooks/useMediaIndex/__workshop__/.eslintrc +0 -5
  696. package/src/core/hooks/useMediaIndex/useMediaIndex.test.tsx +0 -35
  697. package/src/core/hooks/useMediaIndex/useMediaIndex.ts +0 -101
  698. package/src/core/hooks/usePrefersDark.hydration.test.tsx +0 -57
  699. package/src/core/hooks/usePrefersDark.test.tsx +0 -18
  700. package/src/core/hooks/usePrefersDark.ts +0 -16
  701. package/src/core/hooks/usePrefersReducedMotion.hydration.test.tsx +0 -57
  702. package/src/core/hooks/usePrefersReducedMotion.test.tsx +0 -18
  703. package/src/core/hooks/usePrefersReducedMotion.ts +0 -16
  704. package/src/core/index.ts +0 -11
  705. package/src/core/lib/createGlobalScopedContext.ts +0 -33
  706. package/src/core/lib/globalScope.ts +0 -20
  707. package/src/core/lib/styled/elements.ts +0 -135
  708. package/src/core/lib/styled/index.ts +0 -2
  709. package/src/core/lib/styled/members.ts +0 -15
  710. package/src/core/lib/styled/styled.ts +0 -79
  711. package/src/core/primitives/_selectable/selectable.tsx +0 -27
  712. package/src/core/primitives/avatar/__workshop__/.eslintrc +0 -5
  713. package/src/core/primitives/avatar/__workshop__/asButton.tsx +0 -13
  714. package/src/core/primitives/avatar/__workshop__/stack.tsx +0 -24
  715. package/src/core/primitives/avatar/__workshop__/withinButton.tsx +0 -62
  716. package/src/core/primitives/avatar/__workshop__/withinMenuItem.tsx +0 -69
  717. package/src/core/primitives/avatar/avatar.tsx +0 -217
  718. package/src/core/primitives/avatar/avatarCounter.tsx +0 -93
  719. package/src/core/primitives/avatar/avatarStack.tsx +0 -100
  720. package/src/core/primitives/avatar/styles.ts +0 -166
  721. package/src/core/primitives/avatar/types.ts +0 -16
  722. package/src/core/primitives/badge/__workshop__/.eslintrc +0 -5
  723. package/src/core/primitives/badge/__workshop__/props.tsx +0 -29
  724. package/src/core/primitives/badge/__workshop__/tones.tsx +0 -20
  725. package/src/core/primitives/badge/badge.test.tsx +0 -15
  726. package/src/core/primitives/badge/badge.tsx +0 -59
  727. package/src/core/primitives/badge/styles.ts +0 -19
  728. package/src/core/primitives/box/__workshop__/.eslintrc +0 -5
  729. package/src/core/primitives/box/__workshop__/props.tsx +0 -19
  730. package/src/core/primitives/box/box.tsx +0 -118
  731. package/src/core/primitives/button/__workshop__/.eslintrc +0 -5
  732. package/src/core/primitives/button/__workshop__/custom.tsx +0 -47
  733. package/src/core/primitives/button/__workshop__/disabled.tsx +0 -73
  734. package/src/core/primitives/button/__workshop__/props.tsx +0 -52
  735. package/src/core/primitives/button/__workshop__/sanityUploadButton.tsx +0 -36
  736. package/src/core/primitives/button/__workshop__/stacked.tsx +0 -57
  737. package/src/core/primitives/button/__workshop__/styled1.tsx +0 -17
  738. package/src/core/primitives/button/__workshop__/styled2.tsx +0 -19
  739. package/src/core/primitives/button/button.test.tsx +0 -43
  740. package/src/core/primitives/button/button.tsx +0 -181
  741. package/src/core/primitives/button/styles.ts +0 -116
  742. package/src/core/primitives/card/RootCardContext.ts +0 -3
  743. package/src/core/primitives/card/__workshop__/.eslintrc +0 -5
  744. package/src/core/primitives/card/__workshop__/allTones.tsx +0 -27
  745. package/src/core/primitives/card/__workshop__/asButton.tsx +0 -88
  746. package/src/core/primitives/card/__workshop__/asComponent.tsx +0 -27
  747. package/src/core/primitives/card/__workshop__/checkered.tsx +0 -16
  748. package/src/core/primitives/card/__workshop__/interactive.tsx +0 -23
  749. package/src/core/primitives/card/__workshop__/listNavigation.tsx +0 -77
  750. package/src/core/primitives/card/__workshop__/props.tsx +0 -49
  751. package/src/core/primitives/card/__workshop__/selected.tsx +0 -91
  752. package/src/core/primitives/card/__workshop__/styled.tsx +0 -14
  753. package/src/core/primitives/card/card.tsx +0 -113
  754. package/src/core/primitives/card/index.ts +0 -2
  755. package/src/core/primitives/card/styles.ts +0 -146
  756. package/src/core/primitives/card/types.ts +0 -11
  757. package/src/core/primitives/checkbox/__workshop__/.eslintrc +0 -5
  758. package/src/core/primitives/checkbox/__workshop__/tones.tsx +0 -22
  759. package/src/core/primitives/checkbox/checkbox.tsx +0 -70
  760. package/src/core/primitives/code/__workshop__/.eslintrc +0 -5
  761. package/src/core/primitives/code/__workshop__/props.tsx +0 -20
  762. package/src/core/primitives/code/code.tsx +0 -51
  763. package/src/core/primitives/code/styles.ts +0 -77
  764. package/src/core/primitives/container/__workshop__/.eslintrc +0 -5
  765. package/src/core/primitives/container/__workshop__/example.tsx +0 -19
  766. package/src/core/primitives/container/container.tsx +0 -32
  767. package/src/core/primitives/container/styles.ts +0 -22
  768. package/src/core/primitives/flex/__workshop__/.eslintrc +0 -5
  769. package/src/core/primitives/flex/__workshop__/example.tsx +0 -33
  770. package/src/core/primitives/flex/__workshop__/gap.tsx +0 -25
  771. package/src/core/primitives/flex/flex.tsx +0 -44
  772. package/src/core/primitives/grid/__workshop__/.eslintrc +0 -5
  773. package/src/core/primitives/grid/__workshop__/responsive.tsx +0 -54
  774. package/src/core/primitives/grid/grid.tsx +0 -48
  775. package/src/core/primitives/heading/__workshop__/.eslintrc +0 -5
  776. package/src/core/primitives/heading/__workshop__/opticalAlignment.tsx +0 -66
  777. package/src/core/primitives/heading/__workshop__/plain.tsx +0 -31
  778. package/src/core/primitives/heading/heading.tsx +0 -99
  779. package/src/core/primitives/heading/styles.ts +0 -63
  780. package/src/core/primitives/heading/types.ts +0 -7
  781. package/src/core/primitives/inline/__workshop__/.eslintrc +0 -5
  782. package/src/core/primitives/inline/__workshop__/plain.tsx +0 -26
  783. package/src/core/primitives/inline/inline.tsx +0 -56
  784. package/src/core/primitives/inline/styles.ts +0 -31
  785. package/src/core/primitives/kbd/__workshop__/.eslintrc +0 -5
  786. package/src/core/primitives/kbd/kbd.tsx +0 -53
  787. package/src/core/primitives/label/__workshop__/.eslintrc +0 -5
  788. package/src/core/primitives/label/__workshop__/opticalAlignment.tsx +0 -48
  789. package/src/core/primitives/label/__workshop__/plain.tsx +0 -23
  790. package/src/core/primitives/label/label.tsx +0 -96
  791. package/src/core/primitives/label/styles.ts +0 -44
  792. package/src/core/primitives/popover/__workshop__/.eslintrc +0 -5
  793. package/src/core/primitives/popover/__workshop__/AlignedStory.tsx +0 -76
  794. package/src/core/primitives/popover/__workshop__/MatchReferenceWidthStory.tsx +0 -31
  795. package/src/core/primitives/popover/__workshop__/OpenOnMountStory.tsx +0 -11
  796. package/src/core/primitives/popover/__workshop__/PlainStory.tsx +0 -70
  797. package/src/core/primitives/popover/__workshop__/SidePanelStory.tsx +0 -86
  798. package/src/core/primitives/popover/__workshop__/TestStory.tsx +0 -96
  799. package/src/core/primitives/popover/floating-ui/size.ts +0 -82
  800. package/src/core/primitives/popover/helpers.ts +0 -31
  801. package/src/core/primitives/popover/popover.tsx +0 -476
  802. package/src/core/primitives/popover/popoverCard.tsx +0 -153
  803. package/src/core/primitives/radio/__workshop__/.eslintrc +0 -5
  804. package/src/core/primitives/radio/__workshop__/plain.tsx +0 -28
  805. package/src/core/primitives/radio/radio.tsx +0 -50
  806. package/src/core/primitives/radio/styles.ts +0 -116
  807. package/src/core/primitives/select/__workshop__/.eslintrc +0 -5
  808. package/src/core/primitives/select/__workshop__/plain.tsx +0 -27
  809. package/src/core/primitives/select/__workshop__/readOnly.tsx +0 -23
  810. package/src/core/primitives/select/select.tsx +0 -86
  811. package/src/core/primitives/select/styles.ts +0 -166
  812. package/src/core/primitives/spinner/__workshop__/.eslintrc +0 -5
  813. package/src/core/primitives/spinner/__workshop__/Props.tsx +0 -14
  814. package/src/core/primitives/spinner/spinner.tsx +0 -31
  815. package/src/core/primitives/stack/__workshop__/.eslintrc +0 -5
  816. package/src/core/primitives/stack/__workshop__/plain.tsx +0 -31
  817. package/src/core/primitives/stack/stack.tsx +0 -41
  818. package/src/core/primitives/stack/styles.ts +0 -31
  819. package/src/core/primitives/switch/__workshop__/.eslintrc +0 -5
  820. package/src/core/primitives/switch/styles.ts +0 -172
  821. package/src/core/primitives/switch/switch.tsx +0 -66
  822. package/src/core/primitives/text/__workshop__/.eslintrc +0 -5
  823. package/src/core/primitives/text/__workshop__/colored.tsx +0 -29
  824. package/src/core/primitives/text/__workshop__/example.tsx +0 -38
  825. package/src/core/primitives/text/__workshop__/opticalAlignment.tsx +0 -58
  826. package/src/core/primitives/text/styles.ts +0 -73
  827. package/src/core/primitives/text/text.tsx +0 -85
  828. package/src/core/primitives/textArea/__workshop__/.eslintrc +0 -5
  829. package/src/core/primitives/textArea/__workshop__/plain.tsx +0 -49
  830. package/src/core/primitives/textArea/textArea.tsx +0 -118
  831. package/src/core/primitives/textInput/__workshop__/.eslintrc +0 -5
  832. package/src/core/primitives/textInput/__workshop__/index.ts +0 -49
  833. package/src/core/primitives/textInput/__workshop__/multipleTones.tsx +0 -20
  834. package/src/core/primitives/textInput/__workshop__/plain.tsx +0 -98
  835. package/src/core/primitives/textInput/__workshop__/readOnly.tsx +0 -5
  836. package/src/core/primitives/textInput/__workshop__/tones.tsx +0 -239
  837. package/src/core/primitives/textInput/__workshop__/typed.tsx +0 -22
  838. package/src/core/primitives/textInput/textInput.tsx +0 -440
  839. package/src/core/primitives/tooltip/__workshop__/.eslintrc +0 -5
  840. package/src/core/primitives/tooltip/__workshop__/customPortal.tsx +0 -101
  841. package/src/core/primitives/tooltip/__workshop__/overflowingBoundary.tsx +0 -73
  842. package/src/core/primitives/tooltip/__workshop__/props.tsx +0 -106
  843. package/src/core/primitives/tooltip/__workshop__/resizableBoundary.tsx +0 -85
  844. package/src/core/primitives/tooltip/tooltip.test.tsx +0 -451
  845. package/src/core/primitives/tooltip/tooltip.tsx +0 -464
  846. package/src/core/primitives/tooltip/tooltipCard.tsx +0 -110
  847. package/src/core/primitives/tooltip/tooltipDelayGroup/index.ts +0 -4
  848. package/src/core/primitives/tooltip/tooltipDelayGroup/tooltipDelayGroupProvider.tsx +0 -57
  849. package/src/core/primitives/tooltip/tooltipDelayGroup/types.ts +0 -11
  850. package/src/core/primitives/tooltip/tooltipDelayGroup/useTooltipDelayGroup.ts +0 -12
  851. package/src/core/primitives/types.ts +0 -165
  852. package/src/core/styles/border/borderStyle.ts +0 -61
  853. package/src/core/styles/border/index.ts +0 -2
  854. package/src/core/styles/border/types.ts +0 -11
  855. package/src/core/styles/box/boxStyle.ts +0 -74
  856. package/src/core/styles/box/index.ts +0 -2
  857. package/src/core/styles/box/types.ts +0 -11
  858. package/src/core/styles/card/_cardColorStyle.ts +0 -101
  859. package/src/core/styles/card/index.ts +0 -1
  860. package/src/core/styles/flex/flexItemStyle.ts +0 -26
  861. package/src/core/styles/flex/flexStyle.ts +0 -69
  862. package/src/core/styles/flex/index.ts +0 -3
  863. package/src/core/styles/flex/types.ts +0 -24
  864. package/src/core/styles/focusRing/index.ts +0 -25
  865. package/src/core/styles/font/codeFontStyle.ts +0 -12
  866. package/src/core/styles/font/headingFontStyle.ts +0 -12
  867. package/src/core/styles/font/index.ts +0 -6
  868. package/src/core/styles/font/labelFontStyle.ts +0 -12
  869. package/src/core/styles/font/responsiveFont.ts +0 -101
  870. package/src/core/styles/font/textAlignStyle.ts +0 -18
  871. package/src/core/styles/font/textFontStyle.ts +0 -12
  872. package/src/core/styles/font/types.ts +0 -34
  873. package/src/core/styles/grid/gridItemStyle.ts +0 -81
  874. package/src/core/styles/grid/gridStyle.ts +0 -97
  875. package/src/core/styles/grid/index.ts +0 -3
  876. package/src/core/styles/grid/types.ts +0 -37
  877. package/src/core/styles/helpers.ts +0 -81
  878. package/src/core/styles/index.ts +0 -5
  879. package/src/core/styles/input/index.ts +0 -2
  880. package/src/core/styles/input/responsiveInputPaddingStyle.ts +0 -77
  881. package/src/core/styles/input/textInputStyle.ts +0 -263
  882. package/src/core/styles/internal.ts +0 -12
  883. package/src/core/styles/margin/index.ts +0 -2
  884. package/src/core/styles/margin/marginStyle.ts +0 -20
  885. package/src/core/styles/margin/marginsStyle.test.ts +0 -32
  886. package/src/core/styles/margin/types.ts +0 -9
  887. package/src/core/styles/padding/index.ts +0 -2
  888. package/src/core/styles/padding/paddingStyle.test.ts +0 -32
  889. package/src/core/styles/padding/paddingStyle.ts +0 -20
  890. package/src/core/styles/padding/types.ts +0 -12
  891. package/src/core/styles/radius/index.ts +0 -2
  892. package/src/core/styles/radius/radiusStyle.ts +0 -22
  893. package/src/core/styles/radius/types.ts +0 -8
  894. package/src/core/styles/shadow/index.ts +0 -2
  895. package/src/core/styles/shadow/shadowStyle.ts +0 -29
  896. package/src/core/styles/shadow/types.ts +0 -6
  897. package/src/core/styles/types.ts +0 -8
  898. package/src/core/theme/__workshop__/.eslintrc +0 -5
  899. package/src/core/theme/__workshop__/build/Root.tsx +0 -367
  900. package/src/core/theme/__workshop__/build/helpers.ts +0 -46
  901. package/src/core/theme/__workshop__/build/story.tsx +0 -459
  902. package/src/core/theme/__workshop__/canvas.tsx +0 -350
  903. package/src/core/theme/__workshop__/color.tsx +0 -62
  904. package/src/core/theme/__workshop__/debug/story.tsx +0 -401
  905. package/src/core/theme/__workshop__/index.ts +0 -39
  906. package/src/core/theme/__workshop__/layer.tsx +0 -78
  907. package/src/core/theme/__workshop__/nestedProvider.tsx +0 -15
  908. package/src/core/theme/index.ts +0 -5
  909. package/src/core/theme/theme.test.tsx +0 -73
  910. package/src/core/theme/themeColorProvider.tsx +0 -28
  911. package/src/core/theme/themeContext.ts +0 -10
  912. package/src/core/theme/themeProvider.tsx +0 -63
  913. package/src/core/theme/useRootTheme.ts +0 -16
  914. package/src/core/theme/useTheme.ts +0 -16
  915. package/src/core/types/box.ts +0 -19
  916. package/src/core/types/button.ts +0 -22
  917. package/src/core/types/flex.ts +0 -31
  918. package/src/core/types/grid.ts +0 -14
  919. package/src/core/types/gridItem.ts +0 -37
  920. package/src/core/types/index.ts +0 -14
  921. package/src/core/types/selectable.ts +0 -6
  922. package/src/core/types/text.ts +0 -4
  923. package/src/core/utils/arrow/arrow.tsx +0 -122
  924. package/src/core/utils/boundaryElement/__workshop__/.eslintrc +0 -5
  925. package/src/core/utils/boundaryElement/boundaryElement.test.tsx +0 -101
  926. package/src/core/utils/boundaryElement/boundaryElementProvider.tsx +0 -23
  927. package/src/core/utils/boundaryElement/index.ts +0 -3
  928. package/src/core/utils/boundaryElement/useBoundaryElement.ts +0 -25
  929. package/src/core/utils/conditionalWrapper/conditionalWrapper.tsx +0 -21
  930. package/src/core/utils/elementQuery/__workshop__/.eslintrc +0 -5
  931. package/src/core/utils/elementQuery/__workshop__/customMedia.tsx +0 -30
  932. package/src/core/utils/elementQuery/elementQuery.tsx +0 -53
  933. package/src/core/utils/errorBoundary.tsx +0 -47
  934. package/src/core/utils/layer/__workshop__/.eslintrc +0 -5
  935. package/src/core/utils/layer/__workshop__/multipleRoots.tsx +0 -48
  936. package/src/core/utils/layer/__workshop__/nested.tsx +0 -97
  937. package/src/core/utils/layer/__workshop__/responsiveZOffset.tsx +0 -12
  938. package/src/core/utils/layer/index.ts +0 -4
  939. package/src/core/utils/layer/layer.test.tsx +0 -109
  940. package/src/core/utils/layer/layer.tsx +0 -108
  941. package/src/core/utils/layer/layerProvider.tsx +0 -109
  942. package/src/core/utils/layer/useLayer.ts +0 -25
  943. package/src/core/utils/portal/__workshop__/.eslintrc +0 -5
  944. package/src/core/utils/portal/portal.test.tsx +0 -104
  945. package/src/core/utils/portal/portal.ts +0 -31
  946. package/src/core/utils/portal/portalProvider.tsx +0 -78
  947. package/src/core/utils/portal/usePortal.ts +0 -24
  948. package/src/core/utils/srOnly/srOnly.tsx +0 -36
  949. package/src/core/utils/virtualList/__workshop__/.eslintrc +0 -5
  950. package/src/core/utils/virtualList/virtualList.tsx +0 -170
  951. package/src/css/cli/buildCommand.ts +0 -36
  952. package/src/css/cli/index.ts +0 -38
  953. package/src/css/compile/comileRules.ts +0 -59
  954. package/src/css/components/dialog/classes.ts +0 -29
  955. package/src/css/primitives/badge/rules.ts +0 -25
  956. package/src/css/primitives/box/rules.ts +0 -25
  957. package/src/css/primitives/card/rules.ts +0 -93
  958. package/src/css/primitives/selectable/__style.ts +0 -115
  959. package/src/css/primitives/selectable/rules.ts +0 -27
  960. package/src/css/primitives/selectable/selectable.ts +0 -9
  961. package/src/css/primitives/selectable/types.ts +0 -6
  962. package/src/css/rules.ts +0 -121
  963. package/src/css/styles/border/border.ts +0 -22
  964. package/src/css/styles/border/rules.ts +0 -24
  965. package/src/css/styles/display/rules.ts +0 -62
  966. package/src/css/styles/flex/flex.ts +0 -20
  967. package/src/css/styles/flex/rules.ts +0 -28
  968. package/src/css/styles/flexItem/flexItem.ts +0 -8
  969. package/src/css/styles/flexItem/rules.ts +0 -11
  970. package/src/css/styles/flexItem/types.ts +0 -11
  971. package/src/css/styles/font/font.ts +0 -12
  972. package/src/css/styles/font/rules.ts +0 -125
  973. package/src/css/styles/font/types.ts +0 -6
  974. package/src/css/styles/gap/gap.ts +0 -8
  975. package/src/css/styles/gap/rules.ts +0 -33
  976. package/src/css/styles/gap/types.ts +0 -9
  977. package/src/css/styles/grid/rules.ts +0 -35
  978. package/src/css/styles/gridItem/gridItem.ts +0 -15
  979. package/src/css/styles/gridItem/rules.ts +0 -96
  980. package/src/css/styles/margin/margin.ts +0 -15
  981. package/src/css/styles/margin/rules.ts +0 -59
  982. package/src/css/styles/maxWidth/rules.ts +0 -36
  983. package/src/css/styles/maxWidth/types.ts +0 -6
  984. package/src/css/styles/overflow/rules.ts +0 -9
  985. package/src/css/styles/padding/padding.ts +0 -15
  986. package/src/css/styles/padding/rules.ts +0 -59
  987. package/src/css/styles/padding/types.ts +0 -12
  988. package/src/css/styles/pointerEvents/pointerEvents.ts +0 -6
  989. package/src/css/styles/pointerEvents/rules.ts +0 -11
  990. package/src/css/styles/position/position.ts +0 -7
  991. package/src/css/styles/position/rules.ts +0 -31
  992. package/src/css/styles/position/types.ts +0 -13
  993. package/src/css/styles/radius/radius.ts +0 -8
  994. package/src/css/styles/radius/rules.ts +0 -13
  995. package/src/css/styles/radius/types.ts +0 -7
  996. package/src/css/styles/shadow/rules.ts +0 -53
  997. package/src/css/styles/width/index.ts +0 -2
  998. package/src/css/styles/width/rules.ts +0 -7
  999. package/src/css/styles/width/types.ts +0 -8
  1000. package/src/theme/system/_constants.ts +0 -25
  1001. package/src/theme/system/_types.ts +0 -41
  1002. package/src/theme/system/avatar.ts +0 -14
  1003. package/src/theme/system/color/_constants.ts +0 -41
  1004. package/src/theme/system/color/_helpers.ts +0 -23
  1005. package/src/theme/system/color/_system.ts +0 -40
  1006. package/src/theme/system/color/badge.ts +0 -20
  1007. package/src/theme/system/color/color.ts +0 -34
  1008. package/src/theme/system/css.ts +0 -9
  1009. package/src/theme/system/font.ts +0 -52
  1010. package/src/theme/system/index.ts +0 -14
  1011. package/src/theme/system/input.ts +0 -33
  1012. package/src/theme/system/theme.ts +0 -138
  1013. package/src/theme/system/v0/color/_generic.ts +0 -35
  1014. package/src/theme/system/v0/color/_system.ts +0 -13
  1015. package/src/theme/system/v0/color/color.ts +0 -39
  1016. package/src/theme/system/v0/color/index.ts +0 -11
  1017. package/src/theme/system/v0/color/input.ts +0 -34
  1018. package/src/theme/system/v0/color/spot.ts +0 -13
  1019. package/src/theme/system/v0/index.ts +0 -3
  1020. package/theme.js +0 -2
  1021. /package/src/css/{styles → aspects}/border/index.ts +0 -0
  1022. /package/src/css/{styles → aspects}/border/types.ts +0 -0
  1023. /package/src/css/{styles → aspects}/flex/index.ts +0 -0
  1024. /package/src/css/{styles → aspects}/flex/types.ts +0 -0
  1025. /package/src/css/{styles → aspects}/flexItem/index.ts +0 -0
  1026. /package/src/css/{styles → aspects}/font/index.ts +0 -0
  1027. /package/src/css/{styles → aspects}/gap/index.ts +0 -0
  1028. /package/src/css/{styles → aspects}/gridItem/index.ts +0 -0
  1029. /package/src/css/{styles → aspects}/gridItem/types.ts +0 -0
  1030. /package/src/css/{styles → aspects}/height/rules.ts +0 -0
  1031. /package/src/css/{styles → aspects}/margin/index.ts +0 -0
  1032. /package/src/css/{styles → aspects}/margin/types.ts +0 -0
  1033. /package/src/css/{styles → aspects}/maxWidth/index.ts +0 -0
  1034. /package/src/css/{styles → aspects}/maxWidth/maxWidth.ts +0 -0
  1035. /package/src/css/{styles → aspects}/padding/index.ts +0 -0
  1036. /package/src/css/{styles → aspects}/pointerEvents/index.ts +0 -0
  1037. /package/src/css/{styles → aspects}/pointerEvents/types.ts +0 -0
  1038. /package/src/css/{styles → aspects}/position/index.ts +0 -0
  1039. /package/src/css/{styles → aspects}/radius/index.ts +0 -0
  1040. /package/src/css/{styles → aspects}/width/width.ts +0 -0
  1041. /package/src/css/primitives/{selectable → _selectable}/index.ts +0 -0
  1042. /package/src/{core → css}/primitives/stack/index.ts +0 -0
  1043. /package/src/{core → css}/utils/srOnly/index.ts +0 -0
  1044. /package/src/theme/{system/v0 → v0}/avatar.ts +0 -0
  1045. /package/src/theme/{system/v0 → v0}/color/base.ts +0 -0
  1046. /package/src/theme/{system/v0 → v0}/color/button.ts +0 -0
  1047. /package/src/theme/{system/v0 → v0}/color/card.ts +0 -0
  1048. /package/src/theme/{system/v0 → v0}/color/muted.ts +0 -0
  1049. /package/src/theme/{system/v0 → v0}/color/selectable.ts +0 -0
  1050. /package/src/theme/{system/v0 → v0}/color/solid.ts +0 -0
  1051. /package/src/theme/{system → v0}/focusRing.ts +0 -0
  1052. /package/src/theme/{system/v0 → v0}/input.ts +0 -0
  1053. /package/src/theme/{system → v0}/layer.ts +0 -0
  1054. /package/src/theme/{system → v0}/shadow.ts +0 -0
  1055. /package/src/theme/{system → v0}/styles.ts +0 -0
  1056. /package/src/theme/{system → v2}/color/avatar.ts +0 -0
  1057. /package/src/theme/{system → v2}/color/button.ts +0 -0
  1058. /package/src/theme/{system → v2}/color/index.ts +0 -0
  1059. /package/src/theme/{system → v2}/color/input.ts +0 -0
  1060. /package/src/theme/{system → v2}/color/kbd.ts +0 -0
  1061. /package/src/theme/{system → v2}/color/selectable.ts +0 -0
  1062. /package/src/theme/{system → v2}/color/shadow.ts +0 -0
  1063. /package/src/theme/{system → v2}/color/state.ts +0 -0
  1064. /package/src/theme/{system → v2}/color/syntax.ts +0 -0
  1065. /package/src/{core → ui/_compat}/theme/types.ts +0 -0
  1066. /package/src/{core/components/autocomplete/__fixtures__ → ui/components/autocomplete/__mocks__}/countries.ts +0 -0
  1067. /package/src/{core → ui}/components/autocomplete/__workshop__/focusAndBlur.tsx +0 -0
  1068. /package/src/{core → ui}/components/autocomplete/__workshop__/index.ts +0 -0
  1069. /package/src/{core → ui}/components/autocomplete/__workshop__/types.ts +0 -0
  1070. /package/src/{core → ui}/components/autocomplete/autocompleteReducer.ts +0 -0
  1071. /package/src/{core → ui}/components/autocomplete/constants.ts +0 -0
  1072. /package/src/{core → ui}/components/autocomplete/index.ts +0 -0
  1073. /package/src/{core → ui}/components/breadcrumbs/__workshop__/index.ts +0 -0
  1074. /package/src/{core → ui}/components/breadcrumbs/index.ts +0 -0
  1075. /package/src/{core → ui}/components/dialog/__workshop__/autoFocus.tsx +0 -0
  1076. /package/src/{core → ui}/components/dialog/__workshop__/index.ts +0 -0
  1077. /package/src/{core → ui}/components/dialog/__workshop__/layering.tsx +0 -0
  1078. /package/src/{core → ui}/components/dialog/__workshop__/provider.tsx +0 -0
  1079. /package/src/{core → ui}/components/dialog/dialogContext.ts +0 -0
  1080. /package/src/{core → ui}/components/dialog/index.ts +0 -0
  1081. /package/src/{core → ui}/components/hotkeys/__workshop__/index.ts +0 -0
  1082. /package/src/{core → ui}/components/hotkeys/__workshop__/plain.tsx +0 -0
  1083. /package/src/{core → ui}/components/hotkeys/index.ts +0 -0
  1084. /package/src/{core → ui}/components/index.ts +0 -0
  1085. /package/src/{core → ui}/components/menu/__workshop__/closableMenuButton.tsx +0 -0
  1086. /package/src/{core → ui}/components/menu/__workshop__/customMenuItem.tsx +0 -0
  1087. /package/src/{core → ui}/components/menu/__workshop__/disableFocusOnClose.tsx +0 -0
  1088. /package/src/{core → ui}/components/menu/__workshop__/groups.tsx +0 -0
  1089. /package/src/{core → ui}/components/menu/__workshop__/index.ts +0 -0
  1090. /package/src/{core → ui}/components/menu/__workshop__/menuGroupRight.tsx +0 -0
  1091. /package/src/{core → ui}/components/menu/__workshop__/nestedMenu.tsx +0 -0
  1092. /package/src/{core → ui}/components/menu/__workshop__/onCloseMenuButton.tsx +0 -0
  1093. /package/src/{core → ui}/components/menu/__workshop__/selectedItem.tsx +0 -0
  1094. /package/src/{core → ui}/components/menu/__workshop__/withoutArrow.tsx +0 -0
  1095. /package/src/{core → ui}/components/menu/helpers.ts +0 -0
  1096. /package/src/{core → ui}/components/menu/index.ts +0 -0
  1097. /package/src/{core → ui}/components/skeleton/__workshop__/index.ts +0 -0
  1098. /package/src/{core → ui}/components/skeleton/index.ts +0 -0
  1099. /package/src/{core → ui}/components/tab/__workshop__/example.tsx +0 -0
  1100. /package/src/{core → ui}/components/tab/__workshop__/index.ts +0 -0
  1101. /package/src/{core → ui}/components/tab/index.ts +0 -0
  1102. /package/src/{core → ui}/components/toast/__workshop__/index.ts +0 -0
  1103. /package/src/{core → ui}/components/toast/index.ts +0 -0
  1104. /package/src/{core → ui}/components/toast/toastContext.ts +0 -0
  1105. /package/src/{core → ui}/components/tree/__workshop__/basic.perf.ts +0 -0
  1106. /package/src/{core → ui}/components/tree/__workshop__/index.ts +0 -0
  1107. /package/src/{core → ui}/components/tree/helpers.ts +0 -0
  1108. /package/src/{core → ui}/components/tree/index.ts +0 -0
  1109. /package/src/{core → ui}/components/tree/treeContext.ts +0 -0
  1110. /package/src/{core → ui}/components/tree/types.ts +0 -0
  1111. /package/src/{core → ui}/global.ts +0 -0
  1112. /package/src/{core → ui}/helpers/animation.ts +0 -0
  1113. /package/src/{core → ui}/helpers/element.ts +0 -0
  1114. /package/src/{core → ui}/helpers/scroll.ts +0 -0
  1115. /package/src/{core → ui}/hooks/index.ts +0 -0
  1116. /package/src/{core → ui}/hooks/useCustomValidity.ts +0 -0
  1117. /package/src/{core → ui}/hooks/useElementRect/__workshop__/index.ts +0 -0
  1118. /package/src/{core → ui}/hooks/useElementRect/index.ts +0 -0
  1119. /package/src/{core → ui}/hooks/useElementRect/useElementRect.ts +0 -0
  1120. /package/src/{core → ui}/hooks/useIsomorphicEffect.ts +0 -0
  1121. /package/src/{core → ui}/hooks/useMediaIndex/__workshop__/index.ts +0 -0
  1122. /package/src/{core → ui}/hooks/useMediaIndex/__workshop__/test.tsx +0 -0
  1123. /package/src/{core → ui}/hooks/useMediaIndex/index.ts +0 -0
  1124. /package/src/{core → ui}/hooks/useMounted.ts +0 -0
  1125. /package/src/{core → ui}/lib/isRecord.ts +0 -0
  1126. /package/src/{core → ui}/middleware/origin.ts +0 -0
  1127. /package/src/{core → ui}/observers/elementSizeObserver.ts +0 -0
  1128. /package/src/{core → ui}/observers/index.ts +0 -0
  1129. /package/src/{core → ui}/observers/resizeObserver.ts +0 -0
  1130. /package/src/{core → ui}/primitives/_selectable/index.ts +0 -0
  1131. /package/src/{core → ui}/primitives/avatar/__workshop__/index.ts +0 -0
  1132. /package/src/{core → ui}/primitives/avatar/index.ts +0 -0
  1133. /package/src/{core → ui}/primitives/badge/__workshop__/index.ts +0 -0
  1134. /package/src/{core → ui}/primitives/badge/index.ts +0 -0
  1135. /package/src/{core → ui}/primitives/badge/types.ts +0 -0
  1136. /package/src/{core → ui}/primitives/box/__workshop__/index.ts +0 -0
  1137. /package/src/{core → ui}/primitives/box/__workshop__/responsive.tsx +0 -0
  1138. /package/src/{core → ui}/primitives/box/index.ts +0 -0
  1139. /package/src/{core → ui}/primitives/button/__workshop__/customIcons.tsx +0 -0
  1140. /package/src/{core → ui}/primitives/button/__workshop__/index.ts +0 -0
  1141. /package/src/{core → ui}/primitives/button/__workshop__/mixedChildren.tsx +0 -0
  1142. /package/src/{core → ui}/primitives/button/__workshop__/uploadButton.tsx +0 -0
  1143. /package/src/{core → ui}/primitives/button/index.ts +0 -0
  1144. /package/src/{core → ui}/primitives/card/__workshop__/index.ts +0 -0
  1145. /package/src/{core → ui}/primitives/checkbox/__workshop__/example.tsx +0 -0
  1146. /package/src/{core → ui}/primitives/checkbox/__workshop__/index.ts +0 -0
  1147. /package/src/{core → ui}/primitives/checkbox/__workshop__/props.tsx +0 -0
  1148. /package/src/{core → ui}/primitives/checkbox/__workshop__/readOnly.tsx +0 -0
  1149. /package/src/{core → ui}/primitives/checkbox/index.ts +0 -0
  1150. /package/src/{core → ui}/primitives/code/__workshop__/index.ts +0 -0
  1151. /package/src/{core → ui}/primitives/code/__workshop__/opticalAlignment.tsx +0 -0
  1152. /package/src/{core → ui}/primitives/code/index.ts +0 -0
  1153. /package/src/{core → ui}/primitives/container/__workshop__/index.ts +0 -0
  1154. /package/src/{core → ui}/primitives/container/index.ts +0 -0
  1155. /package/src/{core → ui}/primitives/container/types.ts +0 -0
  1156. /package/src/{core → ui}/primitives/flex/__workshop__/index.ts +0 -0
  1157. /package/src/{core → ui}/primitives/flex/index.ts +0 -0
  1158. /package/src/{core → ui}/primitives/grid/__workshop__/index.ts +0 -0
  1159. /package/src/{core → ui}/primitives/grid/index.ts +0 -0
  1160. /package/src/{core → ui}/primitives/heading/__workshop__/index.ts +0 -0
  1161. /package/src/{core → ui}/primitives/heading/index.ts +0 -0
  1162. /package/src/{core → ui}/primitives/index.ts +0 -0
  1163. /package/src/{core → ui}/primitives/inline/__workshop__/index.ts +0 -0
  1164. /package/src/{core → ui}/primitives/inline/index.ts +0 -0
  1165. /package/src/{core → ui}/primitives/inline/types.ts +0 -0
  1166. /package/src/{core → ui}/primitives/kbd/__workshop__/index.ts +0 -0
  1167. /package/src/{core → ui}/primitives/kbd/__workshop__/plain.tsx +0 -0
  1168. /package/src/{core/primitives/kbd/index.tsx → ui/primitives/kbd/index.ts} +0 -0
  1169. /package/src/{core → ui}/primitives/label/__workshop__/index.ts +0 -0
  1170. /package/src/{core → ui}/primitives/label/index.ts +0 -0
  1171. /package/src/{core → ui}/primitives/popover/__workshop__/MarginsStory.tsx +0 -0
  1172. /package/src/{core → ui}/primitives/popover/__workshop__/RecursiveStory.tsx +0 -0
  1173. /package/src/{core → ui}/primitives/popover/__workshop__/index.ts +0 -0
  1174. /package/src/{core → ui}/primitives/popover/constants.ts +0 -0
  1175. /package/src/{core → ui}/primitives/popover/index.ts +0 -0
  1176. /package/src/{core → ui}/primitives/popover/types.ts +0 -0
  1177. /package/src/{core → ui}/primitives/radio/__workshop__/example.tsx +0 -0
  1178. /package/src/{core → ui}/primitives/radio/__workshop__/index.ts +0 -0
  1179. /package/src/{core → ui}/primitives/radio/index.ts +0 -0
  1180. /package/src/{core → ui}/primitives/select/__workshop__/index.ts +0 -0
  1181. /package/src/{core → ui}/primitives/select/index.ts +0 -0
  1182. /package/src/{core → ui}/primitives/spinner/__workshop__/index.ts +0 -0
  1183. /package/src/{core → ui}/primitives/spinner/index.ts +0 -0
  1184. /package/src/{core → ui}/primitives/stack/__workshop__/index.ts +0 -0
  1185. /package/src/{core → ui}/primitives/switch/__workshop__/example.tsx +0 -0
  1186. /package/src/{core → ui}/primitives/switch/__workshop__/index.ts +0 -0
  1187. /package/src/{core → ui}/primitives/switch/__workshop__/props.tsx +0 -0
  1188. /package/src/{core → ui}/primitives/switch/index.ts +0 -0
  1189. /package/src/{core → ui}/primitives/text/__workshop__/index.ts +0 -0
  1190. /package/src/{core → ui}/primitives/text/index.ts +0 -0
  1191. /package/src/{core → ui}/primitives/textArea/__workshop__/index.ts +0 -0
  1192. /package/src/{core → ui}/primitives/textArea/index.ts +0 -0
  1193. /package/src/{core → ui}/primitives/textInput/__workshop__/clearButton.tsx +0 -0
  1194. /package/src/{core → ui}/primitives/textInput/__workshop__/customValidity.tsx +0 -0
  1195. /package/src/{core → ui}/primitives/textInput/__workshop__/states.tsx +0 -0
  1196. /package/src/{core → ui}/primitives/textInput/index.ts +0 -0
  1197. /package/src/{core → ui}/primitives/tooltip/__workshop__/index.ts +0 -0
  1198. /package/src/{core → ui}/primitives/tooltip/constants.ts +0 -0
  1199. /package/src/{core → ui}/primitives/tooltip/index.ts +0 -0
  1200. /package/src/{core → ui}/primitives/tooltip/tooltipDelayGroup/tooltipDelayGroupContext.tsx +0 -0
  1201. /package/src/{core → ui}/types/avatar.ts +0 -0
  1202. /package/src/{core → ui}/types/badge.ts +0 -0
  1203. /package/src/{core → ui}/types/card.ts +0 -0
  1204. /package/src/{core → ui}/types/dialog.ts +0 -0
  1205. /package/src/{core → ui}/types/placement.ts +0 -0
  1206. /package/src/{core → ui}/types/popover.ts +0 -0
  1207. /package/src/{core → ui}/types/radius.ts +0 -0
  1208. /package/src/{core → ui}/utils/arrow/cmds.ts +0 -0
  1209. /package/src/{core → ui}/utils/arrow/index.ts +0 -0
  1210. /package/src/{core → ui}/utils/boundaryElement/__workshop__/index.ts +0 -0
  1211. /package/src/{core → ui}/utils/boundaryElement/__workshop__/plain.tsx +0 -0
  1212. /package/src/{core → ui}/utils/boundaryElement/boundaryElementContext.ts +0 -0
  1213. /package/src/{core → ui}/utils/boundaryElement/types.ts +0 -0
  1214. /package/src/{core → ui}/utils/conditionalWrapper/index.ts +0 -0
  1215. /package/src/{core → ui}/utils/elementQuery/__workshop__/index.ts +0 -0
  1216. /package/src/{core → ui}/utils/elementQuery/helpers.ts +0 -0
  1217. /package/src/{core → ui}/utils/elementQuery/index.ts +0 -0
  1218. /package/src/{core → ui}/utils/index.ts +0 -0
  1219. /package/src/{core → ui}/utils/layer/__workshop__/_debug.tsx +0 -0
  1220. /package/src/{core → ui}/utils/layer/__workshop__/index.ts +0 -0
  1221. /package/src/{core → ui}/utils/layer/getLayerContext.test.ts +0 -0
  1222. /package/src/{core → ui}/utils/layer/getLayerContext.ts +0 -0
  1223. /package/src/{core → ui}/utils/layer/layerContext.ts +0 -0
  1224. /package/src/{core → ui}/utils/layer/types.ts +0 -0
  1225. /package/src/{core → ui}/utils/portal/__workshop__/index.ts +0 -0
  1226. /package/src/{core → ui}/utils/portal/__workshop__/named.tsx +0 -0
  1227. /package/src/{core → ui}/utils/portal/index.ts +0 -0
  1228. /package/src/{core → ui}/utils/portal/portalContext.ts +0 -0
  1229. /package/src/{core → ui}/utils/portal/types.ts +0 -0
  1230. /package/src/{core → ui}/utils/virtualList/__workshop__/changingProps.tsx +0 -0
  1231. /package/src/{core → ui}/utils/virtualList/__workshop__/elementScroll.tsx +0 -0
  1232. /package/src/{core → ui}/utils/virtualList/__workshop__/index.ts +0 -0
  1233. /package/src/{core → ui}/utils/virtualList/__workshop__/infiniteList.tsx +0 -0
  1234. /package/src/{core → ui}/utils/virtualList/__workshop__/windowScrolll.tsx +0 -0
  1235. /package/src/{core → ui}/utils/virtualList/index.ts +0 -0
package/src/css/compile/compileTheme.ts CHANGED
@@ -1,509 +1,15 @@
1
- import {
2
- type ThemeColorCardToneKey,
3
- type ThemeColorSchemeKey,
4
- type RootTheme_v2,
5
- type ThemeBoxShadow,
6
- THEME_COLOR_AVATAR_COLORS,
7
- THEME_COLOR_STATE_TONES,
8
- } from '@sanity/ui/theme'
9
- import {Properties} from '../types'
10
- import {varNames} from '../varNames'
11
- import {vars} from '../vars'
12
- import {compileRule} from './compileRule'
1
+ import {type RootTheme} from '@sanity/ui/theme'
13
2
 
14
- type CardTone = ThemeColorCardToneKey
15
- type Scheme = ThemeColorSchemeKey
3
+ import {compileTheme_v3} from './compileTheme_v3'
16
4
 
17
- function rem(value: number) {
18
- if (value === 0) return '0'
19
-
20
- return `${value / 16}rem`
21
- }
22
-
23
- function px(value: number) {
24
- if (value === 0) return '0'
25
-
26
- return `${value}px`
27
- }
28
-
29
- function toBoxShadow(value: ThemeBoxShadow | undefined) {
30
- if (!value) return 'none'
31
-
32
- return value.map((n) => px(n)).join(' ')
33
- }
34
-
35
- function countThemeEntries(obj: Record<string, unknown> | unknown[]): number {
36
- let count = 0
37
-
38
- if (isArray(obj)) {
39
- for (let i = 0; i < obj.length; i++) {
40
- const value = obj[i]
41
-
42
- if (isRecord(value) || isArray(value)) {
43
- count += countThemeEntries(value)
44
- } else {
45
- count++
46
- }
47
- }
48
- } else {
49
- for (const [key, value] of Object.entries(obj)) {
50
- if (key.startsWith('_')) continue
51
-
52
- if (isRecord(value) || isArray(value)) {
53
- count += countThemeEntries(value)
54
- } else {
55
- count++
56
- }
57
- }
58
- }
59
-
60
- return count
61
- }
62
-
63
- /** @public */
64
- export function compileTheme(theme: RootTheme_v2): string {
65
- for (const [key, val] of Object.entries(theme.color.light.default)) {
66
- if (isRecord(val) || isArray(val)) {
67
- // eslint-disable-next-line no-console
68
- console.log(key, countThemeEntries(val))
69
- }
5
+ export function compileTheme(theme: RootTheme): string {
6
+ if (theme.v3) {
7
+ return compileTheme_v3(theme.v3)
70
8
  }
71
9
 
72
- return [
73
- compileRule(`.root`, {
74
- [varNames.avatar.focusRing.offset]: px(theme.avatar.focusRing.offset),
75
- [varNames.avatar.focusRing.width]: px(theme.avatar.focusRing.width),
76
- // [varNames.avatar.size[0].distance]: px(theme.avatar.size[0].distance),
77
- // [varNames.avatar.size[0].size]: px(theme.avatar.size[0].size),
78
- '--avatar-0-distance': px(theme.avatar.sizes[0].distance),
79
- '--avatar-0-size': px(theme.avatar.sizes[0].size),
80
- '--avatar-1-distance': px(theme.avatar.sizes[1].distance),
81
- '--avatar-1-size': px(theme.avatar.sizes[1].size),
82
- '--avatar-2-distance': px(theme.avatar.sizes[2].distance),
83
- '--avatar-2-size': px(theme.avatar.sizes[2].size),
84
- '--avatar-3-distance': px(theme.avatar.sizes[3].distance),
85
- '--avatar-3-size': px(theme.avatar.sizes[3].size),
86
- '--button-border-width': px(theme.button.border.width),
87
- '--button-focus-ring-offset': px(theme.button.focusRing.offset),
88
- '--button-focus-ring-width': px(theme.button.focusRing.width),
89
- '--button-text-weight': `${theme.button.textWeight}`,
90
- '--card-border-width': px(theme.card.border.width),
91
- '--card-focus-ring-offset': px(theme.card.focusRing.offset),
92
- '--card-focus-ring-width': px(theme.card.focusRing.width),
93
- '--card-shadow-outline': `0 0 0 ${px(theme.card.shadow.outline)}`,
94
-
95
- '--font-code-family': theme.font.code.family,
96
- '--font-code-weight-regular': `${theme.font.code.weights.regular}`,
97
- '--font-code-weight-medium': `${theme.font.code.weights.medium}`,
98
- '--font-code-weight-semibold': `${theme.font.code.weights.semibold}`,
99
- '--font-code-weight-bold': `${theme.font.code.weights.bold}`,
100
- '--font-code-0-size': rem(theme.font.code.sizes[0].fontSize),
101
- '--font-code-0-line-height': rem(theme.font.code.sizes[0].lineHeight),
102
- '--font-code-0-ascender-height': px(theme.font.code.sizes[0].ascenderHeight),
103
- '--font-code-0-descender-height': px(theme.font.code.sizes[0].descenderHeight),
104
- '--font-code-0-letter-spacing': px(theme.font.code.sizes[0].letterSpacing),
105
- '--font-code-0-icon-size': px(theme.font.code.sizes[0].iconSize),
106
- '--font-code-1-size': rem(theme.font.code.sizes[1].fontSize),
107
- '--font-code-1-line-height': px(theme.font.code.sizes[1].lineHeight),
108
- '--font-code-1-ascender-height': px(theme.font.code.sizes[1].ascenderHeight),
109
- '--font-code-1-descender-height': px(theme.font.code.sizes[1].descenderHeight),
110
- '--font-code-1-letter-spacing': px(theme.font.code.sizes[1].letterSpacing),
111
- '--font-code-1-icon-size': px(theme.font.code.sizes[1].iconSize),
112
- '--font-code-2-size': rem(theme.font.code.sizes[2].fontSize),
113
- '--font-code-2-line-height': rem(theme.font.code.sizes[2].lineHeight),
114
- '--font-code-2-ascender-height': px(theme.font.code.sizes[2].ascenderHeight),
115
- '--font-code-2-descender-height': px(theme.font.code.sizes[2].descenderHeight),
116
- '--font-code-2-letter-spacing': px(theme.font.code.sizes[2].letterSpacing),
117
- '--font-code-2-icon-size': px(theme.font.code.sizes[2].iconSize),
118
- '--font-code-3-size': rem(theme.font.code.sizes[3].fontSize),
119
- '--font-code-3-line-height': rem(theme.font.code.sizes[3].lineHeight),
120
- '--font-code-3-ascender-height': px(theme.font.code.sizes[3].ascenderHeight),
121
- '--font-code-3-descender-height': px(theme.font.code.sizes[3].descenderHeight),
122
- '--font-code-3-letter-spacing': px(theme.font.code.sizes[3].letterSpacing),
123
- '--font-code-3-icon-size': px(theme.font.code.sizes[3].iconSize),
124
- '--font-code-4-size': rem(theme.font.code.sizes[4].fontSize),
125
- '--font-code-4-line-height': rem(theme.font.code.sizes[4].lineHeight),
126
- '--font-code-4-ascender-height': px(theme.font.code.sizes[4].ascenderHeight),
127
- '--font-code-4-descender-height': px(theme.font.code.sizes[4].descenderHeight),
128
- '--font-code-4-letter-spacing': px(theme.font.code.sizes[4].letterSpacing),
129
- '--font-code-4-icon-size': px(theme.font.code.sizes[4].iconSize),
130
-
131
- '--font-heading-family': theme.font.heading.family,
132
- '--font-heading-weight-regular': `${theme.font.heading.weights.regular}`,
133
- '--font-heading-weight-medium': `${theme.font.heading.weights.medium}`,
134
- '--font-heading-weight-semibold': `${theme.font.heading.weights.semibold}`,
135
- '--font-heading-weight-bold': `${theme.font.heading.weights.bold}`,
136
- '--font-heading-0-size': rem(theme.font.heading.sizes[0].fontSize),
137
- '--font-heading-0-line-height': rem(theme.font.heading.sizes[0].lineHeight),
138
- '--font-heading-0-ascender-height': px(theme.font.heading.sizes[0].ascenderHeight),
139
- '--font-heading-0-descender-height': px(theme.font.heading.sizes[0].descenderHeight),
140
- '--font-heading-0-letter-spacing': px(theme.font.heading.sizes[0].letterSpacing),
141
- '--font-heading-0-icon-size': px(theme.font.heading.sizes[0].iconSize),
142
- '--font-heading-1-size': rem(theme.font.heading.sizes[1].fontSize),
143
- '--font-heading-1-line-height': rem(theme.font.heading.sizes[1].lineHeight),
144
- '--font-heading-1-ascender-height': px(theme.font.heading.sizes[1].ascenderHeight),
145
- '--font-heading-1-descender-height': px(theme.font.heading.sizes[1].descenderHeight),
146
- '--font-heading-1-letter-spacing': px(theme.font.heading.sizes[1].letterSpacing),
147
- '--font-heading-1-icon-size': px(theme.font.heading.sizes[1].iconSize),
148
- '--font-heading-2-size': rem(theme.font.heading.sizes[2].fontSize),
149
- '--font-heading-2-line-height': rem(theme.font.heading.sizes[2].lineHeight),
150
- '--font-heading-2-ascender-height': px(theme.font.heading.sizes[2].ascenderHeight),
151
- '--font-heading-2-descender-height': px(theme.font.heading.sizes[2].descenderHeight),
152
- '--font-heading-2-letter-spacing': px(theme.font.heading.sizes[2].letterSpacing),
153
- '--font-heading-2-icon-size': px(theme.font.heading.sizes[2].iconSize),
154
- '--font-heading-3-size': rem(theme.font.heading.sizes[3].fontSize),
155
- '--font-heading-3-line-height': rem(theme.font.heading.sizes[3].lineHeight),
156
- '--font-heading-3-ascender-height': px(theme.font.heading.sizes[3].ascenderHeight),
157
- '--font-heading-3-descender-height': px(theme.font.heading.sizes[3].descenderHeight),
158
- '--font-heading-3-letter-spacing': px(theme.font.heading.sizes[3].letterSpacing),
159
- '--font-heading-3-icon-size': px(theme.font.heading.sizes[3].iconSize),
160
- '--font-heading-4-size': rem(theme.font.heading.sizes[4].fontSize),
161
- '--font-heading-4-line-height': rem(theme.font.heading.sizes[4].lineHeight),
162
- '--font-heading-4-ascender-height': px(theme.font.heading.sizes[4].ascenderHeight),
163
- '--font-heading-4-descender-height': px(theme.font.heading.sizes[4].descenderHeight),
164
- '--font-heading-4-letter-spacing': px(theme.font.heading.sizes[4].letterSpacing),
165
- '--font-heading-4-icon-size': px(theme.font.heading.sizes[4].iconSize),
166
- '--font-heading-5-size': rem(theme.font.heading.sizes[5].fontSize),
167
- '--font-heading-5-line-height': rem(theme.font.heading.sizes[5].lineHeight),
168
- '--font-heading-5-ascender-height': px(theme.font.heading.sizes[5].ascenderHeight),
169
- '--font-heading-5-descender-height': px(theme.font.heading.sizes[5].descenderHeight),
170
- '--font-heading-5-letter-spacing': px(theme.font.heading.sizes[5].letterSpacing),
171
- '--font-heading-5-icon-size': px(theme.font.heading.sizes[5].iconSize),
172
-
173
- '--font-label-family': theme.font.label.family,
174
- '--font-label-weight-regular': `${theme.font.label.weights.regular}`,
175
- '--font-label-weight-medium': `${theme.font.label.weights.medium}`,
176
- '--font-label-weight-semibold': `${theme.font.label.weights.semibold}`,
177
- '--font-label-weight-bold': `${theme.font.label.weights.bold}`,
178
- '--font-label-0-size': rem(theme.font.label.sizes[0].fontSize),
179
- '--font-label-0-line-height': rem(theme.font.label.sizes[0].lineHeight),
180
- '--font-label-0-ascender-height': px(theme.font.label.sizes[0].ascenderHeight),
181
- '--font-label-0-descender-height': px(theme.font.label.sizes[0].descenderHeight),
182
- '--font-label-0-letter-spacing': px(theme.font.label.sizes[0].letterSpacing),
183
- '--font-label-0-icon-size': px(theme.font.label.sizes[0].iconSize),
184
- '--font-label-1-size': rem(theme.font.label.sizes[1].fontSize),
185
- '--font-label-1-line-height': rem(theme.font.label.sizes[1].lineHeight),
186
- '--font-label-1-ascender-height': px(theme.font.label.sizes[1].ascenderHeight),
187
- '--font-label-1-descender-height': px(theme.font.label.sizes[1].descenderHeight),
188
- '--font-label-1-letter-spacing': px(theme.font.label.sizes[1].letterSpacing),
189
- '--font-label-1-icon-size': px(theme.font.label.sizes[1].iconSize),
190
- '--font-label-2-size': rem(theme.font.label.sizes[2].fontSize),
191
- '--font-label-2-line-height': rem(theme.font.label.sizes[2].lineHeight),
192
- '--font-label-2-ascender-height': px(theme.font.label.sizes[2].ascenderHeight),
193
- '--font-label-2-descender-height': px(theme.font.label.sizes[2].descenderHeight),
194
- '--font-label-2-letter-spacing': px(theme.font.label.sizes[2].letterSpacing),
195
- '--font-label-2-icon-size': px(theme.font.label.sizes[2].iconSize),
196
- '--font-label-3-size': rem(theme.font.label.sizes[3].fontSize),
197
- '--font-label-3-line-height': rem(theme.font.label.sizes[3].lineHeight),
198
- '--font-label-3-ascender-height': px(theme.font.label.sizes[3].ascenderHeight),
199
- '--font-label-3-descender-height': px(theme.font.label.sizes[3].descenderHeight),
200
- '--font-label-3-letter-spacing': px(theme.font.label.sizes[3].letterSpacing),
201
- '--font-label-3-icon-size': px(theme.font.label.sizes[3].iconSize),
202
- '--font-label-4-size': rem(theme.font.label.sizes[4].fontSize),
203
- '--font-label-4-line-height': rem(theme.font.label.sizes[4].lineHeight),
204
- '--font-label-4-ascender-height': px(theme.font.label.sizes[4].ascenderHeight),
205
- '--font-label-4-descender-height': px(theme.font.label.sizes[4].descenderHeight),
206
- '--font-label-4-letter-spacing': px(theme.font.label.sizes[4].letterSpacing),
207
- '--font-label-4-icon-size': px(theme.font.label.sizes[4].iconSize),
208
- '--font-label-5-size': rem(theme.font.label.sizes[5].fontSize),
209
- '--font-label-5-line-height': rem(theme.font.label.sizes[5].lineHeight),
210
- '--font-label-5-ascender-height': px(theme.font.label.sizes[5].ascenderHeight),
211
- '--font-label-5-descender-height': px(theme.font.label.sizes[5].descenderHeight),
212
- '--font-label-5-letter-spacing': px(theme.font.label.sizes[5].letterSpacing),
213
- '--font-label-5-icon-size': px(theme.font.label.sizes[5].iconSize),
214
-
215
- '--font-text-family': theme.font.text.family,
216
- '--font-text-weight-regular': `${theme.font.text.weights.regular}`,
217
- '--font-text-weight-medium': `${theme.font.text.weights.medium}`,
218
- '--font-text-weight-semibold': `${theme.font.text.weights.semibold}`,
219
- '--font-text-weight-bold': `${theme.font.text.weights.bold}`,
220
- '--font-text-0-size': rem(theme.font.text.sizes[0].fontSize),
221
- '--font-text-0-line-height': rem(theme.font.text.sizes[0].lineHeight),
222
- '--font-text-0-ascender-height': px(theme.font.text.sizes[0].ascenderHeight),
223
- '--font-text-0-descender-height': px(theme.font.text.sizes[0].descenderHeight),
224
- '--font-text-0-letter-spacing': px(theme.font.text.sizes[0].letterSpacing),
225
- '--font-text-0-icon-size': px(theme.font.text.sizes[0].iconSize),
226
- '--font-text-1-size': rem(theme.font.text.sizes[1].fontSize),
227
- '--font-text-1-line-height': rem(theme.font.text.sizes[1].lineHeight),
228
- '--font-text-1-ascender-height': px(theme.font.text.sizes[1].ascenderHeight),
229
- '--font-text-1-descender-height': px(theme.font.text.sizes[1].descenderHeight),
230
- '--font-text-1-letter-spacing': px(theme.font.text.sizes[1].letterSpacing),
231
- '--font-text-1-icon-size': px(theme.font.text.sizes[1].iconSize),
232
- '--font-text-2-size': rem(theme.font.text.sizes[2].fontSize),
233
- '--font-text-2-line-height': rem(theme.font.text.sizes[2].lineHeight),
234
- '--font-text-2-ascender-height': px(theme.font.text.sizes[2].ascenderHeight),
235
- '--font-text-2-descender-height': px(theme.font.text.sizes[2].descenderHeight),
236
- '--font-text-2-letter-spacing': px(theme.font.text.sizes[2].letterSpacing),
237
- '--font-text-2-icon-size': px(theme.font.text.sizes[2].iconSize),
238
- '--font-text-3-size': rem(theme.font.text.sizes[3].fontSize),
239
- '--font-text-3-line-height': rem(theme.font.text.sizes[3].lineHeight),
240
- '--font-text-3-ascender-height': px(theme.font.text.sizes[3].ascenderHeight),
241
- '--font-text-3-descender-height': px(theme.font.text.sizes[3].descenderHeight),
242
- '--font-text-3-letter-spacing': px(theme.font.text.sizes[3].letterSpacing),
243
- '--font-text-3-icon-size': px(theme.font.text.sizes[3].iconSize),
244
- '--font-text-4-size': rem(theme.font.text.sizes[4].fontSize),
245
- '--font-text-4-line-height': rem(theme.font.text.sizes[4].lineHeight),
246
- '--font-text-4-ascender-height': px(theme.font.text.sizes[4].ascenderHeight),
247
- '--font-text-4-descender-height': px(theme.font.text.sizes[4].descenderHeight),
248
- '--font-text-4-letter-spacing': px(theme.font.text.sizes[4].letterSpacing),
249
- '--font-text-4-icon-size': px(theme.font.text.sizes[4].iconSize),
250
-
251
- '--input-border-width': px(theme.input.border.width),
252
- '--input-checkbox-focus-ring-offset': px(theme.input.checkbox.focusRing.offset),
253
- '--input-checkbox-focus-ring-width': px(theme.input.checkbox.focusRing.width),
254
- '--input-checkbox-size': px(theme.input.checkbox.size),
255
- '--input-radio-focus-ring-offset': px(theme.input.radio.focusRing.offset),
256
- '--input-radio-focus-ring-width': px(theme.input.radio.focusRing.width),
257
- '--input-radio-mark-size': px(theme.input.radio.markSize),
258
- '--input-radio-size': px(theme.input.radio.size),
259
- '--input-select-focus-ring-offset': px(theme.input.select.focusRing.offset),
260
- '--input-select-focus-ring-width': px(theme.input.select.focusRing.width),
261
- '--input-switch-focus-ring-offset': px(theme.input.switch.focusRing.offset),
262
- '--input-switch-focus-ring-width': px(theme.input.switch.focusRing.width),
263
- '--input-switch-width': px(theme.input.switch.width),
264
- '--input-switch-height': px(theme.input.switch.height),
265
- '--input-switch-padding': px(theme.input.switch.padding),
266
- '--input-switch-transition-duration-ms': px(theme.input.switch.transitionDurationMs),
267
- '--input-switch-transition-timing-function': theme.input.switch.transitionTimingFunction,
268
- '--input-text-focus-ring-offset': px(theme.input.text.focusRing.offset),
269
- '--input-text-focus-ring-width': px(theme.input.text.focusRing.width),
270
-
271
- '--container-0': px(theme.container[0]),
272
- '--container-1': px(theme.container[1]),
273
- '--container-2': px(theme.container[2]),
274
- '--container-3': px(theme.container[3]),
275
- '--container-4': px(theme.container[4]),
276
- '--container-5': px(theme.container[5]),
277
-
278
- '--radius-0': px(theme.radius[0]),
279
- '--radius-1': px(theme.radius[1]),
280
- '--radius-2': px(theme.radius[2]),
281
- '--radius-3': px(theme.radius[3]),
282
- '--radius-4': px(theme.radius[4]),
283
- '--radius-5': px(theme.radius[5]),
284
- '--radius-6': px(theme.radius[6]),
285
- [varNames.space[0]]: rem(theme.space[0]),
286
- [varNames.space[1]]: rem(theme.space[1]),
287
- [varNames.space[2]]: rem(theme.space[2]),
288
- [varNames.space[3]]: rem(theme.space[3]),
289
- [varNames.space[4]]: rem(theme.space[4]),
290
- [varNames.space[5]]: rem(theme.space[5]),
291
- [varNames.space[6]]: rem(theme.space[6]),
292
- [varNames.space[7]]: rem(theme.space[7]),
293
- [varNames.space[8]]: rem(theme.space[8]),
294
- [varNames.space[9]]: rem(theme.space[9]),
295
- '--shadow-0-umbra': toBoxShadow(theme.shadow[0]?.umbra), //`${theme.shadow[0]?.umbra || 'none'}`,
296
- '--shadow-0-penumbra': toBoxShadow(theme.shadow[0]?.penumbra),
297
- '--shadow-0-ambient': toBoxShadow(theme.shadow[0]?.ambient),
298
- '--shadow-1-umbra': toBoxShadow(theme.shadow[1]?.umbra),
299
- '--shadow-1-penumbra': toBoxShadow(theme.shadow[1]?.penumbra),
300
- '--shadow-1-ambient': toBoxShadow(theme.shadow[1]?.ambient),
301
- '--shadow-2-umbra': toBoxShadow(theme.shadow[2]?.umbra),
302
- '--shadow-2-penumbra': toBoxShadow(theme.shadow[2]?.penumbra),
303
- '--shadow-2-ambient': toBoxShadow(theme.shadow[2]?.ambient),
304
- '--shadow-3-umbra': toBoxShadow(theme.shadow[3]?.umbra),
305
- '--shadow-3-penumbra': toBoxShadow(theme.shadow[3]?.penumbra),
306
- '--shadow-3-ambient': toBoxShadow(theme.shadow[3]?.ambient),
307
- '--shadow-4-umbra': toBoxShadow(theme.shadow[4]?.umbra),
308
- '--shadow-4-penumbra': toBoxShadow(theme.shadow[4]?.penumbra),
309
- '--shadow-4-ambient': toBoxShadow(theme.shadow[4]?.ambient),
310
- '--shadow-5-umbra': toBoxShadow(theme.shadow[5]?.umbra),
311
- '--shadow-5-penumbra': toBoxShadow(theme.shadow[5]?.penumbra),
312
- '--shadow-5-ambient': toBoxShadow(theme.shadow[5]?.ambient),
313
- ...Object.fromEntries(
314
- getThemeEntries(theme.color as unknown as Record<string, string>, ['color']),
315
- ),
316
- }),
317
- compileCardCss({scheme: 'dark', tone: 'transparent'}),
318
- compileCardCss({scheme: 'dark', tone: 'default'}),
319
- compileCardCss({scheme: 'dark', tone: 'primary'}),
320
- compileCardCss({scheme: 'dark', tone: 'positive'}),
321
- compileCardCss({scheme: 'dark', tone: 'caution'}),
322
- compileCardCss({scheme: 'dark', tone: 'critical'}),
323
- compileCardCss({scheme: 'light', tone: 'transparent'}),
324
- compileCardCss({scheme: 'light', tone: 'default'}),
325
- compileCardCss({scheme: 'light', tone: 'primary'}),
326
- compileCardCss({scheme: 'light', tone: 'positive'}),
327
- compileCardCss({scheme: 'light', tone: 'caution'}),
328
- compileCardCss({scheme: 'light', tone: 'critical'}),
329
- ].join('\n\n')
330
- }
331
-
332
- function compileCardCss(props: {scheme: Scheme; tone: CardTone}) {
333
- const {scheme, tone} = props
334
-
335
- const cardVars = vars.color[scheme][tone]
336
-
337
- return compileRule(`.card[data-scheme="${scheme}"][data-tone="${tone}"]`, {
338
- '--color-accent-fg': cardVars.accent.fg,
339
-
340
- ...THEME_COLOR_AVATAR_COLORS.reduce((acc, color) => {
341
- return {
342
- ...acc,
343
- [`--color-avatar-${color}-bg`]: cardVars.avatar[color].bg,
344
- [`--color-avatar-${color}-fg`]: cardVars.avatar[color].fg,
345
- }
346
- }, {} as Properties),
347
-
348
- '--color-backdrop': cardVars.backdrop,
349
- ...THEME_COLOR_STATE_TONES.reduce((acc, tone) => {
350
- return {
351
- ...acc,
352
- [`--color-badge-${tone}-bg`]: cardVars.badge[tone].bg,
353
- [`--color-badge-${tone}-dot`]: cardVars.badge[tone].dot,
354
- [`--color-badge-${tone}-fg`]: cardVars.badge[tone].fg,
355
- [`--color-badge-${tone}-icon`]: cardVars.badge[tone].icon,
356
- }
357
- }, {} as Properties),
358
-
359
- '--color-bg': cardVars.bg,
360
- '--color-border': cardVars.border,
361
- // todo: button
362
- '--color-code-bg': cardVars.code.bg,
363
- '--color-code-fg': cardVars.code.fg,
364
- '--color-fg': cardVars.fg,
365
- '--color-focus-ring': cardVars.focusRing,
366
- '--color-icon': cardVars.icon,
367
-
368
- '--color-input-default-enabled-bg': cardVars.input.default.enabled.bg,
369
- '--color-input-default-enabled-border': cardVars.input.default.enabled.border,
370
- '--color-input-default-enabled-fg': cardVars.input.default.enabled.fg,
371
- '--color-input-default-enabled-muted-bg': cardVars.input.default.enabled.muted.bg,
372
- '--color-input-default-enabled-placeholder': cardVars.input.default.enabled.placeholder,
373
- '--color-input-default-hovered-bg': cardVars.input.default.hovered.bg,
374
- '--color-input-default-hovered-border': cardVars.input.default.hovered.border,
375
- '--color-input-default-hovered-fg': cardVars.input.default.hovered.fg,
376
- '--color-input-default-hovered-muted-bg': cardVars.input.default.hovered.muted.bg,
377
- '--color-input-default-hovered-placeholder': cardVars.input.default.hovered.placeholder,
378
- '--color-input-default-readOnly-bg': cardVars.input.default.readOnly.bg,
379
- '--color-input-default-readOnly-border': cardVars.input.default.readOnly.border,
380
- '--color-input-default-readOnly-fg': cardVars.input.default.readOnly.fg,
381
- '--color-input-default-readOnly-muted-bg': cardVars.input.default.readOnly.muted.bg,
382
- '--color-input-default-readOnly-placeholder': cardVars.input.default.readOnly.placeholder,
383
- '--color-input-default-disabled-bg': cardVars.input.default.disabled.bg,
384
- '--color-input-default-disabled-border': cardVars.input.default.disabled.border,
385
- '--color-input-default-disabled-fg': cardVars.input.default.disabled.fg,
386
- '--color-input-default-disabled-muted-bg': cardVars.input.default.disabled.muted.bg,
387
- '--color-input-default-disabled-placeholder': cardVars.input.default.disabled.placeholder,
388
-
389
- '--color-input-invalid-enabled-bg': cardVars.input.invalid.enabled.bg,
390
- '--color-input-invalid-enabled-border': cardVars.input.invalid.enabled.border,
391
- '--color-input-invalid-enabled-fg': cardVars.input.invalid.enabled.fg,
392
- '--color-input-invalid-enabled-muted-bg': cardVars.input.invalid.enabled.muted.bg,
393
- '--color-input-invalid-enabled-placeholder': cardVars.input.invalid.enabled.placeholder,
394
- '--color-input-invalid-hovered-bg': cardVars.input.invalid.hovered.bg,
395
- '--color-input-invalid-hovered-border': cardVars.input.invalid.hovered.border,
396
- '--color-input-invalid-hovered-fg': cardVars.input.invalid.hovered.fg,
397
- '--color-input-invalid-hovered-muted-bg': cardVars.input.invalid.hovered.muted.bg,
398
- '--color-input-invalid-hovered-placeholder': cardVars.input.invalid.hovered.placeholder,
399
- '--color-input-invalid-readOnly-bg': cardVars.input.invalid.readOnly.bg,
400
- '--color-input-invalid-readOnly-border': cardVars.input.invalid.readOnly.border,
401
- '--color-input-invalid-readOnly-fg': cardVars.input.invalid.readOnly.fg,
402
- '--color-input-invalid-readOnly-muted-bg': cardVars.input.invalid.readOnly.muted.bg,
403
- '--color-input-invalid-readOnly-placeholder': cardVars.input.invalid.readOnly.placeholder,
404
- '--color-input-invalid-disabled-bg': cardVars.input.invalid.disabled.bg,
405
- '--color-input-invalid-disabled-border': cardVars.input.invalid.disabled.border,
406
- '--color-input-invalid-disabled-fg': cardVars.input.invalid.disabled.fg,
407
- '--color-input-invalid-disabled-muted-bg': cardVars.input.invalid.disabled.muted.bg,
408
- '--color-input-invalid-disabled-placeholder': cardVars.input.invalid.disabled.placeholder,
409
-
410
- '--color-kbd-bg': cardVars.kbd.bg,
411
- '--color-kbd-border': cardVars.kbd.border,
412
- '--color-kbd-fg': cardVars.kbd.fg,
413
- '--color-link-fg': cardVars.link.fg,
414
- '--color-muted-bg': cardVars.muted.bg,
415
- '--color-muted-fg': cardVars.muted.fg,
416
- // todo: selectable
417
- '--color-shadow-outline': cardVars.shadow.outline,
418
- '--color-shadow-umbra': cardVars.shadow.umbra,
419
- '--color-shadow-penumbra': cardVars.shadow.penumbra,
420
- '--color-shadow-ambient': cardVars.shadow.outline,
421
- '--color-skeleton-from': cardVars.skeleton.from,
422
- '--color-skeleton-to': cardVars.skeleton.to,
423
- // todo: syntax
424
- '--color-syntax-atrule': cardVars.syntax.atrule,
425
- '--color-syntax-attrName': cardVars.syntax.attrName,
426
- '--color-syntax-attrValue': cardVars.syntax.attrValue,
427
- '--color-syntax-attribute': cardVars.syntax.attribute,
428
- '--color-syntax-boolean': cardVars.syntax.boolean,
429
- '--color-syntax-builtin': cardVars.syntax.builtin,
430
- '--color-syntax-cdata': cardVars.syntax.cdata,
431
- '--color-syntax-char': cardVars.syntax.char,
432
- '--color-syntax-class': cardVars.syntax.class,
433
- '--color-syntax-className': cardVars.syntax.className,
434
- '--color-syntax-comment': cardVars.syntax.comment,
435
- '--color-syntax-constant': cardVars.syntax.constant,
436
- '--color-syntax-deleted': cardVars.syntax.deleted,
437
- '--color-syntax-doctype': cardVars.syntax.doctype,
438
- '--color-syntax-entity': cardVars.syntax.entity,
439
- '--color-syntax-function': cardVars.syntax.function,
440
- '--color-syntax-hexcode': cardVars.syntax.hexcode,
441
- '--color-syntax-id': cardVars.syntax.id,
442
- '--color-syntax-important': cardVars.syntax.important,
443
- '--color-syntax-inserted': cardVars.syntax.inserted,
444
- '--color-syntax-keyword': cardVars.syntax.keyword,
445
- '--color-syntax-number': cardVars.syntax.number,
446
- '--color-syntax-operator': cardVars.syntax.operator,
447
- '--color-syntax-prolog': cardVars.syntax.prolog,
448
- '--color-syntax-property': cardVars.syntax.property,
449
- '--color-syntax-pseudoClass': cardVars.syntax.pseudoClass,
450
- '--color-syntax-pseudoElement': cardVars.syntax.pseudoElement,
451
- '--color-syntax-punctuation': cardVars.syntax.punctuation,
452
- '--color-syntax-regex': cardVars.syntax.regex,
453
- '--color-syntax-selector': cardVars.syntax.selector,
454
- '--color-syntax-string': cardVars.syntax.string,
455
- '--color-syntax-symbol': cardVars.syntax.symbol,
456
- '--color-syntax-tag': cardVars.syntax.tag,
457
- '--color-syntax-unit': cardVars.syntax.unit,
458
- '--color-syntax-url': cardVars.syntax.url,
459
- '--color-syntax-variable': cardVars.syntax.variable,
460
- })
461
- }
462
-
463
- function getThemeEntries(
464
- obj: Record<string, unknown> | unknown[],
465
- path: string[] = [],
466
- ): [string, string][] {
467
- const entries: [string, string][] = []
468
-
469
- if (isArray(obj)) {
470
- for (let i = 0; i < obj.length; i++) {
471
- const key = String(i)
472
- const value = obj[i]
473
-
474
- if (isRecord(value) || isArray(value)) {
475
- entries.push(...getThemeEntries(value, [...path, key]))
476
- } else {
477
- entries.push([`--${path.concat(key).join('-')}`, value as string])
478
- }
479
- }
480
- } else {
481
- for (const [key, value] of Object.entries(obj)) {
482
- if (key.startsWith('_')) continue
483
-
484
- if (key === 'button') {
485
- continue
486
- }
487
-
488
- if (key === 'selectable') {
489
- continue
490
- }
491
-
492
- if (isRecord(value) || isArray(value)) {
493
- entries.push(...getThemeEntries(value, [...path, key]))
494
- } else {
495
- entries.push([`--${path.concat(key).join('-')}`, value as string])
496
- }
497
- }
10
+ if (theme.v2) {
11
+ return `/* v2 - not supported */\n`
498
12
  }
499
13
 
500
- return entries
501
- }
502
-
503
- function isRecord(value: unknown): value is Record<string, unknown> {
504
- return value !== null && typeof value === 'object' && !Array.isArray(value)
505
- }
506
-
507
- function isArray(value: unknown): value is unknown[] {
508
- return Array.isArray(value)
14
+ return `/* v0 - not supported */\n`
509
15
  }