@sanity/ui 3.0.0-static.6 → 3.0.0-static.8

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 (60) hide show
  1. package/dist/_chunks-cjs/_visual-editing.js +53 -53
  2. package/dist/_chunks-cjs/_visual-editing.js.map +1 -1
  3. package/dist/_chunks-es/_visual-editing.mjs +54 -54
  4. package/dist/_chunks-es/_visual-editing.mjs.map +1 -1
  5. package/dist/cli.js +1 -1
  6. package/dist/css.d.mts +207 -185
  7. package/dist/css.d.ts +207 -185
  8. package/dist/css.js +617 -547
  9. package/dist/css.js.map +1 -1
  10. package/dist/css.mjs +617 -547
  11. package/dist/css.mjs.map +1 -1
  12. package/dist/index.js +3 -13
  13. package/dist/index.js.map +1 -1
  14. package/dist/index.mjs +3 -13
  15. package/dist/index.mjs.map +1 -1
  16. package/dist/sanity-theme.css +1 -1
  17. package/dist/system.css +1334 -914
  18. package/dist/theme.d.mts +84 -76
  19. package/dist/theme.d.ts +84 -76
  20. package/dist/theme.js +148 -124
  21. package/dist/theme.js.map +1 -1
  22. package/dist/theme.mjs +148 -124
  23. package/dist/theme.mjs.map +1 -1
  24. package/package.json +1 -1
  25. package/src/css/aspects/index.ts +1 -0
  26. package/src/css/aspects/minWidth/index.ts +2 -0
  27. package/src/css/aspects/minWidth/minWidth.style.ts +13 -0
  28. package/src/css/aspects/minWidth/minWidth.ts +6 -0
  29. package/src/css/aspects/minWidth/types.ts +7 -0
  30. package/src/css/compile/compileRule.ts +1 -0
  31. package/src/css/compile/compileStyle.ts +1 -1
  32. package/src/css/compile/compileTheme_v3.ts +46 -37
  33. package/src/css/primitives/badge/badge.style.ts +1 -1
  34. package/src/css/primitives/box/box.style.ts +1 -1
  35. package/src/css/primitives/box/box.ts +2 -3
  36. package/src/css/primitives/box/types.ts +2 -0
  37. package/src/css/primitives/button/button.style.ts +20 -0
  38. package/src/css/primitives/card/card.style.ts +116 -44
  39. package/src/css/primitives/card/types.ts +0 -1
  40. package/src/css/primitives/kbd/kbd.style.ts +1 -1
  41. package/src/css/primitives/popover/popover.ts +4 -0
  42. package/src/css/primitives/switch/switch.style.ts +8 -83
  43. package/src/css/primitives/text/text.style.ts +11 -3
  44. package/src/css/system.style.ts +2 -0
  45. package/src/css/types.ts +200 -188
  46. package/src/css/varNames.ts +86 -76
  47. package/src/css/vars.ts +85 -76
  48. package/src/theme/v3/color/buildColor_v3.ts +43 -38
  49. package/src/theme/v3/color/card.ts +43 -38
  50. package/src/theme/v3/color/color.ts +42 -38
  51. package/src/theme/v3/defaults.ts +63 -47
  52. package/src/theme/v3/resolveTokens.ts +43 -38
  53. package/src/theme/versioning/themeColor_v3_v2.ts +1 -1
  54. package/src/ui/components/autocomplete/__workshop__/async.tsx +0 -1
  55. package/src/ui/components/autocomplete/autocomplete.tsx +2 -11
  56. package/src/ui/primitives/box/box.tsx +4 -3
  57. package/src/ui/primitives/card/card.tsx +2 -6
  58. package/src/ui/primitives/kbd/kbd.tsx +2 -2
  59. package/src/ui/primitives/popover/popoverCard.tsx +45 -39
  60. package/src/css/primitives/card/rules.ts +0 -473
package/dist/theme.d.mts CHANGED
@@ -34,6 +34,48 @@ export declare interface CardColorTokens {
34
34
  }
35
35
  >
36
36
  backdrop: [ColorToken, ColorToken]
