@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
@@ -1,5 +1,4 @@
1
1
  import Label from './Label';
2
2
  export type { LabelProps, LabelColorOptions } from './Label';
3
- export { variants } from './Label';
4
3
  export default Label;
5
4
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Label/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,SAAS,CAAA;AAC3B,YAAY,EAAC,UAAU,EAAE,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAC1D,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAA;AAChC,eAAe,KAAK,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Label/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,SAAS,CAAA;AAC3B,YAAY,EAAC,UAAU,EAAE,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAC1D,eAAe,KAAK,CAAA"}
@@ -0,0 +1,2 @@
1
+ .prc-LabelGroup-OverlayContainer-pt4uv{align-items:flex-start;display:flex}.prc-LabelGroup-OverlayInner-qvwGT{display:flex;flex-wrap:wrap;gap:var(--base-size-4,.25rem)}.prc-LabelGroup-CloseButton-GyJi3{flex-shrink:0}
2
+ /*# sourceMappingURL=LabelGroup-eda75c0f.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/LabelGroup/LabelGroup.module.css"],"names":[],"mappings":"AAAA,uCACE,sBAAuB,CACvB,YACF,CAEA,mCACE,YAAa,CACb,cAAe,CACf,6BACF,CAEA,kCACE,aACF","file":"LabelGroup-eda75c0f.css","sourcesContent":[".OverlayContainer {\n align-items: flex-start;\n display: flex;\n}\n\n.OverlayInner {\n display: flex;\n flex-wrap: wrap;\n gap: var(--base-size-4);\n}\n\n.CloseButton {\n flex-shrink: 0;\n}\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"LabelGroup.d.ts","sourceRoot":"","sources":["../../src/LabelGroup/LabelGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,MAAM,MAAM,eAAe,GAAG;IAC5B,2DAA2D;IAC3D,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;IACtB,4LAA4L;IAC5L,aAAa,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAA;IACpC,4MAA4M;IAC5M,iBAAiB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACnC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAkID,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAAC,CA0OlE,CAAA;AAID,eAAe,UAAU,CAAA"}
1
+ {"version":3,"file":"LabelGroup.d.ts","sourceRoot":"","sources":["../../src/LabelGroup/LabelGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAWzB,MAAM,MAAM,eAAe,GAAG;IAC5B,2DAA2D;IAC3D,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;IACtB,4LAA4L;IAC5L,aAAa,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAA;IACpC,4MAA4M;IAC5M,iBAAiB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACnC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAkID,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAAC,CA0OlE,CAAA;AAID,eAAe,UAAU,CAAA"}
@@ -8,6 +8,7 @@ import VisuallyHidden from '../_VisuallyHidden.js';
8
8
  import { IconButton } from '../Button/IconButton.js';
9
9
  import { ButtonComponent } from '../Button/Button.js';
10
10
  import { useTheme } from '../ThemeProvider.js';
11
+ import classes from './LabelGroup.module.css.js';
11
12
  import { jsxs, jsx } from 'react/jsx-runtime';
12
13
  import { AnchoredOverlay } from '../AnchoredOverlay/AnchoredOverlay.js';
13
14
 
@@ -108,27 +109,20 @@ const OverlayToggle = t0 => {
108
109
  disabled: true
109
110
  },
110
111
  children: /*#__PURE__*/jsxs("div", {
112
+ className: classes.OverlayContainer,
111
113
  style: {
112
- alignItems: "flex-start",
113
- display: "flex",
114
114
  width: overlayWidth,
115
115
  padding: `${overlayPaddingPx}px`
116
116
  },
117
117
  children: [/*#__PURE__*/jsx("div", {
118
- style: {
119
- display: "flex",
120
- flexWrap: "wrap",
121
- gap: "4px"
122
- },
118
+ className: classes.OverlayInner,
123
119
  children: children
124
120
  }), /*#__PURE__*/jsx(IconButton, {
125
121
  onClick: closeOverflowOverlay,
126
122
  icon: XIcon,
127
123
  "aria-label": "Close",
128
124
  variant: "invisible",
129
- style: {
130
- flexShrink: 0
131
- }
125
+ className: classes.CloseButton
132
126
  })]
133
127
  })
134
128
  }) : null;
