@sanity/ui 3.0.0-static.21 → 3.0.0-static.23
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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sanity/ui",
|
|
3
|
-
"version": "3.0.0-static.
|
|
3
|
+
"version": "3.0.0-static.23",
|
|
4
4
|
"keywords": [
|
|
5
5
|
"react",
|
|
6
6
|
"ui",
|
|
@@ -177,11 +177,11 @@
|
|
|
177
177
|
"globals": "^16.0.0",
|
|
178
178
|
"http-server": "^14.1.1",
|
|
179
179
|
"husky": "^8.0.3",
|
|
180
|
+
"lightningcss": "^1.30.1",
|
|
180
181
|
"lint-staged": "^14.0.1",
|
|
181
182
|
"mkdirp": "^3.0.1",
|
|
182
183
|
"npm-run-all2": "^8.0.4",
|
|
183
184
|
"postcss": "^8.5.3",
|
|
184
|
-
"postcss-merge-at-rules": "^1.2.0",
|
|
185
185
|
"postcss-preset-env": "^10.2.0",
|
|
186
186
|
"prettier": "^3.5.3",
|
|
187
187
|
"react": "^19.1.0",
|
|
@@ -37,6 +37,7 @@ export const element = _style(layers.primitives, {
|
|
|
37
37
|
display: 'block',
|
|
38
38
|
boxSizing: 'border-box',
|
|
39
39
|
resize: 'none',
|
|
40
|
+
// See https://caniuse.com/?search=width%3A%20stretch
|
|
40
41
|
width: ['-moz-available', '-webkit-fill-available', 'stretch'],
|
|
41
42
|
|
|
42
43
|
selectors: {
|
|
@@ -205,7 +206,9 @@ export const presentation = _style(layers.primitives, {
|
|
|
205
206
|
},
|
|
206
207
|
|
|
207
208
|
[`${root}:not(${border}) &`]: {
|
|
208
|
-
|
|
209
|
+
vars: {
|
|
210
|
+
[vars.color.input.text.border]: 'transparent',
|
|
211
|
+
},
|
|
209
212
|
},
|
|
210
213
|
},
|
|
211
214
|
})
|
|
@@ -58,11 +58,13 @@ export const tones = {
|
|
|
58
58
|
},
|
|
59
59
|
|
|
60
60
|
'&:not([data-disabled]):hover': {
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
61
|
+
vars: {
|
|
62
|
+
[vars.color.bg]: tinted.bg[1],
|
|
63
|
+
[vars.color.border]: tinted.border[3],
|
|
64
|
+
[vars.color.fg]: tinted.fg[1],
|
|
65
|
+
[vars.color.muted.bg]: tinted.bg[2],
|
|
66
|
+
[vars.color.muted.fg]: tinted.fg[4],
|
|
67
|
+
},
|
|
66
68
|
},
|
|
67
69
|
},
|
|
68
70
|
},
|
|
@@ -50,8 +50,10 @@ export const root = _style(layers.primitives, {
|
|
|
50
50
|
},
|
|
51
51
|
|
|
52
52
|
':disabled &, [data-disabled] &': {
|
|
53
|
-
|
|
54
|
-
|
|
53
|
+
vars: {
|
|
54
|
+
[vars.color.avatar.bg]: vars.color.border,
|
|
55
|
+
[vars.color.avatar.fg]: vars.color.bg,
|
|
56
|
+
},
|
|
55
57
|
},
|
|
56
58
|
},
|
|
57
59
|
})
|
|
@@ -36,7 +36,8 @@ export const root = _style(layers.primitives, {
|
|
|
36
36
|
font: 'inherit',
|
|
37
37
|
textAlign: 'inherit',
|
|
38
38
|
border: 'none',
|
|
39
|
-
|
|
39
|
+
// See https://caniuse.com/?search=width%3A%20stretch
|
|
40
|
+
width: ['-moz-available', '-webkit-fill-available', 'stretch'],
|
|
40
41
|
},
|
|
41
42
|
|
|
42
43
|
'a.&': {
|