@primer/react 38.0.0-rc.4 → 38.0.0-rc.5

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 (197) hide show
  1. package/CHANGELOG.md +58 -0
  2. package/dist/ActionList/Item.d.ts +47 -4
  3. package/dist/ActionList/Item.d.ts.map +1 -1
  4. package/dist/ActionList/Item.js +11 -3
  5. package/dist/ActionList/List.d.ts +23 -3
  6. package/dist/ActionList/List.d.ts.map +1 -1
  7. package/dist/ActionList/List.js +20 -13
  8. package/dist/ActionList/index.d.ts +67 -2
  9. package/dist/ActionList/index.d.ts.map +1 -1
  10. package/dist/ActionList/shared.d.ts +12 -6
  11. package/dist/ActionList/shared.d.ts.map +1 -1
  12. package/dist/ActionList/shared.js +3 -0
  13. package/dist/Autocomplete/Autocomplete.d.ts +1 -1
  14. package/dist/Autocomplete/AutocompleteMenu.d.ts.map +1 -1
  15. package/dist/Autocomplete/AutocompleteMenu.js +2 -2
  16. package/dist/Avatar/Avatar.d.ts +2 -3
  17. package/dist/Avatar/Avatar.d.ts.map +1 -1
  18. package/dist/Avatar/Avatar.js +38 -46
  19. package/dist/Breadcrumbs/Breadcrumbs.d.ts +15 -12
  20. package/dist/Breadcrumbs/Breadcrumbs.d.ts.map +1 -1
  21. package/dist/Breadcrumbs/Breadcrumbs.js +35 -34
  22. package/dist/Button/ButtonBase.d.ts.map +1 -1
  23. package/dist/Button/ButtonBase.js +8 -4
  24. package/dist/CheckboxGroup/CheckboxGroup.d.ts +1 -1
  25. package/dist/CheckboxGroup/CheckboxGroup.d.ts.map +1 -1
  26. package/dist/CheckboxGroup/index.d.ts +1 -1
  27. package/dist/CheckboxGroup/index.d.ts.map +1 -1
  28. package/dist/CircleBadge/CircleBadge-87549d20.css +2 -0
  29. package/dist/CircleBadge/CircleBadge-87549d20.css.map +1 -0
  30. package/dist/CircleBadge/CircleBadge.d.ts +14 -14
  31. package/dist/CircleBadge/CircleBadge.d.ts.map +1 -1
  32. package/dist/CircleBadge/CircleBadge.js +69 -13
  33. package/dist/CircleBadge/CircleBadge.module.css.js +5 -0
  34. package/dist/DataTable/{Table-87f4043f.css → Table-7f5cb3e4.css} +2 -2
  35. package/dist/DataTable/Table-7f5cb3e4.css.map +1 -0
  36. package/dist/DataTable/Table.js +1 -1
  37. package/dist/DataTable/Table.module.css.js +2 -2
  38. package/dist/Dialog/{Dialog-8a809d11.css → Dialog-1a61e61a.css} +2 -2
  39. package/dist/Dialog/Dialog-1a61e61a.css.map +1 -0
  40. package/dist/Dialog/Dialog.d.ts +6 -12
  41. package/dist/Dialog/Dialog.d.ts.map +1 -1
  42. package/dist/Dialog/Dialog.js +11 -26
  43. package/dist/Dialog/Dialog.module.css.js +2 -2
  44. package/dist/DialogV1/Dialog.d.ts +13 -11
  45. package/dist/DialogV1/Dialog.d.ts.map +1 -1
  46. package/dist/DialogV1/Dialog.js +71 -63
  47. package/dist/FormControl/FormControl.d.ts +6 -1
  48. package/dist/FormControl/FormControl.d.ts.map +1 -1
  49. package/dist/FormControl/FormControl.js +4 -1
  50. package/dist/FormControl/FormControlCaption.d.ts +2 -1
  51. package/dist/FormControl/FormControlCaption.d.ts.map +1 -1
  52. package/dist/FormControl/FormControlCaption.js +12 -9
  53. package/dist/FormControl/FormControlLabel.d.ts +1 -0
  54. package/dist/FormControl/FormControlLabel.d.ts.map +1 -1
  55. package/dist/FormControl/FormControlLeadingVisual.d.ts +3 -1
  56. package/dist/FormControl/FormControlLeadingVisual.d.ts.map +1 -1
  57. package/dist/FormControl/FormControlLeadingVisual.js +11 -8
  58. package/dist/FormControl/_FormControlValidation.d.ts +1 -0
  59. package/dist/FormControl/_FormControlValidation.d.ts.map +1 -1
  60. package/dist/FormControl/_FormControlValidation.js +11 -8
  61. package/dist/Heading/Heading.d.ts +4 -4
  62. package/dist/Heading/Heading.d.ts.map +1 -1
  63. package/dist/Heading/Heading.js +0 -11
  64. package/dist/KeybindingHint/components/Chord-81099645.css +2 -0
  65. package/dist/KeybindingHint/components/Chord-81099645.css.map +1 -0
  66. package/dist/KeybindingHint/components/Chord.d.ts.map +1 -1
  67. package/dist/KeybindingHint/components/Chord.js +44 -68
  68. package/dist/KeybindingHint/components/Chord.module.css.js +5 -0
  69. package/dist/Label/Label.d.ts +1 -3
  70. package/dist/Label/Label.d.ts.map +1 -1
  71. package/dist/Label/Label.js +37 -69
  72. package/dist/Label/index.d.ts +0 -1
  73. package/dist/Label/index.d.ts.map +1 -1
  74. package/dist/LabelGroup/LabelGroup-eda75c0f.css +2 -0
  75. package/dist/LabelGroup/LabelGroup-eda75c0f.css.map +1 -0
  76. package/dist/LabelGroup/LabelGroup.d.ts.map +1 -1
  77. package/dist/LabelGroup/LabelGroup.js +4 -10
  78. package/dist/LabelGroup/LabelGroup.module.css.js +5 -0
  79. package/dist/Link/Link-e01bdaee.css +2 -0
  80. package/dist/Link/Link-e01bdaee.css.map +1 -0
  81. package/dist/Link/Link.d.ts +11 -5
  82. package/dist/Link/Link.d.ts.map +1 -1
  83. package/dist/Link/Link.js +21 -29
  84. package/dist/Link/Link.module.css.js +1 -1
  85. package/dist/NavList/NavList-5dc067e3.css +2 -0
  86. package/dist/NavList/NavList-5dc067e3.css.map +1 -0
  87. package/dist/NavList/NavList.d.ts +4 -5
  88. package/dist/NavList/NavList.d.ts.map +1 -1
  89. package/dist/NavList/NavList.js +214 -420
  90. package/dist/NavList/NavList.module.css.js +5 -0
  91. package/dist/Overlay/Overlay.d.ts +1 -2
  92. package/dist/Overlay/Overlay.d.ts.map +1 -1
  93. package/dist/Overlay/Overlay.js +2 -3
  94. package/dist/Pagination/{Pagination-e98833e8.css → Pagination-1845feaa.css} +2 -2
  95. package/dist/Pagination/Pagination-1845feaa.css.map +1 -0
  96. package/dist/Pagination/Pagination.d.ts +1 -2
  97. package/dist/Pagination/Pagination.d.ts.map +1 -1
  98. package/dist/Pagination/Pagination.js +5 -13
  99. package/dist/Pagination/Pagination.module.css.js +1 -1
  100. package/dist/Placeholder.d.ts.map +1 -1
  101. package/dist/Popover/Popover.d.ts +0 -3
  102. package/dist/Popover/Popover.d.ts.map +1 -1
  103. package/dist/ScrollableRegion/ScrollableRegion-c1018dbe.css +2 -0
  104. package/dist/ScrollableRegion/ScrollableRegion-c1018dbe.css.map +1 -0
  105. package/dist/ScrollableRegion/ScrollableRegion.d.ts +1 -1
  106. package/dist/ScrollableRegion/ScrollableRegion.d.ts.map +1 -1
  107. package/dist/ScrollableRegion/ScrollableRegion.js +37 -31
  108. package/dist/ScrollableRegion/ScrollableRegion.module.css.js +5 -0
  109. package/dist/SelectPanel/SelectPanel.d.ts.map +1 -1
  110. package/dist/SelectPanel/SelectPanel.js +20 -1
  111. package/dist/Skeleton/SkeletonBox.js +2 -2
  112. package/dist/SkeletonAvatar/SkeletonAvatar.js +2 -2
  113. package/dist/StateLabel/{StateLabel-50420ff5.css → StateLabel-aaa1d148.css} +2 -2
  114. package/dist/StateLabel/{StateLabel-50420ff5.css.map → StateLabel-aaa1d148.css.map} +1 -1
  115. package/dist/StateLabel/StateLabel.module.css.js +1 -1
  116. package/dist/TabNav/TabNav.d.ts +4 -6
  117. package/dist/TabNav/TabNav.d.ts.map +1 -1
  118. package/dist/TabNav/TabNav.js +5 -7
  119. package/dist/Text/Text.d.ts +1 -2
  120. package/dist/Text/Text.d.ts.map +1 -1
  121. package/dist/Text/Text.js +1 -3
  122. package/dist/TextInput/TextInput.d.ts +1 -1
  123. package/dist/TextInputWithTokens/{TextInputWithTokens-fb9b5109.css → TextInputWithTokens-946ead3e.css} +2 -2
  124. package/dist/TextInputWithTokens/TextInputWithTokens-946ead3e.css.map +1 -0
  125. package/dist/TextInputWithTokens/TextInputWithTokens.d.ts.map +1 -1
  126. package/dist/TextInputWithTokens/TextInputWithTokens.js +6 -7
  127. package/dist/TextInputWithTokens/TextInputWithTokens.module.css.js +2 -2
  128. package/dist/ThemeProvider.js +3 -3
  129. package/dist/Token/Token.d.ts +1 -2
  130. package/dist/Token/Token.d.ts.map +1 -1
  131. package/dist/Token/TokenBase.d.ts +1 -2
  132. package/dist/Token/TokenBase.d.ts.map +1 -1
  133. package/dist/Token/TokenBase.js +64 -63
  134. package/dist/Token/_RemoveTokenButton.d.ts +1 -2
  135. package/dist/Token/_RemoveTokenButton.d.ts.map +1 -1
  136. package/dist/Token/_RemoveTokenButton.js +38 -104
  137. package/dist/Token/_TokenTextContainer.d.ts +1 -1
  138. package/dist/Token/_TokenTextContainer.d.ts.map +1 -1
  139. package/dist/Token/_TokenTextContainer.js +40 -20
  140. package/dist/Tooltip/Tooltip.d.ts +1 -2
  141. package/dist/Tooltip/Tooltip.d.ts.map +1 -1
  142. package/dist/Tooltip/Tooltip.js +1 -2
  143. package/dist/TooltipV2/Tooltip.d.ts +16 -3
  144. package/dist/TooltipV2/Tooltip.d.ts.map +1 -1
  145. package/dist/TooltipV2/Tooltip.js +15 -5
  146. package/dist/UnderlineNav/UnderlineNav.js +2 -2
  147. package/dist/_VisuallyHidden.d.ts +5 -5
  148. package/dist/_VisuallyHidden.d.ts.map +1 -1
  149. package/dist/_VisuallyHidden.js +30 -32
  150. package/dist/experimental/UnderlinePanels/UnderlinePanels.d.ts +1 -2
  151. package/dist/experimental/UnderlinePanels/UnderlinePanels.d.ts.map +1 -1
  152. package/dist/experimental/UnderlinePanels/UnderlinePanels.js +28 -13
  153. package/dist/hooks/useMnemonics.d.ts +1 -0
  154. package/dist/hooks/useMnemonics.d.ts.map +1 -1
  155. package/dist/hooks/useMnemonics.js +99 -57
  156. package/dist/index.d.ts +2 -1
  157. package/dist/index.d.ts.map +1 -1
  158. package/dist/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupCaption.js +1 -3
  159. package/dist/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupLabel.d.ts +1 -2
  160. package/dist/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupLabel.d.ts.map +1 -1
  161. package/dist/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupLabel.js +1 -3
  162. package/dist/internal/components/ConditionalWrapper.d.ts +2 -3
  163. package/dist/internal/components/ConditionalWrapper.d.ts.map +1 -1
  164. package/dist/internal/components/ConditionalWrapper.js +21 -18
  165. package/dist/internal/components/{InputValidation-057236a4.css → InputValidation-dddeaafd.css} +2 -2
  166. package/dist/internal/components/{InputValidation-057236a4.css.map → InputValidation-dddeaafd.css.map} +1 -1
  167. package/dist/internal/components/InputValidation.d.ts +1 -0
  168. package/dist/internal/components/InputValidation.d.ts.map +1 -1
  169. package/dist/internal/components/InputValidation.js +4 -4
  170. package/dist/internal/components/InputValidation.module.css.js +1 -1
  171. package/dist/internal/components/TextInputInnerAction.d.ts +1 -1
  172. package/dist/internal/components/UnderlineTabbedInterface.d.ts +11 -12
  173. package/dist/internal/components/UnderlineTabbedInterface.d.ts.map +1 -1
  174. package/dist/internal/components/UnderlineTabbedInterface.js +68 -63
  175. package/dist/internal/components/ValidationAnimationContainer.d.ts.map +1 -1
  176. package/dist/internal/components/ValidationAnimationContainer.js +5 -4
  177. package/dist/live-region/Announce.d.ts +2 -2
  178. package/dist/live-region/Announce.d.ts.map +1 -1
  179. package/dist/live-region/AriaAlert.d.ts +3 -3
  180. package/dist/live-region/AriaAlert.d.ts.map +1 -1
  181. package/dist/live-region/AriaAlert.js +14 -33
  182. package/dist/live-region/AriaStatus.d.ts +3 -3
  183. package/dist/live-region/AriaStatus.d.ts.map +1 -1
  184. package/dist/live-region/AriaStatus.js +14 -33
  185. package/dist/utils/modern-polymorphic.d.ts +22 -0
  186. package/dist/utils/modern-polymorphic.d.ts.map +1 -0
  187. package/dist/utils/modern-polymorphic.js +26 -0
  188. package/generated/components.json +4 -98
  189. package/package.json +7 -7
  190. package/dist/DataTable/Table-87f4043f.css.map +0 -1
  191. package/dist/Dialog/Dialog-8a809d11.css.map +0 -1
  192. package/dist/Link/Link-948b910e.css +0 -2
  193. package/dist/Link/Link-948b910e.css.map +0 -1
  194. package/dist/Pagination/Pagination-e98833e8.css.map +0 -1
  195. package/dist/TextInputWithTokens/TextInputWithTokens-fb9b5109.css.map +0 -1
  196. package/dist/utils/polymorphic2.d.ts +0 -16
  197. package/dist/utils/polymorphic2.d.ts.map +0 -1
