@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.js
CHANGED
|
@@ -1697,7 +1697,6 @@ function buildColorElement_v3(tokens, options) {
|
|
|
1697
1697
|
const defaultTokens = {
|
|
1698
1698
|
color: {
|
|
1699
1699
|
"*": {
|
|
1700
|
-
// backdrop: ['black/0.2', '200/0.2'],
|
|
1701
1700
|
backdrop: ["black/0.5", "gray/100/0.5"],
|
|
1702
1701
|
code: {
|
|
1703
1702
|
bg: ["950", "50"],
|
|
@@ -1755,7 +1754,7 @@ const defaultTokens = {
|
|
|
1755
1754
|
"*": {
|
|
1756
1755
|
bg: {
|
|
1757
1756
|
0: ["950", "50"],
|
|
1758
|
-
4: ["
|
|
1757
|
+
4: ["700", "300"]
|
|
1759
1758
|
},
|
|
1760
1759
|
border: {
|
|
1761
1760
|
0: ["700", "100"],
|
|
@@ -1938,47 +1937,47 @@ function resolveCardColorTokens(tokens) {
|
|
|
1938
1937
|
avatar: {
|
|
1939
1938
|
gray: {
|
|
1940
1939
|
_hue: tokens?.avatar?.gray?._hue ?? "gray",
|
|
1941
|
-
bg: tokens?.avatar?.gray?.bg ?? ["400", "
|
|
1940
|
+
bg: tokens?.avatar?.gray?.bg ?? ["400", "500"],
|
|
1942
1941
|
fg: tokens?.avatar?.gray?.fg ?? ["900", "900"]
|
|
1943
1942
|
},
|
|
1944
1943
|
blue: {
|
|
1945
1944
|
_hue: tokens?.avatar?.blue?._hue ?? "blue",
|
|
1946
|
-
bg: tokens?.avatar?.blue?.bg ?? ["400", "
|
|
1945
|
+
bg: tokens?.avatar?.blue?.bg ?? ["400", "500"],
|
|
1947
1946
|
fg: tokens?.avatar?.blue?.fg ?? ["900", "900"]
|
|
1948
1947
|
},
|
|
1949
1948
|
purple: {
|
|
1950
1949
|
_hue: tokens?.avatar?.purple?._hue ?? "purple",
|
|
1951
|
-
bg: tokens?.avatar?.purple?.bg ?? ["400", "
|
|
1950
|
+
bg: tokens?.avatar?.purple?.bg ?? ["400", "500"],
|
|
1952
1951
|
fg: tokens?.avatar?.purple?.fg ?? ["900", "900"]
|
|
1953
1952
|
},
|
|
1954
1953
|
magenta: {
|
|
1955
1954
|
_hue: tokens?.avatar?.magenta?._hue ?? "magenta",
|
|
1956
|
-
bg: tokens?.avatar?.magenta?.bg ?? ["400", "
|
|
1955
|
+
bg: tokens?.avatar?.magenta?.bg ?? ["400", "500"],
|
|
1957
1956
|
fg: tokens?.avatar?.magenta?.fg ?? ["900", "900"]
|
|
1958
1957
|
},
|
|
1959
1958
|
red: {
|
|
1960
1959
|
_hue: tokens?.avatar?.red?._hue ?? "red",
|
|
1961
|
-
bg: tokens?.avatar?.red?.bg ?? ["400", "
|
|
1960
|
+
bg: tokens?.avatar?.red?.bg ?? ["400", "500"],
|
|
1962
1961
|
fg: tokens?.avatar?.red?.fg ?? ["900", "900"]
|
|
1963
1962
|
},
|
|
1964
1963
|
orange: {
|
|
1965
1964
|
_hue: tokens?.avatar?.orange?._hue ?? "orange",
|
|
1966
|
-
bg: tokens?.avatar?.orange?.bg ?? ["400", "
|
|
1965
|
+
bg: tokens?.avatar?.orange?.bg ?? ["400", "500"],
|
|
1967
1966
|
fg: tokens?.avatar?.orange?.fg ?? ["900", "900"]
|
|
1968
1967
|
},
|
|
1969
1968
|
yellow: {
|
|
1970
1969
|
_hue: tokens?.avatar?.yellow?._hue ?? "yellow",
|
|
1971
|
-
bg: tokens?.avatar?.yellow?.bg ?? ["400", "
|
|
1970
|
+
bg: tokens?.avatar?.yellow?.bg ?? ["400", "500"],
|
|
1972
1971
|
fg: tokens?.avatar?.yellow?.fg ?? ["900", "900"]
|
|
1973
1972
|
},
|
|
1974
1973
|
green: {
|
|
1975
1974
|
_hue: tokens?.avatar?.green?._hue ?? "green",
|
|
1976
|
-
bg: tokens?.avatar?.green?.bg ?? ["400", "
|
|
1975
|
+
bg: tokens?.avatar?.green?.bg ?? ["400", "500"],
|
|
1977
1976
|
fg: tokens?.avatar?.green?.fg ?? ["900", "900"]
|
|
1978
1977
|
},
|
|
1979
1978
|
cyan: {
|
|
1980
1979
|
_hue: tokens?.avatar?.cyan?._hue ?? "cyan",
|
|
1981
|
-
bg: tokens?.avatar?.cyan?.bg ?? ["400", "
|
|
1980
|
+
bg: tokens?.avatar?.cyan?.bg ?? ["400", "500"],
|
|
1982
1981
|
fg: tokens?.avatar?.cyan?.fg ?? ["900", "900"]
|
|
1983
1982
|
}
|
|
1984
1983
|
},
|