@sanity/ui 3.0.0-static.37 → 3.0.0-static.39
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/_visual-editing.cjs +3 -3
- package/dist/_chunks-cjs/_visual-editing.cjs.map +1 -1
- package/dist/_chunks-es/_visual-editing.js +3 -3
- package/dist/_chunks-es/_visual-editing.js.map +1 -1
- package/dist/css/index.cjs.map +1 -1
- package/dist/css/index.css +1 -1
- package/dist/css/index.d.cts +2 -1
- package/dist/css/index.d.ts +2 -1
- package/dist/css/index.js.map +1 -1
- package/dist/theme.cjs +2 -2
- package/dist/theme.cjs.map +1 -1
- package/dist/theme.js +2 -2
- package/dist/theme.js.map +1 -1
- package/package.json +1 -1
- package/src/core/components/tab/tab.tsx +1 -1
- package/src/core/hooks/useMediaIndex/useMediaIndex.ts +3 -3
- package/src/css/primitives/badge/types.ts +1 -1
- package/src/css/primitives/card/card.css.ts +7 -0
- package/src/css/primitives/root/root.ts +1 -1
- package/src/css/theme/buildCSSTheme.ts +2 -1
- package/src/theme/defaults/color.ts +2 -2
|
@@ -306,6 +306,13 @@ function buildToneRule(tone: CardTone): StyleRule {
|
|
|
306
306
|
[target.skeleton.to]: source.skeleton.to,
|
|
307
307
|
|
|
308
308
|
// legacy vars
|
|
309
|
+
|
|
310
|
+
// todo: avatar colors
|
|
311
|
+
// --card-avatar-*-color
|
|
312
|
+
|
|
313
|
+
// todo: badge colors
|
|
314
|
+
// --card-badge-*-color
|
|
315
|
+
|
|
309
316
|
'--card-bg-color': vars.color.bg,
|
|
310
317
|
'--card-bg2-color': vars.color.muted.bg,
|
|
311
318
|
'--card-border-color': vars.color.border,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import {_composeClassNames} from '../../_composeClassNames'
|
|
2
|
-
import {themeClassName} from '../../theme/defaultTheme.css'
|
|
3
2
|
import {height} from '../../props/height/height'
|
|
3
|
+
import {themeClassName} from '../../theme/defaultTheme.css'
|
|
4
4
|
import {card} from '../card/card'
|
|
5
5
|
import {_root} from './root.css'
|
|
6
6
|
import type {RootStyleProps} from './types'
|
|
@@ -22,6 +22,7 @@ import {
|
|
|
22
22
|
FONT_TEXT_SIZE,
|
|
23
23
|
type Hue,
|
|
24
24
|
HUES,
|
|
25
|
+
type PartialTokens,
|
|
25
26
|
RADIUS,
|
|
26
27
|
SHADOW,
|
|
27
28
|
SPACE,
|
|
@@ -41,7 +42,7 @@ import type {
|
|
|
41
42
|
import {paletteVars} from '../vars.css'
|
|
42
43
|
|
|
43
44
|
/** @public */
|
|
44
|
-
export type CSSThemeOptions = {color?: ColorTokens
|
|
45
|
+
export type CSSThemeOptions = {color?: PartialTokens<ColorTokens>; palette?: ColorPaletteTokens}
|
|
45
46
|
|
|
46
47
|
/** @public */
|
|
47
48
|
export function buildCSSTheme(options?: CSSThemeOptions): ThemeTokens {
|
|
@@ -168,8 +168,8 @@ export const defaultColor: PartialTokens<ColorTokens> = {
|
|
|
168
168
|
4: ['300 75%', '700'],
|
|
169
169
|
},
|
|
170
170
|
border: {
|
|
171
|
-
0: ['
|
|
172
|
-
4: ['
|
|
171
|
+
0: ['100', '800 75%'],
|
|
172
|
+
4: ['300', '700'],
|
|
173
173
|
},
|
|
174
174
|
fg: {
|
|
175
175
|
0: ['black', 'white'],
|