@sanity/ui 4.2.0 → 5.0.0-alpha.10

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 (339) hide show
  1. package/README.md +194 -28
  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 +79 -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 +1203 -1469
  20. package/dist/index.js +2123 -1989
  21. package/dist/index.js.map +1 -1
  22. package/dist/polyfills.d.ts +1 -0
  23. package/dist/polyfills.js +5 -0
  24. package/dist/polyfills.js.map +1 -0
  25. package/dist/styles.css +1 -547
  26. package/package.json +57 -58
  27. package/src/cli/checks.test.ts +38 -0
  28. package/src/cli/checks.ts +200 -0
  29. package/src/cli/config.ts +44 -0
  30. package/src/cli/detect.test.ts +191 -0
  31. package/src/cli/detect.ts +205 -0
  32. package/src/cli/doctor.test.ts +52 -0
  33. package/src/cli/doctor.ts +65 -0
  34. package/src/cli/index.ts +77 -0
  35. package/src/cli/init.ts +225 -0
  36. package/src/cli/install.test.ts +52 -0
  37. package/src/cli/install.ts +108 -0
  38. package/src/cli/log.ts +79 -0
  39. package/src/cli/selfPackage.ts +14 -0
  40. package/src/cli/styles.test.ts +130 -0
  41. package/src/cli/styles.ts +205 -0
  42. package/src/cli/test-utils.ts +10 -0
  43. package/src/cli/tsconfig.test.ts +174 -0
  44. package/src/cli/tsconfig.ts +282 -0
  45. package/src/cli/types.ts +77 -0
  46. package/src/cli/versions.test.ts +35 -0
  47. package/src/cli/versions.ts +41 -0
  48. package/src/components/badge/Badge.tsx +53 -0
  49. package/src/components/badge/badge.css +6 -0
  50. package/src/components/badge/badge.props.ts +31 -0
  51. package/src/components/box/Box.tsx +30 -0
  52. package/src/components/box/box.css +4 -0
  53. package/src/components/box/box.props.ts +29 -0
  54. package/src/components/button/Button.tsx +78 -0
  55. package/src/components/button/button.css +72 -0
  56. package/src/components/button/button.props.ts +122 -0
  57. package/src/components/card/Card.tsx +31 -0
  58. package/src/components/card/card.css +4 -0
  59. package/src/components/card/card.props.ts +58 -0
  60. package/src/components/checkbox/Checkbox.tsx +64 -0
  61. package/src/components/checkbox/checkbox.css +100 -0
  62. package/src/components/checkbox/checkbox.props.ts +33 -0
  63. package/src/components/code/Code.tsx +38 -0
  64. package/src/components/code/LazyRefractor.tsx +9 -0
  65. package/src/components/code/code.css +40 -0
  66. package/src/components/code/code.props.ts +44 -0
  67. package/src/components/container/Container.tsx +30 -0
  68. package/src/components/container/container.css +4 -0
  69. package/src/components/container/container.props.ts +28 -0
  70. package/src/components/dialog/Dialog.tsx +139 -0
  71. package/src/components/dialog/dialog.css +49 -0
  72. package/src/components/dialog/dialog.props.ts +45 -0
  73. package/src/components/divider/Divider.tsx +23 -0
  74. package/src/components/divider/divider.props.ts +9 -0
  75. package/src/components/eyebrow/Eyebrow.tsx +54 -0
  76. package/src/components/eyebrow/eyebrow.css +11 -0
  77. package/src/components/eyebrow/eyebrow.props.ts +28 -0
  78. package/src/components/flex/Flex.tsx +30 -0
  79. package/src/components/flex/flex.css +4 -0
  80. package/src/components/flex/flex.props.ts +33 -0
  81. package/src/components/grid/Grid.tsx +30 -0
  82. package/src/components/grid/grid.css +4 -0
  83. package/src/components/grid/grid.props.ts +33 -0
  84. package/src/components/h-stack/HStack.tsx +34 -0
  85. package/src/components/h-stack/hStack.props.ts +17 -0
  86. package/src/components/heading/Heading.tsx +54 -0
  87. package/src/components/heading/heading.css +9 -0
  88. package/src/components/heading/heading.props.ts +31 -0
  89. package/src/components/icon/Icon.tsx +24 -0
  90. package/src/components/icon/icon.css +17 -0
  91. package/src/components/icon/icon.props.ts +35 -0
  92. package/src/components/icon-button/IconButton.tsx +32 -0
  93. package/src/components/icon-button/iconButton.props.ts +31 -0
  94. package/src/components/index.css +28 -0
  95. package/src/components/indicator/Indicator.tsx +42 -0
  96. package/src/components/indicator/indicator.css +4 -0
  97. package/src/components/indicator/indicator.props.ts +24 -0
  98. package/src/components/indicator-stack/IndicatorStack.tsx +31 -0
  99. package/src/components/indicator-stack/indicator-stack.css +7 -0
  100. package/src/components/indicator-stack/indicatorStack.props.ts +15 -0
  101. package/src/components/inline/Inline.tsx +38 -0
  102. package/src/components/inline/inline.css +4 -0
  103. package/src/components/inline/inline.props.ts +100 -0
  104. package/src/components/label/Label.tsx +34 -0
  105. package/src/components/label/label.css +3 -0
  106. package/src/components/label/label.props.ts +25 -0
  107. package/src/components/link/Link.tsx +29 -0
  108. package/src/components/link/link.css +12 -0
  109. package/src/components/link/link.props.ts +23 -0
  110. package/src/components/list/List.tsx +167 -0
  111. package/src/components/list/list.css +25 -0
  112. package/src/components/list/list.props.ts +130 -0
  113. package/src/components/popover/Popover.tsx +85 -0
  114. package/src/components/popover/popover.css +21 -0
  115. package/src/components/popover/popover.props.ts +38 -0
  116. package/src/components/press-area/PressArea.tsx +29 -0
  117. package/src/components/press-area/press-area.css +22 -0
  118. package/src/components/press-area/pressArea.props.ts +16 -0
  119. package/src/components/radio/Radio.tsx +48 -0
  120. package/src/components/radio/radio.css +97 -0
  121. package/src/components/radio/radio.props.ts +25 -0
  122. package/src/components/skip-to-content/SkipToContent.tsx +35 -0
  123. package/src/components/skip-to-content/skip-to-content.css +9 -0
  124. package/src/components/skip-to-content/skipToContent.props.ts +25 -0
  125. package/src/components/spinner/Spinner.tsx +28 -0
  126. package/src/components/spinner/spinner.css +10 -0
  127. package/src/components/spinner/spinner.props.ts +19 -0
  128. package/src/components/switch/Switch.tsx +48 -0
  129. package/src/components/switch/switch.css +119 -0
  130. package/src/components/switch/switch.props.ts +25 -0
  131. package/src/components/text/Text.tsx +53 -0
  132. package/src/components/text/text.css +9 -0
  133. package/src/components/text/text.props.ts +28 -0
  134. package/src/components/tooltip/Tooltip.tsx +97 -0
  135. package/src/components/tooltip/tooltip.css +31 -0
  136. package/src/components/tooltip/tooltip.props.ts +36 -0
  137. package/src/components/tooltip-group/TooltipGroup.tsx +64 -0
  138. package/src/components/tooltip-group/tooltipGroup.props.ts +15 -0
  139. package/src/components/v-stack/VStack.tsx +32 -0
  140. package/src/components/v-stack/vStack.props.ts +17 -0
  141. package/src/components/visually-hidden/VisuallyHidden.tsx +29 -0
  142. package/src/components/visually-hidden/visually-hidden.css +9 -0
  143. package/src/components/visually-hidden/visuallyHidden.props.ts +23 -0
  144. package/src/css/classes/dynamic/flex-child.css +5 -0
  145. package/src/css/classes/dynamic/grid-child.css +8 -0
  146. package/src/css/classes/dynamic/grid-parent.css +6 -0
  147. package/src/css/classes/dynamic/height.css +5 -0
  148. package/src/css/classes/dynamic/index.css +7 -0
  149. package/src/css/classes/dynamic/line-clamp.css +5 -0
  150. package/src/css/classes/dynamic/readme.md +3 -0
  151. package/src/css/classes/dynamic/width.css +7 -0
  152. package/src/css/classes/dynamic/z-index.css +3 -0
  153. package/src/css/classes/generic/display.css +10 -0
  154. package/src/css/classes/generic/flex.css +24 -0
  155. package/src/css/classes/generic/grid.css +7 -0
  156. package/src/css/classes/generic/index.css +7 -0
  157. package/src/css/classes/generic/overflow.css +19 -0
  158. package/src/css/classes/generic/placement.css +202 -0
  159. package/src/css/classes/generic/position.css +7 -0
  160. package/src/css/classes/generic/readme.md +3 -0
  161. package/src/css/classes/generic/text-align.css +5 -0
  162. package/src/css/classes/index.css +4 -0
  163. package/src/css/classes/local/animation.css +4 -0
  164. package/src/css/classes/local/border.css +20 -0
  165. package/src/css/classes/local/index.css +6 -0
  166. package/src/css/classes/local/readme.md +3 -0
  167. package/src/css/classes/local/text-overflow.css +5 -0
  168. package/src/css/classes/local/text-trim.css +45 -0
  169. package/src/css/classes/local/tone.css +75 -0
  170. package/src/css/classes/local/top-anchor.css +4 -0
  171. package/src/css/classes/system/color.css +223 -0
  172. package/src/css/classes/system/container.css +8 -0
  173. package/src/css/classes/system/font-family.css +2 -0
  174. package/src/css/classes/system/font-weight.css +4 -0
  175. package/src/css/classes/system/gap.css +37 -0
  176. package/src/css/classes/system/index.css +10 -0
  177. package/src/css/classes/system/inset.css +56 -0
  178. package/src/css/classes/system/margin.css +148 -0
  179. package/src/css/classes/system/padding.css +78 -0
  180. package/src/css/classes/system/radius.css +10 -0
  181. package/src/css/classes/system/readme.md +3 -0
  182. package/src/css/classes/system/shadow.css +6 -0
  183. package/src/css/classes/system/typography.css +31 -0
  184. package/src/css/global/font-face.css +20 -0
  185. package/src/css/global/index.css +2 -0
  186. package/src/css/global/reset.css +76 -0
  187. package/src/css/tokens/index.css +3 -0
  188. package/src/css/tokens/opacity.css +6 -0
  189. package/src/css/tokens/semantic.css +25 -0
  190. package/src/css/tokens/surface.css +27 -0
  191. package/src/hooks/useIsClient.ts +10 -0
  192. package/src/index.css +18 -0
  193. package/src/index.ts +65 -0
  194. package/src/polyfills.ts +15 -0
  195. package/src/props/border.ts +51 -0
  196. package/src/props/flexChild.ts +29 -0
  197. package/src/props/flexParent.ts +47 -0
  198. package/src/props/gap.ts +31 -0
  199. package/src/props/gridChild.ts +50 -0
  200. package/src/props/gridParent.ts +45 -0
  201. package/src/props/height.ts +29 -0
  202. package/src/props/layout.ts +44 -0
  203. package/src/props/margin.ts +59 -0
  204. package/src/props/overflow.ts +30 -0
  205. package/src/props/padding.ts +59 -0
  206. package/src/props/placement.ts +16 -0
  207. package/src/props/position.ts +52 -0
  208. package/src/props/shadow.ts +15 -0
  209. package/src/props/tone.ts +15 -0
  210. package/src/props/typography.ts +62 -0
  211. package/src/props/width.ts +29 -0
  212. package/src/props/zIndex.ts +15 -0
  213. package/src/styles.css.d.ts +1 -0
  214. package/src/styles.css.node.js +2 -0
  215. package/src/styles.css.test.ts +24 -0
  216. package/src/types/Button.ts +8 -0
  217. package/src/types/Code.ts +6 -0
  218. package/src/types/Container.ts +3 -0
  219. package/src/types/Density.ts +3 -0
  220. package/src/types/Display.ts +11 -0
  221. package/src/types/Eyebrow.ts +3 -0
  222. package/src/types/Flex.ts +22 -0
  223. package/src/types/FontWeight.ts +3 -0
  224. package/src/types/Grid.ts +3 -0
  225. package/src/types/Heading.ts +6 -0
  226. package/src/types/Icon.ts +3 -0
  227. package/src/types/Interactive.ts +8 -0
  228. package/src/types/List.ts +2 -0
  229. package/src/types/Overflow.ts +3 -0
  230. package/src/types/Placement.ts +16 -0
  231. package/src/types/Position.ts +3 -0
  232. package/src/types/PropDef.ts +73 -0
  233. package/src/types/Radius.ts +3 -0
  234. package/src/types/Responsive.ts +10 -0
  235. package/src/types/Shadow.ts +3 -0
  236. package/src/types/Space.ts +15 -0
  237. package/src/types/Text.ts +3 -0
  238. package/src/types/TextAlign.ts +3 -0
  239. package/src/types/Tone.ts +3 -0
  240. package/src/utils/getProps.test.ts +156 -0
  241. package/src/utils/getProps.ts +156 -0
  242. package/src/utils/mergeTriggerProps.ts +66 -0
  243. package/src/utils/renderPortal.tsx +14 -0
  244. package/src/utils/suffixClassName.ts +5 -0
  245. package/src/version.ts +3 -0
  246. package/LICENSE +0 -21
  247. package/dist/_system-CTe2lb5l.d.ts +0 -40
  248. package/dist/_system-CTe2lb5l.d.ts.map +0 -1
  249. package/dist/arrow-BmX6qbAS.js +0 -170
  250. package/dist/arrow-BmX6qbAS.js.map +0 -1
  251. package/dist/autocomplete.d.ts +0 -140
  252. package/dist/autocomplete.d.ts.map +0 -1
  253. package/dist/autocomplete.js +0 -470
  254. package/dist/autocomplete.js.map +0 -1
  255. package/dist/breadcrumbs.d.ts +0 -18
  256. package/dist/breadcrumbs.d.ts.map +0 -1
  257. package/dist/breadcrumbs.js +0 -119
  258. package/dist/breadcrumbs.js.map +0 -1
  259. package/dist/button-BNyKSDyA.js +0 -180
  260. package/dist/button-BNyKSDyA.js.map +0 -1
  261. package/dist/button-dnqMFkWg.d.ts +0 -76
  262. package/dist/button-dnqMFkWg.d.ts.map +0 -1
  263. package/dist/card-C0a0wQTc.d.ts +0 -7
  264. package/dist/card-C0a0wQTc.d.ts.map +0 -1
  265. package/dist/code.d.ts +0 -20
  266. package/dist/code.d.ts.map +0 -1
  267. package/dist/code.js +0 -90
  268. package/dist/code.js.map +0 -1
  269. package/dist/codeFontStyle-84SMhFtI.js +0 -11
  270. package/dist/codeFontStyle-84SMhFtI.js.map +0 -1
  271. package/dist/component-DVlwaWB-.d.ts +0 -25
  272. package/dist/component-DVlwaWB-.d.ts.map +0 -1
  273. package/dist/element-BYgCE_iK.js +0 -51
  274. package/dist/element-BYgCE_iK.js.map +0 -1
  275. package/dist/factory-BzXTX8_Q.js +0 -3056
  276. package/dist/factory-BzXTX8_Q.js.map +0 -1
  277. package/dist/flex-DmbDG2ks.js +0 -76
  278. package/dist/flex-DmbDG2ks.js.map +0 -1
  279. package/dist/font-EtfxKPUz.d.ts +0 -49
  280. package/dist/font-EtfxKPUz.d.ts.map +0 -1
  281. package/dist/getElementRef-Jw7gY0eV.js +0 -102
  282. package/dist/getElementRef-Jw7gY0eV.js.map +0 -1
  283. package/dist/getScopedTheme-C-sZsyAz.js +0 -267
  284. package/dist/getScopedTheme-C-sZsyAz.js.map +0 -1
  285. package/dist/getTheme_v2-y09KqtEb.js +0 -487
  286. package/dist/getTheme_v2-y09KqtEb.js.map +0 -1
  287. package/dist/grid-6JSgMj1O.js +0 -115
  288. package/dist/grid-6JSgMj1O.js.map +0 -1
  289. package/dist/helpers-C8xxXAQC.js +0 -63
  290. package/dist/helpers-C8xxXAQC.js.map +0 -1
  291. package/dist/hotkeys-CaHsQlsO.js +0 -168
  292. package/dist/hotkeys-CaHsQlsO.js.map +0 -1
  293. package/dist/index.d.ts.map +0 -1
  294. package/dist/layer-Bl5R3uNR.js +0 -61
  295. package/dist/layer-Bl5R3uNR.js.map +0 -1
  296. package/dist/layer-ChlP9Ik6.d.ts +0 -242
  297. package/dist/layer-ChlP9Ik6.d.ts.map +0 -1
  298. package/dist/menu.d.ts +0 -146
  299. package/dist/menu.d.ts.map +0 -1
  300. package/dist/menu.js +0 -626
  301. package/dist/menu.js.map +0 -1
  302. package/dist/popover-B7-28L8y.js +0 -408
  303. package/dist/popover-B7-28L8y.js.map +0 -1
  304. package/dist/popover-CMlQeKn0.d.ts +0 -96
  305. package/dist/popover-CMlQeKn0.d.ts.map +0 -1
  306. package/dist/popover.d.ts +0 -2
  307. package/dist/popover.js +0 -3
  308. package/dist/refractor-CC48DwHi.js +0 -20
  309. package/dist/refractor-CC48DwHi.js.map +0 -1
  310. package/dist/responsiveFont-CilwaORG.js +0 -55
  311. package/dist/responsiveFont-CilwaORG.js.map +0 -1
  312. package/dist/rgba-BSYaEUW6.d.ts +0 -846
  313. package/dist/rgba-BSYaEUW6.d.ts.map +0 -1
  314. package/dist/selectable-B0GUIL74.d.ts +0 -7
  315. package/dist/selectable-B0GUIL74.d.ts.map +0 -1
  316. package/dist/stack-rsNFPq2-.js +0 -112
  317. package/dist/stack-rsNFPq2-.js.map +0 -1
  318. package/dist/styles-css.d.ts +0 -2
  319. package/dist/styles-css.js +0 -4
  320. package/dist/textInput-pSfQjkmx.js +0 -313
  321. package/dist/textInput-pSfQjkmx.js.map +0 -1
  322. package/dist/theme.d.ts +0 -280
  323. package/dist/theme.d.ts.map +0 -1
  324. package/dist/theme.js +0 -55
  325. package/dist/theme.js.map +0 -1
  326. package/dist/toast.d.ts +0 -73
  327. package/dist/toast.d.ts.map +0 -1
  328. package/dist/toast.js +0 -302
  329. package/dist/toast.js.map +0 -1
  330. package/dist/tooltip.d.ts +0 -88
  331. package/dist/tooltip.d.ts.map +0 -1
  332. package/dist/tooltip.js +0 -435
  333. package/dist/tooltip.js.map +0 -1
  334. package/dist/useClickOutsideEvent-wGLGWBZN.js +0 -36
  335. package/dist/useClickOutsideEvent-wGLGWBZN.js.map +0 -1
  336. package/dist/useElementSize-BJvbGHq8.js +0 -51
  337. package/dist/useElementSize-BJvbGHq8.js.map +0 -1
  338. package/dist/useLayer-D1usxIE0.js +0 -712
  339. package/dist/useLayer-D1usxIE0.js.map +0 -1
