@dxos/ui-theme 0.8.4-main.fbb7a13 → 0.8.4-main.fcc0d83b33

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 (384) hide show
  1. package/dist/lib/browser/index.mjs +762 -2803
  2. package/dist/lib/browser/index.mjs.map +4 -4
  3. package/dist/lib/browser/meta.json +1 -1
  4. package/dist/lib/node-esm/index.mjs +762 -2803
  5. package/dist/lib/node-esm/index.mjs.map +4 -4
  6. package/dist/lib/node-esm/meta.json +1 -1
  7. package/dist/plugin/node-cjs/main.css +1561 -0
  8. package/dist/plugin/node-cjs/main.css.map +7 -0
  9. package/dist/plugin/node-cjs/meta.json +1 -1
  10. package/dist/plugin/node-cjs/plugins/ThemePlugin.cjs +137 -0
  11. package/dist/plugin/node-cjs/plugins/ThemePlugin.cjs.map +7 -0
  12. package/dist/plugin/node-esm/main.css +1561 -0
  13. package/dist/plugin/node-esm/main.css.map +7 -0
  14. package/dist/plugin/node-esm/meta.json +1 -1
  15. package/dist/plugin/node-esm/plugins/ThemePlugin.mjs +105 -0
  16. package/dist/plugin/node-esm/plugins/ThemePlugin.mjs.map +7 -0
  17. package/dist/types/src/Theme.stories.d.ts +27 -0
  18. package/dist/types/src/Theme.stories.d.ts.map +1 -0
  19. package/dist/types/src/defs.d.ts +21 -0
  20. package/dist/types/src/defs.d.ts.map +1 -0
  21. package/dist/types/src/fragments/density.d.ts +4 -0
  22. package/dist/types/src/fragments/density.d.ts.map +1 -0
  23. package/dist/types/src/fragments/disabled.d.ts.map +1 -0
  24. package/dist/types/src/fragments/hover.d.ts +10 -0
  25. package/dist/types/src/fragments/hover.d.ts.map +1 -0
  26. package/dist/types/src/fragments/index.d.ts +5 -0
  27. package/dist/types/src/fragments/index.d.ts.map +1 -0
  28. package/dist/types/src/fragments/text.d.ts +2 -0
  29. package/dist/types/src/fragments/text.d.ts.map +1 -0
  30. package/dist/types/src/index.d.ts +3 -10
  31. package/dist/types/src/index.d.ts.map +1 -1
  32. package/dist/types/src/plugins/ThemePlugin.d.ts +16 -0
  33. package/dist/types/src/plugins/ThemePlugin.d.ts.map +1 -0
  34. package/dist/types/src/plugins/dark-mode.d.ts +1 -0
  35. package/dist/types/src/plugins/dark-mode.d.ts.map +1 -0
  36. package/dist/types/src/theme/components/avatar.d.ts.map +1 -0
  37. package/dist/types/src/theme/components/breadcrumb.d.ts.map +1 -0
  38. package/dist/types/src/theme/components/button.d.ts +15 -0
  39. package/dist/types/src/theme/components/button.d.ts.map +1 -0
  40. package/dist/types/src/theme/components/card.d.ts +12 -0
  41. package/dist/types/src/theme/components/card.d.ts.map +1 -0
  42. package/dist/types/src/{styles → theme}/components/dialog.d.ts +2 -0
  43. package/dist/types/src/theme/components/dialog.d.ts.map +1 -0
  44. package/dist/types/src/theme/components/focus.d.ts +6 -0
  45. package/dist/types/src/theme/components/focus.d.ts.map +1 -0
  46. package/dist/types/src/{styles → theme}/components/icon-button.d.ts +1 -0
  47. package/dist/types/src/theme/components/icon-button.d.ts.map +1 -0
  48. package/dist/types/src/{styles → theme}/components/icon.d.ts +3 -0
  49. package/dist/types/src/theme/components/icon.d.ts.map +1 -0
  50. package/dist/types/src/{styles → theme}/components/index.d.ts +4 -1
  51. package/dist/types/src/theme/components/index.d.ts.map +1 -0
  52. package/dist/types/src/{styles → theme}/components/input.d.ts +31 -27
  53. package/dist/types/src/theme/components/input.d.ts.map +1 -0
  54. package/dist/types/src/theme/components/link.d.ts.map +1 -0
  55. package/dist/types/src/theme/components/list.d.ts.map +1 -0
  56. package/dist/types/src/{styles → theme}/components/main.d.ts +2 -7
  57. package/dist/types/src/theme/components/main.d.ts.map +1 -0
  58. package/dist/types/src/{styles → theme}/components/menu.d.ts +1 -1
  59. package/dist/types/src/theme/components/menu.d.ts.map +1 -0
  60. package/dist/types/src/{styles → theme}/components/message.d.ts +1 -0
  61. package/dist/types/src/theme/components/message.d.ts.map +1 -0
  62. package/dist/types/src/{styles → theme}/components/popover.d.ts +1 -1
  63. package/dist/types/src/theme/components/popover.d.ts.map +1 -0
  64. package/dist/types/src/theme/components/scroll-area.d.ts +32 -0
  65. package/dist/types/src/theme/components/scroll-area.d.ts.map +1 -0
  66. package/dist/types/src/theme/components/select.d.ts.map +1 -0
  67. package/dist/types/src/theme/components/separator.d.ts.map +1 -0
  68. package/dist/types/src/theme/components/skeleton.d.ts +7 -0
  69. package/dist/types/src/theme/components/skeleton.d.ts.map +1 -0
  70. package/dist/types/src/theme/components/splitter.d.ts +4 -0
  71. package/dist/types/src/theme/components/splitter.d.ts.map +1 -0
  72. package/dist/types/src/{styles → theme}/components/status.d.ts +1 -1
  73. package/dist/types/src/theme/components/status.d.ts.map +1 -0
  74. package/dist/types/src/theme/components/tag.d.ts.map +1 -0
  75. package/dist/types/src/theme/components/toast.d.ts.map +1 -0
  76. package/dist/types/src/theme/components/toolbar.d.ts +11 -0
  77. package/dist/types/src/theme/components/toolbar.d.ts.map +1 -0
  78. package/dist/types/src/theme/components/tooltip.d.ts.map +1 -0
  79. package/dist/types/src/theme/components/treegrid.d.ts.map +1 -0
  80. package/dist/types/src/theme/index.d.ts +4 -0
  81. package/dist/types/src/theme/index.d.ts.map +1 -0
  82. package/dist/types/src/theme/primitives/column.d.ts +29 -0
  83. package/dist/types/src/theme/primitives/column.d.ts.map +1 -0
  84. package/dist/types/src/theme/primitives/index.d.ts +3 -0
  85. package/dist/types/src/theme/primitives/index.d.ts.map +1 -0
  86. package/dist/types/src/theme/primitives/panel.d.ts +13 -0
  87. package/dist/types/src/theme/primitives/panel.d.ts.map +1 -0
  88. package/dist/types/src/theme/theme.d.ts +5 -0
  89. package/dist/types/src/theme/theme.d.ts.map +1 -0
  90. package/dist/types/src/{styles/fragments → util}/elevation.d.ts +0 -6
  91. package/dist/types/src/util/elevation.d.ts.map +1 -0
  92. package/dist/types/src/util/hash-styles.d.ts +8 -5
  93. package/dist/types/src/util/hash-styles.d.ts.map +1 -1
  94. package/dist/types/src/util/index.d.ts +3 -0
  95. package/dist/types/src/util/index.d.ts.map +1 -1
  96. package/dist/types/src/util/mx.d.ts +56 -0
  97. package/dist/types/src/util/mx.d.ts.map +1 -1
  98. package/dist/types/src/util/size.d.ts +27 -0
  99. package/dist/types/src/util/size.d.ts.map +1 -0
  100. package/dist/types/src/util/valence.d.ts +4 -0
  101. package/dist/types/src/util/valence.d.ts.map +1 -0
  102. package/dist/types/tsconfig.tsbuildinfo +1 -1
  103. package/package.json +25 -35
  104. package/src/Theme.stories.tsx +224 -0
  105. package/src/css/base/base.css +43 -0
  106. package/src/{styles/layers → css/base}/typography.css +3 -5
  107. package/src/{styles/layers → css/components}/button.css +23 -14
  108. package/src/{styles/layers → css/components}/checkbox.css +12 -8
  109. package/src/{styles/layers → css/components}/dialog.css +16 -15
  110. package/src/{styles/layers/focus-ring.css → css/components/focus.css} +60 -41
  111. package/src/css/components/icon.css +9 -0
  112. package/src/css/components/link.css +9 -0
  113. package/src/css/components/panel.css +117 -0
  114. package/src/css/components/scrollbar.css +24 -0
  115. package/src/css/components/selected.css +30 -0
  116. package/src/css/components/surface.css +34 -0
  117. package/src/css/components/tag.css +132 -0
  118. package/src/css/components/text.css +124 -0
  119. package/src/css/integrations/codemirror.css +34 -0
  120. package/src/css/integrations/tldraw.css +14 -0
  121. package/src/css/layout/main.css +205 -0
  122. package/src/{styles/layers → css/layout}/native.css +6 -4
  123. package/src/css/layout/positioning.css +19 -0
  124. package/src/{styles/layers → css/layout}/size.css +129 -108
  125. package/src/css/theme/animation.css +260 -0
  126. package/src/css/theme/border.css +23 -0
  127. package/src/css/theme/palette.css +36 -0
  128. package/src/css/theme/semantic.css +116 -0
  129. package/src/css/theme/spacing.css +147 -0
  130. package/src/css/theme/styles.css +145 -0
  131. package/src/css/theme/text.css +37 -0
  132. package/src/css/utilities.css +118 -0
  133. package/src/defs.ts +48 -0
  134. package/src/fragments/AUDIT.md +57 -0
  135. package/src/fragments/density.ts +16 -0
  136. package/src/fragments/hover.ts +18 -0
  137. package/src/fragments/index.ts +10 -0
  138. package/src/fragments/text.ts +6 -0
  139. package/src/index.ts +3 -14
  140. package/src/main.css +87 -0
  141. package/src/plugins/ThemePlugin.ts +125 -0
  142. package/src/plugins/dark-mode.ts +22 -0
  143. package/src/plugins/main.css +45 -0
  144. package/src/{styles → theme}/components/avatar.ts +12 -13
  145. package/src/theme/components/button.ts +48 -0
  146. package/src/theme/components/card.ts +102 -0
  147. package/src/{styles → theme}/components/dialog.ts +19 -10
  148. package/src/theme/components/focus.ts +33 -0
  149. package/src/{styles → theme}/components/icon-button.ts +6 -5
  150. package/src/theme/components/icon.ts +28 -0
  151. package/src/{styles → theme}/components/index.ts +4 -1
  152. package/src/theme/components/input.ts +171 -0
  153. package/src/{styles → theme}/components/link.ts +3 -4
  154. package/src/{styles → theme}/components/list.ts +5 -5
  155. package/src/{styles → theme}/components/main.ts +2 -6
  156. package/src/{styles → theme}/components/menu.ts +11 -21
  157. package/src/{styles → theme}/components/message.ts +11 -7
  158. package/src/{styles → theme}/components/popover.ts +13 -12
  159. package/src/theme/components/scroll-area.ts +115 -0
  160. package/src/{styles → theme}/components/select.ts +8 -16
  161. package/src/{styles → theme}/components/separator.ts +3 -3
  162. package/src/theme/components/skeleton.ts +23 -0
  163. package/src/theme/components/splitter.ts +20 -0
  164. package/src/{styles → theme}/components/status.ts +7 -7
  165. package/src/{styles → theme}/components/tag.ts +1 -1
  166. package/src/{styles → theme}/components/toast.ts +6 -8
  167. package/src/theme/components/toolbar.ts +35 -0
  168. package/src/{styles → theme}/components/tooltip.ts +4 -6
  169. package/src/{styles → theme}/components/treegrid.ts +9 -9
  170. package/src/{styles → theme}/index.ts +2 -2
  171. package/src/theme/primitives/column.ts +71 -0
  172. package/src/theme/primitives/index.ts +6 -0
  173. package/src/theme/primitives/panel.ts +43 -0
  174. package/src/{styles → theme}/theme.ts +27 -9
  175. package/src/typings.d.ts +3 -1
  176. package/src/{styles/fragments → util}/elevation.ts +6 -8
  177. package/src/util/hash-styles.ts +118 -98
  178. package/src/util/index.ts +3 -0
  179. package/src/util/mx.ts +165 -43
  180. package/src/util/size.ts +103 -0
  181. package/src/util/valence.ts +33 -0
  182. package/dist/plugin/node-cjs/chunk-UUMDOU7E.cjs +0 -79
  183. package/dist/plugin/node-cjs/chunk-UUMDOU7E.cjs.map +0 -7
  184. package/dist/plugin/node-cjs/chunk-ZVALPM6U.cjs +0 -1619
  185. package/dist/plugin/node-cjs/chunk-ZVALPM6U.cjs.map +0 -7
  186. package/dist/plugin/node-cjs/config/tailwind.cjs +0 -29
  187. package/dist/plugin/node-cjs/config/tailwind.cjs.map +0 -7
  188. package/dist/plugin/node-cjs/plugins/esbuild-plugin.cjs +0 -90
  189. package/dist/plugin/node-cjs/plugins/esbuild-plugin.cjs.map +0 -7
  190. package/dist/plugin/node-cjs/plugins/plugin.cjs +0 -124
  191. package/dist/plugin/node-cjs/plugins/plugin.cjs.map +0 -7
  192. package/dist/plugin/node-cjs/theme.css +0 -1418
  193. package/dist/plugin/node-cjs/theme.css.map +0 -7
  194. package/dist/plugin/node-esm/chunk-AFRHJHP4.mjs +0 -49
  195. package/dist/plugin/node-esm/chunk-AFRHJHP4.mjs.map +0 -7
  196. package/dist/plugin/node-esm/chunk-HJE6EZWE.mjs +0 -1614
  197. package/dist/plugin/node-esm/chunk-HJE6EZWE.mjs.map +0 -7
  198. package/dist/plugin/node-esm/config/tailwind.mjs +0 -8
  199. package/dist/plugin/node-esm/config/tailwind.mjs.map +0 -7
  200. package/dist/plugin/node-esm/plugins/esbuild-plugin.mjs +0 -63
  201. package/dist/plugin/node-esm/plugins/esbuild-plugin.mjs.map +0 -7
  202. package/dist/plugin/node-esm/plugins/plugin.mjs +0 -98
  203. package/dist/plugin/node-esm/plugins/plugin.mjs.map +0 -7
  204. package/dist/plugin/node-esm/theme.css +0 -1418
  205. package/dist/plugin/node-esm/theme.css.map +0 -7
  206. package/dist/types/src/Tokens.stories.d.ts +0 -10
  207. package/dist/types/src/Tokens.stories.d.ts.map +0 -1
  208. package/dist/types/src/config/index.d.ts +0 -3
  209. package/dist/types/src/config/index.d.ts.map +0 -1
  210. package/dist/types/src/config/tailwind.d.ts +0 -9
  211. package/dist/types/src/config/tailwind.d.ts.map +0 -1
  212. package/dist/types/src/config/tokens/alias-colors.d.ts +0 -21
  213. package/dist/types/src/config/tokens/alias-colors.d.ts.map +0 -1
  214. package/dist/types/src/config/tokens/index.d.ts +0 -486
  215. package/dist/types/src/config/tokens/index.d.ts.map +0 -1
  216. package/dist/types/src/config/tokens/lengths.d.ts +0 -139
  217. package/dist/types/src/config/tokens/lengths.d.ts.map +0 -1
  218. package/dist/types/src/config/tokens/physical-colors.d.ts +0 -23
  219. package/dist/types/src/config/tokens/physical-colors.d.ts.map +0 -1
  220. package/dist/types/src/config/tokens/semantic-colors.d.ts +0 -187
  221. package/dist/types/src/config/tokens/semantic-colors.d.ts.map +0 -1
  222. package/dist/types/src/config/tokens/sememes-calls.d.ts +0 -3
  223. package/dist/types/src/config/tokens/sememes-calls.d.ts.map +0 -1
  224. package/dist/types/src/config/tokens/sememes-codemirror.d.ts +0 -43
  225. package/dist/types/src/config/tokens/sememes-codemirror.d.ts.map +0 -1
  226. package/dist/types/src/config/tokens/sememes-hue.d.ts +0 -4
  227. package/dist/types/src/config/tokens/sememes-hue.d.ts.map +0 -1
  228. package/dist/types/src/config/tokens/sememes-sheet.d.ts +0 -58
  229. package/dist/types/src/config/tokens/sememes-sheet.d.ts.map +0 -1
  230. package/dist/types/src/config/tokens/sememes-system.d.ts +0 -99
  231. package/dist/types/src/config/tokens/sememes-system.d.ts.map +0 -1
  232. package/dist/types/src/config/tokens/sizes.d.ts +0 -7
  233. package/dist/types/src/config/tokens/sizes.d.ts.map +0 -1
  234. package/dist/types/src/config/tokens/types.d.ts +0 -5
  235. package/dist/types/src/config/tokens/types.d.ts.map +0 -1
  236. package/dist/types/src/plugins/esbuild-plugin.d.ts +0 -9
  237. package/dist/types/src/plugins/esbuild-plugin.d.ts.map +0 -1
  238. package/dist/types/src/plugins/plugin.d.ts +0 -20
  239. package/dist/types/src/plugins/plugin.d.ts.map +0 -1
  240. package/dist/types/src/plugins/resolveContent.d.ts +0 -2
  241. package/dist/types/src/plugins/resolveContent.d.ts.map +0 -1
  242. package/dist/types/src/styles/components/anchored-overflow.d.ts +0 -6
  243. package/dist/types/src/styles/components/anchored-overflow.d.ts.map +0 -1
  244. package/dist/types/src/styles/components/avatar.d.ts.map +0 -1
  245. package/dist/types/src/styles/components/breadcrumb.d.ts.map +0 -1
  246. package/dist/types/src/styles/components/button.d.ts +0 -19
  247. package/dist/types/src/styles/components/button.d.ts.map +0 -1
  248. package/dist/types/src/styles/components/dialog.d.ts.map +0 -1
  249. package/dist/types/src/styles/components/icon-button.d.ts.map +0 -1
  250. package/dist/types/src/styles/components/icon.d.ts.map +0 -1
  251. package/dist/types/src/styles/components/index.d.ts.map +0 -1
  252. package/dist/types/src/styles/components/input.d.ts.map +0 -1
  253. package/dist/types/src/styles/components/link.d.ts.map +0 -1
  254. package/dist/types/src/styles/components/list.d.ts.map +0 -1
  255. package/dist/types/src/styles/components/main.d.ts.map +0 -1
  256. package/dist/types/src/styles/components/menu.d.ts.map +0 -1
  257. package/dist/types/src/styles/components/message.d.ts.map +0 -1
  258. package/dist/types/src/styles/components/popover.d.ts.map +0 -1
  259. package/dist/types/src/styles/components/scroll-area.d.ts +0 -9
  260. package/dist/types/src/styles/components/scroll-area.d.ts.map +0 -1
  261. package/dist/types/src/styles/components/select.d.ts.map +0 -1
  262. package/dist/types/src/styles/components/separator.d.ts.map +0 -1
  263. package/dist/types/src/styles/components/status.d.ts.map +0 -1
  264. package/dist/types/src/styles/components/tag.d.ts.map +0 -1
  265. package/dist/types/src/styles/components/toast.d.ts.map +0 -1
  266. package/dist/types/src/styles/components/toolbar.d.ts +0 -11
  267. package/dist/types/src/styles/components/toolbar.d.ts.map +0 -1
  268. package/dist/types/src/styles/components/tooltip.d.ts.map +0 -1
  269. package/dist/types/src/styles/components/treegrid.d.ts.map +0 -1
  270. package/dist/types/src/styles/fragments/density.d.ts +0 -13
  271. package/dist/types/src/styles/fragments/density.d.ts.map +0 -1
  272. package/dist/types/src/styles/fragments/dimension.d.ts +0 -5
  273. package/dist/types/src/styles/fragments/dimension.d.ts.map +0 -1
  274. package/dist/types/src/styles/fragments/disabled.d.ts.map +0 -1
  275. package/dist/types/src/styles/fragments/elevation.d.ts.map +0 -1
  276. package/dist/types/src/styles/fragments/focus.d.ts +0 -6
  277. package/dist/types/src/styles/fragments/focus.d.ts.map +0 -1
  278. package/dist/types/src/styles/fragments/group.d.ts +0 -5
  279. package/dist/types/src/styles/fragments/group.d.ts.map +0 -1
  280. package/dist/types/src/styles/fragments/hover.d.ts +0 -17
  281. package/dist/types/src/styles/fragments/hover.d.ts.map +0 -1
  282. package/dist/types/src/styles/fragments/index.d.ts +0 -17
  283. package/dist/types/src/styles/fragments/index.d.ts.map +0 -1
  284. package/dist/types/src/styles/fragments/layout.d.ts +0 -3
  285. package/dist/types/src/styles/fragments/layout.d.ts.map +0 -1
  286. package/dist/types/src/styles/fragments/motion.d.ts +0 -2
  287. package/dist/types/src/styles/fragments/motion.d.ts.map +0 -1
  288. package/dist/types/src/styles/fragments/ornament.d.ts +0 -5
  289. package/dist/types/src/styles/fragments/ornament.d.ts.map +0 -1
  290. package/dist/types/src/styles/fragments/selected.d.ts +0 -13
  291. package/dist/types/src/styles/fragments/selected.d.ts.map +0 -1
  292. package/dist/types/src/styles/fragments/shimmer.d.ts +0 -3
  293. package/dist/types/src/styles/fragments/shimmer.d.ts.map +0 -1
  294. package/dist/types/src/styles/fragments/size.d.ts +0 -9
  295. package/dist/types/src/styles/fragments/size.d.ts.map +0 -1
  296. package/dist/types/src/styles/fragments/surface.d.ts +0 -9
  297. package/dist/types/src/styles/fragments/surface.d.ts.map +0 -1
  298. package/dist/types/src/styles/fragments/text.d.ts +0 -7
  299. package/dist/types/src/styles/fragments/text.d.ts.map +0 -1
  300. package/dist/types/src/styles/fragments/valence.d.ts +0 -13
  301. package/dist/types/src/styles/fragments/valence.d.ts.map +0 -1
  302. package/dist/types/src/styles/index.d.ts +0 -4
  303. package/dist/types/src/styles/index.d.ts.map +0 -1
  304. package/dist/types/src/styles/theme.d.ts +0 -5
  305. package/dist/types/src/styles/theme.d.ts.map +0 -1
  306. package/dist/types/src/tailwind.d.ts +0 -3
  307. package/dist/types/src/tailwind.d.ts.map +0 -1
  308. package/dist/types/src/types.d.ts +0 -3
  309. package/dist/types/src/types.d.ts.map +0 -1
  310. package/dist/types/src/util/withLogical.d.ts +0 -164
  311. package/dist/types/src/util/withLogical.d.ts.map +0 -1
  312. package/src/Tokens.stories.tsx +0 -88
  313. package/src/config/index.ts +0 -6
  314. package/src/config/tailwind.ts +0 -264
  315. package/src/config/tokens/alias-colors.ts +0 -39
  316. package/src/config/tokens/index.ts +0 -92
  317. package/src/config/tokens/lengths.ts +0 -97
  318. package/src/config/tokens/physical-colors.ts +0 -125
  319. package/src/config/tokens/semantic-colors.ts +0 -27
  320. package/src/config/tokens/sememes-calls.ts +0 -17
  321. package/src/config/tokens/sememes-codemirror.ts +0 -50
  322. package/src/config/tokens/sememes-hue.ts +0 -54
  323. package/src/config/tokens/sememes-sheet.ts +0 -62
  324. package/src/config/tokens/sememes-system.ts +0 -302
  325. package/src/config/tokens/sizes.ts +0 -10
  326. package/src/config/tokens/types.ts +0 -9
  327. package/src/docs/theme.drawio.svg +0 -635
  328. package/src/plugins/esbuild-plugin.ts +0 -65
  329. package/src/plugins/plugin.ts +0 -130
  330. package/src/plugins/resolveContent.ts +0 -51
  331. package/src/styles/components/README.md +0 -6
  332. package/src/styles/components/anchored-overflow.ts +0 -20
  333. package/src/styles/components/button.ts +0 -48
  334. package/src/styles/components/icon.ts +0 -19
  335. package/src/styles/components/input.ts +0 -177
  336. package/src/styles/components/scroll-area.ts +0 -43
  337. package/src/styles/components/toolbar.ts +0 -29
  338. package/src/styles/fragments/density.ts +0 -17
  339. package/src/styles/fragments/dimension.ts +0 -8
  340. package/src/styles/fragments/focus.ts +0 -16
  341. package/src/styles/fragments/group.ts +0 -12
  342. package/src/styles/fragments/hover.ts +0 -25
  343. package/src/styles/fragments/index.ts +0 -20
  344. package/src/styles/fragments/layout.ts +0 -7
  345. package/src/styles/fragments/motion.ts +0 -6
  346. package/src/styles/fragments/ornament.ts +0 -10
  347. package/src/styles/fragments/selected.ts +0 -45
  348. package/src/styles/fragments/shimmer.ts +0 -9
  349. package/src/styles/fragments/size.ts +0 -117
  350. package/src/styles/fragments/surface.ts +0 -29
  351. package/src/styles/fragments/text.ts +0 -12
  352. package/src/styles/fragments/valence.ts +0 -46
  353. package/src/styles/layers/README.md +0 -15
  354. package/src/styles/layers/anchored-overflow.css +0 -9
  355. package/src/styles/layers/animation.css +0 -17
  356. package/src/styles/layers/attention.css +0 -8
  357. package/src/styles/layers/base.css +0 -25
  358. package/src/styles/layers/can-scroll.css +0 -26
  359. package/src/styles/layers/drag-preview.css +0 -18
  360. package/src/styles/layers/hues.css +0 -110
  361. package/src/styles/layers/index.css +0 -26
  362. package/src/styles/layers/main.css +0 -227
  363. package/src/styles/layers/positioning.css +0 -23
  364. package/src/styles/layers/surfaces.css +0 -31
  365. package/src/styles/layers/tag.css +0 -132
  366. package/src/styles/layers/tldraw.css +0 -91
  367. package/src/styles/layers/tokens.css +0 -46
  368. package/src/tailwind.ts +0 -7
  369. package/src/theme.css +0 -9
  370. package/src/types.ts +0 -7
  371. package/src/util/withLogical.ts +0 -114
  372. /package/dist/types/src/{styles/fragments → fragments}/disabled.d.ts +0 -0
  373. /package/dist/types/src/{styles → theme}/components/avatar.d.ts +0 -0
  374. /package/dist/types/src/{styles → theme}/components/breadcrumb.d.ts +0 -0
  375. /package/dist/types/src/{styles → theme}/components/link.d.ts +0 -0
  376. /package/dist/types/src/{styles → theme}/components/list.d.ts +0 -0
  377. /package/dist/types/src/{styles → theme}/components/select.d.ts +0 -0
  378. /package/dist/types/src/{styles → theme}/components/separator.d.ts +0 -0
  379. /package/dist/types/src/{styles → theme}/components/tag.d.ts +0 -0
  380. /package/dist/types/src/{styles → theme}/components/toast.d.ts +0 -0
  381. /package/dist/types/src/{styles → theme}/components/tooltip.d.ts +0 -0
  382. /package/dist/types/src/{styles → theme}/components/treegrid.d.ts +0 -0
  383. /package/src/{styles/fragments → fragments}/disabled.ts +0 -0
  384. /package/src/{styles → theme}/components/breadcrumb.ts +0 -0
