@sanity/ui 4.0.0-v4.1 → 5.0.0-alpha.2

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 (796) hide show
  1. package/README.md +201 -17
  2. package/bin/sanity-ui.js +14 -0
  3. package/dist/_chunks-es/LazyRefractor.js +20 -0
  4. package/dist/_chunks-es/LazyRefractor.js.map +1 -0
  5. package/dist/cli/checks.js +148 -0
  6. package/dist/cli/config.js +23 -0
  7. package/dist/cli/detect.js +181 -0
  8. package/dist/cli/doctor.js +49 -0
  9. package/dist/cli/index.js +69 -0
  10. package/dist/cli/init.js +189 -0
  11. package/dist/cli/install.js +78 -0
  12. package/dist/cli/log.js +66 -0
  13. package/dist/cli/selfPackage.js +11 -0
  14. package/dist/cli/styles.js +185 -0
  15. package/dist/cli/test-utils.js +8 -0
  16. package/dist/cli/tsconfig.js +236 -0
  17. package/dist/cli/types.js +1 -0
  18. package/dist/cli/versions.js +45 -0
  19. package/dist/index.d.ts +744 -2272
  20. package/dist/index.js +1744 -4394
  21. package/dist/index.js.map +1 -1
  22. package/dist/styles.css +1 -0
  23. package/package.json +65 -194
  24. package/src/cli/checks.test.ts +38 -0
  25. package/src/cli/checks.ts +200 -0
  26. package/src/cli/config.ts +44 -0
  27. package/src/cli/detect.test.ts +191 -0
  28. package/src/cli/detect.ts +205 -0
  29. package/src/cli/doctor.test.ts +52 -0
  30. package/src/cli/doctor.ts +65 -0
  31. package/src/cli/index.ts +77 -0
  32. package/src/cli/init.ts +225 -0
  33. package/src/cli/install.test.ts +52 -0
  34. package/src/cli/install.ts +107 -0
  35. package/src/cli/log.ts +79 -0
  36. package/src/cli/selfPackage.ts +14 -0
  37. package/src/cli/styles.test.ts +130 -0
  38. package/src/cli/styles.ts +205 -0
  39. package/src/cli/test-utils.ts +10 -0
  40. package/src/cli/tsconfig.test.ts +174 -0
  41. package/src/cli/tsconfig.ts +282 -0
  42. package/src/cli/types.ts +77 -0
  43. package/src/cli/versions.test.ts +35 -0
  44. package/src/cli/versions.ts +41 -0
  45. package/src/components/box/Box.tsx +25 -0
  46. package/src/components/box/box.css +4 -0
  47. package/src/components/box/box.props.ts +24 -0
  48. package/src/components/button/Button.tsx +78 -0
  49. package/src/components/button/button.css +72 -0
  50. package/src/components/button/button.props.ts +104 -0
  51. package/src/components/card/Card.tsx +31 -0
  52. package/src/components/card/card.css +4 -0
  53. package/src/components/card/card.props.ts +54 -0
  54. package/src/components/checkbox/Checkbox.tsx +63 -0
  55. package/src/components/checkbox/checkbox.css +100 -0
  56. package/src/components/checkbox/checkbox.props.ts +25 -0
  57. package/src/components/code/Code.tsx +38 -0
  58. package/src/components/code/LazyRefractor.tsx +9 -0
  59. package/src/components/code/code.css +40 -0
  60. package/src/components/code/code.props.ts +37 -0
  61. package/src/components/container/Container.tsx +30 -0
  62. package/src/components/container/container.css +4 -0
  63. package/src/components/container/container.props.ts +24 -0
  64. package/src/components/divider/Divider.tsx +23 -0
  65. package/src/components/divider/divider.props.ts +9 -0
  66. package/src/components/eyebrow/Eyebrow.tsx +54 -0
  67. package/src/components/eyebrow/eyebrow.css +11 -0
  68. package/src/components/eyebrow/eyebrow.props.ts +24 -0
  69. package/src/components/flex/Flex.tsx +25 -0
  70. package/src/components/flex/flex.css +4 -0
  71. package/src/components/flex/flex.props.ts +29 -0
  72. package/src/components/grid/Grid.tsx +25 -0
  73. package/src/components/grid/grid.css +4 -0
  74. package/src/components/grid/grid.props.ts +29 -0
  75. package/src/components/h-stack/HStack.tsx +34 -0
  76. package/src/components/h-stack/hStack.props.ts +15 -0
  77. package/src/components/heading/Heading.tsx +54 -0
  78. package/src/components/heading/heading.css +9 -0
  79. package/src/components/heading/heading.props.ts +25 -0
  80. package/src/components/icon/Icon.tsx +24 -0
  81. package/src/components/icon/icon.css +17 -0
  82. package/src/components/icon/icon.props.ts +31 -0
  83. package/src/components/icon-button/IconButton.tsx +32 -0
  84. package/src/components/icon-button/iconButton.props.ts +26 -0
  85. package/src/components/index.css +25 -0
  86. package/src/components/indicator/Indicator.tsx +42 -0
  87. package/src/components/indicator/indicator.css +4 -0
  88. package/src/components/indicator/indicator.props.ts +20 -0
  89. package/src/components/indicator-stack/IndicatorStack.tsx +31 -0
  90. package/src/components/indicator-stack/indicator-stack.css +7 -0
  91. package/src/components/indicator-stack/indicatorStack.props.ts +13 -0
  92. package/src/components/inline/Inline.tsx +38 -0
  93. package/src/components/inline/inline.css +4 -0
  94. package/src/components/inline/inline.props.ts +96 -0
  95. package/src/components/label/Label.tsx +34 -0
  96. package/src/components/label/label.css +3 -0
  97. package/src/components/label/label.props.ts +19 -0
  98. package/src/components/link/Link.tsx +29 -0
  99. package/src/components/link/link.css +12 -0
  100. package/src/components/link/link.props.ts +23 -0
  101. package/src/components/list/List.tsx +167 -0
  102. package/src/components/list/list.css +25 -0
  103. package/src/components/list/list.props.ts +112 -0
  104. package/src/components/press-area/PressArea.tsx +29 -0
  105. package/src/components/press-area/press-area.css +22 -0
  106. package/src/components/press-area/pressArea.props.ts +14 -0
  107. package/src/components/radio/Radio.tsx +48 -0
  108. package/src/components/radio/radio.css +97 -0
  109. package/src/components/radio/radio.props.ts +20 -0
  110. package/src/components/skip-to-content/SkipToContent.tsx +35 -0
  111. package/src/components/skip-to-content/skip-to-content.css +9 -0
  112. package/src/components/skip-to-content/skipToContent.props.ts +19 -0
  113. package/src/components/spinner/Spinner.tsx +28 -0
  114. package/src/components/spinner/spinner.css +10 -0
  115. package/src/components/spinner/spinner.props.ts +16 -0
  116. package/src/components/switch/Switch.tsx +48 -0
  117. package/src/components/switch/switch.css +119 -0
  118. package/src/components/switch/switch.props.ts +20 -0
  119. package/src/components/text/Text.tsx +53 -0
  120. package/src/components/text/text.css +9 -0
  121. package/src/components/text/text.props.ts +24 -0
  122. package/src/components/tooltip/Tooltip.tsx +93 -0
  123. package/src/components/tooltip/tooltip.css +52 -0
  124. package/src/components/tooltip/tooltip.props.ts +20 -0
  125. package/src/components/tooltip-group/TooltipGroup.tsx +67 -0
  126. package/src/components/tooltip-group/tooltipGroup.props.ts +13 -0
  127. package/src/components/v-stack/VStack.tsx +32 -0
  128. package/src/components/v-stack/vStack.props.ts +15 -0
  129. package/src/components/visually-hidden/VisuallyHidden.tsx +29 -0
  130. package/src/components/visually-hidden/visually-hidden.css +9 -0
  131. package/src/components/visually-hidden/visuallyHidden.props.ts +19 -0
  132. package/src/css/classes/dynamic/flex-child.css +5 -0
  133. package/src/css/classes/dynamic/grid-child.css +8 -0
  134. package/src/css/classes/dynamic/grid-parent.css +6 -0
  135. package/src/css/classes/dynamic/height.css +5 -0
  136. package/src/css/classes/dynamic/index.css +7 -0
  137. package/src/css/classes/dynamic/line-clamp.css +5 -0
  138. package/src/css/classes/dynamic/readme.md +3 -0
  139. package/src/css/classes/dynamic/width.css +7 -0
  140. package/src/css/classes/dynamic/z-index.css +3 -0
  141. package/src/css/classes/generic/display.css +10 -0
  142. package/src/css/classes/generic/flex.css +24 -0
  143. package/src/css/classes/generic/grid.css +7 -0
  144. package/src/css/classes/generic/index.css +7 -0
  145. package/src/css/classes/generic/overflow.css +19 -0
  146. package/src/css/classes/generic/placement.css +171 -0
  147. package/src/css/classes/generic/position.css +7 -0
  148. package/src/css/classes/generic/readme.md +3 -0
  149. package/src/css/classes/generic/text-align.css +5 -0
  150. package/src/css/classes/index.css +4 -0
  151. package/src/css/classes/local/border.css +20 -0
  152. package/src/css/classes/local/index.css +4 -0
  153. package/src/css/classes/local/readme.md +3 -0
  154. package/src/css/classes/local/text-overflow.css +5 -0
  155. package/src/css/classes/local/text-trim.css +45 -0
  156. package/src/css/classes/local/tone.css +75 -0
  157. package/src/css/classes/system/color.css +223 -0
  158. package/src/css/classes/system/container.css +8 -0
  159. package/src/css/classes/system/font-family.css +2 -0
  160. package/src/css/classes/system/font-weight.css +4 -0
  161. package/src/css/classes/system/gap.css +37 -0
  162. package/src/css/classes/system/index.css +10 -0
  163. package/src/css/classes/system/inset.css +56 -0
  164. package/src/css/classes/system/margin.css +148 -0
  165. package/src/css/classes/system/padding.css +78 -0
  166. package/src/css/classes/system/radius.css +10 -0
  167. package/src/css/classes/system/readme.md +3 -0
  168. package/src/css/classes/system/shadow.css +6 -0
  169. package/src/css/classes/system/typography.css +31 -0
  170. package/src/css/global/font-face.css +20 -0
  171. package/src/css/global/index.css +2 -0
  172. package/src/css/global/reset.css +76 -0
  173. package/src/css/tokens/index.css +3 -0
  174. package/src/css/tokens/opacity.css +6 -0
  175. package/src/css/tokens/semantic.css +21 -0
  176. package/src/css/tokens/surface.css +27 -0
  177. package/src/index.css +18 -0
  178. package/src/index.ts +60 -0
  179. package/src/props/border.ts +51 -0
  180. package/src/props/flexChild.ts +29 -0
  181. package/src/props/flexParent.ts +47 -0
  182. package/src/props/gap.ts +31 -0
  183. package/src/props/gridChild.ts +50 -0
  184. package/src/props/gridParent.ts +45 -0
  185. package/src/props/height.ts +29 -0
  186. package/src/props/layout.ts +44 -0
  187. package/src/props/margin.ts +59 -0
  188. package/src/props/overflow.ts +30 -0
  189. package/src/props/padding.ts +59 -0
  190. package/src/props/placement.ts +16 -0
  191. package/src/props/position.ts +52 -0
  192. package/src/props/shadow.ts +15 -0
  193. package/src/props/tone.ts +15 -0
  194. package/src/props/typography.ts +62 -0
  195. package/src/props/width.ts +29 -0
  196. package/src/props/zIndex.ts +15 -0
  197. package/src/styles.css.d.ts +1 -0
  198. package/src/styles.css.node.js +2 -0
  199. package/src/styles.css.test.ts +24 -0
  200. package/src/types/Button.ts +8 -0
  201. package/src/types/Code.ts +6 -0
  202. package/src/types/Container.ts +3 -0
  203. package/src/types/Density.ts +3 -0
  204. package/src/types/Display.ts +11 -0
  205. package/src/types/Eyebrow.ts +3 -0
  206. package/src/types/Flex.ts +22 -0
  207. package/src/types/FontWeight.ts +3 -0
  208. package/src/types/Grid.ts +3 -0
  209. package/src/types/Heading.ts +6 -0
  210. package/src/types/Icon.ts +3 -0
  211. package/src/types/Interactive.ts +8 -0
  212. package/src/types/List.ts +2 -0
  213. package/src/types/Overflow.ts +3 -0
  214. package/src/types/Placement.ts +16 -0
  215. package/src/types/Position.ts +3 -0
  216. package/src/types/PropDef.ts +73 -0
  217. package/src/types/Radius.ts +3 -0
  218. package/src/types/Responsive.ts +10 -0
  219. package/src/types/Shadow.ts +3 -0
  220. package/src/types/Space.ts +15 -0
  221. package/src/types/Text.ts +3 -0
  222. package/src/types/TextAlign.ts +3 -0
  223. package/src/types/Tone.ts +3 -0
  224. package/src/utils/getProps.test.ts +156 -0
  225. package/src/utils/getProps.ts +156 -0
  226. package/src/utils/suffixClassName.ts +5 -0
  227. package/src/version.ts +3 -0
  228. package/LICENSE +0 -21
  229. package/dist/_chunks-es/Refractor.js +0 -25
  230. package/dist/_chunks-es/Refractor.js.map +0 -1
  231. package/dist/css/index.css +0 -2
  232. package/dist/css/index.css.map +0 -1
  233. package/dist/css/index.d.ts +0 -1398
  234. package/dist/css/index.js +0 -18882
  235. package/dist/css/index.js.map +0 -1
  236. package/dist/theme.d.ts +0 -499
  237. package/dist/theme.js +0 -870
  238. package/dist/theme.js.map +0 -1
  239. package/exports/css.ts +0 -1
  240. package/exports/index.ts +0 -1
  241. package/exports/theme.ts +0 -1
  242. package/src/core/Root.tsx +0 -88
  243. package/src/core/RootProvider.tsx +0 -40
  244. package/src/core/__workshop__/Boundary.tsx +0 -28
  245. package/src/core/__workshop__/index.ts +0 -16
  246. package/src/core/components/autocomplete/Autocomplete.tsx +0 -690
  247. package/src/core/components/autocomplete/AutocompleteOption.tsx +0 -45
  248. package/src/core/components/autocomplete/__workshop__/Async.tsx +0 -156
  249. package/src/core/components/autocomplete/__workshop__/ConstrainedHeight.tsx +0 -131
  250. package/src/core/components/autocomplete/__workshop__/Custom.tsx +0 -104
  251. package/src/core/components/autocomplete/__workshop__/Example.tsx +0 -91
  252. package/src/core/components/autocomplete/__workshop__/FocusAndBlur.tsx +0 -36
  253. package/src/core/components/autocomplete/__workshop__/Fullscreen.tsx +0 -292
  254. package/src/core/components/autocomplete/__workshop__/index.ts +0 -41
  255. package/src/core/components/autocomplete/__workshop__/mock/apiStore.ts +0 -49
  256. package/src/core/components/autocomplete/__workshop__/mock/countries.ts +0 -245
  257. package/src/core/components/autocomplete/__workshop__/types.ts +0 -4
  258. package/src/core/components/autocomplete/autocompleteReducer.ts +0 -47
  259. package/src/core/components/autocomplete/constants.ts +0 -28
  260. package/src/core/components/autocomplete/types.ts +0 -103
  261. package/src/core/components/breadcrumbs/Breadcrumbs.tsx +0 -131
  262. package/src/core/components/breadcrumbs/__workshop__/Example.tsx +0 -61
  263. package/src/core/components/breadcrumbs/__workshop__/index.ts +0 -16
  264. package/src/core/components/dialog/Dialog.tsx +0 -232
  265. package/src/core/components/dialog/DialogCard.tsx +0 -233
  266. package/src/core/components/dialog/DialogContext.ts +0 -21
  267. package/src/core/components/dialog/DialogProvider.tsx +0 -34
  268. package/src/core/components/dialog/__workshop__/Activate.tsx +0 -141
  269. package/src/core/components/dialog/__workshop__/AutoFocus.tsx +0 -29
  270. package/src/core/components/dialog/__workshop__/Layering.tsx +0 -41
  271. package/src/core/components/dialog/__workshop__/Nested.tsx +0 -71
  272. package/src/core/components/dialog/__workshop__/OnScroll.tsx +0 -51
  273. package/src/core/components/dialog/__workshop__/Panes.tsx +0 -89
  274. package/src/core/components/dialog/__workshop__/Position.tsx +0 -38
  275. package/src/core/components/dialog/__workshop__/Props.tsx +0 -79
  276. package/src/core/components/dialog/__workshop__/Provider.tsx +0 -11
  277. package/src/core/components/dialog/__workshop__/Wrapped.tsx +0 -76
  278. package/src/core/components/dialog/__workshop__/index.ts +0 -21
  279. package/src/core/components/dialog/isTargetWithinScope.ts +0 -14
  280. package/src/core/components/dialog/types.ts +0 -2
  281. package/src/core/components/dialog/useDialog.ts +0 -11
  282. package/src/core/components/hotkeys/Hotkeys.tsx +0 -60
  283. package/src/core/components/hotkeys/__workshop__/Plain.tsx +0 -9
  284. package/src/core/components/hotkeys/__workshop__/index.ts +0 -16
  285. package/src/core/components/menu/Menu.test.tsx +0 -129
  286. package/src/core/components/menu/Menu.tsx +0 -179
  287. package/src/core/components/menu/MenuButton.tsx +0 -230
  288. package/src/core/components/menu/MenuContext.ts +0 -19
  289. package/src/core/components/menu/MenuDivider.tsx +0 -32
  290. package/src/core/components/menu/MenuGroup.tsx +0 -236
  291. package/src/core/components/menu/MenuItem.tsx +0 -184
  292. package/src/core/components/menu/__workshop__/AsComponent.tsx +0 -45
  293. package/src/core/components/menu/__workshop__/AvatarMenu.tsx +0 -57
  294. package/src/core/components/menu/__workshop__/ClosableMenuButton.tsx +0 -47
  295. package/src/core/components/menu/__workshop__/ConstrainedInBoundary.tsx +0 -133
  296. package/src/core/components/menu/__workshop__/CustomMenuItem.tsx +0 -45
  297. package/src/core/components/menu/__workshop__/CustomSelectedState.tsx +0 -35
  298. package/src/core/components/menu/__workshop__/DisableFocusOnClose.tsx +0 -40
  299. package/src/core/components/menu/__workshop__/Groups.tsx +0 -156
  300. package/src/core/components/menu/__workshop__/MenuButton.tsx +0 -85
  301. package/src/core/components/menu/__workshop__/MenuGroupRight.tsx +0 -65
  302. package/src/core/components/menu/__workshop__/NestedMenu.tsx +0 -22
  303. package/src/core/components/menu/__workshop__/OnCloseMenuButton.tsx +0 -50
  304. package/src/core/components/menu/__workshop__/SelectedItem.tsx +0 -69
  305. package/src/core/components/menu/__workshop__/ShouldFocus.tsx +0 -42
  306. package/src/core/components/menu/__workshop__/Tones.tsx +0 -31
  307. package/src/core/components/menu/__workshop__/WithoutArrow.tsx +0 -32
  308. package/src/core/components/menu/__workshop__/index.ts +0 -91
  309. package/src/core/components/menu/helpers.ts +0 -82
  310. package/src/core/components/menu/useMenu.ts +0 -21
  311. package/src/core/components/menu/useMenuController.ts +0 -241
  312. package/src/core/components/tab/Tab.tsx +0 -109
  313. package/src/core/components/tab/TabList.tsx +0 -90
  314. package/src/core/components/tab/TabPanel.tsx +0 -47
  315. package/src/core/components/tab/__workshop__/Example.tsx +0 -79
  316. package/src/core/components/tab/__workshop__/index.ts +0 -16
  317. package/src/core/components/toast/Toast.test.tsx +0 -103
  318. package/src/core/components/toast/Toast.tsx +0 -191
  319. package/src/core/components/toast/ToastContext.ts +0 -7
  320. package/src/core/components/toast/ToastLayer.tsx +0 -54
  321. package/src/core/components/toast/ToastProvider.tsx +0 -112
  322. package/src/core/components/toast/__workshop__/Hook.tsx +0 -71
  323. package/src/core/components/toast/__workshop__/Toast.tsx +0 -28
  324. package/src/core/components/toast/__workshop__/index.ts +0 -21
  325. package/src/core/components/toast/toastState.ts +0 -6
  326. package/src/core/components/toast/types.ts +0 -24
  327. package/src/core/components/toast/useToast.ts +0 -23
  328. package/src/core/components/tree/Tree.tsx +0 -248
  329. package/src/core/components/tree/TreeContext.ts +0 -10
  330. package/src/core/components/tree/TreeGroup.tsx +0 -46
  331. package/src/core/components/tree/TreeItem.tsx +0 -237
  332. package/src/core/components/tree/__workshop__/Basic.tsx +0 -105
  333. package/src/core/components/tree/__workshop__/TabFromElement.tsx +0 -84
  334. package/src/core/components/tree/__workshop__/basic.perf.ts +0 -19
  335. package/src/core/components/tree/__workshop__/index.ts +0 -23
  336. package/src/core/components/tree/helpers.ts +0 -105
  337. package/src/core/components/tree/types.ts +0 -24
  338. package/src/core/components/tree/useTree.ts +0 -17
  339. package/src/core/components/virtualList/VirtualList.tsx +0 -209
  340. package/src/core/components/virtualList/__workshop__/ChangingProps.tsx +0 -36
  341. package/src/core/components/virtualList/__workshop__/ElementScroll.tsx +0 -24
  342. package/src/core/components/virtualList/__workshop__/InfiniteList.tsx +0 -48
  343. package/src/core/components/virtualList/__workshop__/WindowScrolll.tsx +0 -22
  344. package/src/core/components/virtualList/__workshop__/index.ts +0 -31
  345. package/src/core/constants.ts +0 -67
  346. package/src/core/helpers/animation.ts +0 -27
  347. package/src/core/helpers/element.ts +0 -55
  348. package/src/core/helpers/focus.ts +0 -92
  349. package/src/core/helpers/props.ts +0 -28
  350. package/src/core/helpers/scroll.ts +0 -15
  351. package/src/core/hooks/useClickOutsideEvent.test.tsx +0 -114
  352. package/src/core/hooks/useClickOutsideEvent.ts +0 -67
  353. package/src/core/hooks/useCustomValidity.ts +0 -13
  354. package/src/core/hooks/useDelayed.test.ts +0 -67
  355. package/src/core/hooks/useDelayedState.ts +0 -28
  356. package/src/core/hooks/useElementSize.ts +0 -19
  357. package/src/core/hooks/useGlobalKeyDown.ts +0 -17
  358. package/src/core/hooks/useMatchMedia.ts +0 -28
  359. package/src/core/hooks/useMediaIndex/__workshop__/Test.tsx +0 -14
  360. package/src/core/hooks/useMediaIndex/__workshop__/index.ts +0 -16
  361. package/src/core/hooks/useMediaIndex/useMediaIndex.test.tsx +0 -21
  362. package/src/core/hooks/useMediaIndex/useMediaIndex.ts +0 -107
  363. package/src/core/hooks/useMounted.ts +0 -15
  364. package/src/core/hooks/usePrefersDark.hydration.test.tsx +0 -56
  365. package/src/core/hooks/usePrefersDark.test.tsx +0 -20
  366. package/src/core/hooks/usePrefersDark.ts +0 -16
  367. package/src/core/hooks/usePrefersReducedMotion.hydration.test.tsx +0 -56
  368. package/src/core/hooks/usePrefersReducedMotion.test.tsx +0 -20
  369. package/src/core/hooks/usePrefersReducedMotion.ts +0 -16
  370. package/src/core/hooks/useResponsiveProp.ts +0 -28
  371. package/src/core/index.ts +0 -118
  372. package/src/core/lib/createGlobalScopedContext.ts +0 -37
  373. package/src/core/lib/globalScope.ts +0 -19
  374. package/src/core/lib/isArray.ts +0 -3
  375. package/src/core/lib/isRecord.ts +0 -3
  376. package/src/core/middleware/origin.ts +0 -47
  377. package/src/core/observers/elementSize.ts +0 -116
  378. package/src/core/observers/resize.ts +0 -9
  379. package/src/core/primitives/arrow/Arrow.tsx +0 -74
  380. package/src/core/primitives/arrow/cmds.ts +0 -91
  381. package/src/core/primitives/avatar/Avatar.tsx +0 -147
  382. package/src/core/primitives/avatar/AvatarCounter.tsx +0 -69
  383. package/src/core/primitives/avatar/AvatarStack.tsx +0 -79
  384. package/src/core/primitives/avatar/__workshop__/AsButton.tsx +0 -21
  385. package/src/core/primitives/avatar/__workshop__/Stack.tsx +0 -29
  386. package/src/core/primitives/avatar/__workshop__/WithinButton.tsx +0 -55
  387. package/src/core/primitives/avatar/__workshop__/WithinMenuItem.tsx +0 -72
  388. package/src/core/primitives/avatar/__workshop__/index.ts +0 -31
  389. package/src/core/primitives/avatar/types.ts +0 -2
  390. package/src/core/primitives/badge/Badge.test.tsx +0 -16
  391. package/src/core/primitives/badge/Badge.tsx +0 -61
  392. package/src/core/primitives/badge/__workshop__/Props.tsx +0 -30
  393. package/src/core/primitives/badge/__workshop__/Tones.tsx +0 -16
  394. package/src/core/primitives/badge/__workshop__/index.ts +0 -21
  395. package/src/core/primitives/box/Box.tsx +0 -222
  396. package/src/core/primitives/box/__workshop__/Props.tsx +0 -25
  397. package/src/core/primitives/box/__workshop__/Responsive.tsx +0 -20
  398. package/src/core/primitives/box/__workshop__/index.ts +0 -21
  399. package/src/core/primitives/button/Button.test.tsx +0 -30
  400. package/src/core/primitives/button/Button.tsx +0 -193
  401. package/src/core/primitives/button/__workshop__/Custom.tsx +0 -27
  402. package/src/core/primitives/button/__workshop__/CustomIcons.tsx +0 -30
  403. package/src/core/primitives/button/__workshop__/Disabled.tsx +0 -54
  404. package/src/core/primitives/button/__workshop__/MixedChildren.tsx +0 -12
  405. package/src/core/primitives/button/__workshop__/Props.tsx +0 -77
  406. package/src/core/primitives/button/__workshop__/SanityUploadButton.tsx +0 -36
  407. package/src/core/primitives/button/__workshop__/Stacked.tsx +0 -74
  408. package/src/core/primitives/button/__workshop__/Styled1.tsx +0 -17
  409. package/src/core/primitives/button/__workshop__/Styled2.tsx +0 -19
  410. package/src/core/primitives/button/__workshop__/TextOverflow.tsx +0 -13
  411. package/src/core/primitives/button/__workshop__/UploadButton.tsx +0 -29
  412. package/src/core/primitives/button/__workshop__/index.ts +0 -66
  413. package/src/core/primitives/button/types.ts +0 -2
  414. package/src/core/primitives/card/Card.tsx +0 -109
  415. package/src/core/primitives/card/CardContext.ts +0 -10
  416. package/src/core/primitives/card/CardProvider.tsx +0 -27
  417. package/src/core/primitives/card/__workshop__/AsButton.tsx +0 -107
  418. package/src/core/primitives/card/__workshop__/AsComponent.tsx +0 -27
  419. package/src/core/primitives/card/__workshop__/Checkered.tsx +0 -26
  420. package/src/core/primitives/card/__workshop__/Interactive.tsx +0 -29
  421. package/src/core/primitives/card/__workshop__/ListNavigation.tsx +0 -78
  422. package/src/core/primitives/card/__workshop__/Props.tsx +0 -62
  423. package/src/core/primitives/card/__workshop__/Selected.tsx +0 -62
  424. package/src/core/primitives/card/__workshop__/Styled.tsx +0 -14
  425. package/src/core/primitives/card/__workshop__/Tones.tsx +0 -27
  426. package/src/core/primitives/card/__workshop__/index.ts +0 -20
  427. package/src/core/primitives/card/types.ts +0 -17
  428. package/src/core/primitives/card/useCard.ts +0 -15
  429. package/src/core/primitives/checkbox/Checkbox.tsx +0 -80
  430. package/src/core/primitives/checkbox/__workshop__/Example.tsx +0 -25
  431. package/src/core/primitives/checkbox/__workshop__/Props.tsx +0 -35
  432. package/src/core/primitives/checkbox/__workshop__/ReadOnly.tsx +0 -16
  433. package/src/core/primitives/checkbox/__workshop__/Tones.tsx +0 -27
  434. package/src/core/primitives/checkbox/__workshop__/index.ts +0 -15
  435. package/src/core/primitives/code/Code.tsx +0 -48
  436. package/src/core/primitives/code/Refractor.tsx +0 -18
  437. package/src/core/primitives/code/__workshop__/OpticalAlignment.tsx +0 -23
  438. package/src/core/primitives/code/__workshop__/Props.tsx +0 -23
  439. package/src/core/primitives/code/__workshop__/index.ts +0 -21
  440. package/src/core/primitives/container/Container.tsx +0 -37
  441. package/src/core/primitives/container/__workshop__/Example.tsx +0 -25
  442. package/src/core/primitives/container/__workshop__/index.ts +0 -10
  443. package/src/core/primitives/container/types.ts +0 -6
  444. package/src/core/primitives/flex/Flex.tsx +0 -58
  445. package/src/core/primitives/flex/__workshop__/Example.tsx +0 -40
  446. package/src/core/primitives/flex/__workshop__/Gap.tsx +0 -25
  447. package/src/core/primitives/flex/__workshop__/index.ts +0 -13
  448. package/src/core/primitives/grid/Grid.tsx +0 -35
  449. package/src/core/primitives/grid/__workshop__/Responsive.tsx +0 -54
  450. package/src/core/primitives/grid/__workshop__/index.ts +0 -12
  451. package/src/core/primitives/heading/Heading.tsx +0 -78
  452. package/src/core/primitives/heading/__workshop__/OpticalAlignment.tsx +0 -54
  453. package/src/core/primitives/heading/__workshop__/Plain.tsx +0 -40
  454. package/src/core/primitives/heading/__workshop__/index.ts +0 -21
  455. package/src/core/primitives/inline/Inline.tsx +0 -62
  456. package/src/core/primitives/inline/__workshop__/Plain.tsx +0 -28
  457. package/src/core/primitives/inline/__workshop__/index.ts +0 -10
  458. package/src/core/primitives/kbd/Kbd.tsx +0 -57
  459. package/src/core/primitives/kbd/__workshop__/Plain.tsx +0 -9
  460. package/src/core/primitives/kbd/__workshop__/index.ts +0 -10
  461. package/src/core/primitives/label/Label.tsx +0 -75
  462. package/src/core/primitives/label/__workshop__/OpticalAlignment.tsx +0 -54
  463. package/src/core/primitives/label/__workshop__/Plain.tsx +0 -42
  464. package/src/core/primitives/label/__workshop__/index.ts +0 -21
  465. package/src/core/primitives/layer/Layer.test.tsx +0 -110
  466. package/src/core/primitives/layer/Layer.tsx +0 -42
  467. package/src/core/primitives/layer/LayerCard.tsx +0 -90
  468. package/src/core/primitives/layer/LayerContext.ts +0 -7
  469. package/src/core/primitives/layer/LayerProvider.tsx +0 -106
  470. package/src/core/primitives/layer/__workshop__/MultipleRoots.tsx +0 -49
  471. package/src/core/primitives/layer/__workshop__/Nested.tsx +0 -98
  472. package/src/core/primitives/layer/__workshop__/ResponsiveZOffset.tsx +0 -17
  473. package/src/core/primitives/layer/__workshop__/_debug.tsx +0 -17
  474. package/src/core/primitives/layer/__workshop__/index.ts +0 -26
  475. package/src/core/primitives/layer/getLayerContext.test.ts +0 -32
  476. package/src/core/primitives/layer/getLayerContext.ts +0 -21
  477. package/src/core/primitives/layer/types.ts +0 -9
  478. package/src/core/primitives/layer/useLayer.ts +0 -24
  479. package/src/core/primitives/popover/Popover.tsx +0 -442
  480. package/src/core/primitives/popover/PopoverLayer.tsx +0 -149
  481. package/src/core/primitives/popover/__workshop__/AlignedStory.tsx +0 -89
  482. package/src/core/primitives/popover/__workshop__/MarginsStory.tsx +0 -31
  483. package/src/core/primitives/popover/__workshop__/MatchReferenceWidthStory.tsx +0 -34
  484. package/src/core/primitives/popover/__workshop__/OpenOnMountStory.tsx +0 -11
  485. package/src/core/primitives/popover/__workshop__/PlainStory.tsx +0 -79
  486. package/src/core/primitives/popover/__workshop__/RecursiveStory.tsx +0 -69
  487. package/src/core/primitives/popover/__workshop__/SidePanelStory.tsx +0 -102
  488. package/src/core/primitives/popover/__workshop__/TestStory.tsx +0 -106
  489. package/src/core/primitives/popover/__workshop__/index.ts +0 -51
  490. package/src/core/primitives/popover/constants.ts +0 -22
  491. package/src/core/primitives/popover/floating-ui/size.ts +0 -83
  492. package/src/core/primitives/popover/helpers.ts +0 -32
  493. package/src/core/primitives/popover/types.ts +0 -12
  494. package/src/core/primitives/radio/Radio.tsx +0 -64
  495. package/src/core/primitives/radio/__workshop__/Example.tsx +0 -63
  496. package/src/core/primitives/radio/__workshop__/Plain.tsx +0 -28
  497. package/src/core/primitives/radio/__workshop__/index.ts +0 -13
  498. package/src/core/primitives/select/Select.tsx +0 -75
  499. package/src/core/primitives/select/__workshop__/Plain.tsx +0 -43
  500. package/src/core/primitives/select/__workshop__/ReadOnly.tsx +0 -23
  501. package/src/core/primitives/select/__workshop__/index.ts +0 -13
  502. package/src/core/primitives/selectable/Selectable.tsx +0 -50
  503. package/src/core/primitives/skeleton/CodeSkeleton.tsx +0 -49
  504. package/src/core/primitives/skeleton/HeadingSkeleton.tsx +0 -48
  505. package/src/core/primitives/skeleton/LabelSkeleton.tsx +0 -47
  506. package/src/core/primitives/skeleton/Skeleton.tsx +0 -70
  507. package/src/core/primitives/skeleton/TextSkeleton.tsx +0 -49
  508. package/src/core/primitives/skeleton/__workshop__/Delay.tsx +0 -78
  509. package/src/core/primitives/skeleton/__workshop__/Skeleton.tsx +0 -72
  510. package/src/core/primitives/skeleton/__workshop__/index.ts +0 -13
  511. package/src/core/primitives/spinner/AnimatedSpinnerIcon.tsx +0 -14
  512. package/src/core/primitives/spinner/Spinner.tsx +0 -45
  513. package/src/core/primitives/spinner/__workshop__/Props.tsx +0 -20
  514. package/src/core/primitives/spinner/__workshop__/index.ts +0 -16
  515. package/src/core/primitives/srOnly/SrOnly.tsx +0 -33
  516. package/src/core/primitives/stack/Stack.tsx +0 -60
  517. package/src/core/primitives/stack/__workshop__/Plain.tsx +0 -35
  518. package/src/core/primitives/stack/__workshop__/index.ts +0 -16
  519. package/src/core/primitives/switch/Switch.tsx +0 -84
  520. package/src/core/primitives/switch/__workshop__/Example.tsx +0 -23
  521. package/src/core/primitives/switch/__workshop__/Props.tsx +0 -21
  522. package/src/core/primitives/switch/__workshop__/index.ts +0 -13
  523. package/src/core/primitives/text/Text.tsx +0 -76
  524. package/src/core/primitives/text/__workshop__/Colored.tsx +0 -30
  525. package/src/core/primitives/text/__workshop__/Example.tsx +0 -42
  526. package/src/core/primitives/text/__workshop__/OpticalAlignment.tsx +0 -23
  527. package/src/core/primitives/text/__workshop__/index.ts +0 -26
  528. package/src/core/primitives/textArea/TextArea.tsx +0 -84
  529. package/src/core/primitives/textArea/__workshop__/Plain.tsx +0 -69
  530. package/src/core/primitives/textArea/__workshop__/index.ts +0 -16
  531. package/src/core/primitives/textInput/TextInput.tsx +0 -258
  532. package/src/core/primitives/textInput/__workshop__/ClearButton.tsx +0 -30
  533. package/src/core/primitives/textInput/__workshop__/CustomValidity.tsx +0 -17
  534. package/src/core/primitives/textInput/__workshop__/Plain.tsx +0 -140
  535. package/src/core/primitives/textInput/__workshop__/ReadOnly.tsx +0 -9
  536. package/src/core/primitives/textInput/__workshop__/States.tsx +0 -53
  537. package/src/core/primitives/textInput/__workshop__/Tones.tsx +0 -277
  538. package/src/core/primitives/textInput/__workshop__/Typed.tsx +0 -29
  539. package/src/core/primitives/textInput/__workshop__/index.ts +0 -46
  540. package/src/core/primitives/tooltip/Tooltip.test.tsx +0 -452
  541. package/src/core/primitives/tooltip/Tooltip.tsx +0 -483
  542. package/src/core/primitives/tooltip/TooltipLayer.tsx +0 -106
  543. package/src/core/primitives/tooltip/__workshop__/CustomPortal.tsx +0 -104
  544. package/src/core/primitives/tooltip/__workshop__/OverflowingBoundary.tsx +0 -76
  545. package/src/core/primitives/tooltip/__workshop__/Props.tsx +0 -124
  546. package/src/core/primitives/tooltip/__workshop__/ResizableBoundary.tsx +0 -91
  547. package/src/core/primitives/tooltip/__workshop__/index.ts +0 -31
  548. package/src/core/primitives/tooltip/constants.ts +0 -23
  549. package/src/core/primitives/tooltip/tooltipDelayGroup/TooltipDelayGroupContext.tsx +0 -13
  550. package/src/core/primitives/tooltip/tooltipDelayGroup/TooltipDelayGroupProvider.tsx +0 -55
  551. package/src/core/primitives/tooltip/tooltipDelayGroup/types.ts +0 -10
  552. package/src/core/primitives/tooltip/tooltipDelayGroup/useTooltipDelayGroup.ts +0 -13
  553. package/src/core/types.ts +0 -56
  554. package/src/core/utils/ErrorBoundary.tsx +0 -50
  555. package/src/core/utils/boundaryElement/BoundaryElement.test.tsx +0 -102
  556. package/src/core/utils/boundaryElement/BoundaryElementContext.ts +0 -10
  557. package/src/core/utils/boundaryElement/BoundaryElementProvider.tsx +0 -18
  558. package/src/core/utils/boundaryElement/__workshop__/Plain.tsx +0 -19
  559. package/src/core/utils/boundaryElement/__workshop__/index.ts +0 -16
  560. package/src/core/utils/boundaryElement/types.ts +0 -5
  561. package/src/core/utils/boundaryElement/useBoundaryElement.ts +0 -24
  562. package/src/core/utils/elementQuery/ElementQuery.tsx +0 -75
  563. package/src/core/utils/elementQuery/__workshop__/CustomMedia.tsx +0 -41
  564. package/src/core/utils/elementQuery/__workshop__/index.ts +0 -16
  565. package/src/core/utils/elementQuery/helpers.ts +0 -27
  566. package/src/core/utils/getElementRef.ts +0 -29
  567. package/src/core/utils/portal/Portal.test.tsx +0 -105
  568. package/src/core/utils/portal/Portal.tsx +0 -36
  569. package/src/core/utils/portal/PortalContext.ts +0 -37
  570. package/src/core/utils/portal/PortalProvider.tsx +0 -70
  571. package/src/core/utils/portal/__workshop__/Named.tsx +0 -63
  572. package/src/core/utils/portal/__workshop__/index.ts +0 -16
  573. package/src/core/utils/portal/types.ts +0 -7
  574. package/src/core/utils/portal/usePortal.ts +0 -23
  575. package/src/css/_assign.ts +0 -3
  576. package/src/css/_composeClassNames.ts +0 -12
  577. package/src/css/_fromEntries.ts +0 -3
  578. package/src/css/_getClassNames.ts +0 -9
  579. package/src/css/_responsiveClassName.ts +0 -45
  580. package/src/css/_responsiveStyle.css.ts +0 -34
  581. package/src/css/_style.css.ts +0 -9
  582. package/src/css/components/breadcrumbs/breadcrumbs.css.ts +0 -6
  583. package/src/css/components/breadcrumbs/breadcrumbs.ts +0 -7
  584. package/src/css/components/dialog/dialog.css.ts +0 -98
  585. package/src/css/components/dialog/dialog.ts +0 -58
  586. package/src/css/components/menu/menu.css.ts +0 -14
  587. package/src/css/components/menu/menu.ts +0 -12
  588. package/src/css/components/skeleton/skeleton.css.ts +0 -128
  589. package/src/css/components/skeleton/skeleton.ts +0 -38
  590. package/src/css/components/skeleton/types.ts +0 -36
  591. package/src/css/components/toast/toast.css.ts +0 -17
  592. package/src/css/components/toast/toast.ts +0 -11
  593. package/src/css/components/tree/tree.css.ts +0 -65
  594. package/src/css/components/tree/tree.ts +0 -7
  595. package/src/css/constants.ts +0 -10
  596. package/src/css/getVarName.ts +0 -27
  597. package/src/css/index.ts +0 -146
  598. package/src/css/layers.css.ts +0 -12
  599. package/src/css/primitives/_arrow/_arrow.css.ts +0 -68
  600. package/src/css/primitives/_arrow/_arrow.ts +0 -26
  601. package/src/css/primitives/_input/_input.css.ts +0 -261
  602. package/src/css/primitives/_input/input.ts +0 -29
  603. package/src/css/primitives/_input/types.ts +0 -13
  604. package/src/css/primitives/avatar/avatar.css.ts +0 -201
  605. package/src/css/primitives/avatar/avatar.ts +0 -68
  606. package/src/css/primitives/avatar/types.ts +0 -10
  607. package/src/css/primitives/badge/badge.css.ts +0 -27
  608. package/src/css/primitives/badge/badge.ts +0 -8
  609. package/src/css/primitives/badge/types.ts +0 -13
  610. package/src/css/primitives/box/box.css.ts +0 -19
  611. package/src/css/primitives/box/box.ts +0 -82
  612. package/src/css/primitives/box/types.ts +0 -75
  613. package/src/css/primitives/button/button.css.ts +0 -287
  614. package/src/css/primitives/button/button.ts +0 -26
  615. package/src/css/primitives/button/types.ts +0 -12
  616. package/src/css/primitives/card/__workshop__/Color.tsx +0 -83
  617. package/src/css/primitives/card/__workshop__/index.ts +0 -16
  618. package/src/css/primitives/card/card.css.ts +0 -397
  619. package/src/css/primitives/card/card.ts +0 -13
  620. package/src/css/primitives/card/types.ts +0 -9
  621. package/src/css/primitives/checkbox/checkbox.css.ts +0 -193
  622. package/src/css/primitives/checkbox/checkbox.ts +0 -17
  623. package/src/css/primitives/code/code.css.ts +0 -272
  624. package/src/css/primitives/code/code.ts +0 -19
  625. package/src/css/primitives/code/types.ts +0 -11
  626. package/src/css/primitives/container/container.css.ts +0 -4
  627. package/src/css/primitives/container/container.ts +0 -17
  628. package/src/css/primitives/container/types.ts +0 -9
  629. package/src/css/primitives/heading/heading.css.ts +0 -86
  630. package/src/css/primitives/heading/heading.ts +0 -22
  631. package/src/css/primitives/heading/types.ts +0 -14
  632. package/src/css/primitives/kbd/kbd.css.ts +0 -16
  633. package/src/css/primitives/kbd/kbd.ts +0 -9
  634. package/src/css/primitives/kbd/types.ts +0 -6
  635. package/src/css/primitives/label/label.css.ts +0 -87
  636. package/src/css/primitives/label/label.ts +0 -22
  637. package/src/css/primitives/label/types.ts +0 -14
  638. package/src/css/primitives/popover/popover.css.ts +0 -6
  639. package/src/css/primitives/popover/popover.ts +0 -12
  640. package/src/css/primitives/radio/radio.css.ts +0 -78
  641. package/src/css/primitives/radio/radio.ts +0 -17
  642. package/src/css/primitives/root/root.css.ts +0 -20
  643. package/src/css/primitives/root/root.ts +0 -17
  644. package/src/css/primitives/root/types.ts +0 -10
  645. package/src/css/primitives/select/select.css.ts +0 -24
  646. package/src/css/primitives/select/select.ts +0 -14
  647. package/src/css/primitives/select/types.ts +0 -5
  648. package/src/css/primitives/selectable/selectable.css.ts +0 -131
  649. package/src/css/primitives/selectable/selectable.ts +0 -9
  650. package/src/css/primitives/selectable/types.ts +0 -9
  651. package/src/css/primitives/spinner/spinner.css.ts +0 -19
  652. package/src/css/primitives/spinner/spinner.ts +0 -13
  653. package/src/css/primitives/spinner/types.ts +0 -4
  654. package/src/css/primitives/srOnly/srOnly.css.ts +0 -10
  655. package/src/css/primitives/srOnly/srOnly.ts +0 -7
  656. package/src/css/primitives/stack/stack.css.ts +0 -6
  657. package/src/css/primitives/stack/stack.ts +0 -7
  658. package/src/css/primitives/switch/switch.css.ts +0 -98
  659. package/src/css/primitives/switch/switch.ts +0 -27
  660. package/src/css/primitives/text/text.css.ts +0 -86
  661. package/src/css/primitives/text/text.ts +0 -24
  662. package/src/css/primitives/text/types.ts +0 -18
  663. package/src/css/primitives/textArea/textArea.css.ts +0 -4
  664. package/src/css/primitives/textArea/textArea.ts +0 -9
  665. package/src/css/primitives/textArea/types.ts +0 -7
  666. package/src/css/primitives/textInput/textInput.css.ts +0 -43
  667. package/src/css/primitives/textInput/textInput.ts +0 -24
  668. package/src/css/primitives/textInput/types.ts +0 -7
  669. package/src/css/primitives/tooltip/tooltip.css.ts +0 -4
  670. package/src/css/primitives/tooltip/tooltip.ts +0 -8
  671. package/src/css/primitives/tooltip/types.ts +0 -4
  672. package/src/css/props/alignItems/alignItems.css.ts +0 -22
  673. package/src/css/props/alignItems/alignItems.ts +0 -8
  674. package/src/css/props/alignItems/types.ts +0 -9
  675. package/src/css/props/border/border.css.ts +0 -65
  676. package/src/css/props/border/border.ts +0 -21
  677. package/src/css/props/border/types.ts +0 -13
  678. package/src/css/props/boxSizing/boxSizing.css.ts +0 -12
  679. package/src/css/props/boxSizing/boxSizing.ts +0 -7
  680. package/src/css/props/boxSizing/types.ts +0 -7
  681. package/src/css/props/display/display.css.ts +0 -56
  682. package/src/css/props/display/display.ts +0 -8
  683. package/src/css/props/display/types.ts +0 -16
  684. package/src/css/props/flex/flex.css.ts +0 -52
  685. package/src/css/props/flex/flex.ts +0 -8
  686. package/src/css/props/flex/types.ts +0 -9
  687. package/src/css/props/flexDirection/flexDirection.css.ts +0 -19
  688. package/src/css/props/flexDirection/flexDirection.ts +0 -8
  689. package/src/css/props/flexDirection/types.ts +0 -9
  690. package/src/css/props/flexWrap/flexWrap.css.ts +0 -16
  691. package/src/css/props/flexWrap/flexWrap.ts +0 -8
  692. package/src/css/props/flexWrap/types.ts +0 -9
  693. package/src/css/props/font/font.css.ts +0 -94
  694. package/src/css/props/font/font.ts +0 -8
  695. package/src/css/props/font/types.ts +0 -6
  696. package/src/css/props/gap/gap.css.ts +0 -40
  697. package/src/css/props/gap/gap.ts +0 -13
  698. package/src/css/props/gap/types.ts +0 -10
  699. package/src/css/props/gridAutoColumns/gridAutoColumns.css.ts +0 -19
  700. package/src/css/props/gridAutoColumns/gridAutoColumns.ts +0 -8
  701. package/src/css/props/gridAutoColumns/types.ts +0 -9
  702. package/src/css/props/gridAutoFlow/gridAutoFlow.css.ts +0 -19
  703. package/src/css/props/gridAutoFlow/gridAutoFlow.ts +0 -8
  704. package/src/css/props/gridAutoFlow/types.ts +0 -9
  705. package/src/css/props/gridAutoRows/gridAutoRows.css.ts +0 -19
  706. package/src/css/props/gridAutoRows/gridAutoRows.ts +0 -8
  707. package/src/css/props/gridAutoRows/types.ts +0 -9
  708. package/src/css/props/gridColumn/gridColumn.css.ts +0 -49
  709. package/src/css/props/gridColumn/gridColumn.ts +0 -8
  710. package/src/css/props/gridColumn/types.ts +0 -9
  711. package/src/css/props/gridColumnEnd/gridColumnEnd.css.ts +0 -46
  712. package/src/css/props/gridColumnEnd/gridColumnEnd.ts +0 -8
  713. package/src/css/props/gridColumnEnd/types.ts +0 -9
  714. package/src/css/props/gridColumnStart/gridColumnStart.css.ts +0 -46
  715. package/src/css/props/gridColumnStart/gridColumnStart.ts +0 -8
  716. package/src/css/props/gridColumnStart/types.ts +0 -9
  717. package/src/css/props/gridRow/gridRow.css.ts +0 -49
  718. package/src/css/props/gridRow/gridRow.ts +0 -8
  719. package/src/css/props/gridRow/types.ts +0 -9
  720. package/src/css/props/gridRowEnd/gridRowEnd.css.ts +0 -46
  721. package/src/css/props/gridRowEnd/gridRowEnd.ts +0 -8
  722. package/src/css/props/gridRowEnd/types.ts +0 -9
  723. package/src/css/props/gridRowStart/gridRowStart.css.ts +0 -46
  724. package/src/css/props/gridRowStart/gridRowStart.ts +0 -8
  725. package/src/css/props/gridRowStart/types.ts +0 -9
  726. package/src/css/props/gridTemplateColumns/gridTemplateColumns.css.ts +0 -43
  727. package/src/css/props/gridTemplateColumns/gridTemplateColumns.ts +0 -8
  728. package/src/css/props/gridTemplateColumns/types.ts +0 -9
  729. package/src/css/props/gridTemplateRows/gridTemplateRows.css.ts +0 -43
  730. package/src/css/props/gridTemplateRows/gridTemplateRows.ts +0 -8
  731. package/src/css/props/gridTemplateRows/types.ts +0 -9
  732. package/src/css/props/height/height.css.ts +0 -25
  733. package/src/css/props/height/height.ts +0 -8
  734. package/src/css/props/height/types.ts +0 -9
  735. package/src/css/props/inset/inset.css.ts +0 -37
  736. package/src/css/props/inset/inset.ts +0 -21
  737. package/src/css/props/inset/types.ts +0 -13
  738. package/src/css/props/justifyContent/justifyContent.css.ts +0 -25
  739. package/src/css/props/justifyContent/justifyContent.ts +0 -8
  740. package/src/css/props/justifyContent/types.ts +0 -15
  741. package/src/css/props/margin/margin.css.ts +0 -117
  742. package/src/css/props/margin/margin.ts +0 -25
  743. package/src/css/props/margin/types.ts +0 -17
  744. package/src/css/props/maxWidth/maxWidth.css.ts +0 -32
  745. package/src/css/props/maxWidth/maxWidth.ts +0 -8
  746. package/src/css/props/maxWidth/types.ts +0 -11
  747. package/src/css/props/minHeight/minHeight.css.ts +0 -13
  748. package/src/css/props/minHeight/minHeight.ts +0 -8
  749. package/src/css/props/minHeight/types.ts +0 -9
  750. package/src/css/props/minWidth/minWidth.css.ts +0 -25
  751. package/src/css/props/minWidth/minWidth.ts +0 -8
  752. package/src/css/props/minWidth/types.ts +0 -9
  753. package/src/css/props/outline/outline.css.ts +0 -10
  754. package/src/css/props/outline/outline.ts +0 -8
  755. package/src/css/props/outline/types.ts +0 -7
  756. package/src/css/props/overflow/overflow.css.ts +0 -16
  757. package/src/css/props/overflow/overflow.ts +0 -8
  758. package/src/css/props/overflow/types.ts +0 -11
  759. package/src/css/props/padding/padding.css.ts +0 -87
  760. package/src/css/props/padding/padding.ts +0 -25
  761. package/src/css/props/padding/types.ts +0 -17
  762. package/src/css/props/pointerEvents/pointerEvents.css.ts +0 -13
  763. package/src/css/props/pointerEvents/pointerEvents.ts +0 -8
  764. package/src/css/props/pointerEvents/types.ts +0 -7
  765. package/src/css/props/position/position.css.ts +0 -22
  766. package/src/css/props/position/position.ts +0 -8
  767. package/src/css/props/position/types.ts +0 -9
  768. package/src/css/props/radius/radius.css.ts +0 -21
  769. package/src/css/props/radius/radius.ts +0 -8
  770. package/src/css/props/radius/types.ts +0 -8
  771. package/src/css/props/shadow/shadow.css.ts +0 -23
  772. package/src/css/props/shadow/shadow.ts +0 -8
  773. package/src/css/props/shadow/types.ts +0 -8
  774. package/src/css/props/textAlign/textAlign.css.ts +0 -22
  775. package/src/css/props/textAlign/textAlign.ts +0 -8
  776. package/src/css/props/textAlign/types.ts +0 -7
  777. package/src/css/props/textOverflow/textOverflow.css.ts +0 -19
  778. package/src/css/props/textOverflow/textOverflow.ts +0 -8
  779. package/src/css/props/textOverflow/types.ts +0 -12
  780. package/src/css/props/width/types.ts +0 -11
  781. package/src/css/props/width/width.css.ts +0 -31
  782. package/src/css/props/width/width.ts +0 -8
  783. package/src/css/theme/buildCSSTheme.ts +0 -492
  784. package/src/css/theme/defaultTheme.css.ts +0 -64
  785. package/src/css/types.ts +0 -431
  786. package/src/css/vars.css.ts +0 -680
  787. package/src/theme/_parseColorToken.ts +0 -180
  788. package/src/theme/buildTheme.ts +0 -32
  789. package/src/theme/constants.ts +0 -90
  790. package/src/theme/defaults/color.ts +0 -197
  791. package/src/theme/defaults/common.ts +0 -71
  792. package/src/theme/defaults/fonts.ts +0 -250
  793. package/src/theme/index.ts +0 -5
  794. package/src/theme/merge.ts +0 -24
  795. package/src/theme/resolveTokens.ts +0 -204
  796. package/src/theme/types.ts +0 -366
