@sanity/ui 3.3.2 → 3.3.3

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 (423) hide show
  1. package/package.json +6 -11
  2. package/exports/_visual-editing.ts +0 -32
  3. package/exports/index.ts +0 -1
  4. package/exports/theme.ts +0 -1
  5. package/src/core/_compat.ts +0 -294
  6. package/src/core/components/autocomplete/autocomplete.styles.tsx +0 -39
  7. package/src/core/components/autocomplete/autocomplete.tsx +0 -775
  8. package/src/core/components/autocomplete/autocompleteOption.tsx +0 -46
  9. package/src/core/components/autocomplete/autocompleteReducer.ts +0 -47
  10. package/src/core/components/autocomplete/constants.ts +0 -28
  11. package/src/core/components/autocomplete/index.ts +0 -2
  12. package/src/core/components/autocomplete/types.ts +0 -108
  13. package/src/core/components/breadcrumbs/breadcrumbs.styles.ts +0 -18
  14. package/src/core/components/breadcrumbs/breadcrumbs.test.tsx +0 -54
  15. package/src/core/components/breadcrumbs/breadcrumbs.tsx +0 -136
  16. package/src/core/components/breadcrumbs/index.ts +0 -1
  17. package/src/core/components/dialog/dialog.tsx +0 -433
  18. package/src/core/components/dialog/dialogContext.ts +0 -20
  19. package/src/core/components/dialog/dialogProvider.tsx +0 -35
  20. package/src/core/components/dialog/index.ts +0 -4
  21. package/src/core/components/dialog/styles.ts +0 -77
  22. package/src/core/components/dialog/useDialog.ts +0 -11
  23. package/src/core/components/hotkeys/hotkeys.test.tsx +0 -47
  24. package/src/core/components/hotkeys/hotkeys.tsx +0 -68
  25. package/src/core/components/hotkeys/index.ts +0 -1
  26. package/src/core/components/index.ts +0 -9
  27. package/src/core/components/menu/helpers.ts +0 -82
  28. package/src/core/components/menu/index.ts +0 -5
  29. package/src/core/components/menu/menu.spacing.test.tsx +0 -68
  30. package/src/core/components/menu/menu.test.tsx +0 -128
  31. package/src/core/components/menu/menu.tsx +0 -180
  32. package/src/core/components/menu/menuButton.tsx +0 -276
  33. package/src/core/components/menu/menuContext.ts +0 -18
  34. package/src/core/components/menu/menuDivider.ts +0 -24
  35. package/src/core/components/menu/menuGroup.spacing.test.tsx +0 -66
  36. package/src/core/components/menu/menuGroup.tsx +0 -237
  37. package/src/core/components/menu/menuItem.spacing.test.tsx +0 -62
  38. package/src/core/components/menu/menuItem.tsx +0 -201
  39. package/src/core/components/menu/useMenu.ts +0 -21
  40. package/src/core/components/menu/useMenuController.ts +0 -233
  41. package/src/core/components/skeleton/index.ts +0 -2
  42. package/src/core/components/skeleton/skeleton.tsx +0 -58
  43. package/src/core/components/skeleton/styles.ts +0 -50
  44. package/src/core/components/skeleton/textSkeleton.tsx +0 -122
  45. package/src/core/components/tab/index.ts +0 -3
  46. package/src/core/components/tab/tab.tsx +0 -102
  47. package/src/core/components/tab/tabList.test.tsx +0 -50
  48. package/src/core/components/tab/tabList.tsx +0 -71
  49. package/src/core/components/tab/tabPanel.tsx +0 -39
  50. package/src/core/components/toast/index.ts +0 -4
  51. package/src/core/components/toast/styles.ts +0 -77
  52. package/src/core/components/toast/toast.test.tsx +0 -106
  53. package/src/core/components/toast/toast.tsx +0 -199
  54. package/src/core/components/toast/toastContext.ts +0 -7
  55. package/src/core/components/toast/toastLayer.tsx +0 -52
  56. package/src/core/components/toast/toastProvider.tsx +0 -113
  57. package/src/core/components/toast/toastState.ts +0 -6
  58. package/src/core/components/toast/types.ts +0 -26
  59. package/src/core/components/toast/useToast.ts +0 -25
  60. package/src/core/components/tree/helpers.ts +0 -105
  61. package/src/core/components/tree/index.ts +0 -4
  62. package/src/core/components/tree/style.ts +0 -105
  63. package/src/core/components/tree/tree.test.tsx +0 -60
  64. package/src/core/components/tree/tree.tsx +0 -242
  65. package/src/core/components/tree/treeContext.ts +0 -10
  66. package/src/core/components/tree/treeGroup.tsx +0 -29
  67. package/src/core/components/tree/treeItem.test.tsx +0 -70
  68. package/src/core/components/tree/treeItem.tsx +0 -225
  69. package/src/core/components/tree/types.ts +0 -25
  70. package/src/core/components/tree/useTree.ts +0 -17
  71. package/src/core/constants.ts +0 -79
  72. package/src/core/helpers/animation.ts +0 -27
  73. package/src/core/helpers/element.ts +0 -55
  74. package/src/core/helpers/focus.ts +0 -100
  75. package/src/core/helpers/index.ts +0 -4
  76. package/src/core/helpers/scroll.ts +0 -15
  77. package/src/core/hooks/index.ts +0 -13
  78. package/src/core/hooks/useArrayProp.ts +0 -17
  79. package/src/core/hooks/useClickOutside.test.tsx +0 -510
  80. package/src/core/hooks/useClickOutside.ts +0 -118
  81. package/src/core/hooks/useClickOutsideEvent.test.tsx +0 -119
  82. package/src/core/hooks/useClickOutsideEvent.ts +0 -73
  83. package/src/core/hooks/useCustomValidity.ts +0 -13
  84. package/src/core/hooks/useDelayed.test.ts +0 -89
  85. package/src/core/hooks/useDelayedState.ts +0 -36
  86. package/src/core/hooks/useElementRect/index.ts +0 -1
  87. package/src/core/hooks/useElementRect/useElementRect.ts +0 -14
  88. package/src/core/hooks/useElementSize.ts +0 -19
  89. package/src/core/hooks/useForwardedRef.ts +0 -20
  90. package/src/core/hooks/useGlobalKeyDown.ts +0 -24
  91. package/src/core/hooks/useIsomorphicEffect.ts +0 -7
  92. package/src/core/hooks/useMatchMedia.ts +0 -28
  93. package/src/core/hooks/useMediaIndex/index.ts +0 -1
  94. package/src/core/hooks/useMediaIndex/useMediaIndex.test.tsx +0 -37
  95. package/src/core/hooks/useMediaIndex/useMediaIndex.ts +0 -102
  96. package/src/core/hooks/useMounted.ts +0 -15
  97. package/src/core/hooks/usePrefersDark.hydration.test.tsx +0 -58
  98. package/src/core/hooks/usePrefersDark.test.tsx +0 -21
  99. package/src/core/hooks/usePrefersDark.ts +0 -16
  100. package/src/core/hooks/usePrefersReducedMotion.hydration.test.tsx +0 -58
  101. package/src/core/hooks/usePrefersReducedMotion.test.tsx +0 -21
  102. package/src/core/hooks/usePrefersReducedMotion.ts +0 -16
  103. package/src/core/index.ts +0 -10
  104. package/src/core/lib/createGlobalScopedContext.ts +0 -37
  105. package/src/core/lib/globalScope.ts +0 -20
  106. package/src/core/lib/isRecord.ts +0 -3
  107. package/src/core/middleware/origin.ts +0 -47
  108. package/src/core/observers/elementSizeObserver.ts +0 -117
  109. package/src/core/observers/index.ts +0 -2
  110. package/src/core/observers/resizeObserver.ts +0 -9
  111. package/src/core/primitives/_selectable/index.ts +0 -1
  112. package/src/core/primitives/_selectable/selectable.tsx +0 -15
  113. package/src/core/primitives/_selectable/style.ts +0 -115
  114. package/src/core/primitives/avatar/avatar.tsx +0 -200
  115. package/src/core/primitives/avatar/avatarCounter.tsx +0 -91
  116. package/src/core/primitives/avatar/avatarStack.tsx +0 -101
  117. package/src/core/primitives/avatar/index.ts +0 -4
  118. package/src/core/primitives/avatar/styles.ts +0 -167
  119. package/src/core/primitives/avatar/types.ts +0 -17
  120. package/src/core/primitives/badge/badge.test.tsx +0 -17
  121. package/src/core/primitives/badge/badge.tsx +0 -72
  122. package/src/core/primitives/badge/index.ts +0 -1
  123. package/src/core/primitives/badge/styles.ts +0 -20
  124. package/src/core/primitives/badge/types.ts +0 -8
  125. package/src/core/primitives/box/box.test.tsx +0 -155
  126. package/src/core/primitives/box/box.tsx +0 -162
  127. package/src/core/primitives/box/index.ts +0 -1
  128. package/src/core/primitives/button/button.test.tsx +0 -86
  129. package/src/core/primitives/button/button.tsx +0 -214
  130. package/src/core/primitives/button/index.ts +0 -1
  131. package/src/core/primitives/button/styles.ts +0 -118
  132. package/src/core/primitives/card/card.tsx +0 -125
  133. package/src/core/primitives/card/index.ts +0 -2
  134. package/src/core/primitives/card/styles.ts +0 -147
  135. package/src/core/primitives/card/types.ts +0 -12
  136. package/src/core/primitives/checkbox/checkbox.tsx +0 -73
  137. package/src/core/primitives/checkbox/index.ts +0 -1
  138. package/src/core/primitives/checkbox/styles.ts +0 -128
  139. package/src/core/primitives/code/code.tsx +0 -56
  140. package/src/core/primitives/code/index.ts +0 -1
  141. package/src/core/primitives/code/refractor.tsx +0 -22
  142. package/src/core/primitives/code/styles.ts +0 -77
  143. package/src/core/primitives/container/container.tsx +0 -55
  144. package/src/core/primitives/container/index.ts +0 -2
  145. package/src/core/primitives/container/styles.ts +0 -23
  146. package/src/core/primitives/container/types.ts +0 -6
  147. package/src/core/primitives/flex/flex.tsx +0 -63
  148. package/src/core/primitives/flex/index.ts +0 -1
  149. package/src/core/primitives/grid/grid.test.tsx +0 -86
  150. package/src/core/primitives/grid/grid.tsx +0 -77
  151. package/src/core/primitives/grid/index.ts +0 -1
  152. package/src/core/primitives/heading/heading.tsx +0 -89
  153. package/src/core/primitives/heading/index.ts +0 -1
  154. package/src/core/primitives/heading/styles.ts +0 -64
  155. package/src/core/primitives/heading/types.ts +0 -7
  156. package/src/core/primitives/index.ts +0 -27
  157. package/src/core/primitives/inline/index.ts +0 -1
  158. package/src/core/primitives/inline/inline.test.tsx +0 -55
  159. package/src/core/primitives/inline/inline.tsx +0 -66
  160. package/src/core/primitives/inline/styles.ts +0 -32
  161. package/src/core/primitives/inline/types.ts +0 -6
  162. package/src/core/primitives/kbd/index.ts +0 -1
  163. package/src/core/primitives/kbd/kbd.tsx +0 -73
  164. package/src/core/primitives/label/index.ts +0 -1
  165. package/src/core/primitives/label/label.tsx +0 -88
  166. package/src/core/primitives/label/styles.ts +0 -45
  167. package/src/core/primitives/popover/constants.ts +0 -22
  168. package/src/core/primitives/popover/floating-ui/size.ts +0 -99
  169. package/src/core/primitives/popover/helpers.ts +0 -31
  170. package/src/core/primitives/popover/index.ts +0 -2
  171. package/src/core/primitives/popover/popover.tsx +0 -512
  172. package/src/core/primitives/popover/popoverCard.tsx +0 -167
  173. package/src/core/primitives/popover/types.ts +0 -6
  174. package/src/core/primitives/radio/index.ts +0 -1
  175. package/src/core/primitives/radio/radio.tsx +0 -51
  176. package/src/core/primitives/radio/styles.ts +0 -117
  177. package/src/core/primitives/select/index.ts +0 -1
  178. package/src/core/primitives/select/select.test.tsx +0 -56
  179. package/src/core/primitives/select/select.tsx +0 -95
  180. package/src/core/primitives/select/styles.ts +0 -166
  181. package/src/core/primitives/spinner/index.ts +0 -1
  182. package/src/core/primitives/spinner/spinner.tsx +0 -46
  183. package/src/core/primitives/stack/index.ts +0 -1
  184. package/src/core/primitives/stack/stack.test.tsx +0 -61
  185. package/src/core/primitives/stack/stack.tsx +0 -59
  186. package/src/core/primitives/stack/styles.ts +0 -33
  187. package/src/core/primitives/switch/index.ts +0 -1
  188. package/src/core/primitives/switch/styles.ts +0 -173
  189. package/src/core/primitives/switch/switch.tsx +0 -68
  190. package/src/core/primitives/text/index.ts +0 -1
  191. package/src/core/primitives/text/styles.ts +0 -74
  192. package/src/core/primitives/text/text.tsx +0 -90
  193. package/src/core/primitives/textArea/index.ts +0 -1
  194. package/src/core/primitives/textArea/textArea.tsx +0 -120
  195. package/src/core/primitives/textInput/index.ts +0 -1
  196. package/src/core/primitives/textInput/textInput.test.tsx +0 -52
  197. package/src/core/primitives/textInput/textInput.tsx +0 -398
  198. package/src/core/primitives/tooltip/constants.ts +0 -23
  199. package/src/core/primitives/tooltip/index.ts +0 -2
  200. package/src/core/primitives/tooltip/tooltip.test.tsx +0 -485
  201. package/src/core/primitives/tooltip/tooltip.tsx +0 -497
  202. package/src/core/primitives/tooltip/tooltipCard.tsx +0 -110
  203. package/src/core/primitives/tooltip/tooltipDelayGroup/index.ts +0 -4
  204. package/src/core/primitives/tooltip/tooltipDelayGroup/tooltipDelayGroupContext.tsx +0 -11
  205. package/src/core/primitives/tooltip/tooltipDelayGroup/tooltipDelayGroupProvider.tsx +0 -57
  206. package/src/core/primitives/tooltip/tooltipDelayGroup/types.ts +0 -12
  207. package/src/core/primitives/tooltip/tooltipDelayGroup/useTooltipDelayGroup.ts +0 -13
  208. package/src/core/primitives/types.ts +0 -179
  209. package/src/core/styles/border/borderStyle.ts +0 -56
  210. package/src/core/styles/border/index.ts +0 -2
  211. package/src/core/styles/border/types.ts +0 -10
  212. package/src/core/styles/box/boxStyle.ts +0 -69
  213. package/src/core/styles/box/index.ts +0 -2
  214. package/src/core/styles/box/types.ts +0 -11
  215. package/src/core/styles/card/_cardColorStyle.ts +0 -108
  216. package/src/core/styles/card/index.ts +0 -1
  217. package/src/core/styles/flex/flexItemStyle.ts +0 -27
  218. package/src/core/styles/flex/flexStyle.ts +0 -70
  219. package/src/core/styles/flex/index.ts +0 -3
  220. package/src/core/styles/flex/types.ts +0 -24
  221. package/src/core/styles/focusRing/index.ts +0 -25
  222. package/src/core/styles/font/codeFontStyle.ts +0 -13
  223. package/src/core/styles/font/headingFontStyle.ts +0 -13
  224. package/src/core/styles/font/index.ts +0 -6
  225. package/src/core/styles/font/labelFontStyle.ts +0 -13
  226. package/src/core/styles/font/responsiveFont.ts +0 -100
  227. package/src/core/styles/font/textAlignStyle.ts +0 -19
  228. package/src/core/styles/font/textFontStyle.ts +0 -13
  229. package/src/core/styles/font/types.ts +0 -33
  230. package/src/core/styles/grid/gridItemStyle.ts +0 -82
  231. package/src/core/styles/grid/gridStyle.ts +0 -109
  232. package/src/core/styles/grid/index.ts +0 -3
  233. package/src/core/styles/grid/types.ts +0 -37
  234. package/src/core/styles/helpers.ts +0 -72
  235. package/src/core/styles/index.ts +0 -5
  236. package/src/core/styles/input/index.ts +0 -2
  237. package/src/core/styles/input/responsiveInputPaddingStyle.ts +0 -78
  238. package/src/core/styles/input/textInputStyle.ts +0 -263
  239. package/src/core/styles/internal.ts +0 -12
  240. package/src/core/styles/margin/index.ts +0 -2
  241. package/src/core/styles/margin/marginStyle.ts +0 -22
  242. package/src/core/styles/margin/marginsStyle.test.ts +0 -34
  243. package/src/core/styles/margin/types.ts +0 -9
  244. package/src/core/styles/padding/index.ts +0 -2
  245. package/src/core/styles/padding/paddingStyle.test.ts +0 -34
  246. package/src/core/styles/padding/paddingStyle.ts +0 -22
  247. package/src/core/styles/padding/types.ts +0 -12
  248. package/src/core/styles/radius/index.ts +0 -2
  249. package/src/core/styles/radius/radiusStyle.ts +0 -23
  250. package/src/core/styles/radius/types.ts +0 -8
  251. package/src/core/styles/shadow/index.ts +0 -2
  252. package/src/core/styles/shadow/shadowStyle.ts +0 -29
  253. package/src/core/styles/shadow/types.ts +0 -6
  254. package/src/core/styles/types.ts +0 -8
  255. package/src/core/theme/index.ts +0 -5
  256. package/src/core/theme/theme.test.tsx +0 -77
  257. package/src/core/theme/themeColorProvider.tsx +0 -29
  258. package/src/core/theme/themeContext.ts +0 -10
  259. package/src/core/theme/themeProvider.tsx +0 -62
  260. package/src/core/theme/types.ts +0 -12
  261. package/src/core/theme/useRootTheme.ts +0 -18
  262. package/src/core/theme/useTheme.ts +0 -18
  263. package/src/core/types/avatar.ts +0 -14
  264. package/src/core/types/badge.ts +0 -12
  265. package/src/core/types/box.ts +0 -19
  266. package/src/core/types/button.ts +0 -21
  267. package/src/core/types/card.ts +0 -6
  268. package/src/core/types/component.ts +0 -32
  269. package/src/core/types/dialog.ts +0 -4
  270. package/src/core/types/flex.ts +0 -30
  271. package/src/core/types/grid.ts +0 -14
  272. package/src/core/types/gridItem.ts +0 -29
  273. package/src/core/types/index.ts +0 -15
  274. package/src/core/types/placement.ts +0 -18
  275. package/src/core/types/popover.ts +0 -4
  276. package/src/core/types/radius.ts +0 -4
  277. package/src/core/types/selectable.ts +0 -6
  278. package/src/core/types/text.ts +0 -4
  279. package/src/core/utils/arrow/arrow.tsx +0 -124
  280. package/src/core/utils/arrow/cmds.ts +0 -91
  281. package/src/core/utils/arrow/index.ts +0 -1
  282. package/src/core/utils/boundaryElement/boundaryElement.test.tsx +0 -105
  283. package/src/core/utils/boundaryElement/boundaryElementContext.ts +0 -7
  284. package/src/core/utils/boundaryElement/boundaryElementProvider.tsx +0 -24
  285. package/src/core/utils/boundaryElement/index.ts +0 -3
  286. package/src/core/utils/boundaryElement/types.ts +0 -7
  287. package/src/core/utils/boundaryElement/useBoundaryElement.ts +0 -26
  288. package/src/core/utils/conditionalWrapper/conditionalWrapper.tsx +0 -22
  289. package/src/core/utils/conditionalWrapper/index.ts +0 -1
  290. package/src/core/utils/elementQuery/elementQuery.tsx +0 -53
  291. package/src/core/utils/elementQuery/helpers.ts +0 -27
  292. package/src/core/utils/elementQuery/index.ts +0 -1
  293. package/src/core/utils/errorBoundary.tsx +0 -48
  294. package/src/core/utils/getElementRef.ts +0 -31
  295. package/src/core/utils/index.ts +0 -9
  296. package/src/core/utils/layer/getLayerContext.test.ts +0 -32
  297. package/src/core/utils/layer/getLayerContext.ts +0 -21
  298. package/src/core/utils/layer/index.ts +0 -4
  299. package/src/core/utils/layer/layer.test.tsx +0 -113
  300. package/src/core/utils/layer/layer.tsx +0 -99
  301. package/src/core/utils/layer/layerContext.ts +0 -7
  302. package/src/core/utils/layer/layerProvider.tsx +0 -111
  303. package/src/core/utils/layer/types.ts +0 -9
  304. package/src/core/utils/layer/useLayer.ts +0 -28
  305. package/src/core/utils/portal/index.ts +0 -4
  306. package/src/core/utils/portal/portal.test.tsx +0 -108
  307. package/src/core/utils/portal/portal.ts +0 -32
  308. package/src/core/utils/portal/portalContext.ts +0 -31
  309. package/src/core/utils/portal/portalProvider.tsx +0 -48
  310. package/src/core/utils/portal/types.ts +0 -9
  311. package/src/core/utils/portal/usePortal.ts +0 -25
  312. package/src/core/utils/spanWithTextOverflow.tsx +0 -10
  313. package/src/core/utils/srOnly/index.ts +0 -1
  314. package/src/core/utils/srOnly/srOnly.tsx +0 -36
  315. package/src/core/utils/virtualList/index.ts +0 -1
  316. package/src/core/utils/virtualList/virtualList.tsx +0 -201
  317. package/src/theme/build/_deprecated/color/_selectable/createSelectableTones.ts +0 -86
  318. package/src/theme/build/_deprecated/color/_solid/createSolidTones.ts +0 -58
  319. package/src/theme/build/_deprecated/color/button/createButtonModes.ts +0 -27
  320. package/src/theme/build/_deprecated/color/button/createButtonTones.ts +0 -60
  321. package/src/theme/build/_deprecated/color/card/createCardStates.ts +0 -66
  322. package/src/theme/build/_deprecated/color/color.test.ts +0 -67
  323. package/src/theme/build/_deprecated/color/defaults.ts +0 -391
  324. package/src/theme/build/_deprecated/color/factory.ts +0 -178
  325. package/src/theme/build/_deprecated/color/index.ts +0 -1
  326. package/src/theme/build/_deprecated/color/input/createInputModes.ts +0 -86
  327. package/src/theme/build/_deprecated/color/muted/createMuted.ts +0 -58
  328. package/src/theme/build/_deprecated/color/spot/createSpot.ts +0 -23
  329. package/src/theme/build/buildColorTheme.test.ts +0 -185
  330. package/src/theme/build/buildColorTheme.ts +0 -507
  331. package/src/theme/build/buildTheme.test.ts +0 -89
  332. package/src/theme/build/buildTheme.ts +0 -36
  333. package/src/theme/build/colorToken/colorToken.ts +0 -19
  334. package/src/theme/build/colorToken/compileColorToken.ts +0 -21
  335. package/src/theme/build/colorToken/index.ts +0 -2
  336. package/src/theme/build/colorToken/types.ts +0 -6
  337. package/src/theme/build/index.ts +0 -3
  338. package/src/theme/build/lib/color-fns/blend/index.ts +0 -3
  339. package/src/theme/build/lib/color-fns/blend/mix.ts +0 -21
  340. package/src/theme/build/lib/color-fns/blend/multiply.ts +0 -18
  341. package/src/theme/build/lib/color-fns/blend/screen.ts +0 -18
  342. package/src/theme/build/lib/color-fns/color-fns.test.ts +0 -70
  343. package/src/theme/build/lib/color-fns/contrastRatio.ts +0 -31
  344. package/src/theme/build/lib/color-fns/convert.ts +0 -150
  345. package/src/theme/build/lib/color-fns/index.ts +0 -6
  346. package/src/theme/build/lib/color-fns/parse.ts +0 -60
  347. package/src/theme/build/lib/color-fns/rgba.ts +0 -10
  348. package/src/theme/build/lib/color-fns/types.ts +0 -28
  349. package/src/theme/build/lib/isRecord.ts +0 -3
  350. package/src/theme/build/lib/lazy.ts +0 -30
  351. package/src/theme/build/lib/utils.ts +0 -19
  352. package/src/theme/build/merge.ts +0 -31
  353. package/src/theme/build/mixThemeColor.test.ts +0 -23
  354. package/src/theme/build/mixThemeColor.ts +0 -53
  355. package/src/theme/build/renderColorTheme.ts +0 -538
  356. package/src/theme/build/renderColorValue.ts +0 -83
  357. package/src/theme/build/resolveColorTokens.ts +0 -274
  358. package/src/theme/build/theme.test.ts +0 -29
  359. package/src/theme/config/helpers.ts +0 -60
  360. package/src/theme/config/index.ts +0 -4
  361. package/src/theme/config/system.ts +0 -117
  362. package/src/theme/config/tokens/color/index.ts +0 -1
  363. package/src/theme/config/tokens/color/types.ts +0 -135
  364. package/src/theme/config/tokens/index.ts +0 -4
  365. package/src/theme/config/tokens/parseTokenKey.test.ts +0 -66
  366. package/src/theme/config/tokens/parseTokenKey.ts +0 -67
  367. package/src/theme/config/tokens/parseTokenValue.test.ts +0 -44
  368. package/src/theme/config/tokens/parseTokenValue.ts +0 -134
  369. package/src/theme/config/tokens/types.ts +0 -53
  370. package/src/theme/config/types.ts +0 -46
  371. package/src/theme/defaults/colorPalette.ts +0 -5
  372. package/src/theme/defaults/colorTokens.ts +0 -648
  373. package/src/theme/defaults/config.ts +0 -84
  374. package/src/theme/defaults/fonts.ts +0 -227
  375. package/src/theme/getScopedTheme.ts +0 -103
  376. package/src/theme/index.ts +0 -5
  377. package/src/theme/system/avatar.ts +0 -14
  378. package/src/theme/system/color/_constants.ts +0 -45
  379. package/src/theme/system/color/_helpers.ts +0 -28
  380. package/src/theme/system/color/_system.ts +0 -40
  381. package/src/theme/system/color/avatar.ts +0 -15
  382. package/src/theme/system/color/badge.ts +0 -16
  383. package/src/theme/system/color/button.ts +0 -17
  384. package/src/theme/system/color/color.ts +0 -34
  385. package/src/theme/system/color/index.ts +0 -13
  386. package/src/theme/system/color/input.ts +0 -25
  387. package/src/theme/system/color/kbd.ts +0 -8
  388. package/src/theme/system/color/selectable.ts +0 -12
  389. package/src/theme/system/color/shadow.ts +0 -7
  390. package/src/theme/system/color/state.ts +0 -43
  391. package/src/theme/system/color/syntax.ts +0 -41
  392. package/src/theme/system/css.ts +0 -14
  393. package/src/theme/system/focusRing.ts +0 -7
  394. package/src/theme/system/font.ts +0 -52
  395. package/src/theme/system/index.ts +0 -11
  396. package/src/theme/system/input.ts +0 -33
  397. package/src/theme/system/layer.ts +0 -8
  398. package/src/theme/system/shadow.ts +0 -19
  399. package/src/theme/system/styles.ts +0 -13
  400. package/src/theme/system/theme.ts +0 -142
  401. package/src/theme/system/v0/avatar.ts +0 -10
  402. package/src/theme/system/v0/color/_generic.ts +0 -35
  403. package/src/theme/system/v0/color/_system.ts +0 -18
  404. package/src/theme/system/v0/color/base.ts +0 -21
  405. package/src/theme/system/v0/color/button.ts +0 -56
  406. package/src/theme/system/v0/color/card.ts +0 -25
  407. package/src/theme/system/v0/color/color.ts +0 -51
  408. package/src/theme/system/v0/color/index.ts +0 -11
  409. package/src/theme/system/v0/color/input.ts +0 -40
  410. package/src/theme/system/v0/color/muted.ts +0 -37
  411. package/src/theme/system/v0/color/selectable.ts +0 -42
  412. package/src/theme/system/v0/color/solid.ts +0 -37
  413. package/src/theme/system/v0/color/spot.ts +0 -14
  414. package/src/theme/system/v0/index.ts +0 -3
  415. package/src/theme/system/v0/input.ts +0 -23
  416. package/src/theme/versioning/getTheme_v2.ts +0 -72
  417. package/src/theme/versioning/index.ts +0 -5
  418. package/src/theme/versioning/is_v0.ts +0 -6
  419. package/src/theme/versioning/is_v2.ts +0 -6
  420. package/src/theme/versioning/themeColor_v0_v2.ts +0 -250
  421. package/src/theme/versioning/themeColor_v2_v2_9.ts +0 -50
  422. package/src/theme/versioning/v0_v2.ts +0 -106
  423. package/src/theme/versioning/v2_v0.ts +0 -153