@@ -3,14 +3,13 @@ import { clsx } from 'clsx';
3
3
  import React from 'react';
4
4
  import styled from 'styled-components';
5
5
  import { get } from '../constants.js';
6
- import sx from '../sx.js';
7
6
  import { jsx } from 'react/jsx-runtime';
8
7
  import { useId } from '../hooks/useId.js';
9
8
 
10
9
  const TooltipBase = styled.span.withConfig({
11
10
  displayName: "Tooltip__TooltipBase",
12
11
  componentId: "sc-17tf59c-0"
13
- })(["position:relative;display:inline-block;&::after{position:absolute;z-index:1000000;display:none;padding:0.5em 0.75em;font:normal normal 11px/1.5 ", ";-webkit-font-smoothing:subpixel-antialiased;color:var(--tooltip-fgColor,", ");text-align:center;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-wrap:break-word;white-space:pre;pointer-events:none;content:attr(aria-label);background:var(--tooltip-bgColor,", ");border-radius:", ";opacity:0;}@keyframes tooltip-appear{from{opacity:0;}to{opacity:1;}}&:hover,&:active,&:focus,&:focus-within{&::after{display:inline-block;text-decoration:none;animation-name:tooltip-appear;animation-duration:0.1s;animation-fill-mode:forwards;animation-timing-function:ease-in;animation-delay:0s;}}&.tooltipped-no-delay:hover,&.tooltipped-no-delay:active,&.tooltipped-no-delay:focus,&.tooltipped-no-delay:focus-within{&::after{animation-delay:0s;}}&.tooltipped-multiline:hover,&.tooltipped-multiline:active,&.tooltipped-multiline:focus,&.tooltipped-multiline:focus-within{&::after{display:table-cell;}}&.tooltipped-s,&.tooltipped-se,&.tooltipped-sw{&::after{top:100%;right:50%;margin-top:6px;}}&.tooltipped-se{&::after{right:auto;left:50%;margin-left:-", ";}}&.tooltipped-sw::after{margin-right:-", ";}&.tooltipped-n,&.tooltipped-ne,&.tooltipped-nw{&::after{right:50%;bottom:100%;margin-bottom:6px;}}&.tooltipped-ne{&::after{right:auto;left:50%;margin-left:-", ";}}&.tooltipped-nw::after{margin-right:-", ";}&.tooltipped-s::after,&.tooltipped-n::after{transform:translateX(50%);}&.tooltipped-w{&::after{right:100%;bottom:50%;margin-right:6px;transform:translateY(50%);}}&.tooltipped-e{&::after{bottom:50%;left:100%;margin-left:6px;transform:translateY(50%);}}&.tooltipped-multiline{&::after{width:max-content;max-width:250px;word-wrap:break-word;white-space:pre-line;border-collapse:separate;}&.tooltipped-s::after,&.tooltipped-n::after{right:auto;left:50%;transform:translateX(-50%);}&.tooltipped-w::after,&.tooltipped-e::after{right:100%;}}&.tooltipped-align-right-2::after{right:0;margin-right:0;}&.tooltipped-align-left-2::after{left:0;margin-left:0;}", ";"], get('fonts.normal'), get('colors.fg.onEmphasis'), get('colors.neutral.emphasisPlus'), get('radii.2'), get('space.3'), get('space.3'), get('space.3'), get('space.3'), sx);
12
+ })(["position:relative;display:inline-block;&::after{position:absolute;z-index:1000000;display:none;padding:0.5em 0.75em;font:normal normal 11px/1.5 ", ";-webkit-font-smoothing:subpixel-antialiased;color:var(--tooltip-fgColor,", ");text-align:center;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-wrap:break-word;white-space:pre;pointer-events:none;content:attr(aria-label);background:var(--tooltip-bgColor,", ");border-radius:", ";opacity:0;}@keyframes tooltip-appear{from{opacity:0;}to{opacity:1;}}&:hover,&:active,&:focus,&:focus-within{&::after{display:inline-block;text-decoration:none;animation-name:tooltip-appear;animation-duration:0.1s;animation-fill-mode:forwards;animation-timing-function:ease-in;animation-delay:0s;}}&.tooltipped-no-delay:hover,&.tooltipped-no-delay:active,&.tooltipped-no-delay:focus,&.tooltipped-no-delay:focus-within{&::after{animation-delay:0s;}}&.tooltipped-multiline:hover,&.tooltipped-multiline:active,&.tooltipped-multiline:focus,&.tooltipped-multiline:focus-within{&::after{display:table-cell;}}&.tooltipped-s,&.tooltipped-se,&.tooltipped-sw{&::after{top:100%;right:50%;margin-top:6px;}}&.tooltipped-se{&::after{right:auto;left:50%;margin-left:-", ";}}&.tooltipped-sw::after{margin-right:-", ";}&.tooltipped-n,&.tooltipped-ne,&.tooltipped-nw{&::after{right:50%;bottom:100%;margin-bottom:6px;}}&.tooltipped-ne{&::after{right:auto;left:50%;margin-left:-", ";}}&.tooltipped-nw::after{margin-right:-", ";}&.tooltipped-s::after,&.tooltipped-n::after{transform:translateX(50%);}&.tooltipped-w{&::after{right:100%;bottom:50%;margin-right:6px;transform:translateY(50%);}}&.tooltipped-e{&::after{bottom:50%;left:100%;margin-left:6px;transform:translateY(50%);}}&.tooltipped-multiline{&::after{width:max-content;max-width:250px;word-wrap:break-word;white-space:pre-line;border-collapse:separate;}&.tooltipped-s::after,&.tooltipped-n::after{right:auto;left:50%;transform:translateX(-50%);}&.tooltipped-w::after,&.tooltipped-e::after{right:100%;}}&.tooltipped-align-right-2::after{right:0;margin-right:0;}&.tooltipped-align-left-2::after{left:0;margin-left:0;}"], get('fonts.normal'), get('colors.fg.onEmphasis'), get('colors.neutral.emphasisPlus'), get('radii.2'), get('space.3'), get('space.3'), get('space.3'), get('space.3'));
14
13
 
