@sanity/ui 0.37.16 → 0.37.17
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/lib/dts/src/theme/studioTheme/color.d.ts.map +1 -1
- package/lib/sanity-ui.js +22 -20
- package/lib/sanity-ui.js.map +1 -1
- package/lib/sanity-ui.modern.mjs +22 -20
- package/lib/sanity-ui.modern.mjs.map +1 -1
- package/lib/sanity-ui.module.js +22 -20
- package/lib/sanity-ui.module.js.map +1 -1
- package/package.json +2 -2
- package/src/components/dialog/styles.ts +1 -1
- package/src/theme/studioTheme/color.ts +15 -14
package/lib/sanity-ui.modern.mjs
CHANGED
|
@@ -1884,18 +1884,20 @@ const color = createColorTheme({
|
|
|
1884
1884
|
name
|
|
1885
1885
|
}) => {
|
|
1886
1886
|
if (name === 'default') {
|
|
1887
|
-
const
|
|
1887
|
+
const _tints = hues.gray;
|
|
1888
|
+
|
|
1889
|
+
const _skeletonFrom = dark ? _tints[900].hex : _tints[100].hex;
|
|
1888
1890
|
|
|
1889
1891
|
return {
|
|
1890
1892
|
fg: dark ? white$1.hex : black$1.hex,
|
|
1891
1893
|
bg: dark ? black$1.hex : white$1.hex,
|
|
1892
|
-
border:
|
|
1894
|
+
border: _tints[dark ? 800 : 200].hex,
|
|
1893
1895
|
focusRing: hues.blue[dark ? 500 : 500].hex,
|
|
1894
1896
|
shadow: {
|
|
1895
|
-
outline: rgba(
|
|
1896
|
-
umbra:
|
|
1897
|
-
penumbra:
|
|
1898
|
-
ambient:
|
|
1897
|
+
outline: rgba(_tints[500].hex, 0.4),
|
|
1898
|
+
umbra: dark ? rgba(_tints[950].hex, 0.4) : rgba(_tints[500].hex, 0.2),
|
|
1899
|
+
penumbra: dark ? rgba(_tints[950].hex, 0.28) : rgba(_tints[500].hex, 0.14),
|
|
1900
|
+
ambient: dark ? rgba(_tints[950].hex, 0.24) : rgba(_tints[500].hex, 0.12)
|
|
1899
1901
|
},
|
|
1900
1902
|
skeleton: {
|
|
1901
1903
|
from: _skeletonFrom,
|
|
@@ -1905,18 +1907,18 @@ const color = createColorTheme({
|
|
|
1905
1907
|
}
|
|
1906
1908
|
|
|
1907
1909
|
if (name === 'transparent') {
|
|
1908
|
-
const
|
|
1909
|
-
const _skeletonFrom2 =
|
|
1910
|
+
const _tints2 = tones.default;
|
|
1911
|
+
const _skeletonFrom2 = _tints2[dark ? 800 : 200].hex;
|
|
1910
1912
|
return {
|
|
1911
|
-
fg:
|
|
1912
|
-
bg:
|
|
1913
|
-
border:
|
|
1913
|
+
fg: _tints2[dark ? 100 : 900].hex,
|
|
1914
|
+
bg: _tints2[dark ? 950 : 50].hex,
|
|
1915
|
+
border: _tints2[dark ? 800 : 300].hex,
|
|
1914
1916
|
focusRing: hues.blue[500].hex,
|
|
1915
1917
|
shadow: {
|
|
1916
|
-
outline: rgba(
|
|
1917
|
-
umbra:
|
|
1918
|
-
penumbra:
|
|
1919
|
-
ambient:
|
|
1918
|
+
outline: rgba(_tints2[500].hex, 0.4),
|
|
1919
|
+
umbra: dark ? rgba(_tints2[900].hex, 0.4) : rgba(_tints2[500].hex, 0.2),
|
|
1920
|
+
penumbra: dark ? rgba(_tints2[900].hex, 0.28) : rgba(_tints2[500].hex, 0.14),
|
|
1921
|
+
ambient: dark ? rgba(_tints2[900].hex, 0.24) : rgba(_tints2[500].hex, 0.12)
|
|
1920
1922
|
},
|
|
1921
1923
|
skeleton: {
|
|
1922
1924
|
from: _skeletonFrom2,
|
|
@@ -1933,10 +1935,10 @@ const color = createColorTheme({
|
|
|
1933
1935
|
border: tints[dark ? 800 : 200].hex,
|
|
1934
1936
|
focusRing: tints[500].hex,
|
|
1935
1937
|
shadow: {
|
|
1936
|
-
outline: rgba(tints[500].hex,
|
|
1937
|
-
umbra:
|
|
1938
|
-
penumbra:
|
|
1939
|
-
ambient:
|
|
1938
|
+
outline: rgba(tints[500].hex, 0.4),
|
|
1939
|
+
umbra: dark ? rgba(tints[900].hex, 0.4) : rgba(tints[500].hex, 0.2),
|
|
1940
|
+
penumbra: dark ? rgba(tints[900].hex, 0.28) : rgba(tints[500].hex, 0.14),
|
|
1941
|
+
ambient: dark ? rgba(tints[900].hex, 0.24) : rgba(tints[500].hex, 0.12)
|
|
1940
1942
|
},
|
|
1941
1943
|
skeleton: {
|
|
1942
1944
|
from: skeletonFrom,
|
|
@@ -8718,7 +8720,7 @@ function dialogStyle({
|
|
|
8718
8720
|
alignItems: 'center',
|
|
8719
8721
|
justifyContent: 'center',
|
|
8720
8722
|
outline: 'none',
|
|
8721
|
-
background: color.shadow.
|
|
8723
|
+
background: color.shadow.umbra
|
|
8722
8724
|
};
|
|
8723
8725
|
}
|
|
8724
8726
|
function responsiveDialogPositionStyle(props) {
|