37
+ code: {
38
+ bg: [ColorToken, ColorToken]
39
+ fg: [ColorToken, ColorToken]
40
+ token: {
41
+ atrule: [ColorToken, ColorToken]
42
+ attrName: [ColorToken, ColorToken]
43
+ attrValue: [ColorToken, ColorToken]
44
+ attribute: [ColorToken, ColorToken]
45
+ boolean: [ColorToken, ColorToken]
46
+ builtin: [ColorToken, ColorToken]
47
+ cdata: [ColorToken, ColorToken]
48
+ char: [ColorToken, ColorToken]
49
+ class: [ColorToken, ColorToken]
50
+ className: [ColorToken, ColorToken]
51
+ comment: [ColorToken, ColorToken]
52
+ constant: [ColorToken, ColorToken]
53
+ deleted: [ColorToken, ColorToken]
54
+ doctype: [ColorToken, ColorToken]
55
+ entity: [ColorToken, ColorToken]
56
+ function: [ColorToken, ColorToken]
57
+ hexcode: [ColorToken, ColorToken]
58
+ id: [ColorToken, ColorToken]
59
+ important: [ColorToken, ColorToken]
60
+ inserted: [ColorToken, ColorToken]
61
+ keyword: [ColorToken, ColorToken]
62
+ number: [ColorToken, ColorToken]
63
+ operator: [ColorToken, ColorToken]
64
+ prolog: [ColorToken, ColorToken]
65
+ property: [ColorToken, ColorToken]
66
+ pseudoClass: [ColorToken, ColorToken]
67
+ pseudoElement: [ColorToken, ColorToken]
68
+ punctuation: [ColorToken, ColorToken]
69
+ regex: [ColorToken, ColorToken]
70
+ selector: [ColorToken, ColorToken]
71
+ string: [ColorToken, ColorToken]
72
+ symbol: [ColorToken, ColorToken]
73
+ tag: [ColorToken, ColorToken]
74
+ unit: [ColorToken, ColorToken]
75
+ url: [ColorToken, ColorToken]
76
+ variable: [ColorToken, ColorToken]
77
+ }
78
+ }
37
79
  focusRing: [ColorToken, ColorToken]
