@sanity/ui 3.0.0-static.22 → 3.0.0-static.24

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.
Files changed (47) hide show
  1. package/dist/css.cjs +1 -1
  2. package/dist/css.d.cts +1 -1
  3. package/dist/css.d.ts +1 -1
  4. package/dist/css.js +1 -1
  5. package/dist/ui.css +1 -1
  6. package/package.json +11 -11
  7. package/src/css/layers.css.ts +1 -1
  8. package/src/css/primitives/_input/_input.css.ts +1 -0
  9. package/src/css/primitives/card/card.css.ts +2 -1
  10. package/src/css/props/alignItems/alignItems.css.ts +5 -5
  11. package/src/css/props/border/border.css.ts +15 -15
  12. package/src/css/props/boxSizing/boxSizing.css.ts +2 -2
  13. package/src/css/props/display/display.css.ts +7 -7
  14. package/src/css/props/flex/flex.css.ts +15 -15
  15. package/src/css/props/flexDirection/flexDirection.css.ts +4 -4
  16. package/src/css/props/flexWrap/flexWrap.css.ts +3 -3
  17. package/src/css/props/font/font.css.ts +8 -8
  18. package/src/css/props/gap/gap.css.ts +3 -3
  19. package/src/css/props/gridAutoColumns/gridAutoColumns.css.ts +4 -4
  20. package/src/css/props/gridAutoFlow/gridAutoFlow.css.ts +4 -4
  21. package/src/css/props/gridAutoRows/gridAutoRows.css.ts +4 -4
  22. package/src/css/props/gridColumn/gridColumn.css.ts +14 -14
  23. package/src/css/props/gridColumnEnd/gridColumnEnd.css.ts +13 -13
  24. package/src/css/props/gridColumnStart/gridColumnStart.css.ts +13 -13
  25. package/src/css/props/gridRow/gridRow.css.ts +14 -14
  26. package/src/css/props/gridRowEnd/gridRowEnd.css.ts +13 -13
  27. package/src/css/props/gridRowStart/gridRowStart.css.ts +13 -13
  28. package/src/css/props/gridTemplateColumns/gridTemplateColumns.css.ts +12 -12
  29. package/src/css/props/gridTemplateRows/gridTemplateRows.css.ts +12 -12
  30. package/src/css/props/height/height.css.ts +6 -6
  31. package/src/css/props/inset/inset.css.ts +5 -5
  32. package/src/css/props/justifyContent/justifyContent.css.ts +6 -6
  33. package/src/css/props/margin/margin.css.ts +14 -14
  34. package/src/css/props/maxWidth/maxWidth.css.ts +8 -8
  35. package/src/css/props/minHeight/minHeight.css.ts +2 -2
  36. package/src/css/props/minWidth/minWidth.css.ts +6 -6
  37. package/src/css/props/outline/outline.css.ts +1 -1
  38. package/src/css/props/overflow/overflow.css.ts +3 -3
  39. package/src/css/props/padding/padding.css.ts +7 -7
  40. package/src/css/props/pointerEvents/pointerEvents.css.ts +2 -2
  41. package/src/css/props/position/position.css.ts +5 -5
  42. package/src/css/props/radius/radius.css.ts +2 -2
  43. package/src/css/props/shadow/shadow.css.ts +1 -1
  44. package/src/css/props/textAlign/textAlign.css.ts +5 -5
  45. package/src/css/props/textOverflow/textOverflow.css.ts +2 -2
  46. package/src/css/props/width/width.css.ts +4 -4
  47. package/src/css/utils/srOnly/srOnly.css.ts +1 -1
