@sanity/ui 2.16.21 → 2.16.23

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 (328) hide show
  1. package/dist/_chunks-cjs/_visual-editing.js +121 -1046
  2. package/dist/_chunks-cjs/_visual-editing.js.map +1 -1
  3. package/dist/_chunks-cjs/refractor.js.map +1 -1
  4. package/dist/_chunks-es/_visual-editing.mjs +116 -1041
  5. package/dist/_chunks-es/_visual-editing.mjs.map +1 -1
  6. package/dist/_chunks-es/refractor.mjs.map +1 -1
  7. package/dist/_visual-editing.d.mts +411 -351
  8. package/dist/_visual-editing.d.ts +411 -351
  9. package/dist/index.d.mts +1107 -930
  10. package/dist/index.d.ts +1107 -930
  11. package/dist/index.js +67 -158
  12. package/dist/index.js.map +1 -1
  13. package/dist/index.mjs +65 -156
  14. package/dist/index.mjs.map +1 -1
  15. package/dist/theme.d.mts +769 -681
  16. package/dist/theme.d.ts +769 -681
  17. package/dist/theme.js +47 -0
  18. package/dist/theme.js.map +1 -1
  19. package/dist/theme.mjs +47 -0
  20. package/dist/theme.mjs.map +1 -1
  21. package/exports/_visual-editing.ts +1 -0
  22. package/package.json +50 -163
  23. package/src/core/_compat.ts +30 -0
  24. package/src/core/components/autocomplete/autocomplete.tsx +11 -4
  25. package/src/core/components/autocomplete/autocompleteOption.tsx +1 -0
  26. package/src/core/components/breadcrumbs/breadcrumbs.tsx +1 -0
  27. package/src/core/components/dialog/dialog.tsx +3 -0
  28. package/src/core/components/hotkeys/hotkeys.tsx +1 -0
  29. package/src/core/components/menu/menu.test.tsx +6 -4
  30. package/src/core/components/menu/menu.tsx +3 -2
  31. package/src/core/components/menu/menuButton.tsx +8 -0
  32. package/src/core/components/menu/menuGroup.tsx +5 -2
  33. package/src/core/components/menu/menuItem.tsx +4 -0
  34. package/src/core/components/menu/useMenuController.ts +6 -4
  35. package/src/core/components/skeleton/skeleton.tsx +2 -1
  36. package/src/core/components/tab/tab.tsx +1 -0
  37. package/src/core/components/tab/tabList.tsx +1 -0
  38. package/src/core/components/toast/toast.test.tsx +9 -4
  39. package/src/core/components/toast/toast.tsx +1 -1
  40. package/src/core/components/toast/toastProvider.tsx +1 -1
  41. package/src/core/components/tree/tree.tsx +1 -0
  42. package/src/core/components/tree/treeGroup.tsx +1 -0
  43. package/src/core/components/tree/treeItem.tsx +2 -2
  44. package/src/core/constants.ts +2 -2
  45. package/src/core/hooks/useClickOutside.test.tsx +43 -15
  46. package/src/core/hooks/useClickOutside.ts +1 -1
  47. package/src/core/hooks/useClickOutsideEvent.test.tsx +8 -4
  48. package/src/core/hooks/useDelayed.test.ts +7 -6
  49. package/src/core/hooks/useElementRect/useElementRect.ts +1 -0
  50. package/src/core/hooks/useForwardedRef.ts +1 -0
  51. package/src/core/hooks/useMediaIndex/useMediaIndex.test.tsx +2 -1
  52. package/src/core/hooks/usePrefersDark.hydration.test.tsx +7 -5
  53. package/src/core/hooks/usePrefersDark.test.tsx +3 -1
  54. package/src/core/hooks/usePrefersReducedMotion.hydration.test.tsx +7 -5
  55. package/src/core/hooks/usePrefersReducedMotion.test.tsx +3 -1
  56. package/src/core/lib/createGlobalScopedContext.ts +1 -0
  57. package/src/core/lib/globalScope.ts +1 -0
  58. package/src/core/observers/elementSizeObserver.ts +1 -0
  59. package/src/core/primitives/avatar/avatar.tsx +1 -2
  60. package/src/core/primitives/avatar/avatarStack.tsx +1 -0
  61. package/src/core/primitives/badge/badge.test.tsx +3 -2
  62. package/src/core/primitives/badge/badge.tsx +2 -1
  63. package/src/core/primitives/box/box.tsx +2 -1
  64. package/src/core/primitives/button/button.test.tsx +3 -2
  65. package/src/core/primitives/button/button.tsx +2 -0
  66. package/src/core/primitives/button/styles.ts +1 -0
  67. package/src/core/primitives/card/card.tsx +1 -5
  68. package/src/core/primitives/card/types.ts +1 -0
  69. package/src/core/primitives/code/refractor.tsx +2 -0
  70. package/src/core/primitives/flex/flex.tsx +1 -3
  71. package/src/core/primitives/inline/inline.tsx +1 -0
  72. package/src/core/primitives/popover/popover.tsx +13 -4
  73. package/src/core/primitives/popover/popoverCard.tsx +2 -1
  74. package/src/core/primitives/popover/types.ts +0 -1
  75. package/src/core/primitives/stack/styles.ts +1 -0
  76. package/src/core/primitives/textInput/textInput.tsx +2 -0
  77. package/src/core/primitives/tooltip/tooltip.test.tsx +82 -49
  78. package/src/core/primitives/tooltip/tooltip.tsx +6 -1
  79. package/src/core/primitives/tooltip/tooltipCard.tsx +2 -1
  80. package/src/core/primitives/tooltip/tooltipDelayGroup/types.ts +2 -0
  81. package/src/core/styles/flex/types.ts +0 -1
  82. package/src/core/styles/font/responsiveFont.ts +0 -3
  83. package/src/core/styles/font/types.ts +1 -3
  84. package/src/core/styles/grid/gridStyle.ts +1 -0
  85. package/src/core/styles/margin/marginStyle.ts +1 -0
  86. package/src/core/styles/margin/marginsStyle.test.ts +2 -1
  87. package/src/core/styles/padding/paddingStyle.test.ts +2 -1
  88. package/src/core/styles/padding/paddingStyle.ts +1 -0
  89. package/src/core/theme/theme.test.tsx +7 -3
  90. package/src/core/theme/useRootTheme.ts +1 -0
  91. package/src/core/theme/useTheme.ts +2 -0
  92. package/src/core/utils/arrow/arrow.tsx +1 -0
  93. package/src/core/utils/boundaryElement/boundaryElement.test.tsx +9 -4
  94. package/src/core/utils/conditionalWrapper/conditionalWrapper.tsx +1 -0
  95. package/src/core/utils/getElementRef.ts +5 -0
  96. package/src/core/utils/layer/getLayerContext.test.ts +2 -0
  97. package/src/core/utils/layer/layer.test.tsx +9 -4
  98. package/src/core/utils/layer/layer.tsx +1 -0
  99. package/src/core/utils/layer/useLayer.ts +2 -0
  100. package/src/core/utils/portal/portal.test.tsx +9 -4
  101. package/src/core/utils/portal/portalProvider.tsx +4 -3
  102. package/src/core/utils/virtualList/virtualList.tsx +2 -1
  103. package/src/theme/build/_deprecated/color/_selectable/createSelectableTones.ts +10 -0
  104. package/src/theme/build/_deprecated/color/_solid/createSolidTones.ts +4 -0
  105. package/src/theme/build/_deprecated/color/button/createButtonModes.ts +5 -0
  106. package/src/theme/build/_deprecated/color/button/createButtonTones.ts +5 -0
  107. package/src/theme/build/_deprecated/color/card/createCardStates.ts +6 -0
  108. package/src/theme/build/_deprecated/color/color.test.ts +5 -1
  109. package/src/theme/build/_deprecated/color/defaults.ts +1 -0
  110. package/src/theme/build/_deprecated/color/factory.ts +36 -0
  111. package/src/theme/build/_deprecated/color/input/createInputModes.ts +5 -0
  112. package/src/theme/build/_deprecated/color/muted/createMuted.ts +4 -0
  113. package/src/theme/build/_deprecated/color/spot/createSpot.ts +3 -0
  114. package/src/theme/build/buildColorTheme.test.ts +2 -0
  115. package/src/theme/build/buildColorTheme.ts +7 -0
  116. package/src/theme/build/buildTheme.test.ts +2 -0
  117. package/src/theme/build/lib/color-fns/color-fns.test.ts +3 -1
  118. package/src/theme/build/merge.ts +5 -0
  119. package/src/theme/build/mixThemeColor.test.ts +2 -0
  120. package/src/theme/build/renderColorTheme.ts +6 -0
  121. package/src/theme/build/renderColorValue.ts +0 -2
  122. package/src/theme/build/resolveColorTokens.ts +6 -0
  123. package/src/theme/build/theme.test.ts +2 -0
  124. package/src/theme/config/helpers.ts +5 -0
  125. package/src/theme/config/system.ts +2 -0
  126. package/src/theme/config/tokens/color/types.ts +6 -4
  127. package/src/theme/config/tokens/parseTokenKey.test.ts +2 -0
  128. package/src/theme/config/tokens/parseTokenValue.test.ts +2 -0
  129. package/src/theme/config/tokens/parseTokenValue.ts +1 -0
  130. package/src/theme/getScopedTheme.ts +5 -0
  131. package/src/theme/system/color/_helpers.ts +4 -0
  132. package/src/theme/system/theme.ts +4 -0
  133. package/src/theme/system/v0/color/_system.ts +1 -0
  134. package/src/theme/system/v0/color/button.ts +14 -0
  135. package/src/theme/system/v0/color/card.ts +6 -0
  136. package/src/theme/system/v0/color/color.ts +11 -0
  137. package/src/theme/system/v0/color/input.ts +6 -0
  138. package/src/theme/system/v0/color/muted.ts +11 -0
  139. package/src/theme/system/v0/color/selectable.ts +11 -0
  140. package/src/theme/system/v0/color/solid.ts +11 -0
  141. package/src/theme/system/v0/color/spot.ts +1 -0
  142. package/src/theme/versioning/getTheme_v2.ts +15 -0
  143. package/src/theme/versioning/themeColor_v0_v2.ts +7 -0
  144. package/src/theme/versioning/themeColor_v2_v2_9.ts +1 -0
  145. package/src/theme/versioning/v0_v2.ts +13 -1
  146. package/src/theme/versioning/v2_v0.ts +15 -0
  147. package/src/core/__workshop__/constants.ts +0 -293
  148. package/src/core/components/autocomplete/__mocks__/apiStore.ts +0 -49
  149. package/src/core/components/autocomplete/__mocks__/countries.ts +0 -245
  150. package/src/core/components/autocomplete/__workshop__/async.tsx +0 -156
  151. package/src/core/components/autocomplete/__workshop__/constrainedHeight.tsx +0 -137
  152. package/src/core/components/autocomplete/__workshop__/custom.tsx +0 -89
  153. package/src/core/components/autocomplete/__workshop__/example.tsx +0 -79
  154. package/src/core/components/autocomplete/__workshop__/focusAndBlur.tsx +0 -36
  155. package/src/core/components/autocomplete/__workshop__/fullscreen.tsx +0 -294
  156. package/src/core/components/autocomplete/__workshop__/index.ts +0 -39
  157. package/src/core/components/autocomplete/__workshop__/types.ts +0 -4
  158. package/src/core/components/breadcrumbs/__workshop__/example.tsx +0 -62
  159. package/src/core/components/breadcrumbs/__workshop__/index.ts +0 -14
  160. package/src/core/components/dialog/__workshop__/activate.tsx +0 -134
  161. package/src/core/components/dialog/__workshop__/autoFocus.tsx +0 -29
  162. package/src/core/components/dialog/__workshop__/index.ts +0 -19
  163. package/src/core/components/dialog/__workshop__/layering.tsx +0 -41
  164. package/src/core/components/dialog/__workshop__/nested.tsx +0 -72
  165. package/src/core/components/dialog/__workshop__/onScroll.tsx +0 -39
  166. package/src/core/components/dialog/__workshop__/panes.tsx +0 -82
  167. package/src/core/components/dialog/__workshop__/position.tsx +0 -30
  168. package/src/core/components/dialog/__workshop__/props.tsx +0 -75
  169. package/src/core/components/dialog/__workshop__/provider.tsx +0 -11
  170. package/src/core/components/dialog/__workshop__/wrapped.tsx +0 -76
  171. package/src/core/components/hotkeys/__workshop__/index.ts +0 -14
  172. package/src/core/components/hotkeys/__workshop__/plain.tsx +0 -9
  173. package/src/core/components/menu/__workshop__/asComponent.tsx +0 -45
  174. package/src/core/components/menu/__workshop__/avatarMenu.tsx +0 -51
  175. package/src/core/components/menu/__workshop__/closableMenuButton.tsx +0 -46
  176. package/src/core/components/menu/__workshop__/constrainedInBoundary.tsx +0 -134
  177. package/src/core/components/menu/__workshop__/customMenuItem.tsx +0 -45
  178. package/src/core/components/menu/__workshop__/customSelectedState.tsx +0 -39
  179. package/src/core/components/menu/__workshop__/disableFocusOnClose.tsx +0 -40
  180. package/src/core/components/menu/__workshop__/groups.tsx +0 -156
  181. package/src/core/components/menu/__workshop__/index.ts +0 -89
  182. package/src/core/components/menu/__workshop__/menuButton.tsx +0 -80
  183. package/src/core/components/menu/__workshop__/menuGroupRight.tsx +0 -65
  184. package/src/core/components/menu/__workshop__/nestedMenu.tsx +0 -22
  185. package/src/core/components/menu/__workshop__/onCloseMenuButton.tsx +0 -41
  186. package/src/core/components/menu/__workshop__/selectedItem.tsx +0 -69
  187. package/src/core/components/menu/__workshop__/shouldFocus.tsx +0 -47
  188. package/src/core/components/menu/__workshop__/tones.tsx +0 -25
  189. package/src/core/components/menu/__workshop__/withoutArrow.tsx +0 -32
  190. package/src/core/components/skeleton/__workshop__/delay.tsx +0 -70
  191. package/src/core/components/skeleton/__workshop__/index.ts +0 -11
  192. package/src/core/components/skeleton/__workshop__/skeleton.tsx +0 -64
  193. package/src/core/components/tab/__workshop__/example.tsx +0 -79
  194. package/src/core/components/tab/__workshop__/index.ts +0 -14
  195. package/src/core/components/toast/__workshop__/hook.tsx +0 -71
  196. package/src/core/components/toast/__workshop__/index.ts +0 -19
  197. package/src/core/components/toast/__workshop__/toast.tsx +0 -26
  198. package/src/core/components/tree/__workshop__/basic.perf.ts +0 -19
  199. package/src/core/components/tree/__workshop__/basic.tsx +0 -105
  200. package/src/core/components/tree/__workshop__/index.ts +0 -21
  201. package/src/core/components/tree/__workshop__/tabFromElement.tsx +0 -84
  202. package/src/core/hooks/useElementRect/__workshop__/example.tsx +0 -32
  203. package/src/core/hooks/useElementRect/__workshop__/index.ts +0 -14
  204. package/src/core/hooks/useMediaIndex/__workshop__/index.ts +0 -14
  205. package/src/core/hooks/useMediaIndex/__workshop__/test.tsx +0 -14
  206. package/src/core/primitives/avatar/__workshop__/asButton.tsx +0 -14
  207. package/src/core/primitives/avatar/__workshop__/index.ts +0 -29
  208. package/src/core/primitives/avatar/__workshop__/stack.tsx +0 -25
  209. package/src/core/primitives/avatar/__workshop__/withinButton.tsx +0 -63
  210. package/src/core/primitives/avatar/__workshop__/withinMenuItem.tsx +0 -70
  211. package/src/core/primitives/badge/__workshop__/index.ts +0 -19
  212. package/src/core/primitives/badge/__workshop__/props.tsx +0 -30
  213. package/src/core/primitives/badge/__workshop__/tones.tsx +0 -21
  214. package/src/core/primitives/box/__workshop__/index.ts +0 -19
  215. package/src/core/primitives/box/__workshop__/props.tsx +0 -20
  216. package/src/core/primitives/box/__workshop__/responsive.tsx +0 -20
  217. package/src/core/primitives/button/__workshop__/custom.tsx +0 -51
  218. package/src/core/primitives/button/__workshop__/customIcons.tsx +0 -30
  219. package/src/core/primitives/button/__workshop__/disabled.tsx +0 -74
  220. package/src/core/primitives/button/__workshop__/index.ts +0 -59
  221. package/src/core/primitives/button/__workshop__/mixedChildren.tsx +0 -12
  222. package/src/core/primitives/button/__workshop__/props.tsx +0 -55
  223. package/src/core/primitives/button/__workshop__/sanityUploadButton.tsx +0 -36
  224. package/src/core/primitives/button/__workshop__/stacked.tsx +0 -58
  225. package/src/core/primitives/button/__workshop__/styled1.tsx +0 -17
  226. package/src/core/primitives/button/__workshop__/styled2.tsx +0 -19
  227. package/src/core/primitives/button/__workshop__/uploadButton.tsx +0 -28
  228. package/src/core/primitives/card/__workshop__/allTones.tsx +0 -25
  229. package/src/core/primitives/card/__workshop__/asButton.tsx +0 -107
  230. package/src/core/primitives/card/__workshop__/asComponent.tsx +0 -27
  231. package/src/core/primitives/card/__workshop__/checkered.tsx +0 -26
  232. package/src/core/primitives/card/__workshop__/index.ts +0 -18
  233. package/src/core/primitives/card/__workshop__/interactive.tsx +0 -30
  234. package/src/core/primitives/card/__workshop__/listNavigation.tsx +0 -80
  235. package/src/core/primitives/card/__workshop__/props.tsx +0 -53
  236. package/src/core/primitives/card/__workshop__/selected.tsx +0 -94
  237. package/src/core/primitives/card/__workshop__/styled.tsx +0 -14
  238. package/src/core/primitives/checkbox/__workshop__/example.tsx +0 -25
  239. package/src/core/primitives/checkbox/__workshop__/index.ts +0 -13
  240. package/src/core/primitives/checkbox/__workshop__/props.tsx +0 -33
  241. package/src/core/primitives/checkbox/__workshop__/readOnly.tsx +0 -16
  242. package/src/core/primitives/checkbox/__workshop__/tones.tsx +0 -28
  243. package/src/core/primitives/code/__workshop__/index.ts +0 -19
  244. package/src/core/primitives/code/__workshop__/opticalAlignment.tsx +0 -48
  245. package/src/core/primitives/code/__workshop__/props.tsx +0 -21
  246. package/src/core/primitives/container/__workshop__/example.tsx +0 -20
  247. package/src/core/primitives/container/__workshop__/index.ts +0 -8
  248. package/src/core/primitives/flex/__workshop__/example.tsx +0 -34
  249. package/src/core/primitives/flex/__workshop__/gap.tsx +0 -25
  250. package/src/core/primitives/flex/__workshop__/index.ts +0 -11
  251. package/src/core/primitives/grid/__workshop__/index.ts +0 -10
  252. package/src/core/primitives/grid/__workshop__/responsive.tsx +0 -54
  253. package/src/core/primitives/heading/__workshop__/index.ts +0 -19
  254. package/src/core/primitives/heading/__workshop__/opticalAlignment.tsx +0 -54
  255. package/src/core/primitives/heading/__workshop__/plain.tsx +0 -32
  256. package/src/core/primitives/inline/__workshop__/index.ts +0 -8
  257. package/src/core/primitives/inline/__workshop__/plain.tsx +0 -27
  258. package/src/core/primitives/kbd/__workshop__/index.ts +0 -8
  259. package/src/core/primitives/kbd/__workshop__/plain.tsx +0 -9
  260. package/src/core/primitives/label/__workshop__/index.ts +0 -19
  261. package/src/core/primitives/label/__workshop__/opticalAlignment.tsx +0 -48
  262. package/src/core/primitives/label/__workshop__/plain.tsx +0 -24
  263. package/src/core/primitives/popover/__workshop__/AlignedStory.tsx +0 -77
  264. package/src/core/primitives/popover/__workshop__/MarginsStory.tsx +0 -31
  265. package/src/core/primitives/popover/__workshop__/MatchReferenceWidthStory.tsx +0 -32
  266. package/src/core/primitives/popover/__workshop__/OpenOnMountStory.tsx +0 -11
  267. package/src/core/primitives/popover/__workshop__/PlainStory.tsx +0 -71
  268. package/src/core/primitives/popover/__workshop__/RecursiveStory.tsx +0 -71
  269. package/src/core/primitives/popover/__workshop__/SidePanelStory.tsx +0 -89
  270. package/src/core/primitives/popover/__workshop__/TestStory.tsx +0 -97
  271. package/src/core/primitives/popover/__workshop__/index.ts +0 -49
  272. package/src/core/primitives/radio/__workshop__/example.tsx +0 -63
  273. package/src/core/primitives/radio/__workshop__/index.ts +0 -11
  274. package/src/core/primitives/radio/__workshop__/plain.tsx +0 -28
  275. package/src/core/primitives/select/__workshop__/index.ts +0 -11
  276. package/src/core/primitives/select/__workshop__/plain.tsx +0 -27
  277. package/src/core/primitives/select/__workshop__/readOnly.tsx +0 -23
  278. package/src/core/primitives/spinner/__workshop__/Props.tsx +0 -15
  279. package/src/core/primitives/spinner/__workshop__/index.ts +0 -14
  280. package/src/core/primitives/stack/__workshop__/index.ts +0 -14
  281. package/src/core/primitives/stack/__workshop__/plain.tsx +0 -32
  282. package/src/core/primitives/switch/__workshop__/example.tsx +0 -23
  283. package/src/core/primitives/switch/__workshop__/index.ts +0 -11
  284. package/src/core/primitives/switch/__workshop__/props.tsx +0 -21
  285. package/src/core/primitives/text/__workshop__/colored.tsx +0 -30
  286. package/src/core/primitives/text/__workshop__/example.tsx +0 -39
  287. package/src/core/primitives/text/__workshop__/index.ts +0 -24
  288. package/src/core/primitives/text/__workshop__/opticalAlignment.tsx +0 -48
  289. package/src/core/primitives/textArea/__workshop__/index.ts +0 -14
  290. package/src/core/primitives/textArea/__workshop__/plain.tsx +0 -50
  291. package/src/core/primitives/textInput/__workshop__/clearButton.tsx +0 -30
  292. package/src/core/primitives/textInput/__workshop__/customValidity.tsx +0 -17
  293. package/src/core/primitives/textInput/__workshop__/index.ts +0 -44
  294. package/src/core/primitives/textInput/__workshop__/plain.tsx +0 -98
  295. package/src/core/primitives/textInput/__workshop__/readOnly.tsx +0 -9
  296. package/src/core/primitives/textInput/__workshop__/states.tsx +0 -53
  297. package/src/core/primitives/textInput/__workshop__/tones.tsx +0 -277
  298. package/src/core/primitives/textInput/__workshop__/typed.tsx +0 -23
  299. package/src/core/primitives/tooltip/__workshop__/customPortal.tsx +0 -102
  300. package/src/core/primitives/tooltip/__workshop__/index.ts +0 -29
  301. package/src/core/primitives/tooltip/__workshop__/overflowingBoundary.tsx +0 -74
  302. package/src/core/primitives/tooltip/__workshop__/props.tsx +0 -107
  303. package/src/core/primitives/tooltip/__workshop__/resizableBoundary.tsx +0 -86
  304. package/src/core/theme/__workshop__/build/Root.tsx +0 -367
  305. package/src/core/theme/__workshop__/build/helpers.ts +0 -46
  306. package/src/core/theme/__workshop__/build/story.tsx +0 -465
  307. package/src/core/theme/__workshop__/canvas.tsx +0 -352
  308. package/src/core/theme/__workshop__/color.tsx +0 -62
  309. package/src/core/theme/__workshop__/debug/story.tsx +0 -408
  310. package/src/core/theme/__workshop__/index.ts +0 -39
  311. package/src/core/theme/__workshop__/layer.tsx +0 -78
  312. package/src/core/theme/__workshop__/nestedProvider.tsx +0 -15
  313. package/src/core/utils/boundaryElement/__workshop__/index.ts +0 -14
  314. package/src/core/utils/boundaryElement/__workshop__/plain.tsx +0 -19
  315. package/src/core/utils/elementQuery/__workshop__/customMedia.tsx +0 -30
  316. package/src/core/utils/elementQuery/__workshop__/index.ts +0 -14
  317. package/src/core/utils/layer/__workshop__/_debug.tsx +0 -17
  318. package/src/core/utils/layer/__workshop__/index.ts +0 -24
  319. package/src/core/utils/layer/__workshop__/multipleRoots.tsx +0 -49
  320. package/src/core/utils/layer/__workshop__/nested.tsx +0 -98
  321. package/src/core/utils/layer/__workshop__/responsiveZOffset.tsx +0 -13
  322. package/src/core/utils/portal/__workshop__/index.ts +0 -14
  323. package/src/core/utils/portal/__workshop__/named.tsx +0 -63
  324. package/src/core/utils/virtualList/__workshop__/changingProps.tsx +0 -36
  325. package/src/core/utils/virtualList/__workshop__/elementScroll.tsx +0 -24
  326. package/src/core/utils/virtualList/__workshop__/index.ts +0 -29
  327. package/src/core/utils/virtualList/__workshop__/infiniteList.tsx +0 -48
  328. package/src/core/utils/virtualList/__workshop__/windowScrolll.tsx +0 -22