@@ -0,0 +1,5 @@
1
+ import './LabelGroup-eda75c0f.css';
2
+
3
+ var classes = {"OverlayContainer":"prc-LabelGroup-OverlayContainer-pt4uv","OverlayInner":"prc-LabelGroup-OverlayInner-qvwGT","CloseButton":"prc-LabelGroup-CloseButton-GyJi3"};
4
+
5
+ export { classes as default };
@@ -0,0 +1,2 @@
1
+ :where(.prc-Link-Link-85e08){color:var(--fgColor-accent,var(--color-accent-fg));-webkit-text-decoration:none;text-decoration:none;text-underline-offset:.05rem}:where(.prc-Link-Link-85e08):is(button){appearance:none;background-color:transparent;border:0;cursor:pointer;display:inline-block;font-size:inherit;padding:0;-webkit-user-select:none;user-select:none;white-space:nowrap}:where(.prc-Link-Link-85e08):hover{-webkit-text-decoration:underline;text-decoration:underline}:where(.prc-Link-Link-85e08):where([data-underline=true]),[data-a11y-link-underlines=true] :where(.prc-Link-Link-85e08):where([data-inline=true]){-webkit-text-decoration:underline;text-decoration:underline}:where(.prc-Link-Link-85e08):where([data-muted=true]){color:var(--fgColor-muted,var(--color-fg-muted))}:where(.prc-Link-Link-85e08):where([data-muted=true]):hover{color:var(--fgColor-accent,var(--color-accent-fg));-webkit-text-decoration:none;text-decoration:none}
2
+ /*# sourceMappingURL=Link-e01bdaee.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/Link/Link.module.css"],"names":[],"mappings":"AAAA,6BACE,kDAA4B,CAC5B,4BAAqB,CAArB,oBAAqB,CACrB,4BAqCF,CAlCE,wCASE,eAAgB,CAFhB,4BAA6B,CAC7B,QAAS,CAHT,cAAe,CAJf,oBAAqB,CAErB,iBAAkB,CADlB,SAAU,CAIV,wBAAiB,CAAjB,gBAAiB,CAFjB,kBAMF,CAEA,mCACE,iCAA0B,CAA1B,yBACF,CAGA,kJAME,iCAA0B,CAA1B,yBACF,CAEA,sDACE,gDAMF,CAJE,4DACE,kDAA4B,CAC5B,4BAAqB,CAArB,oBACF","file":"Link-e01bdaee.css","sourcesContent":[":where(.Link) {\n color: var(--fgColor-accent);\n text-decoration: none;\n text-underline-offset: 0.05rem;\n\n /* Reset for button tags */\n &:is(button) {\n display: inline-block;\n padding: 0;\n font-size: inherit;\n white-space: nowrap;\n cursor: pointer;\n user-select: none;\n background-color: transparent;\n border: 0;\n appearance: none;\n }\n\n &:hover {\n text-decoration: underline;\n }\n\n /* Deprecated: but need to support backwards compatibility */\n &:where([data-underline='true']),\n /*\n Inline links (inside a text block), however, should have underline based on accessibility setting set in data-attribute\n Note: setting underline={false} does not override this\n */\n [data-a11y-link-underlines='true'] &:where([data-inline='true']) {\n text-decoration: underline;\n }\n\n &:where([data-muted='true']) {\n color: var(--fgColor-muted);\n\n &:hover {\n color: var(--fgColor-accent);\n text-decoration: none;\n }\n }\n}\n"]}
@@ -1,15 +1,21 @@
1
- import type { SxProp } from '../sx';
1
+ import React, { type ForwardedRef } from 'react';
2
2
  import type { ComponentProps } from '../utils/types';
3
- import type { ForwardRefComponent as PolymorphicForwardRefComponent } from '../utils/polymorphic';
4
- type StyledLinkProps = {
3
+ import { type PolymorphicProps } from '../utils/modern-polymorphic';
4
+ type StyledLinkProps<As extends React.ElementType = 'a'> = {
5
+ as?: As;
5
6
  /** @deprecated use CSS modules to style hover color */
6
7
  hoverColor?: string;
7
8
  muted?: boolean;
8
9
  /** @deprecated use `inline` to specify the type of link instead */
9
10
  underline?: boolean;
10
11
  inline?: boolean;
11
- } & SxProp;
12
- declare const Link: PolymorphicForwardRefComponent<"a", StyledLinkProps>;
12
+ };
13
+ export declare const UnwrappedLink: <As extends React.ElementType = "a">(props: PolymorphicProps<As, "a", StyledLinkProps>, ref: ForwardedRef<unknown>) => React.JSX.Element;
14
+ declare const Link: (<As extends React.ElementType = "a">(props: (React.ComponentPropsWithRef<React.ElementType extends As ? "a" : As> & StyledLinkProps<"a"> extends infer T ? T extends React.ComponentPropsWithRef<React.ElementType extends As ? "a" : As> & StyledLinkProps<"a"> ? T extends unknown ? Omit<T, "as"> : never : never : never) & {
15
+ as?: As | undefined;
16
+ } & React.RefAttributes<unknown>) => React.ReactNode) & {
17
+ displayName: string;
18
+ };
13
19
  export type LinkProps = ComponentProps<typeof Link>;