@@ -1,11 +0,0 @@
1
- import { type ComponentFunction, type Theme } from '@dxos/ui-types';
2
- export type ToolbarStyleProps = Partial<{
3
- layoutManaged: boolean;
4
- disabled: boolean;
5
- }>;
6
- export declare const toolbarLayout = "is-full shrink-0 flex flex-nowrap items-center gap-1 p-1 overflow-x-auto scrollbar-none contain-layout";
7
- export declare const toolbarInactive = "*:opacity-20";
8
- export declare const toolbarRoot: ComponentFunction<ToolbarStyleProps>;
9
- export declare const toolbarInner: ComponentFunction<ToolbarStyleProps>;
10
- export declare const toolbarTheme: Theme<ToolbarStyleProps>;
11
- //# sourceMappingURL=toolbar.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"toolbar.d.ts","sourceRoot":"","sources":["../../../../../src/styles/components/toolbar.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAKpE,MAAM,MAAM,iBAAiB,GAAG,OAAO,CAAC;IAAE,aAAa,EAAE,OAAO,CAAC;IAAC,QAAQ,EAAE,OAAO,CAAA;CAAE,CAAC,CAAC;AAEvF,eAAO,MAAM,aAAa,2GACgF,CAAC;AAG3G,eAAO,MAAM,eAAe,iBAAiB,CAAC;AAE9C,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,iBAAiB,CAE5D,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC,iBAAiB,CAE7D,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAGjD,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../../src/styles/components/tooltip.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAKpF,MAAM,MAAM,iBAAiB,GAAG,OAAO,CAAC;IACtC,SAAS,EAAE,SAAS,CAAC;CACtB,CAAC,CAAC;AAEH,eAAO,MAAM,cAAc,EAAE,iBAAiB,CAAC,iBAAiB,CAQ7D,CAAC;AAEJ,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC,iBAAiB,CAAyD,CAAC;AAExH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAGjD,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"treegrid.d.ts","sourceRoot":"","sources":["../../../../../src/styles/components/treegrid.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAI/D,MAAM,MAAM,kBAAkB,GAAG,OAAO,CAAC;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;CACjB,CAAC,CAAC;AAaH,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC,kBAAkB,CAAqC,CAAC;AAErG,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,kBAAkB,CACwB,CAAC;AAEvF,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC,kBAAkB,CAC/B,CAAC;AAEjC,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,kBAAkB,CAInD,CAAC"}
@@ -1,13 +0,0 @@
1
- import { type Density } from '@dxos/ui-types';
2
- export declare const coarseBlockSize = "min-bs-[2.5rem]";
3
- export declare const coarseTextPadding = "pli-3";
4
- export declare const coarseButtonPadding = "pli-4";
5
- export declare const coarseDimensions = "min-bs-[2.5rem] pli-3";
6
- export declare const coarseButtonDimensions = "min-bs-[2.5rem] pli-4";
7
- export declare const fineBlockSize = "min-bs-[2.5rem] pointer-fine:min-bs-[2rem]";
8
- export declare const fineTextPadding = "pli-2";
9
- export declare const fineButtonPadding = "pli-2.5";
10
- export declare const fineDimensions = "min-bs-[2.5rem] pointer-fine:min-bs-[2rem] pli-2";
11
- export declare const fineButtonDimensions = "min-bs-[2.5rem] pointer-fine:min-bs-[2rem] pli-2.5";
12
- export declare const densityBlockSize: (density?: Density) => "min-bs-[2.5rem]" | "min-bs-[2.5rem] pointer-fine:min-bs-[2rem]";
13
- //# sourceMappingURL=density.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"density.d.ts","sourceRoot":"","sources":["../../../../../src/styles/fragments/density.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAE9C,eAAO,MAAM,eAAe,oBAAoB,CAAC;AACjD,eAAO,MAAM,iBAAiB,UAAU,CAAC;AACzC,eAAO,MAAM,mBAAmB,UAAU,CAAC;AAC3C,eAAO,MAAM,gBAAgB,0BAA4C,CAAC;AAC1E,eAAO,MAAM,sBAAsB,0BAA8C,CAAC;AAClF,eAAO,MAAM,aAAa,+CAA+C,CAAC;AAC1E,eAAO,MAAM,eAAe,UAAU,CAAC;AACvC,eAAO,MAAM,iBAAiB,YAAY,CAAC;AAC3C,eAAO,MAAM,cAAc,qDAAwC,CAAC;AACpE,eAAO,MAAM,oBAAoB,uDAA0C,CAAC;AAC5E,eAAO,MAAM,gBAAgB,GAAI,UAAS,OAAkB,qEAA2D,CAAC"}
@@ -1,5 +0,0 @@
1
- /**
2
- * Content areas that contain the text editor.
3
- */
4
- export declare const textBlockWidth = "is-full mli-auto max-is-[--text-content]";
5
- //# sourceMappingURL=dimension.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"dimension.d.ts","sourceRoot":"","sources":["../../../../../src/styles/fragments/dimension.ts"],"names":[],"mappings":"AAIA;;GAEG;AACH,eAAO,MAAM,cAAc,6CAA6C,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"disabled.d.ts","sourceRoot":"","sources":["../../../../../src/styles/fragments/disabled.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,cAAc,8CAA8C,CAAC;AAC1E,eAAO,MAAM,YAAY,kEAAkE,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"elevation.d.ts","sourceRoot":"","sources":["../../../../../src/styles/fragments/elevation.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,KAAK,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE3F;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,iBAAiB,CAAC;IAAE,SAAS,CAAC,EAAE,SAAS,CAAA;CAAE,CAA0B,CAAC;AAGlG,eAAO,MAAM,aAAa,EAAE,iBAAiB,CAAC;IAAE,SAAS,CAAC,EAAE,SAAS,CAAA;CAAE,CAEtE,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,iBAAiB,CAAC;IAAE,KAAK,CAAC,EAAE,YAAY,CAAC;IAAC,SAAS,CAAC,EAAE,SAAS,CAAA;CAAE,CAY5F,CAAC"}
@@ -1,6 +0,0 @@
1
- export declare const focusRing = "dx-focus-ring";
2
- export declare const dropRing = "ring-1 ring-offset-0 ring-primary-350 ring-offset-white dark:ring-primary-450 dark:ring-offset-black";
3
- export declare const dropRingInner = "before:z-[1] before:absolute before:inset-0 before:ring-1 before:ring-inset before:ring-primary-350 before:dark:ring-primary-450";
4
- export declare const subduedFocus = "focus:outline-none focus-visible:outline-none focus:ring-0 ring-0 focus:border-0 border-0";
5
- export declare const staticFocusRing = "ring-2 ring-offset-0 ring-primary-350 ring-offset-white dark:ring-primary-450 dark:ring-offset-black";
6
- //# sourceMappingURL=focus.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"focus.d.ts","sourceRoot":"","sources":["../../../../../src/styles/fragments/focus.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,SAAS,kBAAkB,CAAC;AAEzC,eAAO,MAAM,QAAQ,yGACmF,CAAC;AAEzG,eAAO,MAAM,aAAa,qIAC0G,CAAC;AAErI,eAAO,MAAM,YAAY,8FAA8F,CAAC;AAExH,eAAO,MAAM,eAAe,yGAC4E,CAAC"}
@@ -1,5 +0,0 @@
1
- import { type ComponentFragment, type Elevation } from '@dxos/ui-types';
2
- export declare const group: ComponentFragment<{
3
- elevation?: Elevation;
4
- }>;
5
- //# sourceMappingURL=group.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"group.d.ts","sourceRoot":"","sources":["../../../../../src/styles/fragments/group.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAIxE,eAAO,MAAM,KAAK,EAAE,iBAAiB,CAAC;IAAE,SAAS,CAAC,EAAE,SAAS,CAAA;CAAE,CAG9D,CAAC"}
@@ -1,17 +0,0 @@
1
- /**
2
- * @deprecated
3
- */
4
- export declare const hoverColors = "transition-colors duration-100 linear hover:bg-hoverSurface";
5
- export declare const ghostHover = "hover:bg-hoverSurface";
6
- export declare const ghostFocusWithin = "focus-within:bg-hoverSurface";
7
- export declare const subtleHover = "hover:bg-hoverOverlay";
8
- export declare const hoverableControls = "[--controls-opacity:1] hover-hover:[--controls-opacity:0] hover-hover:hover:[--controls-opacity:1]";
9
- export declare const groupHoverControlItemWithTransition = "transition-opacity duration-200 opacity-0 group-hover:opacity-100";
10
- export declare const hoverableFocusedKeyboardControls = "focus-visible:[--controls-opacity:1]";
11
- export declare const hoverableFocusedWithinControls = "focus-within:[--controls-opacity:1]";
12
- export declare const hoverableFocusedControls = "focus:[--controls-opacity:1]";
13
- export declare const hoverableOpenControlItem = "hover-hover:aria-[expanded=true]:[--controls-opacity:1]";
14
- export declare const hoverableControlItem = "opacity-[--controls-opacity]";
15
- export declare const hoverableControlItemTransition = "transition-opacity duration-200";
16
- export declare const staticHoverableControls = "hover-hover:[--controls-opacity:1]";
17
- //# sourceMappingURL=hover.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"hover.d.ts","sourceRoot":"","sources":["../../../../../src/styles/fragments/hover.ts"],"names":[],"mappings":"AAIA;;GAEG;AACH,eAAO,MAAM,WAAW,gEAAgE,CAAC;AAEzF,eAAO,MAAM,UAAU,0BAA0B,CAAC;AAClD,eAAO,MAAM,gBAAgB,iCAAiC,CAAC;AAC/D,eAAO,MAAM,WAAW,0BAA0B,CAAC;AAEnD,eAAO,MAAM,iBAAiB,uGACwE,CAAC;AAEvG,eAAO,MAAM,mCAAmC,sEAAsE,CAAC;AAEvH,eAAO,MAAM,gCAAgC,yCAAyC,CAAC;AACvF,eAAO,MAAM,8BAA8B,wCAAwC,CAAC;AACpF,eAAO,MAAM,wBAAwB,iCAAiC,CAAC;AACvE,eAAO,MAAM,wBAAwB,4DAA4D,CAAC;AAClG,eAAO,MAAM,oBAAoB,iCAAiC,CAAC;AACnE,eAAO,MAAM,8BAA8B,oCAAoC,CAAC;AAChF,eAAO,MAAM,uBAAuB,uCAAuC,CAAC"}
@@ -1,17 +0,0 @@
1
- export * from './density';
2
- export * from './disabled';
3
- export * from './dimension';
4
- export * from './elevation';
5
- export * from './focus';
6
- export * from './group';
7
- export * from './hover';
8
- export * from './layout';
9
- export * from './motion';
10
- export * from './ornament';
11
- export * from './selected';
12
- export * from './shimmer';
13
- export * from './surface';
14
- export * from './size';
15
- export * from './text';
16
- export * from './valence';
17
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/styles/fragments/index.ts"],"names":[],"mappings":"AAIA,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC"}
@@ -1,3 +0,0 @@
1
- export declare const bounceLayout = "fixed inset-0 z-0 overflow-auto overscroll-auto";
2
- export declare const fixedInsetFlexLayout = "flex flex-col fixed inset-0 overflow-hidden overscroll-none";
3
- //# sourceMappingURL=layout.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../../../../src/styles/fragments/layout.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,YAAY,oDAAoD,CAAC;AAE9E,eAAO,MAAM,oBAAoB,gEAAgE,CAAC"}
@@ -1,2 +0,0 @@
1
- export declare const popperMotion = "will-change-[opacity,transform] data-[side=top]:animate-slide-down-and-fade data-[side=right]:animate-slide-left-and-fade data-[side=bottom]:animate-slide-up-and-fade data-[side=left]:animate-slide-right-and-fade";
2
- //# sourceMappingURL=motion.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"motion.d.ts","sourceRoot":"","sources":["../../../../../src/styles/fragments/motion.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,YAAY,yNAC+L,CAAC"}
@@ -1,5 +0,0 @@
1
- export declare const separatorBorderColor = "border-separator";
2
- export declare const subduedSeparatorBorderColor = "border-subduedSeparator";
3
- export declare const inlineSeparator = "self-stretch border-ie mli-1";
4
- export declare const blockSeparator = "self-stretch border-be mlb-1";
5
- //# sourceMappingURL=ornament.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ornament.d.ts","sourceRoot":"","sources":["../../../../../src/styles/fragments/ornament.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,oBAAoB,qBAAqB,CAAC;AACvD,eAAO,MAAM,2BAA2B,4BAA4B,CAAC;AAErE,eAAO,MAAM,eAAe,iCAAiC,CAAC;AAC9D,eAAO,MAAM,cAAc,iCAAiC,CAAC"}
@@ -1,13 +0,0 @@
1
- import { type ComponentFragment } from '@dxos/ui-types';
2
- export declare const ghostSelectedCurrent: string[];
3
- export declare const ghostHighlighted = "data-[highlighted]:bg-primary-100 dark:data-[highlighted]:bg-primary-600 hover:data-[highlighted]:bg-primary-150 hover:dark:data-[highlighted]:bg-primary-500";
4
- export declare const ghostSelectedTrackingInterFromNormal = "tracking-[0.0092em]";
5
- export declare const ghostSelected = "aria-selected:bg-baseSurface aria-selected:text-accentText hover:aria-selected:text-accentTextHover aria-selected:font-semibold aria-selected:tracking-normal transition-[color,font-variation-settings,letter-spacing]";
6
- export declare const ghostSelectedContainerMd = "@md:aria-selected:bg-baseSurface @md:aria-selected:text-accentText @md:hover:aria-selected:text-accentTextHover @md:aria-selected:font-semibold @md:aria-selected:tracking-normal @md:transition-[color,font-variation-settings,letter-spacing]";
7
- export type SelectedStyleProps = {
8
- current?: boolean;
9
- selected?: boolean;
10
- };
11
- export declare const staticGhostSelectedCurrent: ComponentFragment<SelectedStyleProps>;
12
- export declare const staticGhostSelected: ComponentFragment<Pick<SelectedStyleProps, 'selected'>>;
13
- //# sourceMappingURL=selected.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"selected.d.ts","sourceRoot":"","sources":["../../../../../src/styles/fragments/selected.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAMxD,eAAO,MAAM,oBAAoB,UAKhC,CAAC;AAEF,eAAO,MAAM,gBAAgB,kKACoI,CAAC;AAElK,eAAO,MAAM,oCAAoC,wBAAwB,CAAC;AAE1E,eAAO,MAAM,aAAa,4NACiM,CAAC;AAE5N,eAAO,MAAM,wBAAwB,oPAC8M,CAAC;AAEpP,MAAM,MAAM,kBAAkB,GAAG;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,iBAAiB,CAAC,kBAAkB,CAQ5E,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,iBAAiB,CAAC,IAAI,CAAC,kBAAkB,EAAE,UAAU,CAAC,CAChC,CAAC"}
@@ -1,3 +0,0 @@
1
- export declare const shimmer = "relative before:absolute before:inset-0 before:-translate-x-full before:animate-shimmer before:bg-gradient-to-r before:from-transparent before:via-neutral-100/10 before:to-transparent isolate overflow-hidden";
2
- export declare const strongShimmer = "relative before:absolute before:inset-0 before:-translate-x-full before:animate-shimmer before:bg-gradient-to-r before:from-transparent before:via-primary-100/80 before:to-transparent isolate overflow-hidden";
3
- //# sourceMappingURL=shimmer.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"shimmer.d.ts","sourceRoot":"","sources":["../../../../../src/styles/fragments/shimmer.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,OAAO,oNAC+L,CAAC;AAEpN,eAAO,MAAM,aAAa,oNACyL,CAAC"}
@@ -1,9 +0,0 @@
1
- import { type Size } from '@dxos/ui-types';
2
- export declare const sizeWidthMap: Map<Size, string>;
3
- export declare const sizeHeightMap: Map<Size, string>;
4
- export declare const getSizeHeight: (key: Size) => string | undefined;
5
- export declare const getSizeWidth: (key: Size) => string | undefined;
6
- export declare const getSize: (size: Size) => string;
7
- export declare const computeSize: (value: number, defaultSize: Size) => Size;
8
- export declare const sizeValue: (size: Size) => number;
9
- //# sourceMappingURL=size.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"size.d.ts","sourceRoot":"","sources":["../../../../../src/styles/fragments/size.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAI3C,eAAO,MAAM,YAAY,mBAoCvB,CAAC;AAEH,eAAO,MAAM,aAAa,mBAoCxB,CAAC;AAIH,eAAO,MAAM,aAAa,mCAAwC,CAAC;AACnE,eAAO,MAAM,YAAY,mCAAsC,CAAC;AAChE,eAAO,MAAM,OAAO,GAAI,MAAM,IAAI,WAAgD,CAAC;AAEnF,eAAO,MAAM,WAAW,GAAI,OAAO,MAAM,EAAE,aAAa,IAAI,SAwB3D,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,MAAM,IAAI,KAAG,MAAoC,CAAC"}
@@ -1,9 +0,0 @@
1
- export declare const baseSurface = "base-surface";
2
- export declare const sidebarSurface = "sidebar-surface backdrop-blur-md dark:backdrop-blur-lg";
3
- export declare const sidebarBorder = "border-separator";
4
- export declare const activeSurface = "base-surface";
5
- export declare const groupBorder = "border-separator";
6
- export declare const modalSurface = "modal-surface backdrop-blur-md";
7
- export declare const attentionSurface = "attention-surface";
8
- export declare const accentSurface = "bg-accentSurface text-accentSurfaceText";
9
- //# sourceMappingURL=surface.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"surface.d.ts","sourceRoot":"","sources":["../../../../../src/styles/fragments/surface.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,WAAW,iBAAiB,CAAC;AAG1C,eAAO,MAAM,cAAc,2DAA2D,CAAC;AACvF,eAAO,MAAM,aAAa,qBAAqB,CAAC;AAGhD,eAAO,MAAM,aAAa,iBAAiB,CAAC;AAC5C,eAAO,MAAM,WAAW,qBAAqB,CAAC;AAG9C,eAAO,MAAM,YAAY,mCAAmC,CAAC;AAI7D,eAAO,MAAM,gBAAgB,sBAAsB,CAAC;AAEpD,eAAO,MAAM,aAAa,4CAA4C,CAAC"}
@@ -1,7 +0,0 @@
1
- export declare const placeholderText = "placeholder-neutral-300 dark:placeholder-neutral-500";
2
- export declare const staticPlaceholderText = "text-neutral-300 dark:text-neutral-500";
3
- export declare const descriptionText = "text-sm font-normal text-description";
4
- export declare const descriptionTextPrimary = "text-sm font-normal text-baseText";
5
- export declare const descriptionMessage: string[];
6
- export declare const chromeText = "text-sm font-normal";
7
- //# sourceMappingURL=text.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../../../src/styles/fragments/text.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,eAAe,yDAAyD,CAAC;AACtF,eAAO,MAAM,qBAAqB,2CAA2C,CAAC;AAE9E,eAAO,MAAM,eAAe,yCAAyC,CAAC;AACtE,eAAO,MAAM,sBAAsB,sCAAsC,CAAC;AAC1E,eAAO,MAAM,kBAAkB,UAAyE,CAAC;AAEzG,eAAO,MAAM,UAAU,wBAAwB,CAAC"}
@@ -1,13 +0,0 @@
1
- import { type MessageValence } from '@dxos/ui-types';
2
- export declare const successText = "text-xs font-medium text-successText";
3
- export declare const infoText = "text-xs font-medium text-infoText";
4
- export declare const warningText = "text-xs font-medium text-warningText";
5
- export declare const errorText = "text-xs font-medium text-errorText";
6
- export declare const valenceColorText: (valence?: MessageValence) => "text-xs font-medium text-successText" | "text-xs font-medium text-infoText" | "text-xs font-medium text-warningText" | "text-xs font-medium text-errorText" | undefined;
7
- export declare const neutralMessageColors = "border border-dashed border-separator text-subdued";
8
- export declare const successMessageColors = "text-successSurfaceText bg-successSurface";
9
- export declare const infoMessageColors = "text-infoSurfaceText bg-infoSurface";
10
- export declare const warningMessageColors = "text-warningSurfaceText bg-warningSurface";
11
- export declare const errorMessageColors = "text-errorSurfaceText bg-errorSurface";
12
- export declare const messageValence: (valence?: MessageValence) => "border border-dashed border-separator text-subdued" | "text-successSurfaceText bg-successSurface" | "text-infoSurfaceText bg-infoSurface" | "text-warningSurfaceText bg-warningSurface" | "text-errorSurfaceText bg-errorSurface";
13
- //# sourceMappingURL=valence.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"valence.d.ts","sourceRoot":"","sources":["../../../../../src/styles/fragments/valence.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAErD,eAAO,MAAM,WAAW,yCAAyC,CAAC;AAClE,eAAO,MAAM,QAAQ,sCAAsC,CAAC;AAC5D,eAAO,MAAM,WAAW,yCAAyC,CAAC;AAClE,eAAO,MAAM,SAAS,uCAAuC,CAAC;AAE9D,eAAO,MAAM,gBAAgB,GAAI,UAAU,cAAc,6KAaxD,CAAC;AAEF,eAAO,MAAM,oBAAoB,uDAAuD,CAAC;AACzF,eAAO,MAAM,oBAAoB,8CAA8C,CAAC;AAChF,eAAO,MAAM,iBAAiB,wCAAwC,CAAC;AACvE,eAAO,MAAM,oBAAoB,8CAA8C,CAAC;AAChF,eAAO,MAAM,kBAAkB,0CAA0C,CAAC;AAE1E,eAAO,MAAM,cAAc,GAAI,UAAU,cAAc,uOAatD,CAAC"}
@@ -1,4 +0,0 @@
1
- export * from './fragments';
2
- export * from './components';
3
- export * from './theme';
4
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/styles/index.ts"],"names":[],"mappings":"AAIA,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC"}
@@ -1,5 +0,0 @@
1
- import { type Theme } from '@dxos/ui-types';
2
- export declare const defaultTheme: Theme<Record<string, any>>;
3
- export declare const bindTheme: <P extends Record<string, any>>(theme: Theme<Record<string, any>>) => (path: string, defaultClassName: string, styleProps: P, ...options: any[]) => string;
4
- export declare const defaultTx: (path: string, defaultClassName: string, styleProps: Record<string, any>, ...options: any[]) => string;
5
- //# sourceMappingURL=theme.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../src/styles/theme.ts"],"names":[],"mappings":"AAIA,OAAO,EAA0B,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AA6BpE,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CA0BnD,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,OAAO,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,MAChF,MAAM,MAAM,EAAE,kBAAkB,MAAM,EAAE,YAAY,CAAC,EAAE,GAAG,SAAS,GAAG,EAAE,KAAG,MAIpF,CAAC;AAEF,eAAO,MAAM,SAAS,SANN,MAAM,oBAAoB,MAAM,+CAA6B,GAAG,EAAE,KAAG,MAMrC,CAAC"}
@@ -1,3 +0,0 @@
1
- declare const _default: import("tailwindcss/types/config").Config;
2
- export default _default;
3
- //# sourceMappingURL=tailwind.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"tailwind.d.ts","sourceRoot":"","sources":["../../../src/tailwind.ts"],"names":[],"mappings":";AAMA,wBAAoE"}
@@ -1,3 +0,0 @@
1
- import { type huePalettes } from './config/tokens/physical-colors';
2
- export type HuePalette = keyof typeof huePalettes;
3
- //# sourceMappingURL=types.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAEnE,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,WAAW,CAAC"}
@@ -1,164 +0,0 @@
1
- import { type Config } from 'tailwind-merge';
2
- declare const classGroupsConfig: {
3
- float: {
4
- float: string[];
5
- }[];
6
- clear: {
7
- clear: string[];
8
- }[];
9
- resize: {
10
- resize: string[];
11
- }[];
12
- 'text-alignment': {
13
- text: string[];
14
- }[];
15
- 'logical.overscroll-b': {
16
- 'overscroll-b': string[];
17
- }[];
18
- 'logical.overscroll-i': {
19
- 'overscroll-b': string[];
20
- }[];
21
- 'logical.bs': {
22
- bs: readonly [(value: string) => boolean, (value: string) => boolean];
23
- }[];
24
- 'logical.min-bs': {
25
- 'min-bs': readonly [() => boolean];
26
- }[];
27
- 'logical.max-bs': {
28
- 'max-bs': readonly [() => boolean];
29
- }[];
30
- 'logical.is': {
31
- is: readonly [(value: string) => boolean, (value: string) => boolean];
32
- }[];
33
- 'logical.min-is': {
34
- 'min-is': readonly [() => boolean];
35
- }[];
36
- 'logical.max-is': {
37
- 'max-is': readonly [() => boolean];
38
- }[];
39
- 'logical.mlb': {
40
- mlb: readonly [() => boolean];
41
- }[];
42
- 'logical.mli': {
43
- mli: readonly [() => boolean];
44
- }[];
45
- 'logical.mbs': {
46
- mbs: readonly [() => boolean];
47
- }[];
48
- 'logical.mbe': {
49
- mbe: readonly [() => boolean];
50
- }[];
51
- 'logical.mis': {
52
- mis: readonly [() => boolean];
53
- }[];
54
- 'logical.mie': {
55
- mie: readonly [() => boolean];
56
- }[];
57
- 'logical.plb': {
58
- plb: readonly [() => boolean];
59
- }[];
60
- 'logical.pli': {
61
- pli: readonly [() => boolean];
62
- }[];
63
- 'logical.pbs': {
64
- pbs: readonly [() => boolean];
65
- }[];
66
- 'logical.pbe': {
67
- pbe: readonly [() => boolean];
68
- }[];
69
- 'logical.pis': {
70
- pis: readonly [() => boolean];
71
- }[];
72
- 'logical.pie': {
73
- pie: readonly [() => boolean];
74
- }[];
75
- 'logical.space-b': {
76
- 'space-b': readonly [(value: string) => boolean, (value: string) => boolean];
77
- }[];
78
- 'logical.space-i': {
79
- 'space-i': readonly [(value: string) => boolean, (value: string) => boolean];
80
- }[];
81
- 'logical.inset-block': {
82
- 'inset-block': readonly ["auto", (value: string) => boolean, (value: string) => boolean];
83
- }[];
84
- 'logical.inset-inline': {
85
- 'inset-inline': readonly ["auto", (value: string) => boolean, (value: string) => boolean];
86
- }[];
87
- 'logical.block-start': {
88
- 'block-start': readonly ["auto", (value: string) => boolean, (value: string) => boolean];
89
- }[];
90
- 'logical.block-end': {
91
- 'block-end': readonly ["auto", (value: string) => boolean, (value: string) => boolean];
92
- }[];
93
- 'logical.inline-start': {
94
- 'inline-start': readonly ["auto", (value: string) => boolean, (value: string) => boolean];
95
- }[];
96
- 'logical.inline-end': {
97
- 'inline-end': readonly ["auto", (value: string) => boolean, (value: string) => boolean];
98
- }[];
99
- 'logical.border-li': {
100
- 'border-li': readonly ["", (value: string) => boolean, (value: string) => boolean];
101
- }[];
102
- 'logical.border-lb': {
103
- 'border-lb': readonly ["", (value: string) => boolean, (value: string) => boolean];
104
- }[];
105
- 'logical.border-bs': {
106
- 'border-bs': readonly ["", (value: string) => boolean, (value: string) => boolean];
107
- }[];
108
- 'logical.border-be': {
109
- 'border-be': readonly ["", (value: string) => boolean, (value: string) => boolean];
110
- }[];
111
- 'logical.border-is': {
112
- 'border-is': readonly ["", (value: string) => boolean, (value: string) => boolean];
113
- }[];
114
- 'logical.border-ie': {
115
- 'border-ie': readonly ["", (value: string) => boolean, (value: string) => boolean];
116
- }[];
117
- 'logical.border-color-bs': {
118
- 'border-bs': readonly [() => boolean];
119
- }[];
120
- 'logical.border-color-be': {
121
- 'border-be': readonly [() => boolean];
122
- }[];
123
- 'logical.border-color-is': {
124
- 'border-is': readonly [() => boolean];
125
- }[];
126
- 'logical.border-color-ie': {
127
- 'border-ie': readonly [() => boolean];
128
- }[];
129
- 'logical.rounded-bs': {
130
- 'rounded-bs': readonly ["none", "", (value: string) => boolean, "full", (value: string) => boolean];
131
- }[];
132
- 'logical.rounded-be': {
133
- 'rounded-be': readonly ["none", "", (value: string) => boolean, "full", (value: string) => boolean];
134
- }[];
135
- 'logical.rounded-is': {
136
- 'rounded-is': readonly ["none", "", (value: string) => boolean, "full", (value: string) => boolean];
137
- }[];
138
- 'logical.rounded-ie': {
139
- 'rounded-ie': readonly ["none", "", (value: string) => boolean, "full", (value: string) => boolean];
140
- }[];
141
- 'logical.rounded-ss': {
142
- 'rounded-ss': readonly ["none", "", (value: string) => boolean, "full", (value: string) => boolean];
143
- }[];
144
- 'logical.rounded-se': {
145
- 'rounded-se': readonly ["none", "", (value: string) => boolean, "full", (value: string) => boolean];
146
- }[];
147
- 'logical.rounded-es': {
148
- 'rounded-es': readonly ["none", "", (value: string) => boolean, "full", (value: string) => boolean];
149
- }[];
150
- 'logical.rounded-ee': {
151
- 'rounded-ee': readonly ["none", "", (value: string) => boolean, "full", (value: string) => boolean];
152
- }[];
153
- 'logical.divide-b': {
154
- 'divide-b': readonly ["", (value: string) => boolean, (value: string) => boolean];
155
- }[];
156
- 'logical.divide-i': {
157
- 'divide-i': readonly ["", (value: string) => boolean, (value: string) => boolean];
158
- }[];
159
- };
160
- export type WithLogicalClassGroups = keyof typeof classGroupsConfig;
161
- type WithLogicalConfig = Config<WithLogicalClassGroups, string>;
162
- export declare const withLogical: (prevConfig: WithLogicalConfig) => WithLogicalConfig;
163
- export {};
164
- //# sourceMappingURL=withLogical.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"withLogical.d.ts","sourceRoot":"","sources":["../../../../src/util/withLogical.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,MAAM,EAA4B,MAAM,gBAAgB,CAAC;AAQvE,QAAA,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqDtB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,MAAM,OAAO,iBAAiB,CAAC;AAEpE,KAAK,iBAAiB,GAAG,MAAM,CAAC,sBAAsB,EAAE,MAAM,CAAC,CAAC;AAEhE,eAAO,MAAM,WAAW,GAAI,YAAY,iBAAiB,KAAG,iBAwC3D,CAAC"}
@@ -1,88 +0,0 @@
1
- //
2
- // Copyright 2025 DXOS.org
3
- //
4
-
5
- import { type HelicalArcSeries, type TokenAudit, auditFacet, parseAlphaLuminosity } from '@ch-ui/tokens';
6
- import { type Meta, type StoryObj } from '@storybook/react-vite';
7
- import React, { Fragment } from 'react';
8
-
9
- import { tokenSet } from './config';
10
-
11
- const colorAudit = auditFacet(tokenSet.colors, { condition: 'p3' });
12
-
13
- const Swatch = ({ variableName, value, semantic, physical }: TokenAudit<HelicalArcSeries>) => {
14
- const [luminosity, alpha] = parseAlphaLuminosity(value);
15
-
16
- return (
17
- <div className='shrink-0 is-40 flex flex-col rounded overflow-hidden'>
18
- <dd className='aspect-video' style={{ background: `var(${variableName})` }}></dd>
19
- <dt className='text-xs bg-baseSurface grow pli-2 plb-1'>
20
- <p className='text-sm'>
21
- {luminosity}
22
- {typeof alpha !== 'undefined' && ` / ${alpha}`}
23
- </p>
24
- {physical.includes('values') && <p>values</p>}
25
- {physical.includes('naming') && <p>naming</p>}
26
- {semantic.length > 0 && (
27
- <ul>
28
- {semantic.map(({ sememeName, conditionId }) => {
29
- const sememeCondition = `${sememeName} / ${conditionId}`;
30
- return <li key={sememeCondition}>{sememeCondition}</li>;
31
- })}
32
- </ul>
33
- )}
34
- </dt>
35
- </div>
36
- );
37
- };
38
-
39
- const DefaultStory = () => {
40
- return (
41
- <>
42
- <div className='flex'>
43
- <div className='p-2 bg-baseSurface rounded'>
44
- <h1 className='text-lg mbe-2'>Physical color tokens</h1>
45
- <pre className='text-xs'>
46
- Luminosity (/ alpha)?
47
- <br />
48
- value // (whether added directly as a physical value)
49
- <br />
50
- naming // (whether added as a named physical value)
51
- <br />
52
- ...`semantic token name / theme`[]
53
- </pre>
54
- </div>
55
- </div>
56
-
57
- {Object.entries(colorAudit).map(([seriesId, audits], i) => (
58
- <Fragment key={i}>
59
- <h2 className='mbs-12 mbe-4'>
60
- <span className='pli-2 plb-1 bg-baseSurface rounded'>{seriesId}</span>
61
- </h2>
62
- <dl className='flex flex-wrap gap-2'>
63
- {audits
64
- .sort((a, b) => {
65
- const [aL, aA] = parseAlphaLuminosity(a.value);
66
- const [bL, bA] = parseAlphaLuminosity(b.value);
67
- return aL - bL - (Number.isFinite(aA) && Number.isFinite(bA) ? aA! - bA! : 0);
68
- })
69
- .map((audit, i) => (
70
- <Swatch key={i} {...audit} />
71
- ))}
72
- </dl>
73
- </Fragment>
74
- ))}
75
- </>
76
- );
77
- };
78
-
79
- const meta = {
80
- title: 'ui/react-ui-theme/Tokens',
81
- render: DefaultStory,
82
- } satisfies Meta<typeof DefaultStory>;
83
-
84
- export default meta;
85
-
86
- type Story = StoryObj<typeof meta>;
87
-
88
- export const Default: Story = {};
@@ -1,6 +0,0 @@
1
- //
2
- // Copyright 2022 DXOS.org
3
- //
4
-
5
- export * from './tailwind';
6
- export * from './tokens';