@primer/react 38.2.0-rc.62ae6b6f4 → 38.2.0-rc.728b8cf16
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.
- package/CHANGELOG.md +20 -0
- package/dist/AnchoredOverlay/AnchoredOverlay.d.ts.map +1 -1
- package/dist/AnchoredOverlay/AnchoredOverlay.js +3 -5
- package/dist/BranchName/BranchName.js +2 -2
- package/dist/Breadcrumbs/Breadcrumbs.js +2 -2
- package/dist/Button/ButtonBase-781fba8b.css +2 -0
- package/dist/Button/ButtonBase-781fba8b.css.map +1 -0
- package/dist/Button/ButtonBase.module.css.js +1 -1
- package/dist/Button/IconButton.d.ts.map +1 -1
- package/dist/Button/IconButton.js +9 -0
- package/dist/Button/types.d.ts +0 -1
- package/dist/Button/types.d.ts.map +1 -1
- package/dist/CheckboxGroup/CheckboxGroup.js +2 -2
- package/dist/CircleBadge/CircleBadge.js +2 -2
- package/dist/CounterLabel/CounterLabel-8c6e8ee4.css +2 -0
- package/dist/CounterLabel/{CounterLabel-44fb5d16.css.map → CounterLabel-8c6e8ee4.css.map} +1 -1
- package/dist/CounterLabel/CounterLabel.d.ts +4 -0
- package/dist/CounterLabel/CounterLabel.d.ts.map +1 -1
- package/dist/CounterLabel/CounterLabel.js +51 -47
- package/dist/CounterLabel/CounterLabel.module.css.js +1 -1
- package/dist/FeatureFlags/DefaultFeatureFlags.d.ts.map +1 -1
- package/dist/FeatureFlags/DefaultFeatureFlags.js +1 -2
- package/dist/FilteredActionList/FilteredActionList.d.ts +21 -1
- package/dist/FilteredActionList/FilteredActionList.d.ts.map +1 -1
- package/dist/FilteredActionList/FilteredActionList.js +13 -17
- package/dist/FilteredActionList/useAnnouncements.d.ts +1 -1
- package/dist/FilteredActionList/useAnnouncements.d.ts.map +1 -1
- package/dist/FilteredActionList/useAnnouncements.js +12 -17
- package/dist/Header/Header.js +2 -2
- package/dist/KeybindingHint/components/Chord.d.ts.map +1 -1
- package/dist/KeybindingHint/components/Chord.js +1 -0
- package/dist/NavList/NavList.d.ts +1 -0
- package/dist/NavList/NavList.d.ts.map +1 -1
- package/dist/NavList/NavList.js +1 -0
- package/dist/Overlay/Overlay-43cda449.css +2 -0
- package/dist/Overlay/Overlay-43cda449.css.map +1 -0
- package/dist/Overlay/Overlay.js +4 -4
- package/dist/Overlay/Overlay.module.css.js +1 -1
- package/dist/Popover/Popover-a93df39c.css +2 -0
- package/dist/Popover/Popover-a93df39c.css.map +1 -0
- package/dist/Popover/Popover.js +2 -2
- package/dist/Popover/Popover.module.css.js +1 -1
- package/dist/ProgressBar/ProgressBar-e403d83d.css +2 -0
- package/dist/ProgressBar/{ProgressBar-b667c85b.css.map → ProgressBar-e403d83d.css.map} +1 -1
- package/dist/ProgressBar/ProgressBar.module.css.js +1 -1
- package/dist/RadioGroup/RadioGroup.js +2 -2
- package/dist/SideNav.js +2 -2
- package/dist/Spinner/Spinner.d.ts +3 -1
- package/dist/Spinner/Spinner.d.ts.map +1 -1
- package/dist/Spinner/Spinner.js +79 -49
- package/dist/StateLabel/{StateLabel-47f1e690.css → StateLabel-bc1aea93.css} +1 -1
- package/dist/StateLabel/{StateLabel-47f1e690.css.map → StateLabel-bc1aea93.css.map} +1 -1
- package/dist/StateLabel/StateLabel.module.css.js +1 -1
- package/dist/SubNav/SubNav.js +2 -2
- package/dist/TabNav/TabNav.js +2 -2
- package/dist/Timeline/Timeline.js +2 -2
- package/dist/Token/{Token-942271b0.css → Token-b3c86dc0.css} +2 -2
- package/dist/Token/Token-b3c86dc0.css.map +1 -0
- package/dist/Token/Token.d.ts +1 -0
- package/dist/Token/Token.d.ts.map +1 -1
- package/dist/Token/Token.js +1 -1
- package/dist/Token/Token.module.css.js +1 -1
- package/dist/Token/{TokenBase-57c65c47.css → TokenBase-a805f182.css} +2 -2
- package/dist/Token/TokenBase-a805f182.css.map +1 -0
- package/dist/Token/TokenBase.module.css.js +1 -1
- package/dist/Token/{_RemoveTokenButton-c205593b.css → _RemoveTokenButton-a0d2969b.css} +2 -2
- package/dist/Token/{_RemoveTokenButton-c205593b.css.map → _RemoveTokenButton-a0d2969b.css.map} +1 -1
- package/dist/Token/_RemoveTokenButton.js +2 -2
- package/dist/Token/_RemoveTokenButton.module.css.js +1 -1
- package/dist/TooltipV2/Tooltip.d.ts +10 -0
- package/dist/TooltipV2/Tooltip.d.ts.map +1 -1
- package/dist/TooltipV2/Tooltip.js +2 -1
- package/dist/deprecated/DialogV1/Dialog.js +2 -2
- package/dist/deprecated/UnderlineNav/UnderlineNav.js +2 -2
- package/dist/experimental/SelectPanel2/SelectPanel-1f8c23b5.css +2 -0
- package/dist/experimental/SelectPanel2/SelectPanel-1f8c23b5.css.map +1 -0
- package/dist/experimental/SelectPanel2/SelectPanel.module.css.js +1 -1
- package/dist/experimental/UnderlinePanels/UnderlinePanels.js +2 -2
- package/generated/components.json +72 -31
- package/package.json +6 -5
- package/dist/Button/ButtonBase-18b9f617.css +0 -2
- package/dist/Button/ButtonBase-18b9f617.css.map +0 -1
- package/dist/CounterLabel/CounterLabel-44fb5d16.css +0 -2
- package/dist/Overlay/Overlay-40e80d0e.css +0 -2
- package/dist/Overlay/Overlay-40e80d0e.css.map +0 -1
- package/dist/Popover/Popover-3ba3b962.css +0 -2
- package/dist/Popover/Popover-3ba3b962.css.map +0 -1
- package/dist/ProgressBar/ProgressBar-b667c85b.css +0 -2
- package/dist/Token/Token-942271b0.css.map +0 -1
- package/dist/Token/TokenBase-57c65c47.css.map +0 -1
- package/dist/experimental/SelectPanel2/SelectPanel-e919f619.css +0 -2
- package/dist/experimental/SelectPanel2/SelectPanel-e919f619.css.map +0 -1
- package/dist/legacy-theme/ts/colors/dark.d.ts +0 -517
- package/dist/legacy-theme/ts/colors/dark.d.ts.map +0 -1
- package/dist/legacy-theme/ts/colors/dark_colorblind.d.ts +0 -517
- package/dist/legacy-theme/ts/colors/dark_colorblind.d.ts.map +0 -1
- package/dist/legacy-theme/ts/colors/dark_dimmed.d.ts +0 -517
- package/dist/legacy-theme/ts/colors/dark_dimmed.d.ts.map +0 -1
- package/dist/legacy-theme/ts/colors/dark_high_contrast.d.ts +0 -517
- package/dist/legacy-theme/ts/colors/dark_high_contrast.d.ts.map +0 -1
- package/dist/legacy-theme/ts/colors/dark_tritanopia.d.ts +0 -517
- package/dist/legacy-theme/ts/colors/dark_tritanopia.d.ts.map +0 -1
- package/dist/legacy-theme/ts/colors/index.d.ts +0 -4638
- package/dist/legacy-theme/ts/colors/index.d.ts.map +0 -1
- package/dist/legacy-theme/ts/colors/light.d.ts +0 -517
- package/dist/legacy-theme/ts/colors/light.d.ts.map +0 -1
- package/dist/legacy-theme/ts/colors/light_colorblind.d.ts +0 -517
- package/dist/legacy-theme/ts/colors/light_colorblind.d.ts.map +0 -1
- package/dist/legacy-theme/ts/colors/light_high_contrast.d.ts +0 -517
- package/dist/legacy-theme/ts/colors/light_high_contrast.d.ts.map +0 -1
- package/dist/legacy-theme/ts/colors/light_tritanopia.d.ts +0 -517
- package/dist/legacy-theme/ts/colors/light_tritanopia.d.ts.map +0 -1
package/dist/Spinner/Spinner.js
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { c } from 'react-compiler-runtime';
|
|
2
|
+
import { useState, useEffect } from 'react';
|
|
2
3
|
import classes from './Spinner.module.css.js';
|
|
3
4
|
import { clsx } from 'clsx';
|
|
4
5
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
@@ -12,13 +13,14 @@ const sizeMap = {
|
|
|
12
13
|
};
|
|
13
14
|
function Spinner(t0) {
|
|
14
15
|
var _ariaLabel;
|
|
15
|
-
const $ = c(
|
|
16
|
+
const $ = c(29);
|
|
16
17
|
let ariaLabel;
|
|
17
18
|
let className;
|
|
18
19
|
let props;
|
|
19
20
|
let style;
|
|
20
21
|
let t1;
|
|
21
22
|
let t2;
|
|
23
|
+
let t3;
|
|
22
24
|
if ($[0] !== t0) {
|
|
23
25
|
({
|
|
24
26
|
size: t1,
|
|
@@ -26,6 +28,7 @@ function Spinner(t0) {
|
|
|
26
28
|
"aria-label": ariaLabel,
|
|
27
29
|
className,
|
|
28
30
|
style,
|
|
31
|
+
delay: t3,
|
|
29
32
|
...props
|
|
30
33
|
} = t0);
|
|
31
34
|
$[0] = t0;
|
|
@@ -35,6 +38,7 @@ function Spinner(t0) {
|
|
|
35
38
|
$[4] = style;
|
|
36
39
|
$[5] = t1;
|
|
37
40
|
$[6] = t2;
|
|
41
|
+
$[7] = t3;
|
|
38
42
|
} else {
|
|
39
43
|
ariaLabel = $[1];
|
|
40
44
|
className = $[2];
|
|
@@ -42,26 +46,52 @@ function Spinner(t0) {
|
|
|
42
46
|
style = $[4];
|
|
43
47
|
t1 = $[5];
|
|
44
48
|
t2 = $[6];
|
|
49
|
+
t3 = $[7];
|
|
45
50
|
}
|
|
46
51
|
const sizeKey = t1 === undefined ? "medium" : t1;
|
|
47
52
|
const srText = t2 === undefined ? "Loading" : t2;
|
|
53
|
+
const delay = t3 === undefined ? false : t3;
|
|
48
54
|
const size = sizeMap[sizeKey];
|
|
49
55
|
const hasHiddenLabel = srText !== null && ariaLabel === undefined;
|
|
50
56
|
const labelId = useId();
|
|
51
|
-
const
|
|
52
|
-
|
|
57
|
+
const [isVisible, setIsVisible] = useState(!delay);
|
|
58
|
+
let t4;
|
|
53
59
|
let t5;
|
|
54
|
-
if ($[
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
60
|
+
if ($[8] !== delay) {
|
|
61
|
+
t4 = () => {
|
|
62
|
+
if (delay) {
|
|
63
|
+
const timeoutId = setTimeout(() => {
|
|
64
|
+
setIsVisible(true);
|
|
65
|
+
}, 1000);
|
|
66
|
+
return () => clearTimeout(timeoutId);
|
|
67
|
+
}
|
|
68
|
+
};
|
|
69
|
+
t5 = [delay];
|
|
70
|
+
$[8] = delay;
|
|
71
|
+
$[9] = t4;
|
|
72
|
+
$[10] = t5;
|
|
58
73
|
} else {
|
|
59
|
-
|
|
74
|
+
t4 = $[9];
|
|
75
|
+
t5 = $[10];
|
|
60
76
|
}
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
77
|
+
useEffect(t4, t5);
|
|
78
|
+
if (!isVisible) {
|
|
79
|
+
return null;
|
|
80
|
+
}
|
|
81
|
+
const t6 = (_ariaLabel = ariaLabel) !== null && _ariaLabel !== void 0 ? _ariaLabel : undefined;
|
|
82
|
+
const t7 = hasHiddenLabel ? labelId : undefined;
|
|
83
|
+
let t8;
|
|
84
|
+
if ($[11] !== className) {
|
|
85
|
+
t8 = clsx(className, classes.SpinnerAnimation);
|
|
86
|
+
$[11] = className;
|
|
87
|
+
$[12] = t8;
|
|
88
|
+
} else {
|
|
89
|
+
t8 = $[12];
|
|
90
|
+
}
|
|
91
|
+
let t10;
|
|
92
|
+
let t9;
|
|
93
|
+
if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
|
|
94
|
+
t9 = /*#__PURE__*/jsx("circle", {
|
|
65
95
|
cx: "8",
|
|
66
96
|
cy: "8",
|
|
67
97
|
r: "7",
|
|
@@ -70,70 +100,70 @@ function Spinner(t0) {
|
|
|
70
100
|
strokeWidth: "2",
|
|
71
101
|
vectorEffect: "non-scaling-stroke"
|
|
72
102
|
});
|
|
73
|
-
|
|
103
|
+
t10 = /*#__PURE__*/jsx("path", {
|
|
74
104
|
d: "M15 8a7.002 7.002 0 00-7-7",
|
|
75
105
|
stroke: "currentColor",
|
|
76
106
|
strokeWidth: "2",
|
|
77
107
|
strokeLinecap: "round",
|
|
78
108
|
vectorEffect: "non-scaling-stroke"
|
|
79
109
|
});
|
|
80
|
-
$[
|
|
81
|
-
$[
|
|
110
|
+
$[13] = t10;
|
|
111
|
+
$[14] = t9;
|
|
82
112
|
} else {
|
|
83
|
-
|
|
84
|
-
|
|
113
|
+
t10 = $[13];
|
|
114
|
+
t9 = $[14];
|
|
85
115
|
}
|
|
86
|
-
let
|
|
87
|
-
if ($[
|
|
88
|
-
|
|
116
|
+
let t11;
|
|
117
|
+
if ($[15] !== props || $[16] !== size || $[17] !== style || $[18] !== t6 || $[19] !== t7 || $[20] !== t8) {
|
|
118
|
+
t11 = /*#__PURE__*/jsxs("svg", {
|
|
89
119
|
height: size,
|
|
90
120
|
width: size,
|
|
91
121
|
viewBox: "0 0 16 16",
|
|
92
122
|
fill: "none",
|
|
93
123
|
"aria-hidden": true,
|
|
94
|
-
"aria-label":
|
|
95
|
-
"aria-labelledby":
|
|
96
|
-
className:
|
|
124
|
+
"aria-label": t6,
|
|
125
|
+
"aria-labelledby": t7,
|
|
126
|
+
className: t8,
|
|
97
127
|
style: style,
|
|
98
128
|
...props,
|
|
99
|
-
children: [
|
|
129
|
+
children: [t9, t10]
|
|
100
130
|
});
|
|
101
|
-
$[
|
|
102
|
-
$[
|
|
103
|
-
$[
|
|
104
|
-
$[
|
|
105
|
-
$[
|
|
106
|
-
$[
|
|
107
|
-
$[
|
|
131
|
+
$[15] = props;
|
|
132
|
+
$[16] = size;
|
|
133
|
+
$[17] = style;
|
|
134
|
+
$[18] = t6;
|
|
135
|
+
$[19] = t7;
|
|
136
|
+
$[20] = t8;
|
|
137
|
+
$[21] = t11;
|
|
108
138
|
} else {
|
|
109
|
-
|
|
139
|
+
t11 = $[21];
|
|
110
140
|
}
|
|
111
|
-
let
|
|
112
|
-
if ($[
|
|
113
|
-
|
|
141
|
+
let t12;
|
|
142
|
+
if ($[22] !== hasHiddenLabel || $[23] !== labelId || $[24] !== srText) {
|
|
143
|
+
t12 = hasHiddenLabel ? /*#__PURE__*/jsx(VisuallyHidden, {
|
|
114
144
|
id: labelId,
|
|
115
145
|
children: srText
|
|
116
146
|
}) : null;
|
|
117
|
-
$[
|
|
118
|
-
$[
|
|
119
|
-
$[
|
|
120
|
-
$[
|
|
147
|
+
$[22] = hasHiddenLabel;
|
|
148
|
+
$[23] = labelId;
|
|
149
|
+
$[24] = srText;
|
|
150
|
+
$[25] = t12;
|
|
121
151
|
} else {
|
|
122
|
-
|
|
152
|
+
t12 = $[25];
|
|
123
153
|
}
|
|
124
|
-
let
|
|
125
|
-
if ($[
|
|
126
|
-
|
|
154
|
+
let t13;
|
|
155
|
+
if ($[26] !== t11 || $[27] !== t12) {
|
|
156
|
+
t13 = /*#__PURE__*/jsxs("span", {
|
|
127
157
|
className: classes.Box,
|
|
128
|
-
children: [
|
|
158
|
+
children: [t11, t12]
|
|
129
159
|
});
|
|
130
|
-
$[
|
|
131
|
-
$[
|
|
132
|
-
$[
|
|
160
|
+
$[26] = t11;
|
|
161
|
+
$[27] = t12;
|
|
162
|
+
$[28] = t13;
|
|
133
163
|
} else {
|
|
134
|
-
|
|
164
|
+
t13 = $[28];
|
|
135
165
|
}
|
|
136
|
-
return
|
|
166
|
+
return t13;
|
|
137
167
|
}
|
|
138
168
|
Spinner.displayName = 'Spinner';
|
|
139
169
|
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
.prc-StateLabel-StateLabel-ukDwa{align-items:center;border-radius:var(--borderRadius-full,624.9375rem);color:var(--fgColor-onEmphasis,var(--color-fg-on-emphasis));display:inline-flex;font-weight:var(--base-text-weight-semibold,600);line-height:16px;text-align:center}.prc-StateLabel-StateLabel-ukDwa:where([data-size=small]){font-size:var(--text-body-size-small,.75rem);padding:var(--base-size-4,.25rem) var(--base-size-8,.5rem)}.prc-StateLabel-StateLabel-ukDwa:where([data-size=medium]){font-size:var(--text-body-size-medium,.875rem);padding:var(--base-size-8,.5rem) var(--base-size-12,.75rem)}.prc-StateLabel-StateLabel-ukDwa:where([data-status=issueClosed]){background-color:var(--bgColor-done-emphasis,var(--color-done-emphasis));box-shadow:var(--boxShadow-thin,inset 0 0 0 1px) var(--borderColor-done-emphasis,transparent);color:var(--fgColor-onEmphasis,var(--color-fg-on-emphasis))}.prc-StateLabel-StateLabel-ukDwa:where([data-status=issueClosedNotPlanned]){background-color:var(--bgColor-neutral-emphasis,var(--color-fg-subtle));box-shadow:var(--boxShadow-thin,inset 0 0 0 1px) var(--borderColor-neutral-emphasis,transparent);color:var(--fgColor-onEmphasis,var(--color-fg-on-emphasis))}.prc-StateLabel-StateLabel-ukDwa:where([data-status=pullClosed]){background-color:var(--bgColor-closed-emphasis,var(--color-closed-emphasis));box-shadow:var(--boxShadow-thin,inset 0 0 0 1px) var(--borderColor-closed-emphasis,transparent);color:var(--fgColor-onEmphasis,var(--color-fg-on-emphasis))}.prc-StateLabel-StateLabel-ukDwa:where([data-status=pullMerged]){background-color:var(--bgColor-done-emphasis,var(--color-done-emphasis));box-shadow:var(--boxShadow-thin,inset 0 0 0 1px) var(--borderColor-done-emphasis,transparent);color:var(--fgColor-onEmphasis,var(--color-fg-on-emphasis))}.prc-StateLabel-StateLabel-ukDwa:where([data-status=pullQueued]){background-color:var(--bgColor-attention-emphasis,var(--color-attention-emphasis));box-shadow:var(--boxShadow-thin,inset 0 0 0 1px) var(--borderColor-attention-emphasis,transparent);color:var(--fgColor-onEmphasis,var(--color-fg-on-emphasis))}.prc-StateLabel-StateLabel-ukDwa:where([data-status=issueOpened]){background-color:var(--bgColor-open-emphasis,var(--color-open-emphasis));box-shadow:var(--boxShadow-thin,inset 0 0 0 1px) var(--borderColor-open-emphasis,transparent);color:var(--fgColor-onEmphasis,var(--color-fg-on-emphasis))}.prc-StateLabel-StateLabel-ukDwa:where([data-status=pullOpened]){background-color:var(--bgColor-open-emphasis,var(--color-open-emphasis));box-shadow:var(--boxShadow-thin,inset 0 0 0 1px) var(--borderColor-open-emphasis,transparent);color:var(--fgColor-onEmphasis,var(--color-fg-on-emphasis))}.prc-StateLabel-StateLabel-ukDwa:where([data-status=draft]){background-color:var(--bgColor-draft-emphasis,var(--bgColor-neutral-emphasis,var(--color-fg-subtle)));box-shadow:var(--boxShadow-thin,inset 0 0 0 1px) var(--borderColor-draft-emphasis,var(--borderColor-neutral-emphasis,transparent));color:var(--fgColor-onEmphasis,var(--color-fg-on-emphasis))}.prc-StateLabel-StateLabel-ukDwa:where([data-status=issueDraft]){background-color:var(--bgColor-draft-emphasis,var(--bgColor-neutral-emphasis,var(--color-fg-subtle)));box-shadow:var(--boxShadow-thin,inset 0 0 0 1px) var(--borderColor-draft-emphasis,var(--borderColor-neutral-emphasis,transparent));color:var(--fgColor-onEmphasis,var(--color-fg-on-emphasis))}.prc-StateLabel-StateLabel-ukDwa:where([data-status=unavailable]){background-color:var(--bgColor-neutral-emphasis,var(--color-fg-subtle));box-shadow:var(--boxShadow-thin,inset 0 0 0 1px) var(--borderColor-neutral-emphasis,transparent);color:var(--fgColor-onEmphasis,var(--color-fg-on-emphasis))}.prc-StateLabel-StateLabel-ukDwa:where([data-status=open]){background-color:var(--bgColor-open-emphasis,var(--color-open-emphasis));box-shadow:var(--boxShadow-thin,inset 0 0 0 1px) var(--borderColor-open-emphasis,transparent);color:var(--fgColor-onEmphasis,var(--color-fg-on-emphasis))}.prc-StateLabel-StateLabel-ukDwa:where([data-status=closed]){background-color:var(--bgColor-done-emphasis,var(--color-done-emphasis));box-shadow:var(--boxShadow-thin,inset 0 0 0 1px) var(--borderColor-done-emphasis,transparent);color:var(--fgColor-onEmphasis,var(--color-fg-on-emphasis))}.prc-StateLabel-Icon-NuDm4{margin-right:var(--base-size-4,.25rem)}.prc-StateLabel-Icon-NuDm4:where([data-size-small]){width:1em}
|
|
2
|
-
/*# sourceMappingURL=StateLabel-
|
|
2
|
+
/*# sourceMappingURL=StateLabel-bc1aea93.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/StateLabel/StateLabel.module.css"],"names":[],"mappings":"AAAA,iCAEE,kBAAmB,CAMnB,kDAAuC,CAFvC,2DAAgC,CALhC,mBAAoB,CAEpB,gDAA6C,CAE7C,gBAAiB,CAEjB,iBAEF,CAGA,0DAEE,4CAAsC,CADtC,0DAEF,CAEA,2DAEE,8CAAuC,CADvC,2DAEF,CAGA,kEACE,wEAA8C,CAE9C,6FAAgG,CADhG,2DAEF,CAEA,4EACE,uEAAiD,CAEjD,gGAAmG,CADnG,2DAEF,CAEA,iEACE,4EAAgD,CAEhD,+FAAkG,CADlG,2DAEF,CAEA,iEACE,wEAA8C,CAE9C,6FAAgG,CADhG,2DAEF,CAEA,iEACE,kFAAmD,CAEnD,kGAAqG,CADrG,2DAEF,CAEA,kEACE,wEAA8C,CAE9C,6FAAgG,CADhG,2DAEF,CAEA,iEACE,wEAA8C,CAE9C,6FAAgG,CADhG,2DAEF,CAEA,
|
|
1
|
+
{"version":3,"sources":["../src/StateLabel/StateLabel.module.css"],"names":[],"mappings":"AAAA,iCAEE,kBAAmB,CAMnB,kDAAuC,CAFvC,2DAAgC,CALhC,mBAAoB,CAEpB,gDAA6C,CAE7C,gBAAiB,CAEjB,iBAEF,CAGA,0DAEE,4CAAsC,CADtC,0DAEF,CAEA,2DAEE,8CAAuC,CADvC,2DAEF,CAGA,kEACE,wEAA8C,CAE9C,6FAAgG,CADhG,2DAEF,CAEA,4EACE,uEAAiD,CAEjD,gGAAmG,CADnG,2DAEF,CAEA,iEACE,4EAAgD,CAEhD,+FAAkG,CADlG,2DAEF,CAEA,iEACE,wEAA8C,CAE9C,6FAAgG,CADhG,2DAEF,CAEA,iEACE,kFAAmD,CAEnD,kGAAqG,CADrG,2DAEF,CAEA,kEACE,wEAA8C,CAE9C,6FAAgG,CADhG,2DAEF,CAEA,iEACE,wEAA8C,CAE9C,6FAAgG,CADhG,2DAEF,CAEA,4DACE,qGAAgF,CAEhF,kIACqF,CAFrF,2DAGF,CAEA,iEACE,qGAAgF,CAEhF,kIACqF,CAFrF,2DAGF,CAEA,kEACE,uEAAiD,CAEjD,gGAAmG,CADnG,2DAEF,CAEA,2DACE,wEAA8C,CAE9C,6FAAgG,CADhG,2DAEF,CAEA,6DACE,wEAA8C,CAE9C,6FAAgG,CADhG,2DAEF,CAEA,2BACE,sCACF,CAEA,oDACE,SACF","file":"StateLabel-bc1aea93.css","sourcesContent":[".StateLabel {\n display: inline-flex;\n align-items: center;\n font-weight: var(--base-text-weight-semibold);\n /* stylelint-disable-next-line primer/typography */\n line-height: 16px;\n color: var(--fgColor-onEmphasis);\n text-align: center;\n border-radius: var(--borderRadius-full);\n}\n\n/* Size variants */\n.StateLabel:where([data-size='small']) {\n padding: var(--base-size-4) var(--base-size-8);\n font-size: var(--text-body-size-small);\n}\n\n.StateLabel:where([data-size='medium']) {\n padding: var(--base-size-8) var(--base-size-12);\n font-size: var(--text-body-size-medium);\n}\n\n/* Status color variants */\n.StateLabel:where([data-status='issueClosed']) {\n background-color: var(--bgColor-done-emphasis);\n color: var(--fgColor-onEmphasis);\n box-shadow: var(--boxShadow-thin, inset 0 0 0 1px) var(--borderColor-done-emphasis, transparent);\n}\n\n.StateLabel:where([data-status='issueClosedNotPlanned']) {\n background-color: var(--bgColor-neutral-emphasis);\n color: var(--fgColor-onEmphasis);\n box-shadow: var(--boxShadow-thin, inset 0 0 0 1px) var(--borderColor-neutral-emphasis, transparent);\n}\n\n.StateLabel:where([data-status='pullClosed']) {\n background-color: var(--bgColor-closed-emphasis);\n color: var(--fgColor-onEmphasis);\n box-shadow: var(--boxShadow-thin, inset 0 0 0 1px) var(--borderColor-closed-emphasis, transparent);\n}\n\n.StateLabel:where([data-status='pullMerged']) {\n background-color: var(--bgColor-done-emphasis);\n color: var(--fgColor-onEmphasis);\n box-shadow: var(--boxShadow-thin, inset 0 0 0 1px) var(--borderColor-done-emphasis, transparent);\n}\n\n.StateLabel:where([data-status='pullQueued']) {\n background-color: var(--bgColor-attention-emphasis);\n color: var(--fgColor-onEmphasis);\n box-shadow: var(--boxShadow-thin, inset 0 0 0 1px) var(--borderColor-attention-emphasis, transparent);\n}\n\n.StateLabel:where([data-status='issueOpened']) {\n background-color: var(--bgColor-open-emphasis);\n color: var(--fgColor-onEmphasis);\n box-shadow: var(--boxShadow-thin, inset 0 0 0 1px) var(--borderColor-open-emphasis, transparent);\n}\n\n.StateLabel:where([data-status='pullOpened']) {\n background-color: var(--bgColor-open-emphasis);\n color: var(--fgColor-onEmphasis);\n box-shadow: var(--boxShadow-thin, inset 0 0 0 1px) var(--borderColor-open-emphasis, transparent);\n}\n\n.StateLabel:where([data-status='draft']) {\n background-color: var(--bgColor-draft-emphasis, var(--bgColor-neutral-emphasis));\n color: var(--fgColor-onEmphasis);\n box-shadow: var(--boxShadow-thin, inset 0 0 0 1px)\n var(--borderColor-draft-emphasis, var(--borderColor-neutral-emphasis, transparent));\n}\n\n.StateLabel:where([data-status='issueDraft']) {\n background-color: var(--bgColor-draft-emphasis, var(--bgColor-neutral-emphasis));\n color: var(--fgColor-onEmphasis);\n box-shadow: var(--boxShadow-thin, inset 0 0 0 1px)\n var(--borderColor-draft-emphasis, var(--borderColor-neutral-emphasis, transparent));\n}\n\n.StateLabel:where([data-status='unavailable']) {\n background-color: var(--bgColor-neutral-emphasis);\n color: var(--fgColor-onEmphasis);\n box-shadow: var(--boxShadow-thin, inset 0 0 0 1px) var(--borderColor-neutral-emphasis, transparent);\n}\n\n.StateLabel:where([data-status='open']) {\n background-color: var(--bgColor-open-emphasis);\n color: var(--fgColor-onEmphasis);\n box-shadow: var(--boxShadow-thin, inset 0 0 0 1px) var(--borderColor-open-emphasis, transparent);\n}\n\n.StateLabel:where([data-status='closed']) {\n background-color: var(--bgColor-done-emphasis);\n color: var(--fgColor-onEmphasis);\n box-shadow: var(--boxShadow-thin, inset 0 0 0 1px) var(--borderColor-done-emphasis, transparent);\n}\n\n.Icon {\n margin-right: var(--base-size-4);\n}\n\n.Icon:where([data-size-small]) {\n width: 1em;\n}\n"]}
|
package/dist/SubNav/SubNav.js
CHANGED
|
@@ -193,11 +193,11 @@ const SubNavLink = /*#__PURE__*/React.forwardRef((t0, forwardRef) => {
|
|
|
193
193
|
return t2;
|
|
194
194
|
});
|
|
195
195
|
SubNavLink.displayName = 'SubNav.Link';
|
|
196
|
-
var
|
|
196
|
+
var SubNav_default = Object.assign(SubNav, {
|
|
197
197
|
Link: SubNavLink,
|
|
198
198
|
Links: SubNavLinks,
|
|
199
199
|
__SLOT__: Symbol('SubNav')
|
|
200
200
|
});
|
|
201
201
|
SubNavLink.__SLOT__ = Symbol('SubNav.Link');
|
|
202
202
|
|
|
203
|
-
export {
|
|
203
|
+
export { SubNav_default as default };
|
package/dist/TabNav/TabNav.js
CHANGED
|
@@ -201,8 +201,8 @@ const TabNavLink = /*#__PURE__*/React.forwardRef(function TabNavLink(t0, ref) {
|
|
|
201
201
|
return t6;
|
|
202
202
|
});
|
|
203
203
|
TabNavLink.displayName = 'TabNav.Link';
|
|
204
|
-
var
|
|
204
|
+
var TabNav_default = Object.assign(TabNav, {
|
|
205
205
|
Link: TabNavLink
|
|
206
206
|
});
|
|
207
207
|
|
|
208
|
-
export {
|
|
208
|
+
export { TabNav_default as default };
|
|
@@ -229,11 +229,11 @@ const TimelineBreak = /*#__PURE__*/React.forwardRef((t0, forwardRef) => {
|
|
|
229
229
|
return t2;
|
|
230
230
|
});
|
|
231
231
|
TimelineBreak.displayName = 'TimelineBreak';
|
|
232
|
-
var
|
|
232
|
+
var Timeline_default = Object.assign(Timeline, {
|
|
233
233
|
Item: TimelineItem,
|
|
234
234
|
Badge: TimelineBadge,
|
|
235
235
|
Body: TimelineBody,
|
|
236
236
|
Break: TimelineBreak
|
|
237
237
|
});
|
|
238
238
|
|
|
239
|
-
export {
|
|
239
|
+
export { Timeline_default as default };
|
|
@@ -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-
|
|
2
|
-
/*# sourceMappingURL=Token-
|
|
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"]}
|
package/dist/Token/Token.d.ts
CHANGED
|
@@ -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
|
|
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"}
|
package/dist/Token/Token.js
CHANGED
|
@@ -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,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-
|
|
2
|
-
/*# sourceMappingURL=TokenBase-
|
|
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,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-
|
|
2
|
-
/*# sourceMappingURL=_RemoveTokenButton-
|
|
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 */
|
package/dist/Token/{_RemoveTokenButton-c205593b.css.map → _RemoveTokenButton-a0d2969b.css.map}
RENAMED
|
@@ -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,
|
|
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'
|
|
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'
|
|
45
|
+
size: size === 'small' || size === 'medium' ? 12 : 16
|
|
46
46
|
})
|
|
47
47
|
});
|
|
48
48
|
};
|
|
@@ -14,6 +14,16 @@ export type TooltipProps = React.PropsWithChildren<{
|
|
|
14
14
|
* long (1200ms)
|
|
15
15
|
*/
|
|
16
16
|
delay?: 'short' | 'medium' | 'long';
|
|
17
|
+
/**
|
|
18
|
+
* Private API for use internally only. Prevents the tooltip from opening if `true`.
|
|
19
|
+
*
|
|
20
|
+
* Accessibility note: This prop should be used with caution. Only use when needing to
|
|
21
|
+
* programmatically close the tooltip in response to a specific user action, such as
|
|
22
|
+
* opening a menu, or content where the tooltip could overlap with interactive content.
|
|
23
|
+
*
|
|
24
|
+
* @default false
|
|
25
|
+
*/
|
|
26
|
+
_privateDisableTooltip?: boolean;
|
|
17
27
|
}> & React.HTMLAttributes<HTMLElement>;
|
|
18
28
|
export declare const TooltipContext: React.Context<{
|
|
19
29
|
tooltipId?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/TooltipV2/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiD,KAAK,yBAAyB,EAAC,MAAM,OAAO,CAAA;AAS3G,OAAO,EAAoD,KAAK,mBAAmB,EAAC,MAAM,mBAAmB,CAAA;AAG7G,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAA;AAE9C,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,CAAA;AAChF,MAAM,MAAM,YAAY,GAAG,KAAK,CAAC,iBAAiB,CAAC;IACjD,SAAS,CAAC,EAAE,gBAAgB,CAAA;IAC5B,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,OAAO,GAAG,aAAa,CAAA;IAC9B,cAAc,CAAC,EAAE,mBAAmB,CAAC,MAAM,CAAC,CAAA;IAC5C;;;;;OAKG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAA;
|
|
1
|
+
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/TooltipV2/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiD,KAAK,yBAAyB,EAAC,MAAM,OAAO,CAAA;AAS3G,OAAO,EAAoD,KAAK,mBAAmB,EAAC,MAAM,mBAAmB,CAAA;AAG7G,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAA;AAE9C,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,CAAA;AAChF,MAAM,MAAM,YAAY,GAAG,KAAK,CAAC,iBAAiB,CAAC;IACjD,SAAS,CAAC,EAAE,gBAAgB,CAAA;IAC5B,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,OAAO,GAAG,aAAa,CAAA;IAC9B,cAAc,CAAC,EAAE,mBAAmB,CAAC,MAAM,CAAC,CAAA;IAC5C;;;;;OAKG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAA;IACnC;;;;;;;;OAQG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAA;CACjC,CAAC,GACA,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAA;AAiEnC,eAAO,MAAM,cAAc;gBAAoC,MAAM;EAAM,CAAA;AAE3E,eAAO,MAAM,OAAO,EAAE,yBAAyB,CAC7C,KAAK,CAAC,eAAe,CAAC,YAAY,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CACvE,GACC,UA+QD,CAAA"}
|
|
@@ -85,6 +85,7 @@ const Tooltip = /*#__PURE__*/React.forwardRef(({
|
|
|
85
85
|
className,
|
|
86
86
|
keybindingHint,
|
|
87
87
|
delay = 'short',
|
|
88
|
+
_privateDisableTooltip = false,
|
|
88
89
|
...rest
|
|
89
90
|
}, forwardedRef) => {
|
|
90
91
|
const tooltipId = useId(id);
|
|
@@ -100,7 +101,7 @@ const Tooltip = /*#__PURE__*/React.forwardRef(({
|
|
|
100
101
|
} = useSafeTimeout();
|
|
101
102
|
const openTooltip = () => {
|
|
102
103
|
try {
|
|
103
|
-
if (tooltipElRef.current && triggerRef.current && tooltipElRef.current.hasAttribute('popover') && !tooltipElRef.current.matches(':popover-open')) {
|
|
104
|
+
if (tooltipElRef.current && triggerRef.current && tooltipElRef.current.hasAttribute('popover') && !tooltipElRef.current.matches(':popover-open') && !_privateDisableTooltip) {
|
|
104
105
|
const tooltip = tooltipElRef.current;
|
|
105
106
|
const trigger = triggerRef.current;
|
|
106
107
|
tooltip.showPopover();
|
|
@@ -200,8 +200,8 @@ const Dialog = /*#__PURE__*/forwardRef((t0, forwardedRef) => {
|
|
|
200
200
|
});
|
|
201
201
|
DialogHeader.displayName = 'Dialog.Header';
|
|
202
202
|
Dialog.displayName = 'Dialog';
|
|
203
|
-
var
|
|
203
|
+
var Dialog_default = Object.assign(Dialog, {
|
|
204
204
|
Header: DialogHeader
|
|
205
205
|
});
|
|
206
206
|
|
|
207
|
-
export {
|
|
207
|
+
export { Dialog_default as default };
|
|
@@ -158,8 +158,8 @@ UnderlineNavLink.displayName = 'UnderlineNav.Link';
|
|
|
158
158
|
/**
|
|
159
159
|
* @deprecated UnderlineNav is deprecated and will be replaced by the draft `UnderlineNav` in the next major release. See https://primer.style/react/drafts/UnderlineNav2 for more details.
|
|
160
160
|
*/
|
|
161
|
-
var
|
|
161
|
+
var UnderlineNav_default = Object.assign(UnderlineNav, {
|
|
162
162
|
Link: UnderlineNavLink
|
|
163
163
|
});
|
|
164
164
|
|
|
165
|
-
export {
|
|
165
|
+
export { UnderlineNav_default as default };
|
|
@@ -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-
|
|
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
|
|
|
@@ -209,7 +209,7 @@ const Panel = t0 => {
|
|
|
209
209
|
return t1;
|
|
210
210
|
};
|
|
211
211
|
Panel.displayName = 'UnderlinePanels.Panel';
|
|
212
|
-
var
|
|
212
|
+
var UnderlinePanels_default = Object.assign(UnderlinePanels, {
|
|
213
213
|
Panel,
|
|
214
214
|
Tab
|
|
215
215
|
});
|
|
@@ -217,4 +217,4 @@ UnderlinePanels.__SLOT__ = Symbol('UnderlinePanels');
|
|
|
217
217
|
Tab.__SLOT__ = Symbol('UnderlinePanels.Tab');
|
|
218
218
|
Panel.__SLOT__ = Symbol('UnderlinePanels.Panel');
|
|
219
219
|
|
|
220
|
-
export {
|
|
220
|
+
export { UnderlinePanels_default as default };
|