14
20
  export default Link;
15
21
  //# sourceMappingURL=Link.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../src/Link/Link.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAGjC,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,gBAAgB,CAAA;AAClD,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAE/F,KAAK,eAAe,GAAG;IACrB,uDAAuD;IACvD,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,mEAAmE;IACnE,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,GAAG,MAAM,CAAA;AAEV,QAAA,MAAM,IAAI,EAyDJ,8BAA8B,CAAC,GAAG,EAAE,eAAe,CAAC,CAAA;AAI1D,MAAM,MAAM,SAAS,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,CAAA;AACnD,eAAe,IAAI,CAAA"}
1
+ {"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../src/Link/Link.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAY,KAAK,YAAY,EAAkB,MAAM,OAAO,CAAA;AAG1E,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,gBAAgB,CAAA;AAClD,OAAO,EAAC,KAAK,gBAAgB,EAAkB,MAAM,6BAA6B,CAAA;AAElF,KAAK,eAAe,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,GAAG,GAAG,IAAI;IACzD,EAAE,CAAC,EAAE,EAAE,CAAA;IACP,uDAAuD;IACvD,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,mEAAmE;IACnE,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,EAAE,SAAS,KAAK,CAAC,WAAW,GAAG,GAAG,EAC9D,OAAO,gBAAgB,CAAC,EAAE,EAAE,GAAG,EAAE,eAAe,CAAC,EACjD,KAAK,YAAY,CAAC,OAAO,CAAC,sBA2C3B,CAAA;AAID,QAAA,MAAM,IAAI,IAjDoB,EAAE,SAAS,KAAK,CAAC,WAAW;;;;CAiDM,CAAA;AAEhE,MAAM,MAAM,SAAS,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,CAAA;AACnD,eAAe,IAAI,CAAA"}
package/dist/Link/Link.js CHANGED
@@ -1,20 +1,21 @@
1
1
  import { clsx } from 'clsx';
2
- import React, { forwardRef, useEffect } from 'react';
2
+ import React, { useEffect } from 'react';
3
3
  import classes from './Link.module.css.js';
4
+ import { fixedForwardRef } from '../utils/modern-polymorphic.js';
4
5
  import { jsx } from 'react/jsx-runtime';
5
6
  import { useRefObjectAsForwardedRef } from '../hooks/useRefObjectAsForwardedRef.js';
6
- import Box from '../Box/Box.js';
7
7
 