@@ -43,6 +43,7 @@ function renderThemeColorScheme(
43
43
  colorPalette: ThemeColorPalette,
44
44
  value: ThemeColorScheme_v2,
45
45
  ): ThemeColorScheme_v2 {
46
+ // oxlint-disable-next-line no-unsafe-type-assertion
46
47
  const toneEntries = Object.entries(value) as [ThemeColorCardToneKey, ThemeColorCard_v2][]
47
48
 
48
49
  const [, transparentTone] = toneEntries.find(([k]) => k === 'transparent')!
@@ -61,6 +62,7 @@ function renderThemeColorScheme(
61
62
  throw new Error('Cannot blend with white background')
62
63
  }
63
64
 
65
+ // oxlint-disable-next-line no-unsafe-type-assertion
64
66
  return Object.fromEntries([
65
67
  ['transparent', renderedTransparentTone],
66
68
  ['default', renderedDefaultTone],
@@ -190,6 +192,7 @@ function renderThemeColorAvatar(
190
192
  colorPalette: ThemeColorPalette
191
193
  },
192
194
  ): ThemeColorAvatar_v2 {
195
+ // oxlint-disable-next-line no-unsafe-type-assertion
193
196
  const colorAvatar = {} as ThemeColorAvatar_v2
194
197
 
195
198
  for (const hue of COLOR_HUES) {
@@ -239,6 +242,7 @@ function renderThemeColorBadge(
239
242
  colorPalette: ThemeColorPalette
240
243
  },
241
244
  ): ThemeColorBadge_v2 {
245
+ // oxlint-disable-next-line no-unsafe-type-assertion
242
246
  const colorBadge = {} as ThemeColorBadge_v2
243
247
 
244
248
  for (const tone of THEME_COLOR_STATE_TONES) {
@@ -305,6 +309,7 @@ function renderThemeColorButtonTones(
305
309
  colorPalette: ThemeColorPalette
306
310
  },
307
311
  ): ThemeColorButtonMode_v2 {
312
+ // oxlint-disable-next-line no-unsafe-type-assertion
308
313
  const colorButtonMode = {} as ThemeColorButtonMode_v2
309
314
 
310
315
  for (const tone of THEME_COLOR_STATE_TONES) {
@@ -454,6 +459,7 @@ function renderThemeColorSelectable(
454
459
  colorPalette: ThemeColorPalette
455
460
  },
456
461
  ): ThemeColorSelectable_v2 {
462
+ // oxlint-disable-next-line no-unsafe-type-assertion
457
463
  const colorSelectable = {} as ThemeColorSelectable_v2
458
464
 
459
465
  for (const tone of THEME_COLOR_STATE_TONES) {
@@ -62,13 +62,11 @@ export function renderColorValue(str: string, options: RenderColorValueOptions):
62
62
  hex = rgbToHex(mix(from, to, node.mix))
63
63
  }
64
64
  } catch (err) {
65
- // eslint-disable-next-line no-console
66
65
  console.warn('could not blend', hex, mixOptions)
67
66
  throw err
68
67
  }
69
68
 
70
69
  if (hex === '#aN') {
71
- // eslint-disable-next-line no-console
72
70
  console.warn(`invalid color token value: ${str}`)
73
71
  hex = hexBeforeMix
74
72
  }
@@ -69,12 +69,14 @@ function resolveBaseColorTones(
69
69
  _hue: hue,
70
70
  avatar: COLOR_HUES.reduce((acc, hue) => {
71
71
  return {
72
+ // oxlint-disable-next-line no-accumulating-spread
72
73
  ...acc,
73
74
  [hue]: merge({_hue: hue}, spec.avatar?.['*'], spec.avatar?.[hue]),
74
75
  }
75
76
  }, {} as ThemeColorAvatarTokens),
76
77
  badge: THEME_COLOR_STATE_TONES.reduce((acc, tone) => {
77
78
  return {
79
+ // oxlint-disable-next-line no-accumulating-spread
78
80
  ...acc,
79
81
  [tone]: {
80
82
  _hue: inputTokens?.base?.[tone]?._hue || hue,
@@ -145,12 +147,14 @@ function resolveButtonStateColorTokens(
145
147
  _hue: hue,
146
148
  avatar: COLOR_HUES.reduce((acc, hue) => {
147
149
  return {
150
+ // oxlint-disable-next-line no-accumulating-spread
148
151
  ...acc,
149
152
  [hue]: merge({_hue: hue}, spec.avatar?.['*'], spec.avatar?.[hue]),
150
153
  }
151
154
  }, {} as ThemeColorAvatarTokens),
152
155
  badge: THEME_COLOR_STATE_TONES.reduce((acc, tone) => {
153
156
  return {
157
+ // oxlint-disable-next-line no-accumulating-spread
154
158
  ...acc,
155
159
  [tone]: {
156
160
  _hue: inputTokens?.base?.[tone]?._hue || hue,
@@ -250,12 +254,14 @@ function resolveSelectableStateColorTokens(
250
254
  _hue: hue,
251
255
  avatar: COLOR_HUES.reduce((acc, hue) => {
252
256
  return {
257
+ // oxlint-disable-next-line no-accumulating-spread
253
258
  ...acc,
254
259
  [hue]: merge({_hue: hue}, spec.avatar?.['*'], spec.avatar?.[hue]),
255
260
  }
256
261
  }, {} as ThemeColorAvatarTokens),
257
262
  badge: THEME_COLOR_STATE_TONES.reduce((acc, tone) => {
258
263
  return {
264
+ // oxlint-disable-next-line no-accumulating-spread
259
265
  ...acc,
260
266
  [tone]: {
261
267
  _hue: inputTokens?.base?.[tone]?._hue || hue,
@@ -1,3 +1,5 @@
1
+ import {expect, it} from 'vitest'
2
+
1
3
  import {buildTheme} from './buildTheme'
2
4
  import {getContrastRatio} from './lib/color-fns'
3
5
 
@@ -16,26 +16,31 @@ import {parseTokenValue} from './tokens'
16
16
 
17
17
  /** @internal */
18
18
  export function isColorConfigBaseTone(str: string): str is ColorConfigCardTone {
19
+ // oxlint-disable-next-line no-unsafe-type-assertion
19
20
  return COLOR_CONFIG_CARD_TONES.includes(str as ColorConfigCardTone)
20
21
  }
21
22
 
22
23
  /** @internal */
23
24
  export function isColorConfigBaseKey(str: string): str is ColorConfigCardKey {
25
+ // oxlint-disable-next-line no-unsafe-type-assertion
24
26
  return COLOR_CONFIG_CARD_KEYS.includes(str as ColorConfigCardKey)
25
27
  }
26
28
 
27
29
  /** @internal */
28
30
  export function isColorConfigStateKey(str: string): str is ColorConfigStateKey {
31
+ // oxlint-disable-next-line no-unsafe-type-assertion
29
32
  return COLOR_CONFIG_STATE_KEYS.includes(str as ColorConfigStateKey)
30
33
  }
31
34
 
32
35
  /** @internal */
33
36
  export function isColorConfigStateTone(str: string): str is ColorConfigStateTone {
37
+ // oxlint-disable-next-line no-unsafe-type-assertion
34
38
  return COLOR_CONFIG_STATE_TONES.includes(str as ColorConfigStateTone)
35
39
  }
36
40
 
37
41
  /** @internal */
38
42
  export function isColorConfigBlendKey(str: string): str is ColorConfigBlendKey {
43
+ // oxlint-disable-next-line no-unsafe-type-assertion
39
44
  return COLOR_CONFIG_BLEND_KEYS.includes(str as ColorConfigBlendKey)
40
45
  }
41
46
 
@@ -63,11 +63,13 @@ export type ColorConfigValue =
63
63
  | `white`
64
64
  | `black/${ColorConfigOpacityValue}`
65
65
  | `white/${ColorConfigOpacityValue}`
66
+ // oxlint-disable-next-line no-unnecessary-template-expression
66
67
  | `${ColorHueKey}`
67
68
  | `${ColorHueKey} ${number}%`
68
69
  | `${ColorHueKey}/${ColorTintKey}`
69
70
  | `${ColorHueKey}/${ColorTintKey} ${number}%`
70
71
  | `${ColorHueKey}/${ColorTintKey}/${ColorConfigOpacityValue}`
72
+ // oxlint-disable-next-line no-unnecessary-template-expression
71
73
  | `${ColorTintKey}`
72
74
  | `${ColorTintKey} ${number}%`
73
75
  | `${ColorTintKey}/${ColorConfigOpacityValue}`
@@ -99,8 +99,9 @@ export interface ThemeColorStateTokens {
99
99
  export type ThemeColorStatesTokens = Partial<Record<ColorConfigState, ThemeColorStateTokens>>
100
100
 
101
101
  /** @public */
102
- export interface ThemeColorButtonTokens
103
- extends Partial<Record<ColorConfigStateTone, ThemeColorStatesTokens>> {
102
+ export interface ThemeColorButtonTokens extends Partial<
103
+ Record<ColorConfigStateTone, ThemeColorStatesTokens>
104
+ > {
104
105
  _hue?: ColorHueKey
105
106
  }
106
107
 
@@ -118,8 +119,9 @@ export interface ThemeColorInputStateTokens {
118
119
  }
119
120
 
120
121
  /** @public */
121
- export interface ThemeColorInputTokens
122
- extends Partial<Record<ColorConfigInputState, ThemeColorInputStateTokens>> {
122
+ export interface ThemeColorInputTokens extends Partial<
123
+ Record<ColorConfigInputState, ThemeColorInputStateTokens>
124
+ > {
123
125
  _hue?: ColorHueKey
124
126
  }
125
127
 
@@ -1,3 +1,5 @@
1
+ import {expect, test} from 'vitest'
2
+
1
3
  import {parseTokenKey} from './parseTokenKey'
2
4
 
3
5
  test('parse token key', () => {
@@ -1,3 +1,5 @@
1
+ import {expect, test} from 'vitest'
2
+
1
3
  import {parseTokenValue} from './parseTokenValue'
2
4
 
3
5
  test('parse color value', () => {
@@ -45,6 +45,7 @@ export function parseTokenValue(str: string): TokenValueNode | undefined {
45
45
  }
46
46
 
47
47
  if (isColorValue(segment0)) {
48
+ // oxlint-disable-next-line no-unnecessary-type-assertion
48
49
  const key = segment0 as 'black' | 'white'
49
50
  const segment1 = segments.shift() || ''
50
51
 
@@ -29,8 +29,11 @@ export function getScopedTheme(
29
29
  const v0 = is_v2(themeProp) ? v2_v0(themeProp) : themeProp
30
30
  const v2 = is_v2(themeProp) ? themeProp : v0_v2(themeProp)
31
31
 
32
+ // oxlint-disable-next-line no-deprecated
32
33
  const colorScheme_v0 = v0.color[scheme] || v0.color.light
34
+ // oxlint-disable-next-line no-deprecated
33
35
  const color_v0 = (colorScheme_v0 as Record<string, ThemeColor>)[tone] || colorScheme_v0.default
36
+ // oxlint-disable-next-line no-deprecated
34
37
  const layer_v0 = v0.layer || defaultThemeConfig.layer
35
38
 
36
39
  const colorScheme_v2 = v2.color[scheme] || v2.color.light
@@ -41,7 +44,9 @@ export function getScopedTheme(
41
44
  const theme: Theme = {
42
45
  sanity: {
43
46
  ...v0,
47
+ // oxlint-disable-next-line no-deprecated
44
48
  color: color_v0,
49
+ // oxlint-disable-next-line no-deprecated
45
50
  layer: layer_v0,
46
51
  v2: {
47
52
  ...v2,
@@ -5,20 +5,24 @@ import {ThemeColorBlendModeKey, ThemeColorButtonModeKey} from './_system'
5
5
 
6
6
  /** @internal */
7
7
  export function isColorBlendModeValue(str: string): str is ThemeColorBlendModeKey {
8
+ // oxlint-disable-next-line no-unsafe-type-assertion
8
9
  return THEME_COLOR_BLEND_MODES.includes(str as ThemeColorBlendModeKey)
9
10
  }
10
11
 
11
12
  /** @internal */
12
13
  export function isColorHueKey(str: string): str is ColorHueKey {
14
+ // oxlint-disable-next-line no-unsafe-type-assertion
13
15
  return COLOR_HUES.includes(str as ColorHueKey)
14
16
  }
15
17
 
16
18
  /** @internal */
17
19
  export function isColorTintKey(str: string): str is ColorTintKey {
20
+ // oxlint-disable-next-line no-unsafe-type-assertion
18
21
  return COLOR_TINTS.includes(str as ColorTintKey)
19
22
  }
20
23
 
21
24
  /** @internal */
22
25
  export function isColorButtonMode(str: string): str is ThemeColorButtonModeKey {
26
+ // oxlint-disable-next-line no-unsafe-type-assertion
23
27
  return THEME_COLOR_BUTTON_MODES.includes(str as ThemeColorButtonModeKey)
24
28
  }
@@ -45,6 +45,7 @@ export interface BaseTheme {
45
45
  /**
46
46
  * @deprecated Use `v2.avatar` instead
47
47
  */
48
+ // oxlint-disable-next-line no-deprecated
48
49
  avatar: ThemeAvatar
49
50
  /**
50
51
  * @deprecated Use `v2.button` instead
@@ -55,6 +56,7 @@ export interface BaseTheme {
55
56
  /**
56
57
  * @deprecated Use `v2.color` instead
57
58
  */
59
+ // oxlint-disable-next-line no-deprecated
58
60
  color: ThemeColorSchemes
59
61
  /**
60
62
  * @deprecated Use `v2.container` instead
@@ -74,6 +76,7 @@ export interface BaseTheme {
74
76
  /**
75
77
  * @deprecated Use `v2.input` instead
76
78
  */
79
+ // oxlint-disable-next-line no-deprecated
77
80
  input: ThemeInput
78
81
  /**
79
82
  * THIS API MAY BE UNSTABLE. DO NOT USE IN PRODUCTION.
@@ -132,6 +135,7 @@ export interface Theme {
132
135
  /**
133
136
  * @deprecated Use `v2.color` instead
134
137
  */
138
+ // oxlint-disable-next-line no-deprecated
135
139
  color: ThemeColor
136
140
  v2?: Theme_v2
137
141
  }
@@ -14,4 +14,5 @@ export type ThemeColorName =
14
14
  * @public
15
15
  * @deprecated Use `ThemeColorCardToneKey` instead.
16
16
  */
17
+ // oxlint-disable-next-line no-deprecated
17
18
  export type ThemeColorToneKey = ThemeColorName
@@ -4,6 +4,7 @@ import {ThemeColorGenericState} from './_generic'
4
4
  * @public
5
5
  * @deprecated Use `ThemeColorState_v2` instead.
6
6
  */
7
+ // oxlint-disable-next-line no-deprecated
7
8
  export type ThemeColorButtonState = ThemeColorGenericState
8
9
 
9
10
  /**
@@ -11,10 +12,15 @@ export type ThemeColorButtonState = ThemeColorGenericState
11
12
  * @deprecated Use `ThemeColorButtonStates_v2` instead.
12
13
  */
13
14
  export interface ThemeColorButtonStates {
15
+ // oxlint-disable-next-line no-deprecated
14
16
  enabled: ThemeColorGenericState
17
+ // oxlint-disable-next-line no-deprecated
15
18
  hovered: ThemeColorGenericState
19
+ // oxlint-disable-next-line no-deprecated
16
20
  pressed: ThemeColorGenericState
21
+ // oxlint-disable-next-line no-deprecated
17
22
  selected: ThemeColorGenericState
23
+ // oxlint-disable-next-line no-deprecated
18
24
  disabled: ThemeColorGenericState
19
25
  }
20
26
 
@@ -24,10 +30,15 @@ export interface ThemeColorButtonStates {
24
30
  * @deprecated Use `ThemeColorButtonTones_v2` instead.
25
31
  */
26
32
  export interface ThemeColorButtonTones {
33
+ // oxlint-disable-next-line no-deprecated
27
34
  default: ThemeColorButtonStates
35
+ // oxlint-disable-next-line no-deprecated
28
36
  primary: ThemeColorButtonStates
37
+ // oxlint-disable-next-line no-deprecated
29
38
  positive: ThemeColorButtonStates
39
+ // oxlint-disable-next-line no-deprecated
30
40
  caution: ThemeColorButtonStates
41
+ // oxlint-disable-next-line no-deprecated
31
42
  critical: ThemeColorButtonStates
32
43
  }
33
44
 
@@ -36,7 +47,10 @@ export interface ThemeColorButtonTones {
36
47
  * @deprecated Use `ThemeColorButton_v2` instead.
37
48
  */
38
49
  export interface ThemeColorButton {
50
+ // oxlint-disable-next-line no-deprecated
39
51
  default: ThemeColorButtonTones
52
+ // oxlint-disable-next-line no-deprecated
40
53
  ghost: ThemeColorButtonTones
54
+ // oxlint-disable-next-line no-deprecated
41
55
  bleed: ThemeColorButtonTones
42
56
  }
@@ -4,6 +4,7 @@ import {ThemeColorGenericState} from './_generic'
4
4
  * @public
5
5
  * @deprecated Use `ThemeColorState_v2` instead.
6
6
  */
7
+ // oxlint-disable-next-line no-deprecated
7
8
  export type ThemeColorCardState = ThemeColorGenericState
8
9
 
9
10
  /**
@@ -11,9 +12,14 @@ export type ThemeColorCardState = ThemeColorGenericState
11
12
  * @deprecated Use `ThemeColorSelectable_v2` instead.
12
13
  */
13
14
  export interface ThemeColorCard {
15
+ // oxlint-disable-next-line no-deprecated
14
16
  enabled: ThemeColorGenericState
17
+ // oxlint-disable-next-line no-deprecated
15
18
  hovered: ThemeColorGenericState
19
+ // oxlint-disable-next-line no-deprecated
16
20
  pressed: ThemeColorGenericState
21
+ // oxlint-disable-next-line no-deprecated
17
22
  selected: ThemeColorGenericState
23
+ // oxlint-disable-next-line no-deprecated
18
24
  disabled: ThemeColorGenericState
19
25
  }
@@ -14,15 +14,24 @@ import {ThemeColorSpot} from './spot'
14
14
  * @public
15
15
  * @deprecated Use `ThemeColor_v2` instead.
16
16
  */
17
+ // oxlint-disable-next-line no-deprecated
17
18
  export interface ThemeColor extends Partial<Omit<ThemeColorGenericState, 'muted'>> {
19
+ // oxlint-disable-next-line no-deprecated
18
20
  base: ThemeColorBase
21
+ // oxlint-disable-next-line no-deprecated
19
22
  button: ThemeColorButton
23
+ // oxlint-disable-next-line no-deprecated
20
24
  card: ThemeColorCard
21
25
  dark: boolean
26
+ // oxlint-disable-next-line no-deprecated
22
27
  input: ThemeColorInput
28
+ // oxlint-disable-next-line no-deprecated
23
29
  muted: ThemeColorMuted
30
+ // oxlint-disable-next-line no-deprecated
24
31
  selectable?: ThemeColorSelectable
32
+ // oxlint-disable-next-line no-deprecated
25
33
  solid: ThemeColorSolid
34
+ // oxlint-disable-next-line no-deprecated
26
35
  spot: ThemeColorSpot
27
36
  syntax: ThemeColorSyntax
28
37
  }
@@ -31,10 +40,12 @@ export interface ThemeColor extends Partial<Omit<ThemeColorGenericState, 'muted'
31
40
  * @public
32
41
  * @deprecated Use `ThemeColorScheme_v2` instead.
33
42
  */
43
+ // oxlint-disable-next-line no-deprecated
34
44
  export type ThemeColorScheme = Record<ThemeColorName, ThemeColor>
35
45
 
36
46
  /**
37
47
  * @public
38
48
  * @deprecated Use `ThemeColorSchemes_v2` instead.
39
49
  */
50
+ // oxlint-disable-next-line no-deprecated
40
51
  export type ThemeColorSchemes = Record<ThemeColorSchemeKey, ThemeColorScheme>
@@ -18,9 +18,13 @@ export interface ThemeColorInputState {
18
18
  * @deprecated Use `ThemeColorInputMode_v2` instead.
19
19
  */
20
20
  export interface ThemeColorInputStates {
21
+ // oxlint-disable-next-line no-deprecated
21
22
  enabled: ThemeColorInputState
23
+ // oxlint-disable-next-line no-deprecated
22
24
  disabled: ThemeColorInputState
25
+ // oxlint-disable-next-line no-deprecated
23
26
  hovered: ThemeColorInputState
27
+ // oxlint-disable-next-line no-deprecated
24
28
  readOnly: ThemeColorInputState
25
29
  }
26
30
 
@@ -29,6 +33,8 @@ export interface ThemeColorInputStates {
29
33
  * @deprecated Use `ThemeColorInput_v2` instead.
30
34
  */
31
35
  export interface ThemeColorInput {
36
+ // oxlint-disable-next-line no-deprecated
32
37
  default: ThemeColorInputStates
38
+ // oxlint-disable-next-line no-deprecated
33
39
  invalid: ThemeColorInputStates
34
40
  }
@@ -5,10 +5,15 @@ import {ThemeColorGenericState} from './_generic'
5
5
  * @deprecated Use `ThemeColorSelectableTone_v2` instead.
6
6
  */
7
7
  export interface ThemeColorMutedTone {
8
+ // oxlint-disable-next-line no-deprecated
8
9
  enabled: ThemeColorGenericState
10
+ // oxlint-disable-next-line no-deprecated
9
11
  disabled: ThemeColorGenericState
12
+ // oxlint-disable-next-line no-deprecated
10
13
  hovered: ThemeColorGenericState
14
+ // oxlint-disable-next-line no-deprecated
11
15
  pressed: ThemeColorGenericState
16
+ // oxlint-disable-next-line no-deprecated
12
17
  selected: ThemeColorGenericState
13
18
  }
14
19
 
@@ -17,10 +22,16 @@ export interface ThemeColorMutedTone {
17
22
  * @deprecated Use `ThemeColorSelectable_v2` instead.
18
23
  */
19
24
  export interface ThemeColorMuted {
25
+ // oxlint-disable-next-line no-deprecated
20
26
  default: ThemeColorMutedTone
27
+ // oxlint-disable-next-line no-deprecated
21
28
  transparent: ThemeColorMutedTone
29
+ // oxlint-disable-next-line no-deprecated
22
30
  primary: ThemeColorMutedTone
31
+ // oxlint-disable-next-line no-deprecated
23
32
  positive: ThemeColorMutedTone
33
+ // oxlint-disable-next-line no-deprecated
24
34
  caution: ThemeColorMutedTone
35
+ // oxlint-disable-next-line no-deprecated
25
36
  critical: ThemeColorMutedTone
26
37
  }
@@ -4,6 +4,7 @@ import {ThemeColorGenericState} from './_generic'
4
4
  * @public
5
5
  * @deprecated Use `ThemeColorState_v2` instead.
6
6
  */
7
+ // oxlint-disable-next-line no-deprecated
7
8
  export type ThemeColorSelectableState = ThemeColorGenericState
8
9
 
9
10
  /**
@@ -11,10 +12,15 @@ export type ThemeColorSelectableState = ThemeColorGenericState
11
12
  * @deprecated Use `ThemeColorSelectableStates_v2` instead.
12
13
  */
13
14
  export interface ThemeColorSelectableStates {
15
+ // oxlint-disable-next-line no-deprecated
14
16
  enabled: ThemeColorSelectableState
17
+ // oxlint-disable-next-line no-deprecated
15
18
  hovered: ThemeColorSelectableState
19
+ // oxlint-disable-next-line no-deprecated
16
20
  pressed: ThemeColorSelectableState
21
+ // oxlint-disable-next-line no-deprecated
17
22
  selected: ThemeColorSelectableState
23
+ // oxlint-disable-next-line no-deprecated
18
24
  disabled: ThemeColorSelectableState
19
25
  }
20
26
 
@@ -23,9 +29,14 @@ export interface ThemeColorSelectableStates {
23
29
  * @deprecated Use `ThemeColorSelectable_v2` instead.
24
30
  */
25
31
  export interface ThemeColorSelectable {
32
+ // oxlint-disable-next-line no-deprecated
26
33
  default: ThemeColorSelectableStates
34
+ // oxlint-disable-next-line no-deprecated
27
35
  primary: ThemeColorSelectableStates
36
+ // oxlint-disable-next-line no-deprecated
28
37
  positive: ThemeColorSelectableStates
38
+ // oxlint-disable-next-line no-deprecated
29
39
  caution: ThemeColorSelectableStates
40
+ // oxlint-disable-next-line no-deprecated
30
41
  critical: ThemeColorSelectableStates
31
42
  }
@@ -5,10 +5,15 @@ import {ThemeColorGenericState} from './_generic'
5
5
  * @deprecated Use `ThemeColorSelectableTone_v2` instead.
6
6
  */
7
7
  export interface ThemeColorSolidTone {
8
+ // oxlint-disable-next-line no-deprecated
8
9
  enabled: ThemeColorGenericState
10
+ // oxlint-disable-next-line no-deprecated
9
11
  disabled: ThemeColorGenericState
12
+ // oxlint-disable-next-line no-deprecated
10
13
  hovered: ThemeColorGenericState
14
+ // oxlint-disable-next-line no-deprecated
11
15
  pressed: ThemeColorGenericState
16
+ // oxlint-disable-next-line no-deprecated
12
17
  selected: ThemeColorGenericState
13
18
  }
14
19
 
@@ -17,10 +22,16 @@ export interface ThemeColorSolidTone {
17
22
  * @deprecated Use `ThemeColorSelectable_v2` instead.
18
23
  */
19
24
  export interface ThemeColorSolid {
25
+ // oxlint-disable-next-line no-deprecated
20
26
  default: ThemeColorSolidTone
27
+ // oxlint-disable-next-line no-deprecated
21
28
  transparent: ThemeColorSolidTone
29
+ // oxlint-disable-next-line no-deprecated
22
30
  primary: ThemeColorSolidTone
31
+ // oxlint-disable-next-line no-deprecated
23
32
  positive: ThemeColorSolidTone
33
+ // oxlint-disable-next-line no-deprecated
24
34
  caution: ThemeColorSolidTone
35
+ // oxlint-disable-next-line no-deprecated
25
36
  critical: ThemeColorSolidTone
26
37
  }
@@ -10,4 +10,5 @@ export type ThemeColorSpotKey = ThemeColorAvatarColorKey
10
10
  * @public
11
11
  * @deprecated Use `ThemeColorAvatar_v2` instead
12
12
  */
13
+ // oxlint-disable-next-line no-deprecated
13
14
  export type ThemeColorSpot = Record<ThemeColorSpotKey, string>
@@ -17,37 +17,52 @@ export function getTheme_v2(theme: Theme): Theme_v2 {
17
17
  _resolved: true,
18
18
  avatar: {
19
19
  ...defaultThemeConfig.avatar,
20
+ // oxlint-disable-next-line no-deprecated
20
21
  ...theme.sanity.avatar,
21
22
  },
22
23
  button: {
23
24
  ...defaultThemeConfig.button,
25
+ // oxlint-disable-next-line no-deprecated
24
26
  ...theme.sanity.button,
25
27
  },
26
28
  card: defaultThemeConfig.card,
29
+ // oxlint-disable-next-line no-deprecated
27
30
  color: themeColor_v0_v2(theme.sanity.color),
31
+ // oxlint-disable-next-line no-deprecated
28
32
  container: theme.sanity.container,
33
+ // oxlint-disable-next-line no-deprecated
29
34
  font: theme.sanity.fonts,
30
35
  input: {
31
36
  ...defaultThemeConfig.input,
37
+ // oxlint-disable-next-line no-deprecated
32
38
  ...theme.sanity.input,
33
39
  checkbox: {
34
40
  ...defaultThemeConfig.input.checkbox,
41
+ // oxlint-disable-next-line no-deprecated
35
42
  ...theme.sanity.input.checkbox,
36
43
  },
37
44
  radio: {
38
45
  ...defaultThemeConfig.input.radio,
46
+ // oxlint-disable-next-line no-deprecated
39
47
  ...theme.sanity.input.radio,
40
48
  },
41
49
  switch: {
42
50
  ...defaultThemeConfig.input.switch,
51
+ // oxlint-disable-next-line no-deprecated
43
52
  ...theme.sanity.input.switch,
44
53
  },
45
54
  },
55
+ // oxlint-disable-next-line no-deprecated
46
56
  layer: theme.sanity.layer ?? defaultThemeConfig.layer,
57
+ // oxlint-disable-next-line no-deprecated
47
58
  media: theme.sanity.media,
59
+ // oxlint-disable-next-line no-deprecated
48
60
  radius: theme.sanity.radius,
61
+ // oxlint-disable-next-line no-deprecated
49
62
  shadow: theme.sanity.shadows,
63
+ // oxlint-disable-next-line no-deprecated
50
64
  space: theme.sanity.space,
65
+ // oxlint-disable-next-line no-deprecated
51
66
  style: theme.sanity.styles,
52
67
  }
53
68
 
@@ -11,9 +11,11 @@ import {
11
11
  ThemeColorState_v2,
12
12
  } from '../system'
13
13
 
14
+ // oxlint-disable-next-line no-deprecated
14
15
  const cache = new WeakMap<ThemeColor, ThemeColorCard_v2>()
15
16
 
16
17
  /** @internal */
18
+ // oxlint-disable-next-line no-deprecated
17
19
  export function themeColor_v0_v2(color_v0: ThemeColor): ThemeColorCard_v2 {
18
20
  const cached_v2 = cache.get(color_v0)
19
21
 
@@ -64,7 +66,9 @@ export function themeColor_v0_v2(color_v0: ThemeColor): ThemeColorCard_v2 {
64
66
  }
65
67
 
66
68
  function stateTonesThemeColor_v0_v2(
69
+ // oxlint-disable-next-line no-deprecated
67
70
  v0: ThemeColor,
71
+ // oxlint-disable-next-line no-deprecated
68
72
  t: Omit<ThemeColorMuted, 'transparent'>,
69
73
  ): ThemeColorSelectable_v2 {
70
74
  return {
@@ -120,6 +124,7 @@ function stateTonesThemeColor_v0_v2(
120
124
  }
121
125
  }
122
126
 
127
+ // oxlint-disable-next-line no-deprecated
123
128
  function stateThemeColor_v0_v2(v0: ThemeColor, state: ThemeColorGenericState): ThemeColorState_v2 {
124
129
  return {
125
130
  ...state,
@@ -221,6 +226,7 @@ function stateThemeColor_v0_v2(v0: ThemeColor, state: ThemeColorGenericState): T
221
226
  }
222
227
  }
223
228
 
229
+ // oxlint-disable-next-line no-deprecated
224
230
  function inputStatesThemeColor_v0_v2(states: ThemeColorInputStates): ThemeColorInputMode_v2 {
225
231
  return {
226
232
  enabled: inputStateThemeColor_v0_v2(states.enabled),
@@ -230,6 +236,7 @@ function inputStatesThemeColor_v0_v2(states: ThemeColorInputStates): ThemeColorI
230
236
  }
231
237
  }
232
238
 
239
+ // oxlint-disable-next-line no-deprecated
233
240
  function inputStateThemeColor_v0_v2(state: ThemeColorInputState): ThemeColorInputState_v2 {
234
241
  return {
235
242
  bg: state.bg,
@@ -14,6 +14,7 @@ export function themeColor_v0_v2_9(color: ThemeColorCard_v2): ThemeColorCard_v2
14
14
  }
15
15
 
16
16
  // TypeScript narrows to `never` because the above should always be true
17
+ // oxlint-disable-next-line no-unnecessary-type-assertion
17
18
  const colors = color as ThemeColorCard_v2
18
19
 
19
20
  return {