@primer/react 37.32.0-rc.f8e94f384 → 38.0.0-rc.1
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 +36 -1
- package/dist/browser.esm.js +3 -3
- package/dist/browser.esm.js.map +1 -1
- package/dist/browser.umd.js +3 -3
- package/dist/browser.umd.js.map +1 -1
- package/dist/components.css +162 -125
- package/generated/components.json +87 -200
- 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/FilteredActionList/FilteredActionList-96b126d7.css +2 -0
- package/lib/FilteredActionList/FilteredActionList-96b126d7.css.map +1 -0
- package/lib/FilteredActionList/FilteredActionList.d.ts.map +1 -1
- package/lib/FilteredActionList/FilteredActionList.js +3 -6
- package/lib/FilteredActionList/FilteredActionList.module.css.js +2 -2
- package/lib/PointerBox/PointerBox.d.ts +1 -1
- package/lib/PointerBox/PointerBox.d.ts.map +1 -1
- package/lib/PointerBox/PointerBox.js +1 -1
- 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/Radio/{Radio-b2a92b7d.css → Radio-df9a5c02.css} +2 -2
- package/lib/Radio/{Radio-b2a92b7d.css.map → 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/SplitPageLayout/SplitPageLayout.d.ts +1 -2
- package/lib/SplitPageLayout/SplitPageLayout.d.ts.map +1 -1
- package/lib/Stack/Stack.d.ts.map +1 -1
- package/lib/Stack/Stack.js +110 -111
- package/lib/StateLabel/StateLabel-cd27f475.css +2 -0
- package/lib/StateLabel/StateLabel-cd27f475.css.map +1 -0
- package/lib/StateLabel/StateLabel.d.ts +1 -2
- package/lib/StateLabel/StateLabel.d.ts.map +1 -1
- package/lib/StateLabel/StateLabel.js +3 -5
- package/lib/StateLabel/StateLabel.module.css.js +7 -0
- 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/ToggleSwitch/ToggleSwitch-65936b4b.css +4 -0
- package/lib/ToggleSwitch/ToggleSwitch-65936b4b.css.map +1 -0
- package/lib/ToggleSwitch/ToggleSwitch.d.ts +1 -2
- package/lib/ToggleSwitch/ToggleSwitch.d.ts.map +1 -1
- package/lib/ToggleSwitch/ToggleSwitch.js +163 -213
- package/lib/ToggleSwitch/ToggleSwitch.module.css.js +7 -0
- package/lib/ToggleSwitch/ToggleSwitchStoryWrapper.d.ts.map +1 -1
- package/lib/Token/index.d.ts +0 -1
- package/lib/Token/index.d.ts.map +1 -1
- package/lib/TreeView/shared.js +2 -2
- package/lib/VisuallyHidden/VisuallyHidden.d.ts +1 -2
- package/lib/VisuallyHidden/VisuallyHidden.d.ts.map +1 -1
- package/lib/VisuallyHidden/VisuallyHidden.js +1 -3
- package/lib/deprecated/UnderlineNav/UnderlineNav.d.ts +2 -3
- package/lib/deprecated/UnderlineNav/UnderlineNav.d.ts.map +1 -1
- package/lib/deprecated/UnderlineNav/UnderlineNav.js +2 -3
- package/lib/deprecated/index.d.ts +0 -2
- package/lib/deprecated/index.d.ts.map +1 -1
- package/lib/deprecated/index.js +0 -2
- package/lib/hooks/useMnemonics.js +1 -2
- package/lib/index.d.ts +1 -5
- package/lib/index.d.ts.map +1 -1
- package/lib/index.js +0 -6
- package/lib/{Caret.d.ts → internal/components/Caret.d.ts} +1 -1
- package/lib/internal/components/Caret.d.ts.map +1 -0
- 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/FilteredActionList/FilteredActionList-96b126d7.css +2 -0
- package/lib-esm/FilteredActionList/FilteredActionList-96b126d7.css.map +1 -0
- package/lib-esm/FilteredActionList/FilteredActionList.js +3 -6
- package/lib-esm/FilteredActionList/FilteredActionList.module.css.js +2 -2
- package/lib-esm/PointerBox/PointerBox.d.ts +1 -1
- package/lib-esm/PointerBox/PointerBox.js +1 -1
- 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-esm/Radio/{Radio-b2a92b7d.css → Radio-df9a5c02.css} +2 -2
- package/lib-esm/Radio/{Radio-b2a92b7d.css.map → 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/SplitPageLayout/SplitPageLayout.d.ts +1 -2
- package/lib-esm/Stack/Stack.js +110 -111
- package/lib-esm/StateLabel/StateLabel-cd27f475.css +2 -0
- package/lib-esm/StateLabel/StateLabel-cd27f475.css.map +1 -0
- package/lib-esm/StateLabel/StateLabel.d.ts +1 -2
- package/lib-esm/StateLabel/StateLabel.js +3 -5
- package/lib-esm/StateLabel/StateLabel.module.css.js +5 -0
- package/lib-esm/SubNav/SubNav.d.ts +8 -16
- package/lib-esm/SubNav/SubNav.js +3 -6
- package/lib-esm/ToggleSwitch/ToggleSwitch-65936b4b.css +4 -0
- package/lib-esm/ToggleSwitch/ToggleSwitch-65936b4b.css.map +1 -0
- package/lib-esm/ToggleSwitch/ToggleSwitch.d.ts +1 -2
- package/lib-esm/ToggleSwitch/ToggleSwitch.js +163 -213
- package/lib-esm/ToggleSwitch/ToggleSwitch.module.css.js +5 -0
- package/lib-esm/Token/index.d.ts +0 -1
- package/lib-esm/TreeView/shared.js +2 -2
- package/lib-esm/VisuallyHidden/VisuallyHidden.d.ts +1 -2
- package/lib-esm/VisuallyHidden/VisuallyHidden.js +1 -3
- package/lib-esm/deprecated/UnderlineNav/UnderlineNav.d.ts +2 -3
- package/lib-esm/deprecated/UnderlineNav/UnderlineNav.js +2 -3
- package/lib-esm/deprecated/index.d.ts +0 -2
- package/lib-esm/deprecated/index.js +0 -1
- package/lib-esm/hooks/useMnemonics.js +1 -2
- package/lib-esm/index.d.ts +1 -5
- package/lib-esm/index.js +0 -3
- package/lib-esm/{Caret.d.ts → internal/components/Caret.d.ts} +1 -1
- package/package.json +13 -14
- package/lib/Caret.d.ts.map +0 -1
- package/lib/FilteredActionList/FilteredActionList-d1d6d026.css +0 -2
- package/lib/FilteredActionList/FilteredActionList-d1d6d026.css.map +0 -1
- package/lib/ProgressBar/ProgressBar-430cdef7.css +0 -2
- package/lib/ProgressBar/ProgressBar-430cdef7.css.map +0 -1
- package/lib/Token/AvatarToken-ff45cc85.css +0 -2
- package/lib/Token/AvatarToken-ff45cc85.css.map +0 -1
- package/lib/Token/AvatarToken.d.ts +0 -8
- package/lib/Token/AvatarToken.d.ts.map +0 -1
- package/lib/Token/AvatarToken.js +0 -99
- package/lib/Token/AvatarToken.module.css.js +0 -7
- package/lib/deprecated/AvatarPair/AvatarPair-68990abe.css +0 -2
- package/lib/deprecated/AvatarPair/AvatarPair-68990abe.css.map +0 -1
- package/lib/deprecated/AvatarPair/AvatarPair.d.ts +0 -14
- package/lib/deprecated/AvatarPair/AvatarPair.d.ts.map +0 -1
- package/lib/deprecated/AvatarPair/AvatarPair.js +0 -95
- package/lib/deprecated/AvatarPair/AvatarPair.module.css.js +0 -7
- package/lib/deprecated/AvatarPair/index.d.ts +0 -3
- package/lib/deprecated/AvatarPair/index.d.ts.map +0 -1
- package/lib/node_modules/@github/mini-throttle/dist/index.js +0 -43
- package/lib-esm/FilteredActionList/FilteredActionList-d1d6d026.css +0 -2
- package/lib-esm/FilteredActionList/FilteredActionList-d1d6d026.css.map +0 -1
- package/lib-esm/ProgressBar/ProgressBar-430cdef7.css +0 -2
- package/lib-esm/ProgressBar/ProgressBar-430cdef7.css.map +0 -1
- package/lib-esm/Token/AvatarToken-ff45cc85.css +0 -2
- package/lib-esm/Token/AvatarToken-ff45cc85.css.map +0 -1
- package/lib-esm/Token/AvatarToken.d.ts +0 -8
- package/lib-esm/Token/AvatarToken.js +0 -97
- package/lib-esm/Token/AvatarToken.module.css.js +0 -5
- package/lib-esm/deprecated/AvatarPair/AvatarPair-68990abe.css +0 -2
- package/lib-esm/deprecated/AvatarPair/AvatarPair-68990abe.css.map +0 -1
- package/lib-esm/deprecated/AvatarPair/AvatarPair.d.ts +0 -14
- package/lib-esm/deprecated/AvatarPair/AvatarPair.js +0 -89
- package/lib-esm/deprecated/AvatarPair/AvatarPair.module.css.js +0 -5
- package/lib-esm/deprecated/AvatarPair/index.d.ts +0 -3
- package/lib-esm/node_modules/@github/mini-throttle/dist/index.js +0 -40
- /package/lib/{Caret.js → internal/components/Caret.js} +0 -0
- /package/lib-esm/{Caret.js → internal/components/Caret.js} +0 -0
|
@@ -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
|
+
.prc-FilteredActionList-Root-S5E74{display:flex;flex-direction:column;overflow:hidden}.prc-FilteredActionList-Container-2A9NQ{display:flex;flex-grow:1;height:100%;overflow:auto}.prc-FilteredActionList-ActionListItem-39lnB:focus{background:var(--control-transparent-bgColor-selected,var(--color-action-list-item-default-selected-bg))}.prc-FilteredActionList-ActionListItem-39lnB:focus:after{background:var(--borderColor-accent-emphasis,var(--color-accent-emphasis));border-radius:var(--borderRadius-medium,.375rem);content:"";height:var(--base-size-24,1.5rem);left:calc(var(--base-size-8,.5rem)*-1);position:absolute;top:calc(50% - var(--base-size-12,.75rem));width:var(--base-size-4,.25rem)}.prc-FilteredActionList-ActionListItem-39lnB:where([data-input-focused]):where([data-first-child]){background:var(--control-transparent-bgColor-selected,var(--color-action-list-item-default-selected-bg))}.prc-FilteredActionList-ActionListItem-39lnB:where([data-input-focused]):where([data-first-child]):after{background:var(--borderColor-accent-emphasis,var(--color-accent-emphasis));border-radius:var(--borderRadius-medium,.375rem);content:"";height:var(--base-size-24,1.5rem);left:calc(var(--base-size-8,.5rem)*-1);position:absolute;top:calc(50% - var(--base-size-12,.75rem));width:var(--base-size-4,.25rem)}@media screen and (max-width:calc(48rem - 0.02px)){@supports (-webkit-touch-callout:none){.prc-FilteredActionList-FullScreenTextInput-rCAiq{font-size:var(--text-title-size-small,1rem)}}}.prc-FilteredActionList-SelectAllContainer-w5otq{align-items:center;background:var(--bgColor-muted,var(--color-canvas-subtle));border-bottom:var(--borderWidth-thin,.0625rem) solid var(--borderColor-default,var(--color-border-default));display:flex;padding-block:var(--base-size-4,.25rem);padding-inline:var(--base-size-16,1rem)}.prc-FilteredActionList-SelectAllCheckbox-dq2yL{margin:var(--base-size-4,.25rem) var(--base-size-8,.5rem) calc(var(--base-size-4,.25rem) - 1px) 0}.prc-FilteredActionList-SelectAllLabel-l34LA{color:var(--fgColor-muted,var(--color-fg-muted));font-size:var(--text-body-size-medium,.875rem)}
|
|
2
|
+
/*# sourceMappingURL=FilteredActionList-96b126d7.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/FilteredActionList/FilteredActionList.module.css","../../postcss-preset-primer/src/mixins/activeIndicatorLine.css"],"names":[],"mappings":"AAAA,mCACE,YAAa,CACb,qBAAsB,CACtB,eACF,CAEA,wCACE,YAAa,CAGb,WAAY,CAFZ,WAAY,CACZ,aAEF,CAEA,mDACE,wGAKF,CAHE,yDCRA,0EAA8C,CAC9C,gDAAyC,CAHzC,UAAW,CADX,iCAA2B,CAF3B,sCAAmC,CAFnC,iBAAkB,CAClB,0CAAoC,CAEpC,+BDcA,CAGF,mGACE,wGAKF,CAHE,yGChBA,0EAA8C,CAC9C,gDAAyC,CAHzC,UAAW,CADX,iCAA2B,CAF3B,sCAAmC,CAFnC,iBAAkB,CAClB,0CAAoC,CAEpC,+BDsBA,CAIA,mDAEE,uCAHJ,kDAIM,2CAGN,CAFI,CACF,CAGF,iDAEE,kBAAmB,CAGnB,0DAAgC,CAChC,2GAAuE,CALvE,YAAa,CAEb,uCAAiC,CACjC,uCAGF,CAEA,gDAGE,iGACF,CAEA,6CAEE,gDAA2B,CAD3B,8CAEF","file":"FilteredActionList-96b126d7.css","sourcesContent":[".Root {\n display: flex;\n flex-direction: column;\n overflow: hidden;\n}\n\n.Container {\n display: flex;\n height: 100%;\n overflow: auto;\n flex-grow: 1;\n}\n\n.ActionListItem:focus {\n background: var(--control-transparent-bgColor-selected);\n\n &::after {\n @mixin activeIndicatorLine;\n }\n}\n\n.ActionListItem:where([data-input-focused]):where([data-first-child]) {\n background: var(--control-transparent-bgColor-selected);\n\n &::after {\n @mixin activeIndicatorLine;\n }\n}\n\n.FullScreenTextInput {\n @media screen and (--viewportRange-narrow) {\n /* Ensures inputs don't zoom on mobile iPhone but are body-font size on iPad */\n @supports (-webkit-touch-callout: none) {\n font-size: var(--text-title-size-small);\n }\n }\n}\n\n.SelectAllContainer {\n display: flex;\n align-items: center;\n padding-block: var(--base-size-4);\n padding-inline: var(--base-size-16);\n background: var(--bgColor-muted);\n border-bottom: var(--borderWidth-thin) solid var(--borderColor-default);\n}\n\n.SelectAllCheckbox {\n /* -1px hack to offset 1px border-bottom causing uneven alignment */\n /* stylelint-disable-next-line primer/spacing */\n margin: var(--base-size-4) var(--base-size-8) calc(var(--base-size-4) - 1px) 0;\n}\n\n.SelectAllLabel {\n font-size: var(--text-body-size-medium);\n color: var(--fgColor-muted);\n}\n","@define-mixin activeIndicatorLine {\n position: absolute;\n top: calc(50% - var(--base-size-12));\n left: calc(-1 * var(--base-size-8));\n width: var(--base-size-4);\n height: var(--base-size-24);\n content: '';\n /* stylelint-disable-next-line primer/colors */\n background: var(--borderColor-accent-emphasis);\n border-radius: var(--borderRadius-medium);\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilteredActionList.d.ts","sourceRoot":"","sources":["../../src/FilteredActionList/FilteredActionList.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"FilteredActionList.d.ts","sourceRoot":"","sources":["../../src/FilteredActionList/FilteredActionList.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,cAAc,CAAA;AAIhD,OAAO,KAAK,EAAC,gBAAgB,EAAE,aAAa,EAA0B,MAAM,IAAI,CAAA;AAOhF,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AACjC,OAAO,KAAK,EAAC,6BAA6B,EAAC,MAAM,6BAA6B,CAAA;AAc9E,MAAM,WAAW,uBACf,SAAQ,OAAO,CAAC,IAAI,CAAC,gBAAgB,EAAE,MAAM,aAAa,CAAC,CAAC,EAC1D,aAAa,EACb,MAAM;IACR,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,WAAW,CAAC,EAAE,6BAA6B,CAAA;IAC3C,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,GAAG,IAAI,KAAK,IAAI,CAAA;IACtF,yBAAyB,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAA;IAC7D,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACpE,cAAc,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC,CAAA;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAA;IAC5C,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,WAAW,CAAC,EAAE;QACZ,KAAK,EAAE,MAAM,CAAA;QACb,WAAW,EAAE,MAAM,CAAA;KACpB,CAAA;IACD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,iBAAiB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;CAC/C;AAOD,wBAAgB,kBAAkB,CAAC,EACjC,OAAe,EACf,eAAe,EACf,WAAW,EAAE,mBAAmB,EAChC,WAAwD,EACxD,cAAc,EACd,yBAAyB,EACzB,iBAAiB,EACjB,KAAK,EACL,cAAc,EACd,QAAQ,EAAE,gBAAgB,EAC1B,EAAE,EACF,aAAa,EACb,gBAAgB,EAChB,OAAO,EACP,WAAW,EACX,SAAS,EACT,gBAAgB,EAChB,oBAA2B,EAC3B,kBAAkB,EAClB,iBAAiB,EACjB,GAAG,SAAS,EACb,EAAE,uBAAuB,GAAG,GAAG,CAAC,OAAO,CA6TvC;yBAnVe,kBAAkB"}
|
|
@@ -17,9 +17,9 @@ var ActionListContainerContext = require('../ActionList/ActionListContainerConte
|
|
|
17
17
|
var reactIs = require('react-is');
|
|
18
18
|
var useAnnouncements = require('./useAnnouncements.js');
|
|
19
19
|
var clsx = require('clsx');
|
|
20
|
+
var BoxWithFallback = require('../internal/components/BoxWithFallback.js');
|
|
20
21
|
var jsxRuntime = require('react/jsx-runtime');
|
|
21
22
|
var useFeatureFlag = require('../FeatureFlags/useFeatureFlag.js');
|
|
22
|
-
var Box = require('../Box/Box.js');
|
|
23
23
|
var TextInput = require('../TextInput/TextInput.js');
|
|
24
24
|
var VisuallyHidden = require('../VisuallyHidden/VisuallyHidden.js');
|
|
25
25
|
var Checkbox = require('../Checkbox/Checkbox.js');
|
|
@@ -276,13 +276,10 @@ function FilteredActionList({
|
|
|
276
276
|
return actionListContent;
|
|
277
277
|
}
|
|
278
278
|
}
|
|
279
|
-
return /*#__PURE__*/jsxRuntime.jsxs(
|
|
279
|
+
return /*#__PURE__*/jsxRuntime.jsxs(BoxWithFallback.BoxWithFallback, {
|
|
280
280
|
ref: inputAndListContainerRef,
|
|
281
|
-
display: "flex",
|
|
282
|
-
flexDirection: "column",
|
|
283
|
-
overflow: "hidden",
|
|
284
281
|
sx: sx,
|
|
285
|
-
className: className,
|
|
282
|
+
className: clsx.clsx(className, FilteredActionList_module.Root),
|
|
286
283
|
"data-testid": "filtered-action-list",
|
|
287
284
|
children: [/*#__PURE__*/jsxRuntime.jsx(StyledHeader, {
|
|
288
285
|
children: /*#__PURE__*/jsxRuntime.jsx(TextInput, {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
require('./FilteredActionList-
|
|
3
|
+
require('./FilteredActionList-96b126d7.css');
|
|
4
4
|
|
|
5
|
-
var classes = {"Container":"prc-FilteredActionList-Container-2A9NQ","ActionListItem":"prc-FilteredActionList-ActionListItem-39lnB","FullScreenTextInput":"prc-FilteredActionList-FullScreenTextInput-rCAiq","SelectAllContainer":"prc-FilteredActionList-SelectAllContainer-w5otq","SelectAllCheckbox":"prc-FilteredActionList-SelectAllCheckbox-dq2yL","SelectAllLabel":"prc-FilteredActionList-SelectAllLabel-l34LA"};
|
|
5
|
+
var classes = {"Root":"prc-FilteredActionList-Root-S5E74","Container":"prc-FilteredActionList-Container-2A9NQ","ActionListItem":"prc-FilteredActionList-ActionListItem-39lnB","FullScreenTextInput":"prc-FilteredActionList-FullScreenTextInput-rCAiq","SelectAllContainer":"prc-FilteredActionList-SelectAllContainer-w5otq","SelectAllCheckbox":"prc-FilteredActionList-SelectAllCheckbox-dq2yL","SelectAllLabel":"prc-FilteredActionList-SelectAllLabel-l34LA"};
|
|
6
6
|
|
|
7
7
|
module.exports = classes;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PointerBox.d.ts","sourceRoot":"","sources":["../../src/PointerBox/PointerBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,QAAQ,CAAA;AAEpC,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"PointerBox.d.ts","sourceRoot":"","sources":["../../src/PointerBox/PointerBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,QAAQ,CAAA;AAEpC,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,8BAA8B,CAAA;AAG5D,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAGjC,KAAK,cAAc,GAAG;IACpB,EAAE,CAAC,EAAE;QACH,EAAE,CAAC,EAAE,MAAM,CAAA;QACX,eAAe,CAAC,EAAE,MAAM,CAAA;QACxB,WAAW,CAAC,EAAE,MAAM,CAAA;KACrB,CAAA;CACF,GAAG,MAAM,CAAA;AAEV,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAA;IAC9B,EAAE,CAAC,EAAE,UAAU,CAAC,IAAI,CAAC,CAAA;IACrB,WAAW,CAAC,EAAE,UAAU,CAAC,aAAa,CAAC,CAAA;IACvC,MAAM,CAAC,EAAE,UAAU,CAAC,aAAa,CAAC,CAAA;CACnC,GAAG,QAAQ,GACV,cAAc,CAAA;AAEhB,iBAAS,UAAU,CAAC,KAAK,EAAE,eAAe,qBAoCzC;AAED,eAAe,UAAU,CAAA"}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var React = require('react');
|
|
4
4
|
var styled = require('styled-components');
|
|
5
|
-
var Caret = require('../Caret.js');
|
|
5
|
+
var Caret = require('../internal/components/Caret.js');
|
|
6
6
|
var constants = require('../constants.js');
|
|
7
7
|
var jsxRuntime = require('react/jsx-runtime');
|
|
8
8
|
var Box = require('../Box/Box.js');
|
|
@@ -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);
|