@primer/react 38.2.0-rc.f5d16ea4f → 38.2.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 (83) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/dist/AnchoredOverlay/AnchoredOverlay.d.ts.map +1 -1
  3. package/dist/AnchoredOverlay/AnchoredOverlay.js +3 -5
  4. package/dist/Button/types.d.ts +0 -1
  5. package/dist/Button/types.d.ts.map +1 -1
  6. package/dist/CounterLabel/CounterLabel-8c6e8ee4.css +2 -0
  7. package/dist/CounterLabel/{CounterLabel-44fb5d16.css.map → CounterLabel-8c6e8ee4.css.map} +1 -1
  8. package/dist/CounterLabel/CounterLabel.d.ts +4 -0
  9. package/dist/CounterLabel/CounterLabel.d.ts.map +1 -1
  10. package/dist/CounterLabel/CounterLabel.js +51 -47
  11. package/dist/CounterLabel/CounterLabel.module.css.js +1 -1
  12. package/dist/FeatureFlags/DefaultFeatureFlags.d.ts.map +1 -1
  13. package/dist/FeatureFlags/DefaultFeatureFlags.js +1 -2
  14. package/dist/FilteredActionList/FilteredActionList.d.ts +21 -1
  15. package/dist/FilteredActionList/FilteredActionList.d.ts.map +1 -1
  16. package/dist/FilteredActionList/FilteredActionList.js +13 -17
  17. package/dist/FilteredActionList/useAnnouncements.d.ts +1 -1
  18. package/dist/FilteredActionList/useAnnouncements.d.ts.map +1 -1
  19. package/dist/FilteredActionList/useAnnouncements.js +12 -17
  20. package/dist/NavList/NavList.d.ts +1 -0
  21. package/dist/NavList/NavList.d.ts.map +1 -1
  22. package/dist/NavList/NavList.js +1 -0
  23. package/dist/Overlay/Overlay-43cda449.css +2 -0
  24. package/dist/Overlay/Overlay-43cda449.css.map +1 -0
  25. package/dist/Overlay/Overlay.js +4 -4
  26. package/dist/Overlay/Overlay.module.css.js +1 -1
  27. package/dist/Popover/Popover-a93df39c.css +2 -0
  28. package/dist/Popover/Popover-a93df39c.css.map +1 -0
  29. package/dist/Popover/Popover.module.css.js +1 -1
  30. package/dist/SelectPanel/SelectPanel.d.ts.map +1 -1
  31. package/dist/SelectPanel/SelectPanel.js +5 -4
  32. package/dist/Spinner/Spinner.d.ts +3 -1
  33. package/dist/Spinner/Spinner.d.ts.map +1 -1
  34. package/dist/Spinner/Spinner.js +79 -49
  35. package/dist/TextInput/TextInput.d.ts.map +1 -1
  36. package/dist/TextInput/TextInput.js +13 -7
  37. package/dist/Token/{Token-942271b0.css → Token-b3c86dc0.css} +2 -2
  38. package/dist/Token/Token-b3c86dc0.css.map +1 -0
  39. package/dist/Token/Token.d.ts +1 -0
  40. package/dist/Token/Token.d.ts.map +1 -1
  41. package/dist/Token/Token.js +1 -1
  42. package/dist/Token/Token.module.css.js +1 -1
  43. package/dist/Token/{TokenBase-57c65c47.css → TokenBase-a805f182.css} +2 -2
  44. package/dist/Token/TokenBase-a805f182.css.map +1 -0
  45. package/dist/Token/TokenBase.module.css.js +1 -1
  46. package/dist/Token/{_RemoveTokenButton-c205593b.css → _RemoveTokenButton-a0d2969b.css} +2 -2
  47. package/dist/Token/{_RemoveTokenButton-c205593b.css.map → _RemoveTokenButton-a0d2969b.css.map} +1 -1
  48. package/dist/Token/_RemoveTokenButton.js +2 -2
  49. package/dist/Token/_RemoveTokenButton.module.css.js +1 -1
  50. package/dist/experimental/SelectPanel2/SelectPanel-1f8c23b5.css +2 -0
  51. package/dist/experimental/SelectPanel2/SelectPanel-1f8c23b5.css.map +1 -0
  52. package/dist/experimental/SelectPanel2/SelectPanel.module.css.js +1 -1
  53. package/generated/components.json +72 -31
  54. package/package.json +2 -1
  55. package/dist/CounterLabel/CounterLabel-44fb5d16.css +0 -2
  56. package/dist/Overlay/Overlay-40e80d0e.css +0 -2
  57. package/dist/Overlay/Overlay-40e80d0e.css.map +0 -1
  58. package/dist/Popover/Popover-3ba3b962.css +0 -2
  59. package/dist/Popover/Popover-3ba3b962.css.map +0 -1
  60. package/dist/Token/Token-942271b0.css.map +0 -1
  61. package/dist/Token/TokenBase-57c65c47.css.map +0 -1
  62. package/dist/experimental/SelectPanel2/SelectPanel-e919f619.css +0 -2
  63. package/dist/experimental/SelectPanel2/SelectPanel-e919f619.css.map +0 -1
  64. package/dist/legacy-theme/ts/colors/dark.d.ts +0 -517
  65. package/dist/legacy-theme/ts/colors/dark.d.ts.map +0 -1
  66. package/dist/legacy-theme/ts/colors/dark_colorblind.d.ts +0 -517
  67. package/dist/legacy-theme/ts/colors/dark_colorblind.d.ts.map +0 -1
  68. package/dist/legacy-theme/ts/colors/dark_dimmed.d.ts +0 -517
  69. package/dist/legacy-theme/ts/colors/dark_dimmed.d.ts.map +0 -1
  70. package/dist/legacy-theme/ts/colors/dark_high_contrast.d.ts +0 -517
  71. package/dist/legacy-theme/ts/colors/dark_high_contrast.d.ts.map +0 -1
  72. package/dist/legacy-theme/ts/colors/dark_tritanopia.d.ts +0 -517
  73. package/dist/legacy-theme/ts/colors/dark_tritanopia.d.ts.map +0 -1
  74. package/dist/legacy-theme/ts/colors/index.d.ts +0 -4638
  75. package/dist/legacy-theme/ts/colors/index.d.ts.map +0 -1
  76. package/dist/legacy-theme/ts/colors/light.d.ts +0 -517
  77. package/dist/legacy-theme/ts/colors/light.d.ts.map +0 -1
  78. package/dist/legacy-theme/ts/colors/light_colorblind.d.ts +0 -517
  79. package/dist/legacy-theme/ts/colors/light_colorblind.d.ts.map +0 -1
  80. package/dist/legacy-theme/ts/colors/light_high_contrast.d.ts +0 -517
  81. package/dist/legacy-theme/ts/colors/light_high_contrast.d.ts.map +0 -1
  82. package/dist/legacy-theme/ts/colors/light_tritanopia.d.ts +0 -517
  83. package/dist/legacy-theme/ts/colors/light_tritanopia.d.ts.map +0 -1
package/CHANGELOG.md CHANGED
@@ -4,8 +4,18 @@
4
4
 
5
5
  ### Minor Changes
6
6
 
