@react-spectrum/s2 0.10.0 → 0.11.0

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 (296) hide show
  1. package/dist/Accordion.cjs +2 -2
  2. package/dist/Accordion.css +2 -2
  3. package/dist/Accordion.mjs +2 -2
  4. package/dist/ActionBar.cjs +62 -62
  5. package/dist/ActionBar.css +61 -61
  6. package/dist/ActionBar.mjs +62 -62
  7. package/dist/ActionButton.cjs +202 -202
  8. package/dist/ActionButton.css +138 -138
  9. package/dist/ActionButton.mjs +202 -202
  10. package/dist/ActionButtonGroup.cjs +15 -15
  11. package/dist/ActionButtonGroup.css +9 -9
  12. package/dist/ActionButtonGroup.mjs +15 -15
  13. package/dist/Add.cjs +10 -10
  14. package/dist/Add.css +6 -6
  15. package/dist/Add.mjs +10 -10
  16. package/dist/AlertDialog.cjs +3 -3
  17. package/dist/AlertDialog.css +3 -3
  18. package/dist/AlertDialog.mjs +3 -3
  19. package/dist/Asterisk.cjs +6 -6
  20. package/dist/Asterisk.css +4 -4
  21. package/dist/Asterisk.mjs +6 -6
  22. package/dist/Avatar.cjs +14 -14
  23. package/dist/Avatar.css +14 -14
  24. package/dist/Avatar.mjs +14 -14
  25. package/dist/AvatarGroup.cjs +134 -134
  26. package/dist/AvatarGroup.css +33 -33
  27. package/dist/AvatarGroup.mjs +134 -134
  28. package/dist/Badge.cjs +206 -206
  29. package/dist/Badge.css +127 -127
  30. package/dist/Badge.mjs +206 -206
  31. package/dist/Breadcrumbs.cjs +254 -254
  32. package/dist/Breadcrumbs.css +109 -109
  33. package/dist/Breadcrumbs.mjs +254 -254
  34. package/dist/Button.cjs +341 -341
  35. package/dist/Button.css +177 -177
  36. package/dist/Button.mjs +341 -341
  37. package/dist/ButtonGroup.cjs +20 -20
  38. package/dist/ButtonGroup.css +15 -15
  39. package/dist/ButtonGroup.mjs +20 -20
  40. package/dist/Calendar.cjs +151 -139
  41. package/dist/Calendar.cjs.map +1 -1
  42. package/dist/Calendar.css +134 -134
  43. package/dist/Calendar.css.map +1 -1
  44. package/dist/Calendar.mjs +153 -141
  45. package/dist/Calendar.mjs.map +1 -1
  46. package/dist/Card.cjs +304 -304
  47. package/dist/Card.css +209 -209
  48. package/dist/Card.mjs +304 -304
  49. package/dist/CardView.cjs +16 -16
  50. package/dist/CardView.css +16 -16
  51. package/dist/CardView.mjs +16 -16
  52. package/dist/CenterBaseline.cjs +1 -1
  53. package/dist/CenterBaseline.css +2 -2
  54. package/dist/CenterBaseline.mjs +1 -1
  55. package/dist/Checkbox.cjs +170 -170
  56. package/dist/Checkbox.css +92 -92
  57. package/dist/Checkbox.mjs +170 -170
  58. package/dist/CheckboxGroup.cjs +45 -45
  59. package/dist/CheckboxGroup.css +38 -38
  60. package/dist/CheckboxGroup.mjs +45 -45
  61. package/dist/Checkmark.cjs +12 -12
  62. package/dist/Checkmark.css +8 -8
  63. package/dist/Checkmark.mjs +12 -12
  64. package/dist/Chevron.cjs +12 -12
  65. package/dist/Chevron.css +10 -10
  66. package/dist/Chevron.mjs +12 -12
  67. package/dist/ClearButton.cjs +29 -29
  68. package/dist/ClearButton.css +29 -29
  69. package/dist/ClearButton.mjs +29 -29
  70. package/dist/CloseButton.cjs +54 -54
  71. package/dist/CloseButton.css +46 -46
  72. package/dist/CloseButton.mjs +54 -54
  73. package/dist/ColorArea.cjs +16 -16
  74. package/dist/ColorArea.css +16 -16
  75. package/dist/ColorArea.mjs +16 -16
  76. package/dist/ColorField.cjs +32 -32
  77. package/dist/ColorField.css +28 -28
  78. package/dist/ColorField.mjs +32 -32
  79. package/dist/ColorHandle.cjs +27 -27
  80. package/dist/ColorHandle.css +42 -42
  81. package/dist/ColorHandle.mjs +27 -27
  82. package/dist/ColorSlider.cjs +118 -118
  83. package/dist/ColorSlider.css +54 -54
  84. package/dist/ColorSlider.mjs +118 -118
  85. package/dist/ColorSwatch.cjs +29 -29
  86. package/dist/ColorSwatch.css +29 -29
  87. package/dist/ColorSwatch.mjs +29 -29
  88. package/dist/ColorSwatchPicker.cjs +27 -27
  89. package/dist/ColorSwatchPicker.css +46 -46
  90. package/dist/ColorSwatchPicker.mjs +27 -27
  91. package/dist/ColorWheel.cjs +26 -26
  92. package/dist/ColorWheel.css +17 -17
  93. package/dist/ColorWheel.mjs +26 -26
  94. package/dist/ComboBox.cjs +415 -400
  95. package/dist/ComboBox.cjs.map +1 -1
  96. package/dist/ComboBox.css +181 -181
  97. package/dist/ComboBox.css.map +1 -1
  98. package/dist/ComboBox.mjs +415 -400
  99. package/dist/ComboBox.mjs.map +1 -1
  100. package/dist/ContextualHelp.cjs +5 -5
  101. package/dist/ContextualHelp.css +60 -60
  102. package/dist/ContextualHelp.mjs +5 -5
  103. package/dist/Cross.cjs +14 -14
  104. package/dist/Cross.css +10 -10
  105. package/dist/Cross.mjs +14 -14
  106. package/dist/CustomDialog.cjs +25 -25
  107. package/dist/CustomDialog.css +25 -25
  108. package/dist/CustomDialog.mjs +25 -25
  109. package/dist/Dash.cjs +10 -10
  110. package/dist/Dash.css +6 -6
  111. package/dist/Dash.mjs +10 -10
  112. package/dist/DateField.cjs +73 -73
  113. package/dist/DateField.css +77 -77
  114. package/dist/DateField.mjs +73 -73
  115. package/dist/DatePicker.cjs +182 -185
  116. package/dist/DatePicker.cjs.map +1 -1
  117. package/dist/DatePicker.css +126 -126
  118. package/dist/DatePicker.css.map +1 -1
  119. package/dist/DatePicker.mjs +182 -185
  120. package/dist/DatePicker.mjs.map +1 -1
  121. package/dist/DateRangePicker.cjs +58 -61
  122. package/dist/DateRangePicker.cjs.map +1 -1
  123. package/dist/DateRangePicker.css +60 -60
  124. package/dist/DateRangePicker.css.map +1 -1
  125. package/dist/DateRangePicker.mjs +58 -61
  126. package/dist/DateRangePicker.mjs.map +1 -1
  127. package/dist/Dialog.cjs +17 -17
  128. package/dist/Dialog.css +82 -82
  129. package/dist/Dialog.mjs +17 -17
  130. package/dist/Disclosure.cjs +135 -135
  131. package/dist/Disclosure.css +106 -106
  132. package/dist/Disclosure.mjs +135 -135
  133. package/dist/Divider.cjs +25 -25
  134. package/dist/Divider.css +25 -25
  135. package/dist/Divider.mjs +25 -25
  136. package/dist/DropZone.cjs +62 -62
  137. package/dist/DropZone.css +58 -58
  138. package/dist/DropZone.mjs +62 -62
  139. package/dist/Field.cjs +370 -370
  140. package/dist/Field.cjs.map +1 -1
  141. package/dist/Field.css +142 -142
  142. package/dist/Field.mjs +370 -370
  143. package/dist/Field.mjs.map +1 -1
  144. package/dist/Form.cjs +9 -9
  145. package/dist/Form.css +9 -9
  146. package/dist/Form.mjs +9 -9
  147. package/dist/FullscreenDialog.cjs +5 -5
  148. package/dist/FullscreenDialog.css +91 -91
  149. package/dist/FullscreenDialog.mjs +5 -5
  150. package/dist/IllustratedMessage.cjs +256 -256
  151. package/dist/IllustratedMessage.css +78 -78
  152. package/dist/IllustratedMessage.mjs +256 -256
  153. package/dist/Image.cjs +13 -13
  154. package/dist/Image.css +14 -14
  155. package/dist/Image.mjs +13 -13
  156. package/dist/InlineAlert.cjs +117 -117
  157. package/dist/InlineAlert.css +98 -98
  158. package/dist/InlineAlert.mjs +117 -117
  159. package/dist/Link.cjs +54 -54
  160. package/dist/Link.css +46 -46
  161. package/dist/Link.mjs +54 -54
  162. package/dist/LinkOut.cjs +8 -8
  163. package/dist/LinkOut.css +8 -8
  164. package/dist/LinkOut.mjs +8 -8
  165. package/dist/Menu.cjs +459 -459
  166. package/dist/Menu.css +185 -185
  167. package/dist/Menu.mjs +459 -459
  168. package/dist/Meter.cjs +163 -163
  169. package/dist/Meter.css +93 -93
  170. package/dist/Meter.mjs +163 -163
  171. package/dist/Modal.cjs +58 -58
  172. package/dist/Modal.css +50 -50
  173. package/dist/Modal.mjs +58 -58
  174. package/dist/NotificationBadge.cjs +58 -58
  175. package/dist/NotificationBadge.css +51 -51
  176. package/dist/NotificationBadge.mjs +58 -58
  177. package/dist/NumberField.cjs +115 -115
  178. package/dist/NumberField.css +100 -100
  179. package/dist/NumberField.mjs +115 -115
  180. package/dist/Picker.cjs +283 -283
  181. package/dist/Picker.css +169 -169
  182. package/dist/Picker.mjs +283 -283
  183. package/dist/Popover.cjs +86 -86
  184. package/dist/Popover.css +66 -66
  185. package/dist/Popover.mjs +86 -86
  186. package/dist/ProgressBar.cjs +173 -173
  187. package/dist/ProgressBar.css +101 -101
  188. package/dist/ProgressBar.mjs +173 -173
  189. package/dist/ProgressCircle.cjs +31 -31
  190. package/dist/ProgressCircle.css +24 -24
  191. package/dist/ProgressCircle.mjs +31 -31
  192. package/dist/Provider.cjs +11 -11
  193. package/dist/Provider.css +10 -10
  194. package/dist/Provider.mjs +11 -11
  195. package/dist/Radio.cjs +154 -154
  196. package/dist/Radio.css +79 -79
  197. package/dist/Radio.mjs +154 -154
  198. package/dist/RadioGroup.cjs +42 -42
  199. package/dist/RadioGroup.css +38 -38
  200. package/dist/RadioGroup.mjs +42 -42
  201. package/dist/RangeCalendar.cjs +32 -20
  202. package/dist/RangeCalendar.cjs.map +1 -1
  203. package/dist/RangeCalendar.css +10 -10
  204. package/dist/RangeCalendar.css.map +1 -1
  205. package/dist/RangeCalendar.mjs +34 -22
  206. package/dist/RangeCalendar.mjs.map +1 -1
  207. package/dist/SearchField.cjs +42 -42
  208. package/dist/SearchField.css +46 -46
  209. package/dist/SearchField.mjs +42 -42
  210. package/dist/SegmentedControl.cjs +181 -181
  211. package/dist/SegmentedControl.css +118 -118
  212. package/dist/SegmentedControl.mjs +181 -181
  213. package/dist/SelectBoxGroup.cjs +342 -0
  214. package/dist/SelectBoxGroup.cjs.map +1 -0
  215. package/dist/SelectBoxGroup.css +503 -0
  216. package/dist/SelectBoxGroup.css.map +1 -0
  217. package/dist/SelectBoxGroup.mjs +335 -0
  218. package/dist/SelectBoxGroup.mjs.map +1 -0
  219. package/dist/SkeletonCollection.cjs +6 -1
  220. package/dist/SkeletonCollection.cjs.map +1 -1
  221. package/dist/SkeletonCollection.mjs +7 -2
  222. package/dist/SkeletonCollection.mjs.map +1 -1
  223. package/dist/Slider.cjs +299 -299
  224. package/dist/Slider.css +151 -151
  225. package/dist/Slider.mjs +299 -299
  226. package/dist/StatusLight.cjs +125 -125
  227. package/dist/StatusLight.css +61 -61
  228. package/dist/StatusLight.mjs +125 -125
  229. package/dist/Switch.cjs +162 -162
  230. package/dist/Switch.css +74 -74
  231. package/dist/Switch.mjs +162 -162
  232. package/dist/TableView.cjs +319 -319
  233. package/dist/TableView.css +172 -172
  234. package/dist/TableView.mjs +319 -319
  235. package/dist/Tabs.cjs +213 -188
  236. package/dist/Tabs.cjs.map +1 -1
  237. package/dist/Tabs.css +105 -101
  238. package/dist/Tabs.css.map +1 -1
  239. package/dist/Tabs.mjs +213 -188
  240. package/dist/Tabs.mjs.map +1 -1
  241. package/dist/TabsPicker.cjs +127 -127
  242. package/dist/TabsPicker.css +111 -111
  243. package/dist/TabsPicker.mjs +127 -127
  244. package/dist/TagGroup.cjs +213 -213
  245. package/dist/TagGroup.css +147 -147
  246. package/dist/TagGroup.mjs +213 -213
  247. package/dist/TextField.cjs +59 -59
  248. package/dist/TextField.css +54 -54
  249. package/dist/TextField.mjs +59 -59
  250. package/dist/TimeField.cjs +52 -52
  251. package/dist/TimeField.css +48 -48
  252. package/dist/TimeField.mjs +52 -52
  253. package/dist/Toast.cjs +120 -120
  254. package/dist/Toast.css +107 -107
  255. package/dist/Toast.mjs +120 -120
  256. package/dist/ToggleButton.cjs +3 -3
  257. package/dist/ToggleButton.css +12 -12
  258. package/dist/ToggleButton.mjs +3 -3
  259. package/dist/Tooltip.cjs +83 -83
  260. package/dist/Tooltip.css +70 -70
  261. package/dist/Tooltip.mjs +83 -83
  262. package/dist/TreeView.cjs +146 -146
  263. package/dist/TreeView.css +147 -147
  264. package/dist/TreeView.mjs +146 -146
  265. package/dist/main.cjs +5 -0
  266. package/dist/main.cjs.map +1 -1
  267. package/dist/module.mjs +3 -1
  268. package/dist/module.mjs.map +1 -1
  269. package/dist/types.d.ts +43 -1
  270. package/dist/types.d.ts.map +1 -1
  271. package/icons/Icon.cjs +10 -10
  272. package/icons/Icon.css +9 -9
  273. package/icons/Icon.mjs +10 -10
  274. package/icons/Skeleton.cjs +2 -2
  275. package/icons/Skeleton.cjs.map +1 -1
  276. package/icons/Skeleton.css +6 -6
  277. package/icons/Skeleton.mjs +2 -2
  278. package/icons/Skeleton.mjs.map +1 -1
  279. package/package.json +21 -21
  280. package/src/Calendar.tsx +13 -6
  281. package/src/ComboBox.tsx +20 -5
  282. package/src/DatePicker.tsx +1 -7
  283. package/src/DateRangePicker.tsx +1 -7
  284. package/src/RangeCalendar.tsx +13 -6
  285. package/src/SelectBoxGroup.tsx +408 -0
  286. package/src/SkeletonCollection.tsx +6 -2
  287. package/src/Tabs.tsx +49 -24
  288. package/src/index.ts +2 -0
  289. package/style/__tests__/style-macro.test.js +162 -166
  290. package/style/dist/main.cjs +24 -24
  291. package/style/dist/module.mjs +13 -13
  292. package/style/dist/properties.mjs +3 -3
  293. package/style/dist/spectrum-theme.cjs +219 -219
  294. package/style/dist/spectrum-theme.mjs +210 -210
  295. package/style/dist/style-macro.cjs +80 -80
  296. package/style/dist/style-macro.mjs +75 -75
