@sanity/ui 3.0.0-static.2 → 3.0.0-static.21

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 (829) hide show
  1. package/README.md +7 -6
  2. package/bin/{ui.js → sanity-ui.cjs} +1 -1
  3. package/dist/_chunks-cjs/_visual-editing.cjs +2488 -0
  4. package/dist/_chunks-cjs/_visual-editing.cjs.map +1 -0
  5. package/dist/_chunks-cjs/{refractor.js → refractor.cjs} +1 -2
  6. package/dist/_chunks-cjs/refractor.cjs.map +1 -0
  7. package/dist/_chunks-es/_visual-editing.js +2500 -0
  8. package/dist/_chunks-es/_visual-editing.js.map +1 -0
  9. package/dist/_chunks-es/{refractor.mjs → refractor.js} +1 -2
  10. package/dist/_chunks-es/refractor.js.map +1 -0
  11. package/dist/_visual-editing.cjs +30 -0
  12. package/dist/_visual-editing.cjs.map +1 -0
  13. package/dist/_visual-editing.d.cts +893 -0
  14. package/dist/_visual-editing.d.ts +503 -416
  15. package/dist/_visual-editing.js +29 -30
  16. package/dist/_visual-editing.js.map +1 -1
  17. package/dist/css.cjs +598 -0
  18. package/dist/css.cjs.map +1 -0
  19. package/dist/css.d.cts +14884 -0
  20. package/dist/css.d.ts +14379 -1630
  21. package/dist/css.js +480 -4594
  22. package/dist/css.js.map +1 -1
  23. package/dist/index.cjs +2222 -0
  24. package/dist/index.cjs.map +1 -0
  25. package/dist/{index.d.mts → index.d.cts} +1284 -961
  26. package/dist/index.d.ts +1284 -961
  27. package/dist/index.js +1270 -592
  28. package/dist/index.js.map +1 -1
  29. package/dist/{theme.mjs → theme.cjs} +2843 -2571
  30. package/dist/theme.cjs.map +1 -0
  31. package/dist/{theme.d.mts → theme.d.cts} +331 -311
  32. package/dist/theme.d.ts +331 -311
  33. package/dist/theme.js +2843 -2569
  34. package/dist/theme.js.map +1 -1
  35. package/dist/ui.css +22564 -0
  36. package/exports/_visual-editing.ts +0 -1
  37. package/package.json +84 -79
  38. package/src/cli/buildCommand.ts +3 -41
  39. package/src/cli/index.ts +2 -14
  40. package/src/core/_compat/helpers.ts +72 -0
  41. package/src/core/_compat/index.ts +1 -6
  42. package/src/core/_compat/styles/_responsive.ts +1 -1
  43. package/src/core/_compat/theme/theme.test.tsx +4 -5
  44. package/src/core/_compat/theme/themeColorProvider.tsx +4 -10
  45. package/src/core/_compat/theme/themeContext.ts +5 -5
  46. package/src/core/_compat/theme/themeProvider.tsx +19 -13
  47. package/src/core/_compat/theme/types.ts +2 -4
  48. package/src/core/_compat/theme/useRootTheme.ts +2 -4
  49. package/src/core/_compat/theme/useTheme.ts +3 -7
  50. package/src/core/_compat/types.ts +0 -73
  51. package/src/core/components/autocomplete/__workshop__/async.tsx +6 -6
  52. package/src/core/components/autocomplete/__workshop__/constrainedHeight.tsx +11 -18
  53. package/src/core/components/autocomplete/__workshop__/custom.tsx +21 -20
  54. package/src/core/components/autocomplete/__workshop__/example.tsx +17 -17
  55. package/src/core/components/autocomplete/__workshop__/focusAndBlur.tsx +5 -5
  56. package/src/core/components/autocomplete/__workshop__/fullscreen.tsx +57 -59
  57. package/src/core/components/autocomplete/autocomplete.tsx +106 -140
  58. package/src/core/components/autocomplete/autocompleteOption.tsx +1 -1
  59. package/src/core/components/autocomplete/autocompleteReducer.ts +1 -1
  60. package/src/core/components/autocomplete/constants.ts +1 -1
  61. package/src/core/components/autocomplete/types.ts +4 -9
  62. package/src/core/components/breadcrumbs/__workshop__/example.tsx +2 -3
  63. package/src/core/components/breadcrumbs/breadcrumbs.tsx +32 -28
  64. package/src/core/components/dialog/__workshop__/activate.tsx +4 -4
  65. package/src/core/components/dialog/__workshop__/autoFocus.tsx +2 -2
  66. package/src/core/components/dialog/__workshop__/onScroll.tsx +16 -4
  67. package/src/core/components/dialog/__workshop__/position.tsx +4 -4
  68. package/src/core/components/dialog/__workshop__/props.tsx +7 -7
  69. package/src/core/components/dialog/__workshop__/wrapped.tsx +2 -2
  70. package/src/core/components/dialog/dialog.tsx +104 -304
  71. package/src/core/components/dialog/dialogCard.tsx +190 -0
  72. package/src/core/components/dialog/dialogContext.ts +5 -3
  73. package/src/core/components/dialog/dialogProvider.tsx +6 -7
  74. package/src/core/components/dialog/isTargetWithinScope.ts +14 -0
  75. package/src/core/components/dialog/useDialog.ts +1 -1
  76. package/src/core/components/hotkeys/hotkeys.tsx +41 -27
  77. package/src/core/components/menu/__workshop__/asComponent.tsx +6 -6
  78. package/src/core/components/menu/__workshop__/closableMenuButton.tsx +5 -4
  79. package/src/core/components/menu/__workshop__/constrainedInBoundary.tsx +2 -2
  80. package/src/core/components/menu/__workshop__/customMenuItem.tsx +3 -3
  81. package/src/core/components/menu/__workshop__/disableFocusOnClose.tsx +1 -1
  82. package/src/core/components/menu/__workshop__/groups.tsx +2 -2
  83. package/src/core/components/menu/__workshop__/menuButton.tsx +4 -4
  84. package/src/core/components/menu/__workshop__/menuGroupRight.tsx +1 -1
  85. package/src/core/components/menu/__workshop__/nestedMenu.tsx +1 -1
  86. package/src/core/components/menu/__workshop__/onCloseMenuButton.tsx +13 -4
  87. package/src/core/components/menu/__workshop__/selectedItem.tsx +2 -2
  88. package/src/core/components/menu/__workshop__/tones.tsx +3 -3
  89. package/src/core/components/menu/__workshop__/withoutArrow.tsx +1 -1
  90. package/src/core/components/menu/menu.test.tsx +6 -7
  91. package/src/core/components/menu/menu.tsx +27 -35
  92. package/src/core/components/menu/menuButton.tsx +18 -24
  93. package/src/core/components/menu/menuContext.ts +1 -1
  94. package/src/core/components/menu/menuDivider.tsx +25 -15
  95. package/src/core/components/menu/menuGroup.tsx +39 -33
  96. package/src/core/components/menu/menuItem.tsx +58 -46
  97. package/src/core/components/menu/useMenu.ts +1 -1
  98. package/src/core/components/menu/useMenuController.ts +4 -4
  99. package/src/core/components/skeleton/__workshop__/delay.tsx +3 -3
  100. package/src/core/components/skeleton/__workshop__/skeleton.tsx +4 -4
  101. package/src/core/components/skeleton/codeSkeleton.tsx +49 -0
  102. package/src/core/components/skeleton/headingSkeleton.tsx +48 -0
  103. package/src/core/components/skeleton/index.ts +3 -0
  104. package/src/core/components/skeleton/labelSkeleton.tsx +47 -0
  105. package/src/core/components/skeleton/skeleton.tsx +37 -18
  106. package/src/core/components/skeleton/textSkeleton.tsx +29 -112
  107. package/src/core/components/tab/__workshop__/example.tsx +2 -2
  108. package/src/core/components/tab/tab.tsx +28 -26
  109. package/src/core/components/tab/tabList.tsx +49 -28
  110. package/src/core/components/tab/tabPanel.tsx +29 -22
  111. package/src/core/components/toast/__workshop__/hook.tsx +1 -1
  112. package/src/core/components/toast/__workshop__/toast.tsx +5 -5
  113. package/src/core/components/toast/toast.test.tsx +5 -5
  114. package/src/core/components/toast/toast.tsx +30 -57
  115. package/src/core/components/toast/toastContext.ts +1 -1
  116. package/src/core/components/toast/toastLayer.tsx +29 -13
  117. package/src/core/components/toast/toastProvider.tsx +5 -10
  118. package/src/core/components/toast/types.ts +3 -7
  119. package/src/core/components/toast/useToast.ts +2 -4
  120. package/src/core/components/tree/__workshop__/basic.perf.ts +1 -1
  121. package/src/core/components/tree/__workshop__/basic.tsx +1 -1
  122. package/src/core/components/tree/__workshop__/tabFromElement.tsx +1 -1
  123. package/src/core/components/tree/helpers.ts +1 -1
  124. package/src/core/components/tree/tree.tsx +196 -191
  125. package/src/core/components/tree/treeContext.ts +1 -1
  126. package/src/core/components/tree/treeGroup.tsx +24 -6
  127. package/src/core/components/tree/treeItem.tsx +44 -34
  128. package/src/core/components/tree/types.ts +2 -2
  129. package/src/core/components/tree/useTree.ts +1 -1
  130. package/src/core/constants.ts +6 -0
  131. package/src/core/helpers/props.ts +18 -0
  132. package/src/core/hooks/index.ts +1 -0
  133. package/src/core/hooks/useArrayProp.ts +1 -4
  134. package/src/core/hooks/useClickOutside.test.tsx +15 -16
  135. package/src/core/hooks/useClickOutside.ts +2 -6
  136. package/src/core/hooks/useClickOutsideEvent.test.tsx +4 -5
  137. package/src/core/hooks/useClickOutsideEvent.ts +3 -9
  138. package/src/core/hooks/useDelayed.test.ts +6 -7
  139. package/src/core/hooks/useDelayedState.ts +1 -1
  140. package/src/core/hooks/useElementRect/__workshop__/example.tsx +1 -1
  141. package/src/core/hooks/useElementSize.ts +1 -1
  142. package/src/core/hooks/useForwardedRef.ts +1 -1
  143. package/src/core/hooks/useMatchMedia.ts +13 -31
  144. package/src/core/hooks/useMediaIndex/__workshop__/test.tsx +1 -1
  145. package/src/core/hooks/useMediaIndex/useMediaIndex.test.tsx +3 -18
  146. package/src/core/hooks/useMediaIndex/useMediaIndex.ts +12 -12
  147. package/src/core/hooks/usePrefersDark.hydration.test.tsx +4 -4
  148. package/src/core/hooks/usePrefersDark.test.tsx +1 -0
  149. package/src/core/hooks/usePrefersReducedMotion.hydration.test.tsx +4 -4
  150. package/src/core/hooks/usePrefersReducedMotion.test.tsx +1 -0
  151. package/src/core/hooks/useResponsiveProp.ts +28 -0
  152. package/src/core/index.ts +0 -1
  153. package/src/core/lib/isArray.ts +3 -0
  154. package/src/core/middleware/origin.ts +1 -1
  155. package/src/core/primitives/_selectable/selectable.tsx +33 -24
  156. package/src/core/primitives/avatar/__workshop__/asButton.tsx +2 -2
  157. package/src/core/primitives/avatar/__workshop__/stack.tsx +2 -2
  158. package/src/core/primitives/avatar/__workshop__/withinButton.tsx +2 -2
  159. package/src/core/primitives/avatar/__workshop__/withinMenuItem.tsx +1 -1
  160. package/src/core/primitives/avatar/avatar.tsx +43 -48
  161. package/src/core/primitives/avatar/avatarCounter.tsx +46 -39
  162. package/src/core/primitives/avatar/avatarStack.tsx +44 -45
  163. package/src/core/primitives/avatar/types.ts +3 -3
  164. package/src/core/primitives/badge/__workshop__/props.tsx +6 -17
  165. package/src/core/primitives/badge/__workshop__/tones.tsx +1 -6
  166. package/src/core/primitives/badge/badge.test.tsx +2 -3
  167. package/src/core/primitives/badge/badge.tsx +34 -40
  168. package/src/core/primitives/badge/types.ts +2 -1
  169. package/src/core/primitives/box/__workshop__/props.tsx +2 -2
  170. package/src/core/primitives/box/__workshop__/responsive.tsx +2 -1
  171. package/src/core/primitives/box/box.tsx +153 -88
  172. package/src/core/primitives/button/__workshop__/custom.tsx +19 -42
  173. package/src/core/primitives/button/__workshop__/customIcons.tsx +3 -3
  174. package/src/core/primitives/button/__workshop__/disabled.tsx +9 -9
  175. package/src/core/primitives/button/__workshop__/props.tsx +19 -22
  176. package/src/core/primitives/button/__workshop__/sanityUploadButton.tsx +3 -3
  177. package/src/core/primitives/button/__workshop__/stacked.tsx +15 -16
  178. package/src/core/primitives/button/__workshop__/uploadButton.tsx +2 -1
  179. package/src/core/primitives/button/button.test.tsx +3 -18
  180. package/src/core/primitives/button/button.tsx +67 -76
  181. package/src/core/primitives/card/__workshop__/asButton.tsx +14 -14
  182. package/src/core/primitives/card/__workshop__/asComponent.tsx +3 -3
  183. package/src/core/primitives/card/__workshop__/checkered.tsx +1 -1
  184. package/src/core/primitives/card/__workshop__/index.ts +1 -1
  185. package/src/core/primitives/card/__workshop__/interactive.tsx +3 -4
  186. package/src/core/primitives/card/__workshop__/listNavigation.tsx +3 -3
  187. package/src/core/primitives/card/__workshop__/props.tsx +14 -17
  188. package/src/core/primitives/card/__workshop__/selected.tsx +10 -41
  189. package/src/core/primitives/card/__workshop__/{allTones.tsx → tones.tsx} +3 -3
  190. package/src/core/primitives/card/card.tsx +52 -48
  191. package/src/core/primitives/card/cardContext.ts +10 -0
  192. package/src/core/primitives/card/cardProvider.tsx +27 -0
  193. package/src/core/primitives/card/index.ts +2 -0
  194. package/src/core/primitives/card/types.ts +19 -3
  195. package/src/core/primitives/card/useCard.ts +9 -0
  196. package/src/core/primitives/checkbox/__workshop__/props.tsx +6 -4
  197. package/src/core/primitives/checkbox/__workshop__/tones.tsx +11 -20
  198. package/src/core/primitives/checkbox/checkbox.tsx +30 -23
  199. package/src/core/primitives/code/__workshop__/opticalAlignment.tsx +1 -1
  200. package/src/core/primitives/code/__workshop__/props.tsx +4 -7
  201. package/src/core/primitives/code/code.tsx +27 -30
  202. package/src/core/primitives/code/refractor.tsx +0 -2
  203. package/src/core/primitives/container/__workshop__/example.tsx +2 -2
  204. package/src/core/primitives/container/container.tsx +27 -25
  205. package/src/core/primitives/flex/__workshop__/example.tsx +2 -2
  206. package/src/core/primitives/flex/flex.tsx +44 -17
  207. package/src/core/primitives/grid/grid.tsx +20 -17
  208. package/src/core/primitives/heading/__workshop__/opticalAlignment.tsx +2 -2
  209. package/src/core/primitives/heading/__workshop__/plain.tsx +12 -15
  210. package/src/core/primitives/heading/heading.tsx +51 -33
  211. package/src/core/primitives/inline/__workshop__/plain.tsx +2 -5
  212. package/src/core/primitives/inline/inline.tsx +46 -27
  213. package/src/core/primitives/inline/types.ts +1 -0
  214. package/src/core/primitives/kbd/kbd.tsx +28 -28
  215. package/src/core/primitives/label/__workshop__/plain.tsx +8 -17
  216. package/src/core/primitives/label/label.tsx +49 -39
  217. package/src/core/primitives/popover/__workshop__/AlignedStory.tsx +6 -6
  218. package/src/core/primitives/popover/__workshop__/MatchReferenceWidthStory.tsx +3 -3
  219. package/src/core/primitives/popover/__workshop__/OpenOnMountStory.tsx +1 -1
  220. package/src/core/primitives/popover/__workshop__/PlainStory.tsx +3 -3
  221. package/src/core/primitives/popover/__workshop__/RecursiveStory.tsx +3 -4
  222. package/src/core/primitives/popover/__workshop__/SidePanelStory.tsx +10 -6
  223. package/src/core/primitives/popover/__workshop__/TestStory.tsx +5 -4
  224. package/src/core/primitives/popover/constants.ts +1 -1
  225. package/src/core/primitives/popover/floating-ui/size.ts +2 -2
  226. package/src/core/primitives/popover/helpers.ts +1 -1
  227. package/src/core/primitives/popover/popover.tsx +299 -335
  228. package/src/core/primitives/popover/popoverLayer.tsx +147 -0
  229. package/src/core/primitives/popover/types.ts +3 -2
  230. package/src/core/primitives/radio/__workshop__/example.tsx +3 -3
  231. package/src/core/primitives/radio/__workshop__/plain.tsx +3 -3
  232. package/src/core/primitives/radio/radio.tsx +34 -19
  233. package/src/core/primitives/select/__workshop__/plain.tsx +15 -6
  234. package/src/core/primitives/select/__workshop__/readOnly.tsx +1 -1
  235. package/src/core/primitives/select/select.tsx +28 -28
  236. package/src/core/primitives/spinner/__workshop__/Props.tsx +4 -5
  237. package/src/core/primitives/spinner/animatedSpinnerIcon.tsx +7 -9
  238. package/src/core/primitives/spinner/spinner.tsx +27 -15
  239. package/src/core/primitives/stack/__workshop__/plain.tsx +2 -2
  240. package/src/core/primitives/stack/stack.tsx +44 -20
  241. package/src/core/primitives/switch/switch.tsx +31 -17
  242. package/src/core/primitives/text/__workshop__/colored.tsx +6 -6
  243. package/src/core/primitives/text/__workshop__/example.tsx +9 -20
  244. package/src/core/primitives/text/__workshop__/opticalAlignment.tsx +1 -1
  245. package/src/core/primitives/text/text.tsx +52 -44
  246. package/src/core/primitives/textArea/__workshop__/plain.tsx +44 -33
  247. package/src/core/primitives/textArea/textArea.tsx +47 -22
  248. package/src/core/primitives/textInput/__workshop__/customValidity.tsx +2 -2
  249. package/src/core/primitives/textInput/__workshop__/plain.tsx +36 -30
  250. package/src/core/primitives/textInput/__workshop__/states.tsx +5 -5
  251. package/src/core/primitives/textInput/__workshop__/tones.tsx +2 -2
  252. package/src/core/primitives/textInput/__workshop__/typed.tsx +2 -2
  253. package/src/core/primitives/textInput/textInput.tsx +80 -106
  254. package/src/core/primitives/tooltip/__workshop__/customPortal.tsx +5 -5
  255. package/src/core/primitives/tooltip/__workshop__/overflowingBoundary.tsx +2 -2
  256. package/src/core/primitives/tooltip/__workshop__/props.tsx +9 -8
  257. package/src/core/primitives/tooltip/__workshop__/resizableBoundary.tsx +1 -1
  258. package/src/core/primitives/tooltip/constants.ts +1 -1
  259. package/src/core/primitives/tooltip/tooltip.test.tsx +61 -60
  260. package/src/core/primitives/tooltip/tooltip.tsx +107 -90
  261. package/src/core/primitives/tooltip/tooltipDelayGroup/tooltipDelayGroupContext.tsx +1 -1
  262. package/src/core/primitives/tooltip/tooltipDelayGroup/tooltipDelayGroupProvider.tsx +3 -5
  263. package/src/core/primitives/tooltip/tooltipDelayGroup/useTooltipDelayGroup.ts +1 -1
  264. package/src/core/primitives/tooltip/tooltipLayer.tsx +105 -0
  265. package/src/core/primitives/types.ts +19 -30
  266. package/src/core/types/avatar.ts +3 -6
  267. package/src/core/types/badge.ts +2 -4
  268. package/src/core/types/button.ts +2 -4
  269. package/src/core/types/card.ts +2 -4
  270. package/src/core/types/dialog.ts +1 -3
  271. package/src/core/types/flex.ts +3 -3
  272. package/src/core/types/props.ts +20 -10
  273. package/src/core/types/selectable.ts +1 -1
  274. package/src/core/utils/arrow/arrow.tsx +43 -28
  275. package/src/core/utils/boundaryElement/boundaryElement.test.tsx +5 -5
  276. package/src/core/utils/boundaryElement/boundaryElementContext.ts +1 -1
  277. package/src/core/utils/boundaryElement/boundaryElementProvider.tsx +4 -10
  278. package/src/core/utils/boundaryElement/types.ts +1 -3
  279. package/src/core/utils/boundaryElement/useBoundaryElement.ts +2 -4
  280. package/src/core/utils/elementQuery/__workshop__/customMedia.tsx +15 -8
  281. package/src/core/utils/elementQuery/elementQuery.tsx +41 -19
  282. package/src/core/utils/errorBoundary.tsx +6 -4
  283. package/src/core/utils/index.ts +0 -1
  284. package/src/core/utils/layer/__workshop__/multipleRoots.tsx +5 -5
  285. package/src/core/utils/layer/__workshop__/nested.tsx +3 -3
  286. package/src/core/utils/layer/__workshop__/responsiveZOffset.tsx +9 -5
  287. package/src/core/utils/layer/getLayerContext.test.ts +3 -1
  288. package/src/core/utils/layer/getLayerContext.ts +1 -1
  289. package/src/core/utils/layer/layer.test.tsx +5 -5
  290. package/src/core/utils/layer/layer.tsx +25 -95
  291. package/src/core/utils/layer/layerCard.tsx +90 -0
  292. package/src/core/utils/layer/layerContext.ts +1 -1
  293. package/src/core/utils/layer/layerProvider.tsx +20 -17
  294. package/src/core/utils/layer/useLayer.ts +2 -4
  295. package/src/core/utils/portal/__workshop__/named.tsx +3 -3
  296. package/src/core/utils/portal/portal.test.tsx +5 -5
  297. package/src/core/utils/portal/{portal.ts → portal.tsx} +17 -11
  298. package/src/core/utils/portal/portalContext.ts +1 -1
  299. package/src/core/utils/portal/portalProvider.tsx +4 -10
  300. package/src/core/utils/portal/types.ts +1 -3
  301. package/src/core/utils/portal/usePortal.ts +2 -4
  302. package/src/core/utils/srOnly/srOnly.tsx +25 -27
  303. package/src/core/utils/virtualList/__workshop__/infiniteList.tsx +1 -1
  304. package/src/core/utils/virtualList/virtualList.tsx +71 -55
  305. package/src/css/__theme/index.ts +16 -0
  306. package/src/css/__theme/lib/contract/buildVarContract.ts +78 -0
  307. package/src/css/__theme/lib/contract/index.ts +4 -0
  308. package/src/css/__theme/lib/contract/types.ts +17 -0
  309. package/src/css/__theme/resolveTheme.ts +865 -0
  310. package/src/css/_assign.ts +3 -0
  311. package/src/css/_composeClassNames.ts +12 -0
  312. package/src/css/_fromEntries.ts +3 -0
  313. package/src/css/_getClassNames.ts +9 -0
  314. package/src/css/_responsiveClassName.ts +45 -0
  315. package/src/css/_responsiveStyle.css.ts +34 -0
  316. package/src/css/_style.css.ts +9 -0
  317. package/src/css/components/breadcrumbs/breadcrumbs.css.ts +6 -0
  318. package/src/css/components/breadcrumbs/breadcrumbs.ts +5 -3
  319. package/src/css/components/dialog/dialog.css.ts +81 -0
  320. package/src/css/components/dialog/dialog.ts +20 -11
  321. package/src/css/components/index.ts +6 -0
  322. package/src/css/components/menu/menu.css.ts +14 -0
  323. package/src/css/components/menu/menu.ts +8 -5
  324. package/src/css/components/skeleton/skeleton.css.ts +132 -0
  325. package/src/css/components/skeleton/skeleton.ts +14 -9
  326. package/src/css/components/skeleton/types.ts +13 -5
  327. package/src/css/components/toast/toast.css.ts +16 -0
  328. package/src/css/components/toast/toast.ts +5 -15
  329. package/src/css/components/tree/tree.css.ts +65 -0
  330. package/src/css/components/tree/tree.ts +5 -3
  331. package/src/css/constants.ts +10 -0
  332. package/src/css/defaultTheme.css.ts +468 -0
  333. package/src/css/index.ts +12 -38
  334. package/src/css/layers.css.ts +9 -0
  335. package/src/css/primitives/_arrow/_arrow.css.ts +68 -0
  336. package/src/css/primitives/_arrow/_arrow.ts +18 -6
  337. package/src/css/primitives/_input/_input.css.ts +258 -0
  338. package/src/css/primitives/_input/input.ts +17 -14
  339. package/src/css/primitives/_input/types.ts +3 -3
  340. package/src/css/primitives/_selectable/_selectable.css.ts +121 -0
  341. package/src/css/primitives/_selectable/selectable.ts +5 -5
  342. package/src/css/primitives/_selectable/types.ts +3 -2
  343. package/src/css/primitives/avatar/avatar.css.ts +175 -0
  344. package/src/css/primitives/avatar/avatar.ts +52 -11
  345. package/src/css/primitives/avatar/types.ts +5 -3
  346. package/src/css/primitives/badge/badge.css.ts +26 -0
  347. package/src/css/primitives/badge/badge.ts +4 -4
  348. package/src/css/primitives/badge/types.ts +5 -4
  349. package/src/css/primitives/box/box.css.ts +19 -0
  350. package/src/css/primitives/box/box.ts +52 -16
  351. package/src/css/primitives/box/types.ts +46 -22
  352. package/src/css/primitives/button/button.css.ts +285 -0
  353. package/src/css/primitives/button/button.ts +15 -33
  354. package/src/css/primitives/button/index.ts +1 -0
  355. package/src/css/primitives/button/types.ts +19 -0
  356. package/src/css/primitives/card/card.css.ts +365 -0
  357. package/src/css/primitives/card/card.ts +9 -12
  358. package/src/css/primitives/card/types.ts +4 -6
  359. package/src/css/primitives/checkbox/checkbox.css.ts +193 -0
  360. package/src/css/primitives/checkbox/checkbox.ts +13 -5
  361. package/src/css/primitives/code/code.css.ts +271 -0
  362. package/src/css/primitives/code/code.ts +13 -5
  363. package/src/css/primitives/code/types.ts +4 -3
  364. package/src/css/primitives/container/container.css.ts +4 -0
  365. package/src/css/primitives/container/container.ts +12 -4
  366. package/src/css/primitives/container/types.ts +4 -2
  367. package/src/css/primitives/heading/heading.css.ts +85 -0
  368. package/src/css/primitives/heading/heading.ts +13 -11
  369. package/src/css/primitives/heading/types.ts +6 -3
  370. package/src/css/primitives/index.ts +24 -0
  371. package/src/css/primitives/kbd/kbd.css.ts +16 -0
  372. package/src/css/primitives/kbd/kbd.ts +6 -4
  373. package/src/css/primitives/kbd/types.ts +2 -3
  374. package/src/css/primitives/label/label.css.ts +85 -0
  375. package/src/css/primitives/label/label.ts +13 -10
  376. package/src/css/primitives/label/types.ts +13 -5
  377. package/src/css/primitives/popover/popover.css.ts +6 -0
  378. package/src/css/primitives/popover/popover.ts +10 -3
  379. package/src/css/primitives/radio/radio.css.ts +78 -0
  380. package/src/css/primitives/radio/radio.ts +15 -3
  381. package/src/css/primitives/select/select.css.ts +24 -0
  382. package/src/css/primitives/select/select.ts +7 -4
  383. package/src/css/primitives/select/types.ts +1 -1
  384. package/src/css/primitives/spinner/index.ts +1 -0
  385. package/src/css/primitives/spinner/spinner.css.ts +23 -0
  386. package/src/css/primitives/spinner/spinner.ts +9 -5
  387. package/src/css/primitives/spinner/types.ts +4 -0
  388. package/src/css/primitives/stack/index.ts +1 -0
  389. package/src/css/primitives/stack/stack.css.ts +6 -0
  390. package/src/css/primitives/stack/stack.ts +7 -0
  391. package/src/css/primitives/switch/switch.css.ts +98 -0
  392. package/src/css/primitives/switch/switch.ts +13 -7
  393. package/src/css/primitives/text/text.css.ts +85 -0
  394. package/src/css/primitives/text/text.ts +13 -11
  395. package/src/css/primitives/text/types.ts +9 -3
  396. package/src/css/primitives/textArea/textArea.css.ts +4 -0
  397. package/src/css/primitives/textArea/textArea.ts +5 -3
  398. package/src/css/primitives/textArea/types.ts +5 -3
  399. package/src/css/primitives/textInput/textInput.css.ts +41 -0
  400. package/src/css/primitives/textInput/textInput.ts +20 -4
  401. package/src/css/primitives/textInput/types.ts +3 -7
  402. package/src/css/primitives/tooltip/index.ts +1 -0
  403. package/src/css/primitives/tooltip/tooltip.css.ts +6 -0
  404. package/src/css/primitives/tooltip/tooltip.ts +8 -7
  405. package/src/css/primitives/tooltip/types.ts +4 -0
  406. package/src/css/props/alignItems/alignItems.css.ts +22 -0
  407. package/src/css/props/alignItems/alignItems.ts +8 -0
  408. package/src/css/props/alignItems/index.ts +2 -0
  409. package/src/css/props/alignItems/types.ts +9 -0
  410. package/src/css/props/border/border.css.ts +65 -0
  411. package/src/css/props/border/border.ts +36 -0
  412. package/src/css/props/border/types.ts +13 -0
  413. package/src/css/props/boxSizing/boxSizing.css.ts +11 -0
  414. package/src/css/props/boxSizing/boxSizing.ts +10 -0
  415. package/src/css/props/boxSizing/index.ts +2 -0
  416. package/src/css/props/boxSizing/types.ts +7 -0
  417. package/src/css/props/display/display.css.ts +56 -0
  418. package/src/css/props/display/display.ts +17 -0
  419. package/src/css/{styles → props}/display/types.ts +3 -4
  420. package/src/css/props/flex/flex.css.ts +52 -0
  421. package/src/css/props/flex/flex.ts +8 -0
  422. package/src/css/props/flex/types.ts +9 -0
  423. package/src/css/props/flexDirection/flexDirection.css.ts +19 -0
  424. package/src/css/props/flexDirection/flexDirection.ts +8 -0
  425. package/src/css/props/flexDirection/index.ts +2 -0
  426. package/src/css/props/flexDirection/types.ts +9 -0
  427. package/src/css/props/flexWrap/flexWrap.css.ts +16 -0
  428. package/src/css/props/flexWrap/flexWrap.ts +8 -0
  429. package/src/css/props/flexWrap/index.ts +2 -0
  430. package/src/css/props/flexWrap/types.ts +9 -0
  431. package/src/css/props/font/font.css.ts +93 -0
  432. package/src/css/props/font/font.ts +8 -0
  433. package/src/css/props/font/types.ts +6 -0
  434. package/src/css/props/gap/gap.css.ts +40 -0
  435. package/src/css/props/gap/gap.ts +13 -0
  436. package/src/css/{styles → props}/gap/types.ts +2 -2
  437. package/src/css/props/gridAutoColumns/gridAutoColumns.css.ts +19 -0
  438. package/src/css/props/gridAutoColumns/gridAutoColumns.ts +8 -0
  439. package/src/css/props/gridAutoColumns/index.ts +2 -0
  440. package/src/css/props/gridAutoColumns/types.ts +19 -0
  441. package/src/css/props/gridAutoFlow/gridAutoFlow.css.ts +19 -0
  442. package/src/css/props/gridAutoFlow/gridAutoFlow.ts +8 -0
  443. package/src/css/props/gridAutoFlow/index.ts +2 -0
  444. package/src/css/props/gridAutoFlow/types.ts +13 -0
  445. package/src/css/props/gridAutoRows/gridAutoRows.css.ts +19 -0
  446. package/src/css/props/gridAutoRows/gridAutoRows.ts +8 -0
  447. package/src/css/props/gridAutoRows/index.ts +2 -0
  448. package/src/css/props/gridAutoRows/types.ts +13 -0
  449. package/src/css/props/gridColumn/gridColumn.css.ts +49 -0
  450. package/src/css/props/gridColumn/gridColumn.ts +8 -0
  451. package/src/css/props/gridColumn/index.ts +2 -0
  452. package/src/css/props/gridColumn/types.ts +19 -0
  453. package/src/css/props/gridColumnEnd/gridColumnEnd.css.ts +46 -0
  454. package/src/css/props/gridColumnEnd/gridColumnEnd.ts +8 -0
  455. package/src/css/props/gridColumnEnd/index.ts +2 -0
  456. package/src/css/props/gridColumnEnd/types.ts +19 -0
  457. package/src/css/props/gridColumnStart/gridColumnStart.css.ts +46 -0
  458. package/src/css/props/gridColumnStart/gridColumnStart.ts +11 -0
  459. package/src/css/props/gridColumnStart/index.ts +2 -0
  460. package/src/css/props/gridColumnStart/types.ts +19 -0
  461. package/src/css/props/gridRow/gridRow.css.ts +49 -0
  462. package/src/css/props/gridRow/gridRow.ts +8 -0
  463. package/src/css/props/gridRow/index.ts +2 -0
  464. package/src/css/props/gridRow/types.ts +19 -0
  465. package/src/css/props/gridRowEnd/gridRowEnd.css.ts +46 -0
  466. package/src/css/props/gridRowEnd/gridRowEnd.ts +8 -0
  467. package/src/css/props/gridRowEnd/index.ts +2 -0
  468. package/src/css/props/gridRowEnd/types.ts +19 -0
  469. package/src/css/props/gridRowStart/gridRowStart.css.ts +46 -0
  470. package/src/css/props/gridRowStart/gridRowStart.ts +8 -0
  471. package/src/css/props/gridRowStart/index.ts +2 -0
  472. package/src/css/props/gridRowStart/types.ts +19 -0
  473. package/src/css/props/gridTemplateColumns/gridTemplateColumns.css.ts +43 -0
  474. package/src/css/props/gridTemplateColumns/gridTemplateColumns.ts +8 -0
  475. package/src/css/props/gridTemplateColumns/index.ts +2 -0
  476. package/src/css/props/gridTemplateColumns/types.ts +19 -0
  477. package/src/css/props/gridTemplateRows/gridTemplateRows.css.ts +43 -0
  478. package/src/css/props/gridTemplateRows/gridTemplateRows.ts +8 -0
  479. package/src/css/props/gridTemplateRows/index.ts +2 -0
  480. package/src/css/props/gridTemplateRows/types.ts +19 -0
  481. package/src/css/props/height/height.css.ts +25 -0
  482. package/src/css/props/height/height.ts +8 -0
  483. package/src/css/props/height/index.ts +2 -0
  484. package/src/css/props/height/types.ts +15 -0
  485. package/src/css/props/index.ts +37 -0
  486. package/src/css/props/inset/inset.css.ts +37 -0
  487. package/src/css/props/inset/inset.ts +21 -0
  488. package/src/css/{styles → props}/inset/types.ts +1 -1
  489. package/src/css/props/justifyContent/index.ts +2 -0
  490. package/src/css/props/justifyContent/justifyContent.css.ts +25 -0
  491. package/src/css/props/justifyContent/justifyContent.ts +8 -0
  492. package/src/css/props/justifyContent/types.ts +15 -0
  493. package/src/css/props/margin/margin.css.ts +117 -0
  494. package/src/css/props/margin/margin.ts +25 -0
  495. package/src/css/props/margin/types.ts +17 -0
  496. package/src/css/props/maxWidth/maxWidth.css.ts +32 -0
  497. package/src/css/props/maxWidth/maxWidth.ts +8 -0
  498. package/src/css/props/maxWidth/types.ts +11 -0
  499. package/src/css/props/minHeight/index.ts +2 -0
  500. package/src/css/props/minHeight/minHeight.css.ts +13 -0
  501. package/src/css/props/minHeight/minHeight.ts +8 -0
  502. package/src/css/props/minHeight/types.ts +9 -0
  503. package/src/css/props/minWidth/index.ts +2 -0
  504. package/src/css/props/minWidth/minWidth.css.ts +25 -0
  505. package/src/css/props/minWidth/minWidth.ts +8 -0
  506. package/src/css/props/minWidth/types.ts +9 -0
  507. package/src/css/props/outline/index.ts +2 -0
  508. package/src/css/props/outline/outline.css.ts +10 -0
  509. package/src/css/props/outline/outline.ts +8 -0
  510. package/src/css/props/outline/types.ts +7 -0
  511. package/src/css/props/overflow/overflow.css.ts +16 -0
  512. package/src/css/props/overflow/overflow.ts +8 -0
  513. package/src/css/props/overflow/types.ts +17 -0
  514. package/src/css/props/padding/padding.css.ts +87 -0
  515. package/src/css/props/padding/padding.ts +25 -0
  516. package/src/css/props/padding/types.ts +17 -0
  517. package/src/css/props/pointerEvents/pointerEvents.css.ts +13 -0
  518. package/src/css/props/pointerEvents/pointerEvents.ts +8 -0
  519. package/src/css/props/position/position.css.ts +22 -0
  520. package/src/css/props/position/position.ts +8 -0
  521. package/src/css/{styles → props}/position/types.ts +1 -1
  522. package/src/css/props/radius/radius.css.ts +21 -0
  523. package/src/css/props/radius/radius.ts +8 -0
  524. package/src/css/props/radius/types.ts +8 -0
  525. package/src/css/props/shadow/shadow.css.ts +23 -0
  526. package/src/css/props/shadow/shadow.ts +8 -0
  527. package/src/css/props/shadow/types.ts +8 -0
  528. package/src/css/props/textAlign/index.ts +2 -0
  529. package/src/css/props/textAlign/textAlign.css.ts +22 -0
  530. package/src/css/props/textAlign/textAlign.ts +8 -0
  531. package/src/css/props/textAlign/types.ts +7 -0
  532. package/src/css/props/textOverflow/textOverflow.css.ts +13 -0
  533. package/src/css/props/textOverflow/textOverflow.ts +8 -0
  534. package/src/css/{styles → props}/textOverflow/types.ts +5 -1
  535. package/src/css/props/width/types.ts +11 -0
  536. package/src/css/props/width/width.css.ts +28 -0
  537. package/src/css/props/width/width.ts +8 -0
  538. package/src/css/types.ts +221 -766
  539. package/src/css/util.ts +3 -8
  540. package/src/css/utils/index.ts +1 -0
  541. package/src/css/utils/srOnly/srOnly.css.ts +10 -0
  542. package/src/css/utils/srOnly/srOnly.ts +5 -3
  543. package/src/css/vars.css.ts +676 -0
  544. package/src/theme/getScopedTheme.ts +4 -4
  545. package/src/theme/index.ts +0 -5
  546. package/src/theme/types.ts +6 -10
  547. package/src/theme/v0/color/_generic.ts +1 -1
  548. package/src/theme/v0/color/button.ts +1 -1
  549. package/src/theme/v0/color/card.ts +1 -1
  550. package/src/theme/v0/color/color.ts +11 -11
  551. package/src/theme/v0/color/input.ts +1 -1
  552. package/src/theme/v0/color/muted.ts +1 -1
  553. package/src/theme/v0/color/selectable.ts +1 -1
  554. package/src/theme/v0/color/solid.ts +1 -1
  555. package/src/theme/v0/color/spot.ts +1 -1
  556. package/src/theme/v0/focusRing.ts +1 -3
  557. package/src/theme/v0/font.ts +6 -19
  558. package/src/theme/v0/layer.ts +1 -3
  559. package/src/theme/v0/shadow.ts +2 -6
  560. package/src/theme/v0/styles.ts +1 -1
  561. package/src/theme/v0/theme.ts +7 -7
  562. package/src/theme/v2/avatar.ts +2 -4
  563. package/src/theme/{build → v2/build}/_deprecated/color/_selectable/createSelectableTones.ts +3 -3
  564. package/src/theme/{build → v2/build}/_deprecated/color/_solid/createSolidTones.ts +2 -2
  565. package/src/theme/{build → v2/build}/_deprecated/color/button/createButtonModes.ts +7 -2
  566. package/src/theme/{build → v2/build}/_deprecated/color/button/createButtonTones.ts +4 -4
  567. package/src/theme/{build → v2/build}/_deprecated/color/card/createCardStates.ts +3 -3
  568. package/src/theme/{build → v2/build}/_deprecated/color/color.test.ts +1 -1
  569. package/src/theme/{build → v2/build}/_deprecated/color/defaults.ts +1 -1
  570. package/src/theme/{build → v2/build}/_deprecated/color/factory.ts +3 -3
  571. package/src/theme/{build → v2/build}/_deprecated/color/input/createInputModes.ts +7 -2
  572. package/src/theme/{build → v2/build}/_deprecated/color/muted/createMuted.ts +2 -2
  573. package/src/theme/{build → v2/build}/_deprecated/color/spot/createSpot.ts +2 -2
  574. package/src/theme/{build → v2/build}/buildColorTheme.test.ts +3 -1
  575. package/src/theme/{build → v2/build}/buildColorTheme.ts +24 -24
  576. package/src/theme/{build → v2/build}/buildTheme.test.ts +10 -8
  577. package/src/theme/v2/build/buildTheme.ts +12 -0
  578. package/src/theme/{build → v2/build}/colorToken/colorToken.ts +2 -2
  579. package/src/theme/{build → v2/build}/colorToken/compileColorToken.ts +1 -1
  580. package/src/theme/{build → v2/build}/colorToken/types.ts +2 -2
  581. package/src/theme/{build → v2/build}/lib/color-fns/blend/mix.ts +1 -1
  582. package/src/theme/{build → v2/build}/lib/color-fns/blend/multiply.ts +1 -1
  583. package/src/theme/{build → v2/build}/lib/color-fns/blend/screen.ts +1 -1
  584. package/src/theme/{build → v2/build}/lib/color-fns/color-fns.test.ts +1 -1
  585. package/src/theme/{build → v2/build}/lib/color-fns/contrastRatio.ts +5 -2
  586. package/src/theme/{build → v2/build}/lib/color-fns/convert.ts +1 -1
  587. package/src/theme/{build → v2/build}/lib/color-fns/parse.ts +1 -1
  588. package/src/theme/{build → v2/build}/mixThemeColor.test.ts +2 -0
  589. package/src/theme/{build → v2/build}/mixThemeColor.ts +1 -1
  590. package/src/theme/{build → v2/build}/renderColorTheme.ts +27 -27
  591. package/src/theme/{build → v2/build}/renderColorValue.ts +3 -3
  592. package/src/theme/{build → v2/build}/resolveColorTokens.ts +13 -13
  593. package/src/theme/v2/color/_helpers.ts +2 -2
  594. package/src/theme/v2/color/_system.ts +2 -4
  595. package/src/theme/v2/color/avatar.ts +3 -7
  596. package/src/theme/v2/color/badge.ts +3 -7
  597. package/src/theme/v2/color/button.ts +5 -11
  598. package/src/theme/v2/color/color.ts +10 -16
  599. package/src/theme/v2/color/input.ts +8 -10
  600. package/src/theme/v2/color/kbd.ts +1 -3
  601. package/src/theme/v2/color/selectable.ts +4 -8
  602. package/src/theme/v2/color/state.ts +5 -7
  603. package/src/theme/v2/color/syntax.ts +1 -3
  604. package/src/theme/{config → v2/config}/helpers.ts +6 -13
  605. package/src/theme/{config → v2/config}/system.ts +11 -12
  606. package/src/theme/{config → v2/config}/tokens/color/types.ts +14 -10
  607. package/src/theme/{config → v2/config}/tokens/index.ts +0 -1
  608. package/src/theme/{config → v2/config}/tokens/parseTokenValue.test.ts +2 -0
  609. package/src/theme/{config → v2/config}/tokens/parseTokenValue.ts +2 -2
  610. package/src/theme/{config → v2/config}/tokens/types.ts +3 -3
  611. package/src/theme/{config → v2/config}/types.ts +8 -6
  612. package/src/theme/{defaults → v2/defaults}/colorPalette.ts +1 -1
  613. package/src/theme/{defaults → v2/defaults}/colorTokens.ts +3 -3
  614. package/src/theme/{defaults → v2/defaults}/config.ts +2 -2
  615. package/src/theme/{defaults → v2/defaults}/fonts.ts +5 -6
  616. package/src/theme/v2/index.ts +2 -0
  617. package/src/theme/v2/input.ts +2 -4
  618. package/src/theme/v2/theme.ts +10 -14
  619. package/src/theme/{_constants.ts → v3/_constants.ts} +6 -3
  620. package/src/theme/v3/{color/parseColor.ts → _parseColorToken.ts} +59 -46
  621. package/src/theme/v3/buildTheme_v3.ts +20 -11
  622. package/src/theme/v3/color/_constants.ts +15 -0
  623. package/src/theme/v3/color/avatar.ts +14 -0
  624. package/src/theme/v3/color/card.ts +58 -95
  625. package/src/theme/v3/color/color.ts +75 -71
  626. package/src/theme/v3/color/element.ts +8 -8
  627. package/src/theme/v3/color/index.ts +2 -2
  628. package/src/theme/v3/color/token.ts +19 -4
  629. package/src/theme/v3/color/tokens.ts +2 -2
  630. package/src/theme/v3/defaultFonts.ts +250 -0
  631. package/src/theme/v3/defaultTokens.ts +199 -0
  632. package/src/theme/v3/index.ts +4 -1
  633. package/src/theme/{palette → v3/palette}/constants.ts +3 -3
  634. package/src/theme/v3/palette/types.ts +7 -0
  635. package/src/theme/v3/resolveTokens.ts +70 -65
  636. package/src/theme/v3/tokens.ts +2 -2
  637. package/src/theme/v3/types.ts +97 -12
  638. package/src/theme/versioning/getTheme_v2.ts +3 -3
  639. package/src/theme/versioning/is_v0.ts +2 -2
  640. package/src/theme/versioning/is_v2.ts +2 -2
  641. package/src/theme/versioning/themeColor_v0_v2.ts +2 -2
  642. package/src/theme/versioning/themeColor_v2_v2_9.ts +1 -1
  643. package/src/theme/versioning/themeColor_v3_v2.ts +229 -52
  644. package/src/theme/versioning/v0_v2.ts +3 -3
  645. package/src/theme/versioning/v2_v0.ts +4 -4
  646. package/src/theme/versioning/v3_v2.ts +62 -40
  647. package/dist/_chunks-cjs/_visual-editing.js +0 -3059
  648. package/dist/_chunks-cjs/_visual-editing.js.map +0 -1
  649. package/dist/_chunks-cjs/buildCommand.js +0 -32
  650. package/dist/_chunks-cjs/buildCommand.js.map +0 -1
  651. package/dist/_chunks-cjs/refractor.js.map +0 -1
  652. package/dist/_chunks-cjs/v3_v2.js +0 -251
  653. package/dist/_chunks-cjs/v3_v2.js.map +0 -1
  654. package/dist/_chunks-es/_visual-editing.mjs +0 -3066
  655. package/dist/_chunks-es/_visual-editing.mjs.map +0 -1
  656. package/dist/_chunks-es/refractor.mjs.map +0 -1
  657. package/dist/_chunks-es/v3_v2.mjs +0 -252
  658. package/dist/_chunks-es/v3_v2.mjs.map +0 -1
  659. package/dist/_visual-editing.d.mts +0 -806
  660. package/dist/_visual-editing.mjs +0 -31
  661. package/dist/_visual-editing.mjs.map +0 -1
  662. package/dist/cli.d.ts +0 -1
  663. package/dist/cli.js +0 -357
  664. package/dist/cli.js.map +0 -1
  665. package/dist/css.d.mts +0 -2135
  666. package/dist/css.mjs +0 -4713
  667. package/dist/css.mjs.map +0 -1
  668. package/dist/index.mjs +0 -1542
  669. package/dist/index.mjs.map +0 -1
  670. package/dist/sanity-palette.css +0 -9
  671. package/dist/sanity-theme.css +0 -1
  672. package/dist/system.css +0 -3577
  673. package/dist/theme.mjs.map +0 -1
  674. package/src/core/StyleTags.tsx +0 -24
  675. package/src/core/primitives/popover/popoverCard.tsx +0 -148
  676. package/src/core/primitives/tooltip/tooltipCard.tsx +0 -115
  677. package/src/core/utils/conditionalWrapper/conditionalWrapper.tsx +0 -23
  678. package/src/core/utils/conditionalWrapper/index.ts +0 -1
  679. package/src/css/_resp.ts +0 -31
  680. package/src/css/compile/compilePalette.ts +0 -60
  681. package/src/css/compile/compileRule.ts +0 -90
  682. package/src/css/compile/compileRules.test.ts +0 -35
  683. package/src/css/compile/compileRules.ts +0 -40
  684. package/src/css/compile/compileSystem.ts +0 -7
  685. package/src/css/compile/compileTheme.ts +0 -15
  686. package/src/css/compile/compileTheme_v3.ts +0 -410
  687. package/src/css/compile/types.ts +0 -6
  688. package/src/css/components/breadcrumbs/rules.ts +0 -25
  689. package/src/css/components/dialog/rules.ts +0 -76
  690. package/src/css/components/menu/rules.ts +0 -15
  691. package/src/css/components/skeleton/rules.ts +0 -112
  692. package/src/css/components/toast/rules.ts +0 -17
  693. package/src/css/components/tree/rules.ts +0 -168
  694. package/src/css/composeClassNames.ts +0 -13
  695. package/src/css/primitives/_arrow/rules.ts +0 -71
  696. package/src/css/primitives/_input/rules.ts +0 -163
  697. package/src/css/primitives/_selectable/__style.ts +0 -117
  698. package/src/css/primitives/_selectable/_contants.ts +0 -11
  699. package/src/css/primitives/_selectable/rules.ts +0 -129
  700. package/src/css/primitives/avatar/rules.ts +0 -176
  701. package/src/css/primitives/badge/rules.ts +0 -22
  702. package/src/css/primitives/box/rules.ts +0 -28
  703. package/src/css/primitives/button/_constants.ts +0 -17
  704. package/src/css/primitives/button/rules.ts +0 -293
  705. package/src/css/primitives/card/_constants.ts +0 -13
  706. package/src/css/primitives/card/rules.ts +0 -471
  707. package/src/css/primitives/checkbox/__styles.ts +0 -129
  708. package/src/css/primitives/checkbox/rules.ts +0 -152
  709. package/src/css/primitives/code/rules.ts +0 -96
  710. package/src/css/primitives/container/rules.ts +0 -8
  711. package/src/css/primitives/heading/rules.ts +0 -155
  712. package/src/css/primitives/kbd/rules.ts +0 -20
  713. package/src/css/primitives/label/rules.ts +0 -137
  714. package/src/css/primitives/popover/rules.ts +0 -5
  715. package/src/css/primitives/radio/rules.ts +0 -121
  716. package/src/css/primitives/select/rules.ts +0 -22
  717. package/src/css/primitives/spinner/rules.ts +0 -20
  718. package/src/css/primitives/switch/rules.ts +0 -340
  719. package/src/css/primitives/text/rules.ts +0 -164
  720. package/src/css/primitives/textArea/rules.ts +0 -7
  721. package/src/css/primitives/textInput/rules.ts +0 -224
  722. package/src/css/primitives/token/rules.ts +0 -45
  723. package/src/css/primitives/tooltip/rules.ts +0 -19
  724. package/src/css/responsiveRules.ts +0 -25
  725. package/src/css/rules.ts +0 -113
  726. package/src/css/styles/border/border.ts +0 -22
  727. package/src/css/styles/border/rules.ts +0 -24
  728. package/src/css/styles/border/types.ts +0 -10
  729. package/src/css/styles/display/display.ts +0 -7
  730. package/src/css/styles/display/rules.ts +0 -62
  731. package/src/css/styles/flex/flex.ts +0 -20
  732. package/src/css/styles/flex/rules.ts +0 -28
  733. package/src/css/styles/flex/types.ts +0 -35
  734. package/src/css/styles/flexItem/flexItem.ts +0 -8
  735. package/src/css/styles/flexItem/index.ts +0 -2
  736. package/src/css/styles/flexItem/rules.ts +0 -12
  737. package/src/css/styles/flexItem/types.ts +0 -11
  738. package/src/css/styles/font/font.ts +0 -17
  739. package/src/css/styles/font/rules.ts +0 -148
  740. package/src/css/styles/font/types.ts +0 -12
  741. package/src/css/styles/gap/gap.ts +0 -8
  742. package/src/css/styles/gap/rules.ts +0 -34
  743. package/src/css/styles/grid/grid.ts +0 -13
  744. package/src/css/styles/grid/index.ts +0 -2
  745. package/src/css/styles/grid/rules.ts +0 -146
  746. package/src/css/styles/grid/types.ts +0 -29
  747. package/src/css/styles/gridItem/gridItem.ts +0 -15
  748. package/src/css/styles/gridItem/index.ts +0 -2
  749. package/src/css/styles/gridItem/rules.ts +0 -96
  750. package/src/css/styles/gridItem/types.ts +0 -41
  751. package/src/css/styles/height/rules.ts +0 -7
  752. package/src/css/styles/index.ts +0 -19
  753. package/src/css/styles/inset/inset.ts +0 -13
  754. package/src/css/styles/inset/rules.ts +0 -16
  755. package/src/css/styles/margin/margin.ts +0 -15
  756. package/src/css/styles/margin/rules.ts +0 -64
  757. package/src/css/styles/margin/types.ts +0 -11
  758. package/src/css/styles/maxWidth/maxWidth.ts +0 -6
  759. package/src/css/styles/maxWidth/rules.ts +0 -13
  760. package/src/css/styles/maxWidth/types.ts +0 -7
  761. package/src/css/styles/outline/rules.ts +0 -7
  762. package/src/css/styles/overflow/overflow.ts +0 -11
  763. package/src/css/styles/overflow/rules.ts +0 -9
  764. package/src/css/styles/overflow/types.ts +0 -11
  765. package/src/css/styles/padding/padding.ts +0 -15
  766. package/src/css/styles/padding/rules.ts +0 -62
  767. package/src/css/styles/padding/types.ts +0 -14
  768. package/src/css/styles/pointerEvents/pointerEvents.ts +0 -6
  769. package/src/css/styles/pointerEvents/rules.ts +0 -11
  770. package/src/css/styles/position/position.ts +0 -7
  771. package/src/css/styles/position/rules.ts +0 -24
  772. package/src/css/styles/radius/radius.ts +0 -8
  773. package/src/css/styles/radius/rules.ts +0 -13
  774. package/src/css/styles/radius/types.ts +0 -8
  775. package/src/css/styles/shadow/rules.ts +0 -53
  776. package/src/css/styles/shadow/shadow.ts +0 -7
  777. package/src/css/styles/shadow/types.ts +0 -8
  778. package/src/css/styles/textOverflow/rules.ts +0 -17
  779. package/src/css/styles/textOverflow/textOverflow.ts +0 -6
  780. package/src/css/styles/width/rules.ts +0 -7
  781. package/src/css/styles/width/types.ts +0 -9
  782. package/src/css/styles/width/width.ts +0 -6
  783. package/src/css/utils/srOnly/rules.ts +0 -11
  784. package/src/css/varNames.ts +0 -473
  785. package/src/css/vars.ts +0 -443
  786. package/src/theme/_types.ts +0 -41
  787. package/src/theme/build/buildTheme.ts +0 -12
  788. package/src/theme/build/theme.test.ts +0 -27
  789. package/src/theme/config/tokens/parseTokenKey.test.ts +0 -64
  790. package/src/theme/config/tokens/parseTokenKey.ts +0 -67
  791. package/src/theme/palette/types.ts +0 -16
  792. package/src/theme/v3/buildTheme_v3.test.ts +0 -40
  793. package/src/theme/v3/color/buildColor_v3.ts +0 -193
  794. package/src/theme/v3/color/parseColor.test.ts +0 -79
  795. package/src/theme/v3/color/renderColor.test.ts +0 -19
  796. package/src/theme/v3/color/renderColor.ts +0 -33
  797. package/src/theme/v3/defaults.ts +0 -205
  798. /package/src/core/components/autocomplete/{__mocks__ → __workshop__/mock}/apiStore.ts +0 -0
  799. /package/src/core/components/autocomplete/{__mocks__ → __workshop__/mock}/countries.ts +0 -0
  800. /package/src/css/{styles → props}/border/index.ts +0 -0
  801. /package/src/css/{styles → props}/display/index.ts +0 -0
  802. /package/src/css/{styles → props}/flex/index.ts +0 -0
  803. /package/src/css/{styles → props}/font/index.ts +0 -0
  804. /package/src/css/{styles → props}/gap/index.ts +0 -0
  805. /package/src/css/{styles → props}/inset/index.ts +0 -0
  806. /package/src/css/{styles → props}/margin/index.ts +0 -0
  807. /package/src/css/{styles → props}/maxWidth/index.ts +0 -0
  808. /package/src/css/{styles → props}/overflow/index.ts +0 -0
  809. /package/src/css/{styles → props}/padding/index.ts +0 -0
  810. /package/src/css/{styles → props}/pointerEvents/index.ts +0 -0
  811. /package/src/css/{styles → props}/pointerEvents/types.ts +0 -0
  812. /package/src/css/{styles → props}/position/index.ts +0 -0
  813. /package/src/css/{styles → props}/radius/index.ts +0 -0
  814. /package/src/css/{styles → props}/shadow/index.ts +0 -0
  815. /package/src/css/{styles → props}/textOverflow/index.ts +0 -0
  816. /package/src/css/{styles → props}/width/index.ts +0 -0
  817. /package/src/theme/{build → v2/build}/_deprecated/color/index.ts +0 -0
  818. /package/src/theme/{build → v2/build}/colorToken/index.ts +0 -0
  819. /package/src/theme/{build → v2/build}/index.ts +0 -0
  820. /package/src/theme/{build → v2/build}/lib/color-fns/blend/index.ts +0 -0
  821. /package/src/theme/{build → v2/build}/lib/color-fns/index.ts +0 -0
  822. /package/src/theme/{build → v2/build}/lib/color-fns/rgba.ts +0 -0
  823. /package/src/theme/{build → v2/build}/lib/color-fns/types.ts +0 -0
  824. /package/src/theme/{build → v2/build}/lib/isRecord.ts +0 -0
  825. /package/src/theme/{build → v2/build}/lib/utils.ts +0 -0
  826. /package/src/theme/{build → v2/build}/merge.ts +0 -0
  827. /package/src/theme/{config → v2/config}/index.ts +0 -0
  828. /package/src/theme/{config → v2/config}/tokens/color/index.ts +0 -0
  829. /package/src/theme/{palette → v3/palette}/index.ts +0 -0
