@sanity/ui 0.38.2 → 0.38.3-next.18

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 (201) hide show
  1. package/README.md +4 -5
  2. package/dist/sanity-ui.js +1 -1320
  3. package/dist/sanity-ui.js.map +1 -1
  4. package/dist/sanity-ui.mjs +2 -0
  5. package/dist/sanity-ui.mjs.map +1 -0
  6. package/dist/types/src/index.d.ts +228 -239
  7. package/package.json +23 -20
  8. package/src/__workshop__/color/overview.tsx +1 -1
  9. package/src/__workshop__/constants.ts +1 -0
  10. package/src/components/autocomplete/__workshop__/async.tsx +1 -1
  11. package/src/components/autocomplete/__workshop__/constrainedHeight.tsx +1 -1
  12. package/src/components/autocomplete/__workshop__/custom.tsx +1 -1
  13. package/src/components/autocomplete/__workshop__/example.tsx +1 -1
  14. package/src/components/autocomplete/__workshop__/focusAndBlur.tsx +1 -1
  15. package/src/components/autocomplete/__workshop__/fullscreen.tsx +1 -1
  16. package/src/components/autocomplete/autocomplete.tsx +31 -33
  17. package/src/components/autocomplete/autocompleteOption.tsx +1 -1
  18. package/src/components/autocomplete/autocompleteReducer.ts +0 -3
  19. package/src/components/breadcrumbs/__workshop__/example.tsx +0 -1
  20. package/src/components/breadcrumbs/breadcrumbs.tsx +1 -9
  21. package/src/components/dialog/__workshop__/autoFocus.tsx +0 -1
  22. package/src/components/dialog/__workshop__/layering.tsx +0 -1
  23. package/src/components/dialog/__workshop__/nested.tsx +1 -1
  24. package/src/components/dialog/__workshop__/onScroll.tsx +1 -1
  25. package/src/components/dialog/__workshop__/position.tsx +0 -1
  26. package/src/components/dialog/__workshop__/props.tsx +1 -1
  27. package/src/components/dialog/__workshop__/provider.tsx +0 -1
  28. package/src/components/dialog/dialog.tsx +1 -1
  29. package/src/components/dialog/dialogProvider.tsx +1 -1
  30. package/src/components/hotkeys/__workshop__/plain.tsx +0 -1
  31. package/src/components/hotkeys/hotkeys.tsx +1 -1
  32. package/src/components/menu/__workshop__/asComponent.tsx +1 -1
  33. package/src/components/menu/__workshop__/closableMenuButton.tsx +1 -1
  34. package/src/components/menu/__workshop__/constrainedInBoundary.tsx +1 -1
  35. package/src/components/menu/__workshop__/customMenuItem.tsx +0 -1
  36. package/src/components/menu/__workshop__/disableFocusOnClose.tsx +0 -1
  37. package/src/components/menu/__workshop__/groups.tsx +0 -1
  38. package/src/components/menu/__workshop__/menuButton.tsx +0 -1
  39. package/src/components/menu/__workshop__/menuGroupRight.tsx +0 -1
  40. package/src/components/menu/__workshop__/nestedMenu.tsx +0 -1
  41. package/src/components/menu/__workshop__/onCloseMenuButton.tsx +1 -1
  42. package/src/components/menu/__workshop__/selectedItem.tsx +1 -1
  43. package/src/components/menu/__workshop__/tones.tsx +0 -1
  44. package/src/components/menu/__workshop__/withoutArrow.tsx +0 -1
  45. package/src/components/menu/menu.test.tsx +3 -4
  46. package/src/components/menu/menu.tsx +1 -1
  47. package/src/components/menu/menuButton.tsx +1 -9
  48. package/src/components/menu/menuGroup.tsx +2 -2
  49. package/src/components/menu/menuItem.tsx +3 -3
  50. package/src/components/menu/useMenuController.ts +1 -1
  51. package/src/components/skeleton/__workshop__/delay.tsx +0 -1
  52. package/src/components/skeleton/__workshop__/skeleton.tsx +0 -1
  53. package/src/components/skeleton/skeleton.tsx +1 -1
  54. package/src/components/skeleton/textSkeleton.tsx +1 -1
  55. package/src/components/tab/__workshop__/example.tsx +1 -1
  56. package/src/components/tab/tab.tsx +2 -2
  57. package/src/components/tab/tabList.tsx +1 -1
  58. package/src/components/tab/tabPanel.tsx +1 -1
  59. package/src/components/toast/__workshop__/hook.tsx +0 -1
  60. package/src/components/toast/__workshop__/toast.tsx +0 -1
  61. package/src/components/toast/toast.test.tsx +3 -5
  62. package/src/components/toast/toast.tsx +0 -1
  63. package/src/components/toast/toastProvider.tsx +1 -1
  64. package/src/components/tree/__workshop__/basic.tsx +1 -1
  65. package/src/components/tree/tree.tsx +1 -1
  66. package/src/components/tree/treeGroup.tsx +1 -1
  67. package/src/components/tree/treeItem.tsx +4 -4
  68. package/src/hooks/useElementRect/__workshop__/example.tsx +0 -1
  69. package/src/hooks/useForwardedRef.ts +1 -1
  70. package/src/hooks/useMediaIndex/__workshop__/test.tsx +0 -1
  71. package/src/icons/__workshop__/overview.tsx +1 -1
  72. package/src/primitives/avatar/__workshop__/asButton.tsx +0 -1
  73. package/src/primitives/avatar/__workshop__/stack.tsx +0 -1
  74. package/src/primitives/avatar/avatar.tsx +2 -3
  75. package/src/primitives/avatar/avatarCounter.tsx +1 -1
  76. package/src/primitives/avatar/avatarStack.tsx +1 -1
  77. package/src/primitives/badge/__workshop__/props.tsx +0 -1
  78. package/src/primitives/badge/__workshop__/tones.tsx +0 -1
  79. package/src/primitives/badge/badge.test.tsx +13 -0
  80. package/src/primitives/badge/badge.tsx +1 -1
  81. package/src/primitives/box/__workshop__/props.tsx +0 -1
  82. package/src/primitives/box/__workshop__/responsive.tsx +0 -1
  83. package/src/primitives/box/box.tsx +1 -1
  84. package/src/primitives/button/__workshop__/custom.tsx +0 -1
  85. package/src/primitives/button/__workshop__/customIcons.tsx +0 -1
  86. package/src/primitives/button/__workshop__/mixedChildren.tsx +0 -1
  87. package/src/primitives/button/__workshop__/props.tsx +0 -1
  88. package/src/primitives/button/__workshop__/sanityUploadButton.tsx +0 -1
  89. package/src/primitives/button/__workshop__/stacked.tsx +0 -1
  90. package/src/primitives/button/__workshop__/styled1.tsx +0 -1
  91. package/src/primitives/button/__workshop__/styled2.tsx +0 -1
  92. package/src/primitives/button/__workshop__/uploadButton.tsx +1 -1
  93. package/src/primitives/button/button.test.tsx +41 -0
  94. package/src/primitives/button/button.tsx +3 -3
  95. package/src/primitives/card/__workshop__/allTones.tsx +0 -1
  96. package/src/primitives/card/__workshop__/asButton.tsx +0 -1
  97. package/src/primitives/card/__workshop__/asComponent.tsx +1 -1
  98. package/src/primitives/card/__workshop__/checkered.tsx +0 -1
  99. package/src/primitives/card/__workshop__/interactive.tsx +0 -1
  100. package/src/primitives/card/__workshop__/listNavigation.tsx +0 -1
  101. package/src/primitives/card/__workshop__/props.tsx +0 -1
  102. package/src/primitives/card/__workshop__/selected.tsx +0 -1
  103. package/src/primitives/card/__workshop__/styled.tsx +0 -1
  104. package/src/primitives/card/card.tsx +1 -1
  105. package/src/primitives/checkbox/__workshop__/example.tsx +1 -1
  106. package/src/primitives/checkbox/__workshop__/props.tsx +0 -1
  107. package/src/primitives/checkbox/__workshop__/readOnly.tsx +0 -1
  108. package/src/primitives/checkbox/__workshop__/tones.tsx +0 -1
  109. package/src/primitives/checkbox/checkbox.tsx +1 -1
  110. package/src/primitives/code/__workshop__/opticalAlignment.tsx +0 -1
  111. package/src/primitives/code/__workshop__/props.tsx +0 -1
  112. package/src/primitives/code/code.tsx +1 -1
  113. package/src/primitives/container/__workshop__/example.tsx +0 -1
  114. package/src/primitives/container/container.tsx +1 -1
  115. package/src/primitives/flex/__workshop__/example.tsx +0 -1
  116. package/src/primitives/flex/__workshop__/gap.tsx +0 -1
  117. package/src/primitives/flex/flex.tsx +1 -1
  118. package/src/primitives/grid/__workshop__/responsive.tsx +0 -1
  119. package/src/primitives/grid/grid.tsx +1 -1
  120. package/src/primitives/heading/__workshop__/opticalAlignment.tsx +0 -1
  121. package/src/primitives/heading/__workshop__/plain.tsx +0 -1
  122. package/src/primitives/heading/heading.tsx +1 -1
  123. package/src/primitives/inline/__workshop__/plain.tsx +0 -1
  124. package/src/primitives/inline/inline.tsx +1 -1
  125. package/src/primitives/kbd/__workshop__/plain.tsx +0 -1
  126. package/src/primitives/kbd/kbd.tsx +1 -1
  127. package/src/primitives/label/__workshop__/opticalAlignment.tsx +0 -1
  128. package/src/primitives/label/__workshop__/plain.tsx +0 -1
  129. package/src/primitives/label/label.tsx +1 -1
  130. package/src/primitives/popover/__workshop__/MarginsStory.tsx +0 -1
  131. package/src/primitives/popover/__workshop__/MatchReferenceWidthStory.tsx +0 -1
  132. package/src/primitives/popover/__workshop__/PlainStory.tsx +1 -1
  133. package/src/primitives/popover/__workshop__/RecursiveStory.tsx +1 -1
  134. package/src/primitives/popover/__workshop__/RightAlignedStory.tsx +1 -1
  135. package/src/primitives/popover/__workshop__/TestStory.tsx +1 -1
  136. package/src/primitives/popover/arrow.tsx +1 -1
  137. package/src/primitives/popover/popover.tsx +1 -9
  138. package/src/primitives/radio/__workshop__/example.tsx +1 -1
  139. package/src/primitives/radio/__workshop__/plain.tsx +0 -1
  140. package/src/primitives/radio/radio.tsx +1 -1
  141. package/src/primitives/select/__workshop__/plain.tsx +0 -1
  142. package/src/primitives/select/__workshop__/readOnly.tsx +0 -1
  143. package/src/primitives/select/select.tsx +1 -1
  144. package/src/primitives/spinner/__workshop__/Props.tsx +0 -1
  145. package/src/primitives/spinner/spinner.tsx +1 -1
  146. package/src/primitives/stack/__workshop__/plain.tsx +0 -1
  147. package/src/primitives/stack/stack.tsx +1 -1
  148. package/src/primitives/switch/__workshop__/example.tsx +1 -1
  149. package/src/primitives/switch/__workshop__/props.tsx +1 -1
  150. package/src/primitives/switch/switch.tsx +1 -1
  151. package/src/primitives/text/__workshop__/colored.tsx +0 -1
  152. package/src/primitives/text/__workshop__/example.tsx +0 -1
  153. package/src/primitives/text/__workshop__/opticalAlignment.tsx +0 -1
  154. package/src/primitives/text/text.tsx +1 -1
  155. package/src/primitives/textArea/__workshop__/plain.tsx +0 -1
  156. package/src/primitives/textArea/textArea.tsx +1 -1
  157. package/src/primitives/textInput/__workshop__/clearButton.tsx +1 -1
  158. package/src/primitives/textInput/__workshop__/customValidity.tsx +0 -1
  159. package/src/primitives/textInput/__workshop__/multipleTones.tsx +0 -1
  160. package/src/primitives/textInput/__workshop__/plain.tsx +1 -1
  161. package/src/primitives/textInput/__workshop__/readOnly.tsx +0 -1
  162. package/src/primitives/textInput/__workshop__/states.tsx +0 -1
  163. package/src/primitives/textInput/__workshop__/tones.tsx +0 -1
  164. package/src/primitives/textInput/__workshop__/typed.tsx +1 -1
  165. package/src/primitives/textInput/textInput.tsx +4 -3
  166. package/src/primitives/tooltip/__workshop__/props.tsx +0 -1
  167. package/src/primitives/tooltip/tooltip.tsx +1 -1
  168. package/src/primitives/tooltip/tooltipArrow.tsx +1 -1
  169. package/src/styles/font/responsiveFont.ts +13 -0
  170. package/src/theme/__workshop__/canvas.tsx +1 -1
  171. package/src/theme/__workshop__/color.tsx +0 -1
  172. package/src/theme/__workshop__/layer.tsx +1 -1
  173. package/src/theme/__workshop__/nestedProvider.tsx +0 -1
  174. package/src/theme/theme.test.tsx +3 -5
  175. package/src/theme/themeColorProvider.tsx +0 -1
  176. package/src/theme/themeProvider.tsx +1 -1
  177. package/src/utils/boundaryElement/__workshop__/plain.tsx +1 -1
  178. package/src/utils/boundaryElement/boundaryElement.test.tsx +3 -5
  179. package/src/utils/boundaryElement/boundaryElementProvider.tsx +1 -1
  180. package/src/utils/elementQuery/__workshop__/customMedia.tsx +0 -1
  181. package/src/utils/elementQuery/elementQuery.tsx +1 -1
  182. package/src/utils/errorBoundary.tsx +4 -4
  183. package/src/utils/layer/__workshop__/_debug.tsx +0 -1
  184. package/src/utils/layer/__workshop__/multipleRoots.tsx +0 -1
  185. package/src/utils/layer/__workshop__/plain.tsx +1 -1
  186. package/src/utils/layer/__workshop__/responsiveZOffset.tsx +0 -1
  187. package/src/utils/layer/layer.test.tsx +3 -5
  188. package/src/utils/layer/layer.tsx +1 -1
  189. package/src/utils/layer/layerProvider.tsx +1 -1
  190. package/src/utils/portal/__workshop__/named.tsx +1 -1
  191. package/src/utils/portal/portal.test.tsx +3 -5
  192. package/src/utils/portal/portal.ts +2 -3
  193. package/src/utils/portal/portalProvider.tsx +1 -1
  194. package/src/utils/srOnly/srOnly.tsx +1 -1
  195. package/src/utils/virtualList/__workshop__/changingProps.tsx +1 -1
  196. package/src/utils/virtualList/__workshop__/elementScroll.tsx +1 -1
  197. package/src/utils/virtualList/__workshop__/infiniteList.tsx +1 -1
  198. package/src/utils/virtualList/__workshop__/windowScrolll.tsx +1 -1
  199. package/src/utils/virtualList/virtualList.tsx +1 -1
  200. package/dist/sanity-ui.cjs +0 -1321
  201. package/dist/sanity-ui.cjs.map +0 -1
package/README.md CHANGED
@@ -15,14 +15,13 @@ npm install react react-dom styled-components
15
15
 
16
16
  ```jsx
17
17
  import {Button, studioTheme, ThemeProvider} from '@sanity/ui'
18
- import React from 'react'
19
- import ReactDOM from 'react-dom'
18
+ import {createRoot} from 'react-dom/client'
20
19
 
21
- ReactDOM.render(
20
+ const root = createRoot(document.getElementById('root'))
21
+ root.render(
22
22
  <ThemeProvider theme={studioTheme}>
23
23
  <Button text="Hello, world" />
24
- </ThemeProvider>,
25
- document.getElementById('root')
24
+ </ThemeProvider>
26
25
  )
27
26
  ```
28
27