@primer/react 38.3.0 → 38.4.0-rc.08b86440d

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.

Potentially problematic release.


This version of @primer/react might be problematic. Click here for more details.

Files changed (39) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/dist/Banner/Banner-f672cdf9.css +2 -0
  3. package/dist/Banner/Banner-f672cdf9.css.map +1 -0
  4. package/dist/Banner/Banner.d.ts +8 -0
  5. package/dist/Banner/Banner.d.ts.map +1 -1
  6. package/dist/Banner/Banner.js +2 -0
  7. package/dist/Banner/Banner.module.css.js +1 -1
  8. package/dist/Banner/index.d.ts +1 -0
  9. package/dist/Banner/index.d.ts.map +1 -1
  10. package/dist/DataTable/Pagination.d.ts.map +1 -1
  11. package/dist/DataTable/Pagination.js +181 -187
  12. package/dist/FeatureFlags/DefaultFeatureFlags.d.ts.map +1 -1
  13. package/dist/FeatureFlags/DefaultFeatureFlags.js +0 -1
  14. package/dist/FilteredActionList/FilteredActionList.js +15 -13
  15. package/dist/LabelGroup/LabelGroup.d.ts.map +1 -1
  16. package/dist/LabelGroup/LabelGroup.js +12 -5
  17. package/dist/SegmentedControl/{SegmentedControl-5cfe12ab.css → SegmentedControl-6389d0da.css} +2 -2
  18. package/dist/SegmentedControl/SegmentedControl-6389d0da.css.map +1 -0
  19. package/dist/SegmentedControl/SegmentedControl.d.ts.map +1 -1
  20. package/dist/SegmentedControl/SegmentedControl.js +11 -5
  21. package/dist/SegmentedControl/SegmentedControl.module.css.js +1 -1
  22. package/dist/SegmentedControl/SegmentedControlButton.d.ts +2 -0
  23. package/dist/SegmentedControl/SegmentedControlButton.d.ts.map +1 -1
  24. package/dist/SegmentedControl/SegmentedControlButton.js +104 -82
  25. package/dist/SegmentedControl/SegmentedControlIconButton.d.ts +2 -0
  26. package/dist/SegmentedControl/SegmentedControlIconButton.d.ts.map +1 -1
  27. package/dist/SegmentedControl/SegmentedControlIconButton.js +122 -181
  28. package/dist/TreeView/TreeView.d.ts.map +1 -1
  29. package/dist/TreeView/TreeView.js +5 -7
  30. package/dist/experimental/SelectPanel2/SelectPanel.d.ts.map +1 -1
  31. package/dist/experimental/SelectPanel2/SelectPanel.js +4 -5
  32. package/generated/components.json +592 -1082
  33. package/package.json +10 -10
  34. package/dist/Banner/Banner-c1744c4b.css +0 -2
  35. package/dist/Banner/Banner-c1744c4b.css.map +0 -1
  36. package/dist/SegmentedControl/SegmentedControl-5cfe12ab.css.map +0 -1
  37. package/dist/internal/components/LiveRegion.d.ts +0 -14
  38. package/dist/internal/components/LiveRegion.d.ts.map +0 -1
  39. package/dist/internal/components/LiveRegion.js +0 -130
@@ -3,16 +3,16 @@ import { isElement } from 'react-is';
3
3
  import classes from './SegmentedControl.module.css.js';
4
4
  import { clsx } from 'clsx';
5
5
  import { jsx } from 'react/jsx-runtime';
6
- import { useFeatureFlag } from '../FeatureFlags/useFeatureFlag.js';
7
6
  import { Tooltip } from '../TooltipV2/Tooltip.js';
8
7
 
