@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
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../../../src/theme/studioTheme/color.ts"],"names":[],"mappings":"AAgBA,eAAO,MAAM,KAAK,
|
|
1
|
+
{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../../../src/theme/studioTheme/color.ts"],"names":[],"mappings":"AAgBA,eAAO,MAAM,KAAK,0CA6mBhB,CAAA"}
|
package/lib/sanity-ui.js
CHANGED
|
@@ -1984,18 +1984,20 @@ var color = createColorTheme({
|
|
|
1984
1984
|
name = _ref.name;
|
|
1985
1985
|
|
|
1986
1986
|
if (name === 'default') {
|
|
1987
|
-
var
|
|
1987
|
+
var _tints = color$1.hues.gray;
|
|
1988
|
+
|
|
1989
|
+
var _skeletonFrom = dark ? _tints[900].hex : _tints[100].hex;
|
|
1988
1990
|
|
|
1989
1991
|
return {
|
|
1990
1992
|
fg: dark ? color$1.white.hex : color$1.black.hex,
|
|
1991
1993
|
bg: dark ? color$1.black.hex : color$1.white.hex,
|
|
1992
|
-
border:
|
|
1994
|
+
border: _tints[dark ? 800 : 200].hex,
|
|
1993
1995
|
focusRing: color$1.hues.blue[dark ? 500 : 500].hex,
|
|
1994
1996
|
shadow: {
|
|
1995
|
-
outline: rgba(
|
|
1996
|
-
umbra:
|
|
1997
|
-
penumbra:
|
|
1998
|
-
ambient:
|
|
1997
|
+
outline: rgba(_tints[500].hex, 0.4),
|
|
1998
|
+
umbra: dark ? rgba(_tints[950].hex, 0.4) : rgba(_tints[500].hex, 0.2),
|
|
1999
|
+
penumbra: dark ? rgba(_tints[950].hex, 0.28) : rgba(_tints[500].hex, 0.14),
|
|
2000
|
+
ambient: dark ? rgba(_tints[950].hex, 0.24) : rgba(_tints[500].hex, 0.12)
|
|
1999
2001
|
},
|
|
2000
2002
|
skeleton: {
|
|
2001
2003
|
from: _skeletonFrom,
|
|
@@ -2005,18 +2007,18 @@ var color = createColorTheme({
|
|
|
2005
2007
|
}
|
|
2006
2008
|
|
|
2007
2009
|
if (name === 'transparent') {
|
|
2008
|
-
var
|
|
2009
|
-
var _skeletonFrom2 =
|
|
2010
|
+
var _tints2 = tones["default"];
|
|
2011
|
+
var _skeletonFrom2 = _tints2[dark ? 800 : 200].hex;
|
|
2010
2012
|
return {
|
|
2011
|
-
fg:
|
|
2012
|
-
bg:
|
|
2013
|
-
border:
|
|
2013
|
+
fg: _tints2[dark ? 100 : 900].hex,
|
|
2014
|
+
bg: _tints2[dark ? 950 : 50].hex,
|
|
2015
|
+
border: _tints2[dark ? 800 : 300].hex,
|
|
2014
2016
|
focusRing: color$1.hues.blue[500].hex,
|
|
2015
2017
|
shadow: {
|
|
2016
|
-
outline: rgba(
|
|
2017
|
-
umbra:
|
|
2018
|
-
penumbra:
|
|
2019
|
-
ambient:
|
|
2018
|
+
outline: rgba(_tints2[500].hex, 0.4),
|
|
2019
|
+
umbra: dark ? rgba(_tints2[900].hex, 0.4) : rgba(_tints2[500].hex, 0.2),
|
|
2020
|
+
penumbra: dark ? rgba(_tints2[900].hex, 0.28) : rgba(_tints2[500].hex, 0.14),
|
|
2021
|
+
ambient: dark ? rgba(_tints2[900].hex, 0.24) : rgba(_tints2[500].hex, 0.12)
|
|
2020
2022
|
},
|
|
2021
2023
|
skeleton: {
|
|
2022
2024
|
from: _skeletonFrom2,
|
|
@@ -2033,10 +2035,10 @@ var color = createColorTheme({
|
|
|
2033
2035
|
border: tints[dark ? 800 : 200].hex,
|
|
2034
2036
|
focusRing: tints[500].hex,
|
|
2035
2037
|
shadow: {
|
|
2036
|
-
outline: rgba(tints[500].hex,
|
|
2037
|
-
umbra:
|
|
2038
|
-
penumbra:
|
|
2039
|
-
ambient:
|
|
2038
|
+
outline: rgba(tints[500].hex, 0.4),
|
|
2039
|
+
umbra: dark ? rgba(tints[900].hex, 0.4) : rgba(tints[500].hex, 0.2),
|
|
2040
|
+
penumbra: dark ? rgba(tints[900].hex, 0.28) : rgba(tints[500].hex, 0.14),
|
|
2041
|
+
ambient: dark ? rgba(tints[900].hex, 0.24) : rgba(tints[500].hex, 0.12)
|
|
2040
2042
|
},
|
|
2041
2043
|
skeleton: {
|
|
2042
2044
|
from: skeletonFrom,
|
|
@@ -7741,7 +7743,7 @@ function dialogStyle(_ref) {
|
|
|
7741
7743
|
alignItems: 'center',
|
|
7742
7744
|
justifyContent: 'center',
|
|
7743
7745
|
outline: 'none',
|
|
7744
|
-
background: color.shadow.
|
|
7746
|
+
background: color.shadow.umbra
|
|
7745
7747
|
};
|
|
7746
7748
|
}
|
|
7747
7749
|
function responsiveDialogPositionStyle(props) {
|