@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.module.js
CHANGED
|
@@ -1975,18 +1975,20 @@ var color = createColorTheme({
|
|
|
1975
1975
|
name = _ref.name;
|
|
1976
1976
|
|
|
1977
1977
|
if (name === 'default') {
|
|
1978
|
-
var
|
|
1978
|
+
var _tints = hues.gray;
|
|
1979
|
+
|
|
1980
|
+
var _skeletonFrom = dark ? _tints[900].hex : _tints[100].hex;
|
|
1979
1981
|
|
|
1980
1982
|
return {
|
|
1981
1983
|
fg: dark ? white$1.hex : black$1.hex,
|
|
1982
1984
|
bg: dark ? black$1.hex : white$1.hex,
|
|
1983
|
-
border:
|
|
1985
|
+
border: _tints[dark ? 800 : 200].hex,
|
|
1984
1986
|
focusRing: hues.blue[dark ? 500 : 500].hex,
|
|
1985
1987
|
shadow: {
|
|
1986
|
-
outline: rgba(
|
|
1987
|
-
umbra:
|
|
1988
|
-
penumbra:
|
|
1989
|
-
ambient:
|
|
1988
|
+
outline: rgba(_tints[500].hex, 0.4),
|
|
1989
|
+
umbra: dark ? rgba(_tints[950].hex, 0.4) : rgba(_tints[500].hex, 0.2),
|
|
1990
|
+
penumbra: dark ? rgba(_tints[950].hex, 0.28) : rgba(_tints[500].hex, 0.14),
|
|
1991
|
+
ambient: dark ? rgba(_tints[950].hex, 0.24) : rgba(_tints[500].hex, 0.12)
|
|
1990
1992
|
},
|
|
1991
1993
|
skeleton: {
|
|
1992
1994
|
from: _skeletonFrom,
|
|
@@ -1996,18 +1998,18 @@ var color = createColorTheme({
|
|
|
1996
1998
|
}
|
|
1997
1999
|
|
|
1998
2000
|
if (name === 'transparent') {
|
|
1999
|
-
var
|
|
2000
|
-
var _skeletonFrom2 =
|
|
2001
|
+
var _tints2 = tones["default"];
|
|
2002
|
+
var _skeletonFrom2 = _tints2[dark ? 800 : 200].hex;
|
|
2001
2003
|
return {
|
|
2002
|
-
fg:
|
|
2003
|
-
bg:
|
|
2004
|
-
border:
|
|
2004
|
+
fg: _tints2[dark ? 100 : 900].hex,
|
|
2005
|
+
bg: _tints2[dark ? 950 : 50].hex,
|
|
2006
|
+
border: _tints2[dark ? 800 : 300].hex,
|
|
2005
2007
|
focusRing: hues.blue[500].hex,
|
|
2006
2008
|
shadow: {
|
|
2007
|
-
outline: rgba(
|
|
2008
|
-
umbra:
|
|
2009
|
-
penumbra:
|
|
2010
|
-
ambient:
|
|
2009
|
+
outline: rgba(_tints2[500].hex, 0.4),
|
|
2010
|
+
umbra: dark ? rgba(_tints2[900].hex, 0.4) : rgba(_tints2[500].hex, 0.2),
|
|
2011
|
+
penumbra: dark ? rgba(_tints2[900].hex, 0.28) : rgba(_tints2[500].hex, 0.14),
|
|
2012
|
+
ambient: dark ? rgba(_tints2[900].hex, 0.24) : rgba(_tints2[500].hex, 0.12)
|
|
2011
2013
|
},
|
|
2012
2014
|
skeleton: {
|
|
2013
2015
|
from: _skeletonFrom2,
|
|
@@ -2024,10 +2026,10 @@ var color = createColorTheme({
|
|
|
2024
2026
|
border: tints[dark ? 800 : 200].hex,
|
|
2025
2027
|
focusRing: tints[500].hex,
|
|
2026
2028
|
shadow: {
|
|
2027
|
-
outline: rgba(tints[500].hex,
|
|
2028
|
-
umbra:
|
|
2029
|
-
penumbra:
|
|
2030
|
-
ambient:
|
|
2029
|
+
outline: rgba(tints[500].hex, 0.4),
|
|
2030
|
+
umbra: dark ? rgba(tints[900].hex, 0.4) : rgba(tints[500].hex, 0.2),
|
|
2031
|
+
penumbra: dark ? rgba(tints[900].hex, 0.28) : rgba(tints[500].hex, 0.14),
|
|
2032
|
+
ambient: dark ? rgba(tints[900].hex, 0.24) : rgba(tints[500].hex, 0.12)
|
|
2031
2033
|
},
|
|
2032
2034
|
skeleton: {
|
|
2033
2035
|
from: skeletonFrom,
|
|
@@ -7732,7 +7734,7 @@ function dialogStyle(_ref) {
|
|
|
7732
7734
|
alignItems: 'center',
|
|
7733
7735
|
justifyContent: 'center',
|
|
7734
7736
|
outline: 'none',
|
|
7735
|
-
background: color.shadow.
|
|
7737
|
+
background: color.shadow.umbra
|
|
7736
7738
|
};
|
|
7737
7739
|
}
|
|
7738
7740
|
function responsiveDialogPositionStyle(props) {
|