@sanity/ui 3.0.0-static.0 → 3.0.0-static.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/_chunks-cjs/buildCommand.js +1387 -681
- package/dist/_chunks-cjs/buildCommand.js.map +1 -1
- package/dist/cli.js +4 -2
- package/dist/cli.js.map +1 -1
- package/dist/css.d.mts +131 -12
- package/dist/css.d.ts +131 -12
- package/dist/css.esm.js +1450 -791
- package/dist/css.esm.js.map +1 -1
- package/dist/css.js +1449 -790
- package/dist/css.js.map +1 -1
- package/dist/css.mjs +1450 -791
- package/dist/css.mjs.map +1 -1
- package/dist/index.d.mts +84 -76
- package/dist/index.d.ts +84 -76
- package/dist/index.esm.js +2734 -3146
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +2733 -3145
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +2734 -3146
- package/dist/index.mjs.map +1 -1
- package/dist/sanity-theme.css +1 -1
- package/dist/system.css +1590 -1158
- package/dist/theme.esm.js +1565 -452
- package/dist/theme.esm.js.map +1 -1
- package/dist/theme.js +1599 -484
- package/dist/theme.js.map +1 -1
- package/dist/theme.mjs +1565 -452
- package/dist/theme.mjs.map +1 -1
- package/package.json +22 -22
- package/src/core/__workshop__/constants.ts +14 -5
- package/src/core/__workshop__/fontsPlugin.tsx +1 -1
- package/src/core/_compat/index.ts +2 -0
- package/src/core/{styles → _compat/styles}/box/boxStyle.ts +1 -1
- package/src/core/{styles → _compat/styles}/box/types.ts +1 -1
- package/src/core/{styles → _compat/styles}/card/_cardColorStyle.ts +2 -2
- package/src/core/{styles → _compat/styles}/flex/flexItemStyle.ts +1 -1
- package/src/core/{styles → _compat/styles}/font/types.ts +1 -1
- package/src/core/{styles → _compat/styles}/grid/types.ts +1 -1
- package/src/core/{styles → _compat/styles}/helpers.ts +1 -1
- package/src/core/{styles → _compat/styles}/input/textInputStyle.ts +2 -2
- package/src/core/{styles → _compat/styles}/radius/types.ts +1 -1
- package/src/core/{styles → _compat/styles}/shadow/shadowStyle.ts +1 -1
- package/src/core/components/autocomplete/__workshop__/custom.tsx +5 -4
- package/src/core/components/autocomplete/__workshop__/example.tsx +3 -2
- package/src/core/components/autocomplete/autocomplete.tsx +5 -5
- package/src/core/components/dialog/__workshop__/panes.tsx +1 -1
- package/src/core/components/dialog/__workshop__/props.tsx +2 -0
- package/src/core/components/dialog/dialog.tsx +1 -5
- package/src/core/components/hotkeys/hotkeys.tsx +1 -1
- package/src/core/components/menu/menu.tsx +8 -10
- package/src/core/components/menu/menuDivider.tsx +16 -0
- package/src/core/components/menu/menuGroup.tsx +2 -8
- package/src/core/components/menu/menuItem.tsx +1 -1
- package/src/core/components/skeleton/skeleton.tsx +14 -20
- package/src/core/components/skeleton/textSkeleton.tsx +72 -48
- package/src/core/components/tab/tab.tsx +0 -1
- package/src/core/components/tab/tabList.tsx +4 -21
- package/src/core/components/tab/tabPanel.tsx +1 -0
- package/src/core/components/toast/toast.tsx +27 -14
- package/src/core/components/toast/toastProvider.tsx +4 -13
- package/src/core/components/tree/tree.tsx +1 -2
- package/src/core/components/tree/treeGroup.tsx +4 -1
- package/src/core/components/tree/treeItem.tsx +11 -15
- package/src/core/hooks/useArrayProp.ts +1 -1
- package/src/core/index.ts +0 -1
- package/src/core/lib/styled/members.ts +2 -2
- package/src/core/primitives/avatar/avatar.tsx +0 -21
- package/src/core/primitives/avatar/avatarCounter.tsx +1 -1
- package/src/core/primitives/avatar/avatarStack.tsx +1 -1
- package/src/core/primitives/avatar/styles.ts +2 -2
- package/src/core/primitives/box/box.tsx +4 -1
- package/src/core/primitives/button/__workshop__/props.tsx +2 -1
- package/src/core/primitives/button/__workshop__/sanityUploadButton.tsx +1 -1
- package/src/core/primitives/button/__workshop__/stacked.tsx +2 -1
- package/src/core/primitives/button/__workshop__/styled1.tsx +1 -1
- package/src/core/primitives/button/__workshop__/styled2.tsx +1 -1
- package/src/core/primitives/button/styles.ts +3 -3
- package/src/core/primitives/card/__workshop__/props.tsx +2 -2
- package/src/core/primitives/card/__workshop__/selected.tsx +1 -1
- package/src/core/primitives/card/__workshop__/styled.tsx +1 -1
- package/src/core/primitives/card/card.tsx +7 -10
- package/src/core/primitives/code/code.tsx +2 -4
- package/src/core/primitives/container/styles.ts +1 -1
- package/src/core/primitives/flex/__workshop__/example.tsx +1 -1
- package/src/core/primitives/flex/flex.tsx +1 -13
- package/src/core/primitives/grid/grid.tsx +5 -19
- package/src/core/primitives/heading/heading.tsx +8 -25
- package/src/core/primitives/heading/styles.ts +1 -1
- package/src/core/primitives/inline/inline.tsx +3 -12
- package/src/core/primitives/inline/styles.ts +1 -1
- package/src/core/primitives/label/label.tsx +4 -9
- package/src/core/primitives/label/styles.ts +1 -1
- package/src/core/primitives/popover/__workshop__/PlainStory.tsx +2 -2
- package/src/core/primitives/popover/__workshop__/TestStory.tsx +2 -1
- package/src/core/primitives/popover/popover.tsx +1 -1
- package/src/core/primitives/popover/popoverCard.tsx +1 -1
- package/src/core/primitives/radio/radio.tsx +1 -1
- package/src/core/primitives/radio/styles.ts +2 -2
- package/src/core/primitives/select/select.tsx +1 -1
- package/src/core/primitives/select/styles.ts +3 -3
- package/src/core/primitives/spinner/__workshop__/Props.tsx +2 -1
- package/src/core/primitives/spinner/animatedSpinnerIcon.tsx +16 -0
- package/src/core/primitives/spinner/spinner.tsx +2 -2
- package/src/core/primitives/stack/styles.ts +1 -1
- package/src/core/primitives/switch/styles.ts +2 -2
- package/src/core/primitives/text/__workshop__/colored.tsx +1 -1
- package/src/core/primitives/text/styles.ts +1 -1
- package/src/core/primitives/text/text.tsx +1 -4
- package/src/core/primitives/textArea/__workshop__/plain.tsx +2 -2
- package/src/core/primitives/textArea/textArea.tsx +3 -3
- package/src/core/primitives/textInput/__workshop__/plain.tsx +3 -2
- package/src/core/primitives/textInput/textInput.tsx +16 -83
- package/src/core/primitives/tooltip/tooltipCard.tsx +5 -5
- package/src/core/primitives/types.ts +1 -0
- package/src/core/theme/__workshop__/build/Root.tsx +1 -1
- package/src/core/theme/__workshop__/build/story.tsx +2 -4
- package/src/core/theme/themeProvider.tsx +1 -1
- package/src/core/types/box.ts +22 -16
- package/src/core/types/grid.ts +17 -12
- package/src/core/types/text.ts +7 -4
- package/src/core/utils/elementQuery/__workshop__/customMedia.tsx +1 -1
- package/src/core/utils/layer/layer.tsx +2 -2
- package/src/core/utils/virtualList/virtualList.tsx +1 -1
- package/src/css/compile/{comileRules.ts → compileRules.ts} +2 -5
- package/src/css/compile/compileSystem.ts +1 -1
- package/src/css/compile/compileTheme.ts +4 -1
- package/src/css/components/breadcrumbs/rules.ts +18 -0
- package/src/css/components/menu/index.ts +1 -0
- package/src/css/components/menu/menu.ts +5 -0
- package/src/css/components/menu/rules.ts +10 -0
- package/src/css/components/skeleton/index.ts +2 -0
- package/src/css/components/skeleton/rules.ts +106 -0
- package/src/css/components/skeleton/skeleton.ts +31 -0
- package/src/css/components/skeleton/types.ts +24 -0
- package/src/css/components/toast/rules.ts +68 -0
- package/src/css/components/tree/rules.ts +115 -0
- package/src/css/index.ts +4 -0
- package/src/css/primitives/box/box.ts +5 -1
- package/src/css/primitives/box/types.ts +7 -8
- package/src/css/primitives/card/rules.ts +161 -13
- package/src/css/primitives/checkbox/__styles.ts +115 -113
- package/src/css/primitives/selectable/__style.ts +117 -115
- package/src/css/primitives/spinner/rules.ts +5 -7
- package/src/css/primitives/spinner/spinner.ts +4 -0
- package/src/css/primitives/textInput/index.ts +1 -0
- package/src/css/primitives/textInput/rules.ts +159 -64
- package/src/css/primitives/textInput/textInput.ts +11 -3
- package/src/css/primitives/textInput/types.ts +8 -0
- package/src/css/rules.ts +16 -38
- package/src/css/styles/font/font.ts +7 -2
- package/src/css/styles/font/rules.ts +23 -0
- package/src/css/styles/font/types.ts +6 -0
- package/src/css/styles/gap/rules.ts +6 -6
- package/src/css/styles/grid/grid.ts +13 -0
- package/src/css/styles/grid/index.ts +2 -0
- package/src/css/styles/grid/rules.ts +112 -1
- package/src/css/styles/grid/types.ts +29 -0
- package/src/css/styles/margin/rules.ts +58 -54
- package/src/css/styles/outline/rules.ts +7 -0
- package/src/css/styles/overflow/index.ts +2 -0
- package/src/css/styles/overflow/overflow.ts +11 -0
- package/src/css/styles/overflow/types.ts +11 -0
- package/src/css/styles/padding/rules.ts +50 -48
- package/src/css/types.ts +36 -1
- package/src/css/varNames.ts +1 -1
- package/src/css/vars.ts +86 -0
- package/dist/_chunks-cjs/getTheme_v2.js +0 -316
- package/dist/_chunks-cjs/getTheme_v2.js.map +0 -1
- package/dist/_chunks-es/getTheme_v2.mjs +0 -317
- package/dist/_chunks-es/getTheme_v2.mjs.map +0 -1
- package/dist/_legacy/getTheme_v2.esm.js +0 -317
- package/dist/_legacy/getTheme_v2.esm.js.map +0 -1
- package/src/core/components/autocomplete/autocomplete.styles.tsx +0 -38
- package/src/core/components/breadcrumbs/breadcrumbs.styles.ts +0 -17
- package/src/core/components/menu/menuDivider.ts +0 -13
- package/src/core/components/skeleton/styles.ts +0 -50
- package/src/core/components/toast/styles.ts +0 -61
- package/src/core/components/tree/style.ts +0 -104
- package/src/core/primitives/card/styles.ts +0 -146
- /package/src/core/{styles → _compat/styles}/border/borderStyle.ts +0 -0
- /package/src/core/{styles → _compat/styles}/border/index.ts +0 -0
- /package/src/core/{styles → _compat/styles}/border/types.ts +0 -0
- /package/src/core/{styles → _compat/styles}/box/index.ts +0 -0
- /package/src/core/{styles → _compat/styles}/card/index.ts +0 -0
- /package/src/core/{styles → _compat/styles}/flex/flexStyle.ts +0 -0
- /package/src/core/{styles → _compat/styles}/flex/index.ts +0 -0
- /package/src/core/{styles → _compat/styles}/flex/types.ts +0 -0
- /package/src/core/{styles → _compat/styles}/focusRing/index.ts +0 -0
- /package/src/core/{styles → _compat/styles}/font/codeFontStyle.ts +0 -0
- /package/src/core/{styles → _compat/styles}/font/headingFontStyle.ts +0 -0
- /package/src/core/{styles → _compat/styles}/font/index.ts +0 -0
- /package/src/core/{styles → _compat/styles}/font/labelFontStyle.ts +0 -0
- /package/src/core/{styles → _compat/styles}/font/responsiveFont.ts +0 -0
- /package/src/core/{styles → _compat/styles}/font/textAlignStyle.ts +0 -0
- /package/src/core/{styles → _compat/styles}/font/textFontStyle.ts +0 -0
- /package/src/core/{styles → _compat/styles}/grid/gridItemStyle.ts +0 -0
- /package/src/core/{styles → _compat/styles}/grid/gridStyle.ts +0 -0
- /package/src/core/{styles → _compat/styles}/grid/index.ts +0 -0
- /package/src/core/{styles → _compat/styles}/index.ts +0 -0
- /package/src/core/{styles → _compat/styles}/input/index.ts +0 -0
- /package/src/core/{styles → _compat/styles}/input/responsiveInputPaddingStyle.ts +0 -0
- /package/src/core/{styles → _compat/styles}/internal.ts +0 -0
- /package/src/core/{styles → _compat/styles}/margin/index.ts +0 -0
- /package/src/core/{styles → _compat/styles}/margin/marginStyle.ts +0 -0
- /package/src/core/{styles → _compat/styles}/margin/marginsStyle.test.ts +0 -0
- /package/src/core/{styles → _compat/styles}/margin/types.ts +0 -0
- /package/src/core/{styles → _compat/styles}/padding/index.ts +0 -0
- /package/src/core/{styles → _compat/styles}/padding/paddingStyle.test.ts +0 -0
- /package/src/core/{styles → _compat/styles}/padding/paddingStyle.ts +0 -0
- /package/src/core/{styles → _compat/styles}/padding/types.ts +0 -0
- /package/src/core/{styles → _compat/styles}/radius/index.ts +0 -0
- /package/src/core/{styles → _compat/styles}/radius/radiusStyle.ts +0 -0
- /package/src/core/{styles → _compat/styles}/shadow/index.ts +0 -0
- /package/src/core/{styles → _compat/styles}/shadow/types.ts +0 -0
- /package/src/core/{styles → _compat/styles}/types.ts +0 -0
- /package/src/core/{_compat.ts → _compat/types.ts} +0 -0
|
@@ -1,316 +0,0 @@
|
|
|
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, 5, 9, 13, 21, 33],
|
|
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
|
-
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: color_v0.selectable?.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: color_v0.skeleton?.from || color_v0.base.border,
|
|
116
|
-
to: color_v0.skeleton?.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
|
-
return {
|
|
163
|
-
...state,
|
|
164
|
-
avatar: {
|
|
165
|
-
gray: {
|
|
166
|
-
bg: v0.spot.gray,
|
|
167
|
-
fg: v0.base.bg
|
|
168
|
-
},
|
|
169
|
-
blue: {
|
|
170
|
-
bg: v0.spot.blue,
|
|
171
|
-
fg: v0.base.bg
|
|
172
|
-
},
|
|
173
|
-
purple: {
|
|
174
|
-
bg: v0.spot.purple,
|
|
175
|
-
fg: v0.base.bg
|
|
176
|
-
},
|
|
177
|
-
magenta: {
|
|
178
|
-
bg: v0.spot.magenta,
|
|
179
|
-
fg: v0.base.bg
|
|
180
|
-
},
|
|
181
|
-
red: {
|
|
182
|
-
bg: v0.spot.red,
|
|
183
|
-
fg: v0.base.bg
|
|
184
|
-
},
|
|
185
|
-
orange: {
|
|
186
|
-
bg: v0.spot.orange,
|
|
187
|
-
fg: v0.base.bg
|
|
188
|
-
},
|
|
189
|
-
yellow: {
|
|
190
|
-
bg: v0.spot.yellow,
|
|
191
|
-
fg: v0.base.bg
|
|
192
|
-
},
|
|
193
|
-
green: {
|
|
194
|
-
bg: v0.spot.green,
|
|
195
|
-
fg: v0.base.bg
|
|
196
|
-
},
|
|
197
|
-
cyan: {
|
|
198
|
-
bg: v0.spot.cyan,
|
|
199
|
-
fg: v0.base.bg
|
|
200
|
-
}
|
|
201
|
-
},
|
|
202
|
-
badge: {
|
|
203
|
-
default: {
|
|
204
|
-
bg: v0.muted.default.enabled.bg,
|
|
205
|
-
fg: v0.muted.default.enabled.fg,
|
|
206
|
-
dot: v0.muted.default.enabled.muted.fg,
|
|
207
|
-
icon: v0.muted.default.enabled.muted.fg
|
|
208
|
-
},
|
|
209
|
-
primary: {
|
|
210
|
-
bg: v0.muted.primary.enabled.bg,
|
|
211
|
-
fg: v0.muted.primary.enabled.fg,
|
|
212
|
-
dot: v0.muted.primary.enabled.muted.fg,
|
|
213
|
-
icon: v0.muted.primary.enabled.muted.fg
|
|
214
|
-
},
|
|
215
|
-
positive: {
|
|
216
|
-
bg: v0.muted.positive.enabled.bg,
|
|
217
|
-
fg: v0.muted.positive.enabled.fg,
|
|
218
|
-
dot: v0.muted.positive.enabled.muted.fg,
|
|
219
|
-
icon: v0.muted.positive.enabled.muted.fg
|
|
220
|
-
},
|
|
221
|
-
caution: {
|
|
222
|
-
bg: v0.muted.caution.enabled.bg,
|
|
223
|
-
fg: v0.muted.caution.enabled.fg,
|
|
224
|
-
dot: v0.muted.caution.enabled.muted.fg,
|
|
225
|
-
icon: v0.muted.caution.enabled.muted.fg
|
|
226
|
-
},
|
|
227
|
-
critical: {
|
|
228
|
-
bg: v0.muted.critical.enabled.bg,
|
|
229
|
-
fg: v0.muted.critical.enabled.fg,
|
|
230
|
-
dot: v0.muted.critical.enabled.muted.fg,
|
|
231
|
-
icon: v0.muted.critical.enabled.muted.fg
|
|
232
|
-
}
|
|
233
|
-
},
|
|
234
|
-
kbd: {
|
|
235
|
-
bg: v0.muted.default.enabled.bg,
|
|
236
|
-
fg: v0.muted.default.enabled.fg,
|
|
237
|
-
border: v0.muted.default.enabled.border
|
|
238
|
-
},
|
|
239
|
-
muted: {
|
|
240
|
-
...v0.muted.default.enabled.muted,
|
|
241
|
-
bg: state.bg2 || state.bg
|
|
242
|
-
},
|
|
243
|
-
skeleton: {
|
|
244
|
-
from: state.skeleton?.from || state.border,
|
|
245
|
-
to: state.skeleton?.to || state.border
|
|
246
|
-
}
|
|
247
|
-
};
|
|
248
|
-
}
|
|
249
|
-
function inputStatesThemeColor_v0_v2(states) {
|
|
250
|
-
return {
|
|
251
|
-
enabled: inputStateThemeColor_v0_v2(states.enabled),
|
|
252
|
-
disabled: inputStateThemeColor_v0_v2(states.disabled),
|
|
253
|
-
readOnly: inputStateThemeColor_v0_v2(states.readOnly),
|
|
254
|
-
hovered: inputStateThemeColor_v0_v2(states.hovered)
|
|
255
|
-
};
|
|
256
|
-
}
|
|
257
|
-
function inputStateThemeColor_v0_v2(state) {
|
|
258
|
-
return {
|
|
259
|
-
bg: state.bg,
|
|
260
|
-
border: state.border,
|
|
261
|
-
fg: state.fg,
|
|
262
|
-
muted: {
|
|
263
|
-
bg: state.bg2
|
|
264
|
-
},
|
|
265
|
-
placeholder: state.placeholder
|
|
266
|
-
};
|
|
267
|
-
}
|
|
268
|
-
const cache = /* @__PURE__ */ new WeakMap();
|
|
269
|
-
function getTheme_v2(theme) {
|
|
270
|
-
if (theme.sanity.v2?._resolved) return theme.sanity.v2;
|
|
271
|
-
const cached_v2 = cache.get(theme);
|
|
272
|
-
if (cached_v2) return cached_v2;
|
|
273
|
-
const v2 = {
|
|
274
|
-
_version: 2,
|
|
275
|
-
_resolved: !0,
|
|
276
|
-
avatar: {
|
|
277
|
-
...defaultThemeConfig.avatar,
|
|
278
|
-
...theme.sanity.avatar
|
|
279
|
-
},
|
|
280
|
-
button: {
|
|
281
|
-
...defaultThemeConfig.button,
|
|
282
|
-
...theme.sanity.button
|
|
283
|
-
},
|
|
284
|
-
card: defaultThemeConfig.card,
|
|
285
|
-
color: themeColor_v0_v2(theme.sanity.color),
|
|
286
|
-
container: theme.sanity.container,
|
|
287
|
-
font: theme.sanity.fonts,
|
|
288
|
-
input: {
|
|
289
|
-
...defaultThemeConfig.input,
|
|
290
|
-
...theme.sanity.input,
|
|
291
|
-
checkbox: {
|
|
292
|
-
...defaultThemeConfig.input.checkbox,
|
|
293
|
-
...theme.sanity.input.checkbox
|
|
294
|
-
},
|
|
295
|
-
radio: {
|
|
296
|
-
...defaultThemeConfig.input.radio,
|
|
297
|
-
...theme.sanity.input.radio
|
|
298
|
-
},
|
|
299
|
-
switch: {
|
|
300
|
-
...defaultThemeConfig.input.switch,
|
|
301
|
-
...theme.sanity.input.switch
|
|
302
|
-
}
|
|
303
|
-
},
|
|
304
|
-
layer: theme.sanity.layer ?? defaultThemeConfig.layer,
|
|
305
|
-
media: theme.sanity.media,
|
|
306
|
-
radius: theme.sanity.radius,
|
|
307
|
-
shadow: theme.sanity.shadows,
|
|
308
|
-
space: theme.sanity.space,
|
|
309
|
-
style: theme.sanity.styles
|
|
310
|
-
};
|
|
311
|
-
return cache.set(theme, v2), v2;
|
|
312
|
-
}
|
|
313
|
-
exports.defaultThemeConfig = defaultThemeConfig;
|
|
314
|
-
exports.getTheme_v2 = getTheme_v2;
|
|
315
|
-
exports.themeColor_v0_v2 = themeColor_v0_v2;
|
|
316
|
-
//# sourceMappingURL=getTheme_v2.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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, 5, 9, 13, 21, 33],\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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"}
|
|
@@ -1,317 +0,0 @@
|
|
|
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, 5, 9, 13, 21, 33],
|
|
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
|
-
const cached_v2 = cache$1.get(color_v0);
|
|
82
|
-
if (cached_v2) return cached_v2;
|
|
83
|
-
const base = stateThemeColor_v0_v2(color_v0, color_v0.card.enabled), color_v2 = {
|
|
84
|
-
_blend: color_v0._blend || (color_v0.dark ? "screen" : "multiply"),
|
|
85
|
-
_dark: color_v0.dark,
|
|
86
|
-
accent: base.accent,
|
|
87
|
-
avatar: base.avatar,
|
|
88
|
-
backdrop: color_v0.base.shadow.ambient,
|
|
89
|
-
badge: base.badge,
|
|
90
|
-
bg: color_v0.base.bg,
|
|
91
|
-
border: color_v0.base.border,
|
|
92
|
-
button: {
|
|
93
|
-
default: stateTonesThemeColor_v0_v2(color_v0, color_v0.button.default),
|
|
94
|
-
ghost: stateTonesThemeColor_v0_v2(color_v0, color_v0.button.ghost),
|
|
95
|
-
bleed: stateTonesThemeColor_v0_v2(color_v0, color_v0.button.bleed)
|
|
96
|
-
},
|
|
97
|
-
code: base.code,
|
|
98
|
-
fg: color_v0.base.fg,
|
|
99
|
-
focusRing: color_v0.base.focusRing,
|
|
100
|
-
icon: base.muted.fg,
|
|
101
|
-
input: {
|
|
102
|
-
default: inputStatesThemeColor_v0_v2(color_v0.input.default),
|
|
103
|
-
invalid: inputStatesThemeColor_v0_v2(color_v0.input.invalid)
|
|
104
|
-
},
|
|
105
|
-
kbd: base.kbd,
|
|
106
|
-
link: base.link,
|
|
107
|
-
muted: {
|
|
108
|
-
...base.muted,
|
|
109
|
-
bg: color_v0.selectable?.default.enabled.bg2 || color_v0.base.bg
|
|
110
|
-
},
|
|
111
|
-
selectable: stateTonesThemeColor_v0_v2(color_v0, color_v0.selectable || color_v0.muted),
|
|
112
|
-
shadow: color_v0.base.shadow,
|
|
113
|
-
skeleton: {
|
|
114
|
-
from: color_v0.skeleton?.from || color_v0.base.border,
|
|
115
|
-
to: color_v0.skeleton?.to || color_v0.base.border
|
|
116
|
-
},
|
|
117
|
-
syntax: color_v0.syntax
|
|
118
|
-
};
|
|
119
|
-
return cache$1.set(color_v0, color_v2), color_v2;
|
|
120
|
-
}
|
|
121
|
-
function stateTonesThemeColor_v0_v2(v0, t) {
|
|
122
|
-
return {
|
|
123
|
-
default: {
|
|
124
|
-
enabled: stateThemeColor_v0_v2(v0, t.default.enabled),
|
|
125
|
-
hovered: stateThemeColor_v0_v2(v0, t.default.hovered),
|
|
126
|
-
pressed: stateThemeColor_v0_v2(v0, t.default.pressed),
|
|
127
|
-
selected: stateThemeColor_v0_v2(v0, t.default.selected),
|
|
128
|
-
disabled: stateThemeColor_v0_v2(v0, t.default.disabled)
|
|
129
|
-
},
|
|
130
|
-
primary: {
|
|
131
|
-
enabled: stateThemeColor_v0_v2(v0, t.primary.enabled),
|
|
132
|
-
hovered: stateThemeColor_v0_v2(v0, t.primary.hovered),
|
|
133
|
-
pressed: stateThemeColor_v0_v2(v0, t.primary.pressed),
|
|
134
|
-
selected: stateThemeColor_v0_v2(v0, t.primary.selected),
|
|
135
|
-
disabled: stateThemeColor_v0_v2(v0, t.primary.disabled)
|
|
136
|
-
},
|
|
137
|
-
positive: {
|
|
138
|
-
enabled: stateThemeColor_v0_v2(v0, t.positive.enabled),
|
|
139
|
-
hovered: stateThemeColor_v0_v2(v0, t.positive.hovered),
|
|
140
|
-
pressed: stateThemeColor_v0_v2(v0, t.positive.pressed),
|
|
141
|
-
selected: stateThemeColor_v0_v2(v0, t.positive.selected),
|
|
142
|
-
disabled: stateThemeColor_v0_v2(v0, t.positive.disabled)
|
|
143
|
-
},
|
|
144
|
-
caution: {
|
|
145
|
-
enabled: stateThemeColor_v0_v2(v0, t.caution.enabled),
|
|
146
|
-
hovered: stateThemeColor_v0_v2(v0, t.caution.hovered),
|
|
147
|
-
pressed: stateThemeColor_v0_v2(v0, t.caution.pressed),
|
|
148
|
-
selected: stateThemeColor_v0_v2(v0, t.caution.selected),
|
|
149
|
-
disabled: stateThemeColor_v0_v2(v0, t.caution.disabled)
|
|
150
|
-
},
|
|
151
|
-
critical: {
|
|
152
|
-
enabled: stateThemeColor_v0_v2(v0, t.critical.enabled),
|
|
153
|
-
hovered: stateThemeColor_v0_v2(v0, t.critical.hovered),
|
|
154
|
-
pressed: stateThemeColor_v0_v2(v0, t.critical.pressed),
|
|
155
|
-
selected: stateThemeColor_v0_v2(v0, t.critical.selected),
|
|
156
|
-
disabled: stateThemeColor_v0_v2(v0, t.critical.disabled)
|
|
157
|
-
}
|
|
158
|
-
};
|
|
159
|
-
}
|
|
160
|
-
function stateThemeColor_v0_v2(v0, state) {
|
|
161
|
-
return {
|
|
162
|
-
...state,
|
|
163
|
-
avatar: {
|
|
164
|
-
gray: {
|
|
165
|
-
bg: v0.spot.gray,
|
|
166
|
-
fg: v0.base.bg
|
|
167
|
-
},
|
|
168
|
-
blue: {
|
|
169
|
-
bg: v0.spot.blue,
|
|
170
|
-
fg: v0.base.bg
|
|
171
|
-
},
|
|
172
|
-
purple: {
|
|
173
|
-
bg: v0.spot.purple,
|
|
174
|
-
fg: v0.base.bg
|
|
175
|
-
},
|
|
176
|
-
magenta: {
|
|
177
|
-
bg: v0.spot.magenta,
|
|
178
|
-
fg: v0.base.bg
|
|
179
|
-
},
|
|
180
|
-
red: {
|
|
181
|
-
bg: v0.spot.red,
|
|
182
|
-
fg: v0.base.bg
|
|
183
|
-
},
|
|
184
|
-
orange: {
|
|
185
|
-
bg: v0.spot.orange,
|
|
186
|
-
fg: v0.base.bg
|
|
187
|
-
},
|
|
188
|
-
yellow: {
|
|
189
|
-
bg: v0.spot.yellow,
|
|
190
|
-
fg: v0.base.bg
|
|
191
|
-
},
|
|
192
|
-
green: {
|
|
193
|
-
bg: v0.spot.green,
|
|
194
|
-
fg: v0.base.bg
|
|
195
|
-
},
|
|
196
|
-
cyan: {
|
|
197
|
-
bg: v0.spot.cyan,
|
|
198
|
-
fg: v0.base.bg
|
|
199
|
-
}
|
|
200
|
-
},
|
|
201
|
-
badge: {
|
|
202
|
-
default: {
|
|
203
|
-
bg: v0.muted.default.enabled.bg,
|
|
204
|
-
fg: v0.muted.default.enabled.fg,
|
|
205
|
-
dot: v0.muted.default.enabled.muted.fg,
|
|
206
|
-
icon: v0.muted.default.enabled.muted.fg
|
|
207
|
-
},
|
|
208
|
-
primary: {
|
|
209
|
-
bg: v0.muted.primary.enabled.bg,
|
|
210
|
-
fg: v0.muted.primary.enabled.fg,
|
|
211
|
-
dot: v0.muted.primary.enabled.muted.fg,
|
|
212
|
-
icon: v0.muted.primary.enabled.muted.fg
|
|
213
|
-
},
|
|
214
|
-
positive: {
|
|
215
|
-
bg: v0.muted.positive.enabled.bg,
|
|
216
|
-
fg: v0.muted.positive.enabled.fg,
|
|
217
|
-
dot: v0.muted.positive.enabled.muted.fg,
|
|
218
|
-
icon: v0.muted.positive.enabled.muted.fg
|
|
219
|
-
},
|
|
220
|
-
caution: {
|
|
221
|
-
bg: v0.muted.caution.enabled.bg,
|
|
222
|
-
fg: v0.muted.caution.enabled.fg,
|
|
223
|
-
dot: v0.muted.caution.enabled.muted.fg,
|
|
224
|
-
icon: v0.muted.caution.enabled.muted.fg
|
|
225
|
-
},
|
|
226
|
-
critical: {
|
|
227
|
-
bg: v0.muted.critical.enabled.bg,
|
|
228
|
-
fg: v0.muted.critical.enabled.fg,
|
|
229
|
-
dot: v0.muted.critical.enabled.muted.fg,
|
|
230
|
-
icon: v0.muted.critical.enabled.muted.fg
|
|
231
|
-
}
|
|
232
|
-
},
|
|
233
|
-
kbd: {
|
|
234
|
-
bg: v0.muted.default.enabled.bg,
|
|
235
|
-
fg: v0.muted.default.enabled.fg,
|
|
236
|
-
border: v0.muted.default.enabled.border
|
|
237
|
-
},
|
|
238
|
-
muted: {
|
|
239
|
-
...v0.muted.default.enabled.muted,
|
|
240
|
-
bg: state.bg2 || state.bg
|
|
241
|
-
},
|
|
242
|
-
skeleton: {
|
|
243
|
-
from: state.skeleton?.from || state.border,
|
|
244
|
-
to: state.skeleton?.to || state.border
|
|
245
|
-
}
|
|
246
|
-
};
|
|
247
|
-
}
|
|
248
|
-
function inputStatesThemeColor_v0_v2(states) {
|
|
249
|
-
return {
|
|
250
|
-
enabled: inputStateThemeColor_v0_v2(states.enabled),
|
|
251
|
-
disabled: inputStateThemeColor_v0_v2(states.disabled),
|
|
252
|
-
readOnly: inputStateThemeColor_v0_v2(states.readOnly),
|
|
253
|
-
hovered: inputStateThemeColor_v0_v2(states.hovered)
|
|
254
|
-
};
|
|
255
|
-
}
|
|
256
|
-
function inputStateThemeColor_v0_v2(state) {
|
|
257
|
-
return {
|
|
258
|
-
bg: state.bg,
|
|
259
|
-
border: state.border,
|
|
260
|
-
fg: state.fg,
|
|
261
|
-
muted: {
|
|
262
|
-
bg: state.bg2
|
|
263
|
-
},
|
|
264
|
-
placeholder: state.placeholder
|
|
265
|
-
};
|
|
266
|
-
}
|
|
267
|
-
const cache = /* @__PURE__ */ new WeakMap();
|
|
268
|
-
function getTheme_v2(theme) {
|
|
269
|
-
if (theme.sanity.v2?._resolved) return theme.sanity.v2;
|
|
270
|
-
const cached_v2 = cache.get(theme);
|
|
271
|
-
if (cached_v2) return cached_v2;
|
|
272
|
-
const v2 = {
|
|
273
|
-
_version: 2,
|
|
274
|
-
_resolved: !0,
|
|
275
|
-
avatar: {
|
|
276
|
-
...defaultThemeConfig.avatar,
|
|
277
|
-
...theme.sanity.avatar
|
|
278
|
-
},
|
|
279
|
-
button: {
|
|
280
|
-
...defaultThemeConfig.button,
|
|
281
|
-
...theme.sanity.button
|
|
282
|
-
},
|
|
283
|
-
card: defaultThemeConfig.card,
|
|
284
|
-
color: themeColor_v0_v2(theme.sanity.color),
|
|
285
|
-
container: theme.sanity.container,
|
|
286
|
-
font: theme.sanity.fonts,
|
|
287
|
-
input: {
|
|
288
|
-
...defaultThemeConfig.input,
|
|
289
|
-
...theme.sanity.input,
|
|
290
|
-
checkbox: {
|
|
291
|
-
...defaultThemeConfig.input.checkbox,
|
|
292
|
-
...theme.sanity.input.checkbox
|
|
293
|
-
},
|
|
294
|
-
radio: {
|
|
295
|
-
...defaultThemeConfig.input.radio,
|
|
296
|
-
...theme.sanity.input.radio
|
|
297
|
-
},
|
|
298
|
-
switch: {
|
|
299
|
-
...defaultThemeConfig.input.switch,
|
|
300
|
-
...theme.sanity.input.switch
|
|
301
|
-
}
|
|
302
|
-
},
|
|
303
|
-
layer: theme.sanity.layer ?? defaultThemeConfig.layer,
|
|
304
|
-
media: theme.sanity.media,
|
|
305
|
-
radius: theme.sanity.radius,
|
|
306
|
-
shadow: theme.sanity.shadows,
|
|
307
|
-
space: theme.sanity.space,
|
|
308
|
-
style: theme.sanity.styles
|
|
309
|
-
};
|
|
310
|
-
return cache.set(theme, v2), v2;
|
|
311
|
-
}
|
|
312
|
-
export {
|
|
313
|
-
defaultThemeConfig,
|
|
314
|
-
getTheme_v2,
|
|
315
|
-
themeColor_v0_v2
|
|
316
|
-
};
|
|
317
|
-
//# sourceMappingURL=getTheme_v2.mjs.map
|