9
8
  const SegmentedControlIconButton = t0 => {
10
- const $ = c(47);
9
+ const $ = c(35);
11
10
  let Icon;
12
11
  let ariaLabel;
13
12
  let className;
14
13
  let description;
15
- let rest;
14
+ let disabled;
15
+ let props;
16
16
  let selected;
17
17
  let tooltipDirection;
18
18
  if ($[0] !== t0) {
@@ -23,198 +23,139 @@ const SegmentedControlIconButton = t0 => {
23
23
  className,
24
24
  description,
25
25
  tooltipDirection,
26
- ...rest
26
+ disabled,
27
+ ...props
27
28
  } = t0);
28
29
  $[0] = t0;
29
30
  $[1] = Icon;
30
31
  $[2] = ariaLabel;
31
32
  $[3] = className;
32
33
  $[4] = description;
33
- $[5] = rest;
34
- $[6] = selected;
35
- $[7] = tooltipDirection;
34
+ $[5] = disabled;
35
+ $[6] = props;
36
+ $[7] = selected;
37
+ $[8] = tooltipDirection;
36
38
  } else {
37
39
  Icon = $[1];
38
40
  ariaLabel = $[2];
39
41
  className = $[3];
40
42
  description = $[4];
41
- rest = $[5];
42
- selected = $[6];
43
- tooltipDirection = $[7];
43
+ disabled = $[5];
44
+ props = $[6];
45
+ selected = $[7];
46
+ tooltipDirection = $[8];
47
+ }
48
+ let ariaDisabled;
49
+ let rest;
50
+ if ($[9] !== props) {
51
+ ({
52
+ "aria-disabled": ariaDisabled,
53
+ ...rest
54
+ } = props);
55
+ $[9] = props;
56
+ $[10] = ariaDisabled;
57
+ $[11] = rest;
58
+ } else {
59
+ ariaDisabled = $[10];
60
+ rest = $[11];
61
+ }
62
+ let t1;
63
+ if ($[12] !== className) {
64
+ t1 = clsx(classes.Item, className);
65
+ $[12] = className;
66
+ $[13] = t1;
67
+ } else {
68
+ t1 = $[13];
69
+ }
70
+ const t2 = selected || undefined;
71
+ const t3 = description ? undefined : "label";
72
+ const t4 = description ? description : ariaLabel;
73
+ const t5 = description ? ariaLabel : undefined;
74
+ const t6 = disabled || ariaDisabled || undefined;
75
+ let t7;
76
+ if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
77
+ t7 = clsx(classes.Button, classes.IconButton);
78
+ $[14] = t7;
79
+ } else {
80
+ t7 = $[14];
81
+ }
82
+ let t8;
83
+ if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
84
+ t8 = clsx(classes.Content, "segmentedControl-content");
85
+ $[15] = t8;
86
+ } else {
87
+ t8 = $[15];
88
+ }
89
+ let t9;
90
+ if ($[16] !== Icon) {
91
+ t9 = isElement(Icon) ? Icon : /*#__PURE__*/jsx(Icon, {});
92
+ $[16] = Icon;
93
+ $[17] = t9;
94
+ } else {
95
+ t9 = $[17];
96
+ }
97
+ let t10;
98
+ if ($[18] !== t9) {
99
+ t10 = /*#__PURE__*/jsx("span", {
100
+ className: t8,
101
+ children: t9
102
+ });
103
+ $[18] = t9;
104
+ $[19] = t10;
105
+ } else {
106
+ t10 = $[19];
107
+ }
108
+ let t11;
109
+ if ($[20] !== rest || $[21] !== selected || $[22] !== t10 || $[23] !== t5 || $[24] !== t6) {
110
+ t11 = /*#__PURE__*/jsx("button", {
111
+ type: "button",
112
+ "aria-current": selected,
113
+ "aria-label": t5,
114
+ "aria-disabled": t6,
115
+ className: t7,
116
+ ...rest,
117
+ children: t10
118
+ });
119
+ $[20] = rest;
120
+ $[21] = selected;
121
+ $[22] = t10;
122
+ $[23] = t5;
123
+ $[24] = t6;
124
+ $[25] = t11;
125
+ } else {
126
+ t11 = $[25];
127
+ }
128
+ let t12;
129
+ if ($[26] !== t11 || $[27] !== t3 || $[28] !== t4 || $[29] !== tooltipDirection) {
130
+ t12 = /*#__PURE__*/jsx(Tooltip, {
131
+ type: t3,
132
+ text: t4,
133
+ direction: tooltipDirection,
134
+ children: t11
135
+ });
136
+ $[26] = t11;
137
+ $[27] = t3;
138
+ $[28] = t4;
139
+ $[29] = tooltipDirection;
140
+ $[30] = t12;
141
+ } else {
142
+ t12 = $[30];
44
143
  }
