@primer/react 38.2.0-rc.96e14169f → 38.2.0-rc.9a29d4f41

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Potentially problematic release.


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

Files changed (97) hide show
  1. package/CHANGELOG.md +23 -1
  2. package/dist/AnchoredOverlay/AnchoredOverlay.d.ts.map +1 -1
  3. package/dist/AnchoredOverlay/AnchoredOverlay.js +3 -5
  4. package/dist/Button/ButtonBase-781fba8b.css +2 -0
  5. package/dist/Button/ButtonBase-781fba8b.css.map +1 -0
  6. package/dist/Button/ButtonBase.module.css.js +1 -1
  7. package/dist/Button/types.d.ts +0 -1
  8. package/dist/Button/types.d.ts.map +1 -1
  9. package/dist/CounterLabel/CounterLabel-8c6e8ee4.css +2 -0
  10. package/dist/CounterLabel/{CounterLabel-44fb5d16.css.map → CounterLabel-8c6e8ee4.css.map} +1 -1
  11. package/dist/CounterLabel/CounterLabel.d.ts +4 -0
  12. package/dist/CounterLabel/CounterLabel.d.ts.map +1 -1
  13. package/dist/CounterLabel/CounterLabel.js +51 -47
  14. package/dist/CounterLabel/CounterLabel.module.css.js +1 -1
  15. package/dist/FeatureFlags/DefaultFeatureFlags.d.ts.map +1 -1
  16. package/dist/FeatureFlags/DefaultFeatureFlags.js +1 -2
  17. package/dist/FilteredActionList/FilteredActionList.d.ts +21 -1
  18. package/dist/FilteredActionList/FilteredActionList.d.ts.map +1 -1
  19. package/dist/FilteredActionList/FilteredActionList.js +13 -17
  20. package/dist/FilteredActionList/useAnnouncements.d.ts +1 -1
  21. package/dist/FilteredActionList/useAnnouncements.d.ts.map +1 -1
  22. package/dist/FilteredActionList/useAnnouncements.js +12 -17
  23. package/dist/KeybindingHint/components/Chord.d.ts.map +1 -1
  24. package/dist/KeybindingHint/components/Chord.js +1 -0
  25. package/dist/NavList/NavList.d.ts +1 -0
  26. package/dist/NavList/NavList.d.ts.map +1 -1
  27. package/dist/NavList/NavList.js +1 -0
  28. package/dist/Overlay/Overlay-43cda449.css +2 -0
  29. package/dist/Overlay/Overlay-43cda449.css.map +1 -0
  30. package/dist/Overlay/Overlay.js +4 -4
  31. package/dist/Overlay/Overlay.module.css.js +1 -1
  32. package/dist/Popover/Popover-a93df39c.css +2 -0
  33. package/dist/Popover/Popover-a93df39c.css.map +1 -0
  34. package/dist/Popover/Popover.module.css.js +1 -1
  35. package/dist/ProgressBar/ProgressBar-e403d83d.css +2 -0
  36. package/dist/ProgressBar/{ProgressBar-b667c85b.css.map → ProgressBar-e403d83d.css.map} +1 -1
  37. package/dist/ProgressBar/ProgressBar.module.css.js +1 -1
  38. package/dist/SelectPanel/SelectPanel.d.ts.map +1 -1
  39. package/dist/SelectPanel/SelectPanel.js +5 -4
  40. package/dist/Spinner/Spinner.d.ts +3 -1
  41. package/dist/Spinner/Spinner.d.ts.map +1 -1
  42. package/dist/Spinner/Spinner.js +79 -49
  43. package/dist/StateLabel/{StateLabel-47f1e690.css → StateLabel-bc1aea93.css} +1 -1
  44. package/dist/StateLabel/{StateLabel-47f1e690.css.map → StateLabel-bc1aea93.css.map} +1 -1
  45. package/dist/StateLabel/StateLabel.module.css.js +1 -1
  46. package/dist/TextInput/TextInput.d.ts.map +1 -1
  47. package/dist/TextInput/TextInput.js +13 -7
  48. package/dist/Token/{Token-942271b0.css → Token-b3c86dc0.css} +2 -2
  49. package/dist/Token/Token-b3c86dc0.css.map +1 -0
  50. package/dist/Token/Token.d.ts +1 -0
  51. package/dist/Token/Token.d.ts.map +1 -1
  52. package/dist/Token/Token.js +1 -1
  53. package/dist/Token/Token.module.css.js +1 -1
  54. package/dist/Token/{TokenBase-57c65c47.css → TokenBase-a805f182.css} +2 -2
  55. package/dist/Token/TokenBase-a805f182.css.map +1 -0
  56. package/dist/Token/TokenBase.module.css.js +1 -1
  57. package/dist/Token/{_RemoveTokenButton-c205593b.css → _RemoveTokenButton-a0d2969b.css} +2 -2
  58. package/dist/Token/{_RemoveTokenButton-c205593b.css.map → _RemoveTokenButton-a0d2969b.css.map} +1 -1
  59. package/dist/Token/_RemoveTokenButton.js +2 -2
  60. package/dist/Token/_RemoveTokenButton.module.css.js +1 -1
  61. package/dist/experimental/SelectPanel2/SelectPanel-1f8c23b5.css +2 -0
  62. package/dist/experimental/SelectPanel2/SelectPanel-1f8c23b5.css.map +1 -0
  63. package/dist/experimental/SelectPanel2/SelectPanel.module.css.js +1 -1
  64. package/generated/components.json +72 -31
  65. package/package.json +3 -2
  66. package/dist/Button/ButtonBase-18b9f617.css +0 -2
  67. package/dist/Button/ButtonBase-18b9f617.css.map +0 -1
  68. package/dist/CounterLabel/CounterLabel-44fb5d16.css +0 -2
  69. package/dist/Overlay/Overlay-40e80d0e.css +0 -2
  70. package/dist/Overlay/Overlay-40e80d0e.css.map +0 -1
  71. package/dist/Popover/Popover-3ba3b962.css +0 -2
  72. package/dist/Popover/Popover-3ba3b962.css.map +0 -1
  73. package/dist/ProgressBar/ProgressBar-b667c85b.css +0 -2
  74. package/dist/Token/Token-942271b0.css.map +0 -1
  75. package/dist/Token/TokenBase-57c65c47.css.map +0 -1
  76. package/dist/experimental/SelectPanel2/SelectPanel-e919f619.css +0 -2
  77. package/dist/experimental/SelectPanel2/SelectPanel-e919f619.css.map +0 -1
  78. package/dist/legacy-theme/ts/colors/dark.d.ts +0 -517
  79. package/dist/legacy-theme/ts/colors/dark.d.ts.map +0 -1
  80. package/dist/legacy-theme/ts/colors/dark_colorblind.d.ts +0 -517
  81. package/dist/legacy-theme/ts/colors/dark_colorblind.d.ts.map +0 -1
  82. package/dist/legacy-theme/ts/colors/dark_dimmed.d.ts +0 -517
  83. package/dist/legacy-theme/ts/colors/dark_dimmed.d.ts.map +0 -1
  84. package/dist/legacy-theme/ts/colors/dark_high_contrast.d.ts +0 -517
  85. package/dist/legacy-theme/ts/colors/dark_high_contrast.d.ts.map +0 -1
  86. package/dist/legacy-theme/ts/colors/dark_tritanopia.d.ts +0 -517
  87. package/dist/legacy-theme/ts/colors/dark_tritanopia.d.ts.map +0 -1
  88. package/dist/legacy-theme/ts/colors/index.d.ts +0 -4638
  89. package/dist/legacy-theme/ts/colors/index.d.ts.map +0 -1
  90. package/dist/legacy-theme/ts/colors/light.d.ts +0 -517
  91. package/dist/legacy-theme/ts/colors/light.d.ts.map +0 -1
  92. package/dist/legacy-theme/ts/colors/light_colorblind.d.ts +0 -517
  93. package/dist/legacy-theme/ts/colors/light_colorblind.d.ts.map +0 -1
  94. package/dist/legacy-theme/ts/colors/light_high_contrast.d.ts +0 -517
  95. package/dist/legacy-theme/ts/colors/light_high_contrast.d.ts.map +0 -1
  96. package/dist/legacy-theme/ts/colors/light_tritanopia.d.ts +0 -517
  97. package/dist/legacy-theme/ts/colors/light_tritanopia.d.ts.map +0 -1