38
80
  link: {
39
81
  fg: [ColorToken, ColorToken]
@@ -48,44 +90,6 @@ export declare interface CardColorTokens {
48
90
  from: [ColorToken, ColorToken]
49
91
  to: [ColorToken, ColorToken]
50
92
  }
51
- token: {
52
- atrule: [ColorToken, ColorToken]
53
- attrName: [ColorToken, ColorToken]
54
- attrValue: [ColorToken, ColorToken]
55
- attribute: [ColorToken, ColorToken]
56
- boolean: [ColorToken, ColorToken]
57
- builtin: [ColorToken, ColorToken]
58
- cdata: [ColorToken, ColorToken]
59
- char: [ColorToken, ColorToken]
60
- class: [ColorToken, ColorToken]
61
- className: [ColorToken, ColorToken]
62
- comment: [ColorToken, ColorToken]
63
- constant: [ColorToken, ColorToken]
64
- deleted: [ColorToken, ColorToken]
65
- doctype: [ColorToken, ColorToken]
66
- entity: [ColorToken, ColorToken]
67
- function: [ColorToken, ColorToken]
68
- hexcode: [ColorToken, ColorToken]
69
- id: [ColorToken, ColorToken]
70
- important: [ColorToken, ColorToken]
71
- inserted: [ColorToken, ColorToken]
72
- keyword: [ColorToken, ColorToken]
73
- number: [ColorToken, ColorToken]
74
- operator: [ColorToken, ColorToken]
75
- prolog: [ColorToken, ColorToken]
76
- property: [ColorToken, ColorToken]
77
- pseudoClass: [ColorToken, ColorToken]
78
- pseudoElement: [ColorToken, ColorToken]
79
- punctuation: [ColorToken, ColorToken]
80
- regex: [ColorToken, ColorToken]
81
- selector: [ColorToken, ColorToken]
82
- string: [ColorToken, ColorToken]
83
- symbol: [ColorToken, ColorToken]
84
- tag: [ColorToken, ColorToken]
85
- unit: [ColorToken, ColorToken]
86
- url: [ColorToken, ColorToken]
87
- variable: [ColorToken, ColorToken]
88
- }
89
93
  variant: {
90
94
  solid: Record<'*' | ThemeColorStateToneKey, ElementColorTokens>
91
95
  tinted: Record<'*' | ThemeColorStateToneKey, ElementColorTokens>
@@ -1064,6 +1068,48 @@ export declare interface ThemeColorCard_v3 {
1064
1068
  _hue: Hue
1065
1069
  avatar: ThemeColorAvatar_v2
1066
1070
  backdrop: string
1071
+ code: {
1072
+ bg: string
1073
+ fg: string
1074
+ token: {
1075
+ atrule: string
1076
+ attrName: string
1077
+ attrValue: string
1078
+ attribute: string
1079
+ boolean: string
1080
+ builtin: string
1081
+ cdata: string
1082
+ char: string
1083
+ class: string
1084
+ className: string
1085
+ comment: string
1086
+ constant: string
1087
+ deleted: string
1088
+ doctype: string
1089
+ entity: string
1090
+ function: string
1091
+ hexcode: string
1092
+ id: string
1093
+ important: string
1094
+ inserted: string
1095
+ keyword: string
1096
+ number: string
1097
+ operator: string
1098
+ prolog: string
1099
+ property: string
1100
+ pseudoClass: string
1101
+ pseudoElement: string
1102
+ punctuation: string
1103
+ regex: string
1104
+ selector: string
1105
+ string: string
1106
+ symbol: string
1107
+ tag: string
1108
+ unit: string
1109
+ url: string
1110
+ variable: string
1111
+ }
1112
+ }
1067
1113
  focusRing: string
1068
1114
  shadow: {
1069
1115
  outline: string
@@ -1071,44 +1117,6 @@ export declare interface ThemeColorCard_v3 {
1071
1117
  penumbra: string
1072
1118
  ambient: string
1073
1119
  }
1074
- token: {
1075
- atrule: string
1076
- attrName: string
1077
- attrValue: string
1078
- attribute: string
1079
- boolean: string
1080
- builtin: string
1081
- cdata: string
1082
- char: string
1083
- class: string
1084
- className: string
1085
- comment: string
1086
- constant: string
1087
- deleted: string
1088
- doctype: string
1089
- entity: string
1090
- function: string
1091
- hexcode: string
1092
- id: string
1093
- important: string
1094
- inserted: string
1095
- keyword: string
1096
- number: string
1097
- operator: string
1098
- prolog: string
1099
- property: string
1100
- pseudoClass: string
1101
- pseudoElement: string
1102
- punctuation: string
1103
- regex: string
1104
- selector: string
1105
- string: string
1106
- symbol: string
1107
- tag: string
1108
- unit: string
1109
- url: string
1110
- variable: string
1111
- }
1112
1120
  skeleton: {
1113
1121
  from: string
1114
1122
  to: string
package/dist/theme.d.ts CHANGED
@@ -34,6 +34,48 @@ export declare interface CardColorTokens {
34
34
  }
35
35
  >
36
36
  backdrop: [ColorToken, ColorToken]
37
+ code: {
38
+ bg: [ColorToken, ColorToken]
39
+ fg: [ColorToken, ColorToken]
40
+ token: {
41
+ atrule: [ColorToken, ColorToken]
42
+ attrName: [ColorToken, ColorToken]
43
+ attrValue: [ColorToken, ColorToken]
44
+ attribute: [ColorToken, ColorToken]
45
+ boolean: [ColorToken, ColorToken]
46
+ builtin: [ColorToken, ColorToken]
47
+ cdata: [ColorToken, ColorToken]
48
+ char: [ColorToken, ColorToken]
49
+ class: [ColorToken, ColorToken]
50
+ className: [ColorToken, ColorToken]
51
+ comment: [ColorToken, ColorToken]
52
+ constant: [ColorToken, ColorToken]
53
+ deleted: [ColorToken, ColorToken]
54
+ doctype: [ColorToken, ColorToken]
55
+ entity: [ColorToken, ColorToken]
56
+ function: [ColorToken, ColorToken]
57
+ hexcode: [ColorToken, ColorToken]
58
+ id: [ColorToken, ColorToken]
59
+ important: [ColorToken, ColorToken]
60
+ inserted: [ColorToken, ColorToken]
61
+ keyword: [ColorToken, ColorToken]
62
+ number: [ColorToken, ColorToken]
63
+ operator: [ColorToken, ColorToken]
64
+ prolog: [ColorToken, ColorToken]
65
+ property: [ColorToken, ColorToken]
66
+ pseudoClass: [ColorToken, ColorToken]
67
+ pseudoElement: [ColorToken, ColorToken]
68
+ punctuation: [ColorToken, ColorToken]
69
+ regex: [ColorToken, ColorToken]
70
+ selector: [ColorToken, ColorToken]
71
+ string: [ColorToken, ColorToken]
72
+ symbol: [ColorToken, ColorToken]
73
+ tag: [ColorToken, ColorToken]
74
+ unit: [ColorToken, ColorToken]
75
+ url: [ColorToken, ColorToken]
76
+ variable: [ColorToken, ColorToken]
77
+ }
78
+ }
37
79
  focusRing: [ColorToken, ColorToken]
38
80
  link: {
39
81
  fg: [ColorToken, ColorToken]
@@ -48,44 +90,6 @@ export declare interface CardColorTokens {
48
90
  from: [ColorToken, ColorToken]
49
91
  to: [ColorToken, ColorToken]
50
92
  }
51
- token: {
52
- atrule: [ColorToken, ColorToken]
53
- attrName: [ColorToken, ColorToken]
54
- attrValue: [ColorToken, ColorToken]
55
- attribute: [ColorToken, ColorToken]
56
- boolean: [ColorToken, ColorToken]
57
- builtin: [ColorToken, ColorToken]
58
- cdata: [ColorToken, ColorToken]
59
- char: [ColorToken, ColorToken]
60
- class: [ColorToken, ColorToken]
61
- className: [ColorToken, ColorToken]
62
- comment: [ColorToken, ColorToken]
63
- constant: [ColorToken, ColorToken]
64
- deleted: [ColorToken, ColorToken]
65
- doctype: [ColorToken, ColorToken]
66
- entity: [ColorToken, ColorToken]
67
- function: [ColorToken, ColorToken]
68
- hexcode: [ColorToken, ColorToken]
69
- id: [ColorToken, ColorToken]
70
- important: [ColorToken, ColorToken]
71
- inserted: [ColorToken, ColorToken]
72
- keyword: [ColorToken, ColorToken]
73
- number: [ColorToken, ColorToken]
74
- operator: [ColorToken, ColorToken]
75
- prolog: [ColorToken, ColorToken]
76
- property: [ColorToken, ColorToken]
77
- pseudoClass: [ColorToken, ColorToken]
78
- pseudoElement: [ColorToken, ColorToken]
79
- punctuation: [ColorToken, ColorToken]
80
- regex: [ColorToken, ColorToken]
81
- selector: [ColorToken, ColorToken]
82
- string: [ColorToken, ColorToken]
83
- symbol: [ColorToken, ColorToken]
84
- tag: [ColorToken, ColorToken]
85
- unit: [ColorToken, ColorToken]
86
- url: [ColorToken, ColorToken]
87
- variable: [ColorToken, ColorToken]
88
- }
89
93
  variant: {
90
94
  solid: Record<'*' | ThemeColorStateToneKey, ElementColorTokens>
91
95
  tinted: Record<'*' | ThemeColorStateToneKey, ElementColorTokens>
@@ -1064,6 +1068,48 @@ export declare interface ThemeColorCard_v3 {
1064
1068
  _hue: Hue
1065
1069
  avatar: ThemeColorAvatar_v2
1066
1070
  backdrop: string
1071
+ code: {
1072
+ bg: string
1073
+ fg: string
1074
+ token: {
1075
+ atrule: string
1076
+ attrName: string
1077
+ attrValue: string
1078
+ attribute: string
1079
+ boolean: string
1080
+ builtin: string
1081
+ cdata: string
1082
+ char: string
1083
+ class: string
1084
+ className: string
1085
+ comment: string
1086
+ constant: string
1087
+ deleted: string
1088
+ doctype: string
1089
+ entity: string
1090
+ function: string
1091
+ hexcode: string
1092
+ id: string
1093
+ important: string
1094
+ inserted: string
1095
+ keyword: string
1096
+ number: string
1097
+ operator: string
1098
+ prolog: string
1099
+ property: string
1100
+ pseudoClass: string
1101
+ pseudoElement: string
1102
+ punctuation: string
1103
+ regex: string
1104
+ selector: string
1105
+ string: string
1106
+ symbol: string
1107
+ tag: string
1108
+ unit: string
1109
+ url: string
1110
+ variable: string
1111
+ }
1112
+ }
1067
1113
  focusRing: string
1068
1114
  shadow: {
1069
1115
  outline: string
@@ -1071,44 +1117,6 @@ export declare interface ThemeColorCard_v3 {
1071
1117
  penumbra: string
1072
1118
  ambient: string
1073
1119
  }
1074
- token: {
1075
- atrule: string
1076
- attrName: string
1077
- attrValue: string
1078
- attribute: string
1079
- boolean: string
1080
- builtin: string
1081
- cdata: string
1082
- char: string
1083
- class: string
1084
- className: string
1085
- comment: string
1086
- constant: string
1087
- deleted: string
1088
- doctype: string
1089
- entity: string
1090
- function: string
1091
- hexcode: string
1092
- id: string
1093
- important: string
1094
- inserted: string
1095
- keyword: string
1096
- number: string
1097
- operator: string
1098
- prolog: string
1099
- property: string
1100
- pseudoClass: string
1101
- pseudoElement: string
1102
- punctuation: string
1103
- regex: string
1104
- selector: string
1105
- string: string
1106
- symbol: string
1107
- tag: string
1108
- unit: string
1109
- url: string
1110
- variable: string
1111
- }
1112
1120
  skeleton: {
1113
1121
  from: string
1114
1122
  to: string