7
+ - [#7185](https://github.com/primer/react/pull/7185) [`a05b1f9`](https://github.com/primer/react/commit/a05b1f98fa69153f430a2dbde9272c90a78a8423) Thanks [@lukasoppermann](https://github.com/lukasoppermann)! - CounterLabel: Add variant prop and deprecate scheme prop
8
+
9
+ - [#7165](https://github.com/primer/react/pull/7165) [`f2ba02a`](https://github.com/primer/react/commit/f2ba02a370154dc581c1567f93a4d14075ee5419) Thanks [@liuliu-dev](https://github.com/liuliu-dev)! - Fixes multiple styling issues in the Token component.
10
+
11
+ - [#7194](https://github.com/primer/react/pull/7194) [`32cdcfc`](https://github.com/primer/react/commit/32cdcfc46ead068197495714364f03261dc438fa) Thanks [@francinelucca](https://github.com/francinelucca)! - feat(NavList): add support for inline and block description
12
+
7
13
  - [#7143](https://github.com/primer/react/pull/7143) [`25a5f99`](https://github.com/primer/react/commit/25a5f99a8a624b066baa8e5b9961f96730f78be8) Thanks [@langermank](https://github.com/langermank)! - Adjust styling for button's that have nested keybinding hints
8
14
 
15
+ - [#7196](https://github.com/primer/react/pull/7196) [`70f5ffe`](https://github.com/primer/react/commit/70f5ffe1c017d034da3f5d00ecf333b9bb6ed95c) Thanks [@TylerJDev](https://github.com/TylerJDev)! - FilteredActionList: Remove `usingRemoveActiveDescendant` feature flag, add private prop
16
+
17
+ - [#7059](https://github.com/primer/react/pull/7059) [`fd3d09e`](https://github.com/primer/react/commit/fd3d09e3ef1a3774fb8c34ed562dcb52cfd3e0ba) Thanks [@jonrohan](https://github.com/jonrohan)! - feat(Spinner): Adds a delay prop to the Spinner component that delays rendering by 1000ms.
18
+
9
19
  - [#7149](https://github.com/primer/react/pull/7149) [`5e6e04e`](https://github.com/primer/react/commit/5e6e04e9fe0a6c6b3eef166dbc88d5d695ac02f3) Thanks [@lukasoppermann](https://github.com/lukasoppermann)! - StateLabel: Add size prop and deprecate variant prop to align with APIs in other components.
10
20
 
11
21
  - [#7142](https://github.com/primer/react/pull/7142) [`4f3be9c`](https://github.com/primer/react/commit/4f3be9c657c1a300c50266d90a65bdde9fcb8dc8) Thanks [@TylerJDev](https://github.com/TylerJDev)! - IconButton: Hide tooltip when a popup is open.
@@ -14,6 +24,16 @@
14
24
 
15
25
  - [#7102](https://github.com/primer/react/pull/7102) [`07c9e55`](https://github.com/primer/react/commit/07c9e5573c22c93aed1f1b5768bac755018fb0f5) Thanks [@mperrotti](https://github.com/mperrotti)! - Makes Button and LinkButton 'link' variant respect user underline preference
16
26
 
27
+ - [#7189](https://github.com/primer/react/pull/7189) [`424cbc5`](https://github.com/primer/react/commit/424cbc591ac3533c3d1d8467df4c1d2ee8c11f96) Thanks [@liuliu-dev](https://github.com/liuliu-dev)! - Prevent focus reset on date/time input clicks in Safari.
28
+
29
+ - [#7180](https://github.com/primer/react/pull/7180) [`f051a39`](https://github.com/primer/react/commit/f051a39229f55d059d867b59bc468020eda09145) Thanks [@copilot-swe-agent](https://github.com/apps/copilot-swe-agent)! - Feature flags: Remove feature flag `primer_react_use_styled_react_theming`
30
+
31
+ - [#7198](https://github.com/primer/react/pull/7198) [`b1a8acc`](https://github.com/primer/react/commit/b1a8acc9471b569c12e0d1df4278f77e6b86e8b6) Thanks [@copilot-swe-agent](https://github.com/apps/copilot-swe-agent)! - Popover: add missing shadow
32
+
33
+ - [#7188](https://github.com/primer/react/pull/7188) [`9403294`](https://github.com/primer/react/commit/94032941033d328aadf1e7caa141eb8e24604485) Thanks [@liuliu-dev](https://github.com/liuliu-dev)! - Remove unused `underline` prop from LinkButtonProps.
34
+
35
+ - [#7192](https://github.com/primer/react/pull/7192) [`b78167a`](https://github.com/primer/react/commit/b78167a6cf1489865657de795740279ab6d5a669) Thanks [@TylerJDev](https://github.com/TylerJDev)! - SelectPanel: Remove `usingRemoveActiveDescendant` usage from component
36
+
17
37
  ## 38.1.0
18
38
 
19
39
  ### Minor Changes
@@ -1 +1 @@
1
- {"version":3,"file":"AnchoredOverlay.d.ts","sourceRoot":"","sources":["../../src/AnchoredOverlay/AnchoredOverlay.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"AnchoredOverlay.d.ts","sourceRoot":"","sources":["../../src/AnchoredOverlay/AnchoredOverlay.tsx"],"names":[],"mappings":"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"}
@@ -2,7 +2,6 @@ import { useCallback, useEffect } from 'react';
2
2
  import { useFocusTrap } from '../hooks/useFocusTrap.js';
3
3
  import { useFocusZone } from '../hooks/useFocusZone.js';
4
4
  import { useId } from '../hooks/useId.js';
5
- import { useResponsiveValue } from '../hooks/useResponsiveValue.js';
6
5
  import { IconButton } from '../Button/IconButton.js';
7
6
  import { XIcon } from '@primer/octicons-react';
8
7
  import classes from './AnchoredOverlay.module.css.js';
@@ -106,7 +105,6 @@ const AnchoredOverlay = ({
106
105
  disabled: !open || !position_0,
107
106
  ...focusTrapSettings
108
107
  });
109
- const currentResponsiveVariant = useResponsiveValue(variant, 'anchored');
110
108
  const showXIcon = onClose && variant.narrow === 'fullscreen' && displayCloseButton;
111
109
  const XButtonAriaLabelledBy = closeButtonProps['aria-labelledby'];
112
110
  const XButtonAriaLabel = closeButtonProps['aria-label'];
@@ -128,13 +126,13 @@ const AnchoredOverlay = ({
128
126
  visibility: position_0 ? 'visible' : 'hidden',
129
127
  height: height,
130
128
  width: width,
131
- top: currentResponsiveVariant === 'anchored' ? (position_0 === null || position_0 === void 0 ? void 0 : position_0.top) || 0 : undefined,
132
- left: currentResponsiveVariant === 'anchored' ? (position_0 === null || position_0 === void 0 ? void 0 : position_0.left) || 0 : undefined,
129
+ top: (position_0 === null || position_0 === void 0 ? void 0 : position_0.top) || 0,
130
+ left: (position_0 === null || position_0 === void 0 ? void 0 : position_0.left) || 0,
133
131
  responsiveVariant: variant.narrow === 'fullscreen' ? 'fullscreen' : undefined,
134
- "data-variant": currentResponsiveVariant,
135
132
  anchorSide: position_0 === null || position_0 === void 0 ? void 0 : position_0.anchorSide,
136
133
  className: className,
137
134
  preventOverflow: preventOverflow,
135
+ "data-component": "AnchoredOverlay",
138
136
  ...overlayProps,
139
137
  ref: node => {
140
138
  if (overlayProps !== null && overlayProps !== void 0 && overlayProps.ref) {
@@ -78,7 +78,6 @@ export type IconButtonProps = ButtonA11yProps & {
78
78
  keybindingHint?: string;
79
79
  } & Omit<ButtonBaseProps, 'aria-label' | 'aria-labelledby'>;
80
80
  export type LinkButtonProps = {
81
- underline?: boolean;
82
81
  download?: string;
83
82
  href?: string;
84
83
  hrefLang?: string;
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/Button/types.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/Button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,cAAc,CAAA;AAClD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,wBAAwB,CAAA;AAErD,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,MAAM,CAAA;AAEjF,MAAM,MAAM,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;AAE/C,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,QAAQ,CAAA;AAE7C,KAAK,eAAe,GAChB;IAAC,YAAY,EAAE,MAAM,CAAC;IAAC,iBAAiB,CAAC,EAAE,SAAS,CAAA;CAAC,GACrD;IAAC,YAAY,CAAC,EAAE,SAAS,CAAC;IAAC,iBAAiB,EAAE,MAAM,CAAA;CAAC,CAAA;AAEzD,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,CAAA;IACX;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAK5B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAA;AAEjD,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,YAAY,CAAA;IAE3B;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CAAA;IAEzF;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CAAA;IAE7D;;OAEG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CAAA;IAE9D;;;OAGG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,IAAI,CAAA;IAEzC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAE1B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACxB,GAAG,eAAe,CAAA;AAEnB,MAAM,MAAM,eAAe,GAAG,eAAe,GAAG;IAC9C,IAAI,EAAE,KAAK,CAAC,WAAW,CAAA;IACvB,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,gBAAgB,CAAC,EAAE,gBAAgB,CAAA;IACnC,gDAAgD;IAChD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,GAAG,IAAI,CAAC,eAAe,EAAE,YAAY,GAAG,iBAAiB,CAAC,CAAA;AAG3D,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,cAAc,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,gBAAgB,CAAC,CAAA;CACjF,CAAA"}
@@ -0,0 +1,2 @@
1
+ .prc-CounterLabel-CounterLabel-ZwXPe{border:var(--borderWidth-thin,.0625rem) solid var(--counter-borderColor,var(--color-counter-border));border-radius:20px;display:inline-block;font-size:var(--text-body-size-small,.75rem);font-weight:var(--base-text-weight-semibold,600);line-height:1;padding:var(--base-size-2,.125rem) var(--base-size-6,.375rem)}.prc-CounterLabel-CounterLabel-ZwXPe:where([data-variant=primary]){background-color:var(--bgColor-neutral-emphasis,var(--color-fg-subtle));color:var(--fgColor-onEmphasis,var(--color-fg-on-emphasis))}.prc-CounterLabel-CounterLabel-ZwXPe:where([data-variant=secondary]){background-color:var(--bgColor-neutral-muted,var(--color-neutral-subtle));color:var(--fgColor-default,var(--color-fg-default))}.prc-CounterLabel-CounterLabel-ZwXPe:where(:empty){display:none}
2
+ /*# sourceMappingURL=CounterLabel-8c6e8ee4.css.map */
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/CounterLabel/CounterLabel.module.css"],"names":[],"mappings":"AAAA,qCAOE,oGAAgE,CAEhE,kBAAmB,CARnB,oBAAqB,CAErB,4CAAsC,CACtC,gDAA6C,CAE7C,aAAc,CAJd,6DAsBF,CAbE,kEAEE,uEAAiD,CADjD,2DAEF,CAEA,oEAEE,yEAA8C,CAD9C,oDAEF,CAEA,mDACE,YACF","file":"CounterLabel-44fb5d16.css","sourcesContent":[".CounterLabel {\n display: inline-block;\n padding: var(--base-size-2) var(--base-size-6);\n font-size: var(--text-body-size-small);\n font-weight: var(--base-text-weight-semibold);\n /* stylelint-disable-next-line primer/typography */\n line-height: 1;\n border: var(--borderWidth-thin) solid var(--counter-borderColor);\n /* stylelint-disable-next-line primer/borders */\n border-radius: 20px;\n\n &:where([data-scheme='primary']) {\n color: var(--fgColor-onEmphasis);\n background-color: var(--bgColor-neutral-emphasis);\n }\n\n &:where([data-scheme='secondary']) {\n color: var(--fgColor-default);\n background-color: var(--bgColor-neutral-muted);\n }\n\n &:where(:empty) {\n display: none;\n }\n}\n"]}
1
+ {"version":3,"sources":["../src/CounterLabel/CounterLabel.module.css"],"names":[],"mappings":"AAAA,qCAOE,oGAAgE,CAEhE,kBAAmB,CARnB,oBAAqB,CAErB,4CAAsC,CACtC,gDAA6C,CAE7C,aAAc,CAJd,6DAsBF,CAbE,mEAEE,uEAAiD,CADjD,2DAEF,CAEA,qEAEE,yEAA8C,CAD9C,oDAEF,CAEA,mDACE,YACF","file":"CounterLabel-8c6e8ee4.css","sourcesContent":[".CounterLabel {\n display: inline-block;\n padding: var(--base-size-2) var(--base-size-6);\n font-size: var(--text-body-size-small);\n font-weight: var(--base-text-weight-semibold);\n /* stylelint-disable-next-line primer/typography */\n line-height: 1;\n border: var(--borderWidth-thin) solid var(--counter-borderColor);\n /* stylelint-disable-next-line primer/borders */\n border-radius: 20px;\n\n &:where([data-variant='primary']) {\n color: var(--fgColor-onEmphasis);\n background-color: var(--bgColor-neutral-emphasis);\n }\n\n &:where([data-variant='secondary']) {\n color: var(--fgColor-default);\n background-color: var(--bgColor-neutral-muted);\n }\n\n &:where(:empty) {\n display: none;\n }\n}\n"]}
@@ -1,11 +1,15 @@
1
1
  import type { HTMLAttributes } from 'react';
2
2
  import type React from 'react';
3
3
  export type CounterLabelProps = React.PropsWithChildren<HTMLAttributes<HTMLSpanElement> & {
4
+ /** @deprecated use variant instead */
4
5
  scheme?: 'primary' | 'secondary';
6
+ variant?: 'primary' | 'secondary';
5
7
  className?: string;
6
8
  }>;
7
9
  declare const CounterLabel: React.ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & {
10
+ /** @deprecated use variant instead */
8
11
  scheme?: "primary" | "secondary";
12
+ variant?: "primary" | "secondary";
9
13
  className?: string;
10
14
  } & {
11
15
  children?: React.ReactNode | undefined;
@@ -1 +1 @@
1
- {"version":3,"file":"CounterLabel.d.ts","sourceRoot":"","sources":["../../src/CounterLabel/CounterLabel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,OAAO,CAAA;AACzC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,iBAAiB,CACrD,cAAc,CAAC,eAAe,CAAC,GAAG;IAChC,MAAM,CAAC,EAAE,SAAS,GAAG,WAAW,CAAA;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CACF,CAAA;AAED,QAAA,MAAM,YAAY;aALL,SAAS,GAAG,WAAW;gBACpB,MAAM;;;yCAuBrB,CAAA;AAID,eAAe,YAAY,CAAA"}
1
+ {"version":3,"file":"CounterLabel.d.ts","sourceRoot":"","sources":["../../src/CounterLabel/CounterLabel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,OAAO,CAAA;AACzC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,iBAAiB,CACrD,cAAc,CAAC,eAAe,CAAC,GAAG;IAChC,sCAAsC;IACtC,MAAM,CAAC,EAAE,SAAS,GAAG,WAAW,CAAA;IAChC,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAA;IACjC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CACF,CAAA;AAED,QAAA,MAAM,YAAY;IAPd,sCAAsC;aAC7B,SAAS,GAAG,WAAW;cACtB,SAAS,GAAG,WAAW;gBACrB,MAAM;;;yCA0BrB,CAAA;AAID,eAAe,YAAY,CAAA"}
@@ -6,14 +6,16 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
6
6
  import { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden.js';
7
7
 
8
8
  const CounterLabel = /*#__PURE__*/forwardRef((t0, forwardedRef) => {
9
- const $ = c(20);
9
+ const $ = c(21);
10
10
  let children;
11
11
  let className;
12
12
  let rest;
13
- let t1;
13
+ let scheme;
14
+ let variant;
14
15
  if ($[0] !== t0) {
15
16
  ({
16
- scheme: t1,
17
+ variant,
18
+ scheme,
17
19
  className,
18
20
  children,
19
21
  ...rest
@@ -22,75 +24,77 @@ const CounterLabel = /*#__PURE__*/forwardRef((t0, forwardedRef) => {
22
24
  $[1] = children;
23
25
  $[2] = className;
24
26
  $[3] = rest;
25
- $[4] = t1;
27
+ $[4] = scheme;
28
+ $[5] = variant;
26
29
  } else {
27
30
  children = $[1];
28
31
  className = $[2];
29
32
  rest = $[3];
30
- t1 = $[4];
33
+ scheme = $[4];
34
+ variant = $[5];
31
35
  }
32
- const scheme = t1 === undefined ? "secondary" : t1;
33
- let t2;
34
- if ($[5] !== children) {
35
- t2 = /*#__PURE__*/jsxs(VisuallyHidden, {
36
+ let t1;
37
+ if ($[6] !== children) {
38
+ t1 = /*#__PURE__*/jsxs(VisuallyHidden, {
36
39
  children: ["\xA0(", children, ")"]
37
40
  });
38
- $[5] = children;
39
- $[6] = t2;
41
+ $[6] = children;
42
+ $[7] = t1;
40
43
  } else {
41
- t2 = $[6];
44
+ t1 = $[7];
42
45
  }
43
- const label = t2;
44
- let t3;
45
- if ($[7] !== forwardedRef || $[8] !== rest || $[9] !== scheme) {
46
- t3 = {
46
+ const label = t1;
47
+ const inferredVariant = variant || scheme || "secondary";
48
+ let t2;
49
+ if ($[8] !== forwardedRef || $[9] !== inferredVariant || $[10] !== rest) {
50
+ t2 = {
47
51
  ref: forwardedRef,
48
52
  "aria-hidden": "true",
49
- "data-scheme": scheme,
53
+ "data-variant": inferredVariant,
50
54
  ...rest
51
55
  };
52
- $[7] = forwardedRef;
53
- $[8] = rest;
54
- $[9] = scheme;
55
- $[10] = t3;
56
+ $[8] = forwardedRef;
57
+ $[9] = inferredVariant;
58
+ $[10] = rest;
59
+ $[11] = t2;
56
60
  } else {
57
- t3 = $[10];
61
+ t2 = $[11];
58
62
  }
59
- const counterProps = t3;
60
- let t4;
61
- if ($[11] !== className) {
62
- t4 = clsx(className, classes.CounterLabel);
63
- $[11] = className;
64
- $[12] = t4;
63
+ const counterProps = t2;
64
+ let t3;
65
+ if ($[12] !== className) {
66
+ t3 = clsx(className, classes.CounterLabel);
67
+ $[12] = className;
68
+ $[13] = t3;
65
69
  } else {
66
- t4 = $[12];
70
+ t3 = $[13];
67
71
  }
68
- let t5;
69
- if ($[13] !== children || $[14] !== counterProps || $[15] !== t4) {
70
- t5 = /*#__PURE__*/jsx("span", {
72
+ let t4;
73
+ if ($[14] !== children || $[15] !== counterProps || $[16] !== t3) {
74
+ t4 = /*#__PURE__*/jsx("span", {
71
75
  ...counterProps,
72
- className: t4,
76
+ className: t3,
73
77
  children: children
74
78
  });
75
- $[13] = children;
76
- $[14] = counterProps;
77
- $[15] = t4;
78
- $[16] = t5;
79
+ $[14] = children;
80
+ $[15] = counterProps;
81
+ $[16] = t3;
82
+ $[17] = t4;
79
83
  } else {
80
- t5 = $[16];
84
+ t4 = $[17];
81
85
  }
82
- let t6;
83
- if ($[17] !== label || $[18] !== t5) {
84
- t6 = /*#__PURE__*/jsxs(Fragment, {
85
- children: [t5, label]
86
+ let t5;
87
+ if ($[18] !== label || $[19] !== t4) {
88
+ t5 = /*#__PURE__*/jsxs(Fragment, {
89
+ children: [t4, label]
86
90
  });
87
- $[17] = label;
88
- $[18] = t5;
89
- $[19] = t6;
91
+ $[18] = label;
92
+ $[19] = t4;
93
+ $[20] = t5;
90
94
  } else {
91
- t6 = $[19];
95
+ t5 = $[20];
92
96
  }
93
- return t6;
97
+ return t5;
94
98
  });
95
99
  CounterLabel.displayName = 'CounterLabel';
96
100
 
@@ -1,4 +1,4 @@
1
- import './CounterLabel-44fb5d16.css';
1
+ import './CounterLabel-8c6e8ee4.css';
2
2
 
3
3
  var classes = {"CounterLabel":"prc-CounterLabel-CounterLabel-ZwXPe"};
4
4
 
@@ -1 +1 @@
1
- {"version":3,"file":"DefaultFeatureFlags.d.ts","sourceRoot":"","sources":["../../src/FeatureFlags/DefaultFeatureFlags.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAA;AAEnD,eAAO,MAAM,mBAAmB,kBAS9B,CAAA"}
1
+ {"version":3,"file":"DefaultFeatureFlags.d.ts","sourceRoot":"","sources":["../../src/FeatureFlags/DefaultFeatureFlags.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAA;AAEnD,eAAO,MAAM,mBAAmB,kBAQ9B,CAAA"}
@@ -7,8 +7,7 @@ const DefaultFeatureFlags = FeatureFlagScope.create({
7
7
  primer_react_segmented_control_tooltip: false,
8
8
  primer_react_select_panel_fullscreen_on_narrow: false,
9
9
  primer_react_select_panel_order_selected_at_top: false,
10
- primer_react_select_panel_remove_active_descendant: false,
11
- primer_react_use_styled_react_theming: false
10
+ primer_react_select_panel_remove_active_descendant: false
12
11
  });
13
12
 
14
13
  export { DefaultFeatureFlags };
@@ -22,8 +22,28 @@ export interface FilteredActionListProps extends Partial<Omit<GroupedListProps,
22
22
  announcementsEnabled?: boolean;
23
23
  fullScreenOnNarrow?: boolean;
24
24
  onSelectAllChange?: (checked: boolean) => void;
25
+ /**
26
+ * Private API for use internally only. Adds the ability to switch between
27
+ * `active-descendant` and roving tabindex.
28
+ *
29
+ * By default, FilteredActionList uses `aria-activedescendant` to manage focus.
30
+ *
31
+ * Roving tabindex is an alternative focus management method that moves
32
+ * focus to the list items themselves instead of keeping focus on the input.
33
+ *
34
+ * Improper usage can lead to inaccessible experiences, so this prop should be used with caution.
35
+ *
36
+ * For usage, refer to the documentation:
37
+ *
38
+ * WAI-ARIA `aria-activedescendant`: https://www.w3.org/TR/wai-aria-1.2/#aria-activedescendant
39
+ *
40
+ * Roving Tabindex: https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_roving_tabindex
41
+ *
42
+ * @default 'active-descendant'
43
+ */
44
+ _PrivateFocusManagement?: 'roving-tabindex' | 'active-descendant';
25
45
  }
26
- export declare function FilteredActionList({ loading, placeholderText, filterValue: externalFilterValue, loadingType, onFilterChange, onListContainerRefChanged, onInputRefChanged, items, textInputProps, inputRef: providedInputRef, groupMetadata, showItemDividers, message, messageText, className, selectionVariant, announcementsEnabled, fullScreenOnNarrow, onSelectAllChange, ...listProps }: FilteredActionListProps): JSX.Element;
46
+ export declare function FilteredActionList({ loading, placeholderText, filterValue: externalFilterValue, loadingType, onFilterChange, onListContainerRefChanged, onInputRefChanged, items, textInputProps, inputRef: providedInputRef, groupMetadata, showItemDividers, message, messageText, className, selectionVariant, announcementsEnabled, fullScreenOnNarrow, onSelectAllChange, _PrivateFocusManagement, ...listProps }: FilteredActionListProps): JSX.Element;
27
47
  export declare namespace FilteredActionList {
28
48
  var displayName: string;
29
49
  }
@@ -1 +1 @@
1
- {"version":3,"file":"FilteredActionList.d.ts","sourceRoot":"","sources":["../../src/FilteredActionList/FilteredActionList.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAuB,GAAG,EAAC,MAAM,OAAO,CAAA;AACpD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,cAAc,CAAA;AAGhD,OAAO,KAAK,EAAC,gBAAgB,EAAE,aAAa,EAA0B,MAAM,IAAI,CAAA;AAOhF,OAAO,KAAK,EAAC,6BAA6B,EAAC,MAAM,6BAA6B,CAAA;AAa9E,MAAM,WAAW,uBAAwB,SAAQ,OAAO,CAAC,IAAI,CAAC,gBAAgB,EAAE,MAAM,aAAa,CAAC,CAAC,EAAE,aAAa;IAClH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,WAAW,CAAC,EAAE,6BAA6B,CAAA;IAC3C,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,GAAG,IAAI,KAAK,IAAI,CAAA;IACtF,yBAAyB,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAA;IAC7D,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACpE,cAAc,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC,CAAA;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAA;IAC5C,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,WAAW,CAAC,EAAE;QACZ,KAAK,EAAE,MAAM,CAAA;QACb,WAAW,EAAE,MAAM,CAAA;KACpB,CAAA;IACD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,iBAAiB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;CAC/C;AAED,wBAAgB,kBAAkB,CAAC,EACjC,OAAe,EACf,eAAe,EACf,WAAW,EAAE,mBAAmB,EAChC,WAAwD,EACxD,cAAc,EACd,yBAAyB,EACzB,iBAAiB,EACjB,KAAK,EACL,cAAc,EACd,QAAQ,EAAE,gBAAgB,EAC1B,aAAa,EACb,gBAAgB,EAChB,OAAO,EACP,WAAW,EACX,SAAS,EACT,gBAAgB,EAChB,oBAA2B,EAC3B,kBAAkB,EAClB,iBAAiB,EACjB,GAAG,SAAS,EACb,EAAE,uBAAuB,GAAG,GAAG,CAAC,OAAO,CA0TvC;yBA/Ue,kBAAkB"}
1
+ {"version":3,"file":"FilteredActionList.d.ts","sourceRoot":"","sources":["../../src/FilteredActionList/FilteredActionList.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAuB,GAAG,EAAC,MAAM,OAAO,CAAA;AACpD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,cAAc,CAAA;AAGhD,OAAO,KAAK,EAAC,gBAAgB,EAAE,aAAa,EAA0B,MAAM,IAAI,CAAA;AAOhF,OAAO,KAAK,EAAC,6BAA6B,EAAC,MAAM,6BAA6B,CAAA;AAY9E,MAAM,WAAW,uBAAwB,SAAQ,OAAO,CAAC,IAAI,CAAC,gBAAgB,EAAE,MAAM,aAAa,CAAC,CAAC,EAAE,aAAa;IAClH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,WAAW,CAAC,EAAE,6BAA6B,CAAA;IAC3C,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,GAAG,IAAI,KAAK,IAAI,CAAA;IACtF,yBAAyB,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAA;IAC7D,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACpE,cAAc,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC,CAAA;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAA;IAC5C,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,WAAW,CAAC,EAAE;QACZ,KAAK,EAAE,MAAM,CAAA;QACb,WAAW,EAAE,MAAM,CAAA;KACpB,CAAA;IACD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,iBAAiB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IAC9C;;;;;;;;;;;;;;;;;;OAkBG;IACH,uBAAuB,CAAC,EAAE,iBAAiB,GAAG,mBAAmB,CAAA;CAClE;AAED,wBAAgB,kBAAkB,CAAC,EACjC,OAAe,EACf,eAAe,EACf,WAAW,EAAE,mBAAmB,EAChC,WAAwD,EACxD,cAAc,EACd,yBAAyB,EACzB,iBAAiB,EACjB,KAAK,EACL,cAAc,EACd,QAAQ,EAAE,gBAAgB,EAC1B,aAAa,EACb,gBAAgB,EAChB,OAAO,EACP,WAAW,EACX,SAAS,EACT,gBAAgB,EAChB,oBAA2B,EAC3B,kBAAkB,EAClB,iBAAiB,EACjB,uBAA6C,EAC7C,GAAG,SAAS,EACb,EAAE,uBAAuB,GAAG,GAAG,CAAC,OAAO,CAyTvC;yBA/Ue,kBAAkB"}
@@ -14,7 +14,6 @@ import { isValidElementType } from 'react-is';
14
14
  import { useAnnouncements } from './useAnnouncements.js';
15
15
  import { clsx } from 'clsx';
16
16
  import { jsxs, jsx } from 'react/jsx-runtime';
17
- import { useFeatureFlag } from '../FeatureFlags/useFeatureFlag.js';
18
17
  import TextInput from '../TextInput/TextInput.js';
19
18
  import { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden.js';
20
19
  import Checkbox from '../Checkbox/Checkbox.js';
@@ -43,6 +42,7 @@ function FilteredActionList({
43
42
  announcementsEnabled = true,
44
43
  fullScreenOnNarrow,
45
44
  onSelectAllChange,
45
+ _PrivateFocusManagement = 'active-descendant',
46
46
  ...listProps
47
47
  }) {
48
48
  const [filterValue, setInternalFilterValue] = useProvidedStateOrCreate(externalFilterValue, undefined, '');
@@ -55,7 +55,7 @@ function FilteredActionList({
55
55
  const listRef = useRef(null);
56
56
  const scrollContainerRef = useRef(null);
57
57
  const inputRef = useProvidedRefOrCreate(providedInputRef);
58
- const usingRemoveActiveDescendant = useFeatureFlag('primer_react_select_panel_remove_active_descendant');
58
+ const usingRovingTabindex = _PrivateFocusManagement === 'roving-tabindex';
59
59
  const [listContainerElement, setListContainerElement] = useState(null);
60
60
  const activeDescendantRef = useRef();
61
61
  const listId = useId();
@@ -115,8 +115,6 @@ function FilteredActionList({
115
115
  activeDescendantRef.current.dispatchEvent(activeDescendantEvent);
116
116
  }
117
117
  }, [activeDescendantRef]);
118
-
119
- // BEGIN: Todo remove when we remove usingRemoveActiveDescendant
120
118
  const listContainerRefCallback = useCallback(node => {
121
119
  setListContainerElement(node);
122
120
  onListContainerRefChanged === null || onListContainerRefChanged === void 0 ? void 0 : onListContainerRefChanged(node);
@@ -124,9 +122,7 @@ function FilteredActionList({
124
122
  useEffect(() => {
125
123
  onInputRefChanged === null || onInputRefChanged === void 0 ? void 0 : onInputRefChanged(inputRef);
126
124
  }, [inputRef, onInputRefChanged]);
127
- //END: Todo remove when we remove usingRemoveActiveDescendant
128
-
129
- useFocusZone(!usingRemoveActiveDescendant ? {
125
+ useFocusZone(!usingRovingTabindex ? {
130
126
  containerRef: {
131
127
  current: listContainerElement
132
128
  },
@@ -142,7 +138,7 @@ function FilteredActionList({
142
138
  scrollIntoView(current, scrollContainerRef.current, menuScrollMargins);
143
139
  }
144
140
  }
145
- } : undefined, [listContainerElement, usingRemoveActiveDescendant]);
141
+ } : undefined, [listContainerElement, usingRovingTabindex]);
146
142
  useEffect(() => {
147
143
  if (activeDescendantRef.current && scrollContainerRef.current) {
148
144
  scrollIntoView(activeDescendantRef.current, scrollContainerRef.current, {
@@ -152,7 +148,7 @@ function FilteredActionList({
152
148
  }
153
149
  }, [items, inputRef]);
154
150
  useEffect(() => {
155
- if (usingRemoveActiveDescendant) {
151
+ if (usingRovingTabindex) {
156
152
  const inputAndListContainerElement = inputAndListContainerRef.current;
157
153
  if (!inputAndListContainerElement) return;
158
154
  const list = listRef.current;
@@ -169,16 +165,16 @@ function FilteredActionList({
169
165
  inputAndListContainerElement.removeEventListener('focusin', handleFocusIn);
170
166
  };
171
167
  }
172
- }, [items, inputRef, listContainerElement, usingRemoveActiveDescendant]); // Re-run when items change to update active indicators
168
+ }, [items, inputRef, listContainerElement, usingRovingTabindex]); // Re-run when items change to update active indicators
173
169
 
174
170
  useEffect(() => {
175
- if (usingRemoveActiveDescendant && !loading) {
171
+ if (usingRovingTabindex && !loading) {
176
172
  setIsInputFocused(inputRef.current && inputRef.current === document.activeElement ? true : false);
177
173
  }
178
- }, [loading, inputRef, usingRemoveActiveDescendant]);
179
- useAnnouncements(items, usingRemoveActiveDescendant ? listRef : {
174
+ }, [loading, inputRef, usingRovingTabindex]);
175
+ useAnnouncements(items, usingRovingTabindex ? listRef : {
180
176
  current: listContainerElement
181
- }, inputRef, announcementsEnabled, loading, messageText);
177
+ }, inputRef, announcementsEnabled, loading, messageText, _PrivateFocusManagement);
182
178
  useScrollFlash(scrollContainerRef);
183
179
  const handleSelectAllChange = useCallback(e_0 => {
184
180
  if (onSelectAllChange) {
@@ -197,7 +193,7 @@ function FilteredActionList({
197
193
  }
198
194
  let firstGroupIndex_0 = 0;
199
195
  const actionListContent = /*#__PURE__*/jsx(ActionList, {
200
- ref: usingRemoveActiveDescendant ? listRef : listContainerRefCallback,
196
+ ref: usingRovingTabindex ? listRef : listContainerRefCallback,
201
197
  showDividers: showItemDividers,
202
198
  selectionVariant: selectionVariant,
203
199
  ...listProps,
@@ -245,7 +241,7 @@ function FilteredActionList({
245
241
  });
246
242
 
247
243
  // Use ActionListContainerContext.Provider only for the old behavior (when feature flag is disabled)
248
- if (usingRemoveActiveDescendant) {
244
+ if (usingRovingTabindex) {
249
245
  return /*#__PURE__*/jsx(ActionListContainerContext.Provider, {
250
246
  value: {
251
247
  container: 'FilteredActionList',
@@ -278,7 +274,7 @@ function FilteredActionList({
278
274
  value: filterValue,
279
275
  onChange: onInputChange,
280
276
  onKeyPress: onInputKeyPress,
281
- onKeyDown: usingRemoveActiveDescendant ? onInputKeyDown : () => {},
277
+ onKeyDown: usingRovingTabindex ? onInputKeyDown : () => {},
282
278
  placeholder: placeholderText,
283
279
  role: "combobox",
284
280
  "aria-expanded": "true",
@@ -2,5 +2,5 @@ import type { FilteredActionListProps } from './index';
2
2
  export declare const useAnnouncements: (items: FilteredActionListProps["items"], listContainerRef: React.RefObject<HTMLUListElement>, inputRef: React.RefObject<HTMLInputElement>, enabled?: boolean, loading?: boolean, message?: {
3
3
  title: string;
4
4
  description: string;
5
- }) => void;
5
+ }, focusManagement?: "active-descendant" | "roving-tabindex") => void;
6
6
  //# sourceMappingURL=useAnnouncements.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"useAnnouncements.d.ts","sourceRoot":"","sources":["../../src/FilteredActionList/useAnnouncements.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,uBAAuB,EAAC,MAAM,SAAS,CAAA;AAsCpD,eAAO,MAAM,gBAAgB,GAC3B,OAAO,uBAAuB,CAAC,OAAO,CAAC,EACvC,kBAAkB,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EACnD,UAAU,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAC3C,UAAS,OAAc,EACvB,UAAS,OAAe,EACxB,UAAU;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,MAAM,CAAA;CAAC,SA2G/C,CAAA"}
1
+ {"version":3,"file":"useAnnouncements.d.ts","sourceRoot":"","sources":["../../src/FilteredActionList/useAnnouncements.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,uBAAuB,EAAC,MAAM,SAAS,CAAA;AAmCpD,eAAO,MAAM,gBAAgB,GAC3B,OAAO,uBAAuB,CAAC,OAAO,CAAC,EACvC,kBAAkB,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EACnD,UAAU,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAC3C,UAAS,OAAc,EACvB,UAAS,OAAe,EACxB,UAAU;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,MAAM,CAAA;CAAC,EAC9C,kBAAkB,mBAAmB,GAAG,iBAAiB,SA4G1D,CAAA"}
@@ -1,7 +1,6 @@
1
1
  import { c } from 'react-compiler-runtime';
2
2
  import { announce } from '@primer/live-region-element';
3
3
  import { useEffect, useRef } from 'react';
4
- import { useFeatureFlag } from '../FeatureFlags/useFeatureFlag.js';
5
4
 
6
5
  // we add a delay so that it does not interrupt default screen reader announcement and queues after it
7
6
  const delayMs = 500;
@@ -13,8 +12,6 @@ const useFirstRender = () => {
13
12
  // eslint-disable-next-line react-hooks/refs
14
13
  return firstRender.current;
15
14
  };
16
-
17
- //TODO remove this when we remove usingRemoveActiveDescendant
18
15
  const getItemWithActiveDescendant = (listRef, items) => {
19
16
  const listElement = listRef.current;
20
17
  const activeItemElement = listElement === null || listElement === void 0 ? void 0 : listElement.querySelector('[data-is-active-descendant]');
@@ -30,13 +27,11 @@ const getItemWithActiveDescendant = (listRef, items) => {
30
27
  selected
31
28
  };
32
29
  };
33
- //TODO remove this when we remove usingRemoveActiveDescendant
34
-
35
- const useAnnouncements = (items, listContainerRef, inputRef, t0, t1, message) => {
30
+ const useAnnouncements = (items, listContainerRef, inputRef, t0, t1, message, focusManagement) => {
36
31
  const $ = c(33);
37
32
  const enabled = t0 === undefined ? true : t0;
38
33
  const loading = t1 === undefined ? false : t1;
39
- const usingRemoveActiveDescendant = useFeatureFlag("primer_react_select_panel_remove_active_descendant");
34
+ const usingRovingTabindex = focusManagement === "roving-tabindex";
40
35
  let t2;
41
36
  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
42
37
  t2 = document.querySelector("live-region");
@@ -70,10 +65,10 @@ const useAnnouncements = (items, listContainerRef, inputRef, t0, t1, message) =>
70
65
  const announce$1 = t4;
71
66
  let t5;
72
67
  let t6;
73
- if ($[5] !== announce$1 || $[6] !== inputRef || $[7] !== items || $[8] !== listContainerRef || $[9] !== selectedItems || $[10] !== usingRemoveActiveDescendant) {
68
+ if ($[5] !== announce$1 || $[6] !== inputRef || $[7] !== items || $[8] !== listContainerRef || $[9] !== selectedItems || $[10] !== usingRovingTabindex) {
74
69
  t5 = function announceInitialFocus() {
75
70
  const focusHandler = () => {
76
- if (usingRemoveActiveDescendant) {
71
+ if (usingRovingTabindex) {
77
72
  const announcementText = `${items.length} item${items.length > 1 ? "s" : ""} available, ${selectedItems} selected.`;
78
73
  announce$1(announcementText, {
79
74
  delayMs,
@@ -102,13 +97,13 @@ const useAnnouncements = (items, listContainerRef, inputRef, t0, t1, message) =>
102
97
  inputElement === null || inputElement === void 0 ? void 0 : inputElement.addEventListener("focus", focusHandler);
103
98
  return () => inputElement === null || inputElement === void 0 ? void 0 : inputElement.removeEventListener("focus", focusHandler);
104
99
  };
105
- t6 = [listContainerRef, inputRef, items, liveRegion, announce$1, usingRemoveActiveDescendant, selectedItems];
100
+ t6 = [listContainerRef, inputRef, items, liveRegion, announce$1, usingRovingTabindex, selectedItems];
106
101
  $[5] = announce$1;
107
102
  $[6] = inputRef;
108
103
  $[7] = items;
109
104
  $[8] = listContainerRef;
110
105
  $[9] = selectedItems;
111
- $[10] = usingRemoveActiveDescendant;
106
+ $[10] = usingRovingTabindex;
112
107
  $[11] = t5;
113
108
  $[12] = t6;
114
109
  } else {
@@ -118,7 +113,7 @@ const useAnnouncements = (items, listContainerRef, inputRef, t0, t1, message) =>
118
113
  useEffect(t5, t6);
119
114
  const isFirstRender = useFirstRender();
120
115
  let t7;
121
- if ($[13] !== announce$1 || $[14] !== isFirstRender || $[15] !== items || $[16] !== listContainerRef || $[17] !== loading || $[18] !== (message === null || message === void 0 ? void 0 : message.description) || $[19] !== (message === null || message === void 0 ? void 0 : message.title) || $[20] !== selectedItems || $[21] !== usingRemoveActiveDescendant) {
116
+ if ($[13] !== announce$1 || $[14] !== isFirstRender || $[15] !== items || $[16] !== listContainerRef || $[17] !== loading || $[18] !== (message === null || message === void 0 ? void 0 : message.description) || $[19] !== (message === null || message === void 0 ? void 0 : message.title) || $[20] !== selectedItems || $[21] !== usingRovingTabindex) {
122
117
  t7 = function announceListUpdates() {
123
118
  if (isFirstRender) {
124
119
  return;
@@ -130,7 +125,7 @@ const useAnnouncements = (items, listContainerRef, inputRef, t0, t1, message) =>
130
125
  });
131
126
  return;
132
127
  }
133
- if (usingRemoveActiveDescendant) {
128
+ if (usingRovingTabindex) {
134
129
  const announcementText_1 = `${items.length} item${items.length > 1 ? "s" : ""} available, ${selectedItems} selected.`;
135
130
  announce$1(announcementText_1, {
136
131
  delayMs,
@@ -163,7 +158,7 @@ const useAnnouncements = (items, listContainerRef, inputRef, t0, t1, message) =>
163
158
  $[18] = message === null || message === void 0 ? void 0 : message.description;
164
159
  $[19] = message === null || message === void 0 ? void 0 : message.title;
165
160
  $[20] = selectedItems;
166
- $[21] = usingRemoveActiveDescendant;
161
+ $[21] = usingRovingTabindex;
167
162
  $[22] = t7;
168
163
  } else {
169
164
  t7 = $[22];
@@ -171,8 +166,8 @@ const useAnnouncements = (items, listContainerRef, inputRef, t0, t1, message) =>
171
166
  const t8 = message === null || message === void 0 ? void 0 : message.title;
172
167
  const t9 = message === null || message === void 0 ? void 0 : message.description;
173
168
  let t10;
174
- if ($[23] !== announce$1 || $[24] !== isFirstRender || $[25] !== items || $[26] !== listContainerRef || $[27] !== loading || $[28] !== selectedItems || $[29] !== t8 || $[30] !== t9 || $[31] !== usingRemoveActiveDescendant) {
175
- t10 = [announce$1, isFirstRender, items, listContainerRef, liveRegion, usingRemoveActiveDescendant, t8, t9, loading, selectedItems];
169
+ if ($[23] !== announce$1 || $[24] !== isFirstRender || $[25] !== items || $[26] !== listContainerRef || $[27] !== loading || $[28] !== selectedItems || $[29] !== t8 || $[30] !== t9 || $[31] !== usingRovingTabindex) {
170
+ t10 = [announce$1, isFirstRender, items, listContainerRef, liveRegion, usingRovingTabindex, t8, t9, loading, selectedItems];
176
171
  $[23] = announce$1;
177
172
  $[24] = isFirstRender;
178
173
  $[25] = items;
@@ -181,7 +176,7 @@ const useAnnouncements = (items, listContainerRef, inputRef, t0, t1, message) =>
181
176
  $[28] = selectedItems;
182
177
  $[29] = t8;
183
178
  $[30] = t9;
184
- $[31] = usingRemoveActiveDescendant;
179
+ $[31] = usingRovingTabindex;
185
180
  $[32] = t10;
186
181
  } else {
187
182
  t10 = $[32];
@@ -39,6 +39,7 @@ export type NavListGroupExpandProps = {
39
39
  export declare const GroupExpand: React.ForwardRefExoticComponent<NavListGroupExpandProps & React.RefAttributes<HTMLButtonElement>>;
40
40
  export type NavListGroupHeadingProps = ActionListGroupHeadingProps;
41
41
  export declare const NavList: React.ForwardRefExoticComponent<Omit<NavListProps, "ref"> & React.RefAttributes<HTMLElement>> & {
42
+ Description: import("../utils/types").FCWithSlotMarker<React.PropsWithChildren<import("..").ActionListDescriptionProps>>;
42
43
  Item: PolymorphicForwardRefComponent<"a", NavListItemProps>;
43
44
  SubNav: PolymorphicForwardRefComponent<"ul", NavListSubNavProps>;
44
45
  LeadingVisual: import("../utils/types").FCWithSlotMarker<React.PropsWithChildren<import("../ActionList/Visuals").VisualProps>>;
@@ -1 +1 @@
1
- {"version":3,"file":"NavList.d.ts","sourceRoot":"","sources":["../../src/NavList/NavList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4B,KAAK,IAAI,EAAC,MAAM,wBAAwB,CAAA;AAC3E,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAC/F,OAAO,KAAuB,MAAM,OAAO,CAAA;AAE3C,OAAO,KAAK,EACV,6BAA6B,EAC7B,sBAAsB,EACtB,4BAA4B,EAC5B,6BAA6B,EAC7B,2BAA2B,EAC5B,MAAM,eAAe,CAAA;AActB,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAA;AAqB/B,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,CAAA;IAC5F,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAoHD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CAAA;AAkCD,MAAM,MAAM,yBAAyB,GAAG,4BAA4B,CAAA;AASpE,MAAM,MAAM,0BAA0B,GAAG,6BAA6B,CAAA;AAStE,MAAM,MAAM,mBAAmB,GAAG,sBAAsB,CAAA;AAQxD,MAAM,MAAM,0BAA0B,GAAG,6BAA6B,CAAA;AAStE,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC,GAAG;IACpE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAqBD,KAAK,SAAS,GAAG;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,cAAc,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;IAC9B,aAAa,CAAC,EAAE,IAAI,CAAA;IACpB,cAAc,CAAC,EAAE,6BAA6B,CAAA;IAC9C,0BAA0B,CAAC,EAAE,MAAM,CAAA;CACpC,GAAG,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,CAAA;AAEtC,MAAM,MAAM,uBAAuB,GAAG;IACpC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,SAAS,EAAE,CAAA;IAClB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,KAAK,CAAC,SAAS,CAAA;CAClD,CAAA;AAED,eAAO,MAAM,WAAW,mGAgFvB,CAAA;AAKD,MAAM,MAAM,wBAAwB,GAAG,2BAA2B,CAAA;AAqBlE,eAAO,MAAM,OAAO;;;;;;;;;;CAUlB,CAAA"}
1
+ {"version":3,"file":"NavList.d.ts","sourceRoot":"","sources":["../../src/NavList/NavList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4B,KAAK,IAAI,EAAC,MAAM,wBAAwB,CAAA;AAC3E,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAC/F,OAAO,KAAuB,MAAM,OAAO,CAAA;AAE3C,OAAO,KAAK,EACV,6BAA6B,EAC7B,sBAAsB,EACtB,4BAA4B,EAC5B,6BAA6B,EAC7B,2BAA2B,EAC5B,MAAM,eAAe,CAAA;AActB,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAA;AAqB/B,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,CAAA;IAC5F,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAoHD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CAAA;AAkCD,MAAM,MAAM,yBAAyB,GAAG,4BAA4B,CAAA;AASpE,MAAM,MAAM,0BAA0B,GAAG,6BAA6B,CAAA;AAStE,MAAM,MAAM,mBAAmB,GAAG,sBAAsB,CAAA;AAQxD,MAAM,MAAM,0BAA0B,GAAG,6BAA6B,CAAA;AAStE,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC,GAAG;IACpE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAqBD,KAAK,SAAS,GAAG;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,cAAc,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;IAC9B,aAAa,CAAC,EAAE,IAAI,CAAA;IACpB,cAAc,CAAC,EAAE,6BAA6B,CAAA;IAC9C,0BAA0B,CAAC,EAAE,MAAM,CAAA;CACpC,GAAG,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,CAAA;AAEtC,MAAM,MAAM,uBAAuB,GAAG;IACpC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,SAAS,EAAE,CAAA;IAClB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,KAAK,CAAC,SAAS,CAAA;CAClD,CAAA;AAED,eAAO,MAAM,WAAW,mGAgFvB,CAAA;AAKD,MAAM,MAAM,wBAAwB,GAAG,2BAA2B,CAAA;AAqBlE,eAAO,MAAM,OAAO;;;;;;;;;;;CAWlB,CAAA"}
@@ -685,6 +685,7 @@ const GroupHeading = t0 => {
685
685
  // Export
686
686
 
687
687
  const NavList = Object.assign(Root, {
688
+ Description: ActionList.Description,
688
689
  Item,
689
690
  SubNav,
690
691
  LeadingVisual,
@@ -0,0 +1,2 @@
1
+ @keyframes prc-Overlay-overlay-appear-DGY3B{0%{opacity:0}to{opacity:1}}.prc-Overlay-Overlay-dVyJl{background-color:var(--overlay-bgColor,var(--color-canvas-overlay));border-radius:var(--borderRadius-large,.75rem);bottom:var(--bottom,auto);box-shadow:var(--shadow-floating-small,var(--color-overlay-shadow));height:auto;left:var(--left,auto);max-height:100vh;max-width:calc(100vw - 2rem);min-width:192px;overflow:hidden;position:absolute;right:var(--right,auto);top:var(--top,auto);width:auto}.prc-Overlay-Overlay-dVyJl:focus{outline:none}@media (forced-colors:active){.prc-Overlay-Overlay-dVyJl{outline:1px solid transparent}}.prc-Overlay-Overlay-dVyJl:where([data-reflow-container=true]){max-width:calc(100vw - 2rem)}.prc-Overlay-Overlay-dVyJl:where([data-overflow-auto]){overflow:auto}.prc-Overlay-Overlay-dVyJl:where([data-overflow-hidden]){overflow:hidden}.prc-Overlay-Overlay-dVyJl:where([data-overflow-scroll]){overflow:scroll}.prc-Overlay-Overlay-dVyJl:where([data-overflow-visible]){overflow:visible}.prc-Overlay-Overlay-dVyJl:where([data-height-xsmall]){height:192px}.prc-Overlay-Overlay-dVyJl:where([data-height-small]){height:256px}.prc-Overlay-Overlay-dVyJl:where([data-height-medium]){height:320px}.prc-Overlay-Overlay-dVyJl:where([data-height-large]){height:432px}.prc-Overlay-Overlay-dVyJl:where([data-height-xlarge]){height:600px}.prc-Overlay-Overlay-dVyJl:where([data-height-auto]),.prc-Overlay-Overlay-dVyJl:where([data-height-initial]){height:auto}.prc-Overlay-Overlay-dVyJl:where([data-height-fit-content]){height:-moz-fit-content;height:fit-content}.prc-Overlay-Overlay-dVyJl:where([data-max-height-xsmall]){max-height:192px}.prc-Overlay-Overlay-dVyJl:where([data-max-height-small]){max-height:256px}.prc-Overlay-Overlay-dVyJl:where([data-max-height-medium]){max-height:320px}.prc-Overlay-Overlay-dVyJl:where([data-max-height-large]){max-height:432px}.prc-Overlay-Overlay-dVyJl:where([data-max-height-xlarge]){max-height:600px}.prc-Overlay-Overlay-dVyJl:where([data-max-height-fit-content]){max-height:-moz-fit-content;max-height:fit-content}.prc-Overlay-Overlay-dVyJl:where([data-width-small]){width:256px}.prc-Overlay-Overlay-dVyJl:where([data-width-medium]){width:320px}.prc-Overlay-Overlay-dVyJl:where([data-width-large]){width:480px}.prc-Overlay-Overlay-dVyJl:where([data-width-xlarge]){width:640px}.prc-Overlay-Overlay-dVyJl:where([data-width-xxlarge]){width:960px}.prc-Overlay-Overlay-dVyJl:where([data-width-auto]){width:auto}.prc-Overlay-Overlay-dVyJl:where([data-max-width-small]){max-width:256px}.prc-Overlay-Overlay-dVyJl:where([data-max-width-medium]){max-width:320px}.prc-Overlay-Overlay-dVyJl:where([data-max-width-large]){max-width:480px}.prc-Overlay-Overlay-dVyJl:where([data-max-width-xlarge]){max-width:640px}.prc-Overlay-Overlay-dVyJl:where([data-max-width-xxlarge]){max-width:960px}.prc-Overlay-Overlay-dVyJl:where([data-visibility-visible]){visibility:visible}.prc-Overlay-Overlay-dVyJl:where([data-visibility-hidden]){visibility:hidden}@media screen and (max-width:calc(48rem - 0.02px)){.prc-Overlay-Overlay-dVyJl:where([data-responsive=fullscreen]){border-radius:unset;height:100vh;left:0;margin:0;max-height:none;max-width:none;position:fixed;top:0;width:100vw}}@supports (height:100dvh){.prc-Overlay-Overlay-dVyJl:where([data-variant=fullscreen]){height:100dvh}}@media (prefers-reduced-motion:no-preference){.prc-Overlay-Overlay-dVyJl{animation:prc-Overlay-overlay-appear-DGY3B .2s cubic-bezier(.33,1,.68,1)}}
2
+ /*# sourceMappingURL=Overlay-43cda449.css.map */