@sanity/ui 2.3.7-canary.0 → 2.5.0
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.
- package/dist/_chunks-cjs/getTheme_v2.js +319 -0
- package/dist/_chunks-cjs/getTheme_v2.js.map +1 -0
- package/dist/_chunks-es/getTheme_v2.mjs +320 -0
- package/dist/_chunks-es/getTheme_v2.mjs.map +1 -0
- package/dist/_legacy/getTheme_v2.esm.js +320 -0
- package/dist/_legacy/getTheme_v2.esm.js.map +1 -0
- package/dist/index.d.mts +4 -13
- package/dist/index.d.ts +4 -13
- package/dist/index.esm.js +2311 -2244
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +2314 -2248
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +2311 -2244
- package/dist/index.mjs.map +1 -1
- package/dist/theme.esm.js +4 -315
- package/dist/theme.esm.js.map +1 -1
- package/dist/theme.js +36 -349
- package/dist/theme.js.map +1 -1
- package/dist/theme.mjs +4 -315
- package/dist/theme.mjs.map +1 -1
- package/package.json +35 -31
- package/src/core/components/autocomplete/autocomplete.tsx +48 -37
- package/src/core/components/breadcrumbs/breadcrumbs.tsx +2 -3
- package/src/core/components/dialog/dialog.tsx +12 -23
- package/src/core/components/hotkeys/hotkeys.tsx +3 -3
- package/src/core/components/menu/menu.tsx +1 -5
- package/src/core/components/menu/menuButton.tsx +32 -17
- package/src/core/components/menu/menuGroup.tsx +5 -7
- package/src/core/components/menu/menuItem.tsx +6 -10
- package/src/core/components/skeleton/skeleton.tsx +11 -5
- package/src/core/components/skeleton/textSkeleton.tsx +7 -6
- package/src/core/components/toast/styles.ts +61 -0
- package/src/core/components/toast/toast.tsx +11 -16
- package/src/core/components/toast/toastProvider.tsx +25 -26
- package/src/core/components/tree/treeItem.tsx +44 -31
- package/src/core/hooks/useArrayProp.ts +10 -11
- package/src/core/primitives/avatar/avatar.tsx +15 -11
- package/src/core/primitives/avatar/avatarCounter.tsx +17 -11
- package/src/core/primitives/avatar/avatarStack.tsx +7 -3
- package/src/core/primitives/badge/badge.tsx +4 -7
- package/src/core/primitives/box/box.tsx +27 -53
- package/src/core/primitives/button/button.tsx +12 -11
- package/src/core/primitives/card/card.tsx +9 -17
- package/src/core/primitives/code/code.tsx +3 -4
- package/src/core/primitives/container/container.tsx +11 -4
- package/src/core/primitives/flex/flex.tsx +7 -13
- package/src/core/primitives/grid/grid.tsx +10 -19
- package/src/core/primitives/heading/heading.tsx +4 -7
- package/src/core/primitives/inline/inline.tsx +2 -3
- package/src/core/primitives/kbd/kbd.tsx +3 -4
- package/src/core/primitives/label/label.tsx +4 -7
- package/src/core/primitives/popover/popover.tsx +49 -49
- package/src/core/primitives/select/select.tsx +6 -12
- package/src/core/primitives/stack/stack.tsx +3 -4
- package/src/core/primitives/text/text.tsx +4 -7
- package/src/core/primitives/textArea/textArea.tsx +6 -12
- package/src/core/primitives/textInput/textInput.tsx +5 -6
- package/src/core/primitives/tooltip/tooltip.tsx +7 -14
- package/src/core/theme/themeProvider.tsx +6 -4
- package/src/core/utils/elementQuery/elementQuery.tsx +3 -4
- package/src/core/utils/layer/getLayerContext.test.ts +4 -0
- package/src/core/utils/layer/layer.test.tsx +2 -0
- package/src/core/utils/layer/layerProvider.tsx +43 -35
- package/src/core/utils/layer/types.ts +1 -0
- package/dist/index.compiled.mjs +0 -7488
- package/dist/index.compiled.mjs.map +0 -1
- package/src/core/components/tree/treeItem.styles.ts +0 -21
|
@@ -0,0 +1,319 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
const defaultThemeConfig = {
|
|
3
|
+
_version: 2,
|
|
4
|
+
avatar: {
|
|
5
|
+
sizes: [
|
|
6
|
+
{ distance: -4, size: 19 },
|
|
7
|
+
{ distance: -4, size: 25 },
|
|
8
|
+
{ distance: -8, size: 33 },
|
|
9
|
+
{ distance: -12, size: 49 }
|
|
10
|
+
],
|
|
11
|
+
focusRing: { offset: 1, width: 1 }
|
|
12
|
+
},
|
|
13
|
+
button: {
|
|
14
|
+
textWeight: "medium",
|
|
15
|
+
border: { width: 1 },
|
|
16
|
+
focusRing: { offset: -1, width: 1 }
|
|
17
|
+
},
|
|
18
|
+
card: {
|
|
19
|
+
border: { width: 1 },
|
|
20
|
+
focusRing: { offset: -1, width: 1 },
|
|
21
|
+
shadow: { outline: 0.5 }
|
|
22
|
+
},
|
|
23
|
+
container: [320, 640, 960, 1280, 1600, 1920],
|
|
24
|
+
media: [360, 600, 900, 1200, 1800, 2400],
|
|
25
|
+
layer: {
|
|
26
|
+
dialog: { zOffset: 600 },
|
|
27
|
+
popover: { zOffset: 400 },
|
|
28
|
+
tooltip: { zOffset: 200 }
|
|
29
|
+
},
|
|
30
|
+
radius: [0, 1, 3, 6, 9, 12, 21],
|
|
31
|
+
shadow: [
|
|
32
|
+
null,
|
|
33
|
+
{ umbra: [0, 0, 0, 0], penumbra: [0, 0, 0, 0], ambient: [0, 0, 0, 0] },
|
|
34
|
+
{ umbra: [0, 3, 5, -2], penumbra: [0, 6, 10, 0], ambient: [0, 1, 18, 1] },
|
|
35
|
+
{ umbra: [0, 7, 8, -4], penumbra: [0, 12, 17, 2], ambient: [0, 5, 22, 4] },
|
|
36
|
+
{ umbra: [0, 9, 11, -5], penumbra: [0, 18, 28, 2], ambient: [0, 7, 34, 6] },
|
|
37
|
+
{ umbra: [0, 11, 15, -7], penumbra: [0, 24, 38, 3], ambient: [0, 9, 46, 8] }
|
|
38
|
+
],
|
|
39
|
+
space: [0, 4, 8, 12, 20, 32, 52, 84, 136, 220],
|
|
40
|
+
input: {
|
|
41
|
+
border: {
|
|
42
|
+
width: 1
|
|
43
|
+
},
|
|
44
|
+
checkbox: {
|
|
45
|
+
size: 17,
|
|
46
|
+
focusRing: { offset: -1, width: 1 }
|
|
47
|
+
},
|
|
48
|
+
radio: {
|
|
49
|
+
size: 17,
|
|
50
|
+
markSize: 9,
|
|
51
|
+
focusRing: { offset: -1, width: 1 }
|
|
52
|
+
},
|
|
53
|
+
switch: {
|
|
54
|
+
width: 25,
|
|
55
|
+
height: 17,
|
|
56
|
+
padding: 5,
|
|
57
|
+
transitionDurationMs: 150,
|
|
58
|
+
transitionTimingFunction: "ease-out",
|
|
59
|
+
focusRing: { offset: 1, width: 1 }
|
|
60
|
+
},
|
|
61
|
+
select: {
|
|
62
|
+
focusRing: { offset: -1, width: 1 }
|
|
63
|
+
},
|
|
64
|
+
text: {
|
|
65
|
+
focusRing: { offset: -1, width: 1 }
|
|
66
|
+
}
|
|
67
|
+
},
|
|
68
|
+
style: {
|
|
69
|
+
button: {
|
|
70
|
+
root: {
|
|
71
|
+
transition: "background-color 100ms,border-color 100ms,color 100ms"
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
// card: {
|
|
75
|
+
// root: {
|
|
76
|
+
// transition: 'background-color 100ms,border-color 100ms,color 100ms',
|
|
77
|
+
// },
|
|
78
|
+
// },
|
|
79
|
+
}
|
|
80
|
+
}, cache$1 = /* @__PURE__ */ new WeakMap();
|
|
81
|
+
function themeColor_v0_v2(color_v0) {
|
|
82
|
+
var _a, _b, _c;
|
|
83
|
+
const cached_v2 = cache$1.get(color_v0);
|
|
84
|
+
if (cached_v2) return cached_v2;
|
|
85
|
+
const base = stateThemeColor_v0_v2(color_v0, color_v0.card.enabled), color_v2 = {
|
|
86
|
+
_blend: color_v0._blend || (color_v0.dark ? "screen" : "multiply"),
|
|
87
|
+
_dark: color_v0.dark,
|
|
88
|
+
accent: base.accent,
|
|
89
|
+
avatar: base.avatar,
|
|
90
|
+
backdrop: color_v0.base.shadow.ambient,
|
|
91
|
+
badge: base.badge,
|
|
92
|
+
bg: color_v0.base.bg,
|
|
93
|
+
border: color_v0.base.border,
|
|
94
|
+
button: {
|
|
95
|
+
default: stateTonesThemeColor_v0_v2(color_v0, color_v0.button.default),
|
|
96
|
+
ghost: stateTonesThemeColor_v0_v2(color_v0, color_v0.button.ghost),
|
|
97
|
+
bleed: stateTonesThemeColor_v0_v2(color_v0, color_v0.button.bleed)
|
|
98
|
+
},
|
|
99
|
+
code: base.code,
|
|
100
|
+
fg: color_v0.base.fg,
|
|
101
|
+
focusRing: color_v0.base.focusRing,
|
|
102
|
+
icon: base.muted.fg,
|
|
103
|
+
input: {
|
|
104
|
+
default: inputStatesThemeColor_v0_v2(color_v0.input.default),
|
|
105
|
+
invalid: inputStatesThemeColor_v0_v2(color_v0.input.invalid)
|
|
106
|
+
},
|
|
107
|
+
kbd: base.kbd,
|
|
108
|
+
link: base.link,
|
|
109
|
+
muted: {
|
|
110
|
+
...base.muted,
|
|
111
|
+
bg: ((_a = color_v0.selectable) == null ? void 0 : _a.default.enabled.bg2) || color_v0.base.bg
|
|
112
|
+
},
|
|
113
|
+
selectable: stateTonesThemeColor_v0_v2(color_v0, color_v0.selectable || color_v0.muted),
|
|
114
|
+
shadow: color_v0.base.shadow,
|
|
115
|
+
skeleton: {
|
|
116
|
+
from: ((_b = color_v0.skeleton) == null ? void 0 : _b.from) || color_v0.base.border,
|
|
117
|
+
to: ((_c = color_v0.skeleton) == null ? void 0 : _c.to) || color_v0.base.border
|
|
118
|
+
},
|
|
119
|
+
syntax: color_v0.syntax
|
|
120
|
+
};
|
|
121
|
+
return cache$1.set(color_v0, color_v2), color_v2;
|
|
122
|
+
}
|
|
123
|
+
function stateTonesThemeColor_v0_v2(v0, t) {
|
|
124
|
+
return {
|
|
125
|
+
default: {
|
|
126
|
+
enabled: stateThemeColor_v0_v2(v0, t.default.enabled),
|
|
127
|
+
hovered: stateThemeColor_v0_v2(v0, t.default.hovered),
|
|
128
|
+
pressed: stateThemeColor_v0_v2(v0, t.default.pressed),
|
|
129
|
+
selected: stateThemeColor_v0_v2(v0, t.default.selected),
|
|
130
|
+
disabled: stateThemeColor_v0_v2(v0, t.default.disabled)
|
|
131
|
+
},
|
|
132
|
+
primary: {
|
|
133
|
+
enabled: stateThemeColor_v0_v2(v0, t.primary.enabled),
|
|
134
|
+
hovered: stateThemeColor_v0_v2(v0, t.primary.hovered),
|
|
135
|
+
pressed: stateThemeColor_v0_v2(v0, t.primary.pressed),
|
|
136
|
+
selected: stateThemeColor_v0_v2(v0, t.primary.selected),
|
|
137
|
+
disabled: stateThemeColor_v0_v2(v0, t.primary.disabled)
|
|
138
|
+
},
|
|
139
|
+
positive: {
|
|
140
|
+
enabled: stateThemeColor_v0_v2(v0, t.positive.enabled),
|
|
141
|
+
hovered: stateThemeColor_v0_v2(v0, t.positive.hovered),
|
|
142
|
+
pressed: stateThemeColor_v0_v2(v0, t.positive.pressed),
|
|
143
|
+
selected: stateThemeColor_v0_v2(v0, t.positive.selected),
|
|
144
|
+
disabled: stateThemeColor_v0_v2(v0, t.positive.disabled)
|
|
145
|
+
},
|
|
146
|
+
caution: {
|
|
147
|
+
enabled: stateThemeColor_v0_v2(v0, t.caution.enabled),
|
|
148
|
+
hovered: stateThemeColor_v0_v2(v0, t.caution.hovered),
|
|
149
|
+
pressed: stateThemeColor_v0_v2(v0, t.caution.pressed),
|
|
150
|
+
selected: stateThemeColor_v0_v2(v0, t.caution.selected),
|
|
151
|
+
disabled: stateThemeColor_v0_v2(v0, t.caution.disabled)
|
|
152
|
+
},
|
|
153
|
+
critical: {
|
|
154
|
+
enabled: stateThemeColor_v0_v2(v0, t.critical.enabled),
|
|
155
|
+
hovered: stateThemeColor_v0_v2(v0, t.critical.hovered),
|
|
156
|
+
pressed: stateThemeColor_v0_v2(v0, t.critical.pressed),
|
|
157
|
+
selected: stateThemeColor_v0_v2(v0, t.critical.selected),
|
|
158
|
+
disabled: stateThemeColor_v0_v2(v0, t.critical.disabled)
|
|
159
|
+
}
|
|
160
|
+
};
|
|
161
|
+
}
|
|
162
|
+
function stateThemeColor_v0_v2(v0, state) {
|
|
163
|
+
var _a, _b;
|
|
164
|
+
return {
|
|
165
|
+
...state,
|
|
166
|
+
avatar: {
|
|
167
|
+
gray: {
|
|
168
|
+
bg: v0.spot.gray,
|
|
169
|
+
fg: v0.base.bg
|
|
170
|
+
},
|
|
171
|
+
blue: {
|
|
172
|
+
bg: v0.spot.blue,
|
|
173
|
+
fg: v0.base.bg
|
|
174
|
+
},
|
|
175
|
+
purple: {
|
|
176
|
+
bg: v0.spot.purple,
|
|
177
|
+
fg: v0.base.bg
|
|
178
|
+
},
|
|
179
|
+
magenta: {
|
|
180
|
+
bg: v0.spot.magenta,
|
|
181
|
+
fg: v0.base.bg
|
|
182
|
+
},
|
|
183
|
+
red: {
|
|
184
|
+
bg: v0.spot.red,
|
|
185
|
+
fg: v0.base.bg
|
|
186
|
+
},
|
|
187
|
+
orange: {
|
|
188
|
+
bg: v0.spot.orange,
|
|
189
|
+
fg: v0.base.bg
|
|
190
|
+
},
|
|
191
|
+
yellow: {
|
|
192
|
+
bg: v0.spot.yellow,
|
|
193
|
+
fg: v0.base.bg
|
|
194
|
+
},
|
|
195
|
+
green: {
|
|
196
|
+
bg: v0.spot.green,
|
|
197
|
+
fg: v0.base.bg
|
|
198
|
+
},
|
|
199
|
+
cyan: {
|
|
200
|
+
bg: v0.spot.cyan,
|
|
201
|
+
fg: v0.base.bg
|
|
202
|
+
}
|
|
203
|
+
},
|
|
204
|
+
badge: {
|
|
205
|
+
default: {
|
|
206
|
+
bg: v0.muted.default.enabled.bg,
|
|
207
|
+
fg: v0.muted.default.enabled.fg,
|
|
208
|
+
dot: v0.muted.default.enabled.muted.fg,
|
|
209
|
+
icon: v0.muted.default.enabled.muted.fg
|
|
210
|
+
},
|
|
211
|
+
primary: {
|
|
212
|
+
bg: v0.muted.primary.enabled.bg,
|
|
213
|
+
fg: v0.muted.primary.enabled.fg,
|
|
214
|
+
dot: v0.muted.primary.enabled.muted.fg,
|
|
215
|
+
icon: v0.muted.primary.enabled.muted.fg
|
|
216
|
+
},
|
|
217
|
+
positive: {
|
|
218
|
+
bg: v0.muted.positive.enabled.bg,
|
|
219
|
+
fg: v0.muted.positive.enabled.fg,
|
|
220
|
+
dot: v0.muted.positive.enabled.muted.fg,
|
|
221
|
+
icon: v0.muted.positive.enabled.muted.fg
|
|
222
|
+
},
|
|
223
|
+
caution: {
|
|
224
|
+
bg: v0.muted.caution.enabled.bg,
|
|
225
|
+
fg: v0.muted.caution.enabled.fg,
|
|
226
|
+
dot: v0.muted.caution.enabled.muted.fg,
|
|
227
|
+
icon: v0.muted.caution.enabled.muted.fg
|
|
228
|
+
},
|
|
229
|
+
critical: {
|
|
230
|
+
bg: v0.muted.critical.enabled.bg,
|
|
231
|
+
fg: v0.muted.critical.enabled.fg,
|
|
232
|
+
dot: v0.muted.critical.enabled.muted.fg,
|
|
233
|
+
icon: v0.muted.critical.enabled.muted.fg
|
|
234
|
+
}
|
|
235
|
+
},
|
|
236
|
+
kbd: {
|
|
237
|
+
bg: v0.muted.default.enabled.bg,
|
|
238
|
+
fg: v0.muted.default.enabled.fg,
|
|
239
|
+
border: v0.muted.default.enabled.border
|
|
240
|
+
},
|
|
241
|
+
muted: {
|
|
242
|
+
...v0.muted.default.enabled.muted,
|
|
243
|
+
bg: state.bg2 || state.bg
|
|
244
|
+
},
|
|
245
|
+
skeleton: {
|
|
246
|
+
from: ((_a = state.skeleton) == null ? void 0 : _a.from) || state.border,
|
|
247
|
+
to: ((_b = state.skeleton) == null ? void 0 : _b.to) || state.border
|
|
248
|
+
}
|
|
249
|
+
};
|
|
250
|
+
}
|
|
251
|
+
function inputStatesThemeColor_v0_v2(states) {
|
|
252
|
+
return {
|
|
253
|
+
enabled: inputStateThemeColor_v0_v2(states.enabled),
|
|
254
|
+
disabled: inputStateThemeColor_v0_v2(states.disabled),
|
|
255
|
+
readOnly: inputStateThemeColor_v0_v2(states.readOnly),
|
|
256
|
+
hovered: inputStateThemeColor_v0_v2(states.hovered)
|
|
257
|
+
};
|
|
258
|
+
}
|
|
259
|
+
function inputStateThemeColor_v0_v2(state) {
|
|
260
|
+
return {
|
|
261
|
+
bg: state.bg,
|
|
262
|
+
border: state.border,
|
|
263
|
+
fg: state.fg,
|
|
264
|
+
muted: {
|
|
265
|
+
bg: state.bg2
|
|
266
|
+
},
|
|
267
|
+
placeholder: state.placeholder
|
|
268
|
+
};
|
|
269
|
+
}
|
|
270
|
+
const cache = /* @__PURE__ */ new WeakMap();
|
|
271
|
+
function getTheme_v2(theme) {
|
|
272
|
+
var _a, _b;
|
|
273
|
+
if ((_a = theme.sanity.v2) != null && _a._resolved) return theme.sanity.v2;
|
|
274
|
+
const cached_v2 = cache.get(theme);
|
|
275
|
+
if (cached_v2) return cached_v2;
|
|
276
|
+
const v2 = {
|
|
277
|
+
_version: 2,
|
|
278
|
+
_resolved: !0,
|
|
279
|
+
avatar: {
|
|
280
|
+
...defaultThemeConfig.avatar,
|
|
281
|
+
...theme.sanity.avatar
|
|
282
|
+
},
|
|
283
|
+
button: {
|
|
284
|
+
...defaultThemeConfig.button,
|
|
285
|
+
...theme.sanity.button
|
|
286
|
+
},
|
|
287
|
+
card: defaultThemeConfig.card,
|
|
288
|
+
color: themeColor_v0_v2(theme.sanity.color),
|
|
289
|
+
container: theme.sanity.container,
|
|
290
|
+
font: theme.sanity.fonts,
|
|
291
|
+
input: {
|
|
292
|
+
...defaultThemeConfig.input,
|
|
293
|
+
...theme.sanity.input,
|
|
294
|
+
checkbox: {
|
|
295
|
+
...defaultThemeConfig.input.checkbox,
|
|
296
|
+
...theme.sanity.input.checkbox
|
|
297
|
+
},
|
|
298
|
+
radio: {
|
|
299
|
+
...defaultThemeConfig.input.radio,
|
|
300
|
+
...theme.sanity.input.radio
|
|
301
|
+
},
|
|
302
|
+
switch: {
|
|
303
|
+
...defaultThemeConfig.input.switch,
|
|
304
|
+
...theme.sanity.input.switch
|
|
305
|
+
}
|
|
306
|
+
},
|
|
307
|
+
layer: (_b = theme.sanity.layer) != null ? _b : defaultThemeConfig.layer,
|
|
308
|
+
media: theme.sanity.media,
|
|
309
|
+
radius: theme.sanity.radius,
|
|
310
|
+
shadow: theme.sanity.shadows,
|
|
311
|
+
space: theme.sanity.space,
|
|
312
|
+
style: theme.sanity.styles
|
|
313
|
+
};
|
|
314
|
+
return cache.set(theme, v2), v2;
|
|
315
|
+
}
|
|
316
|
+
exports.defaultThemeConfig = defaultThemeConfig;
|
|
317
|
+
exports.getTheme_v2 = getTheme_v2;
|
|
318
|
+
exports.themeColor_v0_v2 = themeColor_v0_v2;
|
|
319
|
+
//# sourceMappingURL=getTheme_v2.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"getTheme_v2.js","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'\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 {\n ThemeColor,\n ThemeColorGenericState,\n ThemeColorMuted,\n ThemeColorSelectable_v2,\n ThemeColorState_v2,\n ThemeColorCard_v2,\n ThemeColorInputStates,\n ThemeColorInputMode_v2,\n ThemeColorInputState,\n ThemeColorInputState_v2,\n} from '../system'\n\nconst cache = new WeakMap<ThemeColor, ThemeColorCard_v2>()\n\n/** @internal */\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 v0: ThemeColor,\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 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 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\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 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 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\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\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'\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 ...theme.sanity.avatar,\n },\n button: {\n ...defaultThemeConfig.button,\n ...theme.sanity.button,\n },\n card: defaultThemeConfig.card,\n color: themeColor_v0_v2(theme.sanity.color),\n container: theme.sanity.container,\n font: theme.sanity.fonts,\n input: {\n ...defaultThemeConfig.input,\n ...theme.sanity.input,\n checkbox: {\n ...defaultThemeConfig.input.checkbox,\n ...theme.sanity.input.checkbox,\n },\n radio: {\n ...defaultThemeConfig.input.radio,\n ...theme.sanity.input.radio,\n },\n switch: {\n ...defaultThemeConfig.input.switch,\n ...theme.sanity.input.switch,\n },\n },\n layer: theme.sanity.layer ?? defaultThemeConfig.layer,\n media: theme.sanity.media,\n radius: theme.sanity.radius,\n shadow: theme.sanity.shadows,\n space: theme.sanity.space,\n style: theme.sanity.styles,\n }\n\n cache.set(theme, v2)\n\n return v2\n}\n"],"names":["cache"],"mappings":"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"}
|
|
@@ -0,0 +1,320 @@
|
|
|
1
|
+
const defaultThemeConfig = {
|
|
2
|
+
_version: 2,
|
|
3
|
+
avatar: {
|
|
4
|
+
sizes: [
|
|
5
|
+
{ distance: -4, size: 19 },
|
|
6
|
+
{ distance: -4, size: 25 },
|
|
7
|
+
{ distance: -8, size: 33 },
|
|
8
|
+
{ distance: -12, size: 49 }
|
|
9
|
+
],
|
|
10
|
+
focusRing: { offset: 1, width: 1 }
|
|
11
|
+
},
|
|
12
|
+
button: {
|
|
13
|
+
textWeight: "medium",
|
|
14
|
+
border: { width: 1 },
|
|
15
|
+
focusRing: { offset: -1, width: 1 }
|
|
16
|
+
},
|
|
17
|
+
card: {
|
|
18
|
+
border: { width: 1 },
|
|
19
|
+
focusRing: { offset: -1, width: 1 },
|
|
20
|
+
shadow: { outline: 0.5 }
|
|
21
|
+
},
|
|
22
|
+
container: [320, 640, 960, 1280, 1600, 1920],
|
|
23
|
+
media: [360, 600, 900, 1200, 1800, 2400],
|
|
24
|
+
layer: {
|
|
25
|
+
dialog: { zOffset: 600 },
|
|
26
|
+
popover: { zOffset: 400 },
|
|
27
|
+
tooltip: { zOffset: 200 }
|
|
28
|
+
},
|
|
29
|
+
radius: [0, 1, 3, 6, 9, 12, 21],
|
|
30
|
+
shadow: [
|
|
31
|
+
null,
|
|
32
|
+
{ umbra: [0, 0, 0, 0], penumbra: [0, 0, 0, 0], ambient: [0, 0, 0, 0] },
|
|
33
|
+
{ umbra: [0, 3, 5, -2], penumbra: [0, 6, 10, 0], ambient: [0, 1, 18, 1] },
|
|
34
|
+
{ umbra: [0, 7, 8, -4], penumbra: [0, 12, 17, 2], ambient: [0, 5, 22, 4] },
|
|
35
|
+
{ umbra: [0, 9, 11, -5], penumbra: [0, 18, 28, 2], ambient: [0, 7, 34, 6] },
|
|
36
|
+
{ umbra: [0, 11, 15, -7], penumbra: [0, 24, 38, 3], ambient: [0, 9, 46, 8] }
|
|
37
|
+
],
|
|
38
|
+
space: [0, 4, 8, 12, 20, 32, 52, 84, 136, 220],
|
|
39
|
+
input: {
|
|
40
|
+
border: {
|
|
41
|
+
width: 1
|
|
42
|
+
},
|
|
43
|
+
checkbox: {
|
|
44
|
+
size: 17,
|
|
45
|
+
focusRing: { offset: -1, width: 1 }
|
|
46
|
+
},
|
|
47
|
+
radio: {
|
|
48
|
+
size: 17,
|
|
49
|
+
markSize: 9,
|
|
50
|
+
focusRing: { offset: -1, width: 1 }
|
|
51
|
+
},
|
|
52
|
+
switch: {
|
|
53
|
+
width: 25,
|
|
54
|
+
height: 17,
|
|
55
|
+
padding: 5,
|
|
56
|
+
transitionDurationMs: 150,
|
|
57
|
+
transitionTimingFunction: "ease-out",
|
|
58
|
+
focusRing: { offset: 1, width: 1 }
|
|
59
|
+
},
|
|
60
|
+
select: {
|
|
61
|
+
focusRing: { offset: -1, width: 1 }
|
|
62
|
+
},
|
|
63
|
+
text: {
|
|
64
|
+
focusRing: { offset: -1, width: 1 }
|
|
65
|
+
}
|
|
66
|
+
},
|
|
67
|
+
style: {
|
|
68
|
+
button: {
|
|
69
|
+
root: {
|
|
70
|
+
transition: "background-color 100ms,border-color 100ms,color 100ms"
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
// card: {
|
|
74
|
+
// root: {
|
|
75
|
+
// transition: 'background-color 100ms,border-color 100ms,color 100ms',
|
|
76
|
+
// },
|
|
77
|
+
// },
|
|
78
|
+
}
|
|
79
|
+
}, cache$1 = /* @__PURE__ */ new WeakMap();
|
|
80
|
+
function themeColor_v0_v2(color_v0) {
|
|
81
|
+
var _a, _b, _c;
|
|
82
|
+
const cached_v2 = cache$1.get(color_v0);
|
|
83
|
+
if (cached_v2) return cached_v2;
|
|
84
|
+
const base = stateThemeColor_v0_v2(color_v0, color_v0.card.enabled), color_v2 = {
|
|
85
|
+
_blend: color_v0._blend || (color_v0.dark ? "screen" : "multiply"),
|
|
86
|
+
_dark: color_v0.dark,
|
|
87
|
+
accent: base.accent,
|
|
88
|
+
avatar: base.avatar,
|
|
89
|
+
backdrop: color_v0.base.shadow.ambient,
|
|
90
|
+
badge: base.badge,
|
|
91
|
+
bg: color_v0.base.bg,
|
|
92
|
+
border: color_v0.base.border,
|
|
93
|
+
button: {
|
|
94
|
+
default: stateTonesThemeColor_v0_v2(color_v0, color_v0.button.default),
|
|
95
|
+
ghost: stateTonesThemeColor_v0_v2(color_v0, color_v0.button.ghost),
|
|
96
|
+
bleed: stateTonesThemeColor_v0_v2(color_v0, color_v0.button.bleed)
|
|
97
|
+
},
|
|
98
|
+
code: base.code,
|
|
99
|
+
fg: color_v0.base.fg,
|
|
100
|
+
focusRing: color_v0.base.focusRing,
|
|
101
|
+
icon: base.muted.fg,
|
|
102
|
+
input: {
|
|
103
|
+
default: inputStatesThemeColor_v0_v2(color_v0.input.default),
|
|
104
|
+
invalid: inputStatesThemeColor_v0_v2(color_v0.input.invalid)
|
|
105
|
+
},
|
|
106
|
+
kbd: base.kbd,
|
|
107
|
+
link: base.link,
|
|
108
|
+
muted: {
|
|
109
|
+
...base.muted,
|
|
110
|
+
bg: ((_a = color_v0.selectable) == null ? void 0 : _a.default.enabled.bg2) || color_v0.base.bg
|
|
111
|
+
},
|
|
112
|
+
selectable: stateTonesThemeColor_v0_v2(color_v0, color_v0.selectable || color_v0.muted),
|
|
113
|
+
shadow: color_v0.base.shadow,
|
|
114
|
+
skeleton: {
|
|
115
|
+
from: ((_b = color_v0.skeleton) == null ? void 0 : _b.from) || color_v0.base.border,
|
|
116
|
+
to: ((_c = color_v0.skeleton) == null ? void 0 : _c.to) || color_v0.base.border
|
|
117
|
+
},
|
|
118
|
+
syntax: color_v0.syntax
|
|
119
|
+
};
|
|
120
|
+
return cache$1.set(color_v0, color_v2), color_v2;
|
|
121
|
+
}
|
|
122
|
+
function stateTonesThemeColor_v0_v2(v0, t) {
|
|
123
|
+
return {
|
|
124
|
+
default: {
|
|
125
|
+
enabled: stateThemeColor_v0_v2(v0, t.default.enabled),
|
|
126
|
+
hovered: stateThemeColor_v0_v2(v0, t.default.hovered),
|
|
127
|
+
pressed: stateThemeColor_v0_v2(v0, t.default.pressed),
|
|
128
|
+
selected: stateThemeColor_v0_v2(v0, t.default.selected),
|
|
129
|
+
disabled: stateThemeColor_v0_v2(v0, t.default.disabled)
|
|
130
|
+
},
|
|
131
|
+
primary: {
|
|
132
|
+
enabled: stateThemeColor_v0_v2(v0, t.primary.enabled),
|
|
133
|
+
hovered: stateThemeColor_v0_v2(v0, t.primary.hovered),
|
|
134
|
+
pressed: stateThemeColor_v0_v2(v0, t.primary.pressed),
|
|
135
|
+
selected: stateThemeColor_v0_v2(v0, t.primary.selected),
|
|
136
|
+
disabled: stateThemeColor_v0_v2(v0, t.primary.disabled)
|
|
137
|
+
},
|
|
138
|
+
positive: {
|
|
139
|
+
enabled: stateThemeColor_v0_v2(v0, t.positive.enabled),
|
|
140
|
+
hovered: stateThemeColor_v0_v2(v0, t.positive.hovered),
|
|
141
|
+
pressed: stateThemeColor_v0_v2(v0, t.positive.pressed),
|
|
142
|
+
selected: stateThemeColor_v0_v2(v0, t.positive.selected),
|
|
143
|
+
disabled: stateThemeColor_v0_v2(v0, t.positive.disabled)
|
|
144
|
+
},
|
|
145
|
+
caution: {
|
|
146
|
+
enabled: stateThemeColor_v0_v2(v0, t.caution.enabled),
|
|
147
|
+
hovered: stateThemeColor_v0_v2(v0, t.caution.hovered),
|
|
148
|
+
pressed: stateThemeColor_v0_v2(v0, t.caution.pressed),
|
|
149
|
+
selected: stateThemeColor_v0_v2(v0, t.caution.selected),
|
|
150
|
+
disabled: stateThemeColor_v0_v2(v0, t.caution.disabled)
|
|
151
|
+
},
|
|
152
|
+
critical: {
|
|
153
|
+
enabled: stateThemeColor_v0_v2(v0, t.critical.enabled),
|
|
154
|
+
hovered: stateThemeColor_v0_v2(v0, t.critical.hovered),
|
|
155
|
+
pressed: stateThemeColor_v0_v2(v0, t.critical.pressed),
|
|
156
|
+
selected: stateThemeColor_v0_v2(v0, t.critical.selected),
|
|
157
|
+
disabled: stateThemeColor_v0_v2(v0, t.critical.disabled)
|
|
158
|
+
}
|
|
159
|
+
};
|
|
160
|
+
}
|
|
161
|
+
function stateThemeColor_v0_v2(v0, state) {
|
|
162
|
+
var _a, _b;
|
|
163
|
+
return {
|
|
164
|
+
...state,
|
|
165
|
+
avatar: {
|
|
166
|
+
gray: {
|
|
167
|
+
bg: v0.spot.gray,
|
|
168
|
+
fg: v0.base.bg
|
|
169
|
+
},
|
|
170
|
+
blue: {
|
|
171
|
+
bg: v0.spot.blue,
|
|
172
|
+
fg: v0.base.bg
|
|
173
|
+
},
|
|
174
|
+
purple: {
|
|
175
|
+
bg: v0.spot.purple,
|
|
176
|
+
fg: v0.base.bg
|
|
177
|
+
},
|
|
178
|
+
magenta: {
|
|
179
|
+
bg: v0.spot.magenta,
|
|
180
|
+
fg: v0.base.bg
|
|
181
|
+
},
|
|
182
|
+
red: {
|
|
183
|
+
bg: v0.spot.red,
|
|
184
|
+
fg: v0.base.bg
|
|
185
|
+
},
|
|
186
|
+
orange: {
|
|
187
|
+
bg: v0.spot.orange,
|
|
188
|
+
fg: v0.base.bg
|
|
189
|
+
},
|
|
190
|
+
yellow: {
|
|
191
|
+
bg: v0.spot.yellow,
|
|
192
|
+
fg: v0.base.bg
|
|
193
|
+
},
|
|
194
|
+
green: {
|
|
195
|
+
bg: v0.spot.green,
|
|
196
|
+
fg: v0.base.bg
|
|
197
|
+
},
|
|
198
|
+
cyan: {
|
|
199
|
+
bg: v0.spot.cyan,
|
|
200
|
+
fg: v0.base.bg
|
|
201
|
+
}
|
|
202
|
+
},
|
|
203
|
+
badge: {
|
|
204
|
+
default: {
|
|
205
|
+
bg: v0.muted.default.enabled.bg,
|
|
206
|
+
fg: v0.muted.default.enabled.fg,
|
|
207
|
+
dot: v0.muted.default.enabled.muted.fg,
|
|
208
|
+
icon: v0.muted.default.enabled.muted.fg
|
|
209
|
+
},
|
|
210
|
+
primary: {
|
|
211
|
+
bg: v0.muted.primary.enabled.bg,
|
|
212
|
+
fg: v0.muted.primary.enabled.fg,
|
|
213
|
+
dot: v0.muted.primary.enabled.muted.fg,
|
|
214
|
+
icon: v0.muted.primary.enabled.muted.fg
|
|
215
|
+
},
|
|
216
|
+
positive: {
|
|
217
|
+
bg: v0.muted.positive.enabled.bg,
|
|
218
|
+
fg: v0.muted.positive.enabled.fg,
|
|
219
|
+
dot: v0.muted.positive.enabled.muted.fg,
|
|
220
|
+
icon: v0.muted.positive.enabled.muted.fg
|
|
221
|
+
},
|
|
222
|
+
caution: {
|
|
223
|
+
bg: v0.muted.caution.enabled.bg,
|
|
224
|
+
fg: v0.muted.caution.enabled.fg,
|
|
225
|
+
dot: v0.muted.caution.enabled.muted.fg,
|
|
226
|
+
icon: v0.muted.caution.enabled.muted.fg
|
|
227
|
+
},
|
|
228
|
+
critical: {
|
|
229
|
+
bg: v0.muted.critical.enabled.bg,
|
|
230
|
+
fg: v0.muted.critical.enabled.fg,
|
|
231
|
+
dot: v0.muted.critical.enabled.muted.fg,
|
|
232
|
+
icon: v0.muted.critical.enabled.muted.fg
|
|
233
|
+
}
|
|
234
|
+
},
|
|
235
|
+
kbd: {
|
|
236
|
+
bg: v0.muted.default.enabled.bg,
|
|
237
|
+
fg: v0.muted.default.enabled.fg,
|
|
238
|
+
border: v0.muted.default.enabled.border
|
|
239
|
+
},
|
|
240
|
+
muted: {
|
|
241
|
+
...v0.muted.default.enabled.muted,
|
|
242
|
+
bg: state.bg2 || state.bg
|
|
243
|
+
},
|
|
244
|
+
skeleton: {
|
|
245
|
+
from: ((_a = state.skeleton) == null ? void 0 : _a.from) || state.border,
|
|
246
|
+
to: ((_b = state.skeleton) == null ? void 0 : _b.to) || state.border
|
|
247
|
+
}
|
|
248
|
+
};
|
|
249
|
+
}
|
|
250
|
+
function inputStatesThemeColor_v0_v2(states) {
|
|
251
|
+
return {
|
|
252
|
+
enabled: inputStateThemeColor_v0_v2(states.enabled),
|
|
253
|
+
disabled: inputStateThemeColor_v0_v2(states.disabled),
|
|
254
|
+
readOnly: inputStateThemeColor_v0_v2(states.readOnly),
|
|
255
|
+
hovered: inputStateThemeColor_v0_v2(states.hovered)
|
|
256
|
+
};
|
|
257
|
+
}
|
|
258
|
+
function inputStateThemeColor_v0_v2(state) {
|
|
259
|
+
return {
|
|
260
|
+
bg: state.bg,
|
|
261
|
+
border: state.border,
|
|
262
|
+
fg: state.fg,
|
|
263
|
+
muted: {
|
|
264
|
+
bg: state.bg2
|
|
265
|
+
},
|
|
266
|
+
placeholder: state.placeholder
|
|
267
|
+
};
|
|
268
|
+
}
|
|
269
|
+
const cache = /* @__PURE__ */ new WeakMap();
|
|
270
|
+
function getTheme_v2(theme) {
|
|
271
|
+
var _a, _b;
|
|
272
|
+
if ((_a = theme.sanity.v2) != null && _a._resolved) return theme.sanity.v2;
|
|
273
|
+
const cached_v2 = cache.get(theme);
|
|
274
|
+
if (cached_v2) return cached_v2;
|
|
275
|
+
const v2 = {
|
|
276
|
+
_version: 2,
|
|
277
|
+
_resolved: !0,
|
|
278
|
+
avatar: {
|
|
279
|
+
...defaultThemeConfig.avatar,
|
|
280
|
+
...theme.sanity.avatar
|
|
281
|
+
},
|
|
282
|
+
button: {
|
|
283
|
+
...defaultThemeConfig.button,
|
|
284
|
+
...theme.sanity.button
|
|
285
|
+
},
|
|
286
|
+
card: defaultThemeConfig.card,
|
|
287
|
+
color: themeColor_v0_v2(theme.sanity.color),
|
|
288
|
+
container: theme.sanity.container,
|
|
289
|
+
font: theme.sanity.fonts,
|
|
290
|
+
input: {
|
|
291
|
+
...defaultThemeConfig.input,
|
|
292
|
+
...theme.sanity.input,
|
|
293
|
+
checkbox: {
|
|
294
|
+
...defaultThemeConfig.input.checkbox,
|
|
295
|
+
...theme.sanity.input.checkbox
|
|
296
|
+
},
|
|
297
|
+
radio: {
|
|
298
|
+
...defaultThemeConfig.input.radio,
|
|
299
|
+
...theme.sanity.input.radio
|
|
300
|
+
},
|
|
301
|
+
switch: {
|
|
302
|
+
...defaultThemeConfig.input.switch,
|
|
303
|
+
...theme.sanity.input.switch
|
|
304
|
+
}
|
|
305
|
+
},
|
|
306
|
+
layer: (_b = theme.sanity.layer) != null ? _b : defaultThemeConfig.layer,
|
|
307
|
+
media: theme.sanity.media,
|
|
308
|
+
radius: theme.sanity.radius,
|
|
309
|
+
shadow: theme.sanity.shadows,
|
|
310
|
+
space: theme.sanity.space,
|
|
311
|
+
style: theme.sanity.styles
|
|
312
|
+
};
|
|
313
|
+
return cache.set(theme, v2), v2;
|
|
314
|
+
}
|
|
315
|
+
export {
|
|
316
|
+
defaultThemeConfig,
|
|
317
|
+
getTheme_v2,
|
|
318
|
+
themeColor_v0_v2
|
|
319
|
+
};
|
|
320
|
+
//# sourceMappingURL=getTheme_v2.mjs.map
|