package/src/css/props/padding/padding.css.ts CHANGED
@@ -11,7 +11,7 @@ export const paddingOptions: ResponsiveRuleOptions<Padding> = {
11
11
  ..._fromEntries(
12
12
  SPACE.map((index) => [
13
13
  index,
14
- _responsiveStyle(layers.utils, {
14
+ _responsiveStyle(layers.props, {
15
15
  padding: vars.space[index],
16
16
  }),
17
17
  ]),
@@ -22,7 +22,7 @@ export const paddingXOptions: ResponsiveRuleOptions<Padding> = {
22
22
  ..._fromEntries(
23
23
  SPACE.map((index) => [
24
24
  index,
25
- _responsiveStyle(layers.utils, {
25
+ _responsiveStyle(layers.props, {
26
26
  paddingLeft: vars.space[index],
27
27
  paddingRight: vars.space[index],
28
28
  }),
@@ -34,7 +34,7 @@ export const paddingYOptions: ResponsiveRuleOptions<Padding> = {
34
34
  ..._fromEntries(
35
35
  SPACE.map((index) => [
36
36
  index,
37
- _responsiveStyle(layers.utils, {
37
+ _responsiveStyle(layers.props, {
38
38
  paddingTop: vars.space[index],
39
39
  paddingBottom: vars.space[index],
40
40
  }),
@@ -46,7 +46,7 @@ export const paddingTopOptions: ResponsiveRuleOptions<Padding> = {
46
46
  ..._fromEntries(
47
47
  SPACE.map((index) => [
48
48
  index,
49
- _responsiveStyle(layers.utils, {
49
+ _responsiveStyle(layers.props, {
50
50
  paddingTop: vars.space[index],
51
51
  }),
52
52
  ]),
@@ -57,7 +57,7 @@ export const paddingRightOptions: ResponsiveRuleOptions<Padding> = {
57
57
  ..._fromEntries(
58
58
  SPACE.map((index) => [
59
59
  index,
60
- _responsiveStyle(layers.utils, {
60
+ _responsiveStyle(layers.props, {
61
61
  paddingRight: vars.space[index],
62
62
  }),
63
63
  ]),
@@ -68,7 +68,7 @@ export const paddingBottomOptions: ResponsiveRuleOptions<Padding> = {
68
68
  ..._fromEntries(
69
69
  SPACE.map((index) => [
70
70
  index,
71
- _responsiveStyle(layers.utils, {
71
+ _responsiveStyle(layers.props, {
72
72
  paddingBottom: vars.space[index],
73
73
  }),
74
74
  ]),
@@ -79,7 +79,7 @@ export const paddingLeftOptions: ResponsiveRuleOptions<Padding> = {
79
79
  ..._fromEntries(
80
80
  SPACE.map((index) => [
81
81
  index,
82
- _responsiveStyle(layers.utils, {
82
+ _responsiveStyle(layers.props, {
83
83
  paddingLeft: vars.space[index],
84
84
  }),
85
85
  ]),
package/src/css/props/pointerEvents/pointerEvents.css.ts CHANGED
@@ -4,10 +4,10 @@ import type {ResponsiveRuleOptions} from '../../types'
4
4
  import type {PointerEvents} from './types'
5
5
 
6
6
  export const options: ResponsiveRuleOptions<PointerEvents> = {
7
- auto: _responsiveStyle(layers.utils, {
7
+ auto: _responsiveStyle(layers.props, {
8
8
  pointerEvents: 'auto',
9
9
  }),
10
- none: _responsiveStyle(layers.utils, {
10
+ none: _responsiveStyle(layers.props, {
11
11
  pointerEvents: 'none',
12
12
  }),
13
13
  }
package/src/css/props/position/position.css.ts CHANGED
@@ -4,19 +4,19 @@ import type {ResponsiveRuleOptions} from '../../types'
4
4
  import type {Position} from './types'
5
5
 
6
6
  export const options: ResponsiveRuleOptions<Position> = {
7
- absolute: _responsiveStyle(layers.utils, {
7
+ absolute: _responsiveStyle(layers.props, {
8
8
  position: 'absolute',
9
9
  }),
10
- fixed: _responsiveStyle(layers.utils, {
10
+ fixed: _responsiveStyle(layers.props, {
11
11
  position: 'fixed',
12
12
  }),
13
- relative: _responsiveStyle(layers.utils, {
13
+ relative: _responsiveStyle(layers.props, {
14
14
  position: 'relative',
15
15
  }),
16
- static: _responsiveStyle(layers.utils, {
16
+ static: _responsiveStyle(layers.props, {
17
17
  position: 'static',
18
18
  }),
19
- sticky: _responsiveStyle(layers.utils, {
19
+ sticky: _responsiveStyle(layers.props, {
20
20
  position: 'sticky',
21
21
  }),
22
22
  }
package/src/css/props/radius/radius.css.ts CHANGED
@@ -7,13 +7,13 @@ import type {ResponsiveRuleOptions} from '../../types'
7
7
  import {vars} from '../../vars.css'
8
8
 
9
9
  export const options: ResponsiveRuleOptions<Radius | 'full'> = {
10
- full: _responsiveStyle(layers.utils, {
10
+ full: _responsiveStyle(layers.props, {
11
11
  borderRadius: '9999px',
12
12
  }),
13
13
  ..._fromEntries(
14
14
  RADIUS.map((index) => [
15
15
  index,
16
- _responsiveStyle(layers.utils, {
16
+ _responsiveStyle(layers.props, {
17
17
  borderRadius: vars.radius[index],
18
18
  }),
19
19
  ]),
package/src/css/props/shadow/shadow.css.ts CHANGED
@@ -10,7 +10,7 @@ export const options: ResponsiveRuleOptions<Shadow> = {
10
10
  ..._fromEntries(
11
11
  SHADOW.map((index) => [
12
12
  index,
13
- _responsiveStyle(layers.utils, {
13
+ _responsiveStyle(layers.props, {
14
14
  boxShadow: [
15
15
  `0 0 0 ${vars.card.shadow.outline} ${vars.color.shadow.outline}`,
16
16
  `${vars.shadow[index].umbra} ${vars.color.shadow.umbra}`,
package/src/css/props/textAlign/textAlign.css.ts CHANGED
@@ -4,19 +4,19 @@ import type {ResponsiveRuleOptions} from '../../types'
4
4
  import type {TextAlign} from './types'
5
5
 
6
6
  export const options: ResponsiveRuleOptions<TextAlign> = {
7
- left: _responsiveStyle(layers.utils, {
7
+ left: _responsiveStyle(layers.props, {
8
8
  textAlign: 'left',
9
9
  }),
10
- right: _responsiveStyle(layers.utils, {
10
+ right: _responsiveStyle(layers.props, {
11
11
  textAlign: 'right',
12
12
  }),
13
- center: _responsiveStyle(layers.utils, {
13
+ center: _responsiveStyle(layers.props, {
14
14
  textAlign: 'center',
15
15
  }),
16
- justify: _responsiveStyle(layers.utils, {
16
+ justify: _responsiveStyle(layers.props, {
17
17
  textAlign: 'justify',
18
18
  }),
19
- initial: _responsiveStyle(layers.utils, {
19
+ initial: _responsiveStyle(layers.props, {
20
20
  textAlign: 'initial',
21
21
  }),
22
22
  }
package/src/css/props/textOverflow/textOverflow.css.ts CHANGED
@@ -4,10 +4,10 @@ import type {ResponsiveRuleOptions} from '../../types'
4
4
  import type {TextOverflow} from './types'
5
5
 
6
6
  export const options: ResponsiveRuleOptions<TextOverflow> = {
7
- clip: _responsiveStyle(layers.utils, {
7
+ clip: _responsiveStyle(layers.props, {
8
8
  textOverflow: 'clip',
9
9
  }),
10
- ellipsis: _responsiveStyle(layers.utils, {
10
+ ellipsis: _responsiveStyle(layers.props, {
11
11
  textOverflow: 'ellipsis',
12
12
  }),
13
13
  }
package/src/css/props/width/width.css.ts CHANGED
@@ -8,19 +8,19 @@ import {vars} from '../../vars.css'
8
8
  import type {Width} from './types'
9
9
 
10
10
  export const options: ResponsiveRuleOptions<Width> = {
11
- auto: _responsiveStyle(layers.utils, {
11
+ auto: _responsiveStyle(layers.props, {
12
12
  width: 'auto',
13
13
  }),
14
- fill: _responsiveStyle(layers.utils, {
14
+ fill: _responsiveStyle(layers.props, {
15
15
  width: '100%',
16
16
  }),
17
- stretch: _responsiveStyle(layers.utils, {
17
+ stretch: _responsiveStyle(layers.props, {
18
18
  width: 'stretch',
19
19
  }),
20
20
  ..._fromEntries(
21
21
  CONTAINER_SCALE.map((index) => [
22
22
  index,
23
- _responsiveStyle(layers.utils, {
23
+ _responsiveStyle(layers.props, {
24
24
  width: vars.container[index],
25
25
  }),
26
26
  ]),
package/src/css/utils/srOnly/srOnly.css.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import {_style} from '../../_style.css'
2
2
  import {layers} from '../../layers.css'
3
3
 
4
- export const root = _style(layers.utils, {
4
+ export const root = _style(layers.primitives, {
5
5
  display: 'block',
6
6
  width: 0,
7
7
  height: 0,