15
14
  /**
16
15
  * @deprecated
@@ -1,5 +1,4 @@
1
1
  import React from 'react';
2
- import type { SxProp } from '../sx';
3
2
  import { type KeybindingHintProps } from '../KeybindingHint';
4
3
  export type TooltipDirection = 'nw' | 'n' | 'ne' | 'e' | 'se' | 's' | 'sw' | 'w';
5
4
  export type TooltipProps = React.PropsWithChildren<{
@@ -7,7 +6,14 @@ export type TooltipProps = React.PropsWithChildren<{
7
6
  text: string;
8
7
  type?: 'label' | 'description';
9
8
  keybindingHint?: KeybindingHintProps['keys'];
10
- } & SxProp> & React.HTMLAttributes<HTMLElement>;
9
+ /**
10
+ * Delay in milliseconds before showing the tooltip
11
+ * @default short (50ms)
12
+ * medium (400ms)
13
+ * long (1200ms)
14
+ */
15
+ delay?: 'short' | 'medium' | 'long';
16
+ }> & React.HTMLAttributes<HTMLElement>;
11
17
  export declare const TooltipContext: React.Context<{
12
18
  tooltipId?: string;
13
19
  }>;
@@ -16,7 +22,14 @@ export declare const Tooltip: React.ForwardRefExoticComponent<{
16
22
  text: string;
17
23
  type?: "label" | "description";
18
24
  keybindingHint?: KeybindingHintProps["keys"];
19
- } & SxProp & {
25
+ /**
26
+ * Delay in milliseconds before showing the tooltip
27
+ * @default short (50ms)
28
+ * medium (400ms)
29
+ * long (1200ms)
30
+ */
31
+ delay?: "short" | "medium" | "long";
32
+ } & {
20
33
  children?: React.ReactNode | undefined;
21
34
  } & React.HTMLAttributes<HTMLElement> & React.RefAttributes<unknown>>;
