@primer/react 38.0.0-rc.7 → 38.0.0-rc.8
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.
- package/CHANGELOG.md +32 -0
- package/dist/ActionBar/ActionBar-3069d5f1.css +2 -0
- package/dist/ActionBar/ActionBar-3069d5f1.css.map +1 -0
- package/dist/ActionBar/ActionBar.d.ts +6 -0
- package/dist/ActionBar/ActionBar.d.ts.map +1 -1
- package/dist/ActionBar/ActionBar.js +155 -129
- package/dist/ActionBar/ActionBar.module.css.js +1 -1
- package/dist/AnchoredOverlay/AnchoredOverlay.d.ts +1 -1
- package/dist/AnchoredOverlay/AnchoredOverlay.d.ts.map +1 -1
- package/dist/Button/{ButtonBase-0a7871f4.css → ButtonBase-4c44bb02.css} +2 -2
- package/dist/Button/ButtonBase-4c44bb02.css.map +1 -0
- package/dist/Button/ButtonBase.module.css.js +1 -1
- package/dist/Checkbox/Checkbox-edc5dc3e.css +2 -0
- package/dist/Checkbox/{Checkbox-2aef6693.css.map → Checkbox-edc5dc3e.css.map} +1 -1
- package/dist/Checkbox/Checkbox.module.css.js +1 -1
- package/dist/ConfirmationDialog/ConfirmationDialog.d.ts.map +1 -1
- package/dist/ConfirmationDialog/ConfirmationDialog.js +8 -24
- package/dist/NavList/NavList.d.ts.map +1 -1
- package/dist/NavList/NavList.js +1 -1
- package/dist/Pagination/Pagination-16a5b4c6.css +2 -0
- package/dist/Pagination/Pagination-16a5b4c6.css.map +1 -0
- package/dist/Pagination/Pagination.d.ts.map +1 -1
- package/dist/Pagination/Pagination.js +16 -3
- package/dist/Pagination/Pagination.module.css.js +1 -1
- package/dist/ToggleSwitch/{ToggleSwitch-4b23d166.css → ToggleSwitch-d5c8dc81.css} +2 -2
- package/dist/ToggleSwitch/ToggleSwitch-d5c8dc81.css.map +1 -0
- package/dist/ToggleSwitch/ToggleSwitch.module.css.js +1 -1
- package/dist/Token/IssueLabelToken-a5fe569e.css +2 -0
- package/dist/Token/IssueLabelToken-a5fe569e.css.map +1 -0
- package/dist/Token/IssueLabelToken.d.ts.map +1 -1
- package/dist/Token/IssueLabelToken.js +0 -5
- package/dist/Token/IssueLabelToken.module.css.js +1 -1
- package/dist/Token/TokenBase-57c65c47.css +2 -0
- package/dist/Token/TokenBase-57c65c47.css.map +1 -0
- package/dist/Token/TokenBase.js +1 -7
- package/dist/Token/TokenBase.module.css.js +1 -1
- package/dist/Token/_RemoveTokenButton-c205593b.css +2 -0
- package/dist/Token/_RemoveTokenButton-c205593b.css.map +1 -0
- package/dist/Token/_RemoveTokenButton.d.ts.map +1 -1
- package/dist/Token/_RemoveTokenButton.js +3 -4
- package/dist/Token/_RemoveTokenButton.module.css.js +1 -1
- package/dist/experimental/IssueLabel/{IssueLabel-6581d1bd.css → IssueLabel-d9c2c5cf.css} +2 -2
- package/dist/experimental/IssueLabel/IssueLabel-d9c2c5cf.css.map +1 -0
- package/dist/experimental/IssueLabel/IssueLabel.d.ts.map +1 -1
- package/dist/experimental/IssueLabel/IssueLabel.js +52 -70
- package/dist/experimental/IssueLabel/IssueLabel.module.css.js +1 -1
- package/dist/experimental/IssueLabel/getColorFromHex.d.ts +1 -3
- package/dist/experimental/IssueLabel/getColorFromHex.d.ts.map +1 -1
- package/dist/experimental/IssueLabel/getColorFromHex.js +58 -26
- package/dist/index.d.ts +0 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +0 -1
- package/generated/components.json +89 -1
- package/package.json +6 -6
- package/dist/ActionBar/ActionBar-e6a5d54e.css +0 -2
- package/dist/ActionBar/ActionBar-e6a5d54e.css.map +0 -1
- package/dist/Box/Box.js +0 -15
- package/dist/Button/ButtonBase-0a7871f4.css.map +0 -1
- package/dist/Checkbox/Checkbox-2aef6693.css +0 -2
- package/dist/Pagination/Pagination-1845feaa.css +0 -2
- package/dist/Pagination/Pagination-1845feaa.css.map +0 -1
- package/dist/ToggleSwitch/ToggleSwitch-4b23d166.css.map +0 -1
- package/dist/Token/IssueLabelToken-0dbbbcdf.css +0 -2
- package/dist/Token/IssueLabelToken-0dbbbcdf.css.map +0 -1
- package/dist/Token/TokenBase-0386597b.css +0 -2
- package/dist/Token/TokenBase-0386597b.css.map +0 -1
- package/dist/Token/_RemoveTokenButton-d7f5985b.css +0 -2
- package/dist/Token/_RemoveTokenButton-d7f5985b.css.map +0 -1
- package/dist/experimental/IssueLabel/IssueLabel-6581d1bd.css.map +0 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,37 @@
|
|
|
1
1
|
# @primer/react
|
|
2
2
|
|
|
3
|
+
## 38.0.0-rc.8
|
|
4
|
+
|
|
5
|
+
### Major Changes
|
|
6
|
+
|
|
7
|
+
- [#7015](https://github.com/primer/react/pull/7015) [`0889246`](https://github.com/primer/react/commit/0889246fda736fe7dd967a295fe8467109d06bc9) Thanks [@francinelucca](https://github.com/francinelucca)! - @primer/react: chore: remove Box, BoxProps export
|
|
8
|
+
@primer/styled-react: add Box component
|
|
9
|
+
|
|
10
|
+
### Patch Changes
|
|
11
|
+
|
|
12
|
+
- [#6984](https://github.com/primer/react/pull/6984) [`a3765c2`](https://github.com/primer/react/commit/a3765c2e6c7d23972cdeeb8e206d802678f0d832) Thanks [@mperrotti](https://github.com/mperrotti)! - Fixes vertical alignment of prev/next pagination chevrons
|
|
13
|
+
|
|
14
|
+
- [#7014](https://github.com/primer/react/pull/7014) [`a108ab9`](https://github.com/primer/react/commit/a108ab92fa71af83f7da1ee9a311bc272568cfb3) Thanks [@francinelucca](https://github.com/francinelucca)! - chore: remove useTheme from IssueLabel
|
|
15
|
+
|
|
16
|
+
- [#6981](https://github.com/primer/react/pull/6981) [`3099210`](https://github.com/primer/react/commit/30992106820dee75cb2f6f0594e66acfd8b56f3c) Thanks [@mperrotti](https://github.com/mperrotti)! - Removes unwanted box-shadow on buttons with 'inactive' prop passed.
|
|
17
|
+
|
|
18
|
+
- [#6877](https://github.com/primer/react/pull/6877) [`860ac93`](https://github.com/primer/react/commit/860ac93dcdff0ba6f05cac1b5137721a9b34dfcb) Thanks [@mperrotti](https://github.com/mperrotti)! - In `ActionBar`, `aria-label` now gets added to the `role="toolbar"` element.
|
|
19
|
+
|
|
20
|
+
- [#7017](https://github.com/primer/react/pull/7017) [`2fd6c82`](https://github.com/primer/react/commit/2fd6c82e327db24b63cf604465b4192b0d29d8a9) Thanks [@langermank](https://github.com/langermank)! - update token close button sizing
|
|
21
|
+
|
|
22
|
+
- [#7000](https://github.com/primer/react/pull/7000) [`34e7fa8`](https://github.com/primer/react/commit/34e7fa8cd88684c16d17e997aa7ef69d40b50340) Thanks [@pksjce](https://github.com/pksjce)! - Add gap prop to ActionBar for customizable spacing between items
|
|
23
|
+
|
|
24
|
+
- [#6973](https://github.com/primer/react/pull/6973) [`a3f7ea9`](https://github.com/primer/react/commit/a3f7ea96514d4ba0a2d28aeb26e49eaafb8bf474) Thanks [@jonrohan](https://github.com/jonrohan)! - fix(AnchoredOverlay): Omit aria-label and aria-labelledby from renderAnchor props
|
|
25
|
+
|
|
26
|
+
- [#7007](https://github.com/primer/react/pull/7007) [`96968a2`](https://github.com/primer/react/commit/96968a28c1ddb2c31cb3e2f0e2e6297c1ee8df97) Thanks [@mperrotti](https://github.com/mperrotti)! - Corrects bg color of disabled indeterminate checkbox
|
|
27
|
+
|
|
28
|
+
- [#7019](https://github.com/primer/react/pull/7019) [`4308179`](https://github.com/primer/react/commit/43081799465d5e4d66a0d761406a2ab64fb27d91) Thanks [@francinelucca](https://github.com/francinelucca)! - @primer/styled-react: chore(navlist): remove unneeded exports
|
|
29
|
+
@primer/react: add missing isSlot checks
|
|
30
|
+
|
|
31
|
+
- [#6982](https://github.com/primer/react/pull/6982) [`3c32e7e`](https://github.com/primer/react/commit/3c32e7e162ae9a5f66c068639934cc55c01cca72) Thanks [@mperrotti](https://github.com/mperrotti)! - Uses correct bg color for disabled ToggleSwitch knob
|
|
32
|
+
|
|
33
|
+
- [#6980](https://github.com/primer/react/pull/6980) [`4b84948`](https://github.com/primer/react/commit/4b849489b123636209d6dd71b0fe66fbe7963bdb) Thanks [@TylerJDev](https://github.com/TylerJDev)! - ActionBar: Supplies `aria-label` to toolbar inside of `ActionBar`
|
|
34
|
+
|
|
3
35
|
## 38.0.0-rc.7
|
|
4
36
|
|
|
5
37
|
### Major Changes
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
.prc-ActionBar-List-Z4LzW{align-items:center;display:flex;gap:var(--actionbar-gap,var(--stack-gap-condensed,.5rem));list-style:none;margin-bottom:-1px;min-width:0;position:relative;white-space:nowrap}.prc-ActionBar-List-Z4LzW:where([data-gap=none]){--actionbar-gap:0}.prc-ActionBar-List-Z4LzW:where([data-gap=condensed]){--actionbar-gap:var(--stack-gap-condensed,0.5rem)}.prc-ActionBar-Nav-hc-9G{align-items:center;display:flex;justify-content:flex-end;padding-inline:var(--base-size-16,1rem)}.prc-ActionBar-Nav-hc-9G:where([data-flush=true]){padding-inline:0}.prc-ActionBar-Divider-CcBO8:before{background:var(--borderColor-muted,var(--color-border-muted));content:"";display:block;height:var(--base-size-20,1.25rem);width:var(--borderWidth-thin,.0625rem)}
|
|
2
|
+
/*# sourceMappingURL=ActionBar-3069d5f1.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/ActionBar/ActionBar.module.css"],"names":[],"mappings":"AAAA,0BAUE,kBAAmB,CARnB,YAAa,CASb,yDAAqD,CAFrD,eAAgB,CAFhB,kBAAmB,CAJnB,WAAY,CAFZ,iBAAkB,CAOlB,kBAaF,CAPE,iDACE,iBACF,CAEA,sDACE,iDACF,CAGF,yBAIE,kBAAmB,CAHnB,YAAa,CAEb,wBAAyB,CADzB,uCAOF,CAHE,kDACE,gBACF,CAIA,oCAME,6DAAoC,CAFpC,UAAW,CAHX,aAAc,CAEd,kCAA2B,CAD3B,sCAKF","file":"ActionBar-3069d5f1.css","sourcesContent":[".List {\n position: relative;\n display: flex;\n min-width: 0;\n\n /* wonder why this is here */\n /* stylelint-disable-next-line primer/spacing */\n margin-bottom: -1px;\n white-space: nowrap;\n list-style: none;\n align-items: center;\n gap: var(--actionbar-gap, var(--stack-gap-condensed));\n\n /* Gap scale (mirrors Stack) */\n &:where([data-gap='none']) {\n --actionbar-gap: 0;\n }\n\n &:where([data-gap='condensed']) {\n --actionbar-gap: var(--stack-gap-condensed);\n }\n}\n\n.Nav {\n display: flex;\n padding-inline: var(--base-size-16);\n justify-content: flex-end;\n align-items: center;\n\n &:where([data-flush='true']) {\n padding-inline: 0;\n }\n}\n\n.Divider {\n &::before {\n display: block;\n width: var(--borderWidth-thin);\n height: var(--base-size-20);\n content: '';\n /* stylelint-disable-next-line primer/colors */\n background: var(--borderColor-muted);\n }\n}\n"]}
|
|
@@ -12,6 +12,7 @@ type A11yProps = {
|
|
|
12
12
|
*/
|
|
13
13
|
'aria-labelledby': React.AriaAttributes['aria-labelledby'];
|
|
14
14
|
};
|
|
15
|
+
type GapScale = 'none' | 'condensed';
|
|
15
16
|
export type ActionBarProps = {
|
|
16
17
|
/**
|
|
17
18
|
* Size of the action bar
|
|
@@ -27,6 +28,11 @@ export type ActionBarProps = {
|
|
|
27
28
|
flush?: boolean;
|
|
28
29
|
/** Custom className */
|
|
29
30
|
className?: string;
|
|
31
|
+
/**
|
|
32
|
+
* Horizontal gap scale between items (mirrors Stack gap scale)
|
|
33
|
+
* @default 'condensed'
|
|
34
|
+
*/
|
|
35
|
+
gap?: GapScale;
|
|
30
36
|
} & A11yProps;
|
|
31
37
|
export type ActionBarIconButtonProps = {
|
|
32
38
|
disabled?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionBar.d.ts","sourceRoot":"","sources":["../../src/ActionBar/ActionBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAyD,MAAM,OAAO,CAAA;AAS7E,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,WAAW,CAAA;AAqC9C,KAAK,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;AAExC,KAAK,SAAS,GACV;IACE,wDAAwD;IACxD,YAAY,EAAE,KAAK,CAAC,cAAc,CAAC,YAAY,CAAC,CAAA;IAChD,iBAAiB,CAAC,EAAE,SAAS,CAAA;CAC9B,GACD;IACE,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB;;OAEG;IACH,iBAAiB,EAAE,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAA;CAC3D,CAAA;AAEL,MAAM,MAAM,cAAc,GAAG;IAC3B;;;SAGK;IACL,IAAI,CAAC,EAAE,IAAI,CAAA;IAEX,gCAAgC;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IAEzB;;;SAGK;IACL,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;
|
|
1
|
+
{"version":3,"file":"ActionBar.d.ts","sourceRoot":"","sources":["../../src/ActionBar/ActionBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAyD,MAAM,OAAO,CAAA;AAS7E,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,WAAW,CAAA;AAqC9C,KAAK,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;AAExC,KAAK,SAAS,GACV;IACE,wDAAwD;IACxD,YAAY,EAAE,KAAK,CAAC,cAAc,CAAC,YAAY,CAAC,CAAA;IAChD,iBAAiB,CAAC,EAAE,SAAS,CAAA;CAC9B,GACD;IACE,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB;;OAEG;IACH,iBAAiB,EAAE,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAA;CAC3D,CAAA;AAEL,KAAK,QAAQ,GAAG,MAAM,GAAG,WAAW,CAAA;AAEpC,MAAM,MAAM,cAAc,GAAG;IAC3B;;;SAGK;IACL,IAAI,CAAC,EAAE,IAAI,CAAA;IAEX,gCAAgC;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IAEzB;;;SAGK;IACL,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;OAGG;IACH,GAAG,CAAC,EAAE,QAAQ,CAAA;CACf,GAAG,SAAS,CAAA;AAEb,MAAM,MAAM,wBAAwB,GAAG;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAC,GAAG,eAAe,CAAA;AA4E7E,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,CA0IvE,CAAA;AAED,eAAO,MAAM,mBAAmB,0FAiD/B,CAAA;AAED,eAAO,MAAM,eAAe,gCAoB3B,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { c } from 'react-compiler-runtime';
|
|
2
|
-
import React, { forwardRef,
|
|
2
|
+
import React, { forwardRef, useRef, useState, useId } from 'react';
|
|
3
3
|
import { KebabHorizontalIcon } from '@primer/octicons-react';
|
|
4
4
|
import { ActionList } from '../ActionList/index.js';
|
|
5
5
|
import useIsomorphicLayoutEffect from '../utils/useIsomorphicLayoutEffect.js';
|
|
@@ -34,12 +34,12 @@ small (28px), medium (32px), large (40px)
|
|
|
34
34
|
*/
|
|
35
35
|
|
|
36
36
|
const MORE_BTN_WIDTH = 32;
|
|
37
|
-
const calculatePossibleItems = (registryEntries, navWidth, moreMenuWidth = 0) => {
|
|
37
|
+
const calculatePossibleItems = (registryEntries, navWidth, gap, moreMenuWidth = 0) => {
|
|
38
38
|
const widthToFit = navWidth - moreMenuWidth;
|
|
39
39
|
let breakpoint = registryEntries.length; // assume all items will fit
|
|
40
40
|
let sumsOfChildWidth = 0;
|
|
41
41
|
for (const [index, [, child]] of registryEntries.entries()) {
|
|
42
|
-
sumsOfChildWidth += index > 0 ? child.width +
|
|
42
|
+
sumsOfChildWidth += index > 0 ? child.width + gap : child.width;
|
|
43
43
|
if (sumsOfChildWidth > widthToFit) {
|
|
44
44
|
breakpoint = index;
|
|
45
45
|
break;
|
|
@@ -49,11 +49,11 @@ const calculatePossibleItems = (registryEntries, navWidth, moreMenuWidth = 0) =>
|
|
|
49
49
|
}
|
|
50
50
|
return breakpoint;
|
|
51
51
|
};
|
|
52
|
-
const getMenuItems = (navWidth, moreMenuWidth, childRegistry, hasActiveMenu) => {
|
|
52
|
+
const getMenuItems = (navWidth, moreMenuWidth, childRegistry, hasActiveMenu, gap) => {
|
|
53
53
|
const registryEntries = Array.from(childRegistry).filter(entry => entry[1] !== null);
|
|
54
54
|
if (registryEntries.length === 0) return new Set();
|
|
55
|
-
const numberOfItemsPossible = calculatePossibleItems(registryEntries, navWidth);
|
|
56
|
-
const numberOfItemsPossibleWithMoreMenu = calculatePossibleItems(registryEntries, navWidth, moreMenuWidth || MORE_BTN_WIDTH);
|
|
55
|
+
const numberOfItemsPossible = calculatePossibleItems(registryEntries, navWidth, gap);
|
|
56
|
+
const numberOfItemsPossibleWithMoreMenu = calculatePossibleItems(registryEntries, navWidth, gap, moreMenuWidth || MORE_BTN_WIDTH);
|
|
57
57
|
const menuItems = new Set();
|
|
58
58
|
|
|
59
59
|
// First, we check if we can fit all the items with their icons
|
|
@@ -85,168 +85,189 @@ const getMenuItems = (navWidth, moreMenuWidth, childRegistry, hasActiveMenu) =>
|
|
|
85
85
|
}
|
|
86
86
|
};
|
|
87
87
|
const ActionBar = props => {
|
|
88
|
-
const $ = c(
|
|
88
|
+
const $ = c(40);
|
|
89
89
|
const {
|
|
90
90
|
size: t0,
|
|
91
91
|
children,
|
|
92
92
|
"aria-label": ariaLabel,
|
|
93
|
+
"aria-labelledby": ariaLabelledBy,
|
|
93
94
|
flush: t1,
|
|
94
|
-
className
|
|
95
|
+
className,
|
|
96
|
+
gap: t2
|
|
95
97
|
} = props;
|
|
96
98
|
const size = t0 === undefined ? "medium" : t0;
|
|
97
99
|
const flush = t1 === undefined ? false : t1;
|
|
100
|
+
const gap = t2 === undefined ? "condensed" : t2;
|
|
101
|
+
const listRef = useRef(null);
|
|
102
|
+
const [computedGap, setComputedGap] = useState(ACTIONBAR_ITEM_GAP);
|
|
98
103
|
const [childRegistry, setChildRegistry] = useState(_temp);
|
|
99
|
-
let
|
|
104
|
+
let t3;
|
|
100
105
|
if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
|
|
101
|
-
|
|
102
|
-
$[0] =
|
|
106
|
+
t3 = (id, childProps) => setChildRegistry(prev => new Map(prev).set(id, childProps));
|
|
107
|
+
$[0] = t3;
|
|
103
108
|
} else {
|
|
104
|
-
|
|
109
|
+
t3 = $[0];
|
|
105
110
|
}
|
|
106
|
-
const registerChild =
|
|
107
|
-
let
|
|
111
|
+
const registerChild = t3;
|
|
112
|
+
let t4;
|
|
108
113
|
if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
|
|
109
|
-
|
|
110
|
-
$[1] =
|
|
114
|
+
t4 = id_0 => setChildRegistry(prev_0 => new Map(prev_0).set(id_0, null));
|
|
115
|
+
$[1] = t4;
|
|
111
116
|
} else {
|
|
112
|
-
|
|
117
|
+
t4 = $[1];
|
|
113
118
|
}
|
|
114
|
-
const unregisterChild =
|
|
119
|
+
const unregisterChild = t4;
|
|
115
120
|
const [menuItemIds, setMenuItemIds] = useState(_temp2);
|
|
116
121
|
const navRef = useRef(null);
|
|
117
|
-
|
|
122
|
+
let t5;
|
|
123
|
+
if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
|
|
124
|
+
t5 = () => {
|
|
125
|
+
if (!listRef.current) {
|
|
126
|
+
return;
|
|
127
|
+
}
|
|
128
|
+
const g = window.getComputedStyle(listRef.current).gap;
|
|
129
|
+
const parsed = parseFloat(g);
|
|
130
|
+
if (!Number.isNaN(parsed)) {
|
|
131
|
+
setComputedGap(parsed);
|
|
132
|
+
}
|
|
133
|
+
};
|
|
134
|
+
$[2] = t5;
|
|
135
|
+
} else {
|
|
136
|
+
t5 = $[2];
|
|
137
|
+
}
|
|
138
|
+
let t6;
|
|
139
|
+
if ($[3] !== gap) {
|
|
140
|
+
t6 = [gap];
|
|
141
|
+
$[3] = gap;
|
|
142
|
+
$[4] = t6;
|
|
143
|
+
} else {
|
|
144
|
+
t6 = $[4];
|
|
145
|
+
}
|
|
146
|
+
useIsomorphicLayoutEffect(t5, t6);
|
|
118
147
|
const moreMenuRef = useRef(null);
|
|
119
148
|
const moreMenuBtnRef = useRef(null);
|
|
120
149
|
const containerRef = React.useRef(null);
|
|
121
|
-
let
|
|
122
|
-
if ($[
|
|
123
|
-
|
|
150
|
+
let t7;
|
|
151
|
+
if ($[5] !== childRegistry || $[6] !== computedGap || $[7] !== menuItemIds.size) {
|
|
152
|
+
t7 = resizeObserverEntries => {
|
|
124
153
|
var _moreMenuRef$current$, _moreMenuRef$current;
|
|
125
154
|
const navWidth = resizeObserverEntries[0].contentRect.width;
|
|
126
155
|
const moreMenuWidth = (_moreMenuRef$current$ = (_moreMenuRef$current = moreMenuRef.current) === null || _moreMenuRef$current === void 0 ? void 0 : _moreMenuRef$current.getBoundingClientRect().width) !== null && _moreMenuRef$current$ !== void 0 ? _moreMenuRef$current$ : 0;
|
|
127
156
|
const hasActiveMenu = menuItemIds.size > 0;
|
|
128
157
|
if (navWidth > 0) {
|
|
129
|
-
const newMenuItemIds = getMenuItems(navWidth, moreMenuWidth, childRegistry, hasActiveMenu);
|
|
158
|
+
const newMenuItemIds = getMenuItems(navWidth, moreMenuWidth, childRegistry, hasActiveMenu, computedGap);
|
|
130
159
|
if (newMenuItemIds) {
|
|
131
160
|
setMenuItemIds(newMenuItemIds);
|
|
132
161
|
}
|
|
133
162
|
}
|
|
134
163
|
};
|
|
135
|
-
$[
|
|
136
|
-
$[
|
|
137
|
-
$[
|
|
164
|
+
$[5] = childRegistry;
|
|
165
|
+
$[6] = computedGap;
|
|
166
|
+
$[7] = menuItemIds.size;
|
|
167
|
+
$[8] = t7;
|
|
138
168
|
} else {
|
|
139
|
-
|
|
169
|
+
t7 = $[8];
|
|
140
170
|
}
|
|
141
|
-
useResizeObserver(
|
|
142
|
-
let
|
|
143
|
-
if ($[
|
|
144
|
-
|
|
145
|
-
$[
|
|
146
|
-
$[
|
|
171
|
+
useResizeObserver(t7, navRef);
|
|
172
|
+
let t8;
|
|
173
|
+
if ($[9] !== menuItemIds) {
|
|
174
|
+
t8 = id_1 => !menuItemIds.has(id_1);
|
|
175
|
+
$[9] = menuItemIds;
|
|
176
|
+
$[10] = t8;
|
|
147
177
|
} else {
|
|
148
|
-
|
|
178
|
+
t8 = $[10];
|
|
149
179
|
}
|
|
150
|
-
const isVisibleChild =
|
|
180
|
+
const isVisibleChild = t8;
|
|
151
181
|
const [isWidgetOpen, setIsWidgetOpen] = useState(false);
|
|
152
|
-
let
|
|
153
|
-
if ($[
|
|
154
|
-
|
|
182
|
+
let t9;
|
|
183
|
+
if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
|
|
184
|
+
t9 = () => {
|
|
155
185
|
setIsWidgetOpen(false);
|
|
156
186
|
};
|
|
157
|
-
$[
|
|
187
|
+
$[11] = t9;
|
|
158
188
|
} else {
|
|
159
|
-
|
|
189
|
+
t9 = $[11];
|
|
160
190
|
}
|
|
161
|
-
const closeOverlay =
|
|
162
|
-
let
|
|
163
|
-
if ($[
|
|
164
|
-
|
|
191
|
+
const closeOverlay = t9;
|
|
192
|
+
let t10;
|
|
193
|
+
if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
|
|
194
|
+
t10 = () => {
|
|
165
195
|
var _moreMenuBtnRef$curre;
|
|
166
196
|
(_moreMenuBtnRef$curre = moreMenuBtnRef.current) === null || _moreMenuBtnRef$curre === void 0 ? void 0 : _moreMenuBtnRef$curre.focus();
|
|
167
197
|
};
|
|
168
|
-
$[
|
|
198
|
+
$[12] = t10;
|
|
169
199
|
} else {
|
|
170
|
-
|
|
200
|
+
t10 = $[12];
|
|
171
201
|
}
|
|
172
|
-
const focusOnMoreMenuBtn =
|
|
173
|
-
let
|
|
174
|
-
let
|
|
175
|
-
if ($[
|
|
176
|
-
|
|
202
|
+
const focusOnMoreMenuBtn = t10;
|
|
203
|
+
let t11;
|
|
204
|
+
let t12;
|
|
205
|
+
if ($[13] !== isWidgetOpen) {
|
|
206
|
+
t11 = event => {
|
|
177
207
|
if (isWidgetOpen) {
|
|
178
208
|
event.preventDefault();
|
|
179
209
|
closeOverlay();
|
|
180
210
|
focusOnMoreMenuBtn();
|
|
181
211
|
}
|
|
182
212
|
};
|
|
183
|
-
|
|
184
|
-
$[
|
|
185
|
-
$[
|
|
186
|
-
$[
|
|
213
|
+
t12 = [isWidgetOpen];
|
|
214
|
+
$[13] = isWidgetOpen;
|
|
215
|
+
$[14] = t11;
|
|
216
|
+
$[15] = t12;
|
|
187
217
|
} else {
|
|
188
|
-
|
|
189
|
-
|
|
218
|
+
t11 = $[14];
|
|
219
|
+
t12 = $[15];
|
|
190
220
|
}
|
|
191
|
-
useOnEscapePress(
|
|
192
|
-
let
|
|
193
|
-
if ($[
|
|
194
|
-
|
|
221
|
+
useOnEscapePress(t11, t12);
|
|
222
|
+
let t13;
|
|
223
|
+
if ($[16] === Symbol.for("react.memo_cache_sentinel")) {
|
|
224
|
+
t13 = {
|
|
195
225
|
onClickOutside: closeOverlay,
|
|
196
226
|
containerRef,
|
|
197
227
|
ignoreClickRefs: [moreMenuBtnRef]
|
|
198
228
|
};
|
|
199
|
-
$[
|
|
229
|
+
$[16] = t13;
|
|
200
230
|
} else {
|
|
201
|
-
|
|
231
|
+
t13 = $[16];
|
|
202
232
|
}
|
|
203
|
-
useOnOutsideClick(
|
|
204
|
-
let
|
|
205
|
-
if ($[
|
|
206
|
-
|
|
233
|
+
useOnOutsideClick(t13);
|
|
234
|
+
let t14;
|
|
235
|
+
if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
|
|
236
|
+
t14 = {
|
|
207
237
|
containerRef: listRef,
|
|
208
238
|
bindKeys: FocusKeys.ArrowHorizontal | FocusKeys.HomeAndEnd,
|
|
209
239
|
focusOutBehavior: "wrap"
|
|
210
240
|
};
|
|
211
|
-
$[
|
|
241
|
+
$[17] = t14;
|
|
212
242
|
} else {
|
|
213
|
-
|
|
243
|
+
t14 = $[17];
|
|
214
244
|
}
|
|
215
|
-
useFocusZone(
|
|
216
|
-
let
|
|
217
|
-
if ($[
|
|
218
|
-
|
|
245
|
+
useFocusZone(t14);
|
|
246
|
+
let t15;
|
|
247
|
+
if ($[18] !== isVisibleChild || $[19] !== size) {
|
|
248
|
+
t15 = {
|
|
219
249
|
size,
|
|
220
250
|
registerChild,
|
|
221
251
|
unregisterChild,
|
|
222
252
|
isVisibleChild
|
|
223
253
|
};
|
|
224
|
-
$[
|
|
225
|
-
$[
|
|
226
|
-
$[
|
|
227
|
-
} else {
|
|
228
|
-
t12 = $[16];
|
|
229
|
-
}
|
|
230
|
-
let t13;
|
|
231
|
-
if ($[17] !== className) {
|
|
232
|
-
t13 = clsx(className, styles.Nav);
|
|
233
|
-
$[17] = className;
|
|
234
|
-
$[18] = t13;
|
|
254
|
+
$[18] = isVisibleChild;
|
|
255
|
+
$[19] = size;
|
|
256
|
+
$[20] = t15;
|
|
235
257
|
} else {
|
|
236
|
-
|
|
258
|
+
t15 = $[20];
|
|
237
259
|
}
|
|
238
|
-
let
|
|
239
|
-
if ($[
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
$[19] = t14;
|
|
260
|
+
let t16;
|
|
261
|
+
if ($[21] !== className) {
|
|
262
|
+
t16 = clsx(className, styles.Nav);
|
|
263
|
+
$[21] = className;
|
|
264
|
+
$[22] = t16;
|
|
244
265
|
} else {
|
|
245
|
-
|
|
266
|
+
t16 = $[22];
|
|
246
267
|
}
|
|
247
|
-
let
|
|
248
|
-
if ($[
|
|
249
|
-
|
|
268
|
+
let t17;
|
|
269
|
+
if ($[23] !== ariaLabel || $[24] !== childRegistry || $[25] !== menuItemIds) {
|
|
270
|
+
t17 = menuItemIds.size > 0 && /*#__PURE__*/jsxs(ActionMenu, {
|
|
250
271
|
children: [/*#__PURE__*/jsx(ActionMenu.Anchor, {
|
|
251
272
|
children: /*#__PURE__*/jsx(IconButton, {
|
|
252
273
|
variant: "invisible",
|
|
@@ -285,56 +306,61 @@ const ActionBar = props => {
|
|
|
285
306
|
})
|
|
286
307
|
})]
|
|
287
308
|
});
|
|
288
|
-
$[
|
|
289
|
-
$[
|
|
290
|
-
$[
|
|
291
|
-
$[
|
|
309
|
+
$[23] = ariaLabel;
|
|
310
|
+
$[24] = childRegistry;
|
|
311
|
+
$[25] = menuItemIds;
|
|
312
|
+
$[26] = t17;
|
|
292
313
|
} else {
|
|
293
|
-
|
|
314
|
+
t17 = $[26];
|
|
294
315
|
}
|
|
295
|
-
let
|
|
296
|
-
if ($[
|
|
297
|
-
|
|
316
|
+
let t18;
|
|
317
|
+
if ($[27] !== ariaLabel || $[28] !== ariaLabelledBy || $[29] !== children || $[30] !== gap || $[31] !== t17) {
|
|
318
|
+
t18 = /*#__PURE__*/jsxs("div", {
|
|
298
319
|
ref: listRef,
|
|
299
320
|
role: "toolbar",
|
|
300
321
|
className: styles.List,
|
|
301
|
-
|
|
302
|
-
|
|
322
|
+
"aria-label": ariaLabel,
|
|
323
|
+
"aria-labelledby": ariaLabelledBy,
|
|
324
|
+
"data-gap": gap,
|
|
325
|
+
children: [children, t17]
|
|
303
326
|
});
|
|
304
|
-
$[
|
|
305
|
-
$[
|
|
306
|
-
$[
|
|
327
|
+
$[27] = ariaLabel;
|
|
328
|
+
$[28] = ariaLabelledBy;
|
|
329
|
+
$[29] = children;
|
|
330
|
+
$[30] = gap;
|
|
331
|
+
$[31] = t17;
|
|
332
|
+
$[32] = t18;
|
|
307
333
|
} else {
|
|
308
|
-
|
|
334
|
+
t18 = $[32];
|
|
309
335
|
}
|
|
310
|
-
let
|
|
311
|
-
if ($[
|
|
312
|
-
|
|
336
|
+
let t19;
|
|
337
|
+
if ($[33] !== flush || $[34] !== t16 || $[35] !== t18) {
|
|
338
|
+
t19 = /*#__PURE__*/jsx("div", {
|
|
313
339
|
ref: navRef,
|
|
314
|
-
className:
|
|
340
|
+
className: t16,
|
|
315
341
|
"data-flush": flush,
|
|
316
|
-
children:
|
|
342
|
+
children: t18
|
|
317
343
|
});
|
|
318
|
-
$[
|
|
319
|
-
$[
|
|
320
|
-
$[
|
|
321
|
-
$[
|
|
344
|
+
$[33] = flush;
|
|
345
|
+
$[34] = t16;
|
|
346
|
+
$[35] = t18;
|
|
347
|
+
$[36] = t19;
|
|
322
348
|
} else {
|
|
323
|
-
|
|
349
|
+
t19 = $[36];
|
|
324
350
|
}
|
|
325
|
-
let
|
|
326
|
-
if ($[
|
|
327
|
-
|
|
328
|
-
value:
|
|
329
|
-
children:
|
|
351
|
+
let t20;
|
|
352
|
+
if ($[37] !== t15 || $[38] !== t19) {
|
|
353
|
+
t20 = /*#__PURE__*/jsx(ActionBarContext.Provider, {
|
|
354
|
+
value: t15,
|
|
355
|
+
children: t19
|
|
330
356
|
});
|
|
331
|
-
$[
|
|
332
|
-
$[
|
|
333
|
-
$[
|
|
357
|
+
$[37] = t15;
|
|
358
|
+
$[38] = t19;
|
|
359
|
+
$[39] = t20;
|
|
334
360
|
} else {
|
|
335
|
-
|
|
361
|
+
t20 = $[39];
|
|
336
362
|
}
|
|
337
|
-
return
|
|
363
|
+
return t20;
|
|
338
364
|
};
|
|
339
365
|
const ActionBarIconButton = /*#__PURE__*/forwardRef((t0, forwardedRef) => {
|
|
340
366
|
const $ = c(26);
|
|
@@ -10,7 +10,7 @@ interface AnchoredOverlayPropsWithAnchor {
|
|
|
10
10
|
* A custom function component used to render the anchor element.
|
|
11
11
|
* Will receive the selected text as `children` prop when an item is activated.
|
|
12
12
|
*/
|
|
13
|
-
renderAnchor: <T extends React.HTMLAttributes<HTMLElement>>(props: T) => JSX.Element;
|
|
13
|
+
renderAnchor: <T extends Omit<React.HTMLAttributes<HTMLElement>, 'aria-label' | 'aria-labelledby'>>(props: T) => JSX.Element;
|
|
14
14
|
/**
|
|
15
15
|
* An override to the internal ref that will be spread on to the renderAnchor
|
|
16
16
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AnchoredOverlay.d.ts","sourceRoot":"","sources":["../../src/AnchoredOverlay/AnchoredOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,YAAY,CAAA;AAE5C,OAAO,KAAK,EAAC,qBAAqB,EAAC,MAAM,uBAAuB,CAAA;AAEhE,OAAO,KAAK,EAAC,qBAAqB,EAAC,MAAM,uBAAuB,CAAA;AAIhE,OAAO,KAAK,EAAC,cAAc,EAAE,gBAAgB,EAAC,MAAM,mBAAmB,CAAA;AACvE,OAAO,EAAqB,KAAK,eAAe,EAAC,MAAM,6BAA6B,CAAA;AACpF,OAAO,EAAa,KAAK,eAAe,EAAC,MAAM,WAAW,CAAA;AAK1D,UAAU,8BAA8B;IACtC;;;OAGG;IACH,YAAY,EAAE,CAAC,CAAC,SAAS,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,KAAK,EAAE,CAAC,
|
|
1
|
+
{"version":3,"file":"AnchoredOverlay.d.ts","sourceRoot":"","sources":["../../src/AnchoredOverlay/AnchoredOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,YAAY,CAAA;AAE5C,OAAO,KAAK,EAAC,qBAAqB,EAAC,MAAM,uBAAuB,CAAA;AAEhE,OAAO,KAAK,EAAC,qBAAqB,EAAC,MAAM,uBAAuB,CAAA;AAIhE,OAAO,KAAK,EAAC,cAAc,EAAE,gBAAgB,EAAC,MAAM,mBAAmB,CAAA;AACvE,OAAO,EAAqB,KAAK,eAAe,EAAC,MAAM,6BAA6B,CAAA;AACpF,OAAO,EAAa,KAAK,eAAe,EAAC,MAAM,WAAW,CAAA;AAK1D,UAAU,8BAA8B;IACtC;;;OAGG;IACH,YAAY,EAAE,CAAC,CAAC,SAAS,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,YAAY,GAAG,iBAAiB,CAAC,EAChG,KAAK,EAAE,CAAC,KACL,GAAG,CAAC,OAAO,CAAA;IAEhB;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAA;IAExC;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,UAAU,iCAAiC;IACzC;;;OAGG;IACH,YAAY,EAAE,IAAI,CAAA;IAElB;;;OAGG;IACH,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAA;IACvC;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,MAAM,iCAAiC,GACzC,OAAO,CAAC,8BAA8B,CAAC,GACvC,iCAAiC,CAAA;AAErC,UAAU,wBAAyB,SAAQ,IAAI,CAAC,YAAY,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC/E;;OAEG;IACH,IAAI,EAAE,OAAO,CAAA;IAEb;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,GAAG,kBAAkB,EAAE,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,KAAK,OAAO,CAAA;IAE5G;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,GAAG,eAAe,GAAG,QAAQ,GAAG,OAAO,KAAK,OAAO,CAAA;IAErF;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAA;IAEpC;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC,qBAAqB,CAAC,CAAA;IAElD;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC,qBAAqB,CAAC,CAAA;IAElD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC,UAAU,EAAE,UAAU,GAAG,YAAY,CAAC,CAAA;IAChE;;OAEG;IACH,gBAAgB,CAAC,EAAE,CAAC,EAAC,QAAQ,EAAC,EAAE;QAAC,QAAQ,EAAE,cAAc,CAAA;KAAC,KAAK,IAAI,CAAA;IACnE;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAA;CAC5C;AAED,MAAM,MAAM,oBAAoB,GAAG,wBAAwB,GACzD,CAAC,8BAA8B,GAAG,iCAAiC,CAAC,GACpE,OAAO,CAAC,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,MAAM,GAAG,cAAc,GAAG,iBAAiB,CAAC,CAAC,CAAA;AASxF;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,oBAAoB,CAAC,CAwJnF,CAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
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:1.4285714;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:1.6666667}.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;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))}.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);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-
|
|
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:1.4285714;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:1.6666667}.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;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))}.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-4c44bb02.css.map */
|