@@ -43,21 +43,27 @@ const TextInput = /*#__PURE__*/React.forwardRef(({
43
43
  const wrapperClasses = clsx(className, 'TextInput-wrapper');
44
44
  const showLeadingLoadingIndicator = loading && (loaderPosition === 'leading' || Boolean(LeadingVisual && loaderPosition !== 'trailing'));
45
45
  const showTrailingLoadingIndicator = loading && (loaderPosition === 'trailing' || Boolean(loaderPosition === 'auto' && !LeadingVisual));
46
- const focusInput = () => {
47
- var _inputRef$current;
48
- (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
46
+
47
+ // Date/time input types that have segment-based focus
48
+ const isSegmentedInputType = type === 'date' || type === 'time' || type === 'datetime-local';
49
+ const focusInput = e => {
50
+ // Don't call focus() if the input itself was clicked on date/time inputs.
51
+ if (e.target !== inputRef.current || !isSegmentedInputType) {
52
+ var _inputRef$current;
53
+ (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
54
+ }
49
55
  };
50
56
  const leadingVisualId = useId();
51
57
  const trailingVisualId = useId();
52
58
  const loadingId = useId();
53
59
  const inputDescribedBy = clsx(inputProps['aria-describedby'], LeadingVisual && leadingVisualId, TrailingVisual && trailingVisualId, loading && loadingId) || undefined;
54
- const handleInputFocus = useCallback(e => {
60
+ const handleInputFocus = useCallback(e_0 => {
55
61
  setIsInputFocused(true);
56
- onFocus && onFocus(e);
62
+ onFocus && onFocus(e_0);
57
63
  }, [onFocus]);
58
- const handleInputBlur = useCallback(e_0 => {
64
+ const handleInputBlur = useCallback(e_1 => {
59
65
  setIsInputFocused(false);
60
- onBlur && onBlur(e_0);
66
+ onBlur && onBlur(e_1);
61
67
  }, [onBlur]);
62
68
  return /*#__PURE__*/jsxs(TextInputWrapper, {
63
69
  block: block,
@@ -1,2 +1,2 @@
1
- .prc-Token-Token-L2-At{background-color:var(--bgColor-neutral-muted,var(--color-neutral-subtle));border-color:var(--borderColor-muted,var(--color-border-muted));border-style:solid;color:var(--fgColor-muted,var(--color-fg-muted));max-width:100%}.prc-Token-Token-L2-At:where([data-interactive=true]):hover{background-color:var(--bgColor-neutral-muted,var(--color-neutral-subtle));box-shadow:var(--shadow-resting-medium,var(--color-shadow-medium));color:var(--fgColor-default,var(--color-fg-default))}.prc-Token-Token-L2-At:where([data-is-selected=true]){color:var(--fgColor-default,var(--color-fg-default))}.prc-Token-Token-L2-At[data-is-remove-btn=true]{padding-right:0}.prc-Token-LeadingVisualContainer-YTg7O{flex-shrink:0;line-height:0;margin-right:var(--base-size-4,.25rem)}.prc-Token-LargeLeadingVisual-UdxDk{margin-right:var(--base-size-8,.5rem)}
2
- /*# sourceMappingURL=Token-942271b0.css.map */
1
+ .prc-Token-Token-L2-At{background-color:var(--bgColor-neutral-muted,var(--color-neutral-subtle));border-color:var(--borderColor-muted,var(--color-border-muted));border-style:solid;color:var(--fgColor-muted,var(--color-fg-muted));max-width:100%}.prc-Token-Token-L2-At:where([data-interactive=true]):hover{background-color:var(--bgColor-neutral-muted,var(--color-neutral-subtle));box-shadow:var(--shadow-resting-medium,var(--color-shadow-medium));color:var(--fgColor-default,var(--color-fg-default))}.prc-Token-Token-L2-At:where([data-is-selected=true]){border-color:var(--borderColor-emphasis,var(--color-fg-subtle));border-style:solid;color:var(--fgColor-default,var(--color-fg-default))}.prc-Token-Token-L2-At[data-is-remove-btn=true]{padding-right:0}.prc-Token-LeadingVisualContainer-YTg7O{flex-shrink:0;line-height:0;margin-right:var(--base-size-4,.25rem)}.prc-Token-LargeLeadingVisual-UdxDk{margin-right:var(--base-size-6,.375rem)}
2
+ /*# sourceMappingURL=Token-b3c86dc0.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/Token/Token.module.css"],"names":[],"mappings":"AAAA,uBAGE,yEAA8C,CAC9C,+DAAsC,CACtC,kBAAmB,CAHnB,gDAA2B,CAD3B,cAKF,CAEA,4DAEE,yEAA8C,CAC9C,kEAAwC,CAFxC,oDAGF,CAEA,sDAGE,+DAAyC,CADzC,kBAAmB,CADnB,oDAGF,CAEA,gDACE,eACF,CAEA,wCAIE,aAAc,CADd,aAAc,CAFd,sCAIF,CAEA,oCACE,uCACF","file":"Token-b3c86dc0.css","sourcesContent":[".Token {\n max-width: 100%;\n color: var(--fgColor-muted);\n background-color: var(--bgColor-neutral-muted);\n border-color: var(--borderColor-muted);\n border-style: solid;\n}\n\n.Token:where([data-interactive='true']):hover {\n color: var(--fgColor-default);\n background-color: var(--bgColor-neutral-muted);\n box-shadow: var(--shadow-resting-medium);\n}\n\n.Token:where([data-is-selected='true']) {\n color: var(--fgColor-default);\n border-style: solid;\n border-color: var(--borderColor-emphasis);\n}\n\n.Token[data-is-remove-btn='true'] {\n padding-right: 0;\n}\n\n.LeadingVisualContainer {\n margin-right: var(--base-size-4);\n /* stylelint-disable-next-line primer/typography */\n line-height: 0;\n flex-shrink: 0;\n}\n\n.LargeLeadingVisual {\n margin-right: var(--base-size-6);\n}\n"]}
@@ -4,6 +4,7 @@ import type { ForwardRefComponent as PolymorphicForwardRefComponent } from '../u
4
4
  export interface TokenProps extends TokenBaseProps {
5
5
  /**
6
6
  * A component that renders before the token text
7
+ * disabled when size is 'small'
7
8
  */
8
9
  leadingVisual?: React.ElementType;
9
10
  }
@@ -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,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
+ {"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;;;OAGG;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"}
@@ -182,7 +182,7 @@ const Token = /*#__PURE__*/forwardRef((props, forwardedRef) => {
182
182
  }
183
183
  let t9;
184
184
  if ($[32] !== LeadingVisual || $[33] !== size) {
185
- t9 = LeadingVisual ? /*#__PURE__*/jsx(LeadingVisualContainer, {
185
+ t9 = LeadingVisual && size !== "small" ? /*#__PURE__*/jsx(LeadingVisualContainer, {
186
186
  size: size,
187
187
  children: /*#__PURE__*/jsx(LeadingVisual, {})
188
188
  }) : null;
@@ -1,4 +1,4 @@
1
- import './Token-942271b0.css';
1
+ import './Token-b3c86dc0.css';
2
2
 
3
3
  var classes = {"Token":"prc-Token-Token-L2-At","LeadingVisualContainer":"prc-Token-LeadingVisualContainer-YTg7O","LargeLeadingVisual":"prc-Token-LargeLeadingVisual-UdxDk"};
4
4
 
@@ -1,2 +1,2 @@
1
- .prc-Token-TokenBase-PfQzJ{align-items:center;border-radius:var(--borderRadius-full,624.9375rem);display:inline-flex;font-family:inherit;font-weight:var(--base-text-weight-semibold,600);line-height:1;position:relative;-webkit-text-decoration:none;text-decoration:none;white-space:nowrap}.prc-Token-TokenBase-PfQzJ:where([data-cursor-is-interactive=true]){cursor:pointer}.prc-Token-TokenBase-PfQzJ:where([data-cursor-is-interactive=false]){cursor:auto}.prc-Token-TokenBase-PfQzJ:where([data-size=small]){font-size:var(--text-body-size-small,.75rem);height:var(--base-size-16,1rem);padding-left:var(--base-size-4,.25rem);padding-right:var(--base-size-4,.25rem);width:auto}.prc-Token-TokenBase-PfQzJ:where([data-size=medium]){font-size:var(--text-body-size-small,.75rem);height:var(--base-size-20,1.25rem);padding-left:var(--base-size-8,.5rem);padding-right:var(--base-size-8,.5rem);width:auto}.prc-Token-TokenBase-PfQzJ[data-size=large]{font-size:var(--text-body-size-small,.75rem);height:var(--base-size-24,1.5rem);padding-left:var(--base-size-8,.5rem);padding-right:var(--base-size-8,.5rem);width:auto}.prc-Token-TokenBase-PfQzJ[data-size=xlarge]{font-size:var(--text-body-size-medium,.875rem);height:var(--base-size-32,2rem);padding-bottom:0;padding-left:var(--base-size-16,1rem);padding-right:var(--base-size-16,1rem);padding-top:0;width:auto}
2
- /*# sourceMappingURL=TokenBase-57c65c47.css.map */
1
+ .prc-Token-TokenBase-PfQzJ{align-items:center;border-radius:var(--borderRadius-full,624.9375rem);display:inline-flex;font-family:inherit;font-weight:var(--base-text-weight-semibold,600);line-height:1;position:relative;-webkit-text-decoration:none;text-decoration:none;white-space:nowrap}.prc-Token-TokenBase-PfQzJ:where([data-cursor-is-interactive=true]){cursor:pointer}.prc-Token-TokenBase-PfQzJ:where([data-cursor-is-interactive=false]){cursor:auto}.prc-Token-TokenBase-PfQzJ:where([data-size=small]){font-size:var(--text-body-size-small,.75rem);height:var(--base-size-16,1rem);padding-left:var(--base-size-4,.25rem);padding-right:var(--base-size-4,.25rem);width:auto}.prc-Token-TokenBase-PfQzJ:where([data-size=medium]){font-size:var(--text-body-size-small,.75rem);height:var(--base-size-20,1.25rem);padding-left:var(--base-size-6,.375rem);padding-right:var(--base-size-6,.375rem);width:auto}.prc-Token-TokenBase-PfQzJ[data-size=large]{height:var(--base-size-24,1.5rem);padding-left:var(--base-size-8,.5rem);padding-right:var(--base-size-8,.5rem)}.prc-Token-TokenBase-PfQzJ[data-size=large],.prc-Token-TokenBase-PfQzJ[data-size=xlarge]{font-size:var(--text-body-size-medium,.875rem);width:auto}.prc-Token-TokenBase-PfQzJ[data-size=xlarge]{height:var(--base-size-32,2rem);padding-bottom:0;padding-left:var(--base-size-12,.75rem);padding-right:var(--base-size-12,.75rem);padding-top:0}
2
+ /*# sourceMappingURL=TokenBase-a805f182.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/Token/TokenBase.module.css"],"names":[],"mappings":"AAAA,2BAQE,kBAAmB,CADnB,kDAAuC,CALvC,mBAAoB,CACpB,mBAAoB,CACpB,gDAA6C,CAM7C,aAAc,CATd,iBAAkB,CAIlB,4BAAqB,CAArB,oBAAqB,CACrB,kBAKF,CAEA,oEACE,cACF,CAEA,qEACE,WACF,CAEA,oDAKE,4CAAsC,CAHtC,+BAA2B,CAE3B,sCAAgC,CADhC,uCAAiC,CAFjC,UAKF,CAEA,qDAKE,4CAAsC,CAHtC,kCAA2B,CAE3B,uCAAgC,CADhC,wCAAiC,CAFjC,UAKF,CAEA,4CAEE,iCAA2B,CAE3B,qCAAgC,CADhC,sCAGF,CAEA,yFAHE,8CAAuC,CAJvC,UAeF,CARA,6CAEE,+BAA2B,CAG3B,gBAAiB,CACjB,uCAAiC,CAFjC,wCAAkC,CADlC,aAKF","file":"TokenBase-a805f182.css","sourcesContent":[".TokenBase {\n position: relative;\n display: inline-flex;\n font-family: inherit;\n font-weight: var(--base-text-weight-semibold);\n text-decoration: none;\n white-space: nowrap;\n border-radius: var(--borderRadius-full);\n align-items: center;\n /* stylelint-disable-next-line primer/typography */\n line-height: 1;\n}\n\n.TokenBase:where([data-cursor-is-interactive='true']) {\n cursor: pointer;\n}\n\n.TokenBase:where([data-cursor-is-interactive='false']) {\n cursor: auto;\n}\n\n.TokenBase:where([data-size='small']) {\n width: auto;\n height: var(--base-size-16);\n padding-right: var(--base-size-4);\n padding-left: var(--base-size-4);\n font-size: var(--text-body-size-small);\n}\n\n.TokenBase:where([data-size='medium']) {\n width: auto;\n height: var(--base-size-20);\n padding-right: var(--base-size-6);\n padding-left: var(--base-size-6);\n font-size: var(--text-body-size-small);\n}\n\n.TokenBase[data-size='large'] {\n width: auto;\n height: var(--base-size-24);\n padding-right: var(--base-size-8);\n padding-left: var(--base-size-8);\n font-size: var(--text-body-size-medium);\n}\n\n.TokenBase[data-size='xlarge'] {\n width: auto;\n height: var(--base-size-32);\n padding-top: 0;\n padding-right: var(--base-size-12);\n padding-bottom: 0;\n padding-left: var(--base-size-12);\n font-size: var(--text-body-size-medium);\n}\n"]}
@@ -1,4 +1,4 @@
1
- import './TokenBase-57c65c47.css';
1
+ import './TokenBase-a805f182.css';
2
2
 
3
3
  var classes = {"TokenBase":"prc-Token-TokenBase-PfQzJ"};
4
4
 
@@ -1,2 +1,2 @@
1
- .prc-Token-TokenButton-F4Y8h{align-items:center;align-self:baseline;appearance:none;background-color:transparent;border:0;border-radius:var(--borderRadius-full,624.9375rem);color:currentColor;cursor:pointer;display:inline-flex;font-family:inherit;justify-content:center;margin-left:var(--base-size-4,.25rem);padding:0;-webkit-text-decoration:none;text-decoration:none;-webkit-user-select:none;user-select:none}.prc-Token-TokenButton-F4Y8h[data-size=small]{height:var(--base-size-16,1rem);width:var(--base-size-16,1rem)}.prc-Token-TokenButton-F4Y8h[data-size=medium]{height:var(--base-size-20,1.25rem);width:var(--base-size-20,1.25rem)}.prc-Token-TokenButton-F4Y8h[data-size=large]{height:var(--base-size-24,1.5rem);margin-left:var(--base-size-8,.5rem);width:var(--base-size-24,1.5rem)}.prc-Token-TokenButton-F4Y8h[data-size=xlarge]{height:var(--base-size-32,2rem);margin-left:var(--base-size-8,.5rem);width:var(--base-size-32,2rem)}.prc-Token-TokenButton-F4Y8h:focus,.prc-Token-TokenButton-F4Y8h:hover{background-color:var(--control-transparent-bgColor-hover,var(--color-action-list-item-default-hover-bg))}.prc-Token-TokenButton-F4Y8h:active{background-color:var(--control-transparent-bgColor-active,var(--color-action-list-item-default-active-bg))}
2
- /*# sourceMappingURL=_RemoveTokenButton-c205593b.css.map */
1
+ .prc-Token-TokenButton-F4Y8h{align-items:center;align-self:baseline;appearance:none;background-color:transparent;border:0;border-radius:var(--borderRadius-full,624.9375rem);color:currentColor;cursor:pointer;display:inline-flex;font-family:inherit;justify-content:center;margin-left:var(--base-size-4,.25rem);padding:0;-webkit-text-decoration:none;text-decoration:none;-webkit-user-select:none;user-select:none}.prc-Token-TokenButton-F4Y8h[data-size=small]{height:var(--base-size-16,1rem);width:var(--base-size-16,1rem)}.prc-Token-TokenButton-F4Y8h[data-size=medium]{height:var(--base-size-20,1.25rem);width:var(--base-size-20,1.25rem)}.prc-Token-TokenButton-F4Y8h[data-size=large]{height:var(--base-size-24,1.5rem);margin-left:var(--base-size-6,.375rem);width:var(--base-size-24,1.5rem)}.prc-Token-TokenButton-F4Y8h[data-size=xlarge]{height:var(--base-size-32,2rem);margin-left:var(--base-size-6,.375rem);width:var(--base-size-32,2rem)}.prc-Token-TokenButton-F4Y8h:focus,.prc-Token-TokenButton-F4Y8h:hover{background-color:var(--control-transparent-bgColor-hover,var(--color-action-list-item-default-hover-bg))}.prc-Token-TokenButton-F4Y8h:active{background-color:var(--control-transparent-bgColor-active,var(--color-action-list-item-default-active-bg))}
2
+ /*# sourceMappingURL=_RemoveTokenButton-a0d2969b.css.map */
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/Token/_RemoveTokenButton.module.css"],"names":[],"mappings":"AAAA,6BAaE,kBAAmB,CAEnB,mBAAoB,CADpB,eAAgB,CALhB,4BAA6B,CAC7B,QAAS,CACT,kDAAuC,CANvC,kBAAmB,CAEnB,cAAe,CANf,mBAAoB,CAGpB,mBAAoB,CAQpB,sBAAuB,CATvB,qCAA+B,CAD/B,SAAU,CAIV,4BAAqB,CAArB,oBAAqB,CAErB,wBAAiB,CAAjB,gBAQF,CAEA,8CAEE,+BAA2B,CAD3B,8BAEF,CAEA,+CAEE,kCAA2B,CAD3B,iCAEF,CAEA,8CAEE,iCAA2B,CAC3B,oCAA+B,CAF/B,gCAGF,CAEA,+CAEE,+BAA2B,CAC3B,oCAA+B,CAF/B,8BAGF,CAEA,sEAEE,wGACF,CAEA,oCACE,0GACF","file":"_RemoveTokenButton-c205593b.css","sourcesContent":[".TokenButton {\n display: inline-flex;\n padding: 0;\n margin-left: var(--base-size-4);\n font-family: inherit;\n color: currentColor;\n text-decoration: none;\n cursor: pointer;\n user-select: none;\n background-color: transparent;\n border: 0;\n border-radius: var(--borderRadius-full);\n justify-content: center;\n align-items: center;\n appearance: none;\n align-self: baseline;\n}\n\n.TokenButton[data-size='small'] {\n width: var(--base-size-16);\n height: var(--base-size-16);\n}\n\n.TokenButton[data-size='medium'] {\n width: var(--base-size-20);\n height: var(--base-size-20);\n}\n\n.TokenButton[data-size='large'] {\n width: var(--base-size-24);\n height: var(--base-size-24);\n margin-left: var(--base-size-8);\n}\n\n.TokenButton[data-size='xlarge'] {\n width: var(--base-size-32);\n height: var(--base-size-32);\n margin-left: var(--base-size-8);\n}\n\n.TokenButton:hover,\n.TokenButton:focus {\n background-color: var(--control-transparent-bgColor-hover);\n}\n\n.TokenButton:active {\n background-color: var(--control-transparent-bgColor-active);\n}\n"]}
1
+ {"version":3,"sources":["../src/Token/_RemoveTokenButton.module.css"],"names":[],"mappings":"AAAA,6BAaE,kBAAmB,CAEnB,mBAAoB,CADpB,eAAgB,CALhB,4BAA6B,CAC7B,QAAS,CACT,kDAAuC,CANvC,kBAAmB,CAEnB,cAAe,CANf,mBAAoB,CAGpB,mBAAoB,CAQpB,sBAAuB,CATvB,qCAA+B,CAD/B,SAAU,CAIV,4BAAqB,CAArB,oBAAqB,CAErB,wBAAiB,CAAjB,gBAQF,CAEA,8CAEE,+BAA2B,CAD3B,8BAEF,CAEA,+CAEE,kCAA2B,CAD3B,iCAEF,CAEA,8CAEE,iCAA2B,CAC3B,sCAA+B,CAF/B,gCAGF,CAEA,+CAEE,+BAA2B,CAC3B,sCAA+B,CAF/B,8BAGF,CAEA,sEAEE,wGACF,CAEA,oCACE,0GACF","file":"_RemoveTokenButton-a0d2969b.css","sourcesContent":[".TokenButton {\n display: inline-flex;\n padding: 0;\n margin-left: var(--base-size-4);\n font-family: inherit;\n color: currentColor;\n text-decoration: none;\n cursor: pointer;\n user-select: none;\n background-color: transparent;\n border: 0;\n border-radius: var(--borderRadius-full);\n justify-content: center;\n align-items: center;\n appearance: none;\n align-self: baseline;\n}\n\n.TokenButton[data-size='small'] {\n width: var(--base-size-16);\n height: var(--base-size-16);\n}\n\n.TokenButton[data-size='medium'] {\n width: var(--base-size-20);\n height: var(--base-size-20);\n}\n\n.TokenButton[data-size='large'] {\n width: var(--base-size-24);\n height: var(--base-size-24);\n margin-left: var(--base-size-6);\n}\n\n.TokenButton[data-size='xlarge'] {\n width: var(--base-size-32);\n height: var(--base-size-32);\n margin-left: var(--base-size-6);\n}\n\n.TokenButton:hover,\n.TokenButton:focus {\n background-color: var(--control-transparent-bgColor-hover);\n}\n\n.TokenButton:active {\n background-color: var(--control-transparent-bgColor-active);\n}\n"]}
@@ -25,7 +25,7 @@ const RemoveTokenButton = ({
25
25
  transform: `translate(${borderOffset}px, -${borderOffset}px)`
26
26
  },
27
27
  children: /*#__PURE__*/jsx(XIcon, {
28
- size: size === 'small' || size === 'medium' || size === 'large' ? 12 : 16
28
+ size: size === 'small' || size === 'medium' ? 12 : 16
29
29
  })
30
30
  });
31
31
  }
@@ -42,7 +42,7 @@ const RemoveTokenButton = ({
42
42
  ref: rest.ref,
43
43
  type: "button",
44
44
  children: /*#__PURE__*/jsx(XIcon, {
45
- size: size === 'small' || size === 'medium' || size === 'large' ? 12 : 16
45
+ size: size === 'small' || size === 'medium' ? 12 : 16
46
46
  })
47
47
  });
48
48
  };
@@ -1,4 +1,4 @@
1
- import './_RemoveTokenButton-c205593b.css';
1
+ import './_RemoveTokenButton-a0d2969b.css';
2
2
 
3
3
  var classes = {"TokenButton":"prc-Token-TokenButton-F4Y8h"};
4
4
 
@@ -0,0 +1,2 @@
1
+ .prc-SelectPanel2-Overlay-ZMksW{border:none;color:var(--fgColor-default,var(--color-fg-default));padding:0;--max-height:0;--position-top:0;--position-left:0}.prc-SelectPanel2-Overlay-ZMksW:where([open]){display:flex}.prc-SelectPanel2-Overlay-ZMksW:where([data-variant=anchored]),.prc-SelectPanel2-Overlay-ZMksW:where([data-variant=full-screen]){left:var(--position-left);margin:0;top:var(--position-top)}:is(.prc-SelectPanel2-Overlay-ZMksW:where([data-variant=anchored]),.prc-SelectPanel2-Overlay-ZMksW:where([data-variant=full-screen]))::backdrop{background-color:transparent}.prc-SelectPanel2-Overlay-ZMksW:where([data-variant=modal]){bottom:0;left:0;right:0;top:0}.prc-SelectPanel2-Overlay-ZMksW:where([data-variant=modal])::backdrop{background-color:var(--overlay-backdrop-bgColor,var(--color-overlay-backdrop))}.prc-SelectPanel2-Overlay-ZMksW:where([data-variant=full-screen]){border-radius:unset;height:100%;left:0;margin:0;max-height:100vh;max-width:100vw;top:0;width:100%}.prc-SelectPanel2-Overlay-ZMksW:where([data-variant=bottom-sheet]){border-bottom-left-radius:0;border-bottom-right-radius:0;bottom:0;left:0;margin:0;max-height:calc(100vh - 64px);max-width:100vw;top:auto;width:100%}.prc-SelectPanel2-Form-lMUVZ{width:100%}.prc-SelectPanel2-Container-Vl6-E,.prc-SelectPanel2-Form-lMUVZ{display:flex;flex-direction:column}.prc-SelectPanel2-Container-Vl6-E{flex-grow:1;flex-shrink:1;justify-content:space-between;overflow:hidden}.prc-SelectPanel2-Container-Vl6-E ul{flex-grow:1;overflow-y:auto}.prc-SelectPanel2-HeaderContent-eO40v{align-items:center;display:flex;justify-content:space-between;margin-bottom:0}.prc-SelectPanel2-HeaderContent-eO40v:where([data-description]){align-items:flex-start}.prc-SelectPanel2-HeaderContent-eO40v:where([data-search-input]){margin-bottom:var(--base-size-8,.5rem)}.prc-SelectPanel2-TitleWrapper-aGk1d{margin-left:var(--base-size-8,.5rem);margin-top:0}.prc-SelectPanel2-TitleWrapper-aGk1d:where([data-description]){margin-top:2px}.prc-SelectPanel2-TitleWrapper-aGk1d:where([data-on-back]){margin-left:var(--base-size-4,.25rem)}.prc-SelectPanel2-TextInput--jmMP{padding-left:var(--base-size-8,.5rem)!important}.prc-SelectPanel2-TextInput--jmMP:has(input:placeholder-shown) .TextInput-action{display:none}.prc-SelectPanel2-Checkbox-xomBK{margin-top:0}.prc-SelectPanel2-FlexBox-tWKl9{display:flex}.prc-SelectPanel2-Title-apmeG{font-size:var(--text-body-size-medium,.875rem);font-weight:var(--base-text-weight-semibold,600)}.prc-SelectPanel2-Description-va-gM{display:block;font-size:var(--text-body-size-small,.75rem)}.prc-SelectPanel2-ClearAction-AQbaB,.prc-SelectPanel2-Description-va-gM{color:var(--fgColor-muted,var(--color-fg-muted))}.prc-SelectPanel2-ClearAction-AQbaB{background:none}.prc-SelectPanel2-Footer-fHAYu{align-items:center;border-top:var(--borderWidth-thin,.0625rem) solid;border-top-color:var(--borderColor-default,var(--color-border-default));display:flex;flex-shrink:0;justify-content:space-between;min-height:44px;padding:var(--base-size-16,1rem)}.prc-SelectPanel2-Footer-fHAYu:where([data-hide-primary-actions]){padding:var(--base-size-8,.5rem)}.prc-SelectPanel2-FooterContent-CPvyu{flex-grow:0}.prc-SelectPanel2-FooterContent-CPvyu:where([data-hide-primary-actions]){flex-grow:1}.prc-SelectPanel2-FooterActions-l17C5,.prc-SelectPanel2-SecondaryCheckbox-MV5My{display:flex;gap:var(--stack-gap-condensed,.5rem)}.prc-SelectPanel2-SecondaryCheckbox-MV5My{align-items:center}.prc-SelectPanel2-SmallText-qwyN0{font-size:var(--text-body-size-small,.75rem)}.prc-SelectPanel2-SelectPanelLoading-JO-Ac{align-items:center;display:flex;flex-direction:column;gap:var(--stack-gap-normal,1rem);height:100%;justify-content:center;min-height:min(calc(var(--max-height) - 150px),324px)}.prc-SelectPanel2-LoadingText-LSSZI{color:var(--fgColor-muted,var(--color-fg-muted));font-size:var(--text-body-size-medium,.875rem)}.prc-SelectPanel2-MessageFull-qnkev{align-items:center;display:flex;flex-direction:column;flex-grow:1;gap:var(--base-size-4,.25rem);height:100%;justify-content:center;min-height:min(calc(var(--max-height) - 150px),324px);padding-left:var(--base-size-24,1.5rem);padding-right:var(--base-size-24,1.5rem);text-align:center}.prc-SelectPanel2-MessageFull-qnkev a{color:inherit;-webkit-text-decoration:underline;text-decoration:underline}.prc-SelectPanel2-Octicon-huKe9{margin-bottom:var(--base-size-8,.5rem)}.prc-SelectPanel2-Octicon-huKe9.prc-SelectPanel2-Error-xuHY6{color:var(--fgColor-danger,var(--color-danger-fg))}.prc-SelectPanel2-Octicon-huKe9.prc-SelectPanel2-Warning-f9ypV{color:var(--fgColor-attention,var(--color-attention-fg))}.prc-SelectPanel2-MessageTitle-xZZN5{font-size:var(--text-body-size-medium,.875rem);font-weight:var(--base-text-weight-medium,500)}.prc-SelectPanel2-MessageContent-SydzC{align-items:center;color:var(--fgColor-muted,var(--color-fg-muted));flex-direction:column;font-size:var(--text-body-size-medium,.875rem)}.prc-SelectPanel2-MessageContent-SydzC,.prc-SelectPanel2-MessageInline-KBMXw{display:flex;gap:var(--stack-gap-condensed,.5rem)}.prc-SelectPanel2-MessageInline-KBMXw{border-bottom:var(--borderWidth-thin,.0625rem) solid;font-size:var(--text-body-size-small,.75rem);padding:var(--base-size-12,.75rem) var(--base-size-16,1rem)}.prc-SelectPanel2-MessageInline-KBMXw a{color:inherit;-webkit-text-decoration:underline;text-decoration:underline}.prc-SelectPanel2-MessageInline-KBMXw:where([data-variant=error]){background-color:var(--bgColor-danger-muted,var(--color-danger-subtle));border-color:var(--borderColor-danger-muted,var(--color-danger-muted));color:var(--fgColor-danger,var(--color-danger-fg))}.prc-SelectPanel2-MessageInline-KBMXw:where([data-variant=warning]){background-color:var(--bgColor-attention-muted,var(--color-attention-subtle));border-color:var(--borderColor-attention-muted,var(--color-attention-muted));color:var(--fgColor-attention,var(--color-attention-fg))}.prc-SelectPanel2-Header-e7A2e{border-bottom:var(--borderWidth-thin,.0625rem) solid;border-bottom-color:var(--borderColor-default,var(--color-border-default));display:flex;flex-direction:column;padding:var(--base-size-8,.5rem)}
2
+ /*# sourceMappingURL=SelectPanel-1f8c23b5.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/experimental/SelectPanel2/SelectPanel.module.css"],"names":[],"mappings":"AAAA,gCAGE,WAAY,CADZ,oDAA6B,CAD7B,SAAU,CAKV,cAAe,CACf,gBAAiB,CACjB,iBAoDF,CAlDE,8CACE,YACF,CAEA,iIAKE,yBAA0B,CAC1B,QAAS,CAHT,uBAQF,CAHE,gJACE,4BACF,CAGF,4DAIE,QAAS,CAFT,MAAO,CACP,OAAQ,CAFR,KAIF,CAEA,sEACE,8EACF,CAEA,kEAQE,mBAAoB,CAHpB,WAAY,CAHZ,MAAO,CAKP,QAAS,CADT,gBAAiB,CAFjB,eAAgB,CAHhB,KAAM,CAEN,UAMF,CAEA,mEASE,2BAA4B,CAD5B,4BAA6B,CAN7B,QAAS,CACT,MAAO,CAIP,QAAS,CADT,6BAA8B,CAD9B,eAAgB,CAJhB,QAAS,CAGT,UAMF,CAGF,6BAEE,UAEF,CAEA,+DALE,YAAa,CAEb,qBAeF,CAZA,kCAKE,WAAY,CADZ,aAAc,CAEd,6BAA8B,CAJ9B,eAUF,CAJE,qCAEE,WAAY,CADZ,eAEF,CAGF,sCAGE,kBAAmB,CAFnB,YAAa,CACb,6BAA8B,CAE9B,eASF,CAPE,gEACE,sBACF,CAEA,iEACE,sCACF,CAGF,qCAEE,oCAA+B,CAD/B,YAWF,CARE,+DAEE,cACF,CAEA,2DACE,qCACF,CAGF,kCACE,+CAMF,CAHE,iFACE,YACF,CAGF,iCACE,YACF,CAEA,gCACE,YACF,CAEA,8BACE,8CAAuC,CACvC,gDACF,CAEA,oCACE,aAAc,CACd,4CAEF,CAEA,wEAHE,gDAMF,CAHA,oCAEE,eACF,CAEA,+BAOE,kBAAmB,CAHnB,iDAAyC,CACzC,uEAA4C,CAJ5C,YAAa,CAOb,aAAc,CAFd,6BAA8B,CAJ9B,eAAgB,CAChB,gCAUF,CAHE,kEACE,gCACF,CAGF,sCACE,WAKF,CAHE,yEACE,WACF,CAQF,gFAJE,YAAa,CACb,oCAOF,CAJA,0CAEE,kBAEF,CAEA,kCACE,4CACF,CAEA,2CAQE,kBAAmB,CAPnB,YAAa,CAKb,qBAAsB,CAGtB,gCAA4B,CAP5B,WAAY,CAKZ,sBAAuB,CAFvB,qDAKF,CAEA,oCAEE,gDAA2B,CAD3B,8CAEF,CAEA,oCAWE,kBAAmB,CAVnB,YAAa,CAQb,qBAAsB,CAGtB,WAAY,CACZ,6BAAuB,CAXvB,WAAY,CAQZ,sBAAuB,CALvB,qDAAuD,CAEvD,uCAAiC,CADjC,wCAAkC,CAElC,iBAWF,CAJE,sCACE,aAAc,CACd,iCAA0B,CAA1B,yBACF,CAGF,gCACE,sCASF,CAPE,6DACE,kDACF,CAEA,+DACE,wDACF,CAGF,qCACE,8CAAuC,CACvC,8CACF,CAEA,uCAME,kBAAmB,CAHnB,gDAA2B,CAC3B,qBAAsB,CAFtB,8CAKF,CAEA,6EARE,YAAa,CAIb,oCA8BF,CA1BA,sCAOE,oDAA4C,CAD5C,4CAAsC,CADtC,2DAqBF,CAhBE,wCACE,aAAc,CACd,iCAA0B,CAA1B,yBACF,CAEA,kEAEE,uEAA6C,CAC7C,sEAA6C,CAF7C,kDAGF,CAEA,oEAEE,6EAAgD,CAChD,4EAAgD,CAFhD,wDAGF,CAGF,+BAIE,oDAA4C,CAC5C,0EAA+C,CAJ/C,YAAa,CAEb,qBAAsB,CADtB,gCAIF","file":"SelectPanel-1f8c23b5.css","sourcesContent":[".Overlay {\n padding: 0;\n color: var(--fgColor-default);\n border: none;\n\n /* CSS variables values are passed in via styles */\n --max-height: 0;\n --position-top: 0;\n --position-left: 0;\n\n &:where([open]) {\n display: flex; /* to fit children */\n }\n\n &:where([data-variant='anchored']),\n &:where([data-variant='full-screen']) {\n /* stylelint-disable-next-line primer/spacing */\n top: var(--position-top);\n /* stylelint-disable-next-line primer/spacing */\n left: var(--position-left);\n margin: 0;\n\n &::backdrop {\n background-color: transparent;\n }\n }\n\n &:where([data-variant='modal']) {\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n }\n\n &:where([data-variant='modal'])::backdrop {\n background-color: var(--overlay-backdrop-bgColor);\n }\n\n &:where([data-variant='full-screen']) {\n top: 0;\n left: 0;\n width: 100%;\n max-width: 100vw;\n height: 100%;\n max-height: 100vh;\n margin: 0;\n border-radius: unset;\n }\n\n &:where([data-variant='bottom-sheet']) {\n top: auto;\n bottom: 0;\n left: 0;\n width: 100%;\n max-width: 100vw;\n max-height: calc(100vh - 64px);\n margin: 0;\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n }\n}\n\n.Form {\n display: flex;\n width: 100%;\n flex-direction: column;\n}\n\n.Container {\n display: flex;\n overflow: hidden;\n flex-direction: column;\n flex-shrink: 1;\n flex-grow: 1;\n justify-content: space-between;\n\n ul {\n overflow-y: auto;\n flex-grow: 1;\n }\n}\n\n.HeaderContent {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 0;\n\n &:where([data-description]) {\n align-items: flex-start;\n }\n\n &:where([data-search-input]) {\n margin-bottom: var(--base-size-8);\n }\n}\n\n.TitleWrapper {\n margin-top: 0;\n margin-left: var(--base-size-8);\n\n &:where([data-description]) {\n /* stylelint-disable-next-line primer/spacing */\n margin-top: 2px;\n }\n\n &:where([data-on-back]) {\n margin-left: var(--base-size-4);\n }\n}\n\n.TextInput {\n padding-left: var(--base-size-8) !important;\n\n /* stylelint-disable-next-line selector-class-pattern */\n &:has(input:placeholder-shown) :global(.TextInput-action) {\n display: none;\n }\n}\n\n.Checkbox {\n margin-top: 0;\n}\n\n.FlexBox {\n display: flex;\n}\n\n.Title {\n font-size: var(--text-body-size-medium);\n font-weight: var(--base-text-weight-semibold);\n}\n\n.Description {\n display: block;\n font-size: var(--text-body-size-small);\n color: var(--fgColor-muted);\n}\n\n.ClearAction {\n color: var(--fgColor-muted);\n background: none;\n}\n\n.Footer {\n display: flex;\n min-height: 44px;\n padding: var(--base-size-16);\n border-top: var(--borderWidth-thin) solid;\n border-top-color: var(--borderColor-default);\n justify-content: space-between;\n align-items: center;\n flex-shrink: 0;\n\n &:where([data-hide-primary-actions]) {\n padding: var(--base-size-8);\n }\n}\n\n.FooterContent {\n flex-grow: 0;\n\n &:where([data-hide-primary-actions]) {\n flex-grow: 1;\n }\n}\n\n.FooterActions {\n display: flex;\n gap: var(--stack-gap-condensed);\n}\n\n.SecondaryCheckbox {\n display: flex;\n align-items: center;\n gap: var(--stack-gap-condensed);\n}\n\n.SmallText {\n font-size: var(--text-body-size-small);\n}\n\n.SelectPanelLoading {\n display: flex;\n height: 100%;\n\n /* maxHeight of dialog - (header & footer) */\n min-height: min(calc(var(--max-height) - 150px), 324px);\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: var(--stack-gap-normal);\n}\n\n.LoadingText {\n font-size: var(--text-body-size-medium);\n color: var(--fgColor-muted);\n}\n\n.MessageFull {\n display: flex;\n height: 100%;\n\n /* maxHeight of dialog - (header & footer) */\n min-height: min(calc(var(--max-height) - 150px), 324px);\n padding-right: var(--base-size-24);\n padding-left: var(--base-size-24);\n text-align: center;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n flex-grow: 1;\n gap: var(--base-size-4);\n\n a {\n color: inherit;\n text-decoration: underline;\n }\n}\n\n.Octicon {\n margin-bottom: var(--base-size-8);\n\n &.Error {\n color: var(--fgColor-danger);\n }\n\n &.Warning {\n color: var(--fgColor-attention);\n }\n}\n\n.MessageTitle {\n font-size: var(--text-body-size-medium);\n font-weight: var(--base-text-weight-medium);\n}\n\n.MessageContent {\n display: flex;\n font-size: var(--text-body-size-medium);\n color: var(--fgColor-muted);\n flex-direction: column;\n gap: var(--stack-gap-condensed);\n align-items: center;\n}\n\n.MessageInline {\n display: flex;\n padding-top: var(--base-size-12);\n padding-right: var(--base-size-16);\n padding-bottom: var(--base-size-12);\n padding-left: var(--base-size-16);\n font-size: var(--text-body-size-small);\n border-bottom: var(--borderWidth-thin) solid;\n gap: var(--stack-gap-condensed);\n\n a {\n color: inherit;\n text-decoration: underline;\n }\n\n &:where([data-variant='error']) {\n color: var(--fgColor-danger);\n background-color: var(--bgColor-danger-muted);\n border-color: var(--borderColor-danger-muted);\n }\n\n &:where([data-variant='warning']) {\n color: var(--fgColor-attention);\n background-color: var(--bgColor-attention-muted);\n border-color: var(--borderColor-attention-muted);\n }\n}\n\n.Header {\n display: flex;\n padding: var(--base-size-8);\n flex-direction: column;\n border-bottom: var(--borderWidth-thin) solid;\n border-bottom-color: var(--borderColor-default);\n}\n"]}
@@ -1,4 +1,4 @@
1
- import './SelectPanel-e919f619.css';
1
+ import './SelectPanel-1f8c23b5.css';
2
2
 
3
3
  var classes = {"Overlay":"prc-SelectPanel2-Overlay-ZMksW","Form":"prc-SelectPanel2-Form-lMUVZ","Container":"prc-SelectPanel2-Container-Vl6-E","HeaderContent":"prc-SelectPanel2-HeaderContent-eO40v","TitleWrapper":"prc-SelectPanel2-TitleWrapper-aGk1d","TextInput":"prc-SelectPanel2-TextInput--jmMP","Checkbox":"prc-SelectPanel2-Checkbox-xomBK","FlexBox":"prc-SelectPanel2-FlexBox-tWKl9","Title":"prc-SelectPanel2-Title-apmeG","Description":"prc-SelectPanel2-Description-va-gM","ClearAction":"prc-SelectPanel2-ClearAction-AQbaB","Footer":"prc-SelectPanel2-Footer-fHAYu","FooterContent":"prc-SelectPanel2-FooterContent-CPvyu","FooterActions":"prc-SelectPanel2-FooterActions-l17C5","SecondaryCheckbox":"prc-SelectPanel2-SecondaryCheckbox-MV5My","SmallText":"prc-SelectPanel2-SmallText-qwyN0","SelectPanelLoading":"prc-SelectPanel2-SelectPanelLoading-JO-Ac","LoadingText":"prc-SelectPanel2-LoadingText-LSSZI","MessageFull":"prc-SelectPanel2-MessageFull-qnkev","Octicon":"prc-SelectPanel2-Octicon-huKe9","Error":"prc-SelectPanel2-Error-xuHY6","Warning":"prc-SelectPanel2-Warning-f9ypV","MessageTitle":"prc-SelectPanel2-MessageTitle-xZZN5","MessageContent":"prc-SelectPanel2-MessageContent-SydzC","MessageInline":"prc-SelectPanel2-MessageInline-KBMXw","Header":"prc-SelectPanel2-Header-e7A2e"};
4
4
 
@@ -2429,11 +2429,11 @@
2429
2429
  },
2430
2430
  {
2431
2431
  "id": "components-counterlabel-features--primary-theme",
2432
- "code": "() => <CounterLabel scheme=\"primary\">12</CounterLabel>"
2432
+ "code": "() => <CounterLabel variant=\"primary\">12</CounterLabel>"
2433
2433
  },
2434
2434
  {
2435
2435
  "id": "components-counterlabel-features--secondary-theme",
2436
- "code": "() => <CounterLabel scheme=\"secondary\">12</CounterLabel>"
2436
+ "code": "() => <CounterLabel variant=\"secondary\">12</CounterLabel>"
2437
2437
  }
2438
2438
  ],
2439
2439
  "importPath": "@primer/react",
@@ -3859,6 +3859,10 @@
3859
3859
  "id": "components-navlist-features--group-with-expand-and-custom-items",
3860
3860
  "code": "() => {\n const Item = ({\n leadingVisual: LeadingVisual,\n text,\n trailingVisual: TrailingVisual,\n ...rest\n }: CustomItemProps) => {\n return (\n <NavList.Item onClick={() => {}} href=\"#\" {...rest} key={text}>\n {LeadingVisual ? (\n <NavList.LeadingVisual>\n <LeadingVisual />\n </NavList.LeadingVisual>\n ) : null}\n {text}\n\n {TrailingVisual ? (\n <NavList.TrailingVisual>\n {typeof TrailingVisual === 'string' ? (\n TrailingVisual\n ) : (\n <TrailingVisual />\n )}\n <VisuallyHidden>results</VisuallyHidden>\n </NavList.TrailingVisual>\n ) : null}\n </NavList.Item>\n )\n }\n const items = [\n {\n href: '#',\n text: 'Commits',\n leadingVisual: GitCommitIcon,\n trailingVisual: '32k',\n },\n {\n href: '#',\n text: 'Packages',\n leadingVisual: PackageIcon,\n trailingVisual: '1k',\n },\n {\n href: '#',\n text: 'Wikis',\n leadingVisual: BookIcon,\n trailingVisual: '121',\n },\n {\n href: '#',\n text: 'Topics',\n leadingVisual: MilestoneIcon,\n trailingVisual: '12k',\n },\n {\n href: '#',\n text: 'Marketplace',\n leadingVisual: TelescopeIcon,\n trailingVisual: ArrowRightIcon,\n },\n ]\n return (\n <NavList>\n <NavList.Group>\n <NavList.Item aria-current=\"page\">\n <NavList.LeadingVisual>\n <CodeIcon />\n </NavList.LeadingVisual>\n Code\n <NavList.TrailingVisual>3k</NavList.TrailingVisual>\n </NavList.Item>\n <NavList.Item>\n <NavList.LeadingVisual>\n <RepoIcon />\n </NavList.LeadingVisual>\n Repositories\n <NavList.TrailingVisual>713</NavList.TrailingVisual>\n </NavList.Item>\n <NavList.Item>\n <NavList.LeadingVisual>\n <IssueOpenedIcon />\n </NavList.LeadingVisual>\n Issues\n <NavList.TrailingVisual>6k</NavList.TrailingVisual>\n </NavList.Item>\n <NavList.Item>\n <NavList.LeadingVisual>\n <GitPullRequestIcon />\n </NavList.LeadingVisual>\n Pull requests\n <NavList.TrailingVisual>4k</NavList.TrailingVisual>\n </NavList.Item>\n <NavList.Item>\n <NavList.LeadingVisual>\n <CommentDiscussionIcon />\n </NavList.LeadingVisual>\n Discussions\n <NavList.TrailingVisual>236</NavList.TrailingVisual>\n </NavList.Item>\n <NavList.Item>\n <NavList.LeadingVisual>\n <PeopleIcon />\n </NavList.LeadingVisual>\n Users\n <NavList.TrailingVisual>10k</NavList.TrailingVisual>\n </NavList.Item>\n <NavList.GroupExpand items={items} renderItem={Item} />\n </NavList.Group>\n </NavList>\n )\n}"
3861
3861
  },
3862
+ {
3863
+ "id": "components-navlist-features--with-description",
3864
+ "code": "() => (\n <NavList>\n <NavList.Item href=\"#\" aria-current=\"page\">\n <NavList.LeadingVisual>\n <RepoIcon />\n </NavList.LeadingVisual>\n Main Repository\n <NavList.Description>Primary project repository</NavList.Description>\n </NavList.Item>\n <NavList.Item href=\"#\">\n <NavList.LeadingVisual>\n <BookIcon />\n </NavList.LeadingVisual>\n Documentation\n <NavList.Description>\n User guides and API documentation\n </NavList.Description>\n </NavList.Item>\n <NavList.Item href=\"#\">\n <NavList.LeadingVisual>\n <IssueOpenedIcon />\n </NavList.LeadingVisual>\n Bug Reports\n <NavList.Description variant=\"block\">\n Submit and track bug reports for the project. Include detailed steps to\n reproduce, expected behavior, and system information.\n </NavList.Description>\n </NavList.Item>\n <NavList.Item href=\"#\">\n <NavList.LeadingVisual>\n <PeopleIcon />\n </NavList.LeadingVisual>\n Community\n <NavList.Description variant=\"block\">\n Connect with other developers, share ideas, and collaborate on features\n and improvements.\n </NavList.Description>\n </NavList.Item>\n <NavList.Item href=\"#\">\n <NavList.LeadingVisual>\n <GitCommitIcon />\n </NavList.LeadingVisual>\n Recent Changes\n <NavList.Description>Latest commits and releases</NavList.Description>\n </NavList.Item>\n </NavList>\n)"
3865
+ },
3862
3866
  {
3863
3867
  "id": "components-navlist-features--with-expand",
3864
3868
  "code": "() => {\n const items = [\n {\n href: '#',\n text: 'Item 4',\n },\n {\n href: '#',\n text: 'Item 5',\n },\n {\n href: '#',\n text: 'Item 6',\n },\n {\n href: '#',\n text: 'Item 7',\n },\n {\n href: '#',\n text: 'Item 8',\n },\n {\n href: '#',\n text: 'Item 9',\n },\n ]\n return (\n <PageLayout>\n <PageLayout.Pane position=\"start\">\n <NavList>\n <NavList.Item href=\"#\" aria-current=\"page\">\n Item 1\n </NavList.Item>\n <NavList.Item href=\"#\">Item 2</NavList.Item>\n <NavList.Item href=\"#\">Item 3</NavList.Item>\n <NavList.GroupExpand label=\"Show more\" items={items} />\n </NavList>\n </PageLayout.Pane>\n <PageLayout.Content></PageLayout.Content>\n </PageLayout>\n )\n}"
@@ -3978,6 +3982,33 @@
3978
3982
  "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#Attributes"
3979
3983
  }
3980
3984
  },
3985
+ {
3986
+ "name": "NavList.Description",
3987
+ "props": [
3988
+ {
3989
+ "name": "variant",
3990
+ "type": "'inline' | 'block'",
3991
+ "defaultValue": "'inline'",
3992
+ "description": "`inline` descriptions are positioned beside primary text. `block` descriptions are positioned below primary text."
3993
+ },
3994
+ {
3995
+ "name": "truncate",
3996
+ "type": "boolean",
3997
+ "defaultValue": "false",
3998
+ "description": "Whether the inline description should truncate the text on overflow."
3999
+ },
4000
+ {
4001
+ "name": "className",
4002
+ "type": "string",
4003
+ "description": "Custom CSS class name."
4004
+ },
4005
+ {
4006
+ "name": "style",
4007
+ "type": "React.CSSProperties",
4008
+ "description": "Custom CSS styles."
4009
+ }
4010
+ ]
4011
+ },
3981
4012
  {
3982
4013
  "name": "NavList.LeadingVisual",
3983
4014
  "props": [
@@ -6364,10 +6395,46 @@
6364
6395
  },
6365
6396
  "spinner": {
6366
6397
  "source": "https://github.com/primer/react/tree/main/packages/react/src/Spinner",
6398
+ "a11yReviewed": "2025-01-08",
6367
6399
  "id": "spinner",
6400
+ "importPath": "@primer/react",
6368
6401
  "name": "Spinner",
6402
+ "props": [
6403
+ {
6404
+ "description": "Sets the width and height of the spinner.",
6405
+ "name": "size",
6406
+ "type": "'small' | 'medium' | 'large'"
6407
+ },
6408
+ {
6409
+ "defaultValue": "Loading",
6410
+ "description": "Sets the text conveyed by assistive technologies such as screen readers. Set to `null` if the loading state is displayed in a text node somewhere else on the page.",
6411
+ "name": "srText",
6412
+ "type": "string | null"
6413
+ },
6414
+ {
6415
+ "deprecated": true,
6416
+ "description": "Sets the text conveyed by assistive technologies such as screen readers.",
6417
+ "name": "aria-label",
6418
+ "type": "string"
6419
+ },
6420
+ {
6421
+ "defaultValue": "",
6422
+ "description": "",
6423
+ "name": "className",
6424
+ "type": "string"
6425
+ },
6426
+ {
6427
+ "name": "data-*",
6428
+ "type": "string"
6429
+ },
6430
+ {
6431
+ "defaultValue": "false",
6432
+ "description": "Whether to delay the spinner before rendering by the defined 1000ms.",
6433
+ "name": "delay",
6434
+ "type": "boolean"
6435
+ }
6436
+ ],
6369
6437
  "status": "alpha",
6370
- "a11yReviewed": "2025-01-08",
6371
6438
  "stories": [
6372
6439
  {
6373
6440
  "id": "components-spinner--default",
@@ -6384,36 +6451,10 @@
6384
6451
  {
6385
6452
  "id": "components-spinner-features--suppress-screen-reader-text",
6386
6453
  "code": "() => (\n <Stack direction=\"horizontal\" className={classes.SuppressScreenReaderText}>\n <Spinner size=\"small\" srText={null} />\n <AriaStatus>Loading...</AriaStatus>\n </Stack>\n)"
6387
- }
6388
- ],
6389
- "importPath": "@primer/react",
6390
- "props": [
6391
- {
6392
- "name": "size",
6393
- "type": "'small' | 'medium' | 'large'",
6394
- "description": "Sets the width and height of the spinner."
6395
- },
6396
- {
6397
- "name": "srText",
6398
- "type": "string | null",
6399
- "defaultValue": "Loading",
6400
- "description": "Sets the text conveyed by assistive technologies such as screen readers. Set to `null` if the loading state is displayed in a text node somewhere else on the page."
6401
- },
6402
- {
6403
- "name": "aria-label",
6404
- "type": "string",
6405
- "description": "Sets the text conveyed by assistive technologies such as screen readers.",
6406
- "deprecated": true
6407
- },
6408
- {
6409
- "name": "className",
6410
- "type": "string",
6411
- "description": "",
6412
- "defaultValue": ""
6413
6454
  },
6414
6455
  {
6415
- "name": "data-*",
6416
- "type": "string"
6456
+ "id": "components-spinner-features--with-delay",
6457
+ "code": "() => <Spinner delay />"
6417
6458
  }
6418
6459
  ],
6419
6460
  "subcomponents": []
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@primer/react",
3
3
  "type": "module",
4
- "version": "38.2.0-rc.96e14169f",
4
+ "version": "38.2.0-rc.9a29d4f41",
5
5
  "description": "An implementation of GitHub's Primer Design System using React",
6
6
  "main": "./dist/index.js",
7
7
  "module": "./dist/index.js",
@@ -63,6 +63,7 @@
63
63
  ],
64
64
  "files": [
65
65
  "dist",
66
+ "!dist/legacy-theme/ts/colors",
66
67
  "generated",
67
68
  "CHANGELOG.md"
68
69
  ],
@@ -74,7 +75,7 @@
74
75
  },
75
76
  "dependencies": {
76
77
  "@github/mini-throttle": "^2.1.1",
77
- "@github/relative-time-element": "^4.4.5",
78
+ "@github/relative-time-element": "^4.5.0",
78
79
  "@github/tab-container-element": "^4.8.2",
79
80
  "@lit-labs/react": "1.2.1",
80
81
  "@oddbird/popover-polyfill": "^0.5.2",
@@ -1,2 +0,0 @@
1
- .prc-Button-ButtonBase-c50BI{align-items:center;appearance:none;background-color:transparent;border:var(--borderWidth-thin,.0625rem) solid;border-color:var(--button-default-borderColor-rest,var(--color-btn-border));border-radius:var(--borderRadius-medium,.375rem);color:var(--button-default-fgColor-rest,var(--color-btn-text));cursor:pointer;display:flex;font-family:inherit;font-size:var(--text-body-size-medium,.875rem);font-weight:var(--base-text-weight-medium,500);gap:var(--base-size-8,.5rem);height:var(--control-medium-size,2rem);justify-content:space-between;min-width:max-content;padding:0 var(--control-medium-paddingInline-normal,.75rem);text-align:center;-webkit-text-decoration:none;text-decoration:none;transition:80ms cubic-bezier(.65,0,.35,1);transition-property:color,fill,background-color,border-color;-webkit-user-select:none;user-select:none}.prc-Button-ButtonBase-c50BI:hover{transition-duration:80ms}.prc-Button-ButtonBase-c50BI:focus-visible{box-shadow:none;outline:2px solid var(--focus-outlineColor,var(--color-accent-fg));outline-offset:-2px}.prc-Button-ButtonBase-c50BI:active{transition:none}.prc-Button-ButtonBase-c50BI:disabled,.prc-Button-ButtonBase-c50BI[aria-disabled=true]:not([data-loading=true]){box-shadow:none;cursor:not-allowed}:is(.prc-Button-ButtonBase-c50BI:disabled,.prc-Button-ButtonBase-c50BI[aria-disabled=true]:not([data-loading=true])) .prc-Button-CounterLabel-f5-4u,:is(.prc-Button-ButtonBase-c50BI:disabled,.prc-Button-ButtonBase-c50BI[aria-disabled=true]:not([data-loading=true])) .prc-Button-Visual-2epfX{color:inherit}@media (forced-colors:active){.prc-Button-ButtonBase-c50BI:focus{outline:1px solid transparent}}.prc-Button-ButtonBase-c50BI :where(.prc-Button-Visual-2epfX){color:var(--fgColor-muted,var(--color-fg-muted));display:flex;pointer-events:none}.prc-Button-ButtonBase-c50BI :where(.prc-Button-VisualWrap-Db-eB){display:flex;pointer-events:none}.prc-Button-ButtonBase-c50BI:where(.prc-Button-IconButton-szpyj){display:inline-grid;flex-shrink:0;min-width:unset;padding:unset;place-content:center;width:var(--control-medium-size,2rem)}.prc-Button-ButtonBase-c50BI:where(.prc-Button-IconButton-szpyj):where([data-size=small]){width:var(--control-small-size,1.75rem)}.prc-Button-ButtonBase-c50BI:where(.prc-Button-IconButton-szpyj):where([data-size=large]){width:var(--control-large-size,2.5rem)}.prc-Button-ButtonBase-c50BI:where([href]){display:inline-flex}.prc-Button-ButtonBase-c50BI:where([href]):hover{-webkit-text-decoration:none;text-decoration:none}.prc-Button-ButtonBase-c50BI :where(.prc-Button-ButtonContent-HKbr-){align-content:center;align-items:center;display:grid;flex:1 0 auto;grid-template-areas:"leadingVisual text trailingVisual";grid-template-columns:min-content minmax(0,auto) min-content}:is(.prc-Button-ButtonBase-c50BI :where(.prc-Button-ButtonContent-HKbr-))>:not(:last-child){margin-right:var(--base-size-8,.5rem)}:is(.prc-Button-ButtonBase-c50BI :where(.prc-Button-ButtonContent-HKbr-)):where([data-align=center]){justify-content:center}:is(.prc-Button-ButtonBase-c50BI :where(.prc-Button-ButtonContent-HKbr-)):where([data-align=start]){justify-content:flex-start}.prc-Button-ButtonBase-c50BI :where([data-component=leadingVisual]){grid-area:leadingVisual}.prc-Button-ButtonBase-c50BI :where(.prc-Button-Label-pTQ3x){grid-area:text;line-height:var(--text-body-lineHeight-medium,1.4285);white-space:nowrap}.prc-Button-ButtonBase-c50BI :where([data-component=trailingVisual]){grid-area:trailingVisual}.prc-Button-ButtonBase-c50BI :where([data-component=trailingAction]){margin-right:calc(var(--base-size-4,.25rem)*-1)}.prc-Button-ButtonBase-c50BI:where([data-size=small]){font-size:var(--text-body-size-small,.75rem);gap:var(--control-small-gap,.25rem);height:var(--control-small-size,1.75rem);padding:0 var(--control-small-paddingInline-condensed,.5rem)}.prc-Button-ButtonBase-c50BI:where([data-size=small]) .prc-Button-ButtonContent-HKbr->:not(:last-child){margin-right:var(--control-small-gap,.25rem)}.prc-Button-ButtonBase-c50BI:where([data-size=small]) .prc-Button-Label-pTQ3x{line-height:var(--text-body-lineHeight-small,1.6666)}.prc-Button-ButtonBase-c50BI:where([data-size=large]){gap:var(--control-large-gap,.5rem);height:var(--control-large-size,2.5rem);padding:0 var(--control-large-paddingInline-spacious,1rem)}.prc-Button-ButtonBase-c50BI:where([data-size=large]) .prc-Button-ButtonContent-HKbr->:not(:last-child){margin-right:var(--control-large-gap,.5rem)}.prc-Button-ButtonBase-c50BI:where([data-block=block]){width:100%}.prc-Button-ButtonBase-c50BI:where([data-label-wrap=true]){height:unset;min-height:var(--control-medium-size,2rem);min-width:-moz-fit-content;min-width:fit-content}.prc-Button-ButtonBase-c50BI:where([data-label-wrap=true]) .prc-Button-ButtonContent-HKbr-{align-self:stretch;flex:1 1 auto;padding-block:calc(var(--control-medium-paddingBlock,.375rem) - var(--base-size-2,.125rem))}.prc-Button-ButtonBase-c50BI:where([data-label-wrap=true]) .prc-Button-Label-pTQ3x{white-space:unset;word-break:break-word}.prc-Button-ButtonBase-c50BI:where([data-label-wrap=true]):where([data-size=small]){height:unset;min-height:var(--control-small-size,1.75rem)}.prc-Button-ButtonBase-c50BI:where([data-label-wrap=true]):where([data-size=small]) .prc-Button-ButtonContent-HKbr-{padding-block:calc(var(--control-small-paddingBlock,.25rem) - var(--base-size-2,.125rem))}.prc-Button-ButtonBase-c50BI:where([data-label-wrap=true]):where([data-size=large]){height:unset;min-height:var(--control-large-size,2.5rem);padding-inline:var(--control-large-paddingInline-spacious,1rem)}.prc-Button-ButtonBase-c50BI:where([data-label-wrap=true]):where([data-size=large]) .prc-Button-ButtonContent-HKbr-{padding-block:calc(var(--control-large-paddingBlock,.625rem) - var(--base-size-2,.125rem))}.prc-Button-ButtonBase-c50BI:where([data-loading=true]) .prc-Button-LoadingSpinner-hLV6o:not([data-component=leadingVisual],[data-component=trailingVisual],[data-component=trailingAction]){grid-area:text;margin-right:0!important;place-self:center}:is(.prc-Button-ButtonBase-c50BI:where([data-loading=true]) .prc-Button-LoadingSpinner-hLV6o:not([data-component=leadingVisual],[data-component=trailingVisual],[data-component=trailingAction]))+.prc-Button-Label-pTQ3x{visibility:hidden}.prc-Button-ButtonBase-c50BI .prc-Button-LoadingSpinner-hLV6o{align-items:center;display:flex;justify-content:center}.prc-Button-ButtonBase-c50BI:where([data-variant=default]){background-color:var(--button-default-bgColor-rest,var(--color-btn-bg));box-shadow:var(--button-default-shadow-resting,var(--color-btn-shadow));color:var(--button-default-fgColor-rest,var(--color-btn-text))}.prc-Button-ButtonBase-c50BI[aria-expanded=true]:where([data-variant=default]){background-color:var(--button-default-bgColor-active,var(--color-btn-active-bg));border-color:var(--button-default-borderColor-active,var(--color-btn-active-border))}.prc-Button-ButtonBase-c50BI:where([data-variant=default]):hover{background-color:var(--button-default-bgColor-hover,var(--color-btn-hover-bg));border-color:var(--button-default-borderColor-hover,var(--color-btn-hover-border))}.prc-Button-ButtonBase-c50BI:where([data-variant=default]):active{background-color:var(--button-default-bgColor-active,var(--color-btn-active-bg));border-color:var(--button-default-borderColor-active,var(--color-btn-active-border))}.prc-Button-ButtonBase-c50BI:where([data-variant=default]):disabled,.prc-Button-ButtonBase-c50BI[aria-disabled=true]:where([data-variant=default]):not([data-loading=true]){background-color:var(--button-default-bgColor-disabled,var(--color-btn-bg));border-color:var(--button-default-borderColor-disabled,var(--color-btn-border));box-shadow:none;color:var(--control-fgColor-disabled,var(--color-primer-fg-disabled))}.prc-Button-ButtonBase-c50BI:where([data-variant=default]) .prc-Button-CounterLabel-f5-4u{background-color:var(--buttonCounter-default-bgColor-rest,var(--color-btn-counter-bg))!important}.prc-Button-ButtonBase-c50BI:where([data-variant=default]):where(.prc-Button-IconButton-szpyj){color:var(--fgColor-muted,var(--color-fg-muted))}.prc-Button-ButtonBase-c50BI:where([data-variant=primary]){background-color:var(--button-primary-bgColor-rest,var(--color-btn-primary-bg));border-color:var(--button-primary-borderColor-rest,var(--color-btn-primary-border));box-shadow:var(--shadow-resting-small,var(--color-shadow-small));color:var(--button-primary-fgColor-rest,var(--color-btn-primary-text))}.prc-Button-ButtonBase-c50BI[aria-expanded=true]:where([data-variant=primary]){background-color:var(--button-primary-bgColor-active,var(--color-btn-primary-selected-bg));box-shadow:var(--button-primary-shadow-selected,var(--color-btn-primary-selected-shadow))}.prc-Button-ButtonBase-c50BI:where([data-variant=primary]):hover{background-color:var(--button-primary-bgColor-hover,var(--color-btn-primary-hover-bg));border-color:var(--button-primary-borderColor-hover,var(--color-btn-primary-hover-border))}.prc-Button-ButtonBase-c50BI:where([data-variant=primary]):focus-visible{box-shadow:inset 0 0 0 3px var(--fgColor-onEmphasis,var(--color-fg-on-emphasis));outline:2px solid var(--focus-outlineColor,var(--color-accent-fg));outline-offset:-2px}.prc-Button-ButtonBase-c50BI:where([data-variant=primary]):active{background-color:var(--button-primary-bgColor-active,var(--color-btn-primary-selected-bg));box-shadow:var(--button-primary-shadow-selected,var(--color-btn-primary-selected-shadow))}.prc-Button-ButtonBase-c50BI:where([data-variant=primary]):disabled,.prc-Button-ButtonBase-c50BI[aria-disabled=true]:where([data-variant=primary]):not([data-loading=true]){background-color:var(--button-primary-bgColor-disabled,var(--color-btn-primary-disabled-bg));border-color:var(--button-primary-borderColor-disabled,var(--color-btn-primary-disabled-border));box-shadow:none;color:var(--button-primary-fgColor-disabled,var(--color-btn-primary-disabled-text))}.prc-Button-ButtonBase-c50BI:where([data-variant=primary]) .prc-Button-CounterLabel-f5-4u{background-color:var(--buttonCounter-primary-bgColor-rest,var(--color-btn-primary-counter-bg))!important;color:var(--button-primary-fgColor-rest,var(--color-btn-primary-text))!important}.prc-Button-ButtonBase-c50BI:where([data-variant=primary]) .prc-Button-Visual-2epfX{color:var(--button-primary-fgColor-rest,var(--color-btn-primary-text))}.prc-Button-ButtonBase-c50BI:where([data-variant=danger]){background-color:var(--button-danger-bgColor-rest,var(--color-btn-bg));box-shadow:var(--button-default-shadow-resting,var(--color-btn-shadow));color:var(--button-danger-fgColor-rest,var(--color-btn-danger-text))}.prc-Button-ButtonBase-c50BI[aria-expanded=true]:where([data-variant=danger]){background-color:var(--button-danger-bgColor-active,var(--color-btn-danger-selected-bg));border-color:var(--button-danger-borderColor-active,var(--color-btn-danger-selected-border));box-shadow:var(--button-danger-shadow-selected,var(--color-btn-danger-selected-shadow));color:var(--button-danger-fgColor-active,var(--color-btn-danger-selected-text))}.prc-Button-ButtonBase-c50BI[aria-expanded=true]:where([data-variant=danger]) .prc-Button-Visual-2epfX{color:var(--button-danger-iconColor-hover,var(--color-btn-danger-hover-icon))}.prc-Button-ButtonBase-c50BI:where([data-variant=danger]):hover{background-color:var(--button-danger-bgColor-hover,var(--color-btn-danger-hover-bg));border-color:var(--button-danger-borderColor-hover,var(--color-btn-danger-hover-border));box-shadow:var(--shadow-resting-small,var(--color-shadow-small));color:var(--button-danger-fgColor-hover,var(--color-btn-danger-hover-text))}.prc-Button-ButtonBase-c50BI:where([data-variant=danger]):hover .prc-Button-CounterLabel-f5-4u{background-color:var(--buttonCounter-danger-bgColor-hover,var(--color-btn-danger-hover-counter-bg))!important;color:var(--buttonCounter-danger-fgColor-hover,var(--color-btn-danger-hover-counter-fg))!important}.prc-Button-ButtonBase-c50BI:where([data-variant=danger]):hover .prc-Button-Visual-2epfX{color:var(--button-danger-iconColor-hover,var(--color-btn-danger-hover-icon))}.prc-Button-ButtonBase-c50BI:where([data-variant=danger]):active{background-color:var(--button-danger-bgColor-active,var(--color-btn-danger-selected-bg));border-color:var(--button-danger-borderColor-active,var(--color-btn-danger-selected-border));box-shadow:var(--button-danger-shadow-selected,var(--color-btn-danger-selected-shadow));color:var(--button-danger-fgColor-active,var(--color-btn-danger-selected-text))}.prc-Button-ButtonBase-c50BI:where([data-variant=danger]):active .prc-Button-CounterLabel-f5-4u{background-color:var(--buttonCounter-danger-bgColor-hover,var(--color-btn-danger-hover-counter-bg))!important;color:var(--buttonCounter-danger-fgColor-hover,var(--color-btn-danger-hover-counter-fg))!important}.prc-Button-ButtonBase-c50BI:where([data-variant=danger]):active .prc-Button-Visual-2epfX{color:var(--button-danger-iconColor-hover,var(--color-btn-danger-hover-icon))}.prc-Button-ButtonBase-c50BI:where([data-variant=danger]):disabled,.prc-Button-ButtonBase-c50BI[aria-disabled=true]:where([data-variant=danger]):not([data-loading=true]){background-color:var(--button-danger-bgColor-disabled,var(--color-btn-danger-disabled-bg));border-color:var(--button-default-borderColor-disabled,var(--color-btn-border));box-shadow:none;color:var(--button-danger-fgColor-disabled,var(--color-btn-danger-disabled-text))}:is(.prc-Button-ButtonBase-c50BI:where([data-variant=danger]):disabled,.prc-Button-ButtonBase-c50BI[aria-disabled=true]:where([data-variant=danger]):not([data-loading=true])) .prc-Button-CounterLabel-f5-4u{background-color:var(--buttonCounter-danger-bgColor-disabled,var(--color-btn-danger-disabled-counter-bg))!important;color:var(--buttonCounter-danger-fgColor-disabled,var(--color-btn-danger-disabled-counter-fg))!important}.prc-Button-ButtonBase-c50BI:where([data-variant=danger]) .prc-Button-CounterLabel-f5-4u{background-color:var(--buttonCounter-danger-bgColor-rest,var(--color-btn-danger-counter-bg))!important;color:var(--buttonCounter-danger-fgColor-rest,var(--color-btn-danger-counter-fg))!important}.prc-Button-ButtonBase-c50BI:where([data-variant=danger]) .prc-Button-Visual-2epfX{color:var(--button-danger-iconColor-rest,var(--color-btn-danger-icon))}.prc-Button-ButtonBase-c50BI:where([data-variant=invisible]){border-color:transparent;box-shadow:none;color:var(--button-default-fgColor-rest,var(--color-btn-text))}.prc-Button-ButtonBase-c50BI[aria-expanded=true]:where([data-variant=invisible]){background-color:var(--button-invisible-bgColor-active,var(--color-action-list-item-default-active-bg))}.prc-Button-ButtonBase-c50BI:where([data-variant=invisible]):hover{background-color:var(--button-invisible-bgColor-hover,var(--color-action-list-item-default-hover-bg))}.prc-Button-ButtonBase-c50BI:where([data-variant=invisible]):hover .prc-Button-Visual-2epfX{color:var(--button-invisible-iconColor-hover,#59636e)}.prc-Button-ButtonBase-c50BI:where([data-variant=invisible]):active{background-color:var(--button-invisible-bgColor-active,var(--color-action-list-item-default-active-bg))}.prc-Button-ButtonBase-c50BI:where([data-variant=invisible]):active .prc-Button-Visual-2epfX{color:var(--button-invisible-iconColor-hover,#59636e)}.prc-Button-ButtonBase-c50BI:where([data-variant=invisible]):disabled,.prc-Button-ButtonBase-c50BI[aria-disabled=true]:where([data-variant=invisible]):not([data-loading=true]){background-color:var(--button-invisible-bgColor-disabled,var(--color-action-list-item-default-selected-bg));border-color:var(--button-invisible-borderColor-disabled,var(--color-action-list-item-default-selected-bg));box-shadow:none;color:var(--button-invisible-fgColor-disabled,var(--color-primer-fg-disabled))}.prc-Button-ButtonBase-c50BI:where([data-variant=invisible]) .prc-Button-Visual-2epfX{color:var(--button-invisible-iconColor-rest,#59636e)}.prc-Button-ButtonBase-c50BI:where([data-variant=invisible]) .prc-Button-CounterLabel-f5-4u{background-color:var(--buttonCounter-invisible-bgColor-rest,#818b981f)!important}.prc-Button-ButtonBase-c50BI:where([data-variant=invisible]):where(.prc-Button-IconButton-szpyj){color:var(--button-invisible-iconColor-rest,#59636e)}.prc-Button-ButtonBase-c50BI:where([data-variant=link]){border:unset;border-radius:0;color:var(--fgColor-link,var(--color-accent-fg));display:inline-flex;font-size:inherit;height:unset;min-width:-moz-fit-content;min-width:fit-content;padding:0;text-align:left}.prc-Button-ButtonBase-c50BI:where([data-variant=link]):hover:not(:disabled,[data-inactive]){-webkit-text-decoration:underline;text-decoration:underline}.prc-Button-ButtonBase-c50BI:where([data-variant=link]):focus,.prc-Button-ButtonBase-c50BI:where([data-variant=link]):focus-visible{outline-offset:2px}.prc-Button-ButtonBase-c50BI:where([data-variant=link]):disabled,.prc-Button-ButtonBase-c50BI[aria-disabled=true]:where([data-variant=link]):not([data-loading=true]){background-color:transparent;border-color:transparent;color:var(--control-fgColor-disabled,var(--color-primer-fg-disabled))}.prc-Button-ButtonBase-c50BI:where([data-variant=link]) .prc-Button-Label-pTQ3x{white-space:unset}.prc-Button-ButtonBase-c50BI:where([data-variant=link]):where([data-inactive]){background:transparent!important;color:var(--button-inactive-fgColor,#59636e)}.prc-Button-ButtonBase-c50BI:where([data-variant=link]) .prc-Button-Visual-2epfX{color:var(--fgColor-link,var(--color-accent-fg))}:is([data-a11y-link-underlines=true] .prc-Button-ButtonBase-c50BI:where([data-variant=link])):not(:has(.prc-Button-Visual-2epfX)){-webkit-text-decoration:underline;text-decoration:underline}:is([data-a11y-link-underlines=true] .prc-Button-ButtonBase-c50BI:where([data-variant=link])):has(.prc-Button-Visual-2epfX){background-image:linear-gradient(90deg,currentColor,currentColor);background-position:0 calc(100% - 2px);background-repeat:no-repeat;background-size:100% 1.5px}:is([data-a11y-link-underlines=true] .prc-Button-ButtonBase-c50BI:where([data-variant=link])):has(.prc-Button-Visual-2epfX):hover{-webkit-text-decoration:none;text-decoration:none}:is([data-a11y-link-underlines=false] .prc-Button-ButtonBase-c50BI:where([data-variant=link])):not(:has(.prc-Button-Visual-2epfX)){background-image:none;-webkit-text-decoration:none;text-decoration:none}:is([data-a11y-link-underlines=false] .prc-Button-ButtonBase-c50BI:where([data-variant=link])):has(.prc-Button-Visual-2epfX){background-image:none}.prc-Button-ButtonBase-c50BI:where([data-inactive]),.prc-Button-ButtonBase-c50BI:where([data-inactive]):active,.prc-Button-ButtonBase-c50BI:where([data-inactive]):hover{background-color:var(--button-inactive-bgColor,#e6eaef);border-color:var(--button-inactive-bgColor,#e6eaef);box-shadow:none;color:var(--button-inactive-fgColor,#59636e);cursor:auto}:is(.prc-Button-ButtonBase-c50BI:where([data-inactive]),.prc-Button-ButtonBase-c50BI:where([data-inactive]):hover,.prc-Button-ButtonBase-c50BI:where([data-inactive]):active) .prc-Button-CounterLabel-f5-4u,:is(.prc-Button-ButtonBase-c50BI:where([data-inactive]),.prc-Button-ButtonBase-c50BI:where([data-inactive]):hover,.prc-Button-ButtonBase-c50BI:where([data-inactive]):active) .prc-Button-Visual-2epfX{color:inherit!important}.prc-Button-ButtonBase-c50BI:where([data-has-count]):has([data-component=leadingVisual]):not(:has([data-component=text])){padding-inline:var(--control-medium-paddingInline-condensed,.5rem)}.prc-Button-ButtonBase-c50BI:where([data-has-count]):has([data-component=leadingVisual]):not(:has([data-component=text])):where([data-size=small]){padding-inline:var(--control-xsmall-paddingInline-condensed,.25rem)}.prc-Button-ButtonBase-c50BI:where([data-has-count]):has([data-component=leadingVisual]):not(:has([data-component=text])):where([data-size=large]){padding-inline:var(--control-large-paddingInline-normal,.75rem)}.prc-Button-ConditionalWrapper-WLT4Z{display:block}
2
- /*# sourceMappingURL=ButtonBase-18b9f617.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/Button/ButtonBase.module.css","../../postcss-preset-primer/src/mixins/focusOutline.css","../../postcss-preset-primer/src/mixins/focusOutlineOnEmphasis.css"],"names":[],"mappings":"AACA,6BAqBE,kBAAmB,CADnB,eAAgB,CANhB,4BAA6B,CAC7B,6CAAqC,CACrC,2EAAoD,CACpD,gDAAyC,CARzC,8DAAyC,CAGzC,cAAe,CAXf,YAAa,CAKb,mBAAoB,CACpB,8CAAuC,CACvC,8CAA2C,CAe3C,4BAAuB,CApBvB,sCAAkC,CAmBlC,6BAA8B,CApB9B,qBAAsB,CAGtB,2DAAqD,CAKrD,iBAAkB,CAClB,4BAAqB,CAArB,oBAAqB,CAOrB,yCAA+C,CAC/C,4DAAgE,CANhE,wBAAiB,CAAjB,gBAqiBF,CAzhBE,mCACE,wBACF,CAEA,2CC3BA,eAAgB,CAFhB,kEAAgC,CAChC,mBD8BA,CAEA,oCACE,eACF,CAEA,gHAGE,eAAgB,CADhB,kBAOF,CAJE,kSAEE,aACF,CAGF,8BACE,mCACE,6BACF,CACF,CAGA,8DAEE,gDAA2B,CAD3B,YAAa,CAEb,mBACF,CAGA,kEACE,YAAa,CACb,mBACF,CAIA,iEACE,mBAAoB,CAMpB,aAAc,CAJd,eAAgB,CAEhB,aAAc,CACd,oBAAqB,CAJrB,qCAcF,CAPE,0FACE,uCACF,CAEA,0FACE,sCACF,CAKF,2CACE,mBAKF,CAHE,iDACE,4BAAqB,CAArB,oBACF,CAKF,qEAME,oBAAqB,CADrB,kBAAmB,CAHnB,YAAa,CADb,aAAc,CAEd,uDAAwD,CACxD,4DAiBF,CAbE,4FACE,qCACF,CAIA,qGACE,sBACF,CAEA,oGACE,0BACF,CAGF,oEACE,uBACF,CAEA,6DAGE,cAAe,CAFf,qDAA+C,CAC/C,kBAEF,CAEA,qEACE,wBACF,CAEA,qEACE,+CACF,CAIA,sDAKE,4CAAsC,CADtC,mCAA6B,CAH7B,wCAAiC,CAEjC,4DAYF,CARE,wGAEE,4CACF,CAEA,8EACE,oDACF,CAGF,sDAIE,kCAA6B,CAH7B,uCAAiC,CAEjC,0DAOF,CAJE,wGAEE,2CACF,CAKF,uDACE,UACF,CAIA,2DAEE,YAAa,CACb,0CAAsC,CAFtC,0BAAsB,CAAtB,qBAsCF,CAlCE,2FAEE,kBAAmB,CADnB,aAAc,CAGd,2FACF,CAEA,mFAGE,iBAAkB,CADlB,qBAEF,CAEA,oFACE,YAAa,CACb,4CAMF,CAJE,oHAEE,yFACF,CAGF,oFACE,YAAa,CACb,2CAAqC,CAErC,+DAMF,CAJE,oHAEE,0FACF,CAWF,6LAME,cAAe,CACf,wBAA0B,CAC1B,iBAKF,CAHE,0NACE,iBACF,CAMJ,8DAEE,kBAAmB,CADnB,YAAa,CAEb,sBACF,CAIA,2DAEE,uEAAoD,CACpD,uEAAgD,CAFhD,8DAkCF,CA9BE,+EACE,gFAAsD,CACtD,oFACF,CAEA,iEACE,8EAAqD,CACrD,kFACF,CAEA,kEACE,gFAAsD,CACtD,oFACF,CAEA,4KAGE,2EAAwD,CACxD,+EAAwD,CACxD,eAAgB,CAHhB,qEAIF,CAEA,0FACE,gGACF,CAEA,+FACE,gDACF,CAKF,2DAEE,+EAAoD,CACpD,mFAAoD,CACpD,gEAAuC,CAHvC,sEAyCF,CApCE,+EACE,0FAAsD,CACtD,yFACF,CAEA,iEACE,sFAAqD,CACrD,0FACF,CAEA,yEEhTF,gFAAqD,CAHrD,kEAAgC,CAChC,mBFoTE,CAEA,kEACE,0FAAsD,CACtD,yFACF,CAEA,4KAGE,4FAAwD,CACxD,gGAAwD,CACxD,eAAgB,CAHhB,mFAIF,CAEA,0FAEE,wGAAsE,CADtE,gFAEF,CAGA,oFACE,sEACF,CAKF,0DAEE,sEAAmD,CACnD,uEAAgD,CAFhD,oEAoEF,CAhEE,8EAEE,wFAAqD,CACrD,4FAAqD,CACrD,uFAAgD,CAHhD,+EAQF,CAHE,uGACE,6EACF,CAGF,gEAEE,oFAAoD,CACpD,wFAAoD,CACpD,gEAAuC,CAHvC,2EAaF,CARE,+FAEE,6GAAsE,CADtE,kGAEF,CAEA,yFACE,6EACF,CAGF,iEAEE,wFAAqD,CACrD,4FAAqD,CACrD,uFAAgD,CAHhD,+EAaF,CARE,gGAEE,6GAAsE,CADtE,kGAEF,CAEA,0FACE,6EACF,CAGF,0KAGE,0FAAuD,CACvD,+EAAwD,CACxD,eAAgB,CAHhB,iFASF,CAJE,8MAEE,mHAAyE,CADzE,wGAEF,CAGF,yFAEE,sGAAqE,CADrE,2FAEF,CAEA,mFACE,sEACF,CAKF,6DAEE,wBAAyB,CACzB,eAAgB,CAFhB,8DA2CF,CAvCE,iFACE,uGACF,CAEA,mEACE,qGAKF,CAHE,4FACE,qDACF,CAGF,oEACE,uGAKF,CAHE,6FACE,qDACF,CAGF,gLAGE,2GAA0D,CAC1D,2GAA0D,CAC1D,eAAgB,CAHhB,8EAIF,CAEA,sFACE,oDACF,CAEA,4FACE,gFACF,CAEA,iGACE,oDACF,CAKF,wDAQE,YAAa,CACb,eAAgB,CAHhB,gDAA0B,CAL1B,mBAAoB,CAIpB,iBAAkB,CAFlB,YAAa,CADb,0BAAsB,CAAtB,qBAAsB,CAEtB,SAAU,CAGV,eAgCF,CA5BE,6FACE,iCAA0B,CAA1B,yBACF,CAEA,oIAEE,kBACF,CAEA,sKAGE,4BAA6B,CAC7B,wBAAyB,CAFzB,qEAGF,CAEA,gFACE,iBACF,CAEA,+EAEE,gCAAkC,CADlC,4CAEF,CAEA,iFACE,gDACF,CAIA,kIACE,iCAA0B,CAA1B,yBACF,CAEA,4HACE,iEAAuE,CAEvE,sCAAuC,CACvC,2BAA4B,CAF5B,0BAOF,CAHE,kIACE,4BAAqB,CAArB,oBACF,CAKF,mIAEE,qBAAsB,CADtB,4BAAqB,CAArB,oBAEF,CAEA,6HACE,qBACF,CAKF,yKAKE,uDAAgD,CAEhD,mDAA4C,CAC5C,eAAgB,CALhB,4CAAqC,CACrC,WAUF,CAJE,oZAEE,uBACF,CAKF,0HAEE,kEAWF,CATE,mJAEE,mEACF,CAEA,mJAEE,+DACF,CAIJ,qCACE,aACF","file":"ButtonBase-18b9f617.css","sourcesContent":["/* Base styles */\n.ButtonBase {\n display: flex;\n min-width: max-content;\n height: var(--control-medium-size);\n /* stylelint-disable-next-line primer/spacing */\n padding: 0 var(--control-medium-paddingInline-normal);\n font-family: inherit;\n font-size: var(--text-body-size-medium);\n font-weight: var(--base-text-weight-medium);\n color: var(--button-default-fgColor-rest);\n text-align: center;\n text-decoration: none;\n cursor: pointer;\n user-select: none;\n background-color: transparent;\n border: var(--borderWidth-thin) solid;\n border-color: var(--button-default-borderColor-rest);\n border-radius: var(--borderRadius-medium);\n transition: 80ms cubic-bezier(0.65, 0, 0.35, 1);\n transition-property: color, fill, background-color, border-color;\n appearance: none;\n align-items: center;\n justify-content: space-between;\n gap: var(--base-size-8);\n\n &:hover {\n transition-duration: 80ms;\n }\n\n &:focus-visible {\n @mixin focusOutline;\n }\n\n &:active {\n transition: none;\n }\n\n &:disabled,\n &[aria-disabled='true']:not([data-loading='true']) {\n cursor: not-allowed;\n box-shadow: none;\n\n & .Visual,\n & .CounterLabel {\n color: inherit;\n }\n }\n\n @media (forced-colors: active) {\n &:focus {\n outline: solid 1px transparent;\n }\n }\n\n /* Visuals */\n & :where(.Visual) {\n display: flex;\n color: var(--fgColor-muted);\n pointer-events: none;\n }\n\n /* mostly for CounterLabel */\n & :where(.VisualWrap) {\n display: flex;\n pointer-events: none;\n }\n\n /* IconButton */\n\n &:where(.IconButton) {\n display: inline-grid;\n width: var(--control-medium-size);\n min-width: unset;\n /* stylelint-disable-next-line primer/spacing */\n padding: unset;\n place-content: center;\n flex-shrink: 0;\n\n &:where([data-size='small']) {\n width: var(--control-small-size);\n }\n\n &:where([data-size='large']) {\n width: var(--control-large-size);\n }\n }\n\n /* LinkButton */\n\n &:where([href]) {\n display: inline-flex;\n\n &:hover {\n text-decoration: none;\n }\n }\n\n /* Button layout */\n\n & :where(.ButtonContent) {\n flex: 1 0 auto;\n display: grid;\n grid-template-areas: 'leadingVisual text trailingVisual';\n grid-template-columns: min-content minmax(0, auto) min-content;\n align-items: center;\n align-content: center;\n\n & > :not(:last-child) {\n margin-right: var(--base-size-8);\n }\n\n /* Content alignment */\n\n &:where([data-align='center']) {\n justify-content: center;\n }\n\n &:where([data-align='start']) {\n justify-content: flex-start;\n }\n }\n\n & :where([data-component='leadingVisual']) {\n grid-area: leadingVisual;\n }\n\n & :where(.Label) {\n line-height: var(--text-body-lineHeight-medium);\n white-space: nowrap;\n grid-area: text;\n }\n\n & :where([data-component='trailingVisual']) {\n grid-area: trailingVisual;\n }\n\n & :where([data-component='trailingAction']) {\n margin-right: calc(var(--base-size-4) * -1);\n }\n\n /* Size */\n\n &:where([data-size='small']) {\n height: var(--control-small-size);\n /* stylelint-disable-next-line primer/spacing */\n padding: 0 var(--control-small-paddingInline-condensed);\n gap: var(--control-small-gap);\n font-size: var(--text-body-size-small);\n\n & .ButtonContent > :not(:last-child) {\n /* stylelint-disable-next-line primer/spacing */\n margin-right: var(--control-small-gap);\n }\n\n & .Label {\n line-height: var(--text-body-lineHeight-small);\n }\n }\n\n &:where([data-size='large']) {\n height: var(--control-large-size);\n /* stylelint-disable-next-line primer/spacing */\n padding: 0 var(--control-large-paddingInline-spacious);\n gap: var(--control-large-gap);\n\n & .ButtonContent > :not(:last-child) {\n /* stylelint-disable-next-line primer/spacing */\n margin-right: var(--control-large-gap);\n }\n }\n\n /* Full width */\n\n &:where([data-block='block']) {\n width: 100%;\n }\n\n /* Wrap label text */\n\n &:where([data-label-wrap='true']) {\n min-width: fit-content;\n height: unset;\n min-height: var(--control-medium-size);\n\n & .ButtonContent {\n flex: 1 1 auto;\n align-self: stretch;\n /* stylelint-disable-next-line primer/spacing */\n padding-block: calc(var(--control-medium-paddingBlock) - var(--base-size-2));\n }\n\n & .Label {\n /* stylelint-disable-next-line declaration-property-value-keyword-no-deprecated */\n word-break: break-word;\n white-space: unset;\n }\n\n &:where([data-size='small']) {\n height: unset;\n min-height: var(--control-small-size);\n\n & .ButtonContent {\n /* stylelint-disable-next-line primer/spacing */\n padding-block: calc(var(--control-small-paddingBlock) - var(--base-size-2));\n }\n }\n\n &:where([data-size='large']) {\n height: unset;\n min-height: var(--control-large-size);\n /* stylelint-disable-next-line primer/spacing */\n padding-inline: var(--control-large-paddingInline-spacious);\n\n & .ButtonContent {\n /* stylelint-disable-next-line primer/spacing */\n padding-block: calc(var(--control-large-paddingBlock) - var(--base-size-2));\n }\n }\n }\n\n /* Loading */\n\n /* only hide label if there's no leading/trailing visuals\n * move spinner to label spot if not leading/trailing visuals\n */\n\n &:where([data-loading='true']) {\n &\n .LoadingSpinner:not(\n [data-component='leadingVisual'],\n [data-component='trailingVisual'],\n [data-component='trailingAction']\n ) {\n grid-area: text;\n margin-right: 0 !important;\n place-self: center;\n\n & + .Label {\n visibility: hidden;\n }\n }\n }\n\n /* Styles for the spinner element displayed when the Button is in a loading state.\n * Ensures the spinner is centered within its container. */\n .LoadingSpinner {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n /* Default Variant */\n\n &:where([data-variant='default']) {\n color: var(--button-default-fgColor-rest);\n background-color: var(--button-default-bgColor-rest);\n box-shadow: var(--button-default-shadow-resting);\n\n &[aria-expanded='true'] {\n background-color: var(--button-default-bgColor-active);\n border-color: var(--button-default-borderColor-active);\n }\n\n &:hover {\n background-color: var(--button-default-bgColor-hover);\n border-color: var(--button-default-borderColor-hover);\n }\n\n &:active {\n background-color: var(--button-default-bgColor-active);\n border-color: var(--button-default-borderColor-active);\n }\n\n &:disabled,\n &[aria-disabled='true']:not([data-loading='true']) {\n color: var(--control-fgColor-disabled);\n background-color: var(--button-default-bgColor-disabled);\n border-color: var(--button-default-borderColor-disabled);\n box-shadow: none;\n }\n\n & .CounterLabel {\n background-color: var(--buttonCounter-default-bgColor-rest) !important; /* temporarily override our own sx prop */\n }\n\n &:where(.IconButton) {\n color: var(--fgColor-muted);\n }\n }\n\n /* Primary variant */\n\n &:where([data-variant='primary']) {\n color: var(--button-primary-fgColor-rest);\n background-color: var(--button-primary-bgColor-rest);\n border-color: var(--button-primary-borderColor-rest);\n box-shadow: var(--shadow-resting-small);\n\n &[aria-expanded='true'] {\n background-color: var(--button-primary-bgColor-active);\n box-shadow: var(--button-primary-shadow-selected);\n }\n\n &:hover {\n background-color: var(--button-primary-bgColor-hover);\n border-color: var(--button-primary-borderColor-hover);\n }\n\n &:focus-visible {\n @mixin focusOutlineOnEmphasis;\n }\n\n &:active {\n background-color: var(--button-primary-bgColor-active);\n box-shadow: var(--button-primary-shadow-selected);\n }\n\n &:disabled,\n &[aria-disabled='true']:not([data-loading='true']) {\n color: var(--button-primary-fgColor-disabled);\n background-color: var(--button-primary-bgColor-disabled);\n border-color: var(--button-primary-borderColor-disabled);\n box-shadow: none;\n }\n\n & .CounterLabel {\n color: var(--button-primary-fgColor-rest) !important; /* temporarily override our own sx prop */\n background-color: var(--buttonCounter-primary-bgColor-rest) !important; /* temporarily override our own sx prop */\n }\n\n /* temporarily using the fgColor to match legacy and reduce visual changes- will eventually be iconColor */\n & .Visual {\n color: var(--button-primary-fgColor-rest);\n }\n }\n\n /* Danger variant */\n\n &:where([data-variant='danger']) {\n color: var(--button-danger-fgColor-rest);\n background-color: var(--button-danger-bgColor-rest);\n box-shadow: var(--button-default-shadow-resting);\n\n &[aria-expanded='true'] {\n color: var(--button-danger-fgColor-active);\n background-color: var(--button-danger-bgColor-active);\n border-color: var(--button-danger-borderColor-active);\n box-shadow: var(--button-danger-shadow-selected);\n\n & .Visual {\n color: var(--button-danger-iconColor-hover);\n }\n }\n\n &:hover {\n color: var(--button-danger-fgColor-hover);\n background-color: var(--button-danger-bgColor-hover);\n border-color: var(--button-danger-borderColor-hover);\n box-shadow: var(--shadow-resting-small);\n\n & .CounterLabel {\n color: var(--buttonCounter-danger-fgColor-hover) !important; /* temporarily override our own sx prop */\n background-color: var(--buttonCounter-danger-bgColor-hover) !important;\n }\n\n & .Visual {\n color: var(--button-danger-iconColor-hover);\n }\n }\n\n &:active {\n color: var(--button-danger-fgColor-active);\n background-color: var(--button-danger-bgColor-active);\n border-color: var(--button-danger-borderColor-active);\n box-shadow: var(--button-danger-shadow-selected);\n\n & .CounterLabel {\n color: var(--buttonCounter-danger-fgColor-hover) !important; /* temporarily override our own sx prop */\n background-color: var(--buttonCounter-danger-bgColor-hover) !important;\n }\n\n & .Visual {\n color: var(--button-danger-iconColor-hover);\n }\n }\n\n &:disabled,\n &[aria-disabled='true']:not([data-loading='true']) {\n color: var(--button-danger-fgColor-disabled);\n background-color: var(--button-danger-bgColor-disabled);\n border-color: var(--button-default-borderColor-disabled);\n box-shadow: none;\n\n & .CounterLabel {\n color: var(--buttonCounter-danger-fgColor-disabled) !important; /* temporarily override our own sx prop */\n background-color: var(--buttonCounter-danger-bgColor-disabled) !important;\n }\n }\n\n & .CounterLabel {\n color: var(--buttonCounter-danger-fgColor-rest) !important; /* temporarily override our own sx prop */\n background-color: var(--buttonCounter-danger-bgColor-rest) !important;\n }\n\n & .Visual {\n color: var(--button-danger-iconColor-rest);\n }\n }\n\n /* Invisible variant */\n\n &:where([data-variant='invisible']) {\n color: var(--button-default-fgColor-rest);\n border-color: transparent;\n box-shadow: none;\n\n &[aria-expanded='true'] {\n background-color: var(--button-invisible-bgColor-active);\n }\n\n &:hover {\n background-color: var(--button-invisible-bgColor-hover);\n\n & .Visual {\n color: var(--button-invisible-iconColor-hover);\n }\n }\n\n &:active {\n background-color: var(--button-invisible-bgColor-active);\n\n & .Visual {\n color: var(--button-invisible-iconColor-hover);\n }\n }\n\n &:disabled,\n &[aria-disabled='true']:not([data-loading='true']) {\n color: var(--button-invisible-fgColor-disabled);\n background-color: var(--button-invisible-bgColor-disabled);\n border-color: var(--button-invisible-borderColor-disabled);\n box-shadow: none;\n }\n\n & .Visual {\n color: var(--button-invisible-iconColor-rest);\n }\n\n & .CounterLabel {\n background-color: var(--buttonCounter-invisible-bgColor-rest) !important;\n }\n\n &:where(.IconButton) {\n color: var(--button-invisible-iconColor-rest);\n }\n }\n\n /* Link variant */\n\n &:where([data-variant='link']) {\n display: inline-flex;\n min-width: fit-content;\n height: unset;\n padding: 0;\n font-size: inherit;\n color: var(--fgColor-link);\n text-align: left;\n border: unset;\n border-radius: 0;\n\n &:hover:not(:disabled, [data-inactive]) {\n text-decoration: underline;\n }\n\n &:focus-visible,\n &:focus {\n outline-offset: 2px;\n }\n\n &:disabled,\n &[aria-disabled='true']:not([data-loading='true']) {\n color: var(--control-fgColor-disabled);\n background-color: transparent;\n border-color: transparent;\n }\n\n & .Label {\n white-space: unset;\n }\n\n &:where([data-inactive]) {\n color: var(--button-inactive-fgColor);\n background: transparent !important;\n }\n\n & .Visual {\n color: var(--fgColor-link);\n }\n }\n\n [data-a11y-link-underlines='true'] &:where([data-variant='link']) {\n &:not(:has(.Visual)) {\n text-decoration: underline;\n }\n\n &:has(.Visual) {\n background-image: linear-gradient(to right, currentColor, currentColor);\n background-size: 100% 1.5px;\n background-position: 0 calc(100% - 2px);\n background-repeat: no-repeat;\n\n &:hover {\n text-decoration: none;\n }\n }\n }\n\n [data-a11y-link-underlines='false'] &:where([data-variant='link']) {\n &:not(:has(.Visual)) {\n text-decoration: none;\n background-image: none;\n }\n\n &:has(.Visual) {\n background-image: none;\n }\n }\n\n /* Inactive */\n\n &:where([data-inactive]),\n &:where([data-inactive]):hover,\n &:where([data-inactive]):active {\n color: var(--button-inactive-fgColor);\n cursor: auto;\n background-color: var(--button-inactive-bgColor);\n /* stylelint-disable-next-line primer/colors */\n border-color: var(--button-inactive-bgColor);\n box-shadow: none;\n\n & .Visual,\n & .CounterLabel {\n color: inherit !important;\n }\n }\n\n /* Icon-only + Counter */\n\n &:where([data-has-count]):has([data-component='leadingVisual']):not(:has([data-component='text'])) {\n /* stylelint-disable-next-line primer/spacing */\n padding-inline: var(--control-medium-paddingInline-condensed);\n\n &:where([data-size='small']) {\n /* stylelint-disable-next-line primer/spacing */\n padding-inline: var(--control-xsmall-paddingInline-condensed);\n }\n\n &:where([data-size='large']) {\n /* stylelint-disable-next-line primer/spacing */\n padding-inline: var(--control-large-paddingInline-normal);\n }\n }\n}\n\n.ConditionalWrapper {\n display: block;\n}\n","@define-mixin focusOutline $outlineOffset: -2px, $outlineColor: var(--focus-outlineColor) {\n outline: 2px solid $outlineColor;\n outline-offset: $outlineOffset;\n box-shadow: none;\n}\n","/* outline with fg box-shadow for buttons */\n@define-mixin focusOutlineOnEmphasis $outlineOffset: -2px, $outlineColor: var(--focus-outlineColor) {\n outline: 2px solid $outlineColor;\n outline-offset: $outlineOffset;\n /* stylelint-disable-next-line primer/box-shadow */\n box-shadow: inset 0 0 0 3px var(--fgColor-onEmphasis);\n}\n"]}
@@ -1,2 +0,0 @@
1
- .prc-CounterLabel-CounterLabel-ZwXPe{border:var(--borderWidth-thin,.0625rem) solid var(--counter-borderColor,var(--color-counter-border));border-radius:20px;display:inline-block;font-size:var(--text-body-size-small,.75rem);font-weight:var(--base-text-weight-semibold,600);line-height:1;padding:var(--base-size-2,.125rem) var(--base-size-6,.375rem)}.prc-CounterLabel-CounterLabel-ZwXPe:where([data-scheme=primary]){background-color:var(--bgColor-neutral-emphasis,var(--color-fg-subtle));color:var(--fgColor-onEmphasis,var(--color-fg-on-emphasis))}.prc-CounterLabel-CounterLabel-ZwXPe:where([data-scheme=secondary]){background-color:var(--bgColor-neutral-muted,var(--color-neutral-subtle));color:var(--fgColor-default,var(--color-fg-default))}.prc-CounterLabel-CounterLabel-ZwXPe:where(:empty){display:none}
2
- /*# sourceMappingURL=CounterLabel-44fb5d16.css.map */
@@ -1,2 +0,0 @@
1
- @keyframes prc-Overlay-overlay-appear-DGY3B{0%{opacity:0}to{opacity:1}}.prc-Overlay-Overlay-dVyJl{background-color:var(--overlay-bgColor,var(--color-canvas-overlay));border-radius:var(--borderRadius-large,.75rem);box-shadow:var(--shadow-floating-small,var(--color-overlay-shadow));height:auto;max-height:100vh;max-width:calc(100vw - 2rem);min-width:192px;overflow:hidden;position:absolute;width:auto}.prc-Overlay-Overlay-dVyJl:focus{outline:none}@media (forced-colors:active){.prc-Overlay-Overlay-dVyJl{outline:1px solid transparent}}.prc-Overlay-Overlay-dVyJl:where([data-reflow-container=true]){max-width:calc(100vw - 2rem)}.prc-Overlay-Overlay-dVyJl:where([data-overflow-auto]){overflow:auto}.prc-Overlay-Overlay-dVyJl:where([data-overflow-hidden]){overflow:hidden}.prc-Overlay-Overlay-dVyJl:where([data-overflow-scroll]){overflow:scroll}.prc-Overlay-Overlay-dVyJl:where([data-overflow-visible]){overflow:visible}.prc-Overlay-Overlay-dVyJl:where([data-height-xsmall]){height:192px}.prc-Overlay-Overlay-dVyJl:where([data-height-small]){height:256px}.prc-Overlay-Overlay-dVyJl:where([data-height-medium]){height:320px}.prc-Overlay-Overlay-dVyJl:where([data-height-large]){height:432px}.prc-Overlay-Overlay-dVyJl:where([data-height-xlarge]){height:600px}.prc-Overlay-Overlay-dVyJl:where([data-height-auto]),.prc-Overlay-Overlay-dVyJl:where([data-height-initial]){height:auto}.prc-Overlay-Overlay-dVyJl:where([data-height-fit-content]){height:-moz-fit-content;height:fit-content}.prc-Overlay-Overlay-dVyJl:where([data-max-height-xsmall]){max-height:192px}.prc-Overlay-Overlay-dVyJl:where([data-max-height-small]){max-height:256px}.prc-Overlay-Overlay-dVyJl:where([data-max-height-medium]){max-height:320px}.prc-Overlay-Overlay-dVyJl:where([data-max-height-large]){max-height:432px}.prc-Overlay-Overlay-dVyJl:where([data-max-height-xlarge]){max-height:600px}.prc-Overlay-Overlay-dVyJl:where([data-max-height-fit-content]){max-height:-moz-fit-content;max-height:fit-content}.prc-Overlay-Overlay-dVyJl:where([data-width-small]){width:256px}.prc-Overlay-Overlay-dVyJl:where([data-width-medium]){width:320px}.prc-Overlay-Overlay-dVyJl:where([data-width-large]){width:480px}.prc-Overlay-Overlay-dVyJl:where([data-width-xlarge]){width:640px}.prc-Overlay-Overlay-dVyJl:where([data-width-xxlarge]){width:960px}.prc-Overlay-Overlay-dVyJl:where([data-width-auto]){width:auto}.prc-Overlay-Overlay-dVyJl:where([data-max-width-small]){max-width:256px}.prc-Overlay-Overlay-dVyJl:where([data-max-width-medium]){max-width:320px}.prc-Overlay-Overlay-dVyJl:where([data-max-width-large]){max-width:480px}.prc-Overlay-Overlay-dVyJl:where([data-max-width-xlarge]){max-width:640px}.prc-Overlay-Overlay-dVyJl:where([data-max-width-xxlarge]){max-width:960px}.prc-Overlay-Overlay-dVyJl:where([data-visibility-visible]){visibility:visible}.prc-Overlay-Overlay-dVyJl:where([data-visibility-hidden]){visibility:hidden}@media screen and (max-width:calc(48rem - 0.02px)){.prc-Overlay-Overlay-dVyJl:where([data-responsive=fullscreen]){border-radius:unset;height:100vh;left:0;margin:0;max-height:none;max-width:none;position:fixed;top:0;width:100vw}}@supports (height:100dvh){.prc-Overlay-Overlay-dVyJl:where([data-variant=fullscreen]){height:100dvh}}@media (prefers-reduced-motion:no-preference){.prc-Overlay-Overlay-dVyJl{animation:prc-Overlay-overlay-appear-DGY3B .2s cubic-bezier(.33,1,.68,1)}}
2
- /*# sourceMappingURL=Overlay-40e80d0e.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/Overlay/Overlay.module.css"],"names":[],"mappings":"AAAA,4CACE,GACE,SACF,CAEA,GACE,SACF,CACF,CAEA,2BAQE,mEAAwC,CACxC,8CAAwC,CACxC,mEAAwC,CALxC,WAAY,CACZ,gBAAiB,CAJjB,4BAA6B,CAE7B,eAAgB,CAGhB,eAAgB,CANhB,iBAAkB,CAElB,UAsKF,CA7JE,iCACE,YACF,CAEA,8BAhBF,2BAkBI,6BAuJJ,CAtJE,CAEA,+DACE,4BACF,CAEA,uDACE,aACF,CAEA,yDACE,eACF,CAEA,yDACE,eACF,CAEA,0DACE,gBACF,CAEA,uDACE,YACF,CAEA,sDACE,YACF,CAEA,uDACE,YACF,CAEA,sDACE,YACF,CAEA,uDACE,YACF,CAEA,6GAEE,WACF,CAEA,4DACE,uBAAmB,CAAnB,kBACF,CAEA,2DACE,gBACF,CAEA,0DACE,gBACF,CAEA,2DACE,gBACF,CAEA,0DACE,gBACF,CAEA,2DACE,gBACF,CAEA,gEACE,2BAAuB,CAAvB,sBACF,CAEA,qDACE,WACF,CAEA,sDACE,WACF,CAEA,qDAEE,WACF,CAEA,sDAEE,WACF,CAEA,uDAEE,WACF,CAEA,oDACE,UACF,CAEA,yDACE,eACF,CAEA,0DACE,eACF,CAEA,yDACE,eACF,CAEA,0DACE,eACF,CAEA,2DACE,eACF,CAEA,4DACE,kBACF,CAEA,2DACE,iBACF,CAGE,mDADF,+DAUI,mBAAoB,CAHpB,YAAa,CAHb,MAAO,CAKP,QAAS,CADT,eAAgB,CAFhB,cAAe,CAJf,cAAe,CACf,KAAM,CAEN,WAOJ,CADE,CAGF,0BAEE,4DACE,aACF,CACF,CAGF,8CACE,2BACE,wEACF,CACF","file":"Overlay-40e80d0e.css","sourcesContent":["@keyframes overlay-appear {\n 0% {\n opacity: 0;\n }\n\n 100% {\n opacity: 1;\n }\n}\n\n.Overlay {\n position: absolute;\n max-width: calc(100vw - 2rem);\n width: auto;\n min-width: 192px;\n height: auto;\n max-height: 100vh;\n overflow: hidden;\n background-color: var(--overlay-bgColor);\n border-radius: var(--borderRadius-large);\n box-shadow: var(--shadow-floating-small);\n\n &:focus {\n outline: none;\n }\n\n @media (forced-colors: active) {\n /* Support for Windows high contrast https://sarahmhigley.com/writing/whcm-quick-tips */\n outline: solid 1px transparent;\n }\n\n &:where([data-reflow-container='true']) {\n max-width: calc(100vw - 2rem);\n }\n\n &:where([data-overflow-auto]) {\n overflow: auto;\n }\n\n &:where([data-overflow-hidden]) {\n overflow: hidden;\n }\n\n &:where([data-overflow-scroll]) {\n overflow: scroll;\n }\n\n &:where([data-overflow-visible]) {\n overflow: visible;\n }\n\n &:where([data-height-xsmall]) {\n height: 192px;\n }\n\n &:where([data-height-small]) {\n height: 256px;\n }\n\n &:where([data-height-medium]) {\n height: 320px;\n }\n\n &:where([data-height-large]) {\n height: 432px;\n }\n\n &:where([data-height-xlarge]) {\n height: 600px;\n }\n\n &:where([data-height-auto]),\n &:where([data-height-initial]) {\n height: auto;\n }\n\n &:where([data-height-fit-content]) {\n height: fit-content;\n }\n\n &:where([data-max-height-xsmall]) {\n max-height: 192px;\n }\n\n &:where([data-max-height-small]) {\n max-height: 256px;\n }\n\n &:where([data-max-height-medium]) {\n max-height: 320px;\n }\n\n &:where([data-max-height-large]) {\n max-height: 432px;\n }\n\n &:where([data-max-height-xlarge]) {\n max-height: 600px;\n }\n\n &:where([data-max-height-fit-content]) {\n max-height: fit-content;\n }\n\n &:where([data-width-small]) {\n width: 256px;\n }\n\n &:where([data-width-medium]) {\n width: 320px;\n }\n\n &:where([data-width-large]) {\n /* stylelint-disable-next-line primer/responsive-widths */\n width: 480px;\n }\n\n &:where([data-width-xlarge]) {\n /* stylelint-disable-next-line primer/responsive-widths */\n width: 640px;\n }\n\n &:where([data-width-xxlarge]) {\n /* stylelint-disable-next-line primer/responsive-widths */\n width: 960px;\n }\n\n &:where([data-width-auto]) {\n width: auto;\n }\n\n &:where([data-max-width-small]) {\n max-width: 256px;\n }\n\n &:where([data-max-width-medium]) {\n max-width: 320px;\n }\n\n &:where([data-max-width-large]) {\n max-width: 480px;\n }\n\n &:where([data-max-width-xlarge]) {\n max-width: 640px;\n }\n\n &:where([data-max-width-xxlarge]) {\n max-width: 960px;\n }\n\n &:where([data-visibility-visible]) {\n visibility: visible;\n }\n\n &:where([data-visibility-hidden]) {\n visibility: hidden;\n }\n\n &:where([data-responsive='fullscreen']) {\n @media screen and (--viewportRange-narrow) {\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n max-width: none;\n height: 100vh;\n max-height: none;\n margin: 0;\n border-radius: unset;\n }\n }\n\n @supports (height: 100dvh) {\n /* fix for mobile safari (100vh clips the screen with the toolbar) */\n &:where([data-variant='fullscreen']) {\n height: 100dvh;\n }\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .Overlay {\n animation: overlay-appear 200ms cubic-bezier(0.33, 1, 0.68, 1);\n }\n}\n"]}
@@ -1,2 +0,0 @@
1
- .prc-Popover-Popover-v1ShS{display:none;position:absolute;z-index:100}.prc-Popover-Popover-v1ShS:where([data-open]){display:block}.prc-Popover-Popover-v1ShS:where([data-relative]){position:relative}.prc-Popover-PopoverContent-nMzFS{background-color:var(--overlay-bgColor,var(--color-canvas-overlay));border:var(--borderWidth-thin,.0625rem) solid var(--borderColor-default,var(--color-border-default));border-radius:var(--borderRadius-medium,.375rem);margin-left:auto;margin-right:auto;padding:var(--base-size-24,1.5rem);position:relative}.prc-Popover-PopoverContent-nMzFS:after,.prc-Popover-PopoverContent-nMzFS:before{content:"";display:inline-block;left:50%;position:absolute}.prc-Popover-PopoverContent-nMzFS:before{border-bottom-color:transparent;border:var(--base-size-8,.5rem) solid transparent;border-bottom:var(--base-size-8,.5rem) solid var(--borderColor-default,var(--color-border-default));margin-left:-9px;top:calc(var(--base-size-16,1rem)*-1)}.prc-Popover-PopoverContent-nMzFS:after{border:7px solid transparent;border-bottom:7px solid var(--overlay-bgColor,var(--color-canvas-overlay));margin-left:calc(var(--base-size-8,.5rem)*-1);top:-14px}:is(:where([data-caret=bottom]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=bottom-right]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=bottom-left]) .prc-Popover-PopoverContent-nMzFS):after,:is(:where([data-caret=bottom]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=bottom-right]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=bottom-left]) .prc-Popover-PopoverContent-nMzFS):before{border-bottom-color:transparent;top:auto}:is(:where([data-caret=bottom]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=bottom-right]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=bottom-left]) .prc-Popover-PopoverContent-nMzFS):before{border-top-color:var(--borderColor-default,var(--color-border-default));bottom:calc(var(--base-size-16,1rem)*-1)}:is(:where([data-caret=bottom]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=bottom-right]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=bottom-left]) .prc-Popover-PopoverContent-nMzFS):after{border-top-color:var(--overlay-bgColor,var(--color-canvas-overlay));bottom:-14px}:where([data-caret=bottom-right]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=top-right]) .prc-Popover-PopoverContent-nMzFS{margin-right:0;right:-9px}:is(:where([data-caret=top-right]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=bottom-right]) .prc-Popover-PopoverContent-nMzFS):after,:is(:where([data-caret=top-right]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=bottom-right]) .prc-Popover-PopoverContent-nMzFS):before{left:auto;margin-left:0}:is(:where([data-caret=top-right]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=bottom-right]) .prc-Popover-PopoverContent-nMzFS):before{right:20px}:is(:where([data-caret=top-right]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=bottom-right]) .prc-Popover-PopoverContent-nMzFS):after{right:21px}:where([data-caret=bottom-left]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=top-left]) .prc-Popover-PopoverContent-nMzFS{left:-9px;margin-left:0}:is(:where([data-caret=top-left]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=bottom-left]) .prc-Popover-PopoverContent-nMzFS):after,:is(:where([data-caret=top-left]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=bottom-left]) .prc-Popover-PopoverContent-nMzFS):before{left:var(--base-size-24,1.5rem);margin-left:0}:is(:where([data-caret=top-left]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=bottom-left]) .prc-Popover-PopoverContent-nMzFS):after{left:calc(var(--base-size-24,1.5rem) + 1px)}:is(:where([data-caret=right]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=right-top]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=right-bottom]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left-top]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left-bottom]) .prc-Popover-PopoverContent-nMzFS):after,:is(:where([data-caret=right]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=right-top]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=right-bottom]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left-top]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left-bottom]) .prc-Popover-PopoverContent-nMzFS):before{border-bottom-color:transparent;left:auto;margin-left:0;top:50%}:is(:where([data-caret=right]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=right-top]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=right-bottom]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left-top]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left-bottom]) .prc-Popover-PopoverContent-nMzFS):before{margin-top:calc((var(--base-size-8,.5rem) + 1px)*-1)}:is(:where([data-caret=right]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=right-top]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=right-bottom]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left-top]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left-bottom]) .prc-Popover-PopoverContent-nMzFS):after{margin-top:calc(var(--base-size-8,.5rem)*-1)}:is(:where([data-caret=right]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=right-top]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=right-bottom]) .prc-Popover-PopoverContent-nMzFS):before{border-left-color:var(--borderColor-default,var(--color-border-default));right:calc(var(--base-size-16,1rem)*-1)}:is(:where([data-caret=right]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=right-top]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=right-bottom]) .prc-Popover-PopoverContent-nMzFS):after{border-left-color:var(--overlay-bgColor,var(--color-canvas-overlay));right:-14px}:is(:where([data-caret=left]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left-top]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left-bottom]) .prc-Popover-PopoverContent-nMzFS):before{border-right-color:var(--borderColor-default,var(--color-border-default));left:calc(var(--base-size-16,1rem)*-1)}:is(:where([data-caret=left]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left-top]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left-bottom]) .prc-Popover-PopoverContent-nMzFS):after{border-right-color:var(--overlay-bgColor,var(--color-canvas-overlay));left:-14px}:is(:where([data-caret=right-top]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left-top]) .prc-Popover-PopoverContent-nMzFS):after,:is(:where([data-caret=right-top]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left-top]) .prc-Popover-PopoverContent-nMzFS):before{top:var(--base-size-24,1.5rem)}:is(:where([data-caret=right-bottom]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left-bottom]) .prc-Popover-PopoverContent-nMzFS):after,:is(:where([data-caret=right-bottom]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left-bottom]) .prc-Popover-PopoverContent-nMzFS):before{top:auto}:is(:where([data-caret=right-bottom]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left-bottom]) .prc-Popover-PopoverContent-nMzFS):before{bottom:var(--base-size-16,1rem)}:is(:where([data-caret=right-bottom]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left-bottom]) .prc-Popover-PopoverContent-nMzFS):after{bottom:calc(var(--base-size-16,1rem) + 1px)}.prc-Popover-PopoverContent-nMzFS:where([data-width=xsmall]){width:var(--overlay-width-xsmall,12rem)}.prc-Popover-PopoverContent-nMzFS:where([data-width=small]){width:var(--overlay-width-small,20rem)}.prc-Popover-PopoverContent-nMzFS:where([data-width=medium]){width:var(--overlay-width-medium,30rem)}.prc-Popover-PopoverContent-nMzFS:where([data-width=large]){width:var(--overlay-width-large,40rem)}.prc-Popover-PopoverContent-nMzFS:where([data-width=xlarge]){width:var(--overlay-width-xlarge,60rem)}.prc-Popover-PopoverContent-nMzFS:where([data-width=auto]){width:auto}.prc-Popover-PopoverContent-nMzFS:where([data-height=small]){height:var(--overlay-height-small,16rem)}.prc-Popover-PopoverContent-nMzFS:where([data-height=medium]){height:var(--overlay-height-medium,20rem)}.prc-Popover-PopoverContent-nMzFS:where([data-height=large]){height:var(--overlay-height-large,27rem)}.prc-Popover-PopoverContent-nMzFS:where([data-height=xlarge]){height:var(--overlay-height-xlarge,37.5rem)}.prc-Popover-PopoverContent-nMzFS:where([data-height=fit-content]){height:-moz-fit-content;height:fit-content}.prc-Popover-PopoverContent-nMzFS:where([data-height=auto]){height:auto}
2
- /*# sourceMappingURL=Popover-3ba3b962.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/Popover/Popover.module.css"],"names":[],"mappings":"AAAA,2BAGE,YAAa,CAFb,iBAAkB,CAClB,WAUF,CAPE,8CACE,aACF,CAEA,kDACE,iBACF,CAGF,kCAKE,mEAAwC,CACxC,oGAAgE,CAChE,gDAAyC,CAHzC,gBAAiB,CADjB,iBAAkB,CADlB,kCAA4B,CAD5B,iBA+OF,CAtOE,iFAKE,UAAW,CADX,oBAAqB,CADrB,QAAS,CADT,iBAIF,CAEA,yCAOE,+BAA4C,CAC5C,iDAA+C,CAA/C,mGAA+C,CAL/C,gBAAiB,CAFjB,qCAQF,CAEA,wCASE,4BAA2C,CAA3C,0EAA2C,CAN3C,6CAA0C,CAD1C,SAQF,CAME,iaAGE,+BAAgC,CADhC,QAEF,CAEA,iNAEE,uEAA4C,CAD5C,wCAEF,CAEA,gNAIE,mEAAwC,CAFxC,YAGF,CAIF,qIAIE,cAAe,CADf,UAkBF,CAfE,iSAEE,SAAU,CACV,aACF,CAEA,iJAEE,UACF,CAEA,gJAEE,UACF,CAIF,mIAGE,SAAU,CACV,aAYF,CAVE,6RAEE,+BAAyB,CACzB,aACF,CAEA,8IAEE,2CACF,CAUA,yxBAKE,+BAAgC,CAFhC,SAAU,CACV,aAAc,CAFd,OAIF,CAEA,6YAEE,oDACF,CAEA,4YACE,4CACF,CAOA,8MAEE,wEAA6C,CAD7C,uCAEF,CAEA,6MAIE,oEAAyC,CAFzC,WAGF,CAOA,2MAEE,yEAA8C,CAD9C,sCAEF,CAEA,0MAIE,qEAA0C,CAF1C,UAGF,CAMA,yRAEE,8BACF,CAMA,qSAEE,QACF,CAEA,mJACE,+BACF,CAEA,kJAEE,2CACF,CAGF,6DACE,uCACF,CAEA,4DACE,sCACF,CAEA,6DACE,uCACF,CAEA,4DACE,sCACF,CAEA,6DACE,uCACF,CAEA,2DACE,UACF,CAEA,6DACE,wCACF,CAEA,8DACE,yCACF,CAEA,6DACE,wCACF,CAEA,8DACE,2CACF,CAEA,mEACE,uBAAmB,CAAnB,kBACF,CAEA,4DACE,WACF","file":"Popover-3ba3b962.css","sourcesContent":[".Popover {\n position: absolute;\n z-index: 100;\n display: none;\n\n &:where([data-open]) {\n display: block;\n }\n\n &:where([data-relative]) {\n position: relative;\n }\n}\n\n.PopoverContent {\n position: relative;\n padding: var(--base-size-24);\n margin-right: auto;\n margin-left: auto;\n background-color: var(--overlay-bgColor);\n border: var(--borderWidth-thin) solid var(--borderColor-default);\n border-radius: var(--borderRadius-medium);\n\n /* Carets */\n &::before,\n &::after {\n position: absolute;\n left: 50%;\n display: inline-block;\n content: '';\n }\n\n &::before {\n top: calc(-1 * var(--base-size-16));\n /* stylelint-disable-next-line primer/spacing */\n margin-left: -9px;\n\n /* TODO: solid? */\n /* stylelint-disable-next-line primer/borders */\n border: var(--base-size-8) solid transparent;\n border-bottom-color: var(--borderColor-default);\n }\n\n &::after {\n /* stylelint-disable-next-line primer/spacing */\n top: -14px;\n margin-left: calc(-1 * var(--base-size-8));\n\n /* // todo: solid */\n /* stylelint-disable-next-line primer/borders */\n border: 7px solid transparent;\n /* stylelint-disable-next-line primer/colors */\n border-bottom-color: var(--overlay-bgColor);\n }\n\n /* Bottom-oriented carets */\n :where([data-caret='bottom']) &,\n :where([data-caret='bottom-right']) &,\n :where([data-caret='bottom-left']) & {\n &::before,\n &::after {\n top: auto;\n border-bottom-color: transparent;\n }\n\n &::before {\n bottom: calc(-1 * var(--base-size-16));\n border-top-color: var(--borderColor-default);\n }\n\n &::after {\n /* stylelint-disable-next-line primer/spacing */\n bottom: -14px;\n /* stylelint-disable-next-line primer/colors */\n border-top-color: var(--overlay-bgColor);\n }\n }\n\n /* Top & Bottom: Right-oriented carets */\n :where([data-caret='top-right']) &,\n :where([data-caret='bottom-right']) & {\n /* stylelint-disable-next-line primer/spacing */\n right: -9px;\n margin-right: 0;\n\n &::before,\n &::after {\n left: auto;\n margin-left: 0;\n }\n\n &::before {\n /* stylelint-disable-next-line primer/spacing */\n right: 20px;\n }\n\n &::after {\n /* stylelint-disable-next-line primer/spacing */\n right: 21px;\n }\n }\n\n /* Top & Bottom: Left-oriented carets */\n :where([data-caret='top-left']) &,\n :where([data-caret='bottom-left']) & {\n /* stylelint-disable-next-line primer/spacing */\n left: -9px;\n margin-left: 0;\n\n &::before,\n &::after {\n left: var(--base-size-24);\n margin-left: 0;\n }\n\n &::after {\n /* stylelint-disable-next-line primer/spacing */\n left: calc(var(--base-size-24) + 1px);\n }\n }\n\n /* Right- & Left-oriented carets */\n :where([data-caret='right']) &,\n :where([data-caret='right-top']) &,\n :where([data-caret='right-bottom']) &,\n :where([data-caret='left']) &,\n :where([data-caret='left-top']) &,\n :where([data-caret='left-bottom']) & {\n &::before,\n &::after {\n top: 50%;\n left: auto;\n margin-left: 0;\n border-bottom-color: transparent;\n }\n\n &::before {\n /* stylelint-disable-next-line primer/spacing */\n margin-top: calc((var(--base-size-8) + 1px) * -1);\n }\n\n &::after {\n margin-top: calc(-1 * var(--base-size-8));\n }\n }\n\n /* Right-oriented carets */\n :where([data-caret='right']) &,\n :where([data-caret='right-top']) &,\n :where([data-caret='right-bottom']) & {\n &::before {\n right: calc(-1 * var(--base-size-16));\n border-left-color: var(--borderColor-default);\n }\n\n &::after {\n /* stylelint-disable-next-line primer/spacing */\n right: -14px;\n /* stylelint-disable-next-line primer/colors */\n border-left-color: var(--overlay-bgColor);\n }\n }\n\n /* Left-oriented carets */\n :where([data-caret='left']) &,\n :where([data-caret='left-top']) &,\n :where([data-caret='left-bottom']) & {\n &::before {\n left: calc(-1 * var(--base-size-16));\n border-right-color: var(--borderColor-default);\n }\n\n &::after {\n /* stylelint-disable-next-line primer/spacing */\n left: -14px;\n /* stylelint-disable-next-line primer/colors */\n border-right-color: var(--overlay-bgColor);\n }\n }\n\n /* Right & Left: Top-oriented carets */\n :where([data-caret='right-top']) &,\n :where([data-caret='left-top']) & {\n &::before,\n &::after {\n top: var(--base-size-24);\n }\n }\n\n /* Right & Left: Bottom-oriented carets */\n :where([data-caret='right-bottom']) &,\n :where([data-caret='left-bottom']) & {\n &::before,\n &::after {\n top: auto;\n }\n\n &::before {\n bottom: var(--base-size-16);\n }\n\n &::after {\n /* stylelint-disable-next-line primer/spacing */\n bottom: calc(var(--base-size-16) + 1px);\n }\n }\n\n &:where([data-width='xsmall']) {\n width: var(--overlay-width-xsmall);\n }\n\n &:where([data-width='small']) {\n width: var(--overlay-width-small);\n }\n\n &:where([data-width='medium']) {\n width: var(--overlay-width-medium);\n }\n\n &:where([data-width='large']) {\n width: var(--overlay-width-large);\n }\n\n &:where([data-width='xlarge']) {\n width: var(--overlay-width-xlarge);\n }\n\n &:where([data-width='auto']) {\n width: auto;\n }\n\n &:where([data-height='small']) {\n height: var(--overlay-height-small);\n }\n\n &:where([data-height='medium']) {\n height: var(--overlay-height-medium);\n }\n\n &:where([data-height='large']) {\n height: var(--overlay-height-large);\n }\n\n &:where([data-height='xlarge']) {\n height: var(--overlay-height-xlarge);\n }\n\n &:where([data-height='fit-content']) {\n height: fit-content;\n }\n\n &:where([data-height='auto']) {\n height: auto;\n }\n}\n"]}
@@ -1,2 +0,0 @@
1
- @keyframes prc-ProgressBar-shimmer-i1RxN{0%{mask-position:200%}to{mask-position:0}}.prc-ProgressBar-ProgressBarItem-stL6O{--progress-width: ;--progress-bg: ;background-color:var(--progress-bg);width:var(--progress-width)}@media (prefers-reduced-motion:no-preference){.prc-ProgressBar-ProgressBarItem-stL6O[data-animated=true]{animation-duration:1s;animation-iteration-count:infinite;animation-name:prc-ProgressBar-shimmer-i1RxN;mask-image:linear-gradient(75deg,#000 30%,rgba(0,0,0,.65) 80%);mask-size:200%}}.prc-ProgressBar-ProgressBarContainer-E-z8S{background-color:var(--progressBar-track-bgColor);border-radius:var(--borderRadius-small,.1875rem);display:flex;gap:2px;outline:solid 1px var(--progressBar-track-borderColor);outline-offset:-1px;overflow:hidden}.prc-ProgressBar-ProgressBarContainer-E-z8S:where([data-progress-display=inline]){display:inline-flex}.prc-ProgressBar-ProgressBarContainer-E-z8S:where([data-progress-bar-size=default]){height:8px}.prc-ProgressBar-ProgressBarContainer-E-z8S:where([data-progress-bar-size=small]){height:5px}.prc-ProgressBar-ProgressBarContainer-E-z8S:where([data-progress-bar-size=large]){height:10px}@media (forced-colors:active){:root{--progress-bg:LinkText;--progressBar-track-bgColor:CanvasText}.prc-ProgressBar-ProgressBarContainer-E-z8S,.prc-ProgressBar-ProgressBarItem-stL6O{forced-color-adjust:none}}
2
- /*# sourceMappingURL=ProgressBar-b667c85b.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/Token/Token.module.css"],"names":[],"mappings":"AAAA,uBAGE,yEAA8C,CAC9C,+DAAsC,CACtC,kBAAmB,CAHnB,gDAA2B,CAD3B,cAKF,CAEA,4DAEE,yEAA8C,CAC9C,kEAAwC,CAFxC,oDAGF,CAEA,sDACE,oDACF,CAEA,gDACE,eACF,CAEA,wCAIE,aAAc,CADd,aAAc,CAFd,sCAIF,CAEA,oCACE,qCACF","file":"Token-942271b0.css","sourcesContent":[".Token {\n max-width: 100%;\n color: var(--fgColor-muted);\n background-color: var(--bgColor-neutral-muted);\n border-color: var(--borderColor-muted);\n border-style: solid;\n}\n\n.Token:where([data-interactive='true']):hover {\n color: var(--fgColor-default);\n background-color: var(--bgColor-neutral-muted);\n box-shadow: var(--shadow-resting-medium);\n}\n\n.Token:where([data-is-selected='true']) {\n color: var(--fgColor-default);\n}\n\n.Token[data-is-remove-btn='true'] {\n padding-right: 0;\n}\n\n.LeadingVisualContainer {\n margin-right: var(--base-size-4);\n /* stylelint-disable-next-line primer/typography */\n line-height: 0;\n flex-shrink: 0;\n}\n\n.LargeLeadingVisual {\n margin-right: var(--base-size-8);\n}\n"]}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/Token/TokenBase.module.css"],"names":[],"mappings":"AAAA,2BAQE,kBAAmB,CADnB,kDAAuC,CALvC,mBAAoB,CACpB,mBAAoB,CACpB,gDAA6C,CAM7C,aAAc,CATd,iBAAkB,CAIlB,4BAAqB,CAArB,oBAAqB,CACrB,kBAKF,CAEA,oEACE,cACF,CAEA,qEACE,WACF,CAEA,oDAKE,4CAAsC,CAHtC,+BAA2B,CAE3B,sCAAgC,CADhC,uCAAiC,CAFjC,UAKF,CAEA,qDAKE,4CAAsC,CAHtC,kCAA2B,CAE3B,qCAAgC,CADhC,sCAAiC,CAFjC,UAKF,CAEA,4CAKE,4CAAsC,CAHtC,iCAA2B,CAE3B,qCAAgC,CADhC,sCAAiC,CAFjC,UAKF,CAEA,6CAOE,8CAAuC,CALvC,+BAA2B,CAG3B,gBAAiB,CACjB,qCAAiC,CAFjC,sCAAkC,CADlC,aAAc,CAFd,UAOF","file":"TokenBase-57c65c47.css","sourcesContent":[".TokenBase {\n position: relative;\n display: inline-flex;\n font-family: inherit;\n font-weight: var(--base-text-weight-semibold);\n text-decoration: none;\n white-space: nowrap;\n border-radius: var(--borderRadius-full);\n align-items: center;\n /* stylelint-disable-next-line primer/typography */\n line-height: 1;\n}\n\n.TokenBase:where([data-cursor-is-interactive='true']) {\n cursor: pointer;\n}\n\n.TokenBase:where([data-cursor-is-interactive='false']) {\n cursor: auto;\n}\n\n.TokenBase:where([data-size='small']) {\n width: auto;\n height: var(--base-size-16);\n padding-right: var(--base-size-4);\n padding-left: var(--base-size-4);\n font-size: var(--text-body-size-small);\n}\n\n.TokenBase:where([data-size='medium']) {\n width: auto;\n height: var(--base-size-20);\n padding-right: var(--base-size-8);\n padding-left: var(--base-size-8);\n font-size: var(--text-body-size-small);\n}\n\n.TokenBase[data-size='large'] {\n width: auto;\n height: var(--base-size-24);\n padding-right: var(--base-size-8);\n padding-left: var(--base-size-8);\n font-size: var(--text-body-size-small);\n}\n\n.TokenBase[data-size='xlarge'] {\n width: auto;\n height: var(--base-size-32);\n padding-top: 0;\n padding-right: var(--base-size-16);\n padding-bottom: 0;\n padding-left: var(--base-size-16);\n font-size: var(--text-body-size-medium);\n}\n"]}