45
- const tooltipFlagEnabled = useFeatureFlag("primer_react_segmented_control_tooltip");
46
- if (tooltipFlagEnabled) {
47
- let t1;
48
- if ($[8] !== className) {
49
- t1 = clsx(classes.Item, className);
50
- $[8] = className;
51
- $[9] = t1;
52
- } else {
53
- t1 = $[9];
54
- }
55
- const t2 = selected || undefined;
56
- const t3 = description ? undefined : "label";
57
- const t4 = description ? description : ariaLabel;
58
- const t5 = description ? ariaLabel : undefined;
59
- let t6;
60
- if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
61
- t6 = clsx(classes.Button, classes.IconButton);
62
- $[10] = t6;
63
- } else {
64
- t6 = $[10];
65
- }
66
- let t7;
67
- if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
68
- t7 = clsx(classes.Content, "segmentedControl-content");
69
- $[11] = t7;
70
- } else {
71
- t7 = $[11];
72
- }
73
- let t8;
74
- if ($[12] !== Icon) {
75
- t8 = isElement(Icon) ? Icon : /*#__PURE__*/jsx(Icon, {});
76
- $[12] = Icon;
77
- $[13] = t8;
78
- } else {
79
- t8 = $[13];
80
- }
81
- let t9;
82
- if ($[14] !== t8) {
83
- t9 = /*#__PURE__*/jsx("span", {
84
- className: t7,
85
- children: t8
86
- });
87
- $[14] = t8;
88
- $[15] = t9;
89
- } else {
90
- t9 = $[15];
91
- }
92
- let t10;
93
- if ($[16] !== rest || $[17] !== selected || $[18] !== t5 || $[19] !== t9) {
94
- t10 = /*#__PURE__*/jsx("button", {
95
- type: "button",
96
- "aria-current": selected,
97
- "aria-label": t5,
98
- className: t6,
99
- ...rest,
100
- children: t9
101
- });
102
- $[16] = rest;
103
- $[17] = selected;
104
- $[18] = t5;
105
- $[19] = t9;
106
- $[20] = t10;
107
- } else {
108
- t10 = $[20];
109
- }
110
- let t11;
111
- if ($[21] !== t10 || $[22] !== t3 || $[23] !== t4 || $[24] !== tooltipDirection) {
112
- t11 = /*#__PURE__*/jsx(Tooltip, {
113
- type: t3,
114
- text: t4,
115
- direction: tooltipDirection,
116
- children: t10
117
- });
118
- $[21] = t10;
119
- $[22] = t3;
120
- $[23] = t4;
121
- $[24] = tooltipDirection;
122
- $[25] = t11;
123
- } else {
124
- t11 = $[25];
125
- }
126
- let t12;
127
- if ($[26] !== t1 || $[27] !== t11 || $[28] !== t2) {
128
- t12 = /*#__PURE__*/jsx("li", {
129
- className: t1,
130
- "data-selected": t2,
131
- children: t11
132
- });
133
- $[26] = t1;
134
- $[27] = t11;
135
- $[28] = t2;
136
- $[29] = t12;
137
- } else {
138
- t12 = $[29];
139
- }
140
- return t12;
144
+ let t13;
145
+ if ($[31] !== t1 || $[32] !== t12 || $[33] !== t2) {
146
+ t13 = /*#__PURE__*/jsx("li", {
147
+ className: t1,
148
+ "data-selected": t2,
149
+ children: t12
150
+ });
151
+ $[31] = t1;
152
+ $[32] = t12;
153
+ $[33] = t2;
154
+ $[34] = t13;
141
155
  } else {
142
- let t1;
143
- if ($[30] !== className) {
144
- t1 = clsx(classes.Item, className);
145
- $[30] = className;
146
- $[31] = t1;
147
- } else {
148
- t1 = $[31];
149
- }
150
- const t2 = selected || undefined;
151
- let t3;
152
- if ($[32] === Symbol.for("react.memo_cache_sentinel")) {
153
- t3 = clsx(classes.Button, classes.IconButton);
154
- $[32] = t3;
155
- } else {
156
- t3 = $[32];
157
- }
158
- let t4;
159
- if ($[33] === Symbol.for("react.memo_cache_sentinel")) {
160
- t4 = clsx(classes.Content, "segmentedControl-content");
161
- $[33] = t4;
162
- } else {
163
- t4 = $[33];
164
- }
165
- let t5;
166
- if ($[34] !== Icon) {
167
- t5 = isElement(Icon) ? Icon : /*#__PURE__*/jsx(Icon, {});
168
- $[34] = Icon;
169
- $[35] = t5;
170
- } else {
171
- t5 = $[35];
172
- }
173
- let t6;
174
- if ($[36] !== t5) {
175
- t6 = /*#__PURE__*/jsx("span", {
176
- className: t4,
177
- children: t5
178
- });
179
- $[36] = t5;
180
- $[37] = t6;
181
- } else {
182
- t6 = $[37];
183
- }
184
- let t7;
185
- if ($[38] !== ariaLabel || $[39] !== rest || $[40] !== selected || $[41] !== t6) {
186
- t7 = /*#__PURE__*/jsx("button", {
187
- type: "button",
188
- "aria-label": ariaLabel,
189
- "aria-current": selected,
190
- className: t3,
191
- ...rest,
192
- children: t6
193
- });
194
- $[38] = ariaLabel;
195
- $[39] = rest;
196
- $[40] = selected;
197
- $[41] = t6;
198
- $[42] = t7;
199
- } else {
200
- t7 = $[42];
201
- }
202
- let t8;
203
- if ($[43] !== t1 || $[44] !== t2 || $[45] !== t7) {
204
- t8 = /*#__PURE__*/jsx("li", {
205
- className: t1,
206
- "data-selected": t2,
207
- children: t7
208
- });
209
- $[43] = t1;
210
- $[44] = t2;
211
- $[45] = t7;
212
- $[46] = t8;
213
- } else {
214
- t8 = $[46];
215
- }
216
- return t8;
156
+ t13 = $[34];
217
157
  }
