@primer/react 37.32.0-rc.f8e94f384 → 38.0.0-rc.0
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 +17 -1
- package/dist/browser.esm.js +2 -2
- package/dist/browser.esm.js.map +1 -1
- package/dist/browser.umd.js +2 -2
- package/dist/browser.umd.js.map +1 -1
- package/dist/components.css +4 -3
- package/generated/components.json +82 -78
- package/lib/Autocomplete/AutocompleteMenu.js +7 -7
- package/lib/CircleOcticon/CircleOcticon.d.ts +3 -0
- package/lib/CircleOcticon/CircleOcticon.d.ts.map +1 -1
- package/lib/CircleOcticon/CircleOcticon.js +3 -0
- package/lib/ConfirmationDialog/ConfirmationDialog.d.ts +8 -0
- package/lib/ConfirmationDialog/ConfirmationDialog.d.ts.map +1 -1
- package/lib/ConfirmationDialog/ConfirmationDialog.js +6 -2
- package/lib/ProgressBar/ProgressBar-a0957632.css +2 -0
- package/lib/ProgressBar/ProgressBar-a0957632.css.map +1 -0
- package/lib/ProgressBar/ProgressBar.d.ts.map +1 -1
- package/lib/ProgressBar/ProgressBar.js +53 -49
- package/lib/ProgressBar/ProgressBar.module.css.js +1 -1
- package/{lib-esm/Radio/Radio-b2a92b7d.css → lib/Radio/Radio-df9a5c02.css} +2 -2
- package/{lib-esm/Radio/Radio-b2a92b7d.css.map → lib/Radio/Radio-df9a5c02.css.map} +1 -1
- package/lib/Radio/Radio.module.css.js +1 -1
- package/lib/Select/Select.js +61 -53
- package/lib/SelectPanel/SelectPanel.js +2 -2
- package/lib/SubNav/SubNav.d.ts +8 -16
- package/lib/SubNav/SubNav.d.ts.map +1 -1
- package/lib/SubNav/SubNav.js +3 -6
- package/lib-esm/Autocomplete/AutocompleteMenu.js +1 -1
- package/lib-esm/CircleOcticon/CircleOcticon.d.ts +3 -0
- package/lib-esm/CircleOcticon/CircleOcticon.js +3 -0
- package/lib-esm/ConfirmationDialog/ConfirmationDialog.d.ts +8 -0
- package/lib-esm/ConfirmationDialog/ConfirmationDialog.js +6 -2
- package/lib-esm/ProgressBar/ProgressBar-a0957632.css +2 -0
- package/lib-esm/ProgressBar/ProgressBar-a0957632.css.map +1 -0
- package/lib-esm/ProgressBar/ProgressBar.js +53 -49
- package/lib-esm/ProgressBar/ProgressBar.module.css.js +1 -1
- package/{lib/Radio/Radio-b2a92b7d.css → lib-esm/Radio/Radio-df9a5c02.css} +2 -2
- package/{lib/Radio/Radio-b2a92b7d.css.map → lib-esm/Radio/Radio-df9a5c02.css.map} +1 -1
- package/lib-esm/Radio/Radio.module.css.js +1 -1
- package/lib-esm/Select/Select.js +61 -53
- package/lib-esm/SelectPanel/SelectPanel.js +1 -1
- package/lib-esm/SubNav/SubNav.d.ts +8 -16
- package/lib-esm/SubNav/SubNav.js +3 -6
- package/package.json +3 -4
- package/lib/ProgressBar/ProgressBar-430cdef7.css +0 -2
- package/lib/ProgressBar/ProgressBar-430cdef7.css.map +0 -1
- package/lib/node_modules/@github/mini-throttle/dist/index.js +0 -43
- package/lib-esm/ProgressBar/ProgressBar-430cdef7.css +0 -2
- package/lib-esm/ProgressBar/ProgressBar-430cdef7.css.map +0 -1
- package/lib-esm/node_modules/@github/mini-throttle/dist/index.js +0 -40
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var React = require('react');
|
|
4
|
-
var
|
|
4
|
+
var miniThrottle = require('@github/mini-throttle');
|
|
5
5
|
var liveRegionElement = require('@primer/live-region-element');
|
|
6
6
|
var behaviors = require('@primer/behaviors');
|
|
7
|
-
var index
|
|
7
|
+
var index = require('../ActionList/index.js');
|
|
8
8
|
var useFocusZone = require('../hooks/useFocusZone.js');
|
|
9
9
|
var useId = require('../hooks/useId.js');
|
|
10
10
|
var AutocompleteContext = require('./AutocompleteContext.js');
|
|
@@ -49,7 +49,7 @@ function getItemById(itemId, items) {
|
|
|
49
49
|
* Announces a message to screen readers at a slowed-down rate. This is useful when you want to announce don't want to
|
|
50
50
|
* overwhelm the user with too many announcements in rapid succession.
|
|
51
51
|
*/
|
|
52
|
-
const debounceAnnouncement =
|
|
52
|
+
const debounceAnnouncement = miniThrottle.debounce(announcement => {
|
|
53
53
|
liveRegionElement.announce(announcement);
|
|
54
54
|
}, 250);
|
|
55
55
|
function AutocompleteMenu(props) {
|
|
@@ -207,7 +207,7 @@ function AutocompleteMenu(props) {
|
|
|
207
207
|
children: /*#__PURE__*/jsxRuntime.jsx(Spinner, {})
|
|
208
208
|
}) : /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
209
209
|
ref: listContainerRef,
|
|
210
|
-
children: allItemsToRender.length ? /*#__PURE__*/jsxRuntime.jsx(index
|
|
210
|
+
children: allItemsToRender.length ? /*#__PURE__*/jsxRuntime.jsx(index.ActionList, {
|
|
211
211
|
selectionVariant: selectionVariant // TODO: make this configurable
|
|
212
212
|
,
|
|
213
213
|
role: "listbox",
|
|
@@ -226,14 +226,14 @@ function AutocompleteMenu(props) {
|
|
|
226
226
|
key,
|
|
227
227
|
...itemProps
|
|
228
228
|
} = item_2;
|
|
229
|
-
return /*#__PURE__*/jsxRuntime.jsxs(index
|
|
229
|
+
return /*#__PURE__*/jsxRuntime.jsxs(index.ActionList.Item, {
|
|
230
230
|
onSelect: () => onAction(item_2),
|
|
231
231
|
...itemProps,
|
|
232
232
|
id: id_0,
|
|
233
233
|
"data-id": id_0,
|
|
234
|
-
children: [LeadingVisual && /*#__PURE__*/jsxRuntime.jsx(index
|
|
234
|
+
children: [LeadingVisual && /*#__PURE__*/jsxRuntime.jsx(index.ActionList.LeadingVisual, {
|
|
235
235
|
children: reactIs.isElement(LeadingVisual) ? LeadingVisual : /*#__PURE__*/jsxRuntime.jsx(LeadingVisual, {})
|
|
236
|
-
}), children !== null && children !== void 0 ? children : text, TrailingVisual && /*#__PURE__*/jsxRuntime.jsx(index
|
|
236
|
+
}), children !== null && children !== void 0 ? children : text, TrailingVisual && /*#__PURE__*/jsxRuntime.jsx(index.ActionList.TrailingVisual, {
|
|
237
237
|
children: reactIs.isElement(TrailingVisual) ? TrailingVisual : /*#__PURE__*/jsxRuntime.jsx(TrailingVisual, {})
|
|
238
238
|
})]
|
|
239
239
|
}, key !== null && key !== void 0 ? key : id_0);
|
|
@@ -8,6 +8,9 @@ export type CircleOcticonProps = {
|
|
|
8
8
|
size?: IconProps['size'];
|
|
9
9
|
}>>;
|
|
10
10
|
} & BoxProps;
|
|
11
|
+
/**
|
|
12
|
+
* @deprecated This component is deprecated. Replace component with specific icon imports from `@primer/octicons-react` and customized styling.)
|
|
13
|
+
*/
|
|
11
14
|
declare function CircleOcticon(props: CircleOcticonProps): React.JSX.Element;
|
|
12
15
|
export default CircleOcticon;
|
|
13
16
|
//# sourceMappingURL=CircleOcticon.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CircleOcticon.d.ts","sourceRoot":"","sources":["../../src/CircleOcticon/CircleOcticon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,wBAAwB,CAAA;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,QAAQ,CAAA;AAGpC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;IACtB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,iBAAiB,CAAC;QAAC,IAAI,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAA;KAAC,CAAC,CAAC,CAAA;CAC/E,GAAG,QAAQ,CAAA;AAEZ,iBAAS,aAAa,CAAC,KAAK,EAAE,kBAAkB,qBAkB/C;AAED,eAAe,aAAa,CAAA"}
|
|
1
|
+
{"version":3,"file":"CircleOcticon.d.ts","sourceRoot":"","sources":["../../src/CircleOcticon/CircleOcticon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,wBAAwB,CAAA;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,QAAQ,CAAA;AAGpC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;IACtB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,iBAAiB,CAAC;QAAC,IAAI,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAA;KAAC,CAAC,CAAC,CAAA;CAC/E,GAAG,QAAQ,CAAA;AAEZ;;GAEG;AACH,iBAAS,aAAa,CAAC,KAAK,EAAE,kBAAkB,qBAkB/C;AAED,eAAe,aAAa,CAAA"}
|
|
@@ -4,6 +4,9 @@ var reactCompilerRuntime = require('react-compiler-runtime');
|
|
|
4
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
5
|
var Box = require('../Box/Box.js');
|
|
6
6
|
|
|
7
|
+
/**
|
|
8
|
+
* @deprecated This component is deprecated. Replace component with specific icon imports from `@primer/octicons-react` and customized styling.)
|
|
9
|
+
*/
|
|
7
10
|
function CircleOcticon(props) {
|
|
8
11
|
const $ = reactCompilerRuntime.c(21);
|
|
9
12
|
let IconComponent;
|
|
@@ -26,6 +26,14 @@ export interface ConfirmationDialogProps {
|
|
|
26
26
|
* The type of button to use for the confirm button. Default: Button.
|
|
27
27
|
*/
|
|
28
28
|
confirmButtonType?: 'normal' | 'primary' | 'danger';
|
|
29
|
+
/**
|
|
30
|
+
* Whether the cancel button is in a loading state. Default: false.
|
|
31
|
+
*/
|
|
32
|
+
cancelButtonLoading?: boolean;
|
|
33
|
+
/**
|
|
34
|
+
* Whether the confirm button is in a loading state. Default: false.
|
|
35
|
+
*/
|
|
36
|
+
confirmButtonLoading?: boolean;
|
|
29
37
|
/**
|
|
30
38
|
* Additional class names to apply to the dialog
|
|
31
39
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConfirmationDialog.d.ts","sourceRoot":"","sources":["../../src/ConfirmationDialog/ConfirmationDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,OAAO,KAAK,EAAoD,WAAW,EAAE,YAAY,EAAC,MAAM,kBAAkB,CAAA;AAMlH;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC;;;OAGG;IACH,OAAO,EAAE,CAAC,OAAO,EAAE,SAAS,GAAG,cAAc,GAAG,QAAQ,GAAG,QAAQ,KAAK,IAAI,CAAA;IAE5E;;;OAGG;IACH,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IAEtB;;OAEG;IACH,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAErC;;OAEG;IACH,oBAAoB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAEtC;;OAEG;IACH,iBAAiB,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAA;IAEnD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;;;;;OAOG;IACH,KAAK,CAAC,EAAE,WAAW,CAAA;IAEnB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,YAAY,CAAA;CACtB;AAiCD;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,uBAAuB,CAAC,
|
|
1
|
+
{"version":3,"file":"ConfirmationDialog.d.ts","sourceRoot":"","sources":["../../src/ConfirmationDialog/ConfirmationDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,OAAO,KAAK,EAAoD,WAAW,EAAE,YAAY,EAAC,MAAM,kBAAkB,CAAA;AAMlH;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC;;;OAGG;IACH,OAAO,EAAE,CAAC,OAAO,EAAE,SAAS,GAAG,cAAc,GAAG,QAAQ,GAAG,QAAQ,KAAK,IAAI,CAAA;IAE5E;;;OAGG;IACH,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IAEtB;;OAEG;IACH,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAErC;;OAEG;IACH,oBAAoB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAEtC;;OAEG;IACH,iBAAiB,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAA;IAEnD;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAE7B;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAE9B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;;;;;OAOG;IACH,KAAK,CAAC,EAAE,WAAW,CAAA;IAEnB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,YAAY,CAAA;CACtB;AAiCD;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,uBAAuB,CAAC,CAoDzF,CAAA;AAGD,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,uBAAuB,EAAE,SAAS,CAAC,GAAG;IAAC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;CAAC,CAAA;AA2BlG;;;;GAIG;AACH,wBAAgB,UAAU,cAGZ,cAAc,sBAO3B"}
|
|
@@ -71,6 +71,8 @@ const ConfirmationDialog = props => {
|
|
|
71
71
|
cancelButtonContent = 'Cancel',
|
|
72
72
|
confirmButtonContent = 'OK',
|
|
73
73
|
confirmButtonType = 'normal',
|
|
74
|
+
cancelButtonLoading = false,
|
|
75
|
+
confirmButtonLoading = false,
|
|
74
76
|
children,
|
|
75
77
|
className,
|
|
76
78
|
width = 'medium',
|
|
@@ -86,13 +88,15 @@ const ConfirmationDialog = props => {
|
|
|
86
88
|
const cancelButton = {
|
|
87
89
|
content: cancelButtonContent,
|
|
88
90
|
onClick: onCancelButtonClick,
|
|
89
|
-
autoFocus: isConfirmationDangerous
|
|
91
|
+
autoFocus: isConfirmationDangerous,
|
|
92
|
+
loading: cancelButtonLoading
|
|
90
93
|
};
|
|
91
94
|
const confirmButton = {
|
|
92
95
|
content: confirmButtonContent,
|
|
93
96
|
buttonType: confirmButtonType,
|
|
94
97
|
onClick: onConfirmButtonClick,
|
|
95
|
-
autoFocus: !isConfirmationDangerous
|
|
98
|
+
autoFocus: !isConfirmationDangerous,
|
|
99
|
+
loading: confirmButtonLoading
|
|
96
100
|
};
|
|
97
101
|
const footerButtons = [cancelButton, confirmButton];
|
|
98
102
|
return /*#__PURE__*/jsxRuntime.jsx(Dialog.Dialog, {
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
@keyframes prc-ProgressBar-shimmer-i1RxN{0%{mask-position:200%}to{mask-position:0}}.prc-ProgressBar-ProgressBarItem-stL6O{background-color:var(--progress-bg);width:var(--progress-width)}@media (prefers-reduced-motion:no-preference){.prc-ProgressBar-ProgressBarItem-stL6O[data-animated=true]{animation-duration:1s;animation-iteration-count:infinite;animation-name:prc-ProgressBar-shimmer-i1RxN;mask-image:linear-gradient(75deg,#000 30%,rgba(0,0,0,.65) 80%);mask-size:200%}}.prc-ProgressBar-ProgressBarContainer-E-z8S{background-color:var(--progressBar-track-bgColor);border-radius:var(--borderRadius-small,.1875rem);display:flex;gap:2px;outline:solid 1px var(--progressBar-track-borderColor);outline-offset:-1px;overflow:hidden}.prc-ProgressBar-ProgressBarContainer-E-z8S:where([data-progress-display=inline]){display:inline-flex}.prc-ProgressBar-ProgressBarContainer-E-z8S:where([data-progress-bar-size=default]){height:8px}.prc-ProgressBar-ProgressBarContainer-E-z8S:where([data-progress-bar-size=small]){height:5px}.prc-ProgressBar-ProgressBarContainer-E-z8S:where([data-progress-bar-size=large]){height:10px}
|
|
2
|
+
/*# sourceMappingURL=ProgressBar-a0957632.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/ProgressBar/ProgressBar.module.css"],"names":[],"mappings":"AAAA,yCACE,GACE,kBACF,CAEA,GACE,eACF,CACF,CAEA,uCAGE,mCAAoC,CAFpC,2BAaF,CATE,8CACE,2DAIE,qBAAsB,CACtB,kCAAmC,CAFnC,4CAAuB,CAFvB,8DAAqE,CACrE,cAIF,CACF,CAGF,4CAIE,iDAAkD,CAClD,gDAAwC,CAJxC,YAAa,CAKb,OAAQ,CACR,sDAAuD,CACvD,mBAAoB,CANpB,eAuBF,CAfE,kFACE,mBACF,CAEA,oFACE,UACF,CAEA,kFACE,UACF,CAEA,kFACE,WACF","file":"ProgressBar-a0957632.css","sourcesContent":["@keyframes shimmer {\n from {\n mask-position: 200%;\n }\n\n to {\n mask-position: 0%;\n }\n}\n\n.ProgressBarItem {\n width: var(--progress-width);\n /* stylelint-disable-next-line primer/colors */\n background-color: var(--progress-bg);\n\n @media (prefers-reduced-motion: no-preference) {\n &[data-animated='true'] {\n mask-image: linear-gradient(75deg, #000 30%, rgba(0, 0, 0, 0.65) 80%);\n mask-size: 200%;\n animation-name: shimmer;\n animation-duration: 1s;\n animation-iteration-count: infinite;\n }\n }\n}\n\n.ProgressBarContainer {\n display: flex;\n overflow: hidden;\n /* stylelint-disable-next-line primer/colors */\n background-color: var(--progressBar-track-bgColor);\n border-radius: var(--borderRadius-small);\n gap: 2px;\n outline: solid 1px var(--progressBar-track-borderColor);\n outline-offset: -1px;\n\n &:where([data-progress-display='inline']) {\n display: inline-flex;\n }\n\n &:where([data-progress-bar-size='default']) {\n height: 8px;\n }\n\n &:where([data-progress-bar-size='small']) {\n height: 5px;\n }\n\n &:where([data-progress-bar-size='large']) {\n height: 10px;\n }\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../src/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AACvC,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,eAAe,CAAA;AAC7C,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAKjC,KAAK,YAAY,GAAG;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ,CAAA;AAED,KAAK,4BAA4B,GAAG;IAClC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,CAAA;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,GAAG,UAAU,GACZ,MAAM,CAAA;AAER,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,GAAG;IACrE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,YAAY,GACd,MAAM,CAAA;AAER,eAAO,MAAM,IAAI;mBALA,MAAM;gBACT,MAAM;
|
|
1
|
+
{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../src/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AACvC,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,eAAe,CAAA;AAC7C,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAKjC,KAAK,YAAY,GAAG;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ,CAAA;AAED,KAAK,4BAA4B,GAAG;IAClC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,CAAA;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,GAAG,UAAU,GACZ,MAAM,CAAA;AAER,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,GAAG;IACrE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,YAAY,GACd,MAAM,CAAA;AAER,eAAO,MAAM,IAAI;mBALA,MAAM;gBACT,MAAM;iEAmDnB,CAAA;AAID,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,GAAG;IACrE,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,4BAA4B,GAC9B,YAAY,CAAA;AAEd,eAAO,MAAM,WAAW;SALjB,MAAM;gBACC,MAAM;;aAjET,OAAO;cACN,OAAO,GAAG,SAAS,GAAG,OAAO;eAC5B,OAAO;mPAoHnB,CAAA"}
|
|
@@ -12,10 +12,11 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
|
12
12
|
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
13
13
|
|
|
14
14
|
const Item = /*#__PURE__*/React.forwardRef((t0, forwardRef) => {
|
|
15
|
-
const $ = reactCompilerRuntime.c(
|
|
15
|
+
const $ = reactCompilerRuntime.c(33);
|
|
16
16
|
let ariaLabel;
|
|
17
17
|
let ariaValueNow;
|
|
18
18
|
let ariaValueText;
|
|
19
|
+
let bg;
|
|
19
20
|
let className;
|
|
20
21
|
let progress;
|
|
21
22
|
let rest;
|
|
@@ -28,93 +29,96 @@ const Item = /*#__PURE__*/React.forwardRef((t0, forwardRef) => {
|
|
|
28
29
|
"aria-valuetext": ariaValueText,
|
|
29
30
|
className,
|
|
30
31
|
style,
|
|
32
|
+
bg,
|
|
31
33
|
...rest
|
|
32
34
|
} = t0);
|
|
33
35
|
$[0] = t0;
|
|
34
36
|
$[1] = ariaLabel;
|
|
35
37
|
$[2] = ariaValueNow;
|
|
36
38
|
$[3] = ariaValueText;
|
|
37
|
-
$[4] =
|
|
38
|
-
$[5] =
|
|
39
|
-
$[6] =
|
|
40
|
-
$[7] =
|
|
39
|
+
$[4] = bg;
|
|
40
|
+
$[5] = className;
|
|
41
|
+
$[6] = progress;
|
|
42
|
+
$[7] = rest;
|
|
43
|
+
$[8] = style;
|
|
41
44
|
} else {
|
|
42
45
|
ariaLabel = $[1];
|
|
43
46
|
ariaValueNow = $[2];
|
|
44
47
|
ariaValueText = $[3];
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
48
|
+
bg = $[4];
|
|
49
|
+
className = $[5];
|
|
50
|
+
progress = $[6];
|
|
51
|
+
rest = $[7];
|
|
52
|
+
style = $[8];
|
|
49
53
|
}
|
|
50
54
|
const progressAsNumber = typeof progress === "string" ? parseInt(progress, 10) : progress;
|
|
51
55
|
let t1;
|
|
52
|
-
if ($[
|
|
56
|
+
if ($[9] !== ariaValueNow || $[10] !== progressAsNumber) {
|
|
53
57
|
var _ariaValueNow;
|
|
54
58
|
t1 = (_ariaValueNow = ariaValueNow) !== null && _ariaValueNow !== void 0 ? _ariaValueNow : progressAsNumber !== undefined && progressAsNumber >= 0 ? Math.round(progressAsNumber) : 0;
|
|
55
|
-
$[
|
|
56
|
-
$[
|
|
57
|
-
$[
|
|
59
|
+
$[9] = ariaValueNow;
|
|
60
|
+
$[10] = progressAsNumber;
|
|
61
|
+
$[11] = t1;
|
|
58
62
|
} else {
|
|
59
|
-
t1 = $[
|
|
63
|
+
t1 = $[11];
|
|
60
64
|
}
|
|
61
65
|
let t2;
|
|
62
|
-
if ($[
|
|
66
|
+
if ($[12] !== ariaValueText || $[13] !== t1) {
|
|
63
67
|
t2 = {
|
|
64
68
|
"aria-valuenow": t1,
|
|
65
69
|
"aria-valuemin": 0,
|
|
66
70
|
"aria-valuemax": 100,
|
|
67
71
|
"aria-valuetext": ariaValueText
|
|
68
72
|
};
|
|
69
|
-
$[
|
|
70
|
-
$[
|
|
71
|
-
$[
|
|
73
|
+
$[12] = ariaValueText;
|
|
74
|
+
$[13] = t1;
|
|
75
|
+
$[14] = t2;
|
|
72
76
|
} else {
|
|
73
|
-
t2 = $[
|
|
77
|
+
t2 = $[14];
|
|
74
78
|
}
|
|
75
79
|
const ariaAttributes = t2;
|
|
76
80
|
let styles;
|
|
77
|
-
if ($[
|
|
81
|
+
if ($[15] !== bg || $[16] !== progress) {
|
|
78
82
|
styles = {};
|
|
79
83
|
let t3;
|
|
80
|
-
if ($[
|
|
81
|
-
t3 =
|
|
82
|
-
$[
|
|
83
|
-
$[
|
|
84
|
+
if ($[18] !== bg) {
|
|
85
|
+
t3 = bg && bg.split(".");
|
|
86
|
+
$[18] = bg;
|
|
87
|
+
$[19] = t3;
|
|
84
88
|
} else {
|
|
85
|
-
t3 = $[
|
|
89
|
+
t3 = $[19];
|
|
86
90
|
}
|
|
87
91
|
const bgType = t3;
|
|
88
92
|
styles["--progress-width"] = progress ? `${progress}%` : "0%";
|
|
89
|
-
styles["--progress-bg"] = bgType && `var(--bgColor-${bgType[0]}-${bgType[1]})` || "var(--bgColor-success-emphasis)";
|
|
90
|
-
$[
|
|
91
|
-
$[
|
|
92
|
-
$[
|
|
93
|
+
styles["--progress-bg"] = bgType && `var(--bgColor-${bgType[0]}-${bgType[1] || "emphasis"})` || "var(--bgColor-success-emphasis)";
|
|
94
|
+
$[15] = bg;
|
|
95
|
+
$[16] = progress;
|
|
96
|
+
$[17] = styles;
|
|
93
97
|
} else {
|
|
94
|
-
styles = $[
|
|
98
|
+
styles = $[17];
|
|
95
99
|
}
|
|
96
100
|
let t3;
|
|
97
|
-
if ($[
|
|
101
|
+
if ($[20] !== className) {
|
|
98
102
|
t3 = clsx.clsx(className, ProgressBar_module.ProgressBarItem);
|
|
99
|
-
$[
|
|
100
|
-
$[
|
|
103
|
+
$[20] = className;
|
|
104
|
+
$[21] = t3;
|
|
101
105
|
} else {
|
|
102
|
-
t3 = $[
|
|
106
|
+
t3 = $[21];
|
|
103
107
|
}
|
|
104
108
|
let t4;
|
|
105
|
-
if ($[
|
|
109
|
+
if ($[22] !== style || $[23] !== styles) {
|
|
106
110
|
t4 = {
|
|
107
111
|
...styles,
|
|
108
112
|
...style
|
|
109
113
|
};
|
|
110
|
-
$[
|
|
111
|
-
$[
|
|
112
|
-
$[
|
|
114
|
+
$[22] = style;
|
|
115
|
+
$[23] = styles;
|
|
116
|
+
$[24] = t4;
|
|
113
117
|
} else {
|
|
114
|
-
t4 = $[
|
|
118
|
+
t4 = $[24];
|
|
115
119
|
}
|
|
116
120
|
let t5;
|
|
117
|
-
if ($[
|
|
121
|
+
if ($[25] !== ariaAttributes || $[26] !== ariaLabel || $[27] !== forwardRef || $[28] !== progress || $[29] !== rest || $[30] !== t3 || $[31] !== t4) {
|
|
118
122
|
t5 = /*#__PURE__*/jsxRuntime.jsx(BoxWithFallback.BoxWithFallback, {
|
|
119
123
|
as: "span",
|
|
120
124
|
className: t3,
|
|
@@ -126,16 +130,16 @@ const Item = /*#__PURE__*/React.forwardRef((t0, forwardRef) => {
|
|
|
126
130
|
style: t4,
|
|
127
131
|
...ariaAttributes
|
|
128
132
|
});
|
|
129
|
-
$[
|
|
130
|
-
$[
|
|
131
|
-
$[
|
|
132
|
-
$[
|
|
133
|
-
$[
|
|
134
|
-
$[
|
|
135
|
-
$[
|
|
136
|
-
$[
|
|
133
|
+
$[25] = ariaAttributes;
|
|
134
|
+
$[26] = ariaLabel;
|
|
135
|
+
$[27] = forwardRef;
|
|
136
|
+
$[28] = progress;
|
|
137
|
+
$[29] = rest;
|
|
138
|
+
$[30] = t3;
|
|
139
|
+
$[31] = t4;
|
|
140
|
+
$[32] = t5;
|
|
137
141
|
} else {
|
|
138
|
-
t5 = $[
|
|
142
|
+
t5 = $[32];
|
|
139
143
|
}
|
|
140
144
|
return t5;
|
|
141
145
|
});
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.prc-Radio-Radio-Ly4MR{border-radius:var(--borderRadius-full,100vh);transition:background-color,border-color 80ms cubic-bezier(.33,1,.68,1)}.prc-Radio-Radio-Ly4MR:where(:checked){background-color:var(--control-checked-fgColor-rest,var(--color-switch-track-checked-fg));border-color:var(--control-checked-bgColor-rest,var(--color-switch-track-checked-bg));border-width:var(--borderWidth-thicker,.25rem)}.prc-Radio-Radio-Ly4MR:where(:checked):disabled{background-color:var(--fgColor-muted,var(--color-fg-muted));border-color:var(--fgColor-muted,var(--color-fg-muted));cursor:not-allowed}.prc-Radio-Radio-Ly4MR:focus
|
|
2
|
-
/*# sourceMappingURL=Radio-
|
|
1
|
+
.prc-Radio-Radio-Ly4MR{border-radius:var(--borderRadius-full,100vh);transition:background-color,border-color 80ms cubic-bezier(.33,1,.68,1)}.prc-Radio-Radio-Ly4MR:where(:checked){background-color:var(--control-checked-fgColor-rest,var(--color-switch-track-checked-fg));border-color:var(--control-checked-bgColor-rest,var(--color-switch-track-checked-bg));border-width:var(--borderWidth-thicker,.25rem)}.prc-Radio-Radio-Ly4MR:where(:checked):disabled{background-color:var(--fgColor-muted,var(--color-fg-muted));border-color:var(--fgColor-muted,var(--color-fg-muted));cursor:not-allowed}.prc-Radio-Radio-Ly4MR:focus-visible{box-shadow:none;outline:2px solid var(--focus-outlineColor,var(--color-accent-fg));outline-offset:2px}@media (forced-colors:active){.prc-Radio-Radio-Ly4MR{background-color:canvastext;border-color:canvastext}}
|
|
2
|
+
/*# sourceMappingURL=Radio-df9a5c02.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/Radio/Radio.module.css","../../postcss-preset-primer/src/mixins/focusOutline.css"],"names":[],"mappings":"AAAA,uBACE,4CAA8C,CAC9C,
|
|
1
|
+
{"version":3,"sources":["../src/Radio/Radio.module.css","../../postcss-preset-primer/src/mixins/focusOutline.css"],"names":[],"mappings":"AAAA,uBACE,4CAA8C,CAC9C,uEA8BF,CA1BE,uCAEE,yFAAqD,CAIrD,qFAAiD,CACjD,8CASF,CAPE,gDAGE,2DAAsC,CAEtC,uDAAkC,CAJlC,kBAKF,CAGF,qCCrBA,eAAgB,CAFhB,kEAAgC,CAChC,kBDwBA,CAEA,8BA5BF,uBA6BI,2BAA4B,CAC5B,uBAEJ,CADE","file":"Radio-df9a5c02.css","sourcesContent":[".Radio {\n border-radius: var(--borderRadius-full, 100vh);\n transition:\n background-color,\n border-color 80ms cubic-bezier(0.33, 1, 0.68, 1); /* checked -> unchecked - add 120ms delay to fully see animation-out */\n\n &:where(:checked) {\n /* stylelint-disable-next-line primer/colors */\n background-color: var(--control-checked-fgColor-rest);\n\n /* using bgColor here to avoid a border change in dark high contrast */\n /* stylelint-disable-next-line primer/colors */\n border-color: var(--control-checked-bgColor-rest);\n border-width: var(--borderWidth-thicker);\n\n &:disabled {\n cursor: not-allowed;\n /* stylelint-disable-next-line primer/colors */\n background-color: var(--fgColor-muted);\n /* stylelint-disable-next-line primer/colors */\n border-color: var(--fgColor-muted);\n }\n }\n\n &:focus-visible {\n @mixin focusOutline 2px;\n }\n\n @media (forced-colors: active) {\n background-color: canvastext;\n border-color: canvastext;\n }\n}\n","@define-mixin focusOutline $outlineOffset: -2px, $outlineColor: var(--focus-outlineColor) {\n outline: 2px solid $outlineColor;\n outline-offset: $outlineOffset;\n box-shadow: none;\n}\n"]}
|
package/lib/Select/Select.js
CHANGED
|
@@ -70,7 +70,7 @@ const ArrowIndicator = t0 => {
|
|
|
70
70
|
};
|
|
71
71
|
const Select = /*#__PURE__*/React__default.default.forwardRef((t0, ref) => {
|
|
72
72
|
var _ref, _defaultValue;
|
|
73
|
-
const $ = reactCompilerRuntime.c(
|
|
73
|
+
const $ = reactCompilerRuntime.c(41);
|
|
74
74
|
let block;
|
|
75
75
|
let children;
|
|
76
76
|
let className;
|
|
@@ -125,93 +125,101 @@ const Select = /*#__PURE__*/React__default.default.forwardRef((t0, ref) => {
|
|
|
125
125
|
sx = $[11];
|
|
126
126
|
validationStatus = $[12];
|
|
127
127
|
}
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
if ($[13] !== className || $[14] !== t2) {
|
|
132
|
-
t3 = clsx.clsx(className, Select_module.Select, t2);
|
|
128
|
+
let t1;
|
|
129
|
+
if ($[13] !== className) {
|
|
130
|
+
t1 = clsx.clsx(Select_module.TextInputWrapper, className);
|
|
133
131
|
$[13] = className;
|
|
134
|
-
$[14] =
|
|
132
|
+
$[14] = t1;
|
|
133
|
+
} else {
|
|
134
|
+
t1 = $[14];
|
|
135
|
+
}
|
|
136
|
+
const t2 = validationStatus === "error" ? "true" : "false";
|
|
137
|
+
const t3 = disabled && Select_module.Disabled;
|
|
138
|
+
let t4;
|
|
139
|
+
if ($[15] !== t3) {
|
|
140
|
+
t4 = clsx.clsx(Select_module.Select, t3);
|
|
135
141
|
$[15] = t3;
|
|
142
|
+
$[16] = t4;
|
|
136
143
|
} else {
|
|
137
|
-
|
|
144
|
+
t4 = $[16];
|
|
138
145
|
}
|
|
139
|
-
const
|
|
140
|
-
const
|
|
141
|
-
let
|
|
142
|
-
if ($[
|
|
143
|
-
|
|
146
|
+
const t5 = Boolean(placeholder);
|
|
147
|
+
const t6 = (_ref = (_defaultValue = defaultValue) !== null && _defaultValue !== void 0 ? _defaultValue : placeholder) !== null && _ref !== void 0 ? _ref : undefined;
|
|
148
|
+
let t7;
|
|
149
|
+
if ($[17] !== placeholder || $[18] !== required) {
|
|
150
|
+
t7 = placeholder && /*#__PURE__*/jsxRuntime.jsx("option", {
|
|
144
151
|
value: "",
|
|
145
152
|
disabled: required,
|
|
146
153
|
hidden: required,
|
|
147
154
|
children: placeholder
|
|
148
155
|
});
|
|
149
|
-
$[
|
|
150
|
-
$[
|
|
151
|
-
$[
|
|
156
|
+
$[17] = placeholder;
|
|
157
|
+
$[18] = required;
|
|
158
|
+
$[19] = t7;
|
|
152
159
|
} else {
|
|
153
|
-
|
|
160
|
+
t7 = $[19];
|
|
154
161
|
}
|
|
155
|
-
let
|
|
156
|
-
if ($[
|
|
157
|
-
|
|
162
|
+
let t8;
|
|
163
|
+
if ($[20] !== children || $[21] !== disabled || $[22] !== ref || $[23] !== required || $[24] !== rest || $[25] !== t2 || $[26] !== t4 || $[27] !== t5 || $[28] !== t6 || $[29] !== t7) {
|
|
164
|
+
t8 = /*#__PURE__*/jsxRuntime.jsxs("select", {
|
|
158
165
|
...rest,
|
|
159
166
|
ref: ref,
|
|
160
167
|
required: required,
|
|
161
168
|
disabled: disabled,
|
|
162
|
-
"aria-invalid":
|
|
163
|
-
className:
|
|
164
|
-
"data-hasplaceholder":
|
|
165
|
-
defaultValue:
|
|
166
|
-
children: [
|
|
169
|
+
"aria-invalid": t2,
|
|
170
|
+
className: t4,
|
|
171
|
+
"data-hasplaceholder": t5,
|
|
172
|
+
defaultValue: t6,
|
|
173
|
+
children: [t7, children]
|
|
167
174
|
});
|
|
168
|
-
$[
|
|
169
|
-
$[
|
|
170
|
-
$[
|
|
171
|
-
$[
|
|
172
|
-
$[
|
|
173
|
-
$[
|
|
174
|
-
$[25] = t3;
|
|
175
|
+
$[20] = children;
|
|
176
|
+
$[21] = disabled;
|
|
177
|
+
$[22] = ref;
|
|
178
|
+
$[23] = required;
|
|
179
|
+
$[24] = rest;
|
|
180
|
+
$[25] = t2;
|
|
175
181
|
$[26] = t4;
|
|
176
182
|
$[27] = t5;
|
|
177
183
|
$[28] = t6;
|
|
178
184
|
$[29] = t7;
|
|
185
|
+
$[30] = t8;
|
|
179
186
|
} else {
|
|
180
|
-
|
|
187
|
+
t8 = $[30];
|
|
181
188
|
}
|
|
182
|
-
let
|
|
183
|
-
if ($[
|
|
184
|
-
|
|
189
|
+
let t9;
|
|
190
|
+
if ($[31] === Symbol.for("react.memo_cache_sentinel")) {
|
|
191
|
+
t9 = /*#__PURE__*/jsxRuntime.jsx(ArrowIndicator, {
|
|
185
192
|
className: Select_module.ArrowIndicator
|
|
186
193
|
});
|
|
187
|
-
$[
|
|
194
|
+
$[31] = t9;
|
|
188
195
|
} else {
|
|
189
|
-
|
|
196
|
+
t9 = $[31];
|
|
190
197
|
}
|
|
191
|
-
let
|
|
192
|
-
if ($[
|
|
193
|
-
|
|
198
|
+
let t10;
|
|
199
|
+
if ($[32] !== block || $[33] !== contrast || $[34] !== disabled || $[35] !== size || $[36] !== sx || $[37] !== t1 || $[38] !== t8 || $[39] !== validationStatus) {
|
|
200
|
+
t10 = /*#__PURE__*/jsxRuntime.jsxs(TextInputWrapper.TextInputWrapper, {
|
|
194
201
|
block: block,
|
|
195
202
|
contrast: contrast,
|
|
196
203
|
disabled: disabled,
|
|
197
204
|
size: size,
|
|
198
205
|
validationStatus: validationStatus,
|
|
199
|
-
className:
|
|
206
|
+
className: t1,
|
|
200
207
|
sx: sx,
|
|
201
|
-
children: [
|
|
208
|
+
children: [t8, t9]
|
|
202
209
|
});
|
|
203
|
-
$[
|
|
204
|
-
$[
|
|
205
|
-
$[
|
|
206
|
-
$[
|
|
207
|
-
$[
|
|
208
|
-
$[
|
|
209
|
-
$[
|
|
210
|
-
$[
|
|
210
|
+
$[32] = block;
|
|
211
|
+
$[33] = contrast;
|
|
212
|
+
$[34] = disabled;
|
|
213
|
+
$[35] = size;
|
|
214
|
+
$[36] = sx;
|
|
215
|
+
$[37] = t1;
|
|
216
|
+
$[38] = t8;
|
|
217
|
+
$[39] = validationStatus;
|
|
218
|
+
$[40] = t10;
|
|
211
219
|
} else {
|
|
212
|
-
|
|
220
|
+
t10 = $[40];
|
|
213
221
|
}
|
|
214
|
-
return
|
|
222
|
+
return t10;
|
|
215
223
|
});
|
|
216
224
|
const Option = props => {
|
|
217
225
|
const $ = reactCompilerRuntime.c(2);
|
|
@@ -13,7 +13,7 @@ var FilteredActionListLoaders = require('../FilteredActionList/FilteredActionLis
|
|
|
13
13
|
var liveRegionElement = require('@primer/live-region-element');
|
|
14
14
|
var SelectPanel_module = require('./SelectPanel.module.css.js');
|
|
15
15
|
var clsx = require('clsx');
|
|
16
|
-
var
|
|
16
|
+
var miniThrottle = require('@github/mini-throttle');
|
|
17
17
|
var useResponsiveValue = require('../hooks/useResponsiveValue.js');
|
|
18
18
|
var jsxRuntime = require('react/jsx-runtime');
|
|
19
19
|
var useFeatureFlag = require('../FeatureFlags/useFeatureFlag.js');
|
|
@@ -318,7 +318,7 @@ function Panel({
|
|
|
318
318
|
}
|
|
319
319
|
initialHeightRef.current = window.visualViewport.height;
|
|
320
320
|
initialScaleRef.current = window.visualViewport.scale;
|
|
321
|
-
const handleViewportChange =
|
|
321
|
+
const handleViewportChange = miniThrottle.debounce(() => {
|
|
322
322
|
if (window.visualViewport) {
|
|
323
323
|
const currentScale = window.visualViewport.scale;
|
|
324
324
|
const isZooming = currentScale !== initialScaleRef.current;
|
package/lib/SubNav/SubNav.d.ts
CHANGED
|
@@ -1,27 +1,19 @@
|
|
|
1
1
|
import type { To } from 'history';
|
|
2
2
|
import React from 'react';
|
|
3
|
-
|
|
4
|
-
import type { SxProp } from '../sx';
|
|
5
|
-
type StyledSubNavProps = React.ComponentProps<'nav'> & {
|
|
3
|
+
export type SubNavProps = React.ComponentProps<'nav'> & {
|
|
6
4
|
actions?: React.ReactNode;
|
|
7
5
|
align?: 'right';
|
|
8
6
|
full?: boolean;
|
|
9
7
|
label?: string;
|
|
10
|
-
}
|
|
11
|
-
type
|
|
12
|
-
type
|
|
8
|
+
};
|
|
9
|
+
export type SubNavLinksProps = React.ComponentProps<'div'>;
|
|
10
|
+
export type SubNavLinkProps = React.ComponentProps<'a'> & {
|
|
13
11
|
to?: To;
|
|
14
12
|
selected?: boolean;
|
|
15
|
-
}
|
|
16
|
-
declare const
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
export type SubNavProps = ComponentProps<typeof SubNav>;
|
|
20
|
-
export type SubNavLinksProps = ComponentProps<typeof SubNavLinks>;
|
|
21
|
-
export type SubNavLinkProps = ComponentProps<typeof SubNavLink>;
|
|
22
|
-
declare const _default: React.ForwardRefExoticComponent<Omit<StyledSubNavProps, "ref"> & React.RefAttributes<HTMLElement>> & {
|
|
23
|
-
Link: React.ForwardRefExoticComponent<Omit<StyledSubNavLinkProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
|
|
24
|
-
Links: React.ForwardRefExoticComponent<Omit<StyledSubNavLinksProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
13
|
+
};
|
|
14
|
+
declare const _default: React.ForwardRefExoticComponent<Omit<SubNavProps, "ref"> & React.RefAttributes<HTMLElement>> & {
|
|
15
|
+
Link: React.ForwardRefExoticComponent<Omit<SubNavLinkProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
|
|
16
|
+
Links: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
25
17
|
};
|
|
26
18
|
export default _default;
|
|
27
19
|
//# sourceMappingURL=SubNav.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SubNav.d.ts","sourceRoot":"","sources":["../../src/SubNav/SubNav.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,EAAE,EAAC,MAAM,SAAS,CAAA;AAC/B,OAAO,KAAK,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"SubNav.d.ts","sourceRoot":"","sources":["../../src/SubNav/SubNav.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,EAAE,EAAC,MAAM,SAAS,CAAA;AAC/B,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IACtD,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AACD,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAA;AAC1D,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG;IAAC,EAAE,CAAC,EAAE,EAAE,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAC,CAAA;;;;;AA8CvF,wBAA4E"}
|
package/lib/SubNav/SubNav.js
CHANGED
|
@@ -4,7 +4,6 @@ var reactCompilerRuntime = require('react-compiler-runtime');
|
|
|
4
4
|
var clsx = require('clsx');
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var SubNav_module = require('./SubNav.module.css.js');
|
|
7
|
-
var BoxWithFallback = require('../internal/components/BoxWithFallback.js');
|
|
8
7
|
var jsxRuntime = require('react/jsx-runtime');
|
|
9
8
|
|
|
10
9
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
@@ -78,8 +77,7 @@ const SubNav = /*#__PURE__*/React__default.default.forwardRef(function SubNav(t0
|
|
|
78
77
|
}
|
|
79
78
|
let t5;
|
|
80
79
|
if ($[13] !== forwardRef || $[14] !== label || $[15] !== rest || $[16] !== t1 || $[17] !== t3 || $[18] !== t4) {
|
|
81
|
-
t5 = /*#__PURE__*/jsxRuntime.jsxs(
|
|
82
|
-
as: "nav",
|
|
80
|
+
t5 = /*#__PURE__*/jsxRuntime.jsxs("nav", {
|
|
83
81
|
ref: forwardRef,
|
|
84
82
|
className: t1,
|
|
85
83
|
"aria-label": label,
|
|
@@ -132,7 +130,7 @@ const SubNavLinks = /*#__PURE__*/React__default.default.forwardRef((t0, forwardR
|
|
|
132
130
|
}
|
|
133
131
|
let t2;
|
|
134
132
|
if ($[6] !== children || $[7] !== forwardRef || $[8] !== rest || $[9] !== t1) {
|
|
135
|
-
t2 = /*#__PURE__*/jsxRuntime.jsx(
|
|
133
|
+
t2 = /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
136
134
|
ref: forwardRef,
|
|
137
135
|
className: t1,
|
|
138
136
|
...rest,
|
|
@@ -182,8 +180,7 @@ const SubNavLink = /*#__PURE__*/React__default.default.forwardRef((t0, forwardRe
|
|
|
182
180
|
}
|
|
183
181
|
let t2;
|
|
184
182
|
if ($[6] !== children || $[7] !== forwardRef || $[8] !== rest || $[9] !== t1) {
|
|
185
|
-
t2 = /*#__PURE__*/jsxRuntime.jsx(
|
|
186
|
-
as: "a",
|
|
183
|
+
t2 = /*#__PURE__*/jsxRuntime.jsx("a", {
|
|
187
184
|
ref: forwardRef,
|
|
188
185
|
className: t1,
|
|
189
186
|
"data-selected": rest.selected,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { useContext, useRef, useState, useMemo, useEffect } from 'react';
|
|
2
|
-
import { debounce } from '
|
|
2
|
+
import { debounce } from '@github/mini-throttle';
|
|
3
3
|
import { announce } from '@primer/live-region-element';
|
|
4
4
|
import { scrollIntoView } from '@primer/behaviors';
|
|
5
5
|
import { ActionList } from '../ActionList/index.js';
|