@sanity/ui 3.0.0-static.10 → 3.0.0-static.11
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.js +160 -207
- package/dist/_chunks-cjs/_visual-editing.js.map +1 -1
- package/dist/_chunks-es/_visual-editing.mjs +161 -208
- package/dist/_chunks-es/_visual-editing.mjs.map +1 -1
- package/dist/_visual-editing.d.mts +1 -3
- package/dist/_visual-editing.d.ts +1 -3
- package/dist/cli.js +1 -1
- package/dist/css.d.mts +115 -2
- package/dist/css.d.ts +115 -2
- package/dist/css.js +539 -402
- package/dist/css.js.map +1 -1
- package/dist/css.mjs +541 -404
- package/dist/css.mjs.map +1 -1
- package/dist/index.d.mts +4 -4
- package/dist/index.d.ts +4 -4
- package/dist/index.js +50 -17
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +45 -12
- package/dist/index.mjs.map +1 -1
- package/dist/sanity-theme.css +1 -1
- package/dist/system.css +418 -182
- package/dist/theme.js +10 -11
- package/dist/theme.js.map +1 -1
- package/dist/theme.mjs +10 -11
- package/dist/theme.mjs.map +1 -1
- package/package.json +1 -1
- package/src/css/_resp.ts +0 -1
- package/src/css/aspects/font/font.style.ts +7 -66
- package/src/css/aspects/shadow/shadow.style.ts +16 -41
- package/src/css/compile/compilePalette.ts +4 -3
- package/src/css/compile/compileSystem.ts +0 -3
- package/src/css/compile/compileTheme_v3.ts +233 -219
- package/src/css/components/skeleton/skeleton.style.ts +8 -4
- package/src/css/constants.ts +9 -0
- package/src/css/index.ts +1 -0
- package/src/css/primitives/_arrow/_arrow.style.ts +6 -8
- package/src/css/primitives/_arrow/_arrow.ts +4 -0
- package/src/css/primitives/_selectable/_selectable.style.ts +23 -23
- package/src/css/primitives/button/button.style.ts +48 -15
- package/src/css/primitives/card/card.style.ts +1 -1
- package/src/css/primitives/token/token.style.ts +37 -36
- package/src/css/responsiveRules.ts +12 -19
- package/src/css/types.ts +106 -3
- package/src/css/varNames.ts +101 -4
- package/src/css/vars.ts +52 -16
- package/src/theme/v3/buildTheme_v3.ts +1 -1
- package/src/theme/v3/{defaults.ts → defaultTokens.ts} +1 -2
- package/src/theme/v3/index.ts +1 -1
- package/src/theme/v3/resolveTokens.ts +9 -9
- package/src/ui/RootClassNames.tsx +41 -0
- package/src/ui/_compat/helpers.ts +72 -0
- package/src/ui/_compat/index.ts +2 -6
- package/src/ui/_compat/studioTheme.ts +7 -0
- package/src/ui/_compat/types.ts +0 -83
- package/src/ui/index.ts +1 -0
- package/src/ui/primitives/button/button.tsx +5 -6
- package/src/ui/primitives/popover/popover.tsx +25 -7
- package/src/ui/primitives/popover/popoverCard.tsx +46 -45
- package/src/ui/primitives/tooltip/tooltip.tsx +9 -2
- package/src/ui/primitives/tooltip/tooltipCard.tsx +1 -1
- package/src/ui/utils/arrow/arrow.tsx +3 -11
- package/src/ui/utils/elementQuery/elementQuery.tsx +10 -8
- package/src/ui/utils/virtualList/virtualList.tsx +37 -32
- package/src/css/components/breadcrumbs/rules.ts +0 -25
- package/src/css/components/dialog/rules.ts +0 -78
- package/src/css/components/skeleton/rules.ts +0 -113
- package/src/css/components/toast/rules.ts +0 -18
- package/src/css/components/tree/rules.ts +0 -168
- package/src/css/primitives/popover/rules.ts +0 -5
- package/src/css/primitives/spinner/rules.ts +0 -21
- package/src/css/primitives/token/rules.ts +0 -45
package/dist/theme.mjs
CHANGED
|
@@ -1695,7 +1695,6 @@ function buildColorElement_v3(tokens, options) {
|
|
|
1695
1695
|
const defaultTokens = {
|
|
1696
1696
|
color: {
|
|
1697
1697
|
"*": {
|
|
1698
|
-
// backdrop: ['black/0.2', '200/0.2'],
|
|
1699
1698
|
backdrop: ["black/0.5", "gray/100/0.5"],
|
|
1700
1699
|
code: {
|
|
1701
1700
|
bg: ["950", "50"],
|
|
@@ -1753,7 +1752,7 @@ const defaultTokens = {
|
|
|
1753
1752
|
"*": {
|
|
1754
1753
|
bg: {
|
|
1755
1754
|
0: ["950", "50"],
|
|
1756
|
-
4: ["
|
|
1755
|
+
4: ["700", "300"]
|
|
1757
1756
|
},
|
|
1758
1757
|
border: {
|
|
1759
1758
|
0: ["700", "100"],
|
|
@@ -1936,47 +1935,47 @@ function resolveCardColorTokens(tokens) {
|
|
|
1936
1935
|
avatar: {
|
|
1937
1936
|
gray: {
|
|
1938
1937
|
_hue: tokens?.avatar?.gray?._hue ?? "gray",
|
|
1939
|
-
bg: tokens?.avatar?.gray?.bg ?? ["400", "
|
|
1938
|
+
bg: tokens?.avatar?.gray?.bg ?? ["400", "500"],
|
|
1940
1939
|
fg: tokens?.avatar?.gray?.fg ?? ["900", "900"]
|
|
1941
1940
|
},
|
|
1942
1941
|
blue: {
|
|
1943
1942
|
_hue: tokens?.avatar?.blue?._hue ?? "blue",
|
|
1944
|
-
bg: tokens?.avatar?.blue?.bg ?? ["400", "
|
|
1943
|
+
bg: tokens?.avatar?.blue?.bg ?? ["400", "500"],
|
|
1945
1944
|
fg: tokens?.avatar?.blue?.fg ?? ["900", "900"]
|
|
1946
1945
|
},
|
|
1947
1946
|
purple: {
|
|
1948
1947
|
_hue: tokens?.avatar?.purple?._hue ?? "purple",
|
|
1949
|
-
bg: tokens?.avatar?.purple?.bg ?? ["400", "
|
|
1948
|
+
bg: tokens?.avatar?.purple?.bg ?? ["400", "500"],
|
|
1950
1949
|
fg: tokens?.avatar?.purple?.fg ?? ["900", "900"]
|
|
1951
1950
|
},
|
|
1952
1951
|
magenta: {
|
|
1953
1952
|
_hue: tokens?.avatar?.magenta?._hue ?? "magenta",
|
|
1954
|
-
bg: tokens?.avatar?.magenta?.bg ?? ["400", "
|
|
1953
|
+
bg: tokens?.avatar?.magenta?.bg ?? ["400", "500"],
|
|
1955
1954
|
fg: tokens?.avatar?.magenta?.fg ?? ["900", "900"]
|
|
1956
1955
|
},
|
|
1957
1956
|
red: {
|
|
1958
1957
|
_hue: tokens?.avatar?.red?._hue ?? "red",
|
|
1959
|
-
bg: tokens?.avatar?.red?.bg ?? ["400", "
|
|
1958
|
+
bg: tokens?.avatar?.red?.bg ?? ["400", "500"],
|
|
1960
1959
|
fg: tokens?.avatar?.red?.fg ?? ["900", "900"]
|
|
1961
1960
|
},
|
|
1962
1961
|
orange: {
|
|
1963
1962
|
_hue: tokens?.avatar?.orange?._hue ?? "orange",
|
|
1964
|
-
bg: tokens?.avatar?.orange?.bg ?? ["400", "
|
|
1963
|
+
bg: tokens?.avatar?.orange?.bg ?? ["400", "500"],
|
|
1965
1964
|
fg: tokens?.avatar?.orange?.fg ?? ["900", "900"]
|
|
1966
1965
|
},
|
|
1967
1966
|
yellow: {
|
|
1968
1967
|
_hue: tokens?.avatar?.yellow?._hue ?? "yellow",
|
|
1969
|
-
bg: tokens?.avatar?.yellow?.bg ?? ["400", "
|
|
1968
|
+
bg: tokens?.avatar?.yellow?.bg ?? ["400", "500"],
|
|
1970
1969
|
fg: tokens?.avatar?.yellow?.fg ?? ["900", "900"]
|
|
1971
1970
|
},
|
|
1972
1971
|
green: {
|
|
1973
1972
|
_hue: tokens?.avatar?.green?._hue ?? "green",
|
|
1974
|
-
bg: tokens?.avatar?.green?.bg ?? ["400", "
|
|
1973
|
+
bg: tokens?.avatar?.green?.bg ?? ["400", "500"],
|
|
1975
1974
|
fg: tokens?.avatar?.green?.fg ?? ["900", "900"]
|
|
1976
1975
|
},
|
|
1977
1976
|
cyan: {
|
|
1978
1977
|
_hue: tokens?.avatar?.cyan?._hue ?? "cyan",
|
|
1979
|
-
bg: tokens?.avatar?.cyan?.bg ?? ["400", "
|
|
1978
|
+
bg: tokens?.avatar?.cyan?.bg ?? ["400", "500"],
|
|
1980
1979
|
fg: tokens?.avatar?.cyan?.fg ?? ["900", "900"]
|
|
1981
1980
|
}
|
|
1982
1981
|
},
|