8
- const Link = /*#__PURE__*/forwardRef(({
9
- as: Component = 'a',
10
- className,
11
- inline,
12
- underline,
13
- hoverColor,
14
- ...props
15
- }, forwardedRef) => {
8
+ const UnwrappedLink = (props, ref) => {
9
+ const {
10
+ as: Component = 'a',
11
+ className,
12
+ inline,
13
+ underline,
14
+ hoverColor,
15
+ ...restProps
16
+ } = props;
16
17
  const innerRef = React.useRef(null);
17
- useRefObjectAsForwardedRef(forwardedRef, innerRef);
18
+ useRefObjectAsForwardedRef(ref, innerRef);
18
19
  if (process.env.NODE_ENV !== "production") {
19
20
  /**
20
21
  * The Linter yells because it thinks this conditionally calls an effect,
@@ -31,30 +32,21 @@ const Link = /*#__PURE__*/forwardRef(({
31
32
  }
32
33
  }, [innerRef]);
33
34
  }
34
- if (props.sx) {
35
- return /*#__PURE__*/jsx(Box, {
36
- as: Component,
37
- className: clsx(className, classes.Link),
38
- "data-muted": props.muted,
39
- "data-inline": inline,
40
- "data-underline": underline,
41
- "data-hover-color": hoverColor,
42
- ...props,
43
- // @ts-ignore shh
44
- ref: innerRef
45
- });
46
- }
47
35
  return /*#__PURE__*/jsx(Component, {
48
36
  className: clsx(className, classes.Link),
49
- "data-muted": props.muted,
37
+ "data-muted": restProps.muted,
50
38
  "data-inline": inline,
51
39
  "data-underline": underline,
52
40
  "data-hover-color": hoverColor,
53
- ...props,
54
- // @ts-ignore shh
41
+ ...restProps,
42
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
55
43
  ref: innerRef
56
44
  });
45
+ };
46
+ UnwrappedLink.displayName = "UnwrappedLink";
47
+ const LinkComponent = fixedForwardRef(UnwrappedLink);
48
+ const Link = Object.assign(LinkComponent, {
49
+ displayName: 'Link'
57
50
  });
58
- Link.displayName = 'Link';
59
51
 
60
- export { Link as default };
52
+ export { UnwrappedLink, Link as default };
@@ -1,4 +1,4 @@
1
- import './Link-948b910e.css';
1
+ import './Link-e01bdaee.css';
2
2
 
3
3
  var classes = {"Link":"prc-Link-Link-85e08"};
4
4
 
@@ -0,0 +1,2 @@
1
+ .prc-NavList-GroupHeading-KIlSv>a{color:var(--fgColor-default,var(--color-fg-default));text-decoration:inherit}.prc-NavList-GroupHeading-KIlSv>a:hover{-webkit-text-decoration:underline;text-decoration:underline}
2
+ /*# sourceMappingURL=NavList-5dc067e3.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/NavList/NavList.module.css"],"names":[],"mappings":"AAAA,kCACE,oDAA6B,CAC7B,uBACF,CAEA,wCACE,iCAA0B,CAA1B,yBACF","file":"NavList-5dc067e3.css","sourcesContent":[".GroupHeading > a {\n color: var(--fgColor-default);\n text-decoration: inherit;\n}\n\n.GroupHeading > a:hover {\n text-decoration: underline;\n}\n"]}
@@ -2,20 +2,19 @@ import { type Icon } from '@primer/octicons-react';
2
2
  import type { ForwardRefComponent as PolymorphicForwardRefComponent } from '../utils/polymorphic';
3
3
  import React from 'react';
4
4
  import type { ActionListTrailingActionProps, ActionListDividerProps, ActionListLeadingVisualProps, ActionListTrailingVisualProps, ActionListGroupHeadingProps } from '../ActionList';
5
- import type { SxProp } from '../sx';
6
5
  export type NavListProps = {
7
6
  children: React.ReactNode;
8
- } & SxProp & React.ComponentProps<'nav'>;
7
+ } & React.ComponentProps<'nav'>;
9
8
  export type NavListItemProps = {
10
9
  children: React.ReactNode;
11
10
  defaultOpen?: boolean;
12
11
  href?: string;
13
12
  'aria-current'?: 'page' | 'step' | 'location' | 'date' | 'time' | 'true' | 'false' | boolean;
14
13
  inactiveText?: string;
15
- } & SxProp;
14
+ };
16
15
  export type NavListSubNavProps = {
17
16
  children: React.ReactNode;
18
- } & SxProp;
17
+ };
19
18
  export type NavListLeadingVisualProps = ActionListLeadingVisualProps;
20
19
  export type NavListTrailingVisualProps = ActionListTrailingVisualProps;
21
20
  export type NavListDividerProps = ActionListDividerProps;
@@ -23,7 +22,7 @@ export type NavListTrailingActionProps = ActionListTrailingActionProps;
23
22
  export type NavListGroupProps = React.HTMLAttributes<HTMLLIElement> & {
24
23
  children: React.ReactNode;
25
24
  title?: string;
26
- } & SxProp;
25
+ };
27
26
  type GroupItem = {
28
27
  text: string;
29
28
  trailingVisual?: Icon | string;
@@ -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;AAC3C,OAAO,KAAK,EACV,6BAA6B,EAC7B,sBAAsB,EACtB,4BAA4B,EAC5B,6BAA6B,EAC7B,2BAA2B,EAC5B,MAAM,eAAe,CAAA;AAKtB,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAYjC,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,GAAG,MAAM,GACR,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAA;AAqB7B,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,GAAG,MAAM,CAAA;AA2IV,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,GAAG,MAAM,CAAA;AAkDV,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,GAAG,MAAM,CAAA;AA8BV,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;AA8BlE,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;AAatB,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;AA6GD,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"}