22
35
  //# sourceMappingURL=Tooltip.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/TooltipV2/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuD,MAAM,OAAO,CAAA;AAC3E,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AASjC,OAAO,EAAoD,KAAK,mBAAmB,EAAC,MAAM,mBAAmB,CAAA;AAK7G,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,CAAA;AAChF,MAAM,MAAM,YAAY,GAAG,KAAK,CAAC,iBAAiB,CAChD;IACE,SAAS,CAAC,EAAE,gBAAgB,CAAA;IAC5B,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,OAAO,GAAG,aAAa,CAAA;IAC9B,cAAc,CAAC,EAAE,mBAAmB,CAAC,MAAM,CAAC,CAAA;CAC7C,GAAG,MAAM,CACX,GACC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAA;AAyDnC,eAAO,MAAM,cAAc;gBAAoC,MAAM;EAAM,CAAA;AAE3E,eAAO,MAAM,OAAO;gBAjEJ,gBAAgB;UACtB,MAAM;WACL,OAAO,GAAG,aAAa;qBACb,mBAAmB,CAAC,MAAM,CAAC;;;qEA8T/C,CAAA"}
1
+ {"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/TooltipV2/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuD,MAAM,OAAO,CAAA;AAS3E,OAAO,EAAoD,KAAK,mBAAmB,EAAC,MAAM,mBAAmB,CAAA;AAI7G,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,CAAA;AAChF,MAAM,MAAM,YAAY,GAAG,KAAK,CAAC,iBAAiB,CAAC;IACjD,SAAS,CAAC,EAAE,gBAAgB,CAAA;IAC5B,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,OAAO,GAAG,aAAa,CAAA;IAC9B,cAAc,CAAC,EAAE,mBAAmB,CAAC,MAAM,CAAC,CAAA;IAC5C;;;;;OAKG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAA;CACpC,CAAC,GACA,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAA;AAiEnC,eAAO,MAAM,cAAc;gBAAoC,MAAM;EAAM,CAAA;AAE3E,eAAO,MAAM,OAAO;gBA/EN,gBAAgB;UACtB,MAAM;WACL,OAAO,GAAG,aAAa;qBACb,mBAAmB,CAAC,MAAM,CAAC;IAC5C;;;;;OAKG;YACK,OAAO,GAAG,QAAQ,GAAG,MAAM;;;qEAiVpC,CAAA"}
@@ -7,7 +7,6 @@ import { clsx } from 'clsx';
7
7
  import classes from './Tooltip.module.css.js';
8
8
  import VisuallyHidden from '../_VisuallyHidden.js';
9
9
  import useSafeTimeout from '../hooks/useSafeTimeout.js';
10
- import { BoxWithFallback } from '../internal/components/BoxWithFallback.js';
11
10
  import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
12
11
  import { useId } from '../hooks/useId.js';
13
12
  import { useProvidedRefOrCreate } from '../hooks/useProvidedRefOrCreate.js';
