@sanity/ui 4.0.0-static.9 → 5.0.0-alpha.1

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 (808) 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 +1743 -4395
  21. package/dist/index.js.map +1 -1
  22. package/dist/styles.css +1 -0
  23. package/package.json +66 -206
  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 +74 -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-cjs/refractor.cjs +0 -22
  230. package/dist/_chunks-cjs/refractor.cjs.map +0 -1
  231. package/dist/_chunks-es/refractor.js +0 -25
  232. package/dist/_chunks-es/refractor.js.map +0 -1
  233. package/dist/css/index.cjs +0 -966
  234. package/dist/css/index.cjs.map +0 -1
  235. package/dist/css/index.css +0 -23387
  236. package/dist/css/index.css.map +0 -1
  237. package/dist/css/index.d.cts +0 -1394
  238. package/dist/css/index.d.ts +0 -1394
  239. package/dist/css/index.js +0 -967
  240. package/dist/css/index.js.map +0 -1
  241. package/dist/index.cjs +0 -4515
  242. package/dist/index.cjs.map +0 -1
  243. package/dist/index.d.cts +0 -2521
  244. package/dist/theme.cjs +0 -870
  245. package/dist/theme.cjs.map +0 -1
  246. package/dist/theme.d.cts +0 -499
  247. package/dist/theme.d.ts +0 -499
  248. package/dist/theme.js +0 -870
  249. package/dist/theme.js.map +0 -1
  250. package/exports/css.ts +0 -1
  251. package/exports/index.ts +0 -1
  252. package/exports/theme.ts +0 -1
  253. package/src/core/Root.tsx +0 -88
  254. package/src/core/RootProvider.tsx +0 -40
  255. package/src/core/__workshop__/boundary.tsx +0 -28
  256. package/src/core/__workshop__/index.ts +0 -16
  257. package/src/core/components/autocomplete/__workshop__/async.tsx +0 -156
  258. package/src/core/components/autocomplete/__workshop__/constrainedHeight.tsx +0 -131
  259. package/src/core/components/autocomplete/__workshop__/custom.tsx +0 -91
  260. package/src/core/components/autocomplete/__workshop__/example.tsx +0 -80
  261. package/src/core/components/autocomplete/__workshop__/focusAndBlur.tsx +0 -36
  262. package/src/core/components/autocomplete/__workshop__/fullscreen.tsx +0 -292
  263. package/src/core/components/autocomplete/__workshop__/index.ts +0 -41
  264. package/src/core/components/autocomplete/__workshop__/mock/apiStore.ts +0 -49
  265. package/src/core/components/autocomplete/__workshop__/mock/countries.ts +0 -245
  266. package/src/core/components/autocomplete/__workshop__/types.ts +0 -4
  267. package/src/core/components/autocomplete/autocomplete.tsx +0 -690
  268. package/src/core/components/autocomplete/autocompleteOption.tsx +0 -45
  269. package/src/core/components/autocomplete/autocompleteReducer.ts +0 -47
  270. package/src/core/components/autocomplete/constants.ts +0 -28
  271. package/src/core/components/autocomplete/types.ts +0 -103
  272. package/src/core/components/breadcrumbs/__workshop__/example.tsx +0 -61
  273. package/src/core/components/breadcrumbs/__workshop__/index.ts +0 -16
  274. package/src/core/components/breadcrumbs/breadcrumbs.tsx +0 -131
  275. package/src/core/components/dialog/__workshop__/activate.tsx +0 -141
  276. package/src/core/components/dialog/__workshop__/autoFocus.tsx +0 -29
  277. package/src/core/components/dialog/__workshop__/index.ts +0 -21
  278. package/src/core/components/dialog/__workshop__/layering.tsx +0 -41
  279. package/src/core/components/dialog/__workshop__/nested.tsx +0 -71
  280. package/src/core/components/dialog/__workshop__/onScroll.tsx +0 -51
  281. package/src/core/components/dialog/__workshop__/panes.tsx +0 -89
  282. package/src/core/components/dialog/__workshop__/position.tsx +0 -30
  283. package/src/core/components/dialog/__workshop__/props.tsx +0 -77
  284. package/src/core/components/dialog/__workshop__/provider.tsx +0 -11
  285. package/src/core/components/dialog/__workshop__/wrapped.tsx +0 -76
  286. package/src/core/components/dialog/dialog.tsx +0 -232
  287. package/src/core/components/dialog/dialogCard.tsx +0 -233
  288. package/src/core/components/dialog/dialogContext.ts +0 -21
  289. package/src/core/components/dialog/dialogProvider.tsx +0 -34
  290. package/src/core/components/dialog/isTargetWithinScope.ts +0 -14
  291. package/src/core/components/dialog/types.ts +0 -2
  292. package/src/core/components/dialog/useDialog.ts +0 -11
  293. package/src/core/components/hotkeys/__workshop__/index.ts +0 -16
  294. package/src/core/components/hotkeys/__workshop__/plain.tsx +0 -9
  295. package/src/core/components/hotkeys/hotkeys.tsx +0 -60
  296. package/src/core/components/menu/__workshop__/asComponent.tsx +0 -45
  297. package/src/core/components/menu/__workshop__/avatarMenu.tsx +0 -57
  298. package/src/core/components/menu/__workshop__/closableMenuButton.tsx +0 -47
  299. package/src/core/components/menu/__workshop__/constrainedInBoundary.tsx +0 -133
  300. package/src/core/components/menu/__workshop__/customMenuItem.tsx +0 -45
  301. package/src/core/components/menu/__workshop__/customSelectedState.tsx +0 -35
  302. package/src/core/components/menu/__workshop__/disableFocusOnClose.tsx +0 -40
  303. package/src/core/components/menu/__workshop__/groups.tsx +0 -156
  304. package/src/core/components/menu/__workshop__/index.ts +0 -91
  305. package/src/core/components/menu/__workshop__/menuButton.tsx +0 -80
  306. package/src/core/components/menu/__workshop__/menuGroupRight.tsx +0 -65
  307. package/src/core/components/menu/__workshop__/nestedMenu.tsx +0 -22
  308. package/src/core/components/menu/__workshop__/onCloseMenuButton.tsx +0 -50
  309. package/src/core/components/menu/__workshop__/selectedItem.tsx +0 -69
  310. package/src/core/components/menu/__workshop__/shouldFocus.tsx +0 -42
  311. package/src/core/components/menu/__workshop__/tones.tsx +0 -25
  312. package/src/core/components/menu/__workshop__/withoutArrow.tsx +0 -32
  313. package/src/core/components/menu/helpers.ts +0 -82
  314. package/src/core/components/menu/menu.test.tsx +0 -129
  315. package/src/core/components/menu/menu.tsx +0 -179
  316. package/src/core/components/menu/menuButton.tsx +0 -225
  317. package/src/core/components/menu/menuContext.ts +0 -19
  318. package/src/core/components/menu/menuDivider.tsx +0 -32
  319. package/src/core/components/menu/menuGroup.tsx +0 -233
  320. package/src/core/components/menu/menuItem.tsx +0 -184
  321. package/src/core/components/menu/useMenu.ts +0 -21
  322. package/src/core/components/menu/useMenuController.ts +0 -241
  323. package/src/core/components/tab/__workshop__/example.tsx +0 -79
  324. package/src/core/components/tab/__workshop__/index.ts +0 -16
  325. package/src/core/components/tab/tab.tsx +0 -109
  326. package/src/core/components/tab/tabList.tsx +0 -90
  327. package/src/core/components/tab/tabPanel.tsx +0 -47
  328. package/src/core/components/toast/__workshop__/hook.tsx +0 -71
  329. package/src/core/components/toast/__workshop__/index.ts +0 -21
  330. package/src/core/components/toast/__workshop__/toast.tsx +0 -26
  331. package/src/core/components/toast/toast.test.tsx +0 -103
  332. package/src/core/components/toast/toast.tsx +0 -191
  333. package/src/core/components/toast/toastContext.ts +0 -7
  334. package/src/core/components/toast/toastLayer.tsx +0 -54
  335. package/src/core/components/toast/toastProvider.tsx +0 -112
  336. package/src/core/components/toast/toastState.ts +0 -6
  337. package/src/core/components/toast/types.ts +0 -24
  338. package/src/core/components/toast/useToast.ts +0 -23
  339. package/src/core/components/tree/__workshop__/basic.perf.ts +0 -19
  340. package/src/core/components/tree/__workshop__/basic.tsx +0 -105
  341. package/src/core/components/tree/__workshop__/index.ts +0 -23
  342. package/src/core/components/tree/__workshop__/tabFromElement.tsx +0 -84
  343. package/src/core/components/tree/helpers.ts +0 -105
  344. package/src/core/components/tree/tree.tsx +0 -248
  345. package/src/core/components/tree/treeContext.ts +0 -10
  346. package/src/core/components/tree/treeGroup.tsx +0 -46
  347. package/src/core/components/tree/treeItem.tsx +0 -237
  348. package/src/core/components/tree/types.ts +0 -24
  349. package/src/core/components/tree/useTree.ts +0 -17
  350. package/src/core/components/virtualList/__workshop__/changingProps.tsx +0 -36
  351. package/src/core/components/virtualList/__workshop__/elementScroll.tsx +0 -24
  352. package/src/core/components/virtualList/__workshop__/index.ts +0 -31
  353. package/src/core/components/virtualList/__workshop__/infiniteList.tsx +0 -48
  354. package/src/core/components/virtualList/__workshop__/windowScrolll.tsx +0 -22
  355. package/src/core/components/virtualList/virtualList.tsx +0 -209
  356. package/src/core/constants.ts +0 -67
  357. package/src/core/helpers/animation.ts +0 -27
  358. package/src/core/helpers/element.ts +0 -55
  359. package/src/core/helpers/focus.ts +0 -92
  360. package/src/core/helpers/props.ts +0 -28
  361. package/src/core/helpers/scroll.ts +0 -15
  362. package/src/core/hooks/useClickOutsideEvent.test.tsx +0 -114
  363. package/src/core/hooks/useClickOutsideEvent.ts +0 -67
  364. package/src/core/hooks/useCustomValidity.ts +0 -13
  365. package/src/core/hooks/useDelayed.test.ts +0 -67
  366. package/src/core/hooks/useDelayedState.ts +0 -28
  367. package/src/core/hooks/useElementSize.ts +0 -19
  368. package/src/core/hooks/useGlobalKeyDown.ts +0 -17
  369. package/src/core/hooks/useMatchMedia.ts +0 -28
  370. package/src/core/hooks/useMediaIndex/__workshop__/index.ts +0 -16
  371. package/src/core/hooks/useMediaIndex/__workshop__/test.tsx +0 -14
  372. package/src/core/hooks/useMediaIndex/useMediaIndex.test.tsx +0 -21
  373. package/src/core/hooks/useMediaIndex/useMediaIndex.ts +0 -107
  374. package/src/core/hooks/useMounted.ts +0 -15
  375. package/src/core/hooks/usePrefersDark.hydration.test.tsx +0 -56
  376. package/src/core/hooks/usePrefersDark.test.tsx +0 -20
  377. package/src/core/hooks/usePrefersDark.ts +0 -16
  378. package/src/core/hooks/usePrefersReducedMotion.hydration.test.tsx +0 -56
  379. package/src/core/hooks/usePrefersReducedMotion.test.tsx +0 -20
  380. package/src/core/hooks/usePrefersReducedMotion.ts +0 -16
  381. package/src/core/hooks/useResponsiveProp.ts +0 -28
  382. package/src/core/index.ts +0 -115
  383. package/src/core/lib/createGlobalScopedContext.ts +0 -37
  384. package/src/core/lib/globalScope.ts +0 -19
  385. package/src/core/lib/isArray.ts +0 -3
  386. package/src/core/lib/isRecord.ts +0 -3
  387. package/src/core/middleware/origin.ts +0 -47
  388. package/src/core/observers/elementSize.ts +0 -116
  389. package/src/core/observers/resize.ts +0 -9
  390. package/src/core/primitives/arrow/arrow.tsx +0 -74
  391. package/src/core/primitives/arrow/cmds.ts +0 -91
  392. package/src/core/primitives/avatar/__workshop__/asButton.tsx +0 -14
  393. package/src/core/primitives/avatar/__workshop__/index.ts +0 -31
  394. package/src/core/primitives/avatar/__workshop__/stack.tsx +0 -25
  395. package/src/core/primitives/avatar/__workshop__/withinButton.tsx +0 -55
  396. package/src/core/primitives/avatar/__workshop__/withinMenuItem.tsx +0 -72
  397. package/src/core/primitives/avatar/avatar.tsx +0 -147
  398. package/src/core/primitives/avatar/avatarCounter.tsx +0 -69
  399. package/src/core/primitives/avatar/avatarStack.tsx +0 -79
  400. package/src/core/primitives/avatar/types.ts +0 -2
  401. package/src/core/primitives/badge/__workshop__/index.ts +0 -21
  402. package/src/core/primitives/badge/__workshop__/props.tsx +0 -19
  403. package/src/core/primitives/badge/__workshop__/tones.tsx +0 -16
  404. package/src/core/primitives/badge/badge.test.tsx +0 -16
  405. package/src/core/primitives/badge/badge.tsx +0 -61
  406. package/src/core/primitives/box/__workshop__/index.ts +0 -21
  407. package/src/core/primitives/box/__workshop__/props.tsx +0 -20
  408. package/src/core/primitives/box/__workshop__/responsive.tsx +0 -20
  409. package/src/core/primitives/box/box.tsx +0 -222
  410. package/src/core/primitives/button/__workshop__/custom.tsx +0 -27
  411. package/src/core/primitives/button/__workshop__/customIcons.tsx +0 -30
  412. package/src/core/primitives/button/__workshop__/disabled.tsx +0 -54
  413. package/src/core/primitives/button/__workshop__/index.ts +0 -66
  414. package/src/core/primitives/button/__workshop__/mixedChildren.tsx +0 -12
  415. package/src/core/primitives/button/__workshop__/props.tsx +0 -55
  416. package/src/core/primitives/button/__workshop__/sanityUploadButton.tsx +0 -36
  417. package/src/core/primitives/button/__workshop__/stacked.tsx +0 -58
  418. package/src/core/primitives/button/__workshop__/styled1.tsx +0 -17
  419. package/src/core/primitives/button/__workshop__/styled2.tsx +0 -19
  420. package/src/core/primitives/button/__workshop__/textOverflow.tsx +0 -13
  421. package/src/core/primitives/button/__workshop__/uploadButton.tsx +0 -29
  422. package/src/core/primitives/button/button.test.tsx +0 -30
  423. package/src/core/primitives/button/button.tsx +0 -193
  424. package/src/core/primitives/button/types.ts +0 -2
  425. package/src/core/primitives/card/__workshop__/asButton.tsx +0 -107
  426. package/src/core/primitives/card/__workshop__/asComponent.tsx +0 -27
  427. package/src/core/primitives/card/__workshop__/checkered.tsx +0 -26
  428. package/src/core/primitives/card/__workshop__/index.ts +0 -20
  429. package/src/core/primitives/card/__workshop__/interactive.tsx +0 -29
  430. package/src/core/primitives/card/__workshop__/listNavigation.tsx +0 -78
  431. package/src/core/primitives/card/__workshop__/props.tsx +0 -52
  432. package/src/core/primitives/card/__workshop__/selected.tsx +0 -62
  433. package/src/core/primitives/card/__workshop__/styled.tsx +0 -14
  434. package/src/core/primitives/card/__workshop__/tones.tsx +0 -27
  435. package/src/core/primitives/card/card.tsx +0 -109
  436. package/src/core/primitives/card/cardContext.ts +0 -10
  437. package/src/core/primitives/card/cardProvider.tsx +0 -27
  438. package/src/core/primitives/card/types.ts +0 -17
  439. package/src/core/primitives/card/useCard.ts +0 -15
  440. package/src/core/primitives/checkbox/__workshop__/example.tsx +0 -25
  441. package/src/core/primitives/checkbox/__workshop__/index.ts +0 -15
  442. package/src/core/primitives/checkbox/__workshop__/props.tsx +0 -35
  443. package/src/core/primitives/checkbox/__workshop__/readOnly.tsx +0 -16
  444. package/src/core/primitives/checkbox/__workshop__/tones.tsx +0 -27
  445. package/src/core/primitives/checkbox/checkbox.tsx +0 -80
  446. package/src/core/primitives/code/__workshop__/index.ts +0 -21
  447. package/src/core/primitives/code/__workshop__/opticalAlignment.tsx +0 -23
  448. package/src/core/primitives/code/__workshop__/props.tsx +0 -18
  449. package/src/core/primitives/code/code.tsx +0 -48
  450. package/src/core/primitives/code/refractor.tsx +0 -18
  451. package/src/core/primitives/container/__workshop__/example.tsx +0 -20
  452. package/src/core/primitives/container/__workshop__/index.ts +0 -10
  453. package/src/core/primitives/container/container.tsx +0 -37
  454. package/src/core/primitives/container/types.ts +0 -6
  455. package/src/core/primitives/flex/__workshop__/example.tsx +0 -34
  456. package/src/core/primitives/flex/__workshop__/gap.tsx +0 -25
  457. package/src/core/primitives/flex/__workshop__/index.ts +0 -13
  458. package/src/core/primitives/flex/flex.tsx +0 -58
  459. package/src/core/primitives/grid/__workshop__/index.ts +0 -12
  460. package/src/core/primitives/grid/__workshop__/responsive.tsx +0 -54
  461. package/src/core/primitives/grid/grid.tsx +0 -35
  462. package/src/core/primitives/heading/__workshop__/index.ts +0 -21
  463. package/src/core/primitives/heading/__workshop__/opticalAlignment.tsx +0 -54
  464. package/src/core/primitives/heading/__workshop__/plain.tsx +0 -29
  465. package/src/core/primitives/heading/heading.tsx +0 -78
  466. package/src/core/primitives/inline/__workshop__/index.ts +0 -10
  467. package/src/core/primitives/inline/__workshop__/plain.tsx +0 -24
  468. package/src/core/primitives/inline/inline.tsx +0 -62
  469. package/src/core/primitives/kbd/__workshop__/index.ts +0 -10
  470. package/src/core/primitives/kbd/__workshop__/plain.tsx +0 -9
  471. package/src/core/primitives/kbd/kbd.tsx +0 -57
  472. package/src/core/primitives/label/__workshop__/index.ts +0 -21
  473. package/src/core/primitives/label/__workshop__/opticalAlignment.tsx +0 -54
  474. package/src/core/primitives/label/__workshop__/plain.tsx +0 -28
  475. package/src/core/primitives/label/label.tsx +0 -75
  476. package/src/core/primitives/layer/__workshop__/_debug.tsx +0 -17
  477. package/src/core/primitives/layer/__workshop__/index.ts +0 -26
  478. package/src/core/primitives/layer/__workshop__/multipleRoots.tsx +0 -49
  479. package/src/core/primitives/layer/__workshop__/nested.tsx +0 -98
  480. package/src/core/primitives/layer/__workshop__/responsiveZOffset.tsx +0 -17
  481. package/src/core/primitives/layer/getLayerContext.test.ts +0 -32
  482. package/src/core/primitives/layer/getLayerContext.ts +0 -21
  483. package/src/core/primitives/layer/layer.test.tsx +0 -110
  484. package/src/core/primitives/layer/layer.tsx +0 -42
  485. package/src/core/primitives/layer/layerCard.tsx +0 -90
  486. package/src/core/primitives/layer/layerContext.ts +0 -7
  487. package/src/core/primitives/layer/layerProvider.tsx +0 -106
  488. package/src/core/primitives/layer/types.ts +0 -9
  489. package/src/core/primitives/layer/useLayer.ts +0 -24
  490. package/src/core/primitives/popover/__workshop__/AlignedStory.tsx +0 -77
  491. package/src/core/primitives/popover/__workshop__/MarginsStory.tsx +0 -31
  492. package/src/core/primitives/popover/__workshop__/MatchReferenceWidthStory.tsx +0 -32
  493. package/src/core/primitives/popover/__workshop__/OpenOnMountStory.tsx +0 -11
  494. package/src/core/primitives/popover/__workshop__/PlainStory.tsx +0 -71
  495. package/src/core/primitives/popover/__workshop__/RecursiveStory.tsx +0 -69
  496. package/src/core/primitives/popover/__workshop__/SidePanelStory.tsx +0 -96
  497. package/src/core/primitives/popover/__workshop__/TestStory.tsx +0 -100
  498. package/src/core/primitives/popover/__workshop__/index.ts +0 -51
  499. package/src/core/primitives/popover/constants.ts +0 -22
  500. package/src/core/primitives/popover/floating-ui/size.ts +0 -83
  501. package/src/core/primitives/popover/helpers.ts +0 -32
  502. package/src/core/primitives/popover/popover.tsx +0 -443
  503. package/src/core/primitives/popover/popoverLayer.tsx +0 -149
  504. package/src/core/primitives/popover/types.ts +0 -12
  505. package/src/core/primitives/radio/__workshop__/example.tsx +0 -63
  506. package/src/core/primitives/radio/__workshop__/index.ts +0 -13
  507. package/src/core/primitives/radio/__workshop__/plain.tsx +0 -28
  508. package/src/core/primitives/radio/radio.tsx +0 -64
  509. package/src/core/primitives/select/__workshop__/index.ts +0 -13
  510. package/src/core/primitives/select/__workshop__/plain.tsx +0 -39
  511. package/src/core/primitives/select/__workshop__/readOnly.tsx +0 -23
  512. package/src/core/primitives/select/select.tsx +0 -75
  513. package/src/core/primitives/selectable/selectable.tsx +0 -50
  514. package/src/core/primitives/skeleton/__workshop__/delay.tsx +0 -70
  515. package/src/core/primitives/skeleton/__workshop__/index.ts +0 -13
  516. package/src/core/primitives/skeleton/__workshop__/skeleton.tsx +0 -64
  517. package/src/core/primitives/skeleton/codeSkeleton.tsx +0 -49
  518. package/src/core/primitives/skeleton/headingSkeleton.tsx +0 -48
  519. package/src/core/primitives/skeleton/labelSkeleton.tsx +0 -47
  520. package/src/core/primitives/skeleton/skeleton.tsx +0 -70
  521. package/src/core/primitives/skeleton/textSkeleton.tsx +0 -49
  522. package/src/core/primitives/spinner/__workshop__/Props.tsx +0 -15
  523. package/src/core/primitives/spinner/__workshop__/index.ts +0 -16
  524. package/src/core/primitives/spinner/animatedSpinnerIcon.tsx +0 -14
  525. package/src/core/primitives/spinner/spinner.tsx +0 -45
  526. package/src/core/primitives/srOnly/srOnly.tsx +0 -33
  527. package/src/core/primitives/stack/__workshop__/index.ts +0 -16
  528. package/src/core/primitives/stack/__workshop__/plain.tsx +0 -32
  529. package/src/core/primitives/stack/stack.tsx +0 -60
  530. package/src/core/primitives/switch/__workshop__/example.tsx +0 -23
  531. package/src/core/primitives/switch/__workshop__/index.ts +0 -13
  532. package/src/core/primitives/switch/__workshop__/props.tsx +0 -21
  533. package/src/core/primitives/switch/switch.tsx +0 -84
  534. package/src/core/primitives/text/__workshop__/colored.tsx +0 -23
  535. package/src/core/primitives/text/__workshop__/example.tsx +0 -28
  536. package/src/core/primitives/text/__workshop__/index.ts +0 -26
  537. package/src/core/primitives/text/__workshop__/opticalAlignment.tsx +0 -23
  538. package/src/core/primitives/text/text.tsx +0 -76
  539. package/src/core/primitives/textArea/__workshop__/index.ts +0 -16
  540. package/src/core/primitives/textArea/__workshop__/plain.tsx +0 -61
  541. package/src/core/primitives/textArea/textArea.tsx +0 -84
  542. package/src/core/primitives/textInput/__workshop__/clearButton.tsx +0 -30
  543. package/src/core/primitives/textInput/__workshop__/customValidity.tsx +0 -17
  544. package/src/core/primitives/textInput/__workshop__/index.ts +0 -46
  545. package/src/core/primitives/textInput/__workshop__/plain.tsx +0 -110
  546. package/src/core/primitives/textInput/__workshop__/readOnly.tsx +0 -9
  547. package/src/core/primitives/textInput/__workshop__/states.tsx +0 -53
  548. package/src/core/primitives/textInput/__workshop__/tones.tsx +0 -277
  549. package/src/core/primitives/textInput/__workshop__/typed.tsx +0 -23
  550. package/src/core/primitives/textInput/textInput.tsx +0 -258
  551. package/src/core/primitives/tooltip/__workshop__/customPortal.tsx +0 -102
  552. package/src/core/primitives/tooltip/__workshop__/index.ts +0 -31
  553. package/src/core/primitives/tooltip/__workshop__/overflowingBoundary.tsx +0 -74
  554. package/src/core/primitives/tooltip/__workshop__/props.tsx +0 -112
  555. package/src/core/primitives/tooltip/__workshop__/resizableBoundary.tsx +0 -86
  556. package/src/core/primitives/tooltip/constants.ts +0 -23
  557. package/src/core/primitives/tooltip/tooltip.test.tsx +0 -452
  558. package/src/core/primitives/tooltip/tooltip.tsx +0 -482
  559. package/src/core/primitives/tooltip/tooltipDelayGroup/index.ts +0 -4
  560. package/src/core/primitives/tooltip/tooltipDelayGroup/tooltipDelayGroupContext.tsx +0 -13
  561. package/src/core/primitives/tooltip/tooltipDelayGroup/tooltipDelayGroupProvider.tsx +0 -55
  562. package/src/core/primitives/tooltip/tooltipDelayGroup/types.ts +0 -10
  563. package/src/core/primitives/tooltip/tooltipDelayGroup/useTooltipDelayGroup.ts +0 -13
  564. package/src/core/primitives/tooltip/tooltipLayer.tsx +0 -106
  565. package/src/core/types.ts +0 -56
  566. package/src/core/utils/boundaryElement/__workshop__/index.ts +0 -16
  567. package/src/core/utils/boundaryElement/__workshop__/plain.tsx +0 -19
  568. package/src/core/utils/boundaryElement/boundaryElement.test.tsx +0 -102
  569. package/src/core/utils/boundaryElement/boundaryElementContext.ts +0 -10
  570. package/src/core/utils/boundaryElement/boundaryElementProvider.tsx +0 -18
  571. package/src/core/utils/boundaryElement/types.ts +0 -5
  572. package/src/core/utils/boundaryElement/useBoundaryElement.ts +0 -24
  573. package/src/core/utils/elementQuery/__workshop__/customMedia.tsx +0 -41
  574. package/src/core/utils/elementQuery/__workshop__/index.ts +0 -16
  575. package/src/core/utils/elementQuery/elementQuery.tsx +0 -75
  576. package/src/core/utils/elementQuery/helpers.ts +0 -27
  577. package/src/core/utils/errorBoundary.tsx +0 -50
  578. package/src/core/utils/getElementRef.ts +0 -29
  579. package/src/core/utils/portal/__workshop__/index.ts +0 -16
  580. package/src/core/utils/portal/__workshop__/named.tsx +0 -63
  581. package/src/core/utils/portal/portal.test.tsx +0 -105
  582. package/src/core/utils/portal/portal.tsx +0 -36
  583. package/src/core/utils/portal/portalContext.ts +0 -37
  584. package/src/core/utils/portal/portalProvider.tsx +0 -70
  585. package/src/core/utils/portal/types.ts +0 -7
  586. package/src/core/utils/portal/usePortal.ts +0 -23
  587. package/src/css/_assign.ts +0 -3
  588. package/src/css/_composeClassNames.ts +0 -12
  589. package/src/css/_fromEntries.ts +0 -3
  590. package/src/css/_getClassNames.ts +0 -9
  591. package/src/css/_responsiveClassName.ts +0 -45
  592. package/src/css/_responsiveStyle.css.ts +0 -34
  593. package/src/css/_style.css.ts +0 -9
  594. package/src/css/components/breadcrumbs/breadcrumbs.css.ts +0 -6
  595. package/src/css/components/breadcrumbs/breadcrumbs.ts +0 -7
  596. package/src/css/components/dialog/dialog.css.ts +0 -98
  597. package/src/css/components/dialog/dialog.ts +0 -58
  598. package/src/css/components/menu/menu.css.ts +0 -14
  599. package/src/css/components/menu/menu.ts +0 -12
  600. package/src/css/components/skeleton/skeleton.css.ts +0 -128
  601. package/src/css/components/skeleton/skeleton.ts +0 -38
  602. package/src/css/components/skeleton/types.ts +0 -36
  603. package/src/css/components/toast/toast.css.ts +0 -17
  604. package/src/css/components/toast/toast.ts +0 -11
  605. package/src/css/components/tree/tree.css.ts +0 -65
  606. package/src/css/components/tree/tree.ts +0 -7
  607. package/src/css/constants.ts +0 -10
  608. package/src/css/getVarName.ts +0 -27
  609. package/src/css/index.ts +0 -146
  610. package/src/css/layers.css.ts +0 -12
  611. package/src/css/primitives/_arrow/_arrow.css.ts +0 -68
  612. package/src/css/primitives/_arrow/_arrow.ts +0 -26
  613. package/src/css/primitives/_input/_input.css.ts +0 -261
  614. package/src/css/primitives/_input/input.ts +0 -29
  615. package/src/css/primitives/_input/types.ts +0 -13
  616. package/src/css/primitives/avatar/avatar.css.ts +0 -201
  617. package/src/css/primitives/avatar/avatar.ts +0 -68
  618. package/src/css/primitives/avatar/types.ts +0 -10
  619. package/src/css/primitives/badge/badge.css.ts +0 -27
  620. package/src/css/primitives/badge/badge.ts +0 -8
  621. package/src/css/primitives/badge/types.ts +0 -13
  622. package/src/css/primitives/box/box.css.ts +0 -19
  623. package/src/css/primitives/box/box.ts +0 -82
  624. package/src/css/primitives/box/types.ts +0 -75
  625. package/src/css/primitives/button/button.css.ts +0 -287
  626. package/src/css/primitives/button/button.ts +0 -26
  627. package/src/css/primitives/button/types.ts +0 -12
  628. package/src/css/primitives/card/__workshop__/color.tsx +0 -75
  629. package/src/css/primitives/card/__workshop__/index.ts +0 -16
  630. package/src/css/primitives/card/card.css.ts +0 -387
  631. package/src/css/primitives/card/card.ts +0 -13
  632. package/src/css/primitives/card/types.ts +0 -9
  633. package/src/css/primitives/checkbox/checkbox.css.ts +0 -193
  634. package/src/css/primitives/checkbox/checkbox.ts +0 -17
  635. package/src/css/primitives/code/code.css.ts +0 -272
  636. package/src/css/primitives/code/code.ts +0 -19
  637. package/src/css/primitives/code/types.ts +0 -11
  638. package/src/css/primitives/container/container.css.ts +0 -4
  639. package/src/css/primitives/container/container.ts +0 -17
  640. package/src/css/primitives/container/types.ts +0 -9
  641. package/src/css/primitives/heading/heading.css.ts +0 -86
  642. package/src/css/primitives/heading/heading.ts +0 -22
  643. package/src/css/primitives/heading/types.ts +0 -14
  644. package/src/css/primitives/kbd/kbd.css.ts +0 -16
  645. package/src/css/primitives/kbd/kbd.ts +0 -9
  646. package/src/css/primitives/kbd/types.ts +0 -6
  647. package/src/css/primitives/label/label.css.ts +0 -87
  648. package/src/css/primitives/label/label.ts +0 -22
  649. package/src/css/primitives/label/types.ts +0 -14
  650. package/src/css/primitives/popover/popover.css.ts +0 -6
  651. package/src/css/primitives/popover/popover.ts +0 -12
  652. package/src/css/primitives/radio/radio.css.ts +0 -78
  653. package/src/css/primitives/radio/radio.ts +0 -17
  654. package/src/css/primitives/root/root.css.ts +0 -19
  655. package/src/css/primitives/root/root.ts +0 -17
  656. package/src/css/primitives/root/types.ts +0 -10
  657. package/src/css/primitives/select/select.css.ts +0 -24
  658. package/src/css/primitives/select/select.ts +0 -14
  659. package/src/css/primitives/select/types.ts +0 -5
  660. package/src/css/primitives/selectable/selectable.css.ts +0 -131
  661. package/src/css/primitives/selectable/selectable.ts +0 -9
  662. package/src/css/primitives/selectable/types.ts +0 -9
  663. package/src/css/primitives/spinner/spinner.css.ts +0 -19
  664. package/src/css/primitives/spinner/spinner.ts +0 -13
  665. package/src/css/primitives/spinner/types.ts +0 -4
  666. package/src/css/primitives/srOnly/srOnly.css.ts +0 -10
  667. package/src/css/primitives/srOnly/srOnly.ts +0 -7
  668. package/src/css/primitives/stack/stack.css.ts +0 -6
  669. package/src/css/primitives/stack/stack.ts +0 -7
  670. package/src/css/primitives/switch/switch.css.ts +0 -98
  671. package/src/css/primitives/switch/switch.ts +0 -27
  672. package/src/css/primitives/text/text.css.ts +0 -86
  673. package/src/css/primitives/text/text.ts +0 -24
  674. package/src/css/primitives/text/types.ts +0 -18
  675. package/src/css/primitives/textArea/textArea.css.ts +0 -4
  676. package/src/css/primitives/textArea/textArea.ts +0 -9
  677. package/src/css/primitives/textArea/types.ts +0 -7
  678. package/src/css/primitives/textInput/textInput.css.ts +0 -43
  679. package/src/css/primitives/textInput/textInput.ts +0 -24
  680. package/src/css/primitives/textInput/types.ts +0 -7
  681. package/src/css/primitives/tooltip/tooltip.css.ts +0 -4
  682. package/src/css/primitives/tooltip/tooltip.ts +0 -8
  683. package/src/css/primitives/tooltip/types.ts +0 -4
  684. package/src/css/props/alignItems/alignItems.css.ts +0 -22
  685. package/src/css/props/alignItems/alignItems.ts +0 -8
  686. package/src/css/props/alignItems/types.ts +0 -9
  687. package/src/css/props/border/border.css.ts +0 -65
  688. package/src/css/props/border/border.ts +0 -21
  689. package/src/css/props/border/types.ts +0 -13
  690. package/src/css/props/boxSizing/boxSizing.css.ts +0 -12
  691. package/src/css/props/boxSizing/boxSizing.ts +0 -7
  692. package/src/css/props/boxSizing/types.ts +0 -7
  693. package/src/css/props/display/display.css.ts +0 -56
  694. package/src/css/props/display/display.ts +0 -8
  695. package/src/css/props/display/types.ts +0 -16
  696. package/src/css/props/flex/flex.css.ts +0 -52
  697. package/src/css/props/flex/flex.ts +0 -8
  698. package/src/css/props/flex/types.ts +0 -9
  699. package/src/css/props/flexDirection/flexDirection.css.ts +0 -19
  700. package/src/css/props/flexDirection/flexDirection.ts +0 -8
  701. package/src/css/props/flexDirection/types.ts +0 -9
  702. package/src/css/props/flexWrap/flexWrap.css.ts +0 -16
  703. package/src/css/props/flexWrap/flexWrap.ts +0 -8
  704. package/src/css/props/flexWrap/types.ts +0 -9
  705. package/src/css/props/font/font.css.ts +0 -94
  706. package/src/css/props/font/font.ts +0 -8
  707. package/src/css/props/font/types.ts +0 -6
  708. package/src/css/props/gap/gap.css.ts +0 -40
  709. package/src/css/props/gap/gap.ts +0 -13
  710. package/src/css/props/gap/types.ts +0 -10
  711. package/src/css/props/gridAutoColumns/gridAutoColumns.css.ts +0 -19
  712. package/src/css/props/gridAutoColumns/gridAutoColumns.ts +0 -8
  713. package/src/css/props/gridAutoColumns/types.ts +0 -9
  714. package/src/css/props/gridAutoFlow/gridAutoFlow.css.ts +0 -19
  715. package/src/css/props/gridAutoFlow/gridAutoFlow.ts +0 -8
  716. package/src/css/props/gridAutoFlow/types.ts +0 -9
  717. package/src/css/props/gridAutoRows/gridAutoRows.css.ts +0 -19
  718. package/src/css/props/gridAutoRows/gridAutoRows.ts +0 -8
  719. package/src/css/props/gridAutoRows/types.ts +0 -9
  720. package/src/css/props/gridColumn/gridColumn.css.ts +0 -49
  721. package/src/css/props/gridColumn/gridColumn.ts +0 -8
  722. package/src/css/props/gridColumn/types.ts +0 -9
  723. package/src/css/props/gridColumnEnd/gridColumnEnd.css.ts +0 -46
  724. package/src/css/props/gridColumnEnd/gridColumnEnd.ts +0 -8
  725. package/src/css/props/gridColumnEnd/types.ts +0 -9
  726. package/src/css/props/gridColumnStart/gridColumnStart.css.ts +0 -46
  727. package/src/css/props/gridColumnStart/gridColumnStart.ts +0 -8
  728. package/src/css/props/gridColumnStart/types.ts +0 -9
  729. package/src/css/props/gridRow/gridRow.css.ts +0 -49
  730. package/src/css/props/gridRow/gridRow.ts +0 -8
  731. package/src/css/props/gridRow/types.ts +0 -9
  732. package/src/css/props/gridRowEnd/gridRowEnd.css.ts +0 -46
  733. package/src/css/props/gridRowEnd/gridRowEnd.ts +0 -8
  734. package/src/css/props/gridRowEnd/types.ts +0 -9
  735. package/src/css/props/gridRowStart/gridRowStart.css.ts +0 -46
  736. package/src/css/props/gridRowStart/gridRowStart.ts +0 -8
  737. package/src/css/props/gridRowStart/types.ts +0 -9
  738. package/src/css/props/gridTemplateColumns/gridTemplateColumns.css.ts +0 -43
  739. package/src/css/props/gridTemplateColumns/gridTemplateColumns.ts +0 -8
  740. package/src/css/props/gridTemplateColumns/types.ts +0 -9
  741. package/src/css/props/gridTemplateRows/gridTemplateRows.css.ts +0 -43
  742. package/src/css/props/gridTemplateRows/gridTemplateRows.ts +0 -8
  743. package/src/css/props/gridTemplateRows/types.ts +0 -9
  744. package/src/css/props/height/height.css.ts +0 -25
  745. package/src/css/props/height/height.ts +0 -8
  746. package/src/css/props/height/types.ts +0 -9
  747. package/src/css/props/inset/inset.css.ts +0 -37
  748. package/src/css/props/inset/inset.ts +0 -21
  749. package/src/css/props/inset/types.ts +0 -13
  750. package/src/css/props/justifyContent/justifyContent.css.ts +0 -25
  751. package/src/css/props/justifyContent/justifyContent.ts +0 -8
  752. package/src/css/props/justifyContent/types.ts +0 -15
  753. package/src/css/props/margin/margin.css.ts +0 -117
  754. package/src/css/props/margin/margin.ts +0 -25
  755. package/src/css/props/margin/types.ts +0 -17
  756. package/src/css/props/maxWidth/maxWidth.css.ts +0 -32
  757. package/src/css/props/maxWidth/maxWidth.ts +0 -8
  758. package/src/css/props/maxWidth/types.ts +0 -11
  759. package/src/css/props/minHeight/minHeight.css.ts +0 -13
  760. package/src/css/props/minHeight/minHeight.ts +0 -8
  761. package/src/css/props/minHeight/types.ts +0 -9
  762. package/src/css/props/minWidth/minWidth.css.ts +0 -25
  763. package/src/css/props/minWidth/minWidth.ts +0 -8
  764. package/src/css/props/minWidth/types.ts +0 -9
  765. package/src/css/props/outline/outline.css.ts +0 -10
  766. package/src/css/props/outline/outline.ts +0 -8
  767. package/src/css/props/outline/types.ts +0 -7
  768. package/src/css/props/overflow/overflow.css.ts +0 -16
  769. package/src/css/props/overflow/overflow.ts +0 -8
  770. package/src/css/props/overflow/types.ts +0 -11
  771. package/src/css/props/padding/padding.css.ts +0 -87
  772. package/src/css/props/padding/padding.ts +0 -25
  773. package/src/css/props/padding/types.ts +0 -17
  774. package/src/css/props/pointerEvents/pointerEvents.css.ts +0 -13
  775. package/src/css/props/pointerEvents/pointerEvents.ts +0 -8
  776. package/src/css/props/pointerEvents/types.ts +0 -7
  777. package/src/css/props/position/position.css.ts +0 -22
  778. package/src/css/props/position/position.ts +0 -8
  779. package/src/css/props/position/types.ts +0 -9
  780. package/src/css/props/radius/radius.css.ts +0 -21
  781. package/src/css/props/radius/radius.ts +0 -8
  782. package/src/css/props/radius/types.ts +0 -8
  783. package/src/css/props/shadow/shadow.css.ts +0 -23
  784. package/src/css/props/shadow/shadow.ts +0 -8
  785. package/src/css/props/shadow/types.ts +0 -8
  786. package/src/css/props/textAlign/textAlign.css.ts +0 -22
  787. package/src/css/props/textAlign/textAlign.ts +0 -8
  788. package/src/css/props/textAlign/types.ts +0 -7
  789. package/src/css/props/textOverflow/textOverflow.css.ts +0 -19
  790. package/src/css/props/textOverflow/textOverflow.ts +0 -8
  791. package/src/css/props/textOverflow/types.ts +0 -12
  792. package/src/css/props/width/types.ts +0 -11
  793. package/src/css/props/width/width.css.ts +0 -31
  794. package/src/css/props/width/width.ts +0 -8
  795. package/src/css/theme/buildCSSTheme.ts +0 -488
  796. package/src/css/theme/defaultTheme.css.ts +0 -64
  797. package/src/css/types.ts +0 -427
  798. package/src/css/vars.css.ts +0 -676
  799. package/src/theme/_parseColorToken.ts +0 -180
  800. package/src/theme/buildTheme.ts +0 -32
  801. package/src/theme/constants.ts +0 -90
  802. package/src/theme/defaults/color.ts +0 -197
  803. package/src/theme/defaults/common.ts +0 -71
  804. package/src/theme/defaults/fonts.ts +0 -250
  805. package/src/theme/index.ts +0 -5
  806. package/src/theme/merge.ts +0 -24
  807. package/src/theme/resolveTokens.ts +0 -204
  808. 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,74 @@
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
+ html {
21
+ -webkit-text-size-adjust: 100%;
22
+ }
23
+
24
+ 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
+ audio,
32
+ canvas,
33
+ embed,
34
+ iframe,
35
+ img,
36
+ object,
37
+ picture,
38
+ video {
39
+ display: block;
40
+ max-width: 100%;
41
+ }
42
+ img,
43
+ picture,
44
+ video {
45
+ block-size: auto;
46
+ }
47
+
48
+ /* Inherit typography in form controls */
49
+ button,
50
+ input,
51
+ select,
52
+ textarea {
53
+ font: inherit;
54
+ line-height: inherit;
55
+ color: inherit;
56
+ }
57
+
58
+ /* Remove excess space for table borders */
59
+ table {
60
+ border-collapse: collapse;
61
+ border-spacing: 0;
62
+ }
63
+
64
+ /* Enforce no animations for users that prefer reduced motion*/
65
+ @media (prefers-reduced-motion: reduce) {
66
+ *,
67
+ *::before,
68
+ *::after {
69
+ animation-duration: 0.01ms !important;
70
+ animation-iteration-count: 1 !important;
71
+ transition-duration: 0.01ms !important;
72
+ scroll-behavior: auto !important;
73
+ }
74
+ }
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'