package/dist/Radio.css CHANGED
@@ -1,17 +1,17 @@
1
1
  @layer _.a {
2
- ._Pc1 {
2
+ ._Pc11 {
3
3
  position: relative;
4
4
  }
5
5
 
6
- .qf1 {
6
+ .qf11 {
7
7
  column-gap: .714286em;
8
8
  }
9
9
 
10
- .ea1 {
10
+ .ea11 {
11
11
  align-items: baseline;
12
12
  }
13
13
 
14
- .uk1 {
14
+ .uk11 {
15
15
  font-family: var(--s2-font-family-sans, adobe-clean-spectrum-vf), adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
16
16
  font-family: var(--s2-font-family-sans, adobe-clean-spectrum-vf), adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
17
17
  font-family: var(--s2-font-family-sans, adobe-clean-spectrum-vf), adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
@@ -19,43 +19,43 @@
19
19
  font-family: var(--s2-font-family-sans, adobe-clean-spectrum-vf), adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
20
20
  }
21
21
 
22
- .-_6BNtrc-c1 {
22
+ .-_6BNtrc-c11 {
23
23
  --fs: pow(1.125, 0);
24
24
  }
25
25
 
26
- .-_6BNtrc-a1 {
26
+ .-_6BNtrc-a11 {
27
27
  --fs: pow(1.125, -2);
28
28
  }
29
29
 
30
- .-_6BNtrc-b1 {
30
+ .-_6BNtrc-b11 {
31
31
  --fs: pow(1.125, -1);
32
32
  }
33
33
 
34
- .-_6BNtrc-d1 {
34
+ .-_6BNtrc-d11 {
35
35
  --fs: pow(1.125, 1);
36
36
  }
37
37
 
38
- .-_6BNtrc-e1 {
38
+ .-_6BNtrc-e11 {
39
39
  --fs: pow(1.125, 2);
40
40
  }
41
41
 
42
- .vx1 {
42
+ .vx11 {
43
43
  font-size: round(var(--s2-font-size-base, 14) * var(--fs) / 16 * 1rem, 1px);
44
44
  }
45
45
 
46
- .wb1 {
46
+ .wb11 {
47
47
  font-variation-settings: "wght" 400;
48
48
  }
49
49
 
50
- .xb1 {
50
+ .xb11 {
51
51
  font-weight: 400;
52
52
  }
53
53
 
54
- ._xa1 {
54
+ ._xa11 {
55
55
  font-synthesis-weight: none;
56
56
  }
57
57
 
58
- ._Fd1 {
58
+ ._Fd11 {
59
59
  line-height: round(1em * (1.15 + (1 - ((min(32, var(--s2-font-size-base, 14) * var(--fs)) - 10)) / 22) * .15), 2px);
60
60
  line-height: round(1em * (1.15 + (1 - ((min(32, var(--s2-font-size-base, 14) * var(--fs)) - 10)) / 22) * .15), 2px);
61
61
  line-height: round(1em * (1.15 + (1 - ((min(32, var(--s2-font-size-base, 14) * var(--fs)) - 10)) / 22) * .15), 2px);
@@ -63,282 +63,282 @@
63
63
  line-height: round(1em * (1.15 + (1 - ((min(32, var(--s2-font-size-base, 14) * var(--fs)) - 10)) / 22) * .15), 2px);
64
64
  }
65
65
 
66
- .pt1 {
66
+ .pt11 {
67
67
  color: var(--lightningcss-light, #292929) var(--lightningcss-dark, #dbdbdb);
68
68
  }
69
69
 
70
- .po1 {
70
+ .po11 {
71
71
  color: var(--lightningcss-light, #131313) var(--lightningcss-dark, #f2f2f2);
72
72
  }
73
73
 
74
- .pp1 {
74
+ .pp11 {
75
75
  color: var(--lightningcss-light, #c6c6c6) var(--lightningcss-dark, #444);
76
76
  }
77
77
 
78
- .Yc1 {
78
+ .Yc11 {
79
79
  transition-property: color, background-color, var(--gp, color), border-color, text-decoration-color, fill, stroke;
80
80
  }
81
81
 
82
- .zhJUGr1 {
82
+ .zhJUGr11 {
83
83
  grid-column-start: field;
84
84
  }
85
85
 
86
- .__ca1 {
86
+ .__ca11 {
87
87
  -webkit-tap-highlight-color: #0000;
88
88
  }
89
89
 
90
- ._Le1 {
90
+ ._Le11 {
91
91
  outline-style: none;
92
92
  }
93
93
 
94
- ._Lf1 {
94
+ ._Lf11 {
95
95
  outline-style: solid;
96
96
  }
97
97
 
98
- .Oh1 {
98
+ .Oh11 {
99
99
  outline-color: var(--lightningcss-light, #4b75ff) var(--lightningcss-dark, #4069fd);
100
100
  }
101
101
 
102
- ._Mc1 {
102
+ ._Mc11 {
103
103
  outline-width: 2px;
104
104
  }
105
105
 
106
- ._Kd1 {
106
+ ._Kd11 {
107
107
  outline-offset: 2px;
108
108
  }
109
109
 
110
- .Zu1 {
110
+ .Zu11 {
111
111
  width: calc(1rem * var(--s2-scale));
112
112
  }
113
113
 
114
- .Zk1 {
114
+ .Zk11 {
115
115
  width: calc(.875rem * var(--s2-scale));
116
116
  }
117
117
 
118
- .Zl1 {
118
+ .Zl11 {
119
119
  width: calc(1.125rem * var(--s2-scale));
120
120
  }
121
121
 
122
- .Zm1 {
122
+ .Zm11 {
123
123
  width: calc(1.25rem * var(--s2-scale));
124
124
  }
125
125
 
126
- .FRuFGYc1 {
126
+ .FRuFGYc11 {
127
127
  height: var(--F);
128
128
  }
129
129
 
130
- ._va1 {
130
+ ._va11 {
131
131
  flex-shrink: 0;
132
132
  }
133
133
 
134
- .sd1 {
134
+ .sd11 {
135
135
  display: flex;
136
136
  }
137
137
 
138
- .eb1 {
138
+ .eb11 {
139
139
  align-items: center;
140
140
  }
141
141
 
142
- ._Ca1 {
142
+ ._Ca11 {
143
143
  justify-content: center;
144
144
  }
145
145
 
146
- .Yd1 {
146
+ .Yd11 {
147
147
  transition-property: color, background-color, var(--gp, color), border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter;
148
148
  }
149
149
 
150
- .Xb1 {
150
+ .Xb11 {
151
151
  transition-duration: .15s;
152
152
  }
153
153
 
154
- ._2b1 {
154
+ ._2b11 {
155
155
  transition-timing-function: cubic-bezier(.45, 0, .4, 1);
156
156
  }
157
157
 
158
- .og1 {
158
+ .og11 {
159
159
  border-start-start-radius: 9999px;
160
160
  }
161
161
 
162
- .ng1 {
162
+ .ng11 {
163
163
  border-start-end-radius: 9999px;
164
164
  }
165
165
 
166
- .kg1 {
166
+ .kg11 {
167
167
  border-end-start-radius: 9999px;
168
168
  }
169
169
 
170
- .jg1 {
170
+ .jg11 {
171
171
  border-end-end-radius: 9999px;
172
172
  }
173
173
 
174
- ._jf1 {
174
+ ._jf11 {
175
175
  border-style: solid;
176
176
  }
177
177
 
178
- ._oa1 {
178
+ ._oa11 {
179
179
  box-sizing: border-box;
180
180
  }
181
181
 
182
- ._k7m7Gv1 {
182
+ ._k7m7Gv11 {
183
183
  border-top-width: .125rem;
184
184
  }
185
185
 
186
- ._kUXU7p1 {
186
+ ._kUXU7p11 {
187
187
  border-top-width: calc((var(--F) - (4 / 16) * 1rem) / 2);
188
188
  }
189
189
 
190
- .h7m7Gv1 {
190
+ .h7m7Gv11 {
191
191
  border-bottom-width: .125rem;
192
192
  }
193
193
 
194
- .hUXU7p1 {
194
+ .hUXU7p11 {
195
195
  border-bottom-width: calc((var(--F) - (4 / 16) * 1rem) / 2);
196
196
  }
197
197
 
198
- .m7m7Gv1 {
198
+ .m7m7Gv11 {
199
199
  border-inline-start-width: .125rem;
200
200
  }
201
201
 
202
- .mUXU7p1 {
202
+ .mUXU7p11 {
203
203
  border-inline-start-width: calc((var(--F) - (4 / 16) * 1rem) / 2);
204
204
  }
205
205
 
206
- .l7m7Gv1 {
206
+ .l7m7Gv11 {
207
207
  border-inline-end-width: .125rem;
208
208
  }
209
209
 
210
- .lUXU7p1 {
210
+ .lUXU7p11 {
211
211
  border-inline-end-width: calc((var(--F) - (4 / 16) * 1rem) / 2);
212
212
  }
213
213
 
214
- ._yb1 {
214
+ ._yb11 {
215
215
  forced-color-adjust: none;
216
216
  }
217
217
 
218
- .gX1 {
218
+ .gX11 {
219
219
  background-color: var(--lightningcss-light, #fff) var(--lightningcss-dark, #111);
220
220
  }
221
221
 
222
- .iv1 {
222
+ .iv11 {
223
223
  border-color: var(--lightningcss-light, #292929) var(--lightningcss-dark, #dbdbdb);
224
224
  }
225
225
 
226
- .in1 {
226
+ .in11 {
227
227
  border-color: var(--lightningcss-light, #131313) var(--lightningcss-dark, #f2f2f2);
228
228
  }
229
229
 
230
- .iw1 {
230
+ .iw11 {
231
231
  border-color: var(--lightningcss-light, #3b63fb) var(--lightningcss-dark, #5681ff);
232
232
  }
233
233
 
234
- .iu1 {
234
+ .iu11 {
235
235
  border-color: var(--lightningcss-light, #274dea) var(--lightningcss-dark, #6995fe);
236
236
  }
237
237
 
238
- .ip1 {
238
+ .ip11 {
239
239
  border-color: var(--lightningcss-light, #d73220) var(--lightningcss-dark, #fc432e);
240
240
  }
241
241
 
242
- .im1 {
242
+ .im11 {
243
243
  border-color: var(--lightningcss-light, #b72818) var(--lightningcss-dark, #ff6756);
244
244
  }
245
245
 
246
- .io1 {
246
+ .io11 {
247
247
  border-color: var(--lightningcss-light, #c6c6c6) var(--lightningcss-dark, #444);
248
248
  }
249
249
 
250
- .-F_-Ft1 {
250
+ .-F_-Ft11 {
251
251
  --F: calc(1rem * var(--s2-scale));
252
252
  }
253
253
 
254
- .-F_-Fl1 {
254
+ .-F_-Fl11 {
255
255
  --F: calc(.875rem * var(--s2-scale));
256
256
  }
257
257
 
258
- .-F_-Fm1 {
258
+ .-F_-Fm11 {
259
259
  --F: calc(1.125rem * var(--s2-scale));
260
260
  }
261
261
 
262
- .-F_-Fn1 {
262
+ .-F_-Fn11 {
263
263
  --F: calc(1.25rem * var(--s2-scale));
264
264
  }
265
265
  }
266
266
 
267
267
  @layer _.b {
268
- .uch1:lang(ar) {
268
+ .uch11:lang(ar) {
269
269
  font-family: myriad-arabic, ui-sans-serif, system-ui, sans-serif;
270
270
  }
271
271
 
272
- ._FezxGHba1:is(:lang(ar), :lang(he)) {
272
+ ._FezxGHba11:is(:lang(ar), :lang(he)) {
273
273
  line-height: 1.3;
274
274
  }
275
275
  }
276
276
 
277
277
  @layer _.c {
278
- .udi1:lang(he) {
278
+ .udi11:lang(he) {
279
279
  font-family: myriad-hebrew, ui-sans-serif, system-ui, sans-serif;
280
280
  }
281
281
 
282
- ._FnuYUweb1:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
282
+ ._FnuYUweb11:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
283
283
  line-height: 1.5;
284
284
  }
285
285
  }
286
286
 
287
287
  @layer _.d {
288
- .uea1:lang(ja) {
288
+ .uea11:lang(ja) {
289
289
  font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, MS Pゴシック, MS PGothic, sans-serif;
290
290
  }
291
291
  }
292
292
 
293
293
  @layer _.e {
294
- .ugb1:lang(ko) {
294
+ .ugb11:lang(ko) {
295
295
  font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
296
296
  }
297
297
  }
298
298
 
299
299
  @layer _.f {
300
- .uhd1:lang(zh) {
300
+ .uhd11:lang(zh) {
301
301
  font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
302
302
  }
303
303
  }
304
304
 
305
305
  @layer _.g {
306
- .uje1:lang(zh-hant) {
306
+ .uje11:lang(zh-hant) {
307
307
  font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
308
308
  }
309
309
  }
310
310
 
311
311
  @layer _.h {
312
- .u2NhKxcl1:lang(zh-HK) {
312
+ .u2NhKxcl11:lang(zh-HK) {
313
313
  font-family: adobe-clean-han-hong-kong, source-han-hong-kong, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
314
314
  }
315
315
  }
316
316
 
317
317
  @layer _.i {
318
- .uic1:is(:lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
318
+ .uic11:is(:lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
319
319
  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
320
320
  }
321
321
  }
322
322
 
323
323
  @layer _.b.l {
324
324
  @media (forced-colors: active) {
325
- .plc1 {
325
+ .plc11 {
326
326
  color: graytext;
327
327
  }
328
328
 
329
- .ila1 {
329
+ .ila11 {
330
330
  border-color: buttonborder;
331
331
  }
332
332
 
333
- .ild1 {
333
+ .ild11 {
334
334
  border-color: highlight;
335
335
  }
336
336
 
337
- .ile1 {
337
+ .ile11 {
338
338
  border-color: mark;
339
339
  }
340
340
 
341
- .ilc1 {
341
+ .ilc11 {
342
342
  border-color: graytext;
343
343
  }
344
344
  }