@@ -65,6 +64,14 @@ const positionToDirection = {
65
64
 
66
65
  // The list is from GitHub's custom-axe-rules https://github.com/github/github/blob/master/app/assets/modules/github/axe-custom-rules.ts#L3
67
66
  const interactiveElements = ['a[href]', 'button:not([disabled])', 'summary', 'select', 'input:not([type=hidden])', 'textarea'];
67
+
68
+ // Map delay prop to actual time in ms
69
+ // For context on delay times, see https://github.com/github/primer/issues/3313#issuecomment-3336696699
70
+ const delayTimeMap = {
71
+ short: 50,
72
+ medium: 400,
73
+ long: 1200
74
+ };
68
75
  const isInteractive = element => {
69
76
  return interactiveElements.some(selector => element.matches(selector)) || element.hasAttribute('role') && element.getAttribute('role') === 'button';
70
77
  };
@@ -77,6 +84,7 @@ const Tooltip = /*#__PURE__*/React.forwardRef(({
77
84
  id,
78
85
  className,
79
86
  keybindingHint,
87
+ delay = 'short',
80
88
  ...rest
81
89
  }, forwardedRef) => {
82
90
  const tooltipId = useId(id);
@@ -236,23 +244,25 @@ const Tooltip = /*#__PURE__*/React.forwardRef(({
236
244
  (_child$props$onFocus = (_child$props3 = child.props).onFocus) === null || _child$props$onFocus === void 0 ? void 0 : _child$props$onFocus.call(_child$props3, event_2);
237
245
  },
238
246
  onMouseOverCapture: event_3 => {
247
+ const delayTime = delayTimeMap[delay] || 50;
239
248
  // We use a `capture` event to ensure this is called first before
240
249
  // events that might cancel the opening timeout (like `onTouchEnd`)
241
- // show tooltip after mouse has been hovering for at least 50ms
250
+ // show tooltip after mouse has been hovering for the specified delay time
242
251
  // (prevent showing tooltip when mouse is just passing through)
243
252
  openTimeoutRef.current = safeSetTimeout(() => {
244
253
  var _child$props$onMouseE, _child$props4;
254
+ // if the mouse is already moved out, do not show the tooltip
255
+ if (!openTimeoutRef.current) return;
245
256
  openTooltip();
246
257
  (_child$props$onMouseE = (_child$props4 = child.props).onMouseEnter) === null || _child$props$onMouseE === void 0 ? void 0 : _child$props$onMouseE.call(_child$props4, event_3);
247
- }, 50);
258
+ }, delayTime);
248
259
  },
249
260
  onMouseLeave: event_4 => {
250
261
  var _child$props$onMouseL, _child$props5;
251
262
  closeTooltip();
252
263
  (_child$props$onMouseL = (_child$props5 = child.props).onMouseLeave) === null || _child$props$onMouseL === void 0 ? void 0 : _child$props$onMouseL.call(_child$props5, event_4);
253
264
  }
254
- }), /*#__PURE__*/jsx(BoxWithFallback, {
255
- as: "span",
265
+ }), /*#__PURE__*/jsx("span", {
256
266
  className: clsx(className, classes.Tooltip),
257
267
  ref: tooltipElRef,
258
268
  "data-direction": calculatedDirection,
@@ -163,11 +163,11 @@ const UnderlineNav = /*#__PURE__*/forwardRef(({
163
163
  return (_noIconChildWidthArra = (_noIconChildWidthArra2 = noIconChildWidthArray.find(item => item.text === itemText)) === null || _noIconChildWidthArra2 === void 0 ? void 0 : _noIconChildWidthArra2.width) !== null && _noIconChildWidthArra !== void 0 ? _noIconChildWidthArra : 0;
164
164
  }
165
165
  const swapMenuItemWithListItem = (prospectiveListItem, indexOfProspectiveListItem, event, callback) => {
166
- var _listRef$current$getB, _listRef$current;
166
+ var _navRef$current$getBo, _navRef$current, _listRef$current$getB, _listRef$current;
167
167
  // get the selected menu item's width
168
168
  const widthToFitIntoList = getItemsWidth(prospectiveListItem.props.children);
169
169
  // Check if there is any empty space on the right side of the list
170
- const availableSpace = navRef.current.getBoundingClientRect().width - ((_listRef$current$getB = (_listRef$current = listRef.current) === null || _listRef$current === void 0 ? void 0 : _listRef$current.getBoundingClientRect().width) !== null && _listRef$current$getB !== void 0 ? _listRef$current$getB : 0);
170
+ const availableSpace = ((_navRef$current$getBo = (_navRef$current = navRef.current) === null || _navRef$current === void 0 ? void 0 : _navRef$current.getBoundingClientRect().width) !== null && _navRef$current$getBo !== void 0 ? _navRef$current$getBo : 0) - ((_listRef$current$getB = (_listRef$current = listRef.current) === null || _listRef$current === void 0 ? void 0 : _listRef$current.getBoundingClientRect().width) !== null && _listRef$current$getB !== void 0 ? _listRef$current$getB : 0);
171
171
 
172
172
  // Calculate how many items need to be pulled in to the menu to make room for the selected menu item
173
173
  // I.e. if we need to pull 2 items in (index 0 and index 1), breakpoint (index) will return 1.
@@ -1,8 +1,8 @@
1
- import type { SxProp } from './sx';
2
- interface Props extends React.ComponentPropsWithoutRef<'span'> {
1
+ import type { PolymorphicProps } from './utils/modern-polymorphic';
2
+ import type { ElementType } from 'react';
3
+ type VisuallyHiddenProps<As extends ElementType = 'span'> = PolymorphicProps<As, 'span', {
3
4
  isVisible?: boolean;
4
- as?: React.ElementType;
5
- }
6
- declare function VisuallyHidden({ isVisible, children, as, className, ...rest }: Props & SxProp): import("react").JSX.Element;
5
+ }>;
6
+ declare function VisuallyHidden<As extends ElementType = 'span'>({ isVisible, children, as, className, ...rest }: VisuallyHiddenProps<As>): import("react").JSX.Element;
7
7
  export default VisuallyHidden;
8
8
  //# sourceMappingURL=_VisuallyHidden.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"_VisuallyHidden.d.ts","sourceRoot":"","sources":["../src/_VisuallyHidden.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,MAAM,CAAA;AAEhC,UAAU,KAAM,SAAQ,KAAK,CAAC,wBAAwB,CAAC,MAAM,CAAC;IAC5D,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CACvB;AAED,iBAAS,cAAc,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,EAAW,EAAE,SAAS,EAAE,GAAG,IAAI,EAAC,EAAE,KAAK,GAAG,MAAM,+BAM7F;AAED,eAAe,cAAc,CAAA"}
1
+ {"version":3,"file":"_VisuallyHidden.d.ts","sourceRoot":"","sources":["../src/_VisuallyHidden.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,4BAA4B,CAAA;AAChE,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,OAAO,CAAA;AAEtC,KAAK,mBAAmB,CAAC,EAAE,SAAS,WAAW,GAAG,MAAM,IAAI,gBAAgB,CAC1E,EAAE,EACF,MAAM,EACN;IACE,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CACF,CAAA;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,WAAW,GAAG,MAAM,EAAE,EACvD,SAAS,EACT,QAAQ,EACR,EAAE,EACF,SAAS,EACT,GAAG,IAAI,EACR,EAAE,mBAAmB,CAAC,EAAE,CAAC,+BAOzB;AAED,eAAe,cAAc,CAAA"}
@@ -1,67 +1,65 @@
1
1
  import { c } from 'react-compiler-runtime';
2
2
  import classes from './_VisuallyHidden.module.css.js';
3
3
  import { clsx } from 'clsx';
4
- import { BoxWithFallback } from './internal/components/BoxWithFallback.js';
5
4
  import { jsx } from 'react/jsx-runtime';
6
5
 
7
6
  function VisuallyHidden(t0) {
8
7
  const $ = c(14);
8
+ let as;
9
9
  let children;
10
10
  let className;
11
11
  let isVisible;
12
12
  let rest;
13
- let t1;
14
13
  if ($[0] !== t0) {
15
14
  ({
16
15
  isVisible,
17
16
  children,
18
- as: t1,
17
+ as,
19
18
  className,
20
19
  ...rest
21
20
  } = t0);
22
21
  $[0] = t0;
23
- $[1] = children;
24
- $[2] = className;
25
- $[3] = isVisible;
26
- $[4] = rest;
27
- $[5] = t1;
22
+ $[1] = as;
23
+ $[2] = children;
24
+ $[3] = className;
25
+ $[4] = isVisible;
26
+ $[5] = rest;
28
27
  } else {
29
- children = $[1];
30
- className = $[2];
31
- isVisible = $[3];
32
- rest = $[4];
33
- t1 = $[5];
28
+ as = $[1];
29
+ children = $[2];
30
+ className = $[3];
31
+ isVisible = $[4];
32
+ rest = $[5];
34
33
  }
35
- const as = t1 === undefined ? "span" : t1;
36
- const t2 = !isVisible;
37
- let t3;
38
- if ($[6] !== className || $[7] !== t2) {
39
- t3 = clsx(className, {
40
- [classes.InternalVisuallyHidden]: t2
34
+ const Component = as || "span";
35
+ const t1 = !isVisible;
36
+ let t2;
37
+ if ($[6] !== className || $[7] !== t1) {
38
+ t2 = clsx(className, {
39
+ [classes.InternalVisuallyHidden]: t1
41
40
  });
42
41
  $[6] = className;
43
- $[7] = t2;
44
- $[8] = t3;
42
+ $[7] = t1;
43
+ $[8] = t2;
45
44
  } else {
46
- t3 = $[8];
45
+ t2 = $[8];
47
46
  }
48
- let t4;
49
- if ($[9] !== as || $[10] !== children || $[11] !== rest || $[12] !== t3) {
50
- t4 = /*#__PURE__*/jsx(BoxWithFallback, {
51
- as: as,
52
- className: t3,
47
+ let t3;
48
+ if ($[9] !== Component || $[10] !== children || $[11] !== rest || $[12] !== t2) {
49
+ t3 = /*#__PURE__*/jsx(Component, {
50
+ className: t2,
53
51
  ...rest,
54
52
  children: children
55
53
  });
56
- $[9] = as;
54
+ $[9] = Component;
57
55
  $[10] = children;
58
56
  $[11] = rest;
59
- $[12] = t3;
60
- $[13] = t4;
57
+ $[12] = t2;
58
+ $[13] = t3;
61
59
  } else {
62
- t4 = $[13];
60
+ t3 = $[13];
63
61
  }
64
- return t4;
62
+ return t3;
65
63
  }
66
64
 
67
65
  export { VisuallyHidden as default };
@@ -1,6 +1,5 @@
1
1
  import React, { type FC, type PropsWithChildren } from 'react';
2
2
  import type { IconProps } from '@primer/octicons-react';
3
- import { type BoxProps } from '../../Box';
4
3
  import { type SxProp } from '../../sx';
5
4
  export type UnderlinePanelsProps = {
6
5
  /**
@@ -46,7 +45,7 @@ export type TabProps = PropsWithChildren<{
46
45
  */
47
46
  icon?: FC<IconProps>;
48
47
  }> & SxProp;
49
- export type PanelProps = Omit<BoxProps, 'as'>;
48
+ export type PanelProps = React.HTMLAttributes<HTMLDivElement>;
50
49
  declare const _default: React.FC<UnderlinePanelsProps> & {
51
50
  Panel: React.FC<PanelProps>;
52
51
  Tab: React.FC<TabProps>;
@@ -1 +1 @@
1
- {"version":3,"file":"UnderlinePanels.d.ts","sourceRoot":"","sources":["../../../src/experimental/UnderlinePanels/UnderlinePanels.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAMZ,KAAK,EAAE,EACP,KAAK,iBAAiB,EAEvB,MAAM,OAAO,CAAA;AAEd,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,wBAAwB,CAAA;AAQrD,OAAO,EAAC,KAAK,QAAQ,EAAC,MAAM,WAAW,CAAA;AAGvC,OAAO,EAAC,KAAK,MAAM,EAAC,MAAM,UAAU,CAAA;AAOpC,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,YAAY,CAAC,CAAA;IACjD;;OAEG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAA;IAC3D;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IACX;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,MAAM,CAAA;AAEV,MAAM,MAAM,QAAQ,GAAG,iBAAiB,CAAC;IACvC;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,GAAG,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;IACxG;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB;;OAEG;IACH,IAAI,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC,CAAA;CACrB,CAAC,GACA,MAAM,CAAA;AAER,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAA;;;;;AAyJ7C,wBAA2D"}
1
+ {"version":3,"file":"UnderlinePanels.d.ts","sourceRoot":"","sources":["../../../src/experimental/UnderlinePanels/UnderlinePanels.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAMZ,KAAK,EAAE,EACP,KAAK,iBAAiB,EAGvB,MAAM,OAAO,CAAA;AAEd,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,wBAAwB,CAAA;AAUrD,OAAO,EAAC,KAAK,MAAM,EAAC,MAAM,UAAU,CAAA;AAMpC,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,YAAY,CAAC,CAAA;IACjD;;OAEG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAA;IAC3D;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IACX;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,MAAM,CAAA;AAEV,MAAM,MAAM,QAAQ,GAAG,iBAAiB,CAAC;IACvC;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,GAAG,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;IACxG;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB;;OAEG;IACH,IAAI,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC,CAAA;CACrB,CAAC,GACA,MAAM,CAAA;AAER,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAA;;;;;AA8J7D,wBAA2D"}
@@ -8,7 +8,6 @@ import { useResizeObserver } from '../../hooks/useResizeObserver.js';
8
8
  import useIsomorphicLayoutEffect from '../../utils/useIsomorphicLayoutEffect.js';
9
9
  import classes from './UnderlinePanels.module.css.js';
10
10
  import { clsx } from 'clsx';
11
- import { BoxWithFallback } from '../../internal/components/BoxWithFallback.js';
12
11
  import { jsxs, jsx } from 'react/jsx-runtime';
13
12
  import { useId } from '../../hooks/useId.js';
14
13
 
@@ -45,7 +44,8 @@ const UnderlinePanels = ({
45
44
  });
46
45
  }
47
46
  if (/*#__PURE__*/isValidElement(child) && child.type === Panel) {
48
- return /*#__PURE__*/cloneElement(child, {
47
+ const childPanel = child;
48
+ return /*#__PURE__*/cloneElement(childPanel, {
49
49
  'aria-labelledby': `${parentId}-tab-${panelIndex++}`
50
50
  });
51
51
  }
@@ -176,21 +176,36 @@ const Tab = t0 => {
176
176
  return t4;
177
177
  };
178
178
  Tab.displayName = 'UnderlinePanels.Tab';
179
- const Panel = props => {
180
- const $ = c(2);
181
- let t0;
182
- if ($[0] !== props) {
183
- t0 = /*#__PURE__*/jsx(BoxWithFallback, {
184
- as: "div",
179
+ const Panel = t0 => {
180
+ const $ = c(6);
181
+ let children;
182
+ let rest;
183
+ if ($[0] !== t0) {
184
+ ({
185
+ children,
186
+ ...rest
187
+ } = t0);
188
+ $[0] = t0;
189
+ $[1] = children;
190
+ $[2] = rest;
191
+ } else {
192
+ children = $[1];
193
+ rest = $[2];
194
+ }
195
+ let t1;
196
+ if ($[3] !== children || $[4] !== rest) {
197
+ t1 = /*#__PURE__*/jsx("div", {
185
198
  role: "tabpanel",
186
- ...props
199
+ ...rest,
200
+ children: children
187
201
  });
188
- $[0] = props;
189
- $[1] = t0;
202
+ $[3] = children;
203
+ $[4] = rest;
204
+ $[5] = t1;
190
205
  } else {
191
- t0 = $[1];
206
+ t1 = $[5];
192
207
  }
193
- return t0;
208
+ return t1;
194
209
  };
195
210
  Panel.displayName = 'UnderlinePanels.Panel';
196
211
  var UnderlinePanels$1 = Object.assign(UnderlinePanels, {
@@ -2,4 +2,5 @@ import React from 'react';
2
2
  export declare const useMnemonics: (open: boolean, providedRef?: React.RefObject<HTMLElement>) => {
3
3
  containerRef: React.RefObject<HTMLElement>;
4
4
  };
5
+ export declare const isAlphabetKey: (event: KeyboardEvent) => boolean;
5
6
  //# sourceMappingURL=useMnemonics.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"useMnemonics.d.ts","sourceRoot":"","sources":["../../src/hooks/useMnemonics.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,eAAO,MAAM,YAAY,GAAI,MAAM,OAAO,EAAE,cAAc,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;;CA+ErF,CAAA"}
1
+ {"version":3,"file":"useMnemonics.d.ts","sourceRoot":"","sources":["../../src/hooks/useMnemonics.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,eAAO,MAAM,YAAY,GAAI,MAAM,OAAO,EAAE,cAAc,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;;CA2ErF,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,OAAO,aAAa,YAEjD,CAAA"}
@@ -1,3 +1,4 @@
1
+ import { c } from 'react-compiler-runtime';
1
2
  import React from 'react';
2
3
  import { iterateFocusableElements } from '@primer/behaviors/utils';
3
4
  import { useProvidedRefOrCreate } from './useProvidedRefOrCreate.js';
@@ -9,65 +10,106 @@ import { useProvidedRefOrCreate } from './useProvidedRefOrCreate.js';
9
10
  */
10
11
 
11
12
  const useMnemonics = (open, providedRef) => {
13
+ const $ = c(10);
12
14
  const containerRef = useProvidedRefOrCreate(providedRef);
13
- React.useEffect(function addAriaKeyshortcuts() {
14
- if (!open || !containerRef.current) return;
15
- const container = containerRef.current;
16
- const focusableItems = [...iterateFocusableElements(container)];
17
- focusableItems.map(item => {
18
- // if item already has aria-keyshortcuts defined by user, skip
19
- if (item.getAttribute('aria-keyshortcuts')) return;
20
- const firstLetter = item.textContent.toLowerCase()[0];
21
- if (firstLetter) item.setAttribute('aria-keyshortcuts', firstLetter);
22
- });
23
- }, [open, containerRef]);
24
- React.useEffect(function handleKeyDown() {
25
- if (!open || !containerRef.current) return;
26
- const container_0 = containerRef.current;
27
- const handler = event => {
28
- var _elementToFocus;
29
- // skip if a TextInput has focus
30
- const activeElement = document.activeElement;
31
- if (activeElement.tagName === 'INPUT' || activeElement.tagName === 'TEXTAREA') return;
32
-
33
- // skip if used with modifier to preserve shortcuts like ⌘ + F
34
- const hasModifier = event.ctrlKey || event.altKey || event.metaKey;
35
- if (hasModifier) return;
36
-
37
- // skip if it's not a alphabet key
38
- if (!isAlphabetKey(event)) return;
39
-
40
- // if this is a typeahead event, don't propagate outside of menu
41
- event.stopPropagation();
42
- const query = event.key.toLowerCase();
43
- let elementToFocus;
44
- const focusableItems_0 = [...iterateFocusableElements(container_0)];
45
- const itemsMatchingKey = focusableItems_0.filter(item_0 => {
46
- var _item_0$getAttribute;
47
- const keyshortcuts = (_item_0$getAttribute = item_0.getAttribute('aria-keyshortcuts')) === null || _item_0$getAttribute === void 0 ? void 0 : _item_0$getAttribute.split(' ').map(shortcut => shortcut.toLowerCase());
48
- return keyshortcuts && keyshortcuts.includes(query);
49
- });
50
- const currentActiveIndex = itemsMatchingKey.indexOf(activeElement);
51
-
52
- // If the last element is already selected, cycle through the list
53
- if (currentActiveIndex === itemsMatchingKey.length - 1) {
54
- elementToFocus = itemsMatchingKey[0];
55
- } else {
56
- elementToFocus = itemsMatchingKey.find((item_1, index) => {
57
- return index > currentActiveIndex;
58
- });
15
+ let t0;
16
+ let t1;
17
+ if ($[0] !== containerRef || $[1] !== open) {
18
+ t0 = function addAriaKeyshortcuts() {
19
+ if (!open || !containerRef.current) {
20
+ return;
59
21
  }
60
- (_elementToFocus = elementToFocus) === null || _elementToFocus === void 0 ? void 0 : _elementToFocus.focus();
22
+ const container = containerRef.current;
23
+ const focusableItems = [...iterateFocusableElements(container)];
24
+ focusableItems.map(_temp);
61
25
  };
62
- container_0.addEventListener('keydown', handler);
63
- return () => container_0.removeEventListener('keydown', handler);
64
- }, [open, containerRef]);
65
- const isAlphabetKey = event_0 => {
66
- return event_0.key.length === 1 && /[a-z\d]/i.test(event_0.key);
67
- };
68
- return {
69
- containerRef
70
- };
26
+ t1 = [open, containerRef];
27
+ $[0] = containerRef;
28
+ $[1] = open;
29
+ $[2] = t0;
30
+ $[3] = t1;
31
+ } else {
32
+ t0 = $[2];
33
+ t1 = $[3];
34
+ }
35
+ React.useEffect(t0, t1);
36
+ let t2;
37
+ let t3;
38
+ if ($[4] !== containerRef || $[5] !== open) {
39
+ t2 = function handleKeyDown() {
40
+ if (!open || !containerRef.current) {
41
+ return;
42
+ }
43
+ const container_0 = containerRef.current;
44
+ const handler = event => {
45
+ var _elementToFocus;
46
+ const activeElement = document.activeElement;
47
+ if (activeElement.tagName === "INPUT" || activeElement.tagName === "TEXTAREA") {
48
+ return;
49
+ }
50
+ const hasModifier = event.ctrlKey || event.altKey || event.metaKey;
51
+ if (hasModifier) {
52
+ return;
53
+ }
54
+ if (!isAlphabetKey(event)) {
55
+ return;
56
+ }
57
+ event.stopPropagation();
58
+ const query = event.key.toLowerCase();
59
+ let elementToFocus;
60
+ const focusableItems_0 = [...iterateFocusableElements(container_0)];
61
+ const itemsMatchingKey = focusableItems_0.filter(item_0 => {
62
+ var _item_0$getAttribute;
63
+ const keyshortcuts = (_item_0$getAttribute = item_0.getAttribute("aria-keyshortcuts")) === null || _item_0$getAttribute === void 0 ? void 0 : _item_0$getAttribute.split(" ").map(_temp2);
64
+ return keyshortcuts && keyshortcuts.includes(query);
65
+ });
66
+ const currentActiveIndex = itemsMatchingKey.indexOf(activeElement);
67
+ if (currentActiveIndex === itemsMatchingKey.length - 1) {
68
+ elementToFocus = itemsMatchingKey[0];
69
+ } else {
70
+ elementToFocus = itemsMatchingKey.find((item_1, index) => index > currentActiveIndex);
71
+ }
72
+ (_elementToFocus = elementToFocus) === null || _elementToFocus === void 0 ? void 0 : _elementToFocus.focus();
73
+ };
74
+ container_0.addEventListener("keydown", handler);
75
+ return () => container_0.removeEventListener("keydown", handler);
76
+ };
77
+ t3 = [open, containerRef];
78
+ $[4] = containerRef;
79
+ $[5] = open;
80
+ $[6] = t2;
81
+ $[7] = t3;
82
+ } else {
83
+ t2 = $[6];
84
+ t3 = $[7];
85
+ }
86
+ React.useEffect(t2, t3);
87
+ let t4;
88
+ if ($[8] !== containerRef) {
89
+ t4 = {
90
+ containerRef
91
+ };
92
+ $[8] = containerRef;
93
+ $[9] = t4;
94
+ } else {
95
+ t4 = $[9];
96
+ }
97
+ return t4;
98
+ };
99
+ const isAlphabetKey = event => {
100
+ return event.key.length === 1 && /[a-z\d]/i.test(event.key);
71
101
  };
102
+ function _temp(item) {
103
+ if (item.getAttribute("aria-keyshortcuts")) {
104
+ return;
105
+ }
106
+ const firstLetter = item.textContent.toLowerCase()[0];
107
+ if (firstLetter) {
108
+ item.setAttribute("aria-keyshortcuts", firstLetter);
109
+ }
110
+ }
111
+ function _temp2(shortcut) {
112
+ return shortcut.toLowerCase();
113
+ }
72
114
 
73
- export { useMnemonics };
115
+ export { isAlphabetKey, useMnemonics };
package/dist/index.d.ts CHANGED
@@ -53,6 +53,7 @@ export { default as ButtonGroup } from './ButtonGroup';
53
53
  export type { ButtonGroupProps } from './ButtonGroup';
54
54
  export type { CircleBadgeProps, CircleBadgeIconProps } from './CircleBadge';
55
55
  export { default as CheckboxGroup } from './CheckboxGroup';
56
+ export type { CheckboxGroupProps } from './CheckboxGroup';
56
57
  export { default as CircleBadge } from './CircleBadge';
57
58
  export { default as CounterLabel } from './CounterLabel';
58
59
  export type { CounterLabelProps } from './CounterLabel';
@@ -77,7 +78,7 @@ export type { LabelGroupProps } from './LabelGroup';
77
78
  export { default as Link } from './Link';
78
79
  export type { LinkProps } from './Link';
79
80
  export { NavList } from './NavList';
80
- export type { NavListProps, NavListItemProps, NavListSubNavProps, NavListGroupProps, NavListLeadingVisualProps, NavListTrailingVisualProps, NavListDividerProps, } from './NavList';
81
+ export type { NavListProps, NavListItemProps, NavListSubNavProps, NavListGroupProps, NavListLeadingVisualProps, NavListTrailingVisualProps, NavListDividerProps, NavListGroupHeadingProps, } from './NavList';
81
82
  export { default as Overlay } from './Overlay';
82
83
  export type { OverlayProps } from './Overlay';
83
84
  export { default as Pagination } from './Pagination';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
@@ -7,8 +7,7 @@ import Text from '../../../Text/Text.js';
7
7
 
8
8
  const CheckboxOrRadioGroupCaption = ({
9
9
  className,
10
- children,
11
- sx
10
+ children
12
11
  }) => {
13
12
  const {
14
13
  captionId
@@ -16,7 +15,6 @@ const CheckboxOrRadioGroupCaption = ({
16
15
  return /*#__PURE__*/jsx(Text, {
17
16
  className: clsx(className, classes.CheckboxOrRadioGroupCaption),
18
17
  id: captionId,
19
- sx: sx,
20
18
  children: children
21
19
  });
22
20
  };
@@ -1,5 +1,4 @@
1
1
  import React from 'react';
2
- import type { SxProp } from '../../../sx';
3
2
  export type CheckboxOrRadioGroupLabelProps = {
4
3
  /** Class name for custom styling */
5
4
  className?: string;
@@ -7,7 +6,7 @@ export type CheckboxOrRadioGroupLabelProps = {
7
6
  * Whether to visually hide the fieldset legend
8
7
  */
9
8
  visuallyHidden?: boolean;
10
- } & SxProp;
9
+ };
11
10
  declare const CheckboxOrRadioGroupLabel: React.FC<React.PropsWithChildren<CheckboxOrRadioGroupLabelProps>>;
12
11
  export default CheckboxOrRadioGroupLabel;
13
12
  //# sourceMappingURL=CheckboxOrRadioGroupLabel.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"CheckboxOrRadioGroupLabel.d.ts","sourceRoot":"","sources":["../../../../src/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,aAAa,CAAA;AAMvC,MAAM,MAAM,8BAA8B,GAAG;IAC3C,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB,GAAG,MAAM,CAAA;AAEV,QAAA,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,8BAA8B,CAAC,CA0BhG,CAAA;AAED,eAAe,yBAAyB,CAAA"}
1
+ {"version":3,"file":"CheckboxOrRadioGroupLabel.d.ts","sourceRoot":"","sources":["../../../../src/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,MAAM,MAAM,8BAA8B,GAAG;IAC3C,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB,CAAA;AAED,QAAA,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,8BAA8B,CAAC,CAwBhG,CAAA;AAED,eAAe,yBAAyB,CAAA"}