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

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 +64 -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-d4edcc89.css +2 -0
  65. package/dist/KeybindingHint/components/Chord-d4edcc89.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 +1 @@
1
- {"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../src/Text/Text.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,KAAK,eAAe,EAAC,MAAM,mBAAmB,CAAA;AACtD,OAAO,KAAmB,MAAM,OAAO,CAAA;AACvC,OAAO,KAAK,EAAC,iBAAiB,EAAE,qBAAqB,EAAC,MAAM,cAAc,CAAA;AAC1E,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAKjC,KAAK,eAAe,GAAG;IAErB,EAAE,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,GAAG,MAAM,GAAG,CAAC,iBAAiB,CAAA;IAC3D,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,CAAA;CACpD,GAAG,qBAAqB,GACvB,iBAAiB,GACjB,MAAM,GACN,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAA;AAEvC,QAAA,MAAM,IAAI,EAiBJ,eAAe,CAAC,MAAM,EAAE,GAAG,EAAE,eAAe,EAAE,KAAK,CAAC,CAAA;AAI1D,MAAM,MAAM,SAAS,GAAG,eAAe,CAAA;AACvC,eAAe,IAAI,CAAA"}
1
+ {"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../src/Text/Text.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,KAAK,eAAe,EAAC,MAAM,mBAAmB,CAAA;AACtD,OAAO,KAAmB,MAAM,OAAO,CAAA;AACvC,OAAO,KAAK,EAAC,iBAAiB,EAAE,qBAAqB,EAAC,MAAM,cAAc,CAAA;AAI1E,KAAK,eAAe,GAAG;IAErB,EAAE,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,GAAG,MAAM,GAAG,CAAC,iBAAiB,CAAA;IAC3D,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,CAAA;CACpD,GAAG,qBAAqB,GACvB,iBAAiB,GACjB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAA;AAEvC,QAAA,MAAM,IAAI,EAgBJ,eAAe,CAAC,MAAM,EAAE,GAAG,EAAE,eAAe,EAAE,KAAK,CAAC,CAAA;AAI1D,MAAM,MAAM,SAAS,GAAG,eAAe,CAAA;AACvC,eAAe,IAAI,CAAA"}
package/dist/Text/Text.js CHANGED
@@ -2,7 +2,6 @@ import { c } from 'react-compiler-runtime';
2
2
  import { clsx } from 'clsx';
3
3
  import React, { forwardRef } from 'react';
4
4
  import classes from './Text.module.css.js';
5
- import { BoxWithFallback } from '../internal/components/BoxWithFallback.js';
6
5
  import { jsx } from 'react/jsx-runtime';
7
6
  import { useRefObjectAsForwardedRef } from '../hooks/useRefObjectAsForwardedRef.js';
8
7
 