158
+ return t13;
218
159
  };
219
160
  SegmentedControlIconButton.__SLOT__ = Symbol('SegmentedControl.IconButton');
220
161
 
@@ -1 +1 @@
1
- {"version":3,"file":"TreeView.d.ts","sourceRoot":"","sources":["../../src/TreeView/TreeView.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"TreeView.d.ts","sourceRoot":"","sources":["../../src/TreeView/TreeView.tsx"],"names":[],"mappings":"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"}
@@ -19,6 +19,7 @@ import { ActionList } from '../ActionList/index.js';
19
19
  import { isSlot } from '../utils/is-slot.js';
20
20
  import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
21
21
  import { useIsMacOS } from '../hooks/useIsMacOS.js';
22
+ import { AriaStatus } from '../live-region/AriaStatus.js';
22
23
  import Spinner from '../Spinner/Spinner.js';
23
24
  import { Tooltip } from '../TooltipV2/Tooltip.js';
24
25
  import Text from '../Text/Text.js';
@@ -26,9 +27,6 @@ import { SkeletonAvatar } from '../SkeletonAvatar/SkeletonAvatar.js';
26
27
  import { SkeletonText } from '../SkeletonText/SkeletonText.js';
27
28
  import { getAccessibleKeybindingHintString } from '../KeybindingHint/KeybindingHint.js';
28
29
 
29
- // ----------------------------------------------------------------------------
30
- // Context
31
-
32
30
  const RootContext = /*#__PURE__*/React.createContext({
33
31
  announceUpdate: () => {},
34
32
  expandedStateCache: {
@@ -153,10 +151,10 @@ const Root = t0 => {
153
151
  let t9;
154
152
  if ($[8] !== ariaLiveMessage) {
155
153
  t9 = /*#__PURE__*/jsx(VisuallyHidden, {
156
- role: "status",
157
- "aria-live": "polite",
158
- "aria-atomic": "true",
159
- children: ariaLiveMessage
154
+ children: /*#__PURE__*/jsx(AriaStatus, {
155
+ announceOnShow: true,
156
+ children: ariaLiveMessage
157
+ })
160
158
  });
161
159
  $[8] = ariaLiveMessage;
162
160
  $[9] = t9;
@@ -1 +1 @@
1
- {"version":3,"file":"SelectPanel.d.ts","sourceRoot":"","sources":["../../../src/experimental/SelectPanel2/SelectPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAA;AAGvE,OAAO,KAAK,EAAC,WAAW,EAAE,cAAc,EAAmB,SAAS,EAAE,aAAa,EAAC,MAAM,aAAa,CAAA;AAevG,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,uBAAuB,CAAA;AAMvD,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,gCAAgC,CAAA;AAInE,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,mBAAmB,CAAA;AACvD,OAAO,KAAK,EAAC,gBAAgB,EAAE,cAAc,EAAC,MAAM,mBAAmB,CAAA;AA2BvE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,eAAe,CAAC,UAAU,GAAG,OAAO,EAAE,aAAa,GAAG,cAAc,CAAC,CAAA;IACtG,gBAAgB,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAA;IACpD,EAAE,CAAC,EAAE,MAAM,CAAA;IAEX,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAA;IACrD,wBAAwB,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAA;IAEpD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,gBAAgB,CAAC,EAAE,SAAS,GAAG,CAAC,MAAM,IAAI,CAAC,CAAA;IAC3C,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,KAAK,IAAI,CAAA;IAG7D,KAAK,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAA;IAC7B,MAAM,CAAC,EAAE,aAAa,CAAA;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,EAAE,QAAQ,CAAC,CAAA;IAExD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAudD,MAAM,MAAM,+BAA+B,GAAG;IAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAC,GAAG,CACxE,CAAC;IAAC,OAAO,EAAE,QAAQ,CAAA;CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC,CAAC,GAC7D,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAC,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,GACxC,CAAC;IAAC,OAAO,EAAE,UAAU,CAAC;IAAC,EAAE,CAAC,EAAE,MAAM,CAAA;CAAC,GAAG,aAAa,CAAC,CACvD,CAAA;AAwBD,MAAM,MAAM,uBAAuB,GAAG;IAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAC,GAAG,CAChE;IACE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,SAAS,GAAG,OAAO,GAAG,OAAO,CAAA;CACvC,GACD;IACE,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,OAAO,EAAE,SAAS,GAAG,OAAO,CAAA;CAC7B,CACJ,CAAA;AAuCD,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;iBAxRoE,MAAM,IAAI;;;;;;;;;4BA6NxC,KAAK,CAAC,iBAAiB;;;CAmEnF,CAAA"}
1
+ {"version":3,"file":"SelectPanel.d.ts","sourceRoot":"","sources":["../../../src/experimental/SelectPanel2/SelectPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAA;AAGvE,OAAO,KAAK,EAAC,WAAW,EAAE,cAAc,EAAmB,SAAS,EAAE,aAAa,EAAC,MAAM,aAAa,CAAA;AAevG,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,uBAAuB,CAAA;AAMvD,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,gCAAgC,CAAA;AAInE,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,mBAAmB,CAAA;AACvD,OAAO,KAAK,EAAC,gBAAgB,EAAE,cAAc,EAAC,MAAM,mBAAmB,CAAA;AA2BvE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,eAAe,CAAC,UAAU,GAAG,OAAO,EAAE,aAAa,GAAG,cAAc,CAAC,CAAA;IACtG,gBAAgB,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAA;IACpD,EAAE,CAAC,EAAE,MAAM,CAAA;IAEX,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAA;IACrD,wBAAwB,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAA;IAEpD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,gBAAgB,CAAC,EAAE,SAAS,GAAG,CAAC,MAAM,IAAI,CAAC,CAAA;IAC3C,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,KAAK,IAAI,CAAA;IAG7D,KAAK,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAA;IAC7B,MAAM,CAAC,EAAE,aAAa,CAAA;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,EAAE,QAAQ,CAAC,CAAA;IAExD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAudD,MAAM,MAAM,+BAA+B,GAAG;IAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAC,GAAG,CACxE,CAAC;IAAC,OAAO,EAAE,QAAQ,CAAA;CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC,CAAC,GAC7D,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAC,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,GACxC,CAAC;IAAC,OAAO,EAAE,UAAU,CAAC;IAAC,EAAE,CAAC,EAAE,MAAM,CAAA;CAAC,GAAG,aAAa,CAAC,CACvD,CAAA;AAwBD,MAAM,MAAM,uBAAuB,GAAG;IAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAC,GAAG,CAChE;IACE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,SAAS,GAAG,OAAO,GAAG,OAAO,CAAA;CACvC,GACD;IACE,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,OAAO,EAAE,SAAS,GAAG,OAAO,CAAA;CAC7B,CACJ,CAAA;AAqCD,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;iBAtRoE,MAAM,IAAI;;;;;;;;;4BA6NxC,KAAK,CAAC,iBAAiB;;;CAiEnF,CAAA"}
@@ -14,6 +14,7 @@ import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
14
14
  import { useProvidedRefOrCreate } from '../../hooks/useProvidedRefOrCreate.js';
15
15
  import { useId } from '../../hooks/useId.js';
16
16
  import { useAnchoredPosition } from '../../hooks/useAnchoredPosition.js';
17
+ import { AriaStatus } from '../../live-region/AriaStatus.js';
17
18
  import Octicon from '../../Octicon/Octicon.js';
18
19
  import TextInput from '../../TextInput/TextInput.js';
19
20
  import { useFormControlForwardedProps } from '../../FormControl/_FormControlContext.js';
@@ -23,7 +24,6 @@ import Checkbox from '../../Checkbox/Checkbox.js';
23
24
  import { IconButton } from '../../Button/IconButton.js';
24
25
  import Heading from '../../Heading/Heading.js';
25
26
  import Spinner from '../../Spinner/Spinner.js';
26
- import { AriaStatus } from '../../live-region/AriaStatus.js';
27
27
 
28
28
  const SelectPanelContext = /*#__PURE__*/React.createContext({
29
29
  title: '',
@@ -932,9 +932,9 @@ const SelectPanelMessage = ({
932
932
  title,
933
933
  children
934
934
  }) => {
935
+ const MessageWrapper = variant === 'empty' ? 'div' : AriaStatus;
935
936
  if (size === 'full') {
936
- return /*#__PURE__*/jsxs("div", {
937
- "aria-live": variant === 'empty' ? undefined : 'polite',
937
+ return /*#__PURE__*/jsxs(MessageWrapper, {
938
938
  className: classes.MessageFull,
939
939
  children: [variant !== 'empty' ? /*#__PURE__*/jsx(Octicon, {
940
940
  icon: AlertIcon,
@@ -948,8 +948,7 @@ const SelectPanelMessage = ({
948
948
  })]
949
949
  });
950
950
  } else {
951
- return /*#__PURE__*/jsxs("div", {
952
- "aria-live": variant === 'empty' ? undefined : 'polite',
951
+ return /*#__PURE__*/jsxs(MessageWrapper, {
953
952
  className: classes.MessageInline,
954
953
  "data-variant": variant,
955
954
  children: [/*#__PURE__*/jsx(AlertIcon, {