@@ -1,7 +0,0 @@
1
- /** @public */
2
- export interface ThemeColorShadow {
3
- outline: string
4
- umbra: string
5
- penumbra: string
6
- ambient: string
7
- }
@@ -1,43 +0,0 @@
1
- import {ThemeColorBlendModeKey} from './_system'
2
- import {ThemeColorAvatar_v2} from './avatar'
3
- import {ThemeColorBadge_v2} from './badge'
4
- import {ThemeColorKBD} from './kbd'
5
-
6
- /**
7
- * @public
8
- */
9
- export interface ThemeColorState_v2 {
10
- /** @internal */
11
- _blend?: ThemeColorBlendModeKey
12
- accent: {
13
- fg: string
14
- }
15
- /**
16
- * @internal This may be removed in a future release
17
- * */
18
- avatar: ThemeColorAvatar_v2
19
- /**
20
- * @internal This may be removed in a future release
21
- * */
22
- badge: ThemeColorBadge_v2
23
- bg: string
24
- border: string
25
- code: {
26
- bg: string
27
- fg: string
28
- }
29
- fg: string
30
- icon: string
31
- kbd: ThemeColorKBD
32
- link: {
33
- fg: string
34
- }
35
- muted: {
36
- bg: string
37
- fg: string
38
- }
39
- skeleton: {
40
- from: string
41
- to: string
42
- }
43
- }
@@ -1,41 +0,0 @@
1
- /**
2
- * @public
3
- */
4
- export interface ThemeColorSyntax {
5
- atrule: string
6
- attrName: string
7
- attrValue: string
8
- attribute: string
9
- boolean: string
10
- builtin: string
11
- cdata: string
12
- char: string
13
- class: string
14
- className: string
15
- comment: string
16
- constant: string
17
- deleted: string
18
- doctype: string
19
- entity: string
20
- function: string
21
- hexcode: string
22
- id: string
23
- important: string
24
- inserted: string
25
- keyword: string
26
- number: string
27
- operator: string
28
- prolog: string
29
- property: string
30
- pseudoClass: string
31
- pseudoElement: string
32
- punctuation: string
33
- regex: string
34
- selector: string
35
- string: string
36
- symbol: string
37
- tag: string
38
- unit: string
39
- url: string
40
- variable: string
41
- }
@@ -1,14 +0,0 @@
1
- import type * as CSS from 'csstype'
2
-
3
- /**
4
- * A CSS-in-JS style object: standard CSS properties plus an index signature that allows nested
5
- * selectors, at-rules and custom properties.
6
- *
7
- * This is a self-owned definition (based on `csstype`) so the published `.d.ts` types stay fully
8
- * controlled by us and do not reference any external CSS-in-JS library types.
9
- *
10
- * @internal
11
- */
12
- export interface CSSObject extends CSS.Properties<number | (string & {})> {
13
- [key: string]: CSSObject | string | number | undefined
14
- }
@@ -1,7 +0,0 @@
1
- /**
2
- * @public
3
- */
4
- export interface ThemeFocusRing {
5
- offset: number
6
- width: number
7
- }
@@ -1,52 +0,0 @@
1
- /**
2
- * @public
3
- */
4
- export type ThemeFontKey = 'code' | 'heading' | 'label' | 'text'
5
-
6
- /**
7
- * @public
8
- */
9
- export type ThemeFontWeightKey = 'regular' | 'medium' | 'semibold' | 'bold'
10
-
11
- /**
12
- * @public
13
- */
14
- export interface ThemeFontSize {
15
- ascenderHeight: number
16
- descenderHeight: number
17
- fontSize: number
18
- iconSize: number
19
- letterSpacing: number
20
- lineHeight: number
21
- }
22
-
23
- /**
24
- * @public
25
- */
26
- export interface ThemeFontWeight {
27
- regular: number
28
- medium: number
29
- semibold: number
30
- bold: number
31
- }
32
-
33
- /**
34
- * @public
35
- */
36
- export interface ThemeFont {
37
- family: string
38
- weights: ThemeFontWeight
39
- sizes: ThemeFontSize[]
40
- /** @deprecated No longer supported. */
41
- horizontalOffset?: number
42
- }
43
-
44
- /**
45
- * @public
46
- */
47
- export interface ThemeFonts {
48
- code: ThemeFont
49
- heading: ThemeFont
50
- label: ThemeFont
51
- text: ThemeFont
52
- }
@@ -1,11 +0,0 @@
1
- export * from './avatar'
2
- export * from './color'
3
- export * from './css'
4
- export * from './focusRing'
5
- export * from './font'
6
- export * from './input'
7
- export * from './layer'
8
- export * from './shadow'
9
- export * from './styles'
10
- export * from './theme'
11
- export * from './v0'
@@ -1,33 +0,0 @@
1
- import {ThemeFocusRing} from './focusRing'
2
-
3
- /**
4
- * @public
5
- */
6
- export interface ThemeInput_v2 {
7
- checkbox: {
8
- size: number
9
- focusRing: ThemeFocusRing
10
- }
11
- radio: {
12
- size: number
13
- markSize: number
14
- focusRing: ThemeFocusRing
15
- }
16
- switch: {
17
- width: number
18
- height: number
19
- padding: number
20
- transitionDurationMs: number
21
- transitionTimingFunction: string
22
- focusRing: ThemeFocusRing
23
- }
24
- border: {
25
- width: number
26
- }
27
- select: {
28
- focusRing: ThemeFocusRing
29
- }
30
- text: {
31
- focusRing: ThemeFocusRing
32
- }
33
- }
@@ -1,8 +0,0 @@
1
- /**
2
- * @public
3
- */
4
- export interface ThemeLayer {
5
- dialog: {zOffset: number}
6
- popover: {zOffset: number}
7
- tooltip: {zOffset: number}
8
- }
@@ -1,19 +0,0 @@
1
- /**
2
- * @public
3
- */
4
- export type ThemeBoxShadow = [
5
- // offsetX, offsetY, blurRadius, spreadRadius
6
- number,
7
- number,
8
- number,
9
- number,
10
- ]
11
-
12
- /**
13
- * @public
14
- */
15
- export interface ThemeShadow {
16
- umbra: ThemeBoxShadow
17
- penumbra: ThemeBoxShadow
18
- ambient: ThemeBoxShadow
19
- }
@@ -1,13 +0,0 @@
1
- import {CSSObject} from './css'
2
-
3
- /**
4
- * @internal
5
- */
6
- export interface ThemeStyles {
7
- button?: {
8
- root?: CSSObject
9
- }
10
- card?: {
11
- root?: CSSObject
12
- }
13
- }
@@ -1,142 +0,0 @@
1
- import {ThemeAvatar_v2} from './avatar'
2
- import {ThemeColorCard_v2, ThemeColorSchemes_v2} from './color'
3
- import {ThemeFocusRing} from './focusRing'
4
- import {ThemeFonts, ThemeFontWeightKey} from './font'
5
- import {ThemeInput_v2} from './input'
6
- import {ThemeLayer} from './layer'
7
- import {ThemeShadow} from './shadow'
8
- import {ThemeStyles} from './styles'
9
- import {ThemeAvatar, ThemeColor, ThemeColorSchemes, ThemeInput} from './v0'
10
-
11
- /**
12
- * @public
13
- */
14
- export interface RootTheme_v2 {
15
- _version: 2
16
- avatar: ThemeAvatar_v2
17
- button: {
18
- border: {width: number}
19
- focusRing: ThemeFocusRing
20
- textWeight: ThemeFontWeightKey
21
- }
22
- card: {
23
- border: {width: number}
24
- focusRing: ThemeFocusRing
25
- shadow: {outline: number}
26
- }
27
- color: ThemeColorSchemes_v2
28
- container: number[]
29
- font: ThemeFonts
30
- input: ThemeInput_v2
31
- layer: ThemeLayer
32
- media: number[]
33
- radius: number[]
34
- shadow: Array<ThemeShadow | null>
35
- space: number[]
36
- /** @internal */
37
- style?: ThemeStyles
38
- }
39
-
40
- /**
41
- * @public
42
- */
43
- export interface BaseTheme {
44
- _version?: 0
45
- /**
46
- * @deprecated Use `v2.avatar` instead
47
- */
48
- // oxlint-disable-next-line no-deprecated
49
- avatar: ThemeAvatar
50
- /**
51
- * @deprecated Use `v2.button` instead
52
- */
53
- button: {
54
- textWeight: ThemeFontWeightKey
55
- }
56
- /**
57
- * @deprecated Use `v2.color` instead
58
- */
59
- // oxlint-disable-next-line no-deprecated
60
- color: ThemeColorSchemes
61
- /**
62
- * @deprecated Use `v2.container` instead
63
- */
64
- container: number[]
65
- /**
66
- * @deprecated Use component-specific `v2.{button | card | input}.focusRing` values instead
67
- */
68
- focusRing: {
69
- offset: number
70
- width: number
71
- }
72
- /**
73
- * @deprecated Use `v2.font` instead
74
- */
75
- fonts: ThemeFonts
76
- /**
77
- * @deprecated Use `v2.input` instead
78
- */
79
- // oxlint-disable-next-line no-deprecated
80
- input: ThemeInput
81
- /**
82
- * THIS API MAY BE UNSTABLE. DO NOT USE IN PRODUCTION.
83
- * @beta
84
- * @deprecated Use `v2.layer` instead
85
- */
86
- layer?: ThemeLayer
87
- /**
88
- * @deprecated Use `v2.media` instead
89
- */
90
- media: number[]
91
- /**
92
- * @deprecated Use `v2.radius` instead
93
- */
94
- radius: number[]
95
- /**
96
- * @deprecated Use `v2.shadow` instead
97
- */
98
- shadows: Array<ThemeShadow | null>
99
- /**
100
- * @deprecated Use `v2.space` instead
101
- */
102
- space: number[]
103
- /**
104
- * @internal
105
- * @deprecated Use `v2.style` instead
106
- */
107
- styles?: ThemeStyles
108
-
109
- v2?: RootTheme_v2
110
- }
111
-
112
- /**
113
- * @public
114
- */
115
- export type RootTheme = BaseTheme
116
-
117
- /**
118
- * @public
119
- */
120
- export type Theme_v2 = Omit<RootTheme_v2, 'color'> & {
121
- color: ThemeColorCard_v2
122
- /**
123
- * Indicates whether the theme is resolved or raw, it's necessary to avoid issues
124
- * with sanity V2 components accessing a v1 <ThemeProvider>.
125
- * See https://github.com/sanity-io/ui/pull/1203 for more info.
126
- */
127
- _resolved: boolean
128
- }
129
-
130
- /**
131
- * @public
132
- */
133
- export interface Theme {
134
- sanity: Omit<RootTheme, 'color' | 'v2'> & {
135
- /**
136
- * @deprecated Use `v2.color` instead
137
- */
138
- // oxlint-disable-next-line no-deprecated
139
- color: ThemeColor
140
- v2?: Theme_v2
141
- }
142
- }
@@ -1,10 +0,0 @@
1
- /**
2
- * @public
3
- * @deprecated Use `ThemeAvatar_v2` from `@sanity/ui/theme` instead.
4
- */
5
- export interface ThemeAvatar {
6
- sizes: {
7
- distance: number
8
- size: number
9
- }[]
10
- }
@@ -1,35 +0,0 @@
1
- import {ThemeColorBlendModeKey} from '../../color/_system'
2
-
3
- /**
4
- * @public
5
- * @deprecated Use `ThemeColorState_v2` instead.
6
- */
7
- export interface ThemeColorGenericState {
8
- /** @internal */
9
- _blend?: ThemeColorBlendModeKey
10
- bg: string
11
- /**
12
- * @beta
13
- */
14
- bg2?: string
15
- border: string
16
- fg: string
17
- icon: string
18
- muted: {
19
- fg: string
20
- }
21
- accent: {
22
- fg: string
23
- }
24
- link: {
25
- fg: string
26
- }
27
- code: {
28
- bg: string
29
- fg: string
30
- }
31
- skeleton?: {
32
- from: string
33
- to: string
34
- }
35
- }
@@ -1,18 +0,0 @@
1
- /**
2
- * @public
3
- * @deprecated Use `ThemeColorCardToneKey` instead.
4
- */
5
- export type ThemeColorName =
6
- | 'transparent'
7
- | 'default'
8
- | 'primary'
9
- | 'positive'
10
- | 'caution'
11
- | 'critical'
12
-
13
- /**
14
- * @public
15
- * @deprecated Use `ThemeColorCardToneKey` instead.
16
- */
17
- // oxlint-disable-next-line no-deprecated
18
- export type ThemeColorToneKey = ThemeColorName
@@ -1,21 +0,0 @@
1
- /**
2
- * @public
3
- * @deprecated Use `ThemeColorCard_v2` instead.
4
- */
5
- export interface ThemeColorBase {
6
- bg: string
7
- fg: string
8
- border: string
9
- focusRing: string
10
- backdrop?: string
11
- shadow: {
12
- outline: string
13
- umbra: string
14
- penumbra: string
15
- ambient: string
16
- }
17
- skeleton?: {
18
- from: string
19
- to: string
20
- }
21
- }
@@ -1,56 +0,0 @@
1
- import {ThemeColorGenericState} from './_generic'
2
-
3
- /**
4
- * @public
5
- * @deprecated Use `ThemeColorState_v2` instead.
6
- */
7
- // oxlint-disable-next-line no-deprecated
8
- export type ThemeColorButtonState = ThemeColorGenericState
9
-
10
- /**
11
- * @public
12
- * @deprecated Use `ThemeColorButtonStates_v2` instead.
13
- */
14
- export interface ThemeColorButtonStates {
15
- // oxlint-disable-next-line no-deprecated
16
- enabled: ThemeColorGenericState
17
- // oxlint-disable-next-line no-deprecated
18
- hovered: ThemeColorGenericState
19
- // oxlint-disable-next-line no-deprecated
20
- pressed: ThemeColorGenericState
21
- // oxlint-disable-next-line no-deprecated
22
- selected: ThemeColorGenericState
23
- // oxlint-disable-next-line no-deprecated
24
- disabled: ThemeColorGenericState
25
- }
26
-
27
- /**
28
- * TODO: Rename to `ThemeColorButtonMode`.
29
- * @public
30
- * @deprecated Use `ThemeColorButtonTones_v2` instead.
31
- */
32
- export interface ThemeColorButtonTones {
33
- // oxlint-disable-next-line no-deprecated
34
- default: ThemeColorButtonStates
35
- // oxlint-disable-next-line no-deprecated
36
- primary: ThemeColorButtonStates
37
- // oxlint-disable-next-line no-deprecated
38
- positive: ThemeColorButtonStates
39
- // oxlint-disable-next-line no-deprecated
40
- caution: ThemeColorButtonStates
41
- // oxlint-disable-next-line no-deprecated
42
- critical: ThemeColorButtonStates
43
- }
44
-
45
- /**
46
- * @public
47
- * @deprecated Use `ThemeColorButton_v2` instead.
48
- */
49
- export interface ThemeColorButton {
50
- // oxlint-disable-next-line no-deprecated
51
- default: ThemeColorButtonTones
52
- // oxlint-disable-next-line no-deprecated
53
- ghost: ThemeColorButtonTones
54
- // oxlint-disable-next-line no-deprecated
55
- bleed: ThemeColorButtonTones
56
- }
@@ -1,25 +0,0 @@
1
- import {ThemeColorGenericState} from './_generic'
2
-
3
- /**
4
- * @public
5
- * @deprecated Use `ThemeColorState_v2` instead.
6
- */
7
- // oxlint-disable-next-line no-deprecated
8
- export type ThemeColorCardState = ThemeColorGenericState
9
-
10
- /**
11
- * @public
12
- * @deprecated Use `ThemeColorSelectable_v2` instead.
13
- */
14
- export interface ThemeColorCard {
15
- // oxlint-disable-next-line no-deprecated
16
- enabled: ThemeColorGenericState
17
- // oxlint-disable-next-line no-deprecated
18
- hovered: ThemeColorGenericState
19
- // oxlint-disable-next-line no-deprecated
20
- pressed: ThemeColorGenericState
21
- // oxlint-disable-next-line no-deprecated
22
- selected: ThemeColorGenericState
23
- // oxlint-disable-next-line no-deprecated
24
- disabled: ThemeColorGenericState
25
- }
@@ -1,51 +0,0 @@
1
- import {ThemeColorSchemeKey, ThemeColorSyntax} from '../../color'
2
- import {ThemeColorGenericState} from './_generic'
3
- import {ThemeColorName} from './_system'
4
- import {ThemeColorBase} from './base'
5
- import {ThemeColorButton} from './button'
6
- import {ThemeColorCard} from './card'
7
- import {ThemeColorInput} from './input'
8
- import {ThemeColorMuted} from './muted'
9
- import {ThemeColorSelectable} from './selectable'
10
- import {ThemeColorSolid} from './solid'
11
- import {ThemeColorSpot} from './spot'
12
-
13
- /**
14
- * @public
15
- * @deprecated Use `ThemeColor_v2` instead.
16
- */
17
- // oxlint-disable-next-line no-deprecated
18
- export interface ThemeColor extends Partial<Omit<ThemeColorGenericState, 'muted'>> {
19
- // oxlint-disable-next-line no-deprecated
20
- base: ThemeColorBase
21
- // oxlint-disable-next-line no-deprecated
22
- button: ThemeColorButton
23
- // oxlint-disable-next-line no-deprecated
24
- card: ThemeColorCard
25
- dark: boolean
26
- // oxlint-disable-next-line no-deprecated
27
- input: ThemeColorInput
28
- // oxlint-disable-next-line no-deprecated
29
- muted: ThemeColorMuted
30
- // oxlint-disable-next-line no-deprecated
31
- selectable?: ThemeColorSelectable
32
- // oxlint-disable-next-line no-deprecated
33
- solid: ThemeColorSolid
34
- // oxlint-disable-next-line no-deprecated
35
- spot: ThemeColorSpot
36
- syntax: ThemeColorSyntax
37
- }
38
-
39
- /**
40
- * @public
41
- * @deprecated Use `ThemeColorScheme_v2` instead.
42
- */
43
- // oxlint-disable-next-line no-deprecated
44
- export type ThemeColorScheme = Record<ThemeColorName, ThemeColor>
45
-
46
- /**
47
- * @public
48
- * @deprecated Use `ThemeColorSchemes_v2` instead.
49
- */
50
- // oxlint-disable-next-line no-deprecated
51
- export type ThemeColorSchemes = Record<ThemeColorSchemeKey, ThemeColorScheme>
@@ -1,11 +0,0 @@
1
- export * from './_generic'
2
- export * from './_system'
3
- export * from './base'
4
- export * from './button'
5
- export * from './card'
6
- export * from './color'
7
- export * from './input'
8
- export * from './muted'
9
- export * from './selectable'
10
- export * from './solid'
11
- export * from './spot'
@@ -1,40 +0,0 @@
1
- import {ThemeColorBlendModeKey} from '../../color/_system'
2
-
3
- /**
4
- * @public
5
- * @deprecated Use `ThemeColorInputState_v2` instead.
6
- */
7
- export interface ThemeColorInputState {
8
- _blend?: ThemeColorBlendModeKey
9
- bg: string
10
- bg2: string
11
- border: string
12
- fg: string
13
- placeholder: string
14
- }
15
-
16
- /**
17
- * @public
18
- * @deprecated Use `ThemeColorInputMode_v2` instead.
19
- */
20
- export interface ThemeColorInputStates {
21
- // oxlint-disable-next-line no-deprecated
22
- enabled: ThemeColorInputState
23
- // oxlint-disable-next-line no-deprecated
24
- disabled: ThemeColorInputState
25
- // oxlint-disable-next-line no-deprecated
26
- hovered: ThemeColorInputState
27
- // oxlint-disable-next-line no-deprecated
28
- readOnly: ThemeColorInputState
29
- }
30
-
31
- /**
32
- * @public
33
- * @deprecated Use `ThemeColorInput_v2` instead.
34
- */
35
- export interface ThemeColorInput {
36
- // oxlint-disable-next-line no-deprecated
37
- default: ThemeColorInputStates
38
- // oxlint-disable-next-line no-deprecated
39
- invalid: ThemeColorInputStates
40
- }