package/src/css/classes/system/font-family.css ADDED
@@ -0,0 +1,2 @@
1
+ .sui-font-sans { font-family: var(--sans); }
2
+ .sui-font-mono { font-family: var(--mono); }
package/src/css/classes/system/font-weight.css ADDED
@@ -0,0 +1,4 @@
1
+ .sui-weight-bold { font-weight: var(--bold); }
2
+ .sui-weight-medium { font-weight: var(--medium); }
3
+ .sui-weight-regular { font-weight: var(--regular); }
4
+ .sui-weight-semibold { font-weight: var(--semibold); }
package/src/css/classes/system/gap.css ADDED
@@ -0,0 +1,37 @@
1
+ @breakpoints {
2
+ .sui-gap0 { gap: var(--space-0); }
3
+ .sui-gap1 { gap: var(--space-1); }
4
+ .sui-gap2 { gap: var(--space-2); }
5
+ .sui-gap3 { gap: var(--space-3); }
6
+ .sui-gap4 { gap: var(--space-4); }
7
+ .sui-gap5 { gap: var(--space-5); }
8
+ .sui-gap6 { gap: var(--space-6); }
9
+ .sui-gap7 { gap: var(--space-7); }
10
+ .sui-gap8 { gap: var(--space-8); }
11
+ .sui-gap9 { gap: var(--space-9); }
12
+ .sui-gap-inherit { gap: inherit; }
13
+
14
+ .sui-row-gap0 { row-gap: var(--space-0); }
15
+ .sui-row-gap1 { row-gap: var(--space-1); }
16
+ .sui-row-gap2 { row-gap: var(--space-2); }
17
+ .sui-row-gap3 { row-gap: var(--space-3); }
18
+ .sui-row-gap4 { row-gap: var(--space-4); }
19
+ .sui-row-gap5 { row-gap: var(--space-5); }
20
+ .sui-row-gap6 { row-gap: var(--space-6); }
21
+ .sui-row-gap7 { row-gap: var(--space-7); }
22
+ .sui-row-gap8 { row-gap: var(--space-8); }
23
+ .sui-row-gap9 { row-gap: var(--space-9); }
24
+ .sui-row-gap-inherit { gap: inherit; }
25
+
26
+ .sui-column-gap0 { column-gap: var(--space-0); }
27
+ .sui-column-gap1 { column-gap: var(--space-1); }
28
+ .sui-column-gap2 { column-gap: var(--space-2); }
29
+ .sui-column-gap3 { column-gap: var(--space-3); }
30
+ .sui-column-gap4 { column-gap: var(--space-4); }
31
+ .sui-column-gap5 { column-gap: var(--space-5); }
32
+ .sui-column-gap6 { column-gap: var(--space-6); }
33
+ .sui-column-gap7 { column-gap: var(--space-7); }
34
+ .sui-column-gap8 { column-gap: var(--space-8); }
35
+ .sui-column-gap9 { column-gap: var(--space-9); }
36
+ .sui-column-gap-inherit { gap: inherit; }
37
+ }
package/src/css/classes/system/index.css ADDED
@@ -0,0 +1,10 @@
1
+ @import './color.css';
2
+ @import './container.css';
3
+ @import './gap.css';
4
+ @import './inset.css';
5
+ @import './margin.css';
6
+ @import './padding.css';
7
+ @import './radius.css';
8
+ @import './shadow.css';
9
+ @import './typography.css';
10
+ @import './font-weight.css';
package/src/css/classes/system/inset.css ADDED
@@ -0,0 +1,56 @@
1
+ @breakpoints {
2
+ .sui-inset0 { inset: var(--space-0); }
3
+ .sui-inset1 { inset: var(--space-1); }
4
+ .sui-inset2 { inset: var(--space-2); }
5
+ .sui-inset3 { inset: var(--space-3); }
6
+ .sui-inset4 { inset: var(--space-4); }
7
+ .sui-inset5 { inset: var(--space-5); }
8
+ .sui-inset6 { inset: var(--space-6); }
9
+ .sui-inset7 { inset: var(--space-7); }
10
+ .sui-inset8 { inset: var(--space-8); }
11
+ .sui-inset9 { inset: var(--space-9); }
12
+
13
+ .sui-top0 { top: var(--space-0); }
14
+ .sui-top1 { top: var(--space-1); }
15
+ .sui-top2 { top: var(--space-2); }
16
+ .sui-top3 { top: var(--space-3); }
17
+ .sui-top4 { top: var(--space-4); }
18
+ .sui-top5 { top: var(--space-5); }
19
+ .sui-top6 { top: var(--space-6); }
20
+ .sui-top7 { top: var(--space-7); }
21
+ .sui-top8 { top: var(--space-8); }
22
+ .sui-top9 { top: var(--space-9); }
23
+
24
+ .sui-right0 { right: var(--space-0); }
25
+ .sui-right1 { right: var(--space-1); }
26
+ .sui-right2 { right: var(--space-2); }
27
+ .sui-right3 { right: var(--space-3); }
28
+ .sui-right4 { right: var(--space-4); }
29
+ .sui-right5 { right: var(--space-5); }
30
+ .sui-right6 { right: var(--space-6); }
31
+ .sui-right7 { right: var(--space-7); }
32
+ .sui-right8 { right: var(--space-8); }
33
+ .sui-right9 { right: var(--space-9); }
34
+
35
+ .sui-bottom0 { bottom: var(--space-0); }
36
+ .sui-bottom1 { bottom: var(--space-1); }
37
+ .sui-bottom2 { bottom: var(--space-2); }
38
+ .sui-bottom3 { bottom: var(--space-3); }
39
+ .sui-bottom4 { bottom: var(--space-4); }
40
+ .sui-bottom5 { bottom: var(--space-5); }
41
+ .sui-bottom6 { bottom: var(--space-6); }
42
+ .sui-bottom7 { bottom: var(--space-7); }
43
+ .sui-bottom8 { bottom: var(--space-8); }
44
+ .sui-bottom9 { bottom: var(--space-9); }
45
+
46
+ .sui-left0 { left: var(--space-0); }
47
+ .sui-left1 { left: var(--space-1); }
48
+ .sui-left2 { left: var(--space-2); }
49
+ .sui-left3 { left: var(--space-3); }
50
+ .sui-left4 { left: var(--space-4); }
51
+ .sui-left5 { left: var(--space-5); }
52
+ .sui-left6 { left: var(--space-6); }
53
+ .sui-left7 { left: var(--space-7); }
54
+ .sui-left8 { left: var(--space-8); }
55
+ .sui-left9 { left: var(--space-9); }
56
+ }
package/src/css/classes/system/margin.css ADDED
@@ -0,0 +1,148 @@
1
+ @breakpoints {
2
+ .sui-m0 { margin: var(--space-0); }
3
+ .sui-m1 { margin: var(--space-1); }
4
+ .sui-m2 { margin: var(--space-2); }
5
+ .sui-m3 { margin: var(--space-3); }
6
+ .sui-m4 { margin: var(--space-4); }
7
+ .sui-m5 { margin: var(--space-5); }
8
+ .sui-m6 { margin: var(--space-6); }
9
+ .sui-m7 { margin: var(--space-7); }
10
+ .sui-m8 { margin: var(--space-8); }
11
+ .sui-m9 { margin: var(--space-9); }
12
+ .sui-m-1 { margin: calc(-1 * var(--space-1)); }
13
+ .sui-m-2 { margin: calc(-1 * var(--space-2)); }
14
+ .sui-m-3 { margin: calc(-1 * var(--space-3)); }
15
+ .sui-m-4 { margin: calc(-1 * var(--space-4)); }
16
+ .sui-m-5 { margin: calc(-1 * var(--space-5)); }
17
+ .sui-m-6 { margin: calc(-1 * var(--space-6)); }
18
+ .sui-m-7 { margin: calc(-1 * var(--space-7)); }
19
+ .sui-m-8 { margin: calc(-1 * var(--space-8)); }
20
+ .sui-m-9 { margin: calc(-1 * var(--space-9)); }
21
+ .sui-m-auto { margin: auto; }
22
+
23
+ .sui-mx0 { margin-inline: var(--space-0); }
24
+ .sui-mx1 { margin-inline: var(--space-1); }
25
+ .sui-mx2 { margin-inline: var(--space-2); }
26
+ .sui-mx3 { margin-inline: var(--space-3); }
27
+ .sui-mx4 { margin-inline: var(--space-4); }
28
+ .sui-mx5 { margin-inline: var(--space-5); }
29
+ .sui-mx6 { margin-inline: var(--space-6); }
30
+ .sui-mx7 { margin-inline: var(--space-7); }
31
+ .sui-mx8 { margin-inline: var(--space-8); }
32
+ .sui-mx9 { margin-inline: var(--space-9); }
33
+ .sui-mx-1 { margin-inline: calc(-1 * var(--space-1)); }
34
+ .sui-mx-2 { margin-inline: calc(-1 * var(--space-2)); }
35
+ .sui-mx-3 { margin-inline: calc(-1 * var(--space-3)); }
36
+ .sui-mx-4 { margin-inline: calc(-1 * var(--space-4)); }
37
+ .sui-mx-5 { margin-inline: calc(-1 * var(--space-5)); }
38
+ .sui-mx-6 { margin-inline: calc(-1 * var(--space-6)); }
39
+ .sui-mx-7 { margin-inline: calc(-1 * var(--space-7)); }
40
+ .sui-mx-8 { margin-inline: calc(-1 * var(--space-8)); }
41
+ .sui-mx-9 { margin-inline: calc(-1 * var(--space-9)); }
42
+ .sui-mx-auto { margin-inline: auto; }
43
+
44
+ .sui-my0 { margin-block: var(--space-0); }
45
+ .sui-my1 { margin-block: var(--space-1); }
46
+ .sui-my2 { margin-block: var(--space-2); }
47
+ .sui-my3 { margin-block: var(--space-3); }
48
+ .sui-my4 { margin-block: var(--space-4); }
49
+ .sui-my5 { margin-block: var(--space-5); }
50
+ .sui-my6 { margin-block: var(--space-6); }
51
+ .sui-my7 { margin-block: var(--space-7); }
52
+ .sui-my8 { margin-block: var(--space-8); }
53
+ .sui-my9 { margin-block: var(--space-9); }
54
+ .sui-my-1 { margin-block: calc(-1 * var(--space-1)); }
55
+ .sui-my-2 { margin-block: calc(-1 * var(--space-2)); }
56
+ .sui-my-3 { margin-block: calc(-1 * var(--space-3)); }
57
+ .sui-my-4 { margin-block: calc(-1 * var(--space-4)); }
58
+ .sui-my-5 { margin-block: calc(-1 * var(--space-5)); }
59
+ .sui-my-6 { margin-block: calc(-1 * var(--space-6)); }
60
+ .sui-my-7 { margin-block: calc(-1 * var(--space-7)); }
61
+ .sui-my-8 { margin-block: calc(-1 * var(--space-8)); }
62
+ .sui-my-9 { margin-block: calc(-1 * var(--space-9)); }
63
+ .sui-my-auto { margin-block: auto; }
64
+
65
+ .sui-mt0 { margin-top: var(--space-0); }
66
+ .sui-mt1 { margin-top: var(--space-1); }
67
+ .sui-mt2 { margin-top: var(--space-2); }
68
+ .sui-mt3 { margin-top: var(--space-3); }
69
+ .sui-mt4 { margin-top: var(--space-4); }
70
+ .sui-mt5 { margin-top: var(--space-5); }
71
+ .sui-mt6 { margin-top: var(--space-6); }
72
+ .sui-mt7 { margin-top: var(--space-7); }
73
+ .sui-mt8 { margin-top: var(--space-8); }
74
+ .sui-mt9 { margin-top: var(--space-9); }
75
+ .sui-mt-1 { margin-top: calc(-1 * var(--space-1)); }
76
+ .sui-mt-2 { margin-top: calc(-1 * var(--space-2)); }
77
+ .sui-mt-3 { margin-top: calc(-1 * var(--space-3)); }
78
+ .sui-mt-4 { margin-top: calc(-1 * var(--space-4)); }
79
+ .sui-mt-5 { margin-top: calc(-1 * var(--space-5)); }
80
+ .sui-mt-6 { margin-top: calc(-1 * var(--space-6)); }
81
+ .sui-mt-7 { margin-top: calc(-1 * var(--space-7)); }
82
+ .sui-mt-8 { margin-top: calc(-1 * var(--space-8)); }
83
+ .sui-mt-9 { margin-top: calc(-1 * var(--space-9)); }
84
+ .sui-mt-auto { margin-top: auto; }
85
+
86
+ .sui-mr0 { margin-right: var(--space-0); }
87
+ .sui-mr1 { margin-right: var(--space-1); }
88
+ .sui-mr2 { margin-right: var(--space-2); }
89
+ .sui-mr3 { margin-right: var(--space-3); }
90
+ .sui-mr4 { margin-right: var(--space-4); }
91
+ .sui-mr5 { margin-right: var(--space-5); }
92
+ .sui-mr6 { margin-right: var(--space-6); }
93
+ .sui-mr7 { margin-right: var(--space-7); }
94
+ .sui-mr8 { margin-right: var(--space-8); }
95
+ .sui-mr9 { margin-right: var(--space-9); }
96
+ .sui-mr-1 { margin-right: calc(-1 * var(--space-1)); }
97
+ .sui-mr-2 { margin-right: calc(-1 * var(--space-2)); }
98
+ .sui-mr-3 { margin-right: calc(-1 * var(--space-3)); }
99
+ .sui-mr-4 { margin-right: calc(-1 * var(--space-4)); }
100
+ .sui-mr-5 { margin-right: calc(-1 * var(--space-5)); }
101
+ .sui-mr-6 { margin-right: calc(-1 * var(--space-6)); }
102
+ .sui-mr-7 { margin-right: calc(-1 * var(--space-7)); }
103
+ .sui-mr-8 { margin-right: calc(-1 * var(--space-8)); }
104
+ .sui-mr-9 { margin-right: calc(-1 * var(--space-9)); }
105
+ .sui-mr-auto { margin-right: auto; }
106
+
107
+ .sui-mb0 { margin-bottom: var(--space-0); }
108
+ .sui-mb1 { margin-bottom: var(--space-1); }
109
+ .sui-mb2 { margin-bottom: var(--space-2); }
110
+ .sui-mb3 { margin-bottom: var(--space-3); }
111
+ .sui-mb4 { margin-bottom: var(--space-4); }
112
+ .sui-mb5 { margin-bottom: var(--space-5); }
113
+ .sui-mb6 { margin-bottom: var(--space-6); }
114
+ .sui-mb7 { margin-bottom: var(--space-7); }
115
+ .sui-mb8 { margin-bottom: var(--space-8); }
116
+ .sui-mb9 { margin-bottom: var(--space-9); }
117
+ .sui-mb-1 { margin-bottom: calc(-1 * var(--space-1)); }
118
+ .sui-mb-2 { margin-bottom: calc(-1 * var(--space-2)); }
119
+ .sui-mb-3 { margin-bottom: calc(-1 * var(--space-3)); }
120
+ .sui-mb-4 { margin-bottom: calc(-1 * var(--space-4)); }
121
+ .sui-mb-5 { margin-bottom: calc(-1 * var(--space-5)); }
122
+ .sui-mb-6 { margin-bottom: calc(-1 * var(--space-6)); }
123
+ .sui-mb-7 { margin-bottom: calc(-1 * var(--space-7)); }
124
+ .sui-mb-8 { margin-bottom: calc(-1 * var(--space-8)); }
125
+ .sui-mb-9 { margin-bottom: calc(-1 * var(--space-9)); }
126
+ .sui-mb-auto { margin-bottom: auto; }
127
+
128
+ .sui-ml0 { margin-left: var(--space-0); }
129
+ .sui-ml1 { margin-left: var(--space-1); }
130
+ .sui-ml2 { margin-left: var(--space-2); }
131
+ .sui-ml3 { margin-left: var(--space-3); }
132
+ .sui-ml4 { margin-left: var(--space-4); }
133
+ .sui-ml5 { margin-left: var(--space-5); }
134
+ .sui-ml6 { margin-left: var(--space-6); }
135
+ .sui-ml7 { margin-left: var(--space-7); }
136
+ .sui-ml8 { margin-left: var(--space-8); }
137
+ .sui-ml9 { margin-left: var(--space-9); }
138
+ .sui-ml-1 { margin-left: calc(-1 * var(--space-1)); }
139
+ .sui-ml-2 { margin-left: calc(-1 * var(--space-2)); }
140
+ .sui-ml-3 { margin-left: calc(-1 * var(--space-3)); }
141
+ .sui-ml-4 { margin-left: calc(-1 * var(--space-4)); }
142
+ .sui-ml-5 { margin-left: calc(-1 * var(--space-5)); }
143
+ .sui-ml-6 { margin-left: calc(-1 * var(--space-6)); }
144
+ .sui-ml-7 { margin-left: calc(-1 * var(--space-7)); }
145
+ .sui-ml-8 { margin-left: calc(-1 * var(--space-8)); }
146
+ .sui-ml-9 { margin-left: calc(-1 * var(--space-9)); }
147
+ .sui-ml-auto { margin-left: auto; }
148
+ }
package/src/css/classes/system/padding.css ADDED
@@ -0,0 +1,78 @@
1
+ @breakpoints {
2
+ .sui-p0 { padding: var(--space-0); }
3
+ .sui-p1 { padding: var(--space-1); }
4
+ .sui-p2 { padding: var(--space-2); }
5
+ .sui-p3 { padding: var(--space-3); }
6
+ .sui-p4 { padding: var(--space-4); }
7
+ .sui-p5 { padding: var(--space-5); }
8
+ .sui-p6 { padding: var(--space-6); }
9
+ .sui-p7 { padding: var(--space-7); }
10
+ .sui-p8 { padding: var(--space-8); }
11
+ .sui-p9 { padding: var(--space-9); }
12
+
13
+ .sui-px0 { padding-left: var(--space-0); padding-right: var(--space-0); }
14
+ .sui-px1 { padding-left: var(--space-1); padding-right: var(--space-1); }
15
+ .sui-px2 { padding-left: var(--space-2); padding-right: var(--space-2); }
16
+ .sui-px3 { padding-left: var(--space-3); padding-right: var(--space-3); }
17
+ .sui-px4 { padding-left: var(--space-4); padding-right: var(--space-4); }
18
+ .sui-px5 { padding-left: var(--space-5); padding-right: var(--space-5); }
19
+ .sui-px6 { padding-left: var(--space-6); padding-right: var(--space-6); }
20
+ .sui-px7 { padding-left: var(--space-7); padding-right: var(--space-7); }
21
+ .sui-px8 { padding-left: var(--space-8); padding-right: var(--space-8); }
22
+ .sui-px9 { padding-left: var(--space-9); padding-right: var(--space-9); }
23
+
24
+ .sui-py0 { padding-top: var(--space-0); padding-bottom: var(--space-0); }
25
+ .sui-py1 { padding-top: var(--space-1); padding-bottom: var(--space-1); }
26
+ .sui-py2 { padding-top: var(--space-2); padding-bottom: var(--space-2); }
27
+ .sui-py3 { padding-top: var(--space-3); padding-bottom: var(--space-3); }
28
+ .sui-py4 { padding-top: var(--space-4); padding-bottom: var(--space-4); }
29
+ .sui-py5 { padding-top: var(--space-5); padding-bottom: var(--space-5); }
30
+ .sui-py6 { padding-top: var(--space-6); padding-bottom: var(--space-6); }
31
+ .sui-py7 { padding-top: var(--space-7); padding-bottom: var(--space-7); }
32
+ .sui-py8 { padding-top: var(--space-8); padding-bottom: var(--space-8); }
33
+ .sui-py9 { padding-top: var(--space-9); padding-bottom: var(--space-9); }
34
+
35
+ .sui-pt0 { padding-top: var(--space-0); }
36
+ .sui-pt1 { padding-top: var(--space-1); }
37
+ .sui-pt2 { padding-top: var(--space-2); }
38
+ .sui-pt3 { padding-top: var(--space-3); }
39
+ .sui-pt4 { padding-top: var(--space-4); }
40
+ .sui-pt5 { padding-top: var(--space-5); }
41
+ .sui-pt6 { padding-top: var(--space-6); }
42
+ .sui-pt7 { padding-top: var(--space-7); }
43
+ .sui-pt8 { padding-top: var(--space-8); }
44
+ .sui-pt9 { padding-top: var(--space-9); }
45
+
46
+ .sui-pr0 { padding-right: var(--space-0); }
47
+ .sui-pr1 { padding-right: var(--space-1); }
48
+ .sui-pr2 { padding-right: var(--space-2); }
49
+ .sui-pr3 { padding-right: var(--space-3); }
50
+ .sui-pr4 { padding-right: var(--space-4); }
51
+ .sui-pr5 { padding-right: var(--space-5); }
52
+ .sui-pr6 { padding-right: var(--space-6); }
53
+ .sui-pr7 { padding-right: var(--space-7); }
54
+ .sui-pr8 { padding-right: var(--space-8); }
55
+ .sui-pr9 { padding-right: var(--space-9); }
56
+
57
+ .sui-pb0 { padding-bottom: var(--space-0); }
58
+ .sui-pb1 { padding-bottom: var(--space-1); }
59
+ .sui-pb2 { padding-bottom: var(--space-2); }
60
+ .sui-pb3 { padding-bottom: var(--space-3); }
61
+ .sui-pb4 { padding-bottom: var(--space-4); }
62
+ .sui-pb5 { padding-bottom: var(--space-5); }
63
+ .sui-pb6 { padding-bottom: var(--space-6); }
64
+ .sui-pb7 { padding-bottom: var(--space-7); }
65
+ .sui-pb8 { padding-bottom: var(--space-8); }
66
+ .sui-pb9 { padding-bottom: var(--space-9); }
67
+
68
+ .sui-pl0 { padding-left: var(--space-0); }
69
+ .sui-pl1 { padding-left: var(--space-1); }
70
+ .sui-pl2 { padding-left: var(--space-2); }
71
+ .sui-pl3 { padding-left: var(--space-3); }
72
+ .sui-pl4 { padding-left: var(--space-4); }
73
+ .sui-pl5 { padding-left: var(--space-5); }
74
+ .sui-pl6 { padding-left: var(--space-6); }
75
+ .sui-pl7 { padding-left: var(--space-7); }
76
+ .sui-pl8 { padding-left: var(--space-8); }
77
+ .sui-pl9 { padding-left: var(--space-9); }
78
+ }
package/src/css/classes/system/radius.css ADDED
@@ -0,0 +1,10 @@
1
+ @breakpoints {
2
+ .sui-radius0 { border-radius: var(--radius-0); }
3
+ .sui-radius1 { border-radius: var(--radius-1); }
4
+ .sui-radius2 { border-radius: var(--radius-2); }
5
+ .sui-radius3 { border-radius: var(--radius-3); }
6
+ .sui-radius4 { border-radius: var(--radius-4); }
7
+ .sui-radius5 { border-radius: var(--radius-5); }
8
+ .sui-radius6 { border-radius: var(--radius-6); }
9
+ .sui-radius-full { border-radius: var(--radius-round); }
10
+ }
package/src/css/classes/system/readme.md ADDED
@@ -0,0 +1,3 @@
1
+ # System classes
2
+
3
+ System classes apply custom properties defined in our design tokens library. They do not apply custom properties defined locally to the component library, and they do not apply CSS keyword values.
package/src/css/classes/system/shadow.css ADDED
@@ -0,0 +1,6 @@
1
+ .sui-shadow0 { box-shadow: var(--shadow0); }
2
+ .sui-shadow1 { box-shadow: var(--shadow1); }
3
+ .sui-shadow2 { box-shadow: var(--shadow2); }
4
+ .sui-shadow3 { box-shadow: var(--shadow3); }
5
+ .sui-shadow4 { box-shadow: var(--shadow4); }
6
+ .sui-shadow5 { box-shadow: var(--shadow5); }
package/src/css/classes/system/typography.css ADDED
@@ -0,0 +1,31 @@
1
+ @breakpoints {
2
+ .sui-text-body0 { font: var(--body-0); }
3
+ .sui-text-body1 { font: var(--body-1); }
4
+ .sui-text-body2 { font: var(--body-2); }
5
+ .sui-text-body3 { font: var(--body-3); }
6
+ .sui-text-body4 { font: var(--body-4); }
7
+
8
+ .sui-text-code0 { font: var(--code-0); }
9
+ .sui-text-code1 { font: var(--code-1); }
10
+ .sui-text-code2 { font: var(--code-2); }
11
+ .sui-text-code3 { font: var(--code-3); }
12
+ .sui-text-code4 { font: var(--code-4); }
13
+
14
+ .sui-text-heading0 { font: var(--heading-0); }
15
+ .sui-text-heading1 { font: var(--heading-1); }
16
+ .sui-text-heading2 { font: var(--heading-2); }
17
+ .sui-text-heading3 { font: var(--heading-3); }
18
+ .sui-text-heading4 { font: var(--heading-4); }
19
+ .sui-text-heading5 { font: var(--heading-5); }
20
+ .sui-text-heading6 { font: var(--heading-6); }
21
+ .sui-text-heading7 { font: var(--heading-7); }
22
+ .sui-text-heading8 { font: var(--heading-8); }
23
+ .sui-text-heading9 { font: var(--heading-9); }
24
+
25
+ .sui-text-eyebrow0 { font: var(--label-0); }
26
+ .sui-text-eyebrow1 { font: var(--label-1); }
27
+ .sui-text-eyebrow2 { font: var(--label-2); }
28
+ .sui-text-eyebrow3 { font: var(--label-3); }
29
+ .sui-text-eyebrow4 { font: var(--label-4); }
30
+ .sui-text-eyebrow5 { font: var(--label-5); }
31
+ }
package/src/css/global/font-face.css ADDED
@@ -0,0 +1,20 @@
1
+ @font-face {
2
+ font-family: Inter;
3
+ font-style: normal;
4
+ font-weight: 400 700;
5
+ font-display: swap;
6
+ src: url('https://design-system-static.sanity.io/InterVariable-latin-20260728.woff2') format('woff2-variations');
7
+ src: url('https://design-system-static.sanity.io/InterVariable-latin-20260728.woff2') format('woff2')
8
+ tech('variations');
9
+ }
10
+
11
+ @font-face {
12
+ font-family: Inter;
13
+ font-style: italic;
14
+ font-weight: 400 700;
15
+ font-display: swap;
16
+ src: url('https://design-system-static.sanity.io/InterVariable-Italic-latin-20260728.woff2')
17
+ format('woff2-variations');
18
+ src: url('https://design-system-static.sanity.io/InterVariable-Italic-latin-20260728.woff2') format('woff2')
19
+ tech('variations');
20
+ }
package/src/css/global/index.css ADDED
@@ -0,0 +1,2 @@
1
+ @import './reset.css';
2
+ @import './font-face.css';
package/src/css/global/reset.css ADDED
@@ -0,0 +1,76 @@
1
+ /* Default to border-box sizing */
2
+ *,
3
+ *::before,
4
+ *::after {
5
+ box-sizing: border-box;
6
+ }
7
+
8
+ /* Zero out default margins, padding, and borders */
9
+ * {
10
+ margin: 0;
11
+ padding: 0;
12
+ border: 0 solid transparent;
13
+ }
14
+
15
+ :root {
16
+ color-scheme: light dark;
17
+ }
18
+
19
+ /* Prevent adjustments of font size after orientation changes in iOS. */
20
+ :where(html) {
21
+ -webkit-text-size-adjust: 100%;
22
+ }
23
+
24
+ :where(body) {
25
+ background: light-dark(var(--white), var(--black));
26
+ font-family: var(--sans);
27
+ -webkit-font-smoothing: antialiased;
28
+ }
29
+
30
+ /* Display multimedia as block by default */
31
+ :where(
32
+ audio,
33
+ canvas,
34
+ embed,
35
+ iframe,
36
+ img,
37
+ object,
38
+ picture,
39
+ video
40
+ ){
41
+ display: block;
42
+ max-width: 100%;
43
+ }
44
+ :where(img, picture, video) {
45
+ block-size: auto;
46
+ }
47
+
48
+ /* Inherit typography in form controls */
49
+ :where(
50
+ button,
51
+ input,
52
+ select,
53
+ textarea
54
+ ) {
55
+ font: inherit;
56
+ line-height: inherit;
57
+ color: inherit;
58
+ }
59
+
60
+ /* Remove excess space for table borders */
61
+ :where(table) {
62
+ border-collapse: collapse;
63
+ border-spacing: 0;
64
+ }
65
+
66
+ /* Enforce no animations for users that prefer reduced motion*/
67
+ @media (prefers-reduced-motion: reduce) {
68
+ *,
69
+ *::before,
70
+ *::after {
71
+ animation-duration: 0.01ms !important;
72
+ animation-iteration-count: 1 !important;
73
+ transition-duration: 0.01ms !important;
74
+ scroll-behavior: auto !important;
75
+ }
76
+ }
package/src/css/tokens/index.css ADDED
@@ -0,0 +1,3 @@
1
+ @import './opacity.css';
2
+ @import './semantic.css';
3
+ @import './surface.css';
package/src/css/tokens/opacity.css ADDED
@@ -0,0 +1,6 @@
1
+ :root {
2
+ --opacity-low: 0.25;
3
+ --opacity-mid: 0.5;
4
+ --opacity-high: 0.8;
5
+ --opacity-full: 1.0;
6
+ }
package/src/css/tokens/semantic.css ADDED
@@ -0,0 +1,21 @@
1
+ :root {
2
+ --backdrop: light-dark(var(--white), var(--black));
3
+ --brand-background: #eb5228;
4
+ --brand-foreground: var(--black);
5
+ --placeholder-opacity: var(--opacity-mid);
6
+ --overlay-opacity: var(--opacity-mid);
7
+ /* State */
8
+ --active-background-normal: light-dark(var(--blue-50), var(--blue-950));
9
+ --active-foreground-normal: light-dark(var(--blue-800), var(--blue-200));
10
+ --active-background-emphasized: light-dark(var(--blue-600), var(--blue-400));
11
+ --active-foreground-emphasized: light-dark(var(--white), var(--black));
12
+ --error-background-emphasized: light-dark(var(--red-600), var(--red-400));
13
+ --error-foreground: light-dark(var(--red-800), var(--red-200));
14
+ --error-separator: light-dark(var(--red-600), var(--red-400));
15
+ --focus-outline: 2px solid var(--blue-500);
16
+ --focus-offset: 2px;
17
+ --hover-lightness-delta: 0.125;
18
+ --hover-transition: border-color 100ms linear, background-color 100ms linear;
19
+ --inert-background: light-dark(var(--gray-50), var(--gray-950));
20
+ --inert-foreground: light-dark(var(--gray-400), var(--gray-600));
21
+ }
package/src/css/tokens/surface.css ADDED
@@ -0,0 +1,27 @@
1
+ :root {
2
+ /* Default surface */
3
+ --background-high: light-dark(var(--gray-100), var(--gray-900));
4
+ --background-high-emphasized: light-dark(var(--gray-800), var(--gray-200));
5
+ --background-low: light-dark(var(--gray-50), var(--gray-950));
6
+ --background-low-emphasized: light-dark(var(--gray-600), var(--gray-400));
7
+ --separator-high: light-dark(var(--gray-400), var(--gray-600));
8
+ --separator-low: rgb(from var(--separator-high) r g b / var(--opacity-low));
9
+ --foreground-high: light-dark(var(--gray-800), var(--gray-200));
10
+ --foreground-high-emphasized: light-dark(var(--white), var(--black));
11
+ --foreground-low: light-dark(var(--gray-600), var(--gray-400));
12
+ --foreground-low-emphasized: light-dark(var(--gray-100), var(--gray-900));
13
+ }
14
+
15
+ [class*='sui-tone'] {
16
+ /* Toned surface */
17
+ --background-high: var(--tone-100);
18
+ --background-high-emphasized: var(--tone-800);
19
+ --background-low: var(--tone-50);
20
+ --background-low-emphasized: var(--tone-600);
21
+ --separator-high: var(--tone-400);
22
+ --separator-low: rgb(from var(--separator-high) r g b / var(--opacity-low));
23
+ --foreground-high: var(--tone-800);
24
+ --foreground-high-emphasized: var(--tone-0);
25
+ --foreground-low: var(--tone-600);
26
+ --foreground-low-emphasized: var(--tone-100);
27
+ }
package/src/index.css ADDED
@@ -0,0 +1,18 @@
1
+ /* SUI layer for base styles (currently just our global styles) */
2
+ @layer sui;
3
+
4
+ /* Import order is important in this file as it maintains
5
+ correct specificity resolution within the package. */
6
+
7
+ /* 1. Globals (layered to avoid conflicts with end user resets) */
8
+ @import './css/global/index.css' layer(sui.global);
9
+
10
+ /* 2. Tokens */
11
+ @import '@sanity-labs/design-tokens/dist/css/index.css';
12
+ @import './css/tokens/index.css';
13
+
14
+ /* 3. Component styles */
15
+ @import './components/index.css';
16
+
17
+ /* 4. Classes */
18
+ @import './css/classes/index.css';
package/src/index.ts ADDED
@@ -0,0 +1,60 @@
1
+ export * from './components/box/Box'
2
+ export * from './components/button/Button'
3
+ export * from './components/card/Card'
4
+ export * from './components/checkbox/Checkbox'
5
+ export * from './components/code/Code'
6
+ export * from './components/container/Container'
7
+ export * from './components/divider/Divider'
8
+ export * from './components/eyebrow/Eyebrow'
9
+ export * from './components/flex/Flex'
10
+ export * from './components/grid/Grid'
11
+ export * from './components/h-stack/HStack'
12
+ export * from './components/heading/Heading'
13
+ export * from './components/icon/Icon'
14
+ export * from './components/icon-button/IconButton'
15
+ export * from './components/indicator/Indicator'
16
+ export * from './components/indicator-stack/IndicatorStack'
17
+ export * from './components/inline/Inline'
18
+ export * from './components/label/Label'
19
+ export * from './components/link/Link'
20
+ export * from './components/list/List'
21
+ export * from './components/press-area/PressArea'
22
+ export * from './components/radio/Radio'
23
+ export * from './components/skip-to-content/SkipToContent'
24
+ export * from './components/spinner/Spinner'
25
+ export * from './components/switch/Switch'
26
+ export * from './components/text/Text'
27
+ export * from './components/tooltip/Tooltip'
28
+ export * from './components/tooltip-group/TooltipGroup'
29
+ export * from './components/v-stack/VStack'
30
+ export * from './components/visually-hidden/VisuallyHidden'
31
+
32
+ export type {FlexParentProps} from './props/flexParent'
33
+ export type {GapProps} from './props/gap'
34
+ export type {GridParentProps} from './props/gridParent'
35
+ export type {LayoutProps} from './props/layout'
36
+ export type {MarginProps} from './props/margin'
37
+ export type {PaddingProps} from './props/padding'
38
+ export type {PlacementProps} from './props/placement'
39
+ export type {TypographyProps} from './props/typography'
40
+
41
+ export type {CodeSize} from './types/Code'
42
+ export type {ContainerSize} from './types/Container'
43
+ export type {Density} from './types/Density'
44
+ export type {DisplayBlock, DisplayFlex, DisplayGrid} from './types/Display'
45
+ export type {EyebrowSize} from './types/Eyebrow'
46
+ export type {AlignItems, FlexDirection, FlexWrap, JustifyContent} from './types/Flex'
47
+ export type {GridAutoFlow} from './types/Grid'
48
+ export type {HeadingSize} from './types/Heading'
49
+ export type {IconSize} from './types/Icon'
50
+ export type {Overflow} from './types/Overflow'
51
+ export type {Placement} from './types/Placement'
52
+ export type {Position} from './types/Position'
53
+ export type {Radius} from './types/Radius'
54
+ export type {Responsive} from './types/Responsive'
55
+ export type {Shadow} from './types/Shadow'
56
+ export type {Space, SpaceAuto, SpaceAutoNegative, SpaceInherit} from './types/Space'
57
+ export type {TextSize} from './types/Text'
58
+ export type {TextAlign} from './types/TextAlign'
59
+ export type {FontWeight} from './types/FontWeight'
60
+ export type {Tone} from './types/Tone'