@@ -47,8 +46,7 @@ const Text = /*#__PURE__*/forwardRef((t0, forwardedRef) => {
47
46
  }
48
47
  let t3;
49
48
  if ($[8] !== Component || $[9] !== props || $[10] !== size || $[11] !== t2 || $[12] !== weight) {
50
- t3 = /*#__PURE__*/jsx(BoxWithFallback, {
51
- as: Component,
49
+ t3 = /*#__PURE__*/jsx(Component, {
52
50
  className: t2,
53
51
  "data-size": size,
54
52
  "data-weight": weight,
@@ -31,7 +31,7 @@ export type TextInputNonPassthroughProps = {
31
31
  } & Partial<Pick<StyledWrapperProps, 'block' | 'contrast' | 'disabled' | 'monospace' | 'sx' | 'width' | 'maxWidth' | 'minWidth' | 'variant' | 'size' | 'validationStatus'>>;
32
32
  export type TextInputProps = Merge<React.ComponentPropsWithoutRef<'input'>, TextInputNonPassthroughProps>;
33
33
  declare const _default: PolymorphicForwardRefComponent<"input", TextInputProps> & {
34
- Action: React.ForwardRefExoticComponent<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size" | "aria-label" | "tooltipDirection"> & {
34
+ Action: React.ForwardRefExoticComponent<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "aria-label" | "size" | "tooltipDirection"> & {
35
35
  children?: React.ReactNode;
36
36
  "aria-label"?: string;
37
37
  tooltipDirection?: "n" | "ne" | "e" | "se" | "s" | "sw" | "w" | "nw";
@@ -1,2 +1,2 @@
1
- .prc-TextInputWithTokens-TextInputWrapper-kj1cB{padding-bottom:var(--base-size-6,.375rem);padding-left:var(--base-size-12,.75rem);padding-top:var(--base-size-6,.375rem)}.prc-TextInputWithTokens-TextInputWrapper-kj1cB:where([data-block]){display:flex;width:100%}.prc-TextInputWithTokens-TextInputWrapper-kj1cB:where([data-token-wrapping=true]){overflow:auto}.prc-TextInputWithTokens-UnstyledTextInput-F582M{height:100%}.prc-TextInputWithTokens-InputWrapper-wloGg{flex-grow:1;order:1}.prc-TextInputWithTokens-Container-mBzq-{align-items:center;display:flex;flex-grow:1;flex-wrap:wrap;margin-bottom:calc(var(--base-size-4,.25rem)*-1);margin-left:calc(var(--base-size-4,.25rem)*-1)}.prc-TextInputWithTokens-Container-mBzq-:where([data-prevent-token-wrapping=true]){flex-wrap:nowrap}.prc-TextInputWithTokens-Container-mBzq->*{flex-shrink:0;margin-bottom:var(--base-size-4,.25rem);margin-left:var(--base-size-4,.25rem)}
2
- /*# sourceMappingURL=TextInputWithTokens-fb9b5109.css.map */
1
+ .prc-TextInputWithTokens-TextInputWrapper-kj1cB{padding-bottom:var(--base-size-6,.375rem);padding-left:var(--base-size-12,.75rem);padding-top:var(--base-size-6,.375rem)}.prc-TextInputWithTokens-TextInputWrapper-kj1cB:where([data-block]){display:flex;width:100%}.prc-TextInputWithTokens-TextInputWrapper-kj1cB:where([data-token-wrapping=true]){overflow:auto}.prc-TextInputWithTokens-UnstyledTextInput-F582M{height:100%}.prc-TextInputWithTokens-InputWrapper-wloGg{flex-grow:1;order:1}.prc-TextInputWithTokens-Container-mBzq-{align-items:center;display:flex;flex-grow:1;flex-wrap:wrap;margin-bottom:calc(var(--base-size-4,.25rem)*-1);margin-left:calc(var(--base-size-4,.25rem)*-1)}.prc-TextInputWithTokens-Container-mBzq-:where([data-prevent-token-wrapping=true]){flex-wrap:nowrap}.prc-TextInputWithTokens-Container-mBzq->*{flex-shrink:0;margin-bottom:var(--base-size-4,.25rem);margin-left:var(--base-size-4,.25rem)}.prc-TextInputWithTokens-OverflowCountSmall-vCbgE{color:var(--fgColor-muted,var(--color-fg-muted));font-size:var(--text-body-size-small,.75rem)}.prc-TextInputWithTokens-OverflowCountLarge-NsqJO,.prc-TextInputWithTokens-OverflowCountMedium-qZ-zr{color:var(--fgColor-muted,var(--color-fg-muted));font-size:var(--text-body-size-medium,.875rem)}.prc-TextInputWithTokens-OverflowCountXLarge-an68i{color:var(--fgColor-muted,var(--color-fg-muted));font-size:var(--text-body-size-large,1rem)}
2
+ /*# sourceMappingURL=TextInputWithTokens-946ead3e.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/TextInputWithTokens/TextInputWithTokens.module.css"],"names":[],"mappings":"AAAA,gDAEE,yCAAkC,CAClC,uCAAiC,CAFjC,sCAYF,CARE,oEACE,YAAa,CACb,UACF,CAEA,kFACE,aACF,CAGF,iDACE,WACF,CAEA,4CAEE,WAAY,CADZ,OAEF,CAEA,yCAIE,kBAAmB,CAHnB,YAAa,CAKb,WAAY,CADZ,cAAe,CAHf,gDAA4C,CAC5C,8CAcF,CATE,mFACE,gBACF,CAEA,2CAGE,aAAc,CAFd,uCAAiC,CACjC,qCAEF,CAGF,kDACE,gDAA2B,CAC3B,4CACF,CAOA,qGAJE,gDAA2B,CAC3B,8CAMF,CAEA,mDACE,gDAA2B,CAC3B,0CACF","file":"TextInputWithTokens-946ead3e.css","sourcesContent":[".TextInputWrapper {\n padding-top: var(--base-size-6);\n padding-bottom: var(--base-size-6);\n padding-left: var(--base-size-12);\n\n &:where([data-block]) {\n display: flex;\n width: 100%;\n }\n\n &:where([data-token-wrapping='true']) {\n overflow: auto;\n }\n}\n\n.UnstyledTextInput {\n height: 100%;\n}\n\n.InputWrapper {\n order: 1;\n flex-grow: 1;\n}\n\n.Container {\n display: flex;\n margin-bottom: calc(var(--base-size-4) * -1);\n margin-left: calc(var(--base-size-4) * -1);\n align-items: center;\n flex-wrap: wrap;\n flex-grow: 1;\n\n &:where([data-prevent-token-wrapping='true']) {\n flex-wrap: nowrap;\n }\n\n > * {\n margin-bottom: var(--base-size-4);\n margin-left: var(--base-size-4);\n flex-shrink: 0;\n }\n}\n\n.OverflowCountSmall {\n color: var(--fgColor-muted);\n font-size: var(--text-body-size-small);\n}\n\n.OverflowCountMedium {\n color: var(--fgColor-muted);\n font-size: var(--text-body-size-medium);\n}\n\n.OverflowCountLarge {\n color: var(--fgColor-muted);\n font-size: var(--text-body-size-medium);\n}\n\n.OverflowCountXLarge {\n color: var(--fgColor-muted);\n font-size: var(--text-body-size-large);\n}\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"TextInputWithTokens.d.ts","sourceRoot":"","sources":["../../src/TextInputWithTokens/TextInputWithTokens.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAA6D,SAAS,EAAC,MAAM,OAAO,CAAA;AAChG,OAAO,KAAyB,MAAM,OAAO,CAAA;AAK7C,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,cAAc,CAAA;AAChD,OAAO,KAAK,MAAM,gBAAgB,CAAA;AAClC,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,oBAAoB,CAAA;AAUrD,KAAK,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,CAAA;AAI1E;;GAEG;AACH,MAAM,MAAM,wBAAwB,CAAC,kBAAkB,SAAS,iBAAiB,GAAG,OAAO,KAAK,IAAI;IAClG;;OAEG;IACH,MAAM,EAAE,kBAAkB,SAAS,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,iBAAiB,CAAC,MAAM,UAAU,CAAC,CAAC,GAC7F,UAAU,EAAE,GACZ,KAAK,CAAA;IACT;;OAEG;IACH,aAAa,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAA;IACjD;;OAEG;IACH,cAAc,CAAC,EAAE,kBAAkB,CAAA;IACnC;;;OAGG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAA;IAC5C;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B;;OAEG;IACH,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB;;OAEG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAChC;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B,GAAG,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC,CAAA;AAiRhC,QAAA,MAAM,mBAAmB;IApTvB;;OAEG;;;;;;;;;;IAIH;;OAEG;mBACY,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI;IACjD;;OAEG;;IAEH;;;OAGG;gBACS,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC;IAC5C;;OAEG;2BACoB,OAAO;IAC9B;;OAEG;WACI,aAAa;IACpB;;OAEG;6BACsB,OAAO;IAChC;;OAEG;wBACiB,MAAM;yEAkRmD,CAAA;AAI/E;;GAEG;AACH,eAAe,mBAAmB,CAAA"}
1
+ {"version":3,"file":"TextInputWithTokens.d.ts","sourceRoot":"","sources":["../../src/TextInputWithTokens/TextInputWithTokens.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAA6D,SAAS,EAAC,MAAM,OAAO,CAAA;AAChG,OAAO,KAAyB,MAAM,OAAO,CAAA;AAK7C,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,cAAc,CAAA;AAChD,OAAO,KAAK,MAAM,gBAAgB,CAAA;AAClC,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,oBAAoB,CAAA;AAUrD,KAAK,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,CAAA;AAI1E;;GAEG;AACH,MAAM,MAAM,wBAAwB,CAAC,kBAAkB,SAAS,iBAAiB,GAAG,OAAO,KAAK,IAAI;IAClG;;OAEG;IACH,MAAM,EAAE,kBAAkB,SAAS,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,iBAAiB,CAAC,MAAM,UAAU,CAAC,CAAC,GAC7F,UAAU,EAAE,GACZ,KAAK,CAAA;IACT;;OAEG;IACH,aAAa,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAA;IACjD;;OAEG;IACH,cAAc,CAAC,EAAE,kBAAkB,CAAA;IACnC;;;OAGG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAA;IAC5C;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B;;OAEG;IACH,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB;;OAEG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAChC;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B,GAAG,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC,CAAA;AA+QhC,QAAA,MAAM,mBAAmB;IAlTvB;;OAEG;;;;;;;;;;IAIH;;OAEG;mBACY,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI;IACjD;;OAEG;;IAEH;;;OAGG;gBACS,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC;IAC5C;;OAEG;2BACoB,OAAO;IAC9B;;OAEG;WACI,aAAa;IACpB;;OAEG;6BACsB,OAAO;IAChC;;OAEG;wBACiB,MAAM;yEAgRmD,CAAA;AAI/E;;GAEG;AACH,eAAe,mBAAmB,CAAA"}
@@ -15,11 +15,11 @@ import { clsx } from 'clsx';
15
15
  import { jsx, jsxs } from 'react/jsx-runtime';
16
16
  import Text from '../Text/Text.js';
17
17
 
18
- const overflowCountFontSizeMap = {
19
- small: 0,
20
- medium: 1,
21
- large: 1,
22
- xlarge: 2
18
+ const overflowCountClassMap = {
19
+ small: styles.OverflowCountSmall,
20
+ medium: styles.OverflowCountMedium,
21
+ large: styles.OverflowCountLarge,
22
+ xlarge: styles.OverflowCountXLarge
23
23
  };
24
24
 
25
25
  // using forwardRef is important so that other components (ex. Autocomplete) can use the ref
@@ -525,8 +525,7 @@ function TextInputWithTokensInnerComponent(t0, forwardedRef) {
525
525
  let t28;
526
526
  if ($[100] !== size || $[101] !== tokens || $[102] !== tokensAreTruncated || $[103] !== visibleTokens.length) {
527
527
  t28 = tokensAreTruncated && tokens.length - visibleTokens.length ? /*#__PURE__*/jsxs(Text, {
528
- color: "fg.muted",
529
- fontSize: overflowCountFontSizeMap[size],
528
+ className: overflowCountClassMap[size],
530
529
  children: ["+", tokens.length - visibleTokens.length]
531
530
  }) : null;
532
531
  $[100] = size;
@@ -1,5 +1,5 @@
1
- import './TextInputWithTokens-fb9b5109.css';
1
+ import './TextInputWithTokens-946ead3e.css';
2
2
 
3
- var styles = {"TextInputWrapper":"prc-TextInputWithTokens-TextInputWrapper-kj1cB","UnstyledTextInput":"prc-TextInputWithTokens-UnstyledTextInput-F582M","InputWrapper":"prc-TextInputWithTokens-InputWrapper-wloGg","Container":"prc-TextInputWithTokens-Container-mBzq-"};
3
+ var styles = {"TextInputWrapper":"prc-TextInputWithTokens-TextInputWrapper-kj1cB","UnstyledTextInput":"prc-TextInputWithTokens-UnstyledTextInput-F582M","InputWrapper":"prc-TextInputWithTokens-InputWrapper-wloGg","Container":"prc-TextInputWithTokens-Container-mBzq-","OverflowCountSmall":"prc-TextInputWithTokens-OverflowCountSmall-vCbgE","OverflowCountLarge":"prc-TextInputWithTokens-OverflowCountLarge-NsqJO","OverflowCountMedium":"prc-TextInputWithTokens-OverflowCountMedium-qZ-zr","OverflowCountXLarge":"prc-TextInputWithTokens-OverflowCountXLarge-an68i"};
4
4
 
5
5
  export { styles as default };
@@ -3,7 +3,7 @@ import React from 'react';
3
3
  import ReactDOM from 'react-dom';
4
4
  import { ThemeProvider as ThemeProvider$1 } from 'styled-components';
5
5
  import theme from './theme.js';
6
- import merge from 'deepmerge';
6
+ import deepmerge from 'deepmerge';
7
7
  import { useSyncedState } from './hooks/useSyncedState.js';
8
8
  import { jsx, jsxs } from 'react/jsx-runtime';
9
9
  import { useId } from './hooks/useId.js';
@@ -206,12 +206,12 @@ function applyColorScheme(theme, colorScheme) {
206
206
  // Apply the first defined color scheme
207
207
  const defaultColorScheme = Object.keys(theme.colorSchemes)[0];
208
208
  return {
209
- resolvedTheme: merge(theme, theme.colorSchemes[defaultColorScheme]),
209
+ resolvedTheme: deepmerge(theme, theme.colorSchemes[defaultColorScheme]),
210
210
  resolvedColorScheme: defaultColorScheme
211
211
  };
212
212
  }
213
213
  return {
214
- resolvedTheme: merge(theme, theme.colorSchemes[colorScheme]),
214
+ resolvedTheme: deepmerge(theme, theme.colorSchemes[colorScheme]),
215
215
  resolvedColorScheme: colorScheme
216
216
  };
217
217
  }
@@ -1,8 +1,7 @@
1
1
  import type React from 'react';
2
- import { type SxProp } from '../sx';
3
2
  import type { TokenBaseProps } from './TokenBase';
4
3
  import type { ForwardRefComponent as PolymorphicForwardRefComponent } from '../utils/polymorphic';
5
- export interface TokenProps extends TokenBaseProps, SxProp {
4
+ export interface TokenProps extends TokenBaseProps {
6
5
  /**
7
6
  * A component that renders before the token text
8
7
  */
@@ -1 +1 @@
1
- {"version":3,"file":"Token.d.ts","sourceRoot":"","sources":["../../src/Token/Token.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAC,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AACjC,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,aAAa,CAAA;AAI/C,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAQ/F,MAAM,WAAW,UAAW,SAAQ,cAAc,EAAE,MAAM;IACxD;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CAClC;AAcD,QAAA,MAAM,KAAK,EA6DL,8BAA8B,CAAC,GAAG,GAAG,QAAQ,GAAG,MAAM,EAAE,UAAU,CAAC,CAAA;AAEzE,eAAe,KAAK,CAAA"}
1
+ {"version":3,"file":"Token.d.ts","sourceRoot":"","sources":["../../src/Token/Token.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,aAAa,CAAA;AAI/C,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAQ/F,MAAM,WAAW,UAAW,SAAQ,cAAc;IAChD;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CAClC;AAcD,QAAA,MAAM,KAAK,EA4DL,8BAA8B,CAAC,GAAG,GAAG,QAAQ,GAAG,MAAM,EAAE,UAAU,CAAC,CAAA;AAEzE,eAAe,KAAK,CAAA"}
@@ -1,6 +1,5 @@
1
1
  import type { ComponentProps } from 'react';
2
2
  import React from 'react';
3
- import type { SxProp } from '../sx';
4
3
  import type { ForwardRefComponent as PolymorphicForwardRefComponent } from '../utils/polymorphic';
5
4
  export type TokenSizeKeys = 'small' | 'medium' | 'large' | 'xlarge';
6
5
  export declare const tokenSizes: Record<TokenSizeKeys, string>;
@@ -37,6 +36,6 @@ export interface TokenBaseProps extends Omit<React.HTMLProps<HTMLSpanElement | H
37
36
  disabled?: boolean;
38
37
  }
39
38
  export declare const isTokenInteractive: ({ as, onClick, onFocus, tabIndex, disabled, }: Pick<ComponentProps<typeof TokenBase>, "disabled" | "as" | "onClick" | "onFocus" | "tabIndex">) => boolean;
40
- declare const TokenBase: PolymorphicForwardRefComponent<"span" | "a" | "button", TokenBaseProps & SxProp>;
39
+ declare const TokenBase: PolymorphicForwardRefComponent<"span" | "a" | "button", TokenBaseProps>;
41
40
  export default TokenBase;
42
41
  //# sourceMappingURL=TokenBase.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"TokenBase.d.ts","sourceRoot":"","sources":["../../src/Token/TokenBase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,cAAc,EAAgB,MAAM,OAAO,CAAA;AACxD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AACjC,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAI/F,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAA;AAEnE,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,CAKpD,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,aAAwB,CAAA;AAEvD,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,eAAe,GAAG,iBAAiB,GAAG,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrG,EAAE,CAAC,EAAE,QAAQ,GAAG,GAAG,GAAG,MAAM,CAAA;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;OAEG;IACH,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,eAAO,MAAM,kBAAkB,GAAI,+CAMhC,IAAI,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,EAAE,UAAU,GAAG,IAAI,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC,YAKhG,CAAA;AAED,QAAA,MAAM,SAAS,EAwBV,8BAA8B,CAAC,MAAM,GAAG,GAAG,GAAG,QAAQ,EAAE,cAAc,GAAG,MAAM,CAAC,CAAA;AAErF,eAAe,SAAS,CAAA"}
1
+ {"version":3,"file":"TokenBase.d.ts","sourceRoot":"","sources":["../../src/Token/TokenBase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,cAAc,EAAgB,MAAM,OAAO,CAAA;AACxD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAG/F,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAA;AAEnE,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,CAKpD,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,aAAwB,CAAA;AAEvD,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,eAAe,GAAG,iBAAiB,GAAG,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrG,EAAE,CAAC,EAAE,QAAQ,GAAG,GAAG,GAAG,MAAM,CAAA;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;OAEG;IACH,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,eAAO,MAAM,kBAAkB,GAAI,+CAMhC,IAAI,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,EAAE,UAAU,GAAG,IAAI,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC,YAKhG,CAAA;AAED,QAAA,MAAM,SAAS,EA6CV,8BAA8B,CAAC,MAAM,GAAG,GAAG,GAAG,QAAQ,EAAE,cAAc,CAAC,CAAA;AAE5E,eAAe,SAAS,CAAA"}
@@ -2,7 +2,6 @@ import { c } from 'react-compiler-runtime';
2
2
  import React from 'react';
3
3
  import { clsx } from 'clsx';
4
4
  import classes from './TokenBase.module.css.js';
5
- import { BoxWithFallback } from '../internal/components/BoxWithFallback.js';
6
5
  import { jsx } from 'react/jsx-runtime';
7
6
 
8
7
  const tokenSizes = {
@@ -25,7 +24,8 @@ const isTokenInteractive = ({
25
24
  return Boolean(onFocus || onClick || tabIndex > -1 || ['a', 'button'].includes(as));
26
25
  };
27
26
  const TokenBase = /*#__PURE__*/React.forwardRef((t0, forwardedRef) => {
28
- const $ = c(26);
27
+ const $ = c(25);
28
+ let Component;
29
29
  let T0;
30
30
  let id;
31
31
  let rest;
@@ -33,26 +33,24 @@ const TokenBase = /*#__PURE__*/React.forwardRef((t0, forwardedRef) => {
33
33
  let t1;
34
34
  let t2;
35
35
  let t3;
36
- let t4;
37
36
  if ($[0] !== t0) {
38
37
  const {
39
38
  onRemove,
40
39
  onKeyDown,
41
- id: t5,
40
+ id: t4,
42
41
  className,
43
- size: t6,
42
+ size: t5,
44
43
  isSelected: _isSelected,
45
- as: t7,
46
- ...t8
44
+ as: t6,
45
+ ...t7
47
46
  } = t0;
48
- id = t5;
49
- rest = t8;
50
- size = t6 === undefined ? defaultTokenSize : t6;
51
- const as = t7 === undefined ? "span" : t7;
52
- T0 = BoxWithFallback;
53
- t1 = as;
47
+ id = t4;
48
+ rest = t7;
49
+ size = t5 === undefined ? defaultTokenSize : t5;
50
+ Component = t6 === undefined ? "span" : t6;
51
+ T0 = Component;
54
52
  if ($[9] !== onKeyDown || $[10] !== onRemove) {
55
- t2 = event => {
53
+ t1 = event => {
56
54
  onKeyDown && onKeyDown(event);
57
55
  if ((event.key === "Backspace" || event.key === "Delete") && onRemove) {
58
56
  onRemove();
@@ -60,75 +58,78 @@ const TokenBase = /*#__PURE__*/React.forwardRef((t0, forwardedRef) => {
60
58
  };
61
59
  $[9] = onKeyDown;
62
60
  $[10] = onRemove;
63
- $[11] = t2;
61
+ $[11] = t1;
64
62
  } else {
65
- t2 = $[11];
63
+ t1 = $[11];
66
64
  }
67
65
  if ($[12] !== className) {
68
- t3 = clsx(classes.TokenBase, className);
66
+ t2 = clsx(classes.TokenBase, className);
69
67
  $[12] = className;
70
- $[13] = t3;
68
+ $[13] = t2;
71
69
  } else {
72
- t3 = $[13];
70
+ t2 = $[13];
73
71
  }
74
- t4 = isTokenInteractive({
75
- as,
76
- ...rest
72
+ t3 = isTokenInteractive({
73
+ as: Component,
74
+ onClick: rest.onClick,
75
+ onFocus: rest.onFocus,
76
+ tabIndex: rest.tabIndex,
77
+ disabled: rest.disabled
77
78
  });
78
79
  $[0] = t0;
79
- $[1] = T0;
80
- $[2] = id;
81
- $[3] = rest;
82
- $[4] = size;
83
- $[5] = t1;
84
- $[6] = t2;
85
- $[7] = t3;
86
- $[8] = t4;
80
+ $[1] = Component;
81
+ $[2] = T0;
82
+ $[3] = id;
83
+ $[4] = rest;
84
+ $[5] = size;
85
+ $[6] = t1;
86
+ $[7] = t2;
87
+ $[8] = t3;
87
88
  } else {
88
- T0 = $[1];
89
- id = $[2];
90
- rest = $[3];
91
- size = $[4];
92
- t1 = $[5];
93
- t2 = $[6];
94
- t3 = $[7];
95
- t4 = $[8];
89
+ Component = $[1];
90
+ T0 = $[2];
91
+ id = $[3];
92
+ rest = $[4];
93
+ size = $[5];
94
+ t1 = $[6];
95
+ t2 = $[7];
96
+ t3 = $[8];
96
97
  }
97
- let t5;
98
+ let t4;
98
99
  if ($[14] !== id) {
99
100
  var _id;
100
- t5 = (_id = id) === null || _id === void 0 ? void 0 : _id.toString();
101
+ t4 = (_id = id) === null || _id === void 0 ? void 0 : _id.toString();
101
102
  $[14] = id;
102
- $[15] = t5;
103
+ $[15] = t4;
103
104
  } else {
104
- t5 = $[15];
105
+ t4 = $[15];
105
106
  }
106
- let t6;
107
- if ($[16] !== T0 || $[17] !== forwardedRef || $[18] !== rest || $[19] !== size || $[20] !== t1 || $[21] !== t2 || $[22] !== t3 || $[23] !== t4 || $[24] !== t5) {
108
- t6 = /*#__PURE__*/jsx(T0, {
109
- as: t1,
110
- onKeyDown: t2,
111
- className: t3,
112
- "data-cursor-is-interactive": t4,
107
+ const t5 = Component === "button" ? rest : Component === "a" ? rest : rest;
108
+ const t6 = forwardedRef;
109
+ let t7;
110
+ if ($[16] !== T0 || $[17] !== size || $[18] !== t1 || $[19] !== t2 || $[20] !== t3 || $[21] !== t4 || $[22] !== t5 || $[23] !== t6) {
111
+ t7 = /*#__PURE__*/jsx(T0, {
112
+ onKeyDown: t1,
113
+ className: t2,
114
+ "data-cursor-is-interactive": t3,
113
115
  "data-size": size,
114
- id: t5,
115
- ...rest,
116
- ref: forwardedRef
116
+ id: t4,
117
+ ...t5,
118
+ ref: t6
117
119
  });
118
120
  $[16] = T0;
119
- $[17] = forwardedRef;
120
- $[18] = rest;
121
- $[19] = size;
122
- $[20] = t1;
123
- $[21] = t2;
124
- $[22] = t3;
125
- $[23] = t4;
126
- $[24] = t5;
127
- $[25] = t6;
121
+ $[17] = size;
122
+ $[18] = t1;
123
+ $[19] = t2;
124
+ $[20] = t3;
125
+ $[21] = t4;
126
+ $[22] = t5;
127
+ $[23] = t6;
128
+ $[24] = t7;
128
129
  } else {
129
- t6 = $[25];
130
+ t7 = $[24];
130
131
  }
131
- return t6;
132
+ return t7;
132
133
  });
133
134
 
134
135
  export { TokenBase as default, defaultTokenSize, isTokenInteractive, tokenSizes };
@@ -1,7 +1,6 @@
1
1
  import type React from 'react';
2
- import { type SxProp } from '../sx';
3
2
  import type { TokenSizeKeys } from './TokenBase';
4
- interface TokenButtonProps extends SxProp {
3
+ interface TokenButtonProps {
5
4
  borderOffset?: number;
6
5
  size?: TokenSizeKeys;
7
6
  isParentInteractive?: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"_RemoveTokenButton.d.ts","sourceRoot":"","sources":["../../src/Token/_RemoveTokenButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAC,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AACjC,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,aAAa,CAAA;AAM9C,UAAU,gBAAiB,SAAQ,MAAM;IACvC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,mBAAmB,CAAC,EAAE,OAAO,CAAA;CAC9B;AAID,KAAK,sBAAsB,GAAG,gBAAgB,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,eAAe,GAAG,iBAAiB,CAAC,EAAE,MAAM,CAAC,CAAA;AAEnH,QAAA,MAAM,iBAAiB,GAAI,mGAQxB,KAAK,CAAC,iBAAiB,CAAC,sBAAsB,GAAG;IAAC,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CAAC,CAAC,sBAkB5E,CAAA;AAED,eAAe,iBAAiB,CAAA"}
1
+ {"version":3,"file":"_RemoveTokenButton.d.ts","sourceRoot":"","sources":["../../src/Token/_RemoveTokenButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,aAAa,CAAA;AAK9C,UAAU,gBAAgB;IACxB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,mBAAmB,CAAC,EAAE,OAAO,CAAA;CAC9B;AAID,KAAK,sBAAsB,GAAG,gBAAgB,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,eAAe,GAAG,iBAAiB,CAAC,EAAE,MAAM,CAAC,CAAA;AAEnH,QAAA,MAAM,iBAAiB,GAAI,mGAQxB,KAAK,CAAC,iBAAiB,CAAC,sBAAsB,GAAG;IAAC,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CAAC,CAAC,sBAmC5E,CAAA;AAED,eAAe,iBAAiB,CAAA"}
@@ -1,117 +1,51 @@
1
- import { c } from 'react-compiler-runtime';
2
1
  import { XIcon } from '@primer/octicons-react';
3
2
  import { clsx } from 'clsx';
4
3
  import { defaultTokenSize, tokenSizes } from './TokenBase.js';
5
4
  import classes from './_RemoveTokenButton.module.css.js';
6
- import { BoxWithFallback } from '../internal/components/BoxWithFallback.js';
7
5
  import { jsx } from 'react/jsx-runtime';
8
6
 
9
7
  const getTokenButtonIconSize = size => parseInt(tokenSizes[size || defaultTokenSize], 10) * 0.75;
10
- const RemoveTokenButton = t0 => {
11
- const $ = c(24);
12
- let ariaLabel;
13
- let borderOffset;
14
- let className;
15
- let isParentInteractive;
16
- let rest;
17
- let size;
18
- if ($[0] !== t0) {
19
- const {
20
- "aria-label": t1,
21
- isParentInteractive: t2,
22
- size: t3,
23
- className: t4,
24
- borderOffset: t5,
25
- as: _as,
26
- ...t6
27
- } = t0;
28
- ariaLabel = t1;
29
- isParentInteractive = t2;
30
- className = t4;
31
- rest = t6;
32
- size = t3 === undefined ? defaultTokenSize : t3;
33
- borderOffset = t5 === undefined ? 0 : t5;
34
- delete rest.children;
35
- $[0] = t0;
36
- $[1] = ariaLabel;
37
- $[2] = borderOffset;
38
- $[3] = className;
39
- $[4] = isParentInteractive;
40
- $[5] = rest;
41
- $[6] = size;
42
- } else {
43
- ariaLabel = $[1];
44
- borderOffset = $[2];
45
- className = $[3];
46
- isParentInteractive = $[4];
47
- rest = $[5];
48
- size = $[6];
49
- }
50
- const t1 = isParentInteractive ? "span" : "button";
51
- const t2 = isParentInteractive ? -1 : undefined;
52
- const t3 = !isParentInteractive ? "Remove token" : ariaLabel;
53
- let t4;
54
- if ($[7] !== className) {
55
- t4 = clsx(classes.TokenButton, className);
56
- $[7] = className;
57
- $[8] = t4;
58
- } else {
59
- t4 = $[8];
60
- }
61
- const t5 = `translate(${borderOffset}px, -${borderOffset}px)`;
62
- let t6;
63
- if ($[9] !== t5) {
64
- t6 = {
65
- transform: t5
66
- };
67
- $[9] = t5;
68
- $[10] = t6;
69
- } else {
70
- t6 = $[10];
71
- }
72
- let t7;
73
- if ($[11] !== size) {
74
- t7 = getTokenButtonIconSize(size);
75
- $[11] = size;
76
- $[12] = t7;
77
- } else {
78
- t7 = $[12];
79
- }
80
- let t8;
81
- if ($[13] !== t7) {
82
- t8 = /*#__PURE__*/jsx(XIcon, {
83
- size: t7
84
- });
85
- $[13] = t7;
86
- $[14] = t8;
87
- } else {
88
- t8 = $[14];
89
- }
90
- let t9;
91
- if ($[15] !== rest || $[16] !== size || $[17] !== t1 || $[18] !== t2 || $[19] !== t3 || $[20] !== t4 || $[21] !== t6 || $[22] !== t8) {
92
- t9 = /*#__PURE__*/jsx(BoxWithFallback, {
93
- as: t1,
94
- tabIndex: t2,
95
- "aria-label": t3,
96
- "data-size": size,
97
- className: t4,
98
- style: t6,
8
+ const RemoveTokenButton = ({
9
+ 'aria-label': ariaLabel,
10
+ isParentInteractive,
11
+ size = defaultTokenSize,
12
+ className,
13
+ borderOffset = 0,
14
+ as: _as,
15
+ ...rest
16
+ }) => {
17
+ // eslint-disable-next-line react-compiler/react-compiler
18
+ delete rest.children;
19
+ if (isParentInteractive) {
20
+ return /*#__PURE__*/jsx("span", {
99
21
  ...rest,
100
- children: t8
22
+ tabIndex: -1,
23
+ "aria-label": ariaLabel,
24
+ "data-size": size,
25
+ className: clsx(classes.TokenButton, className),
26
+ style: {
27
+ transform: `translate(${borderOffset}px, -${borderOffset}px)`
28
+ },
29
+ children: /*#__PURE__*/jsx(XIcon, {
30
+ size: getTokenButtonIconSize(size)
31
+ })
101
32
  });
102
- $[15] = rest;
103
- $[16] = size;
104
- $[17] = t1;
105
- $[18] = t2;
106
- $[19] = t3;
107
- $[20] = t4;
108
- $[21] = t6;
109
- $[22] = t8;
110
- $[23] = t9;
111
- } else {
112
- t9 = $[23];
113
33
  }
114
- return t9;
34
+ return /*#__PURE__*/jsx("button", {
35
+ ...rest,
36
+ "aria-label": 'Remove token',
37
+ "data-size": size,
38
+ className: clsx(classes.TokenButton, className),
39
+ style: {
40
+ transform: `translate(${borderOffset}px, -${borderOffset}px)`
41
+ },
42
+ ref: rest.ref,
43
+ type: "button",
44
+ children: /*#__PURE__*/jsx(XIcon, {
45
+ size: getTokenButtonIconSize(size)
46
+ })
47
+ });
115
48
  };
49
+ RemoveTokenButton.displayName = "RemoveTokenButton";
116
50
 
117
51
  export { RemoveTokenButton as default };
@@ -1,5 +1,5 @@
1
1
  import type { TokenBaseProps } from './TokenBase';
2
2
  import type React from 'react';
3
- declare const TokenTextContainer: ({ children, ...props }: React.PropsWithChildren<Partial<TokenBaseProps>>) => React.JSX.Element;
3
+ declare const TokenTextContainer: ({ children, id, as: Component, ...props }: React.PropsWithChildren<Partial<TokenBaseProps>>) => React.JSX.Element;
4
4
  export default TokenTextContainer;
5
5
  //# sourceMappingURL=_TokenTextContainer.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"_TokenTextContainer.d.ts","sourceRoot":"","sources":["../../src/Token/_TokenTextContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,aAAa,CAAA;AAC/C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,QAAA,MAAM,kBAAkB,GAAI,wBAAsB,KAAK,CAAC,iBAAiB,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,sBAMjG,CAAA;AAED,eAAe,kBAAkB,CAAA"}
1
+ {"version":3,"file":"_TokenTextContainer.d.ts","sourceRoot":"","sources":["../../src/Token/_TokenTextContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,aAAa,CAAA;AAC/C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,QAAA,MAAM,kBAAkB,GAAI,2CAKzB,KAAK,CAAC,iBAAiB,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,sBAclD,CAAA;AAED,eAAe,kBAAkB,CAAA"}
@@ -1,47 +1,67 @@
1
1
  import { c } from 'react-compiler-runtime';
2
2
  import classes from './_TokenTextContainer.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
  const TokenTextContainer = t0 => {
8
- const $ = c(7);
7
+ const $ = c(13);
9
8
  let children;
9
+ let id;
10
10
  let props;
11
+ let t1;
11
12
  if ($[0] !== t0) {
12
13
  ({
13
14
  children,
15
+ id,
16
+ as: t1,
14
17
  ...props
15
18
  } = t0);
16
19
  $[0] = t0;
17
20
  $[1] = children;
18
- $[2] = props;
21
+ $[2] = id;
22
+ $[3] = props;
23
+ $[4] = t1;
19
24
  } else {
20
25
  children = $[1];
21
- props = $[2];
26
+ id = $[2];
27
+ props = $[3];
28
+ t1 = $[4];
22
29
  }
23
- let t1;
24
- if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
25
- t1 = clsx(classes.TokenTextContainer);
26
- $[3] = t1;
30
+ const Component = t1 === undefined ? "span" : t1;
31
+ let t2;
32
+ if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
33
+ t2 = clsx(classes.TokenTextContainer);
34
+ $[5] = t2;
27
35
  } else {
28
- t1 = $[3];
36
+ t2 = $[5];
29
37
  }
30
- let t2;
31
- if ($[4] !== children || $[5] !== props) {
32
- t2 = /*#__PURE__*/jsx(BoxWithFallback, {
33
- as: "span",
34
- className: t1,
35
- ...props,
38
+ let t3;
39
+ if ($[6] !== id) {
40
+ var _id;
41
+ t3 = (_id = id) === null || _id === void 0 ? void 0 : _id.toString();
42
+ $[6] = id;
43
+ $[7] = t3;
44
+ } else {
45
+ t3 = $[7];
46
+ }
47
+ const t4 = Component === "button" ? props : Component === "a" ? props : props;
48
+ let t5;
49
+ if ($[8] !== Component || $[9] !== children || $[10] !== t3 || $[11] !== t4) {
50
+ t5 = /*#__PURE__*/jsx(Component, {
51
+ className: t2,
52
+ id: t3,
53
+ ...t4,
36
54
  children: children
37
55
  });
38
- $[4] = children;
39
- $[5] = props;
40
- $[6] = t2;
56
+ $[8] = Component;
57
+ $[9] = children;
58
+ $[10] = t3;
59
+ $[11] = t4;
60
+ $[12] = t5;
41
61
  } else {
42
- t2 = $[6];
62
+ t5 = $[12];
43
63
  }
44
- return t2;
64
+ return t5;
45
65
  };
46
66
 
47
67
  export { TokenTextContainer as default };
@@ -1,7 +1,6 @@
1
1
  import React from 'react';
2
- import type { SxProp } from '../sx';
3
2
  import type { ComponentProps } from '../utils/types';
4
- declare const TooltipBase: import("styled-components").StyledComponent<"span", any, SxProp, never>;
3
+ declare const TooltipBase: import("styled-components").StyledComponent<"span", any, {}, never>;
5
4
  /**
6
5
  * @deprecated
7
6
  */
@@ -1 +1 @@
1
- {"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AACA,OAAO,KAAgB,MAAM,OAAO,CAAA;AAGpC,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAEjC,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,gBAAgB,CAAA;AAKlD,QAAA,MAAM,WAAW,yEA+KhB,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB,SAAS,CAAC,EAAE,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,CAAA;IAC7D,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACxB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,CAAA;AAEtC,eAAO,MAAM,cAAc;gBAAoC,MAAM;EAAM,CAAA;AAE3E;;GAEG;AACH,iBAAS,OAAO,CAAC,EAAC,SAAe,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,IAAI,EAAC,EAAE,YAAY,qBAmB7G;kBAnBQ,OAAO;;;;AAyBhB,eAAe,OAAO,CAAA"}
1
+ {"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AACA,OAAO,KAAgB,MAAM,OAAO,CAAA;AAGpC,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,gBAAgB,CAAA;AAKlD,QAAA,MAAM,WAAW,qEA6KhB,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB,SAAS,CAAC,EAAE,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,CAAA;IAC7D,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACxB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,CAAA;AAEtC,eAAO,MAAM,cAAc;gBAAoC,MAAM;EAAM,CAAA;AAE3E;;GAEG;AACH,iBAAS,OAAO,CAAC,EAAC,SAAe,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,IAAI,EAAC,EAAE,YAAY,qBAmB7G;kBAnBQ,OAAO;;;;AAyBhB,eAAe,OAAO,CAAA"}