@@ -1,32 +0,0 @@
1
- "use strict";
2
- var css = require("@sanity/ui/css"), theme = require("@sanity/ui/theme"), fs = require("fs/promises"), path = require("path");
3
- function _interopDefaultCompat(e) {
4
- return e && typeof e == "object" && "default" in e ? e : { default: e };
5
- }
6
- var fs__default = /* @__PURE__ */ _interopDefaultCompat(fs), path__default = /* @__PURE__ */ _interopDefaultCompat(path);
7
- async function buildPalette(outDir) {
8
- const css$1 = css.compilePalette(theme.defaultPalette);
9
- await fs__default.default.mkdir(outDir, {
10
- recursive: !0
11
- }), await fs__default.default.writeFile(path__default.default.resolve(outDir, "sanity-palette.css"), css$1, "utf-8"), console.log("- sanity-palette.css");
12
- }
13
- async function buildTheme(outDir) {
14
- const css$1 = css.compileTheme({
15
- v3: theme.buildTheme_v3()
16
- });
17
- await fs__default.default.mkdir(outDir, {
18
- recursive: !0
19
- }), await fs__default.default.writeFile(path__default.default.resolve(outDir, "sanity-theme.css"), css$1, "utf-8"), console.log("- sanity-theme.css");
20
- }
21
- async function buildSystem(outDir) {
22
- const css$1 = css.compileSystem();
23
- await fs__default.default.mkdir(outDir, {
24
- recursive: !0
25
- }), await fs__default.default.writeFile(path__default.default.resolve(outDir, "system.css"), css$1, "utf-8"), console.log("- system.css");
26
- }
27
- async function buildCommand(options) {
28
- const cwd = options.cwd ?? process.cwd(), outDir = options.outDir ?? path__default.default.resolve(cwd, "dist");
29
- await buildPalette(outDir), await buildTheme(outDir), await buildSystem(outDir);
30
- }
31
- exports.buildCommand = buildCommand;
32
- //# sourceMappingURL=buildCommand.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"buildCommand.js","sources":["../../src/cli/buildCommand.ts"],"sourcesContent":["import {compilePalette, compileSystem, compileTheme} from '@sanity/ui/css'\nimport {buildTheme_v3, defaultPalette, RootTheme} from '@sanity/ui/theme'\nimport fs from 'fs/promises'\nimport path from 'path'\n\nasync function buildPalette(outDir: string) {\n const css = compilePalette(defaultPalette)\n\n await fs.mkdir(outDir, {recursive: true})\n\n await fs.writeFile(path.resolve(outDir, 'sanity-palette.css'), css, 'utf-8')\n\n // eslint-disable-next-line no-console\n console.log('- sanity-palette.css')\n}\n\nasync function buildTheme(outDir: string) {\n const css = compileTheme({v3: buildTheme_v3()} as RootTheme)\n\n await fs.mkdir(outDir, {recursive: true})\n\n await fs.writeFile(path.resolve(outDir, 'sanity-theme.css'), css, 'utf-8')\n\n // eslint-disable-next-line no-console\n console.log('- sanity-theme.css')\n}\n\nasync function buildSystem(outDir: string) {\n const css = compileSystem()\n\n await fs.mkdir(outDir, {recursive: true})\n\n await fs.writeFile(path.resolve(outDir, 'system.css'), css, 'utf-8')\n\n // eslint-disable-next-line no-console\n console.log('- system.css')\n}\n\nexport async function buildCommand(options: {cwd?: string; outDir?: string}): Promise<void> {\n const cwd = options.cwd ?? process.cwd()\n const outDir = options.outDir ?? path.resolve(cwd, 'dist')\n\n await buildPalette(outDir)\n\n await buildTheme(outDir)\n\n await buildSystem(outDir)\n}\n"],"names":["buildPalette","outDir","css","compilePalette","defaultPalette","fs","mkdir","recursive","writeFile","path","resolve","console","log","buildTheme","compileTheme","v3","buildTheme_v3","buildSystem","compileSystem","buildCommand","options","cwd","process"],"mappings":";;;;;;AAKA,eAAeA,aAAaC,QAAgB;AACpCC,QAAAA,QAAMC,mBAAeC,oBAAc;AAEnCC,QAAAA,YAAAA,QAAGC,MAAML,QAAQ;AAAA,IAACM,WAAW;AAAA,EAAK,CAAA,GAExC,MAAMF,YAAAA,QAAGG,UAAUC,cAAKC,QAAAA,QAAQT,QAAQ,oBAAoB,GAAGC,OAAK,OAAO,GAG3ES,QAAQC,IAAI,sBAAsB;AACpC;AAEA,eAAeC,WAAWZ,QAAgB;AACxC,QAAMC,QAAMY,IAAAA,aAAa;AAAA,IAACC,IAAIC,MAAc,cAAA;AAAA,EAAA,CAAe;AAErDX,QAAAA,YAAAA,QAAGC,MAAML,QAAQ;AAAA,IAACM,WAAW;AAAA,EAAK,CAAA,GAExC,MAAMF,YAAAA,QAAGG,UAAUC,cAAKC,QAAAA,QAAQT,QAAQ,kBAAkB,GAAGC,OAAK,OAAO,GAGzES,QAAQC,IAAI,oBAAoB;AAClC;AAEA,eAAeK,YAAYhB,QAAgB;AACzC,QAAMC,QAAMgB,IAAAA,cAAc;AAEpBb,QAAAA,YAAAA,QAAGC,MAAML,QAAQ;AAAA,IAACM,WAAW;AAAA,EAAK,CAAA,GAExC,MAAMF,YAAAA,QAAGG,UAAUC,cAAKC,QAAAA,QAAQT,QAAQ,YAAY,GAAGC,OAAK,OAAO,GAGnES,QAAQC,IAAI,cAAc;AAC5B;AAEA,eAAsBO,aAAaC,SAAyD;AAC1F,QAAMC,MAAMD,QAAQC,OAAOC,QAAQD,IAAI,GACjCpB,SAASmB,QAAQnB,UAAUQ,cAAAA,QAAKC,QAAQW,KAAK,MAAM;AAEnDrB,QAAAA,aAAaC,MAAM,GAEzB,MAAMY,WAAWZ,MAAM,GAEvB,MAAMgB,YAAYhB,MAAM;AAC1B;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"refractor.js","sources":["../../src/core/primitives/code/refractor.tsx"],"sourcesContent":["import Refractor from 'react-refractor'\n\nexport default function LazyRefractor(\n props: Partial<Pick<React.ComponentProps<typeof Refractor>, 'language'>> & {\n value: React.ReactNode\n },\n) {\n const {language: languageProp, value} = props\n const language = typeof languageProp === 'string' ? languageProp : undefined\n const registered = language ? Refractor.hasLanguage(language as any) : false\n\n return (\n <>\n {!(language && registered) && <code>{value}</code>}\n {language && registered && <Refractor inline language={language} value={String(value)} />}\n </>\n )\n}\n\nLazyRefractor.displayName = 'LazyRefractor'\n"],"names":["LazyRefractor","props","$","_c","language","languageProp","value","undefined","t0","Refractor","hasLanguage","registered","t1","t2","String","t3","displayName"],"mappings":";;;;;;AAEA,SAAeA,cAAAC,OAAA;AAAAC,QAAAA,IAAAC,uBAAA,EAAA,GAKb;AAAA,IAAAC,UAAAC;AAAAA,IAAAC;AAAAA,EAAAA,IAAwCL,OACxCG,WAAiB,OAAOC,gBAAiB,WAAWA,eAAYE;AAAYC,MAAAA;AAAAN,WAAAE,YACzDI,KAAAJ,WAAWK,mBAAAA,QAAAC,YAAsBN,QAAe,IAAS,IAAAF,OAAAE,UAAAF,OAAAM,MAAAA,KAAAN,EAAA,CAAA;AAA5E,QAAAS,aAAmBH;AAAyDI,MAAAA;AAAAV,IAAAE,CAAAA,MAAAA,YAAAF,SAAAS,cAAAT,EAAA,CAAA,MAAAI,SAIvEM,KAAA,EAAER,YAAYO,sDAAsBL,EAAAA,UAAAA,MAAAA,CAAM,GAAOJ,OAAAE,UAAAF,OAAAS,YAAAT,OAAAI,OAAAJ,OAAAU,MAAAA,KAAAV,EAAA,CAAA;AAAAW,MAAAA;AAAAX,IAAAE,CAAAA,MAAAA,YAAAF,SAAAS,cAAAT,EAAA,CAAA,MAAAI,SACjDO,KAAAT,YAAYO,6CAAeF,mBAAU,SAAA,EAAA,QAAK,IAAYL,UAAiB,OAAAU,OAAOR,KAAK,EAAA,CAAK,GAAAJ,OAAAE,UAAAF,OAAAS,YAAAT,OAAAI,OAAAJ,OAAAW,MAAAA,KAAAX,EAAA,CAAA;AAAAa,MAAAA;AAAAb,SAAAA,EAAAU,EAAAA,MAAAA,MAAAV,UAAAW,MAF3FE,KACGH,2BAAAA,KAAAA,WAAAA,UAAAA,EAAAA,UAAAA;AAAAA,IAAAA;AAAAA,IACAC;AAAAA,EAAAA,EAAwF,CAAA,GACxFX,QAAAU,IAAAV,QAAAW,IAAAX,QAAAa,MAAAA,KAAAb,EAAA,EAAA,GAHHa;AAGG;AAIPf,cAAcgB,cAAc;;"}
@@ -1,251 +0,0 @@
1
- "use strict";
2
- var color = require("@sanity/color");
3
- const THEME_COLOR_SCHEMES = ["light", "dark"], THEME_COLOR_BLEND_MODES = ["multiply", "screen"], THEME_COLOR_CARD_TONES = [
4
- "transparent",
5
- "default",
6
- "neutral",
7
- "primary",
8
- // deprecated
9
- "suggest",
10
- "positive",
11
- "caution",
12
- "critical"
13
- ], THEME_COLOR_STATE_TONES = [
14
- "default",
15
- "neutral",
16
- "primary",
17
- // deprecated
18
- "suggest",
19
- "positive",
20
- "caution",
21
- "critical"
22
- ], THEME_COLOR_STATES = ["enabled", "hovered", "pressed", "selected", "disabled"], THEME_COLOR_BUTTON_MODES = ["default", "ghost", "bleed"], THEME_COLOR_INPUT_MODES = ["default", "invalid"], THEME_COLOR_INPUT_STATES = ["enabled", "hovered", "readOnly", "disabled"], THEME_COLOR_AVATAR_COLORS = color.COLOR_HUES;
23
- function themeColor_v3_v2(options) {
24
- const {
25
- color: color2,
26
- dark
27
- } = options;
28
- return {
29
- _blend: "screen",
30
- _dark: dark,
31
- ...buildColorState({
32
- cardColor: color2,
33
- state: "enabled",
34
- tone: "default",
35
- variant: "tinted"
36
- }),
37
- backdrop: color2.backdrop,
38
- button: THEME_COLOR_BUTTON_MODES.reduce((modes, mode) => (modes[mode] = THEME_COLOR_STATE_TONES.reduce((tones, tone) => (tones[tone] = THEME_COLOR_STATES.reduce((states, state) => (states[state] = buildColorState({
39
- cardColor: color2,
40
- state,
41
- tone,
42
- variant: mode === "default" ? "solid" : "tinted"
43
- }), mode === "bleed" && (states[state].border = "transparent"), states), {}), tones), {}), modes), {}),
44
- focusRing: color2.focusRing,
45
- input: THEME_COLOR_INPUT_MODES.reduce((modes, mode) => (modes[mode] = THEME_COLOR_INPUT_STATES.reduce((states, state) => (states[state] = buildInputState(color2.variant.tinted.default), states), {}), modes), {}),
46
- selectable: THEME_COLOR_STATE_TONES.reduce((tones, tone) => (tones[tone] = THEME_COLOR_STATES.reduce((states, state) => (states[state] = buildColorState({
47
- cardColor: color2,
48
- // cardVars: vars,
49
- state,
50
- tone,
51
- variant: "tinted"
52
- }), states), {}), tones), {}),
53
- shadow: color2.shadow,
54
- syntax: color2.token
55
- };
56
- }
57
- const stateShades = {
58
- enabled: {
59
- bg: [0, 1, 2],
60
- border: [0, 1, 2],
61
- fg: [0, 1, 2]
62
- },
63
- hovered: {
64
- bg: [1, 2, 3],
65
- border: [1, 2, 3],
66
- fg: [1, 2, 3]
67
- },
68
- pressed: {
69
- bg: [2, 3, 4],
70
- border: [2, 3, 4],
71
- fg: [2, 3, 4]
72
- },
73
- selected: {
74
- bg: [3, 4, 4],
75
- border: [3, 4, 4],
76
- fg: [3, 4, 4]
77
- },
78
- disabled: {
79
- bg: [4, 4, 4],
80
- border: [4, 4, 4],
81
- fg: [4, 4, 4]
82
- }
83
- };
84
- function mix(tokens, index) {
85
- return index === 0 ? tokens[0] : index === 4 ? tokens[4] : `color-mix(in oklch, ${tokens[0]}, ${tokens[4]} ${index * 25}%)`;
86
- }
87
- function buildColorState(options) {
88
- const {
89
- cardColor,
90
- state,
91
- tone,
92
- variant
93
- } = options, color2 = cardColor.variant[variant][tone], shades = stateShades[state];
94
- return {
95
- accent: {
96
- fg: color2.fg[4]
97
- },
98
- avatar: cardColor.avatar,
99
- badge: THEME_COLOR_STATE_TONES.reduce((tones, tone2) => (tones[tone2] = {
100
- bg: mix(color2.bg, 1),
101
- fg: mix(color2.fg, 1),
102
- dot: mix(color2.fg, 3),
103
- icon: mix(color2.fg, 3)
104
- }, tones), {}),
105
- bg: mix(color2.bg, shades.bg[0]),
106
- border: mix(color2.border, shades.border[0]),
107
- fg: mix(color2.fg, shades.fg[0]),
108
- code: {
109
- bg: mix(color2.bg, shades.bg[1]),
110
- fg: mix(color2.fg, shades.fg[2])
111
- },
112
- icon: mix(color2.fg, shades.fg[2]),
113
- kbd: {
114
- bg: mix(color2.bg, 0),
115
- fg: mix(color2.fg, 0),
116
- border: mix(color2.bg, 0)
117
- },
118
- link: {
119
- fg: mix(color2.fg, shades.fg[2])
120
- },
121
- muted: {
122
- bg: mix(color2.bg, shades.bg[1]),
123
- fg: mix(color2.fg, shades.fg[2])
124
- },
125
- skeleton: cardColor.skeleton
126
- };
127
- }
128
- function buildInputState(colorElement) {
129
- return {
130
- bg: colorElement.bg[0],
131
- border: colorElement.bg[0],
132
- fg: colorElement.fg[0],
133
- muted: {
134
- bg: colorElement.bg[0]
135
- },
136
- placeholder: colorElement.fg[0]
137
- };
138
- }
139
- function v3_v2(theme_v3) {
140
- return {
141
- _version: 2,
142
- avatar: theme_v3.avatar,
143
- button: theme_v3.button,
144
- card: theme_v3.card,
145
- color: {
146
- dark: {
147
- transparent: themeColor_v3_v2({
148
- color: theme_v3.color.dark.card.transparent,
149
- dark: !0
150
- // vars: vars.color.dark.transparent,
151
- }),
152
- default: themeColor_v3_v2({
153
- color: theme_v3.color.dark.card.default,
154
- dark: !0
155
- // vars: vars.color.dark.default,
156
- }),
157
- neutral: themeColor_v3_v2({
158
- color: theme_v3.color.dark.card.neutral,
159
- dark: !0
160
- // vars: vars.color.dark.neutral,
161
- }),
162
- primary: themeColor_v3_v2({
163
- color: theme_v3.color.dark.card.primary,
164
- dark: !0
165
- // vars: vars.color.dark.primary,
166
- }),
167
- suggest: themeColor_v3_v2({
168
- color: theme_v3.color.dark.card.suggest,
169
- dark: !0
170
- // vars: vars.color.dark.suggest,
171
- }),
172
- positive: themeColor_v3_v2({
173
- color: theme_v3.color.dark.card.positive,
174
- dark: !0
175
- // vars: vars.color.dark.positive,
176
- }),
177
- caution: themeColor_v3_v2({
178
- color: theme_v3.color.dark.card.caution,
179
- dark: !0
180
- // vars: vars.color.dark.caution,
181
- }),
182
- critical: themeColor_v3_v2({
183
- color: theme_v3.color.dark.card.critical,
184
- dark: !0
185
- // vars: vars.color.dark.critical,
186
- })
187
- },
188
- light: {
189
- transparent: themeColor_v3_v2({
190
- color: theme_v3.color.light.card.transparent,
191
- dark: !1
192
- // vars: vars.color.light.transparent,
193
- }),
194
- default: themeColor_v3_v2({
195
- color: theme_v3.color.light.card.default,
196
- dark: !1
197
- // vars: vars.color.light.default,
198
- }),
199
- neutral: themeColor_v3_v2({
200
- color: theme_v3.color.light.card.neutral,
201
- dark: !1
202
- // vars: vars.color.light.neutral,
203
- }),
204
- primary: themeColor_v3_v2({
205
- color: theme_v3.color.light.card.primary,
206
- dark: !1
207
- // vars: vars.color.light.primary,
208
- }),
209
- suggest: themeColor_v3_v2({
210
- color: theme_v3.color.light.card.suggest,
211
- dark: !1
212
- // vars: vars.color.light.suggest,
213
- }),
214
- positive: themeColor_v3_v2({
215
- color: theme_v3.color.light.card.positive,
216
- dark: !1
217
- // vars: vars.color.light.positive,
218
- }),
219
- caution: themeColor_v3_v2({
220
- color: theme_v3.color.light.card.caution,
221
- dark: !1
222
- // vars: vars.color.light.caution,
223
- }),
224
- critical: themeColor_v3_v2({
225
- color: theme_v3.color.light.card.critical,
226
- dark: !1
227
- // vars: vars.color.light.critical,
228
- })
229
- }
230
- },
231
- container: theme_v3.container,
232
- font: theme_v3.font,
233
- input: theme_v3.input,
234
- layer: theme_v3.layer,
235
- media: theme_v3.media,
236
- radius: theme_v3.radius,
237
- shadow: theme_v3.shadow,
238
- space: theme_v3.space
239
- };
240
- }
241
- exports.THEME_COLOR_AVATAR_COLORS = THEME_COLOR_AVATAR_COLORS;
242
- exports.THEME_COLOR_BLEND_MODES = THEME_COLOR_BLEND_MODES;
243
- exports.THEME_COLOR_BUTTON_MODES = THEME_COLOR_BUTTON_MODES;
244
- exports.THEME_COLOR_CARD_TONES = THEME_COLOR_CARD_TONES;
245
- exports.THEME_COLOR_INPUT_MODES = THEME_COLOR_INPUT_MODES;
246
- exports.THEME_COLOR_INPUT_STATES = THEME_COLOR_INPUT_STATES;
247
- exports.THEME_COLOR_SCHEMES = THEME_COLOR_SCHEMES;
248
- exports.THEME_COLOR_STATES = THEME_COLOR_STATES;
249
- exports.THEME_COLOR_STATE_TONES = THEME_COLOR_STATE_TONES;
250
- exports.v3_v2 = v3_v2;
251
- //# sourceMappingURL=v3_v2.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"v3_v2.js","sources":["../../src/theme/v2/color/_constants.ts","../../src/theme/versioning/themeColor_v3_v2.ts","../../src/theme/versioning/v3_v2.ts"],"sourcesContent":["import {COLOR_HUES} from '@sanity/color'\n\n/** @public */\nexport const THEME_COLOR_SCHEMES = ['light', 'dark'] as const\n\n/** @public */\nexport const THEME_COLOR_BLEND_MODES = ['multiply', 'screen'] as const\n\n/** @public */\nexport const THEME_COLOR_CARD_TONES = [\n 'transparent',\n 'default',\n 'neutral',\n 'primary', // deprecated\n 'suggest',\n 'positive',\n 'caution',\n 'critical',\n] as const\n\n/** @public */\nexport const THEME_COLOR_STATE_TONES = [\n 'default',\n 'neutral',\n 'primary', // deprecated\n 'suggest',\n 'positive',\n 'caution',\n 'critical',\n] as const\n\n/** @public */\nexport const THEME_COLOR_STATES = ['enabled', 'hovered', 'pressed', 'selected', 'disabled'] as const\n\n/** @public */\nexport const THEME_COLOR_BUTTON_MODES = ['default', 'ghost', 'bleed'] as const\n\n/** @public */\nexport const THEME_COLOR_INPUT_MODES = ['default', 'invalid'] as const\n\n/** @public */\nexport const THEME_COLOR_INPUT_STATES = ['enabled', 'hovered', 'readOnly', 'disabled'] as const\n\n/** @public */\nexport const THEME_COLOR_AVATAR_COLORS = COLOR_HUES\n","import {\n THEME_COLOR_BUTTON_MODES,\n THEME_COLOR_INPUT_MODES,\n THEME_COLOR_INPUT_STATES,\n THEME_COLOR_STATE_TONES,\n THEME_COLOR_STATES,\n ThemeColorBadge_v2,\n ThemeColorButton_v2,\n ThemeColorButtonMode_v2,\n ThemeColorButtonTone_v2,\n ThemeColorCard_v2,\n ThemeColorInput_v2,\n ThemeColorInputMode_v2,\n ThemeColorInputState_v2,\n ThemeColorSelectable_v2,\n ThemeColorSelectableTone_v2,\n ThemeColorState_v2,\n ThemeColorStateKey,\n ThemeColorStateToneKey,\n} from '../v2'\nimport {ThemeColorCard_v3, ThemeColorElement, ThemeColorVariantKey} from '../v3'\n\nexport function themeColor_v3_v2(options: {\n color: ThemeColorCard_v3\n dark: boolean\n}): ThemeColorCard_v2 {\n const {color, dark} = options\n\n return {\n _blend: 'screen',\n _dark: dark,\n ...buildColorState({\n cardColor: color,\n state: 'enabled',\n tone: 'default',\n variant: 'tinted',\n }),\n backdrop: color.backdrop,\n button: THEME_COLOR_BUTTON_MODES.reduce<ThemeColorButton_v2>((modes, mode) => {\n modes[mode] = THEME_COLOR_STATE_TONES.reduce<ThemeColorButtonMode_v2>((tones, tone) => {\n tones[tone] = THEME_COLOR_STATES.reduce<ThemeColorButtonTone_v2>((states, state) => {\n states[state] = buildColorState({\n cardColor: color,\n state,\n tone,\n variant: mode === 'default' ? 'solid' : 'tinted',\n })\n\n if (mode === 'bleed') {\n states[state].border = 'transparent'\n }\n\n return states\n }, {} as ThemeColorButtonTone_v2)\n\n return tones\n }, {} as ThemeColorButtonMode_v2)\n\n return modes\n }, {} as ThemeColorButton_v2),\n focusRing: color.focusRing,\n input: THEME_COLOR_INPUT_MODES.reduce<ThemeColorInput_v2>((modes, mode) => {\n modes[mode] = THEME_COLOR_INPUT_STATES.reduce<ThemeColorInputMode_v2>((states, state) => {\n states[state] = buildInputState(color.variant.tinted.default)\n\n return states\n }, {} as ThemeColorInputMode_v2)\n\n return modes\n }, {} as ThemeColorInput_v2),\n selectable: THEME_COLOR_STATE_TONES.reduce<ThemeColorSelectable_v2>((tones, tone) => {\n tones[tone] = THEME_COLOR_STATES.reduce<ThemeColorSelectableTone_v2>((states, state) => {\n states[state] = buildColorState({\n cardColor: color,\n // cardVars: vars,\n state,\n tone,\n variant: 'tinted',\n })\n\n return states\n }, {} as ThemeColorSelectableTone_v2)\n\n return tones\n }, {} as ThemeColorSelectable_v2),\n shadow: color.shadow,\n syntax: color.token,\n }\n}\n\ntype ElementTokenIndex = 0 | 1 | 2 | 3 | 4\n\nconst stateShades: Record<\n ThemeColorStateKey,\n {\n bg: [ElementTokenIndex, ElementTokenIndex, ElementTokenIndex]\n border: [ElementTokenIndex, ElementTokenIndex, ElementTokenIndex]\n fg: [ElementTokenIndex, ElementTokenIndex, ElementTokenIndex]\n }\n> = {\n enabled: {\n bg: [0, 1, 2],\n border: [0, 1, 2],\n fg: [0, 1, 2],\n },\n hovered: {\n bg: [1, 2, 3],\n border: [1, 2, 3],\n fg: [1, 2, 3],\n },\n pressed: {\n bg: [2, 3, 4],\n border: [2, 3, 4],\n fg: [2, 3, 4],\n },\n selected: {\n bg: [3, 4, 4],\n border: [3, 4, 4],\n fg: [3, 4, 4],\n },\n disabled: {\n bg: [4, 4, 4],\n border: [4, 4, 4],\n fg: [4, 4, 4],\n },\n}\n\nfunction mix(\n tokens: {\n 0: string\n 4: string\n },\n index: ElementTokenIndex,\n) {\n if (index === 0) {\n return tokens[0]\n }\n\n if (index === 4) {\n return tokens[4]\n }\n\n return `color-mix(in oklch, ${tokens[0]}, ${tokens[4]} ${index * 25}%)`\n}\n\nfunction buildColorState(options: {\n cardColor: ThemeColorCard_v3\n state: ThemeColorStateKey\n tone: ThemeColorStateToneKey\n variant: ThemeColorVariantKey\n}): ThemeColorState_v2 {\n const {cardColor, state, tone, variant} = options\n const color = cardColor.variant[variant][tone]\n\n const shades = stateShades[state]\n\n return {\n accent: {\n fg: color.fg[4],\n },\n avatar: cardColor.avatar,\n badge: THEME_COLOR_STATE_TONES.reduce<ThemeColorBadge_v2>((tones, tone) => {\n tones[tone] = {\n bg: mix(color.bg, 1),\n fg: mix(color.fg, 1),\n dot: mix(color.fg, 3),\n icon: mix(color.fg, 3),\n }\n\n return tones\n }, {} as ThemeColorBadge_v2),\n bg: mix(color.bg, shades.bg[0]),\n border: mix(color.border, shades.border[0]),\n fg: mix(color.fg, shades.fg[0]),\n code: {\n bg: mix(color.bg, shades.bg[1]),\n fg: mix(color.fg, shades.fg[2]),\n },\n icon: mix(color.fg, shades.fg[2]),\n kbd: {\n bg: mix(color.bg, 0),\n fg: mix(color.fg, 0),\n border: mix(color.bg, 0),\n },\n link: {\n fg: mix(color.fg, shades.fg[2]),\n },\n muted: {\n bg: mix(color.bg, shades.bg[1]),\n fg: mix(color.fg, shades.fg[2]),\n },\n skeleton: cardColor.skeleton,\n }\n}\n\nfunction buildInputState(colorElement: ThemeColorElement): ThemeColorInputState_v2 {\n return {\n bg: colorElement.bg[0],\n border: colorElement.bg[0],\n fg: colorElement.fg[0],\n muted: {\n bg: colorElement.bg[0],\n },\n placeholder: colorElement.fg[0],\n }\n}\n","// import {vars} from '@sanity/ui/css'\n\nimport {RootTheme_v2} from '../v2'\nimport {Theme_v3} from '../v3'\nimport {themeColor_v3_v2} from './themeColor_v3_v2'\n\nexport function v3_v2(theme_v3: Theme_v3): RootTheme_v2 {\n return {\n _version: 2,\n avatar: theme_v3.avatar,\n button: theme_v3.button,\n card: theme_v3.card,\n color: {\n dark: {\n transparent: themeColor_v3_v2({\n color: theme_v3.color.dark.card.transparent,\n dark: true,\n // vars: vars.color.dark.transparent,\n }),\n default: themeColor_v3_v2({\n color: theme_v3.color.dark.card.default,\n dark: true,\n // vars: vars.color.dark.default,\n }),\n neutral: themeColor_v3_v2({\n color: theme_v3.color.dark.card.neutral,\n dark: true,\n // vars: vars.color.dark.neutral,\n }),\n primary: themeColor_v3_v2({\n color: theme_v3.color.dark.card.primary,\n dark: true,\n // vars: vars.color.dark.primary,\n }),\n suggest: themeColor_v3_v2({\n color: theme_v3.color.dark.card.suggest,\n dark: true,\n // vars: vars.color.dark.suggest,\n }),\n positive: themeColor_v3_v2({\n color: theme_v3.color.dark.card.positive,\n dark: true,\n // vars: vars.color.dark.positive,\n }),\n caution: themeColor_v3_v2({\n color: theme_v3.color.dark.card.caution,\n dark: true,\n // vars: vars.color.dark.caution,\n }),\n critical: themeColor_v3_v2({\n color: theme_v3.color.dark.card.critical,\n dark: true,\n // vars: vars.color.dark.critical,\n }),\n },\n light: {\n transparent: themeColor_v3_v2({\n color: theme_v3.color.light.card.transparent,\n dark: false,\n // vars: vars.color.light.transparent,\n }),\n default: themeColor_v3_v2({\n color: theme_v3.color.light.card.default,\n dark: false,\n // vars: vars.color.light.default,\n }),\n neutral: themeColor_v3_v2({\n color: theme_v3.color.light.card.neutral,\n dark: false,\n // vars: vars.color.light.neutral,\n }),\n primary: themeColor_v3_v2({\n color: theme_v3.color.light.card.primary,\n dark: false,\n // vars: vars.color.light.primary,\n }),\n suggest: themeColor_v3_v2({\n color: theme_v3.color.light.card.suggest,\n dark: false,\n // vars: vars.color.light.suggest,\n }),\n positive: themeColor_v3_v2({\n color: theme_v3.color.light.card.positive,\n dark: false,\n // vars: vars.color.light.positive,\n }),\n caution: themeColor_v3_v2({\n color: theme_v3.color.light.card.caution,\n dark: false,\n // vars: vars.color.light.caution,\n }),\n critical: themeColor_v3_v2({\n color: theme_v3.color.light.card.critical,\n dark: false,\n // vars: vars.color.light.critical,\n }),\n },\n },\n container: theme_v3.container,\n font: theme_v3.font,\n input: theme_v3.input,\n layer: theme_v3.layer,\n media: theme_v3.media,\n radius: theme_v3.radius,\n shadow: theme_v3.shadow,\n space: theme_v3.space,\n }\n}\n"],"names":["THEME_COLOR_SCHEMES","THEME_COLOR_BLEND_MODES","THEME_COLOR_CARD_TONES","THEME_COLOR_STATE_TONES","THEME_COLOR_STATES","THEME_COLOR_BUTTON_MODES","THEME_COLOR_INPUT_MODES","THEME_COLOR_INPUT_STATES","THEME_COLOR_AVATAR_COLORS","COLOR_HUES","themeColor_v3_v2","options","color","dark","_blend","_dark","buildColorState","cardColor","state","tone","variant","backdrop","button","reduce","modes","mode","tones","states","border","focusRing","input","buildInputState","tinted","default","selectable","shadow","syntax","token","stateShades","enabled","bg","fg","hovered","pressed","selected","disabled","mix","tokens","index","shades","accent","avatar","badge","dot","icon","code","kbd","link","muted","skeleton","colorElement","placeholder","v3_v2","theme_v3","_version","card","transparent","neutral","primary","suggest","positive","caution","critical","light","container","font","layer","media","radius","space"],"mappings":"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"}