@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/Image.css CHANGED
@@ -1,57 +1,57 @@
1
1
  @layer _.a {
2
- .gH1 {
2
+ .gH11 {
3
3
  background-color: var(--lightningcss-light, #e9e9e9) var(--lightningcss-dark, #2c2c2c);
4
4
  }
5
5
 
6
- ._Nc1 {
6
+ ._Nc11 {
7
7
  overflow-x: hidden;
8
8
  }
9
9
 
10
- .Pc1 {
10
+ .Pc11 {
11
11
  overflow-y: hidden;
12
12
  }
13
13
 
14
- .sb1 {
14
+ .sb11 {
15
15
  display: block;
16
16
  }
17
17
 
18
- .Za1 {
18
+ .Za11 {
19
19
  width: 100%;
20
20
  }
21
21
 
22
- .Fb1 {
22
+ .Fb11 {
23
23
  height: 100%;
24
24
  }
25
25
 
26
- ._H40ub4c1 {
26
+ ._H40ub4c11 {
27
27
  object-fit: inherit;
28
28
  }
29
29
 
30
- .__D40ub4c1 {
30
+ .__D40ub4c11 {
31
31
  object-position: inherit;
32
32
  }
33
33
 
34
- ._Ia1 {
34
+ ._Ia11 {
35
35
  opacity: 0;
36
36
  }
37
37
 
38
- ._Ib1 {
38
+ ._Ib11 {
39
39
  opacity: 1;
40
40
  }
41
41
 
42
- .Ye1 {
42
+ .Ye11 {
43
43
  transition-property: none;
44
44
  }
45
45
 
46
- .Yf1 {
46
+ .Yf11 {
47
47
  transition-property: opacity;
48
48
  }
49
49
 
50
- .Xe1 {
50
+ .Xe11 {
51
51
  transition-duration: .5s;
52
52
  }
53
53
 
54
- ._2b1 {
54
+ ._2b11 {
55
55
  transition-timing-function: cubic-bezier(.45, 0, .4, 1);
56
56
  }
57
57
  }
package/dist/Image.mjs CHANGED
@@ -48,21 +48,21 @@ function $dbd6f0b2503b938c$var$reducer(state, action) {
48
48
  return state;
49
49
  }
50
50
  }
51
- const $dbd6f0b2503b938c$var$wrapperStyles = " gH1 _Nc1 Pc1";
51
+ const $dbd6f0b2503b938c$var$wrapperStyles = " gH11 _Nc11 Pc11";
52
52
  const $dbd6f0b2503b938c$var$imgStyles = function anonymous(props) {
53
53
  let rules = " ";
54
- rules += ' sb1';
55
- rules += ' Za1';
56
- rules += ' Fb1';
57
- rules += ' _H40ub4c1';
58
- rules += ' __D40ub4c1';
59
- if (props.isRevealed) rules += ' _Ib1';
60
- else rules += ' _Ia1';
61
- if (props.isTransitioning) rules += ' Yf1';
62
- else rules += ' Ye1';
63
- rules += ' Xe1';
64
- if (props.isTransitioning) rules += ' _2b1';
65
- else rules += ' _2b1';
54
+ rules += ' sb11';
55
+ rules += ' Za11';
56
+ rules += ' Fb11';
57
+ rules += ' _H40ub4c11';
58
+ rules += ' __D40ub4c11';
59
+ if (props.isRevealed) rules += ' _Ib11';
60
+ else rules += ' _Ia11';
61
+ if (props.isTransitioning) rules += ' Yf11';
62
+ else rules += ' Ye11';
63
+ rules += ' Xe11';
64
+ if (props.isTransitioning) rules += ' _2b11';
65
+ else rules += ' _2b11';
66
66
  return rules;
67
67
  };
68
68
  const $dbd6f0b2503b938c$export$3e431a229df88919 = /*#__PURE__*/ (0, $5AH9h$forwardRef)(function Image(props, domRef) {
@@ -60,84 +60,84 @@ const $72bf3a9f94a75d9f$var$inlineAlert = function anonymous(props, overrides) {
60
60
  if (p[1] === "_P") position = true;
61
61
  rules += p[0];
62
62
  }
63
- if (props.isFocusVisible) rules += ' _Lf1';
64
- else rules += ' _Le1';
65
- rules += ' Oh1';
66
- rules += ' _Mc1';
67
- rules += ' _Kd1';
68
- rules += ' sg1';
69
- if (!position) rules += ' _Pc1';
70
- rules += ' _oa1';
71
- rules += ' Th1';
72
- rules += ' Qh1';
73
- rules += ' Sh1';
74
- rules += ' Rh1';
75
- rules += ' oc1';
76
- rules += ' nc1';
77
- rules += ' kc1';
78
- rules += ' jc1';
79
- rules += ' _jf1';
80
- rules += ' _kc1';
81
- rules += ' hc1';
82
- rules += ' mc1';
83
- rules += ' lc1';
84
- if (props.fillStyle === "boldFill") rules += ' iA1';
85
- else if (props.fillStyle === "subtleFill") rules += ' iA1';
63
+ if (props.isFocusVisible) rules += ' _Lf11';
64
+ else rules += ' _Le11';
65
+ rules += ' Oh11';
66
+ rules += ' _Mc11';
67
+ rules += ' _Kd11';
68
+ rules += ' sg11';
69
+ if (!position) rules += ' _Pc11';
70
+ rules += ' _oa11';
71
+ rules += ' Th11';
72
+ rules += ' Qh11';
73
+ rules += ' Sh11';
74
+ rules += ' Rh11';
75
+ rules += ' oc11';
76
+ rules += ' nc11';
77
+ rules += ' kc11';
78
+ rules += ' jc11';
79
+ rules += ' _jf11';
80
+ rules += ' _kc11';
81
+ rules += ' hc11';
82
+ rules += ' mc11';
83
+ rules += ' lc11';
84
+ if (props.fillStyle === "boldFill") rules += ' iA11';
85
+ else if (props.fillStyle === "subtleFill") rules += ' iA11';
86
86
  else if (props.fillStyle === "border") {
87
- if (props.variant === "neutral") rules += ' iy1';
88
- else if (props.variant === "negative") rules += ' it1';
89
- else if (props.variant === "notice") rules += ' is1';
90
- else if (props.variant === "positive") rules += ' il1';
91
- else if (props.variant === "informative") rules += ' ix1';
87
+ if (props.variant === "neutral") rules += ' iy11';
88
+ else if (props.variant === "negative") rules += ' it11';
89
+ else if (props.variant === "notice") rules += ' is11';
90
+ else if (props.variant === "positive") rules += ' il11';
91
+ else if (props.variant === "informative") rules += ' ix11';
92
92
  }
93
93
  if (props.variant === "neutral") {
94
- if (props.fillStyle === "boldFill") rules += ' g61';
95
- else if (props.fillStyle === "subtleFill") rules += ' gI1';
96
- else if (props.fillStyle === "border") rules += ' gX1';
94
+ if (props.fillStyle === "boldFill") rules += ' g611';
95
+ else if (props.fillStyle === "subtleFill") rules += ' gI11';
96
+ else if (props.fillStyle === "border") rules += ' gX11';
97
97
  } else if (props.variant === "negative") {
98
- if (props.fillStyle === "boldFill") rules += ' gB1';
99
- else if (props.fillStyle === "subtleFill") rules += ' gU1';
100
- else if (props.fillStyle === "border") rules += ' gX1';
98
+ if (props.fillStyle === "boldFill") rules += ' gB11';
99
+ else if (props.fillStyle === "subtleFill") rules += ' gU11';
100
+ else if (props.fillStyle === "border") rules += ' gX11';
101
101
  } else if (props.variant === "notice") {
102
- if (props.fillStyle === "boldFill") rules += ' gQ1';
103
- else if (props.fillStyle === "subtleFill") rules += ' gV1';
104
- else if (props.fillStyle === "border") rules += ' gX1';
102
+ if (props.fillStyle === "boldFill") rules += ' gQ11';
103
+ else if (props.fillStyle === "subtleFill") rules += ' gV11';
104
+ else if (props.fillStyle === "border") rules += ' gX11';
105
105
  } else if (props.variant === "positive") {
106
- if (props.fillStyle === "boldFill") rules += ' g11';
107
- else if (props.fillStyle === "subtleFill") rules += ' gA1';
108
- else if (props.fillStyle === "border") rules += ' gX1';
106
+ if (props.fillStyle === "boldFill") rules += ' g111';
107
+ else if (props.fillStyle === "subtleFill") rules += ' gA11';
108
+ else if (props.fillStyle === "border") rules += ' gX11';
109
109
  } else if (props.variant === "informative") {
110
- if (props.fillStyle === "boldFill") rules += ' g21';
111
- else if (props.fillStyle === "subtleFill") rules += ' gG1';
112
- else if (props.fillStyle === "border") rules += ' gX1';
110
+ if (props.fillStyle === "boldFill") rules += ' g211';
111
+ else if (props.fillStyle === "subtleFill") rules += ' gG11';
112
+ else if (props.fillStyle === "border") rules += ' gX11';
113
113
  }
114
114
  return rules;
115
115
  };
116
116
  const $72bf3a9f94a75d9f$var$icon = function anonymous(props) {
117
117
  let rules = " ";
118
- rules += ' z2U5Crc1';
119
- rules += ' y2U5Crc1';
120
- rules += ' B2U5Crc1';
121
- rules += ' A2U5Crc1';
118
+ rules += ' z2U5Crc11';
119
+ rules += ' y2U5Crc11';
120
+ rules += ' B2U5Crc11';
121
+ rules += ' A2U5Crc11';
122
122
  if (props.fillStyle === "boldFill") {
123
- if (props.variant === "notice") rules += ' -_8sjo0b-tcwrnr1';
124
- else rules += ' -_8sjo0b-tw1';
123
+ if (props.variant === "notice") rules += ' -_8sjo0b-tcwrnr11';
124
+ else rules += ' -_8sjo0b-tw11';
125
125
  } else if (props.fillStyle === "subtleFill") {
126
- if (props.variant === "neutral") rules += ' -_8sjo0b-tf1';
127
- else if (props.variant === "negative") rules += ' -_8sjo0b-tq1';
128
- else if (props.variant === "notice") rules += ' -_8sjo0b-tq1';
129
- else if (props.variant === "positive") rules += ' -_8sjo0b-tt1';
130
- else if (props.variant === "informative") rules += ' -_8sjo0b-tu1';
126
+ if (props.variant === "neutral") rules += ' -_8sjo0b-tf11';
127
+ else if (props.variant === "negative") rules += ' -_8sjo0b-tq11';
128
+ else if (props.variant === "notice") rules += ' -_8sjo0b-tq11';
129
+ else if (props.variant === "positive") rules += ' -_8sjo0b-tt11';
130
+ else if (props.variant === "informative") rules += ' -_8sjo0b-tu11';
131
131
  } else if (props.fillStyle === "border") {
132
- if (props.variant === "neutral") rules += ' -_8sjo0b-tf1';
133
- else if (props.variant === "negative") rules += ' -_8sjo0b-tq1';
134
- else if (props.variant === "notice") rules += ' -_8sjo0b-tm1';
135
- else if (props.variant === "positive") rules += ' -_8sjo0b-tt1';
136
- else if (props.variant === "informative") rules += ' -_8sjo0b-tu1';
132
+ if (props.variant === "neutral") rules += ' -_8sjo0b-tf11';
133
+ else if (props.variant === "negative") rules += ' -_8sjo0b-tq11';
134
+ else if (props.variant === "notice") rules += ' -_8sjo0b-tm11';
135
+ else if (props.variant === "positive") rules += ' -_8sjo0b-tt11';
136
+ else if (props.variant === "informative") rules += ' -_8sjo0b-tu11';
137
137
  }
138
138
  return rules;
139
139
  };
140
- const $72bf3a9f94a75d9f$var$grid = " se1 qj1 Dxumf9b1 EeeZzzb1 Za1 CScDOab1";
140
+ const $72bf3a9f94a75d9f$var$grid = " se11 qj11 Dxumf9b11 EeeZzzb11 Za11 CScDOab11";
141
141
  let $72bf3a9f94a75d9f$var$ICONS = {
142
142
  informative: (0, $0ed6e07b499b9797$exports.default),
143
143
  positive: (0, $6391be254c189366$exports.default),
@@ -147,69 +147,69 @@ let $72bf3a9f94a75d9f$var$ICONS = {
147
147
  };
148
148
  const $72bf3a9f94a75d9f$var$heading = function anonymous(props) {
149
149
  let rules = " ";
150
- rules += ' Jy1';
151
- rules += ' zPCJngb1';
152
- rules += ' yPCJngb1';
153
- rules += ' BPCJngb1';
154
- rules += ' APCJngb1';
155
- rules += ' uk1';
156
- rules += ' uch1';
157
- rules += ' udi1';
158
- rules += ' uea1';
159
- rules += ' ugb1';
160
- rules += ' uhd1';
161
- rules += ' uje1';
162
- rules += ' u2NhKxcl1';
163
- rules += ' uic1';
164
- rules += ' -_6BNtrc-c1';
165
- rules += ' vx1';
166
- rules += ' wd1';
167
- rules += ' xd1';
168
- rules += ' _xa1';
169
- rules += ' wX0cczbc1';
170
- rules += ' xX0cczbc1';
171
- rules += ' _xX0cczba1';
172
- rules += ' wfd1';
173
- rules += ' xfd1';
174
- rules += ' _xfa1';
175
- rules += ' wfX0cczbc1';
176
- rules += ' xfX0cczbc1';
177
- rules += ' _xfX0cczba1';
178
- rules += ' _Fd1';
179
- rules += ' _FezxGHba1';
180
- rules += ' _FnuYUweb1';
150
+ rules += ' Jy11';
151
+ rules += ' zPCJngb11';
152
+ rules += ' yPCJngb11';
153
+ rules += ' BPCJngb11';
154
+ rules += ' APCJngb11';
155
+ rules += ' uk11';
156
+ rules += ' uch11';
157
+ rules += ' udi11';
158
+ rules += ' uea11';
159
+ rules += ' ugb11';
160
+ rules += ' uhd11';
161
+ rules += ' uje11';
162
+ rules += ' u2NhKxcl11';
163
+ rules += ' uic11';
164
+ rules += ' -_6BNtrc-c11';
165
+ rules += ' vx11';
166
+ rules += ' wd11';
167
+ rules += ' xd11';
168
+ rules += ' _xa11';
169
+ rules += ' wX0cczbc11';
170
+ rules += ' xX0cczbc11';
171
+ rules += ' _xX0cczba11';
172
+ rules += ' wfd11';
173
+ rules += ' xfd11';
174
+ rules += ' _xfa11';
175
+ rules += ' wfX0cczbc11';
176
+ rules += ' xfX0cczbc11';
177
+ rules += ' _xfX0cczba11';
178
+ rules += ' _Fd11';
179
+ rules += ' _FezxGHba11';
180
+ rules += ' _FnuYUweb11';
181
181
  if (props.fillStyle === "boldFill") {
182
- if (props.variant === "notice") rules += ' pg1';
183
- else rules += ' px1';
184
- } else rules += ' po1';
182
+ if (props.variant === "notice") rules += ' pg11';
183
+ else rules += ' px11';
184
+ } else rules += ' po11';
185
185
  return rules;
186
186
  };
187
187
  const $72bf3a9f94a75d9f$var$content = function anonymous(props) {
188
188
  let rules = " ";
189
- rules += ' zk52g2d1';
190
- rules += ' yk52g2d1';
191
- rules += ' Bk52g2d1';
192
- rules += ' Ak52g2d1';
193
- rules += ' uk1';
194
- rules += ' uch1';
195
- rules += ' udi1';
196
- rules += ' uea1';
197
- rules += ' ugb1';
198
- rules += ' uhd1';
199
- rules += ' uje1';
200
- rules += ' u2NhKxcl1';
201
- rules += ' uic1';
202
- rules += ' -_6BNtrc-c1';
203
- rules += ' vx1';
204
- rules += ' wb1';
205
- rules += ' xb1';
206
- rules += ' _xa1';
207
- rules += ' _Fb1';
208
- rules += ' _FnuYUwec1';
189
+ rules += ' zk52g2d11';
190
+ rules += ' yk52g2d11';
191
+ rules += ' Bk52g2d11';
192
+ rules += ' Ak52g2d11';
193
+ rules += ' uk11';
194
+ rules += ' uch11';
195
+ rules += ' udi11';
196
+ rules += ' uea11';
197
+ rules += ' ugb11';
198
+ rules += ' uhd11';
199
+ rules += ' uje11';
200
+ rules += ' u2NhKxcl11';
201
+ rules += ' uic11';
202
+ rules += ' -_6BNtrc-c11';
203
+ rules += ' vx11';
204
+ rules += ' wb11';
205
+ rules += ' xb11';
206
+ rules += ' _xa11';
207
+ rules += ' _Fb11';
208
+ rules += ' _FnuYUwec11';
209
209
  if (props.fillStyle === "boldFill") {
210
- if (props.variant === "notice") rules += ' pg1';
211
- else rules += ' px1';
212
- } else rules += ' pt1';
210
+ if (props.variant === "notice") rules += ' pg11';
211
+ else rules += ' px11';
212
+ } else rules += ' pt11';
213
213
  return rules;
214
214
  };
215
215
  const $72bf3a9f94a75d9f$export$a3b2c96db9b0eb71 = /*#__PURE__*/ (0, $3stts$react.forwardRef)(function InlineAlert(props, ref) {