@@ -1,487 +0,0 @@
1
- const defaultThemeConfig = {
2
- _version: 2,
3
- avatar: {
4
- sizes: [
5
- {
6
- distance: -4,
7
- size: 19
8
- },
9
- {
10
- distance: -4,
11
- size: 25
12
- },
13
- {
14
- distance: -8,
15
- size: 33
16
- },
17
- {
18
- distance: -12,
19
- size: 49
20
- }
21
- ],
22
- focusRing: {
23
- offset: 1,
24
- width: 1
25
- }
26
- },
27
- button: {
28
- textWeight: "medium",
29
- border: { width: 1 },
30
- focusRing: {
31
- offset: -1,
32
- width: 1
33
- }
34
- },
35
- card: {
36
- border: { width: 1 },
37
- focusRing: {
38
- offset: -1,
39
- width: 1
40
- },
41
- shadow: { outline: .5 }
42
- },
43
- container: [
44
- 320,
45
- 640,
46
- 960,
47
- 1280,
48
- 1600,
49
- 1920
50
- ],
51
- media: [
52
- 360,
53
- 600,
54
- 900,
55
- 1200,
56
- 1800,
57
- 2400
58
- ],
59
- layer: {
60
- dialog: { zOffset: 600 },
61
- popover: { zOffset: 400 },
62
- tooltip: { zOffset: 200 }
63
- },
64
- radius: [
65
- 0,
66
- 1,
67
- 3,
68
- 6,
69
- 9,
70
- 12,
71
- 21
72
- ],
73
- shadow: [
74
- null,
75
- {
76
- umbra: [
77
- 0,
78
- 0,
79
- 0,
80
- 0
81
- ],
82
- penumbra: [
83
- 0,
84
- 0,
85
- 0,
86
- 0
87
- ],
88
- ambient: [
89
- 0,
90
- 0,
91
- 0,
92
- 0
93
- ]
94
- },
95
- {
96
- umbra: [
97
- 0,
98
- 3,
99
- 5,
100
- -2
101
- ],
102
- penumbra: [
103
- 0,
104
- 6,
105
- 10,
106
- 0
107
- ],
108
- ambient: [
109
- 0,
110
- 1,
111
- 18,
112
- 1
113
- ]
114
- },
115
- {
116
- umbra: [
117
- 0,
118
- 7,
119
- 8,
120
- -4
121
- ],
122
- penumbra: [
123
- 0,
124
- 12,
125
- 17,
126
- 2
127
- ],
128
- ambient: [
129
- 0,
130
- 5,
131
- 22,
132
- 4
133
- ]
134
- },
135
- {
136
- umbra: [
137
- 0,
138
- 9,
139
- 11,
140
- -5
141
- ],
142
- penumbra: [
143
- 0,
144
- 18,
145
- 28,
146
- 2
147
- ],
148
- ambient: [
149
- 0,
150
- 7,
151
- 34,
152
- 6
153
- ]
154
- },
155
- {
156
- umbra: [
157
- 0,
158
- 11,
159
- 15,
160
- -7
161
- ],
162
- penumbra: [
163
- 0,
164
- 24,
165
- 38,
166
- 3
167
- ],
168
- ambient: [
169
- 0,
170
- 9,
171
- 46,
172
- 8
173
- ]
174
- }
175
- ],
176
- space: [
177
- 0,
178
- 4,
179
- 8,
180
- 12,
181
- 20,
182
- 32,
183
- 52,
184
- 84,
185
- 136,
186
- 220
187
- ],
188
- input: {
189
- border: { width: 1 },
190
- checkbox: {
191
- size: 17,
192
- focusRing: {
193
- offset: -1,
194
- width: 1
195
- }
196
- },
197
- radio: {
198
- size: 17,
199
- markSize: 9,
200
- focusRing: {
201
- offset: -1,
202
- width: 1
203
- }
204
- },
205
- switch: {
206
- width: 25,
207
- height: 17,
208
- padding: 5,
209
- transitionDurationMs: 150,
210
- transitionTimingFunction: "ease-out",
211
- focusRing: {
212
- offset: 1,
213
- width: 1
214
- }
215
- },
216
- select: { focusRing: {
217
- offset: -1,
218
- width: 1
219
- } },
220
- text: { focusRing: {
221
- offset: -1,
222
- width: 1
223
- } }
224
- },
225
- style: { button: { root: { transition: "background-color 100ms,border-color 100ms,color 100ms" } } }
226
- }, cache$1 = /* @__PURE__ */ new WeakMap();
227
- /** @internal */
228
- function themeColor_v0_v2(color_v0) {
229
- let cached_v2 = cache$1.get(color_v0);
230
- if (cached_v2) return cached_v2;
231
- let base = stateThemeColor_v0_v2(color_v0, color_v0.card.enabled), color_v2 = {
232
- _blend: color_v0._blend || (color_v0.dark ? "screen" : "multiply"),
233
- _dark: color_v0.dark,
234
- accent: base.accent,
235
- avatar: base.avatar,
236
- backdrop: color_v0.base.shadow.ambient,
237
- badge: base.badge,
238
- bg: color_v0.base.bg,
239
- border: color_v0.base.border,
240
- button: {
241
- default: stateTonesThemeColor_v0_v2(color_v0, color_v0.button.default),
242
- ghost: stateTonesThemeColor_v0_v2(color_v0, color_v0.button.ghost),
243
- bleed: stateTonesThemeColor_v0_v2(color_v0, color_v0.button.bleed)
244
- },
245
- code: base.code,
246
- fg: color_v0.base.fg,
247
- focusRing: color_v0.base.focusRing,
248
- icon: base.muted.fg,
249
- input: {
250
- default: inputStatesThemeColor_v0_v2(color_v0.input.default),
251
- invalid: inputStatesThemeColor_v0_v2(color_v0.input.invalid)
252
- },
253
- kbd: base.kbd,
254
- link: base.link,
255
- muted: {
256
- ...base.muted,
257
- bg: color_v0.selectable?.default.enabled.bg2 || color_v0.base.bg
258
- },
259
- selectable: stateTonesThemeColor_v0_v2(color_v0, color_v0.selectable || color_v0.muted),
260
- shadow: color_v0.base.shadow,
261
- skeleton: {
262
- from: color_v0.skeleton?.from || color_v0.base.border,
263
- to: color_v0.skeleton?.to || color_v0.base.border
264
- },
265
- syntax: color_v0.syntax
266
- };
267
- return cache$1.set(color_v0, color_v2), color_v2;
268
- }
269
- function stateTonesThemeColor_v0_v2(v0, t) {
270
- return {
271
- default: {
272
- enabled: stateThemeColor_v0_v2(v0, t.default.enabled),
273
- hovered: stateThemeColor_v0_v2(v0, t.default.hovered),
274
- pressed: stateThemeColor_v0_v2(v0, t.default.pressed),
275
- selected: stateThemeColor_v0_v2(v0, t.default.selected),
276
- disabled: stateThemeColor_v0_v2(v0, t.default.disabled)
277
- },
278
- neutral: {
279
- enabled: stateThemeColor_v0_v2(v0, t.default.enabled),
280
- hovered: stateThemeColor_v0_v2(v0, t.default.hovered),
281
- pressed: stateThemeColor_v0_v2(v0, t.default.pressed),
282
- selected: stateThemeColor_v0_v2(v0, t.default.selected),
283
- disabled: stateThemeColor_v0_v2(v0, t.default.disabled)
284
- },
285
- primary: {
286
- enabled: stateThemeColor_v0_v2(v0, t.primary.enabled),
287
- hovered: stateThemeColor_v0_v2(v0, t.primary.hovered),
288
- pressed: stateThemeColor_v0_v2(v0, t.primary.pressed),
289
- selected: stateThemeColor_v0_v2(v0, t.primary.selected),
290
- disabled: stateThemeColor_v0_v2(v0, t.primary.disabled)
291
- },
292
- suggest: {
293
- enabled: stateThemeColor_v0_v2(v0, t.primary.enabled),
294
- hovered: stateThemeColor_v0_v2(v0, t.primary.hovered),
295
- pressed: stateThemeColor_v0_v2(v0, t.primary.pressed),
296
- selected: stateThemeColor_v0_v2(v0, t.primary.selected),
297
- disabled: stateThemeColor_v0_v2(v0, t.primary.disabled)
298
- },
299
- positive: {
300
- enabled: stateThemeColor_v0_v2(v0, t.positive.enabled),
301
- hovered: stateThemeColor_v0_v2(v0, t.positive.hovered),
302
- pressed: stateThemeColor_v0_v2(v0, t.positive.pressed),
303
- selected: stateThemeColor_v0_v2(v0, t.positive.selected),
304
- disabled: stateThemeColor_v0_v2(v0, t.positive.disabled)
305
- },
306
- caution: {
307
- enabled: stateThemeColor_v0_v2(v0, t.caution.enabled),
308
- hovered: stateThemeColor_v0_v2(v0, t.caution.hovered),
309
- pressed: stateThemeColor_v0_v2(v0, t.caution.pressed),
310
- selected: stateThemeColor_v0_v2(v0, t.caution.selected),
311
- disabled: stateThemeColor_v0_v2(v0, t.caution.disabled)
312
- },
313
- critical: {
314
- enabled: stateThemeColor_v0_v2(v0, t.critical.enabled),
315
- hovered: stateThemeColor_v0_v2(v0, t.critical.hovered),
316
- pressed: stateThemeColor_v0_v2(v0, t.critical.pressed),
317
- selected: stateThemeColor_v0_v2(v0, t.critical.selected),
318
- disabled: stateThemeColor_v0_v2(v0, t.critical.disabled)
319
- }
320
- };
321
- }
322
- function stateThemeColor_v0_v2(v0, state) {
323
- return {
324
- ...state,
325
- avatar: {
326
- gray: {
327
- bg: v0.spot.gray,
328
- fg: v0.base.bg
329
- },
330
- blue: {
331
- bg: v0.spot.blue,
332
- fg: v0.base.bg
333
- },
334
- purple: {
335
- bg: v0.spot.purple,
336
- fg: v0.base.bg
337
- },
338
- magenta: {
339
- bg: v0.spot.magenta,
340
- fg: v0.base.bg
341
- },
342
- red: {
343
- bg: v0.spot.red,
344
- fg: v0.base.bg
345
- },
346
- orange: {
347
- bg: v0.spot.orange,
348
- fg: v0.base.bg
349
- },
350
- yellow: {
351
- bg: v0.spot.yellow,
352
- fg: v0.base.bg
353
- },
354
- green: {
355
- bg: v0.spot.green,
356
- fg: v0.base.bg
357
- },
358
- cyan: {
359
- bg: v0.spot.cyan,
360
- fg: v0.base.bg
361
- }
362
- },
363
- badge: {
364
- default: {
365
- bg: v0.muted.default.enabled.bg,
366
- fg: v0.muted.default.enabled.fg,
367
- dot: v0.muted.default.enabled.muted.fg,
368
- icon: v0.muted.default.enabled.muted.fg
369
- },
370
- neutral: {
371
- bg: v0.muted.transparent.enabled.bg,
372
- fg: v0.muted.transparent.enabled.fg,
373
- dot: v0.muted.transparent.enabled.muted.fg,
374
- icon: v0.muted.transparent.enabled.muted.fg
375
- },
376
- primary: {
377
- bg: v0.muted.primary.enabled.bg,
378
- fg: v0.muted.primary.enabled.fg,
379
- dot: v0.muted.primary.enabled.muted.fg,
380
- icon: v0.muted.primary.enabled.muted.fg
381
- },
382
- suggest: {
383
- bg: v0.muted.primary.enabled.bg,
384
- fg: v0.muted.primary.enabled.fg,
385
- dot: v0.muted.primary.enabled.muted.fg,
386
- icon: v0.muted.primary.enabled.muted.fg
387
- },
388
- positive: {
389
- bg: v0.muted.positive.enabled.bg,
390
- fg: v0.muted.positive.enabled.fg,
391
- dot: v0.muted.positive.enabled.muted.fg,
392
- icon: v0.muted.positive.enabled.muted.fg
393
- },
394
- caution: {
395
- bg: v0.muted.caution.enabled.bg,
396
- fg: v0.muted.caution.enabled.fg,
397
- dot: v0.muted.caution.enabled.muted.fg,
398
- icon: v0.muted.caution.enabled.muted.fg
399
- },
400
- critical: {
401
- bg: v0.muted.critical.enabled.bg,
402
- fg: v0.muted.critical.enabled.fg,
403
- dot: v0.muted.critical.enabled.muted.fg,
404
- icon: v0.muted.critical.enabled.muted.fg
405
- }
406
- },
407
- kbd: {
408
- bg: v0.muted.default.enabled.bg,
409
- fg: v0.muted.default.enabled.fg,
410
- border: v0.muted.default.enabled.border
411
- },
412
- muted: {
413
- ...v0.muted.default.enabled.muted,
414
- bg: state.bg2 || state.bg
415
- },
416
- skeleton: {
417
- from: state.skeleton?.from || state.border,
418
- to: state.skeleton?.to || state.border
419
- }
420
- };
421
- }
422
- function inputStatesThemeColor_v0_v2(states) {
423
- return {
424
- enabled: inputStateThemeColor_v0_v2(states.enabled),
425
- disabled: inputStateThemeColor_v0_v2(states.disabled),
426
- readOnly: inputStateThemeColor_v0_v2(states.readOnly),
427
- hovered: inputStateThemeColor_v0_v2(states.hovered)
428
- };
429
- }
430
- function inputStateThemeColor_v0_v2(state) {
431
- return {
432
- bg: state.bg,
433
- border: state.border,
434
- fg: state.fg,
435
- muted: { bg: state.bg2 },
436
- placeholder: state.placeholder
437
- };
438
- }
439
- const cache = /* @__PURE__ */ new WeakMap();
440
- /** @public */
441
- function getTheme_v2(theme) {
442
- if (theme.sanity.v2?._resolved) return theme.sanity.v2;
443
- let cached_v2 = cache.get(theme);
444
- if (cached_v2) return cached_v2;
445
- let v2 = {
446
- _version: 2,
447
- _resolved: !0,
448
- avatar: {
449
- ...defaultThemeConfig.avatar,
450
- ...theme.sanity.avatar
451
- },
452
- button: {
453
- ...defaultThemeConfig.button,
454
- ...theme.sanity.button
455
- },
456
- card: defaultThemeConfig.card,
457
- color: themeColor_v0_v2(theme.sanity.color),
458
- container: theme.sanity.container,
459
- font: theme.sanity.fonts,
460
- input: {
461
- ...defaultThemeConfig.input,
462
- ...theme.sanity.input,
463
- checkbox: {
464
- ...defaultThemeConfig.input.checkbox,
465
- ...theme.sanity.input.checkbox
466
- },
467
- radio: {
468
- ...defaultThemeConfig.input.radio,
469
- ...theme.sanity.input.radio
470
- },
471
- switch: {
472
- ...defaultThemeConfig.input.switch,
473
- ...theme.sanity.input.switch
474
- }
475
- },
476
- layer: theme.sanity.layer ?? defaultThemeConfig.layer,
477
- media: theme.sanity.media,
478
- radius: theme.sanity.radius,
479
- shadow: theme.sanity.shadows,
480
- space: theme.sanity.space,
481
- style: theme.sanity.styles
482
- };
483
- return cache.set(theme, v2), v2;
484
- }
485
- export { themeColor_v0_v2 as n, defaultThemeConfig as r, getTheme_v2 as t };
486
-
487
- //# sourceMappingURL=getTheme_v2-y09KqtEb.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"getTheme_v2-y09KqtEb.js","names":[],"sources":["../src/theme/defaults/config.ts","../src/theme/versioning/themeColor_v0_v2.ts","../src/theme/versioning/getTheme_v2.ts"],"sourcesContent":["import {RootTheme_v2} from '../system/theme'\n\nconst BORDER_WIDTH = 1\nconst OUTLINE_WIDTH = 0.5\n\nexport const defaultThemeConfig: Omit<RootTheme_v2, 'color' | 'font'> = {\n _version: 2,\n avatar: {\n sizes: [\n {distance: -4, size: 19},\n {distance: -4, size: 25},\n {distance: -8, size: 33},\n {distance: -12, size: 49},\n ],\n focusRing: {offset: 1, width: 1},\n },\n button: {\n textWeight: 'medium',\n border: {width: BORDER_WIDTH},\n focusRing: {offset: -1, width: 1},\n },\n card: {\n border: {width: BORDER_WIDTH},\n focusRing: {offset: -1, width: 1},\n shadow: {outline: OUTLINE_WIDTH},\n },\n container: [320, 640, 960, 1280, 1600, 1920],\n media: [360, 600, 900, 1200, 1800, 2400],\n layer: {\n dialog: {zOffset: 600},\n popover: {zOffset: 400},\n tooltip: {zOffset: 200},\n },\n radius: [0, 1, 3, 6, 9, 12, 21],\n shadow: [\n null,\n {umbra: [0, 0, 0, 0], penumbra: [0, 0, 0, 0], ambient: [0, 0, 0, 0]},\n {umbra: [0, 3, 5, -2], penumbra: [0, 6, 10, 0], ambient: [0, 1, 18, 1]},\n {umbra: [0, 7, 8, -4], penumbra: [0, 12, 17, 2], ambient: [0, 5, 22, 4]},\n {umbra: [0, 9, 11, -5], penumbra: [0, 18, 28, 2], ambient: [0, 7, 34, 6]},\n {umbra: [0, 11, 15, -7], penumbra: [0, 24, 38, 3], ambient: [0, 9, 46, 8]},\n ],\n space: [0, 4, 8, 12, 20, 32, 52, 84, 136, 220],\n input: {\n border: {\n width: BORDER_WIDTH,\n },\n checkbox: {\n size: 17,\n focusRing: {offset: -1, width: 1},\n },\n radio: {\n size: 17,\n markSize: 9,\n focusRing: {offset: -1, width: 1},\n },\n switch: {\n width: 25,\n height: 17,\n padding: 5,\n transitionDurationMs: 150,\n transitionTimingFunction: 'ease-out',\n focusRing: {offset: 1, width: 1},\n },\n select: {\n focusRing: {offset: -1, width: 1},\n },\n text: {\n focusRing: {offset: -1, width: 1},\n },\n },\n style: {\n button: {\n root: {\n transition: 'background-color 100ms,border-color 100ms,color 100ms',\n },\n },\n // card: {\n // root: {\n // transition: 'background-color 100ms,border-color 100ms,color 100ms',\n // },\n // },\n },\n}\n","import {ThemeColorCard_v2} from '../system/color/color'\nimport {ThemeColorInputMode_v2, ThemeColorInputState_v2} from '../system/color/input'\nimport {ThemeColorSelectable_v2} from '../system/color/selectable'\nimport {ThemeColorState_v2} from '../system/color/state'\nimport {ThemeColorGenericState} from '../system/v0/color/_generic'\nimport {ThemeColor} from '../system/v0/color/color'\nimport {ThemeColorInputState, ThemeColorInputStates} from '../system/v0/color/input'\nimport {ThemeColorMuted} from '../system/v0/color/muted'\n\n// oxlint-disable-next-line no-deprecated\nconst cache = new WeakMap<ThemeColor, ThemeColorCard_v2>()\n\n/** @internal */\n// oxlint-disable-next-line no-deprecated\nexport function themeColor_v0_v2(color_v0: ThemeColor): ThemeColorCard_v2 {\n const cached_v2 = cache.get(color_v0)\n\n if (cached_v2) return cached_v2\n\n const base = stateThemeColor_v0_v2(color_v0, color_v0.card.enabled)\n\n const color_v2: ThemeColorCard_v2 = {\n _blend: color_v0._blend || (color_v0.dark ? 'screen' : 'multiply'),\n _dark: color_v0.dark,\n accent: base.accent,\n avatar: base.avatar,\n backdrop: color_v0.base.shadow.ambient,\n badge: base.badge,\n bg: color_v0.base.bg,\n border: color_v0.base.border,\n button: {\n default: stateTonesThemeColor_v0_v2(color_v0, color_v0.button.default),\n ghost: stateTonesThemeColor_v0_v2(color_v0, color_v0.button.ghost),\n bleed: stateTonesThemeColor_v0_v2(color_v0, color_v0.button.bleed),\n },\n code: base.code,\n fg: color_v0.base.fg,\n focusRing: color_v0.base.focusRing,\n icon: base.muted.fg,\n input: {\n default: inputStatesThemeColor_v0_v2(color_v0.input.default),\n invalid: inputStatesThemeColor_v0_v2(color_v0.input.invalid),\n },\n kbd: base.kbd,\n link: base.link,\n muted: {\n ...base.muted,\n bg: color_v0.selectable?.default.enabled.bg2 || color_v0.base.bg,\n },\n selectable: stateTonesThemeColor_v0_v2(color_v0, color_v0.selectable || color_v0.muted),\n shadow: color_v0.base.shadow,\n skeleton: {\n from: color_v0.skeleton?.from || color_v0.base.border,\n to: color_v0.skeleton?.to || color_v0.base.border,\n },\n syntax: color_v0.syntax,\n }\n\n cache.set(color_v0, color_v2)\n\n return color_v2\n}\n\nfunction stateTonesThemeColor_v0_v2(\n // oxlint-disable-next-line no-deprecated\n v0: ThemeColor,\n // oxlint-disable-next-line no-deprecated\n t: Omit<ThemeColorMuted, 'transparent'>,\n): ThemeColorSelectable_v2 {\n return {\n default: {\n enabled: stateThemeColor_v0_v2(v0, t.default.enabled),\n hovered: stateThemeColor_v0_v2(v0, t.default.hovered),\n pressed: stateThemeColor_v0_v2(v0, t.default.pressed),\n selected: stateThemeColor_v0_v2(v0, t.default.selected),\n disabled: stateThemeColor_v0_v2(v0, t.default.disabled),\n },\n neutral: {\n enabled: stateThemeColor_v0_v2(v0, t.default.enabled),\n hovered: stateThemeColor_v0_v2(v0, t.default.hovered),\n pressed: stateThemeColor_v0_v2(v0, t.default.pressed),\n selected: stateThemeColor_v0_v2(v0, t.default.selected),\n disabled: stateThemeColor_v0_v2(v0, t.default.disabled),\n },\n primary: {\n enabled: stateThemeColor_v0_v2(v0, t.primary.enabled),\n hovered: stateThemeColor_v0_v2(v0, t.primary.hovered),\n pressed: stateThemeColor_v0_v2(v0, t.primary.pressed),\n selected: stateThemeColor_v0_v2(v0, t.primary.selected),\n disabled: stateThemeColor_v0_v2(v0, t.primary.disabled),\n },\n suggest: {\n enabled: stateThemeColor_v0_v2(v0, t.primary.enabled),\n hovered: stateThemeColor_v0_v2(v0, t.primary.hovered),\n pressed: stateThemeColor_v0_v2(v0, t.primary.pressed),\n selected: stateThemeColor_v0_v2(v0, t.primary.selected),\n disabled: stateThemeColor_v0_v2(v0, t.primary.disabled),\n },\n positive: {\n enabled: stateThemeColor_v0_v2(v0, t.positive.enabled),\n hovered: stateThemeColor_v0_v2(v0, t.positive.hovered),\n pressed: stateThemeColor_v0_v2(v0, t.positive.pressed),\n selected: stateThemeColor_v0_v2(v0, t.positive.selected),\n disabled: stateThemeColor_v0_v2(v0, t.positive.disabled),\n },\n caution: {\n enabled: stateThemeColor_v0_v2(v0, t.caution.enabled),\n hovered: stateThemeColor_v0_v2(v0, t.caution.hovered),\n pressed: stateThemeColor_v0_v2(v0, t.caution.pressed),\n selected: stateThemeColor_v0_v2(v0, t.caution.selected),\n disabled: stateThemeColor_v0_v2(v0, t.caution.disabled),\n },\n critical: {\n enabled: stateThemeColor_v0_v2(v0, t.critical.enabled),\n hovered: stateThemeColor_v0_v2(v0, t.critical.hovered),\n pressed: stateThemeColor_v0_v2(v0, t.critical.pressed),\n selected: stateThemeColor_v0_v2(v0, t.critical.selected),\n disabled: stateThemeColor_v0_v2(v0, t.critical.disabled),\n },\n }\n}\n\n// oxlint-disable-next-line no-deprecated\nfunction stateThemeColor_v0_v2(v0: ThemeColor, state: ThemeColorGenericState): ThemeColorState_v2 {\n return {\n ...state,\n avatar: {\n gray: {\n bg: v0.spot.gray,\n fg: v0.base.bg,\n },\n blue: {\n bg: v0.spot.blue,\n fg: v0.base.bg,\n },\n purple: {\n bg: v0.spot.purple,\n fg: v0.base.bg,\n },\n magenta: {\n bg: v0.spot.magenta,\n fg: v0.base.bg,\n },\n red: {\n bg: v0.spot.red,\n fg: v0.base.bg,\n },\n orange: {\n bg: v0.spot.orange,\n fg: v0.base.bg,\n },\n yellow: {\n bg: v0.spot.yellow,\n fg: v0.base.bg,\n },\n green: {\n bg: v0.spot.green,\n fg: v0.base.bg,\n },\n cyan: {\n bg: v0.spot.cyan,\n fg: v0.base.bg,\n },\n },\n badge: {\n default: {\n bg: v0.muted.default.enabled.bg,\n fg: v0.muted.default.enabled.fg,\n dot: v0.muted.default.enabled.muted.fg,\n icon: v0.muted.default.enabled.muted.fg,\n },\n neutral: {\n bg: v0.muted.transparent.enabled.bg,\n fg: v0.muted.transparent.enabled.fg,\n dot: v0.muted.transparent.enabled.muted.fg,\n icon: v0.muted.transparent.enabled.muted.fg,\n },\n primary: {\n bg: v0.muted.primary.enabled.bg,\n fg: v0.muted.primary.enabled.fg,\n dot: v0.muted.primary.enabled.muted.fg,\n icon: v0.muted.primary.enabled.muted.fg,\n },\n suggest: {\n bg: v0.muted.primary.enabled.bg,\n fg: v0.muted.primary.enabled.fg,\n dot: v0.muted.primary.enabled.muted.fg,\n icon: v0.muted.primary.enabled.muted.fg,\n },\n positive: {\n bg: v0.muted.positive.enabled.bg,\n fg: v0.muted.positive.enabled.fg,\n dot: v0.muted.positive.enabled.muted.fg,\n icon: v0.muted.positive.enabled.muted.fg,\n },\n caution: {\n bg: v0.muted.caution.enabled.bg,\n fg: v0.muted.caution.enabled.fg,\n dot: v0.muted.caution.enabled.muted.fg,\n icon: v0.muted.caution.enabled.muted.fg,\n },\n critical: {\n bg: v0.muted.critical.enabled.bg,\n fg: v0.muted.critical.enabled.fg,\n dot: v0.muted.critical.enabled.muted.fg,\n icon: v0.muted.critical.enabled.muted.fg,\n },\n },\n kbd: {\n bg: v0.muted.default.enabled.bg,\n fg: v0.muted.default.enabled.fg,\n border: v0.muted.default.enabled.border,\n },\n muted: {\n ...v0.muted.default.enabled.muted,\n bg: state.bg2 || state.bg,\n },\n skeleton: {\n from: state.skeleton?.from || state.border,\n to: state.skeleton?.to || state.border,\n },\n }\n}\n\n// oxlint-disable-next-line no-deprecated\nfunction inputStatesThemeColor_v0_v2(states: ThemeColorInputStates): ThemeColorInputMode_v2 {\n return {\n enabled: inputStateThemeColor_v0_v2(states.enabled),\n disabled: inputStateThemeColor_v0_v2(states.disabled),\n readOnly: inputStateThemeColor_v0_v2(states.readOnly),\n hovered: inputStateThemeColor_v0_v2(states.hovered),\n }\n}\n\n// oxlint-disable-next-line no-deprecated\nfunction inputStateThemeColor_v0_v2(state: ThemeColorInputState): ThemeColorInputState_v2 {\n return {\n bg: state.bg,\n border: state.border,\n fg: state.fg,\n muted: {\n bg: state.bg2,\n },\n placeholder: state.placeholder,\n }\n}\n","import {defaultThemeConfig} from '../defaults/config'\nimport {Theme, Theme_v2} from '../system/theme'\nimport {themeColor_v0_v2} from './themeColor_v0_v2'\n\nconst cache = new WeakMap<Theme, Theme_v2>()\n\n/** @public */\nexport function getTheme_v2(theme: Theme): Theme_v2 {\n if (theme.sanity.v2?._resolved) return theme.sanity.v2\n\n const cached_v2 = cache.get(theme)\n\n if (cached_v2) return cached_v2\n\n const v2: Theme_v2 = {\n _version: 2,\n _resolved: true,\n avatar: {\n ...defaultThemeConfig.avatar,\n // oxlint-disable-next-line no-deprecated\n ...theme.sanity.avatar,\n },\n button: {\n ...defaultThemeConfig.button,\n // oxlint-disable-next-line no-deprecated\n ...theme.sanity.button,\n },\n card: defaultThemeConfig.card,\n // oxlint-disable-next-line no-deprecated\n color: themeColor_v0_v2(theme.sanity.color),\n // oxlint-disable-next-line no-deprecated\n container: theme.sanity.container,\n // oxlint-disable-next-line no-deprecated\n font: theme.sanity.fonts,\n input: {\n ...defaultThemeConfig.input,\n // oxlint-disable-next-line no-deprecated\n ...theme.sanity.input,\n checkbox: {\n ...defaultThemeConfig.input.checkbox,\n // oxlint-disable-next-line no-deprecated\n ...theme.sanity.input.checkbox,\n },\n radio: {\n ...defaultThemeConfig.input.radio,\n // oxlint-disable-next-line no-deprecated\n ...theme.sanity.input.radio,\n },\n switch: {\n ...defaultThemeConfig.input.switch,\n // oxlint-disable-next-line no-deprecated\n ...theme.sanity.input.switch,\n },\n },\n // oxlint-disable-next-line no-deprecated\n layer: theme.sanity.layer ?? defaultThemeConfig.layer,\n // oxlint-disable-next-line no-deprecated\n media: theme.sanity.media,\n // oxlint-disable-next-line no-deprecated\n radius: theme.sanity.radius,\n // oxlint-disable-next-line no-deprecated\n shadow: theme.sanity.shadows,\n // oxlint-disable-next-line no-deprecated\n space: theme.sanity.space,\n // oxlint-disable-next-line no-deprecated\n style: theme.sanity.styles,\n }\n\n cache.set(theme, v2)\n\n return v2\n}\n"],"mappings":"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"}
@@ -1,115 +0,0 @@
1
- import { a as rem, i as _responsive, n as _getArrayProp } from "./helpers-C8xxXAQC.js";
2
- import { t as getTheme_v2 } from "./getTheme_v2-y09KqtEb.js";
3
- import { y as Box } from "./useLayer-D1usxIE0.js";
4
- import { c } from "react/compiler-runtime";
5
- import { styled } from "styled-components";
6
- import { jsx } from "react/jsx-runtime";
7
- const GRID_CSS = {
8
- "&&:not([hidden])": { display: "grid" },
9
- "&[data-as=\"ul\"],&[data-as=\"ol\"]": { listStyle: "none" }
10
- }, GRID_AUTO_COLUMS = {
11
- auto: "auto",
12
- min: "min-content",
13
- max: "max-content",
14
- fr: "minmax(0, 1fr)"
15
- }, GRID_AUTO_ROWS = {
16
- auto: "auto",
17
- min: "min-content",
18
- max: "max-content",
19
- fr: "minmax(0, 1fr)"
20
- };
21
- function responsiveGridStyle() {
22
- return [
23
- GRID_CSS,
24
- responsiveGridAutoFlowStyle,
25
- responsiveGridAutoRowsStyle,
26
- responsiveGridAutoColsStyle,
27
- responsiveGridColumnsStyle,
28
- responsiveGridRowsStyle,
29
- responsiveGridGapStyle,
30
- responsiveGridGapXStyle,
31
- responsiveGridGapYStyle
32
- ];
33
- }
34
- function responsiveGridAutoFlowStyle(props) {
35
- let { media } = getTheme_v2(props.theme);
36
- return _responsive(media, props.$autoFlow, (autoFlow) => ({ gridAutoFlow: autoFlow }));
37
- }
38
- function responsiveGridAutoRowsStyle(props) {
39
- let { media } = getTheme_v2(props.theme);
40
- return _responsive(media, props.$autoRows, (autoRows) => ({ gridAutoRows: autoRows && GRID_AUTO_ROWS[autoRows] }));
41
- }
42
- function responsiveGridAutoColsStyle(props) {
43
- let { media } = getTheme_v2(props.theme);
44
- return _responsive(media, props.$autoCols, (autoCols) => ({ gridAutoColumns: autoCols && GRID_AUTO_COLUMS[autoCols] }));
45
- }
46
- function responsiveGridColumnsStyle(props) {
47
- let { media } = getTheme_v2(props.theme);
48
- return _responsive(media, props.$columns, (columns) => ({ gridTemplateColumns: columns && `repeat(${columns},minmax(0,1fr));` }));
49
- }
50
- function responsiveGridRowsStyle(props) {
51
- let { media } = getTheme_v2(props.theme);
52
- return _responsive(media, props.$rows, (rows) => ({ gridTemplateRows: rows && `repeat(${rows},minmax(0,1fr));` }));
53
- }
54
- function responsiveGridGapStyle(props) {
55
- let { media, space } = getTheme_v2(props.theme);
56
- return _responsive(media, props.$gap, (gap) => ({ gridGap: gap ? rem(space[gap]) : void 0 }));
57
- }
58
- function responsiveGridGapXStyle(props) {
59
- let { media, space } = getTheme_v2(props.theme);
60
- return _responsive(media, props.$gapX, (gapX) => ({ columnGap: gapX ? rem(space[gapX]) : void 0 }));
61
- }
62
- function responsiveGridGapYStyle(props) {
63
- let { media, space } = getTheme_v2(props.theme);
64
- return _responsive(media, props.$gapY, (gapY) => ({ rowGap: gapY ? rem(space[gapY]) : void 0 }));
65
- }
66
- const StyledGrid = /* @__PURE__ */ styled(Box).withConfig({
67
- displayName: "StyledGrid",
68
- componentId: "sc-uknjwi-0"
69
- })(responsiveGridStyle);
70
- function GridComponent(props) {
71
- let $ = c(43), as, autoCols, autoFlow, autoRows, children, gap, gapX, gapY, gridTemplateColumns, gridTemplateRows, ref, restProps;
72
- $[0] === props ? (as = $[1], autoCols = $[2], autoFlow = $[3], autoRows = $[4], children = $[5], gap = $[6], gapX = $[7], gapY = $[8], gridTemplateColumns = $[9], gridTemplateRows = $[10], ref = $[11], restProps = $[12]) : ({as, autoRows, autoCols, autoFlow, gridTemplateColumns, gap, gapX, gapY, gridTemplateRows, children, ref, ...restProps} = props, $[0] = props, $[1] = as, $[2] = autoCols, $[3] = autoFlow, $[4] = autoRows, $[5] = children, $[6] = gap, $[7] = gapX, $[8] = gapY, $[9] = gridTemplateColumns, $[10] = gridTemplateRows, $[11] = ref, $[12] = restProps);
73
- let t0 = typeof as == "string" ? as : void 0, t1;
74
- $[13] === autoRows ? t1 = $[14] : (t1 = _getArrayProp(autoRows), $[13] = autoRows, $[14] = t1);
75
- let t2;
76
- $[15] === autoCols ? t2 = $[16] : (t2 = _getArrayProp(autoCols), $[15] = autoCols, $[16] = t2);
77
- let t3;
78
- $[17] === autoFlow ? t3 = $[18] : (t3 = _getArrayProp(autoFlow), $[17] = autoFlow, $[18] = t3);
79
- let t4;
80
- $[19] === gridTemplateColumns ? t4 = $[20] : (t4 = _getArrayProp(gridTemplateColumns), $[19] = gridTemplateColumns, $[20] = t4);
81
- let t5;
82
- $[21] === gap ? t5 = $[22] : (t5 = _getArrayProp(gap), $[21] = gap, $[22] = t5);
83
- let t6;
84
- $[23] === gapX ? t6 = $[24] : (t6 = _getArrayProp(gapX), $[23] = gapX, $[24] = t6);
85
- let t7;
86
- $[25] === gapY ? t7 = $[26] : (t7 = _getArrayProp(gapY), $[25] = gapY, $[26] = t7);
87
- let t8;
88
- $[27] === gridTemplateRows ? t8 = $[28] : (t8 = _getArrayProp(gridTemplateRows), $[27] = gridTemplateRows, $[28] = t8);
89
- let t9;
90
- return $[29] !== as || $[30] !== children || $[31] !== ref || $[32] !== restProps || $[33] !== t0 || $[34] !== t1 || $[35] !== t2 || $[36] !== t3 || $[37] !== t4 || $[38] !== t5 || $[39] !== t6 || $[40] !== t7 || $[41] !== t8 ? (t9 = /* @__PURE__ */ jsx(StyledGrid, {
91
- "data-as": t0,
92
- "data-ui": "Grid",
93
- ...restProps,
94
- $autoRows: t1,
95
- $autoCols: t2,
96
- $autoFlow: t3,
97
- $columns: t4,
98
- $gap: t5,
99
- $gapX: t6,
100
- $gapY: t7,
101
- $rows: t8,
102
- forwardedAs: as,
103
- ref,
104
- children
105
- }), $[29] = as, $[30] = children, $[31] = ref, $[32] = restProps, $[33] = t0, $[34] = t1, $[35] = t2, $[36] = t3, $[37] = t4, $[38] = t5, $[39] = t6, $[40] = t7, $[41] = t8, $[42] = t9) : t9 = $[42], t9;
106
- }
107
- /**
108
- * The `Grid` component is for building 2-dimensional layers (based on CSS grid).
109
- *
110
- * @public
111
- */
112
- const Grid = GridComponent;
113
- export { Grid as t };
114
-
115
- //# sourceMappingURL=grid-6JSgMj1O.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"grid-6JSgMj1O.js","names":["_getArrayProp(autoRows)","_getArrayProp(autoCols)","_getArrayProp(autoFlow)","_getArrayProp(gridTemplateColumns)","_getArrayProp(gap)","_getArrayProp(gapX)","_getArrayProp(gapY)","_getArrayProp(gridTemplateRows)","<StyledGrid\n data-as={typeof as === 'string' ? as : undefined}\n data-ui=\"Grid\"\n {...restProps}\n $autoRows={_getArrayProp(autoRows)}\n $autoCols={_getArrayProp(autoCols)}\n $autoFlow={_getArrayProp(autoFlow)}\n $columns={_getArrayProp(gridTemplateColumns)}\n $gap={_getArrayProp(gap)}\n $gapX={_getArrayProp(gapX)}\n $gapY={_getArrayProp(gapY)}\n $rows={_getArrayProp(gridTemplateRows)}\n forwardedAs={as}\n ref={ref}\n >\n {children}\n </StyledGrid>","typeof as === 'string' ? as : undefined"],"sources":["../src/core/styles/grid/gridStyle.ts","../src/core/primitives/grid/grid.tsx"],"sourcesContent":["import {CSSObject} from '../../../theme/system/css'\nimport {getTheme_v2} from '../../../theme/versioning/getTheme_v2'\nimport {_responsive, rem} from '../helpers'\nimport {ThemeProps} from '../types'\nimport {ResponsiveGridStyleProps} from './types'\n\nconst GRID_CSS = {\n '&&:not([hidden])': {\n display: 'grid',\n },\n '&[data-as=\"ul\"],&[data-as=\"ol\"]': {\n listStyle: 'none',\n },\n}\n\nconst GRID_AUTO_COLUMS = {\n auto: 'auto',\n min: 'min-content',\n max: 'max-content',\n fr: 'minmax(0, 1fr)',\n}\n\nconst GRID_AUTO_ROWS = {\n auto: 'auto',\n min: 'min-content',\n max: 'max-content',\n fr: 'minmax(0, 1fr)',\n}\n\nexport function responsiveGridStyle(): Array<\n CSSObject | ((props: ResponsiveGridStyleProps & ThemeProps) => CSSObject[])\n> {\n return [\n GRID_CSS,\n responsiveGridAutoFlowStyle,\n responsiveGridAutoRowsStyle,\n responsiveGridAutoColsStyle,\n responsiveGridColumnsStyle,\n responsiveGridRowsStyle,\n responsiveGridGapStyle,\n responsiveGridGapXStyle,\n responsiveGridGapYStyle,\n ]\n}\n\nfunction responsiveGridAutoFlowStyle(props: ResponsiveGridStyleProps & ThemeProps) {\n const {media} = getTheme_v2(props.theme)\n\n return _responsive(media, props.$autoFlow, (autoFlow) => ({\n gridAutoFlow: autoFlow,\n }))\n}\n\nfunction responsiveGridAutoRowsStyle(props: ResponsiveGridStyleProps & ThemeProps) {\n const {media} = getTheme_v2(props.theme)\n\n return _responsive(media, props.$autoRows, (autoRows) => ({\n gridAutoRows: autoRows && GRID_AUTO_ROWS[autoRows],\n }))\n}\n\nfunction responsiveGridAutoColsStyle(props: ResponsiveGridStyleProps & ThemeProps) {\n const {media} = getTheme_v2(props.theme)\n\n return _responsive(media, props.$autoCols, (autoCols) => ({\n gridAutoColumns: autoCols && GRID_AUTO_COLUMS[autoCols],\n }))\n}\n\nfunction responsiveGridColumnsStyle(props: ResponsiveGridStyleProps & ThemeProps) {\n const {media} = getTheme_v2(props.theme)\n\n return _responsive(media, props.$columns, (columns) => ({\n gridTemplateColumns: columns && `repeat(${columns},minmax(0,1fr));`,\n }))\n}\n\nfunction responsiveGridRowsStyle(props: ResponsiveGridStyleProps & ThemeProps) {\n const {media} = getTheme_v2(props.theme)\n\n return _responsive(media, props.$rows, (rows) => ({\n gridTemplateRows: rows && `repeat(${rows},minmax(0,1fr));`,\n }))\n}\n\nfunction responsiveGridGapStyle(props: ResponsiveGridStyleProps & ThemeProps) {\n const {media, space} = getTheme_v2(props.theme)\n\n return _responsive(media, props.$gap, (gap) => ({\n // oxlint-disable-next-line no-deprecated\n gridGap: gap ? rem(space[gap]) : undefined,\n }))\n}\n\nfunction responsiveGridGapXStyle(props: ResponsiveGridStyleProps & ThemeProps) {\n const {media, space} = getTheme_v2(props.theme)\n\n return _responsive(media, props.$gapX, (gapX) => ({\n columnGap: gapX ? rem(space[gapX]) : undefined,\n }))\n}\n\nfunction responsiveGridGapYStyle(props: ResponsiveGridStyleProps & ThemeProps) {\n const {media, space} = getTheme_v2(props.theme)\n\n return _responsive(media, props.$gapY, (gapY) => ({\n rowGap: gapY ? rem(space[gapY]) : undefined,\n }))\n}\n","import {styled} from 'styled-components'\n\nimport {responsiveGridStyle} from '../../styles/grid/gridStyle'\nimport {ResponsiveGridStyleProps} from '../../styles/grid/types'\nimport {_getArrayProp} from '../../styles/helpers'\nimport {ElementType, Props} from '../../types/component'\nimport {Box, BoxOwnProps} from '../box/box'\nimport {ResponsiveGridProps} from '../types'\n\n/**\n * @public\n */\nexport interface GridOwnProps extends Omit<BoxOwnProps, 'display'>, ResponsiveGridProps {}\n\n/**\n * @public\n */\nexport type GridProps<E extends ElementType = 'div'> = Props<GridOwnProps, E>\n\nconst StyledGrid = styled(Box)<ResponsiveGridStyleProps>(responsiveGridStyle)\n\nfunction GridComponent(\n props: GridOwnProps & {as?: ElementType} & Omit<\n React.HTMLProps<HTMLDivElement>,\n 'as' | 'height' | 'rows'\n >,\n) {\n const {\n as,\n autoRows,\n autoCols,\n autoFlow,\n gridTemplateColumns,\n gap,\n gapX,\n gapY,\n gridTemplateRows,\n children,\n ref,\n ...restProps\n } = props\n\n return (\n <StyledGrid\n data-as={typeof as === 'string' ? as : undefined}\n data-ui=\"Grid\"\n {...restProps}\n $autoRows={_getArrayProp(autoRows)}\n $autoCols={_getArrayProp(autoCols)}\n $autoFlow={_getArrayProp(autoFlow)}\n $columns={_getArrayProp(gridTemplateColumns)}\n $gap={_getArrayProp(gap)}\n $gapX={_getArrayProp(gapX)}\n $gapY={_getArrayProp(gapY)}\n $rows={_getArrayProp(gridTemplateRows)}\n forwardedAs={as}\n ref={ref}\n >\n {children}\n </StyledGrid>\n )\n}\n\n/**\n * The `Grid` component is for building 2-dimensional layers (based on CSS grid).\n *\n * @public\n */\n// oxlint-disable-next-line no-unsafe-type-assertion\nexport const Grid = GridComponent as unknown as <E extends ElementType = 'div'>(\n props: GridProps<E>,\n) => React.JSX.Element\n"],"mappings":"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"}