@primer/react 38.0.0-rc.1 → 38.0.0-rc.2
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 +46 -0
- 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 +660 -23
- package/generated/components.json +58 -121
- package/lib/AvatarStack/AvatarStack.d.ts +2 -3
- package/lib/AvatarStack/AvatarStack.d.ts.map +1 -1
- package/lib/AvatarStack/AvatarStack.js +1 -3
- package/lib/Banner/Banner.d.ts.map +1 -1
- package/lib/Banner/Banner.js +3 -1
- package/lib/Blankslate/Blankslate.js +38 -40
- package/lib/BranchName/BranchName.d.ts +6 -3
- package/lib/BranchName/BranchName.d.ts.map +1 -1
- package/lib/BranchName/BranchName.js +1 -3
- package/lib/Button/ButtonBase.js +2 -2
- package/lib/Checkbox/Checkbox.js +187 -56
- package/lib/CircleBadge/CircleBadge.d.ts +4 -0
- package/lib/CircleBadge/CircleBadge.d.ts.map +1 -1
- package/lib/CircleBadge/CircleBadge.js +4 -0
- package/lib/DataTable/useTable.js +63 -82
- package/lib/Details/Details.d.ts +2 -3
- package/lib/Details/Details.d.ts.map +1 -1
- package/lib/Details/Details.js +1 -3
- package/lib/FeatureFlags/FeatureFlags.js +10 -12
- package/lib/FilteredActionList/useAnnouncements.js +31 -40
- package/lib/LabelGroup/LabelGroup.d.ts +1 -2
- package/lib/LabelGroup/LabelGroup.d.ts.map +1 -1
- package/lib/LabelGroup/LabelGroup.js +13 -16
- package/lib/NavList/NavList.js +219 -53
- package/lib/PageLayout/PageLayout.js +53 -55
- package/lib/PointerBox/PointerBox.d.ts +8 -0
- package/lib/PointerBox/PointerBox.d.ts.map +1 -1
- package/lib/PointerBox/PointerBox.js +4 -0
- package/{lib-esm/ProgressBar/ProgressBar-a0957632.css → lib/ProgressBar/ProgressBar-36f689cb.css} +2 -2
- package/lib/ProgressBar/ProgressBar-36f689cb.css.map +1 -0
- package/lib/ProgressBar/ProgressBar.d.ts +3 -4
- package/lib/ProgressBar/ProgressBar.d.ts.map +1 -1
- package/lib/ProgressBar/ProgressBar.module.css.js +1 -1
- package/lib/ProgressBar/index.d.ts +2 -2
- package/lib/ProgressBar/index.d.ts.map +1 -1
- package/lib/Select/Select.d.ts +1 -1
- package/lib/Select/Select.d.ts.map +1 -1
- package/lib/Select/Select.js +53 -65
- package/lib/SelectPanel/{SelectPanel-06900070.css → SelectPanel-e11ce210.css} +2 -2
- package/lib/SelectPanel/SelectPanel-e11ce210.css.map +1 -0
- package/lib/SelectPanel/SelectPanel.d.ts +1 -1
- package/lib/SelectPanel/SelectPanel.d.ts.map +1 -1
- package/lib/SelectPanel/SelectPanel.js +2 -9
- package/lib/SelectPanel/SelectPanel.module.css.js +2 -2
- package/lib/SideNav.d.ts +2 -3
- package/lib/SideNav.d.ts.map +1 -1
- package/lib/SideNav.js +4 -10
- package/lib/StateLabel/StateLabel-50420ff5.css +2 -0
- package/lib/StateLabel/StateLabel-50420ff5.css.map +1 -0
- package/lib/StateLabel/StateLabel.d.ts +6 -5
- package/lib/StateLabel/StateLabel.d.ts.map +1 -1
- package/lib/StateLabel/StateLabel.js +54 -126
- package/lib/StateLabel/StateLabel.module.css.js +2 -2
- package/lib/TextInputWithTokens/TextInputWithTokens.d.ts +6 -0
- package/lib/TextInputWithTokens/TextInputWithTokens.d.ts.map +1 -1
- package/lib/TextInputWithTokens/TextInputWithTokens.js +343 -331
- package/lib/ToggleSwitch/ToggleSwitch-4b23d166.css +2 -0
- package/lib/ToggleSwitch/ToggleSwitch-4b23d166.css.map +1 -0
- package/lib/ToggleSwitch/ToggleSwitch.d.ts +1 -3
- package/lib/ToggleSwitch/ToggleSwitch.d.ts.map +1 -1
- package/lib/ToggleSwitch/ToggleSwitch.js +120 -152
- package/lib/ToggleSwitch/ToggleSwitch.module.css.js +2 -2
- package/lib/Token/IssueLabelToken-0dbbbcdf.css +2 -0
- package/lib/Token/IssueLabelToken-0dbbbcdf.css.map +1 -0
- package/lib/Token/IssueLabelToken.d.ts.map +1 -1
- package/lib/Token/IssueLabelToken.js +7 -65
- package/lib/Token/IssueLabelToken.module.css.js +1 -1
- package/lib/Token/TokenBase.js +73 -82
- package/lib/Token/_RemoveTokenButton.js +106 -26
- package/lib/Tooltip/Tooltip.js +15 -17
- package/lib/TreeView/TreeView.js +18 -20
- package/lib/deprecated/ActionList/List.d.ts.map +1 -1
- package/lib/deprecated/ActionList/List.js +115 -138
- package/lib/deprecated/ActionMenu.js +19 -21
- package/lib/deprecated/index.d.ts +2 -0
- package/lib/deprecated/index.d.ts.map +1 -1
- package/lib/deprecated/index.js +2 -0
- package/lib/hooks/useMenuKeyboardNavigation.js +23 -43
- package/lib/hooks/useMnemonics.js +37 -76
- package/lib/hooks/useOpenAndCloseFocus.js +7 -14
- package/lib/hooks/useOverflow.js +7 -11
- package/lib/hooks/useScrollFlash.js +25 -14
- package/lib/index.d.ts +4 -3
- package/lib/index.d.ts.map +1 -1
- package/lib/index.js +10 -10
- package/lib/internal/components/BoxWithFallback.js +40 -35
- package/lib/internal/components/Caret-e686f04c.css +2 -0
- package/lib/internal/components/Caret-e686f04c.css.map +1 -0
- package/lib/internal/components/Caret.d.ts +1 -3
- package/lib/internal/components/Caret.d.ts.map +1 -1
- package/lib/internal/components/Caret.js +14 -48
- package/lib/internal/components/Caret.module.css.js +7 -0
- package/lib/internal/components/LiveRegion.js +8 -10
- package/lib/internal/utils/getGlobalFocusStyles.js +1 -1
- package/lib-esm/AvatarStack/AvatarStack.d.ts +2 -3
- package/lib-esm/AvatarStack/AvatarStack.js +1 -3
- package/lib-esm/Banner/Banner.js +3 -1
- package/lib-esm/Blankslate/Blankslate.js +38 -40
- package/lib-esm/BranchName/BranchName.d.ts +6 -3
- package/lib-esm/BranchName/BranchName.js +1 -3
- package/lib-esm/Button/ButtonBase.js +2 -2
- package/lib-esm/Checkbox/Checkbox.js +187 -56
- package/lib-esm/CircleBadge/CircleBadge.d.ts +4 -0
- package/lib-esm/CircleBadge/CircleBadge.js +4 -0
- package/lib-esm/DataTable/useTable.js +64 -83
- package/lib-esm/Details/Details.d.ts +2 -3
- package/lib-esm/Details/Details.js +1 -3
- package/lib-esm/FeatureFlags/FeatureFlags.js +10 -12
- package/lib-esm/FilteredActionList/useAnnouncements.js +31 -40
- package/lib-esm/LabelGroup/LabelGroup.d.ts +1 -2
- package/lib-esm/LabelGroup/LabelGroup.js +13 -16
- package/lib-esm/NavList/NavList.js +219 -53
- package/lib-esm/PageLayout/PageLayout.js +53 -55
- package/lib-esm/PointerBox/PointerBox.d.ts +8 -0
- package/lib-esm/PointerBox/PointerBox.js +4 -0
- package/{lib/ProgressBar/ProgressBar-a0957632.css → lib-esm/ProgressBar/ProgressBar-36f689cb.css} +2 -2
- package/lib-esm/ProgressBar/ProgressBar-36f689cb.css.map +1 -0
- package/lib-esm/ProgressBar/ProgressBar.d.ts +3 -4
- package/lib-esm/ProgressBar/ProgressBar.module.css.js +1 -1
- package/lib-esm/ProgressBar/index.d.ts +2 -2
- package/lib-esm/Select/Select.d.ts +1 -1
- package/lib-esm/Select/Select.js +53 -65
- package/lib-esm/SelectPanel/{SelectPanel-06900070.css → SelectPanel-e11ce210.css} +2 -2
- package/lib-esm/SelectPanel/SelectPanel-e11ce210.css.map +1 -0
- package/lib-esm/SelectPanel/SelectPanel.d.ts +1 -1
- package/lib-esm/SelectPanel/SelectPanel.js +2 -9
- package/lib-esm/SelectPanel/SelectPanel.module.css.js +2 -2
- package/lib-esm/SideNav.d.ts +2 -3
- package/lib-esm/SideNav.js +4 -10
- package/lib-esm/StateLabel/StateLabel-50420ff5.css +2 -0
- package/lib-esm/StateLabel/StateLabel-50420ff5.css.map +1 -0
- package/lib-esm/StateLabel/StateLabel.d.ts +6 -5
- package/lib-esm/StateLabel/StateLabel.js +55 -123
- package/lib-esm/StateLabel/StateLabel.module.css.js +2 -2
- package/lib-esm/TextInputWithTokens/TextInputWithTokens.d.ts +6 -0
- package/lib-esm/TextInputWithTokens/TextInputWithTokens.js +343 -331
- package/lib-esm/ToggleSwitch/ToggleSwitch-4b23d166.css +2 -0
- package/lib-esm/ToggleSwitch/ToggleSwitch-4b23d166.css.map +1 -0
- package/lib-esm/ToggleSwitch/ToggleSwitch.d.ts +1 -3
- package/lib-esm/ToggleSwitch/ToggleSwitch.js +120 -151
- package/lib-esm/ToggleSwitch/ToggleSwitch.module.css.js +2 -2
- package/lib-esm/Token/IssueLabelToken-0dbbbcdf.css +2 -0
- package/lib-esm/Token/IssueLabelToken-0dbbbcdf.css.map +1 -0
- package/lib-esm/Token/IssueLabelToken.js +7 -65
- package/lib-esm/Token/IssueLabelToken.module.css.js +1 -1
- package/lib-esm/Token/TokenBase.js +73 -82
- package/lib-esm/Token/_RemoveTokenButton.js +106 -26
- package/lib-esm/Tooltip/Tooltip.js +15 -17
- package/lib-esm/TreeView/TreeView.js +18 -20
- package/lib-esm/deprecated/ActionList/List.js +116 -138
- package/lib-esm/deprecated/ActionMenu.js +19 -21
- package/lib-esm/deprecated/index.d.ts +2 -0
- package/lib-esm/deprecated/index.js +1 -0
- package/lib-esm/hooks/useMenuKeyboardNavigation.js +23 -43
- package/lib-esm/hooks/useMnemonics.js +37 -76
- package/lib-esm/hooks/useOpenAndCloseFocus.js +7 -14
- package/lib-esm/hooks/useOverflow.js +7 -11
- package/lib-esm/hooks/useScrollFlash.js +25 -14
- package/lib-esm/index.d.ts +4 -3
- package/lib-esm/index.js +1 -1
- package/lib-esm/internal/components/BoxWithFallback.js +40 -35
- package/lib-esm/internal/components/Caret-e686f04c.css +2 -0
- package/lib-esm/internal/components/Caret-e686f04c.css.map +1 -0
- package/lib-esm/internal/components/Caret.d.ts +1 -3
- package/lib-esm/internal/components/Caret.js +14 -44
- package/lib-esm/internal/components/Caret.module.css.js +5 -0
- package/lib-esm/internal/components/LiveRegion.js +8 -10
- package/lib-esm/internal/utils/getGlobalFocusStyles.js +1 -1
- package/package.json +10 -10
- package/lib/CircleOcticon/CircleOcticon.d.ts +0 -16
- package/lib/CircleOcticon/CircleOcticon.d.ts.map +0 -1
- package/lib/CircleOcticon/CircleOcticon.js +0 -99
- package/lib/CircleOcticon/index.d.ts +0 -3
- package/lib/CircleOcticon/index.d.ts.map +0 -1
- package/lib/ProgressBar/ProgressBar-a0957632.css.map +0 -1
- package/lib/SelectPanel/SelectPanel-06900070.css.map +0 -1
- package/lib/StateLabel/StateLabel-cd27f475.css +0 -2
- package/lib/StateLabel/StateLabel-cd27f475.css.map +0 -1
- package/lib/ToggleSwitch/ToggleSwitch-65936b4b.css +0 -4
- package/lib/ToggleSwitch/ToggleSwitch-65936b4b.css.map +0 -1
- package/lib/Token/IssueLabelToken-99c9b914.css +0 -2
- package/lib/Token/IssueLabelToken-99c9b914.css.map +0 -1
- package/lib-esm/CircleOcticon/CircleOcticon.d.ts +0 -16
- package/lib-esm/CircleOcticon/CircleOcticon.js +0 -97
- package/lib-esm/CircleOcticon/index.d.ts +0 -3
- package/lib-esm/ProgressBar/ProgressBar-a0957632.css.map +0 -1
- package/lib-esm/SelectPanel/SelectPanel-06900070.css.map +0 -1
- package/lib-esm/StateLabel/StateLabel-cd27f475.css +0 -2
- package/lib-esm/StateLabel/StateLabel-cd27f475.css.map +0 -1
- package/lib-esm/ToggleSwitch/ToggleSwitch-65936b4b.css +0 -4
- package/lib-esm/ToggleSwitch/ToggleSwitch-65936b4b.css.map +0 -1
- package/lib-esm/Token/IssueLabelToken-99c9b914.css +0 -2
- package/lib-esm/Token/IssueLabelToken-99c9b914.css.map +0 -1
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var reactCompilerRuntime = require('react-compiler-runtime');
|
|
4
3
|
var React = require('react');
|
|
5
4
|
var utils = require('@primer/behaviors/utils');
|
|
6
5
|
var useProvidedRefOrCreate = require('./useProvidedRefOrCreate.js');
|
|
@@ -16,103 +15,65 @@ var React__default = /*#__PURE__*/_interopDefault(React);
|
|
|
16
15
|
*/
|
|
17
16
|
|
|
18
17
|
const useMnemonics = (open, providedRef) => {
|
|
19
|
-
const $ = reactCompilerRuntime.c(9);
|
|
20
18
|
const containerRef = useProvidedRefOrCreate.useProvidedRefOrCreate(providedRef);
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
const
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
t1 = [open, containerRef];
|
|
33
|
-
$[0] = containerRef;
|
|
34
|
-
$[1] = open;
|
|
35
|
-
$[2] = t0;
|
|
36
|
-
$[3] = t1;
|
|
37
|
-
} else {
|
|
38
|
-
t0 = $[2];
|
|
39
|
-
t1 = $[3];
|
|
40
|
-
}
|
|
41
|
-
React__default.default.useEffect(t0, t1);
|
|
42
|
-
let t2;
|
|
43
|
-
if ($[4] !== containerRef || $[5] !== open) {
|
|
44
|
-
t2 = [open, containerRef];
|
|
45
|
-
$[4] = containerRef;
|
|
46
|
-
$[5] = open;
|
|
47
|
-
$[6] = t2;
|
|
48
|
-
} else {
|
|
49
|
-
t2 = $[6];
|
|
50
|
-
}
|
|
19
|
+
React__default.default.useEffect(function addAriaKeyshortcuts() {
|
|
20
|
+
if (!open || !containerRef.current) return;
|
|
21
|
+
const container = containerRef.current;
|
|
22
|
+
const focusableItems = [...utils.iterateFocusableElements(container)];
|
|
23
|
+
focusableItems.map(item => {
|
|
24
|
+
// if item already has aria-keyshortcuts defined by user, skip
|
|
25
|
+
if (item.getAttribute('aria-keyshortcuts')) return;
|
|
26
|
+
const firstLetter = item.textContent.toLowerCase()[0];
|
|
27
|
+
if (firstLetter) item.setAttribute('aria-keyshortcuts', firstLetter);
|
|
28
|
+
});
|
|
29
|
+
}, [open, containerRef]);
|
|
51
30
|
React__default.default.useEffect(function handleKeyDown() {
|
|
52
|
-
if (!open || !containerRef.current)
|
|
53
|
-
return;
|
|
54
|
-
}
|
|
31
|
+
if (!open || !containerRef.current) return;
|
|
55
32
|
const container_0 = containerRef.current;
|
|
56
33
|
const handler = event => {
|
|
57
34
|
var _elementToFocus;
|
|
35
|
+
// skip if a TextInput has focus
|
|
58
36
|
const activeElement = document.activeElement;
|
|
59
|
-
if (activeElement.tagName ===
|
|
60
|
-
|
|
61
|
-
|
|
37
|
+
if (activeElement.tagName === 'INPUT' || activeElement.tagName === 'TEXTAREA') return;
|
|
38
|
+
|
|
39
|
+
// skip if used with modifier to preserve shortcuts like ⌘ + F
|
|
62
40
|
const hasModifier = event.ctrlKey || event.altKey || event.metaKey;
|
|
63
|
-
if (hasModifier)
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
if (!isAlphabetKey(event))
|
|
67
|
-
|
|
68
|
-
|
|
41
|
+
if (hasModifier) return;
|
|
42
|
+
|
|
43
|
+
// skip if it's not a alphabet key
|
|
44
|
+
if (!isAlphabetKey(event)) return;
|
|
45
|
+
|
|
46
|
+
// if this is a typeahead event, don't propagate outside of menu
|
|
69
47
|
event.stopPropagation();
|
|
70
48
|
const query = event.key.toLowerCase();
|
|
71
49
|
let elementToFocus;
|
|
72
50
|
const focusableItems_0 = [...utils.iterateFocusableElements(container_0)];
|
|
73
51
|
const itemsMatchingKey = focusableItems_0.filter(item_0 => {
|
|
74
52
|
var _item_0$getAttribute;
|
|
75
|
-
const keyshortcuts = (_item_0$getAttribute = item_0.getAttribute(
|
|
53
|
+
const keyshortcuts = (_item_0$getAttribute = item_0.getAttribute('aria-keyshortcuts')) === null || _item_0$getAttribute === void 0 ? void 0 : _item_0$getAttribute.split(' ').map(shortcut => shortcut.toLowerCase());
|
|
76
54
|
return keyshortcuts && keyshortcuts.includes(query);
|
|
77
55
|
});
|
|
78
56
|
const currentActiveIndex = itemsMatchingKey.indexOf(activeElement);
|
|
57
|
+
|
|
58
|
+
// If the last element is already selected, cycle through the list
|
|
79
59
|
if (currentActiveIndex === itemsMatchingKey.length - 1) {
|
|
80
60
|
elementToFocus = itemsMatchingKey[0];
|
|
81
61
|
} else {
|
|
82
|
-
elementToFocus = itemsMatchingKey.find((item_1, index) =>
|
|
62
|
+
elementToFocus = itemsMatchingKey.find((item_1, index) => {
|
|
63
|
+
return index > currentActiveIndex;
|
|
64
|
+
});
|
|
83
65
|
}
|
|
84
66
|
(_elementToFocus = elementToFocus) === null || _elementToFocus === void 0 ? void 0 : _elementToFocus.focus();
|
|
85
67
|
};
|
|
86
|
-
container_0.addEventListener(
|
|
87
|
-
return () => container_0.removeEventListener(
|
|
88
|
-
},
|
|
89
|
-
const isAlphabetKey =
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
$[7] = containerRef;
|
|
96
|
-
$[8] = t3;
|
|
97
|
-
} else {
|
|
98
|
-
t3 = $[8];
|
|
99
|
-
}
|
|
100
|
-
return t3;
|
|
68
|
+
container_0.addEventListener('keydown', handler);
|
|
69
|
+
return () => container_0.removeEventListener('keydown', handler);
|
|
70
|
+
}, [open, containerRef]);
|
|
71
|
+
const isAlphabetKey = event_0 => {
|
|
72
|
+
return event_0.key.length === 1 && /[a-z\d]/i.test(event_0.key);
|
|
73
|
+
};
|
|
74
|
+
return {
|
|
75
|
+
containerRef
|
|
76
|
+
};
|
|
101
77
|
};
|
|
102
|
-
function _temp(item) {
|
|
103
|
-
if (item.getAttribute("aria-keyshortcuts")) {
|
|
104
|
-
return;
|
|
105
|
-
}
|
|
106
|
-
const firstLetter = item.textContent.toLowerCase()[0];
|
|
107
|
-
if (firstLetter) {
|
|
108
|
-
item.setAttribute("aria-keyshortcuts", firstLetter);
|
|
109
|
-
}
|
|
110
|
-
}
|
|
111
|
-
function _temp2(shortcut) {
|
|
112
|
-
return shortcut.toLowerCase();
|
|
113
|
-
}
|
|
114
|
-
function _temp3(event_0) {
|
|
115
|
-
return event_0.key.length === 1 && /[a-z\d]/i.test(event_0.key);
|
|
116
|
-
}
|
|
117
78
|
|
|
118
79
|
exports.useMnemonics = useMnemonics;
|
|
@@ -5,7 +5,7 @@ var React = require('react');
|
|
|
5
5
|
var utils = require('@primer/behaviors/utils');
|
|
6
6
|
|
|
7
7
|
function useOpenAndCloseFocus(t0) {
|
|
8
|
-
const $ = reactCompilerRuntime.c(
|
|
8
|
+
const $ = reactCompilerRuntime.c(6);
|
|
9
9
|
const {
|
|
10
10
|
initialFocusRef,
|
|
11
11
|
returnFocusRef,
|
|
@@ -13,7 +13,8 @@ function useOpenAndCloseFocus(t0) {
|
|
|
13
13
|
preventFocusOnOpen
|
|
14
14
|
} = t0;
|
|
15
15
|
let t1;
|
|
16
|
-
|
|
16
|
+
let t2;
|
|
17
|
+
if ($[0] !== containerRef || $[1] !== initialFocusRef || $[2] !== preventFocusOnOpen || $[3] !== returnFocusRef) {
|
|
17
18
|
t1 = () => {
|
|
18
19
|
if (!preventFocusOnOpen) {
|
|
19
20
|
if (initialFocusRef && initialFocusRef.current) {
|
|
@@ -30,24 +31,16 @@ function useOpenAndCloseFocus(t0) {
|
|
|
30
31
|
returnFocusRefCurrent === null || returnFocusRefCurrent === void 0 ? void 0 : returnFocusRefCurrent.focus();
|
|
31
32
|
};
|
|
32
33
|
};
|
|
34
|
+
t2 = [initialFocusRef, returnFocusRef, containerRef, preventFocusOnOpen];
|
|
33
35
|
$[0] = containerRef;
|
|
34
36
|
$[1] = initialFocusRef;
|
|
35
37
|
$[2] = preventFocusOnOpen;
|
|
36
|
-
$[3] = returnFocusRef
|
|
38
|
+
$[3] = returnFocusRef;
|
|
37
39
|
$[4] = t1;
|
|
40
|
+
$[5] = t2;
|
|
38
41
|
} else {
|
|
39
42
|
t1 = $[4];
|
|
40
|
-
|
|
41
|
-
let t2;
|
|
42
|
-
if ($[5] !== containerRef || $[6] !== initialFocusRef || $[7] !== preventFocusOnOpen || $[8] !== returnFocusRef) {
|
|
43
|
-
t2 = [initialFocusRef, returnFocusRef, containerRef, preventFocusOnOpen];
|
|
44
|
-
$[5] = containerRef;
|
|
45
|
-
$[6] = initialFocusRef;
|
|
46
|
-
$[7] = preventFocusOnOpen;
|
|
47
|
-
$[8] = returnFocusRef;
|
|
48
|
-
$[9] = t2;
|
|
49
|
-
} else {
|
|
50
|
-
t2 = $[9];
|
|
43
|
+
t2 = $[5];
|
|
51
44
|
}
|
|
52
45
|
React.useEffect(t1, t2);
|
|
53
46
|
}
|
package/lib/hooks/useOverflow.js
CHANGED
|
@@ -4,10 +4,11 @@ var reactCompilerRuntime = require('react-compiler-runtime');
|
|
|
4
4
|
var React = require('react');
|
|
5
5
|
|
|
6
6
|
function useOverflow(ref) {
|
|
7
|
-
const $ = reactCompilerRuntime.c(
|
|
7
|
+
const $ = reactCompilerRuntime.c(3);
|
|
8
8
|
const [hasOverflow, setHasOverflow] = React.useState(false);
|
|
9
9
|
let t0;
|
|
10
|
-
|
|
10
|
+
let t1;
|
|
11
|
+
if ($[0] !== ref) {
|
|
11
12
|
t0 = () => {
|
|
12
13
|
if (ref.current === null) {
|
|
13
14
|
return;
|
|
@@ -25,18 +26,13 @@ function useOverflow(ref) {
|
|
|
25
26
|
observer.disconnect();
|
|
26
27
|
};
|
|
27
28
|
};
|
|
28
|
-
|
|
29
|
+
t1 = [ref];
|
|
30
|
+
$[0] = ref;
|
|
29
31
|
$[1] = t0;
|
|
32
|
+
$[2] = t1;
|
|
30
33
|
} else {
|
|
31
34
|
t0 = $[1];
|
|
32
|
-
|
|
33
|
-
let t1;
|
|
34
|
-
if ($[2] !== ref) {
|
|
35
|
-
t1 = [ref];
|
|
36
|
-
$[2] = ref;
|
|
37
|
-
$[3] = t1;
|
|
38
|
-
} else {
|
|
39
|
-
t1 = $[3];
|
|
35
|
+
t1 = $[2];
|
|
40
36
|
}
|
|
41
37
|
React.useEffect(t0, t1);
|
|
42
38
|
return hasOverflow;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
+
var reactCompilerRuntime = require('react-compiler-runtime');
|
|
3
4
|
var React = require('react');
|
|
4
5
|
|
|
5
6
|
/**
|
|
@@ -7,20 +8,30 @@ var React = require('react');
|
|
|
7
8
|
* @param scrollContainerRef The ref of the scrollable content
|
|
8
9
|
*/
|
|
9
10
|
function useScrollFlash(scrollContainerRef) {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
11
|
+
const $ = reactCompilerRuntime.c(3);
|
|
12
|
+
let t0;
|
|
13
|
+
let t1;
|
|
14
|
+
if ($[0] !== scrollContainerRef) {
|
|
15
|
+
t0 = () => {
|
|
16
|
+
const scrollContainer = scrollContainerRef.current;
|
|
17
|
+
if (!scrollContainer) {
|
|
18
|
+
return;
|
|
19
|
+
}
|
|
20
|
+
const currentScroll = scrollContainer.scrollTop;
|
|
21
|
+
const maxScroll = scrollContainer.scrollHeight;
|
|
22
|
+
const altScroll = currentScroll < Math.min(1, maxScroll) ? currentScroll + 1 : currentScroll - 1;
|
|
23
|
+
scrollContainer.scrollTop = altScroll;
|
|
24
|
+
scrollContainer.scrollTop = currentScroll;
|
|
25
|
+
};
|
|
26
|
+
t1 = [scrollContainerRef];
|
|
27
|
+
$[0] = scrollContainerRef;
|
|
28
|
+
$[1] = t0;
|
|
29
|
+
$[2] = t1;
|
|
30
|
+
} else {
|
|
31
|
+
t0 = $[1];
|
|
32
|
+
t1 = $[2];
|
|
33
|
+
}
|
|
34
|
+
React.useEffect(t0, t1);
|
|
24
35
|
}
|
|
25
36
|
|
|
26
37
|
module.exports = useScrollFlash;
|
package/lib/index.d.ts
CHANGED
|
@@ -43,6 +43,8 @@ export { default as Avatar } from './Avatar';
|
|
|
43
43
|
export type { AvatarProps } from './Avatar';
|
|
44
44
|
export { default as AvatarStack } from './AvatarStack';
|
|
45
45
|
export type { AvatarStackProps } from './AvatarStack';
|
|
46
|
+
export { Banner } from './Banner';
|
|
47
|
+
export type { BannerProps } from './Banner';
|
|
46
48
|
export { default as BranchName } from './BranchName';
|
|
47
49
|
export type { BranchNameProps } from './BranchName';
|
|
48
50
|
export { default as Breadcrumbs, Breadcrumb } from './Breadcrumbs';
|
|
@@ -50,8 +52,6 @@ export type { BreadcrumbsProps, BreadcrumbsItemProps, BreadcrumbProps, Breadcrum
|
|
|
50
52
|
export { default as ButtonGroup } from './ButtonGroup';
|
|
51
53
|
export type { ButtonGroupProps } from './ButtonGroup';
|
|
52
54
|
export type { CircleBadgeProps, CircleBadgeIconProps } from './CircleBadge';
|
|
53
|
-
export { default as CircleOcticon } from './CircleOcticon';
|
|
54
|
-
export type { CircleOcticonProps } from './CircleOcticon';
|
|
55
55
|
export { default as CheckboxGroup } from './CheckboxGroup';
|
|
56
56
|
export { default as CircleBadge } from './CircleBadge';
|
|
57
57
|
export { default as CounterLabel } from './CounterLabel';
|
|
@@ -89,7 +89,7 @@ export type { PopoverProps, PopoverContentProps } from './Popover';
|
|
|
89
89
|
export { default as Portal, registerPortalRoot } from './Portal';
|
|
90
90
|
export type { PortalProps } from './Portal';
|
|
91
91
|
export { ProgressBar } from './ProgressBar';
|
|
92
|
-
export type { ProgressBarProps } from './ProgressBar';
|
|
92
|
+
export type { ProgressBarProps, ProgressBarItemProps } from './ProgressBar';
|
|
93
93
|
export { default as RadioGroup } from './RadioGroup';
|
|
94
94
|
export type { RelativeTimeProps } from './RelativeTime';
|
|
95
95
|
export { default as RelativeTime } from './RelativeTime';
|
|
@@ -107,6 +107,7 @@ export type { StateLabelProps } from './StateLabel';
|
|
|
107
107
|
export { default as SubNav } from './SubNav';
|
|
108
108
|
export type { SubNavProps, SubNavLinkProps, SubNavLinksProps } from './SubNav';
|
|
109
109
|
export { default as ToggleSwitch } from './ToggleSwitch';
|
|
110
|
+
export type { ToggleSwitchProps } from './ToggleSwitch';
|
|
110
111
|
export { default as TextInput } from './TextInput';
|
|
111
112
|
export type { TextInputProps } from './TextInput';
|
|
112
113
|
export { default as TextInputWithTokens } from './TextInputWithTokens';
|
package/lib/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
package/lib/index.js
CHANGED
|
@@ -21,22 +21,22 @@ var useIsomorphicLayoutEffect = require('./utils/useIsomorphicLayoutEffect.js');
|
|
|
21
21
|
var useProvidedRefOrCreate = require('./hooks/useProvidedRefOrCreate.js');
|
|
22
22
|
var createComponent = require('./utils/create-component.js');
|
|
23
23
|
var index = require('./ActionList/index.js');
|
|
24
|
+
var index$1 = require('./Banner/index.js');
|
|
24
25
|
var Dialog = require('./Dialog/Dialog.js');
|
|
25
26
|
var Label = require('./Label/Label.js');
|
|
26
27
|
var Pagination = require('./Pagination/Pagination.js');
|
|
27
28
|
var Portal = require('./Portal/Portal.js');
|
|
28
|
-
var index$
|
|
29
|
+
var index$2 = require('./ProgressBar/index.js');
|
|
29
30
|
var SideNav = require('./SideNav.js');
|
|
30
|
-
var index$
|
|
31
|
-
var index$
|
|
32
|
-
var index$
|
|
31
|
+
var index$3 = require('./UnderlineNav/index.js');
|
|
32
|
+
var index$4 = require('./ActionBar/index.js');
|
|
33
|
+
var index$5 = require('./Stack/index.js');
|
|
33
34
|
var sx = require('./sx.js');
|
|
34
35
|
var Box = require('./Box/Box.js');
|
|
35
36
|
var Radio = require('./Radio/Radio.js');
|
|
36
37
|
var Avatar = require('./Avatar/Avatar.js');
|
|
37
38
|
var AvatarStack = require('./AvatarStack/AvatarStack.js');
|
|
38
39
|
var ButtonGroup = require('./ButtonGroup/ButtonGroup.js');
|
|
39
|
-
var CircleOcticon = require('./CircleOcticon/CircleOcticon.js');
|
|
40
40
|
var CounterLabel = require('./CounterLabel/CounterLabel.js');
|
|
41
41
|
var Details = require('./Details/Details.js');
|
|
42
42
|
var Flash = require('./Flash/Flash.js');
|
|
@@ -117,23 +117,23 @@ exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect;
|
|
|
117
117
|
exports.useProvidedRefOrCreate = useProvidedRefOrCreate.useProvidedRefOrCreate;
|
|
118
118
|
exports.createComponent = createComponent.createComponent;
|
|
119
119
|
exports.ActionList = index.ActionList;
|
|
120
|
+
exports.Banner = index$1.Banner;
|
|
120
121
|
exports.Dialog = Dialog.Dialog;
|
|
121
122
|
exports.Label = Label;
|
|
122
123
|
exports.Pagination = Pagination;
|
|
123
124
|
exports.Portal = Portal.Portal;
|
|
124
125
|
exports.registerPortalRoot = Portal.registerPortalRoot;
|
|
125
|
-
exports.ProgressBar = index$
|
|
126
|
+
exports.ProgressBar = index$2.ProgressBar;
|
|
126
127
|
exports.SideNav = SideNav;
|
|
127
|
-
exports.UnderlineNav = index$
|
|
128
|
-
exports.ActionBar = index$
|
|
129
|
-
exports.Stack = index$
|
|
128
|
+
exports.UnderlineNav = index$3.UnderlineNav;
|
|
129
|
+
exports.ActionBar = index$4.default;
|
|
130
|
+
exports.Stack = index$5.Stack;
|
|
130
131
|
exports.sx = sx.default;
|
|
131
132
|
exports.Box = Box;
|
|
132
133
|
exports.Radio = Radio;
|
|
133
134
|
exports.Avatar = Avatar.default;
|
|
134
135
|
exports.AvatarStack = AvatarStack;
|
|
135
136
|
exports.ButtonGroup = ButtonGroup;
|
|
136
|
-
exports.CircleOcticon = CircleOcticon;
|
|
137
137
|
exports.CounterLabel = CounterLabel;
|
|
138
138
|
exports.Details = Details.default;
|
|
139
139
|
exports.Flash = Flash;
|
|
@@ -12,60 +12,65 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
|
12
12
|
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
13
13
|
|
|
14
14
|
const BoxWithFallback = /*#__PURE__*/React__default.default.forwardRef(function BoxWithFallback(t0, ref) {
|
|
15
|
-
const $ = reactCompilerRuntime.c(
|
|
15
|
+
const $ = reactCompilerRuntime.c(14);
|
|
16
|
+
let BaseComponent;
|
|
16
17
|
let rest;
|
|
18
|
+
let sx;
|
|
17
19
|
let t1;
|
|
18
|
-
let t2;
|
|
19
20
|
if ($[0] !== t0) {
|
|
20
|
-
|
|
21
|
-
as:
|
|
22
|
-
sx:
|
|
23
|
-
...
|
|
24
|
-
} = t0
|
|
21
|
+
const {
|
|
22
|
+
as: t2,
|
|
23
|
+
sx: t3,
|
|
24
|
+
...t4
|
|
25
|
+
} = t0;
|
|
26
|
+
rest = t4;
|
|
27
|
+
BaseComponent = t2 === undefined ? "div" : t2;
|
|
28
|
+
sx = t3 === undefined ? defaultSxProp.defaultSxProp : t3;
|
|
29
|
+
t1 = sx !== defaultSxProp.defaultSxProp || includeSystemProps.includesSystemProps(rest);
|
|
25
30
|
$[0] = t0;
|
|
26
|
-
$[1] =
|
|
27
|
-
$[2] =
|
|
28
|
-
$[3] =
|
|
31
|
+
$[1] = BaseComponent;
|
|
32
|
+
$[2] = rest;
|
|
33
|
+
$[3] = sx;
|
|
34
|
+
$[4] = t1;
|
|
29
35
|
} else {
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
36
|
+
BaseComponent = $[1];
|
|
37
|
+
rest = $[2];
|
|
38
|
+
sx = $[3];
|
|
39
|
+
t1 = $[4];
|
|
33
40
|
}
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
if ($[4] !== BaseComponent || $[5] !== ref || $[6] !== rest || $[7] !== sx) {
|
|
39
|
-
t3 = /*#__PURE__*/jsxRuntime.jsx(Box, {
|
|
41
|
+
if (t1) {
|
|
42
|
+
let t2;
|
|
43
|
+
if ($[5] !== BaseComponent || $[6] !== ref || $[7] !== rest || $[8] !== sx) {
|
|
44
|
+
t2 = /*#__PURE__*/jsxRuntime.jsx(Box, {
|
|
40
45
|
...rest,
|
|
41
46
|
ref: ref,
|
|
42
47
|
as: BaseComponent,
|
|
43
48
|
sx: sx
|
|
44
49
|
});
|
|
45
|
-
$[
|
|
46
|
-
$[
|
|
47
|
-
$[
|
|
48
|
-
$[
|
|
49
|
-
$[
|
|
50
|
+
$[5] = BaseComponent;
|
|
51
|
+
$[6] = ref;
|
|
52
|
+
$[7] = rest;
|
|
53
|
+
$[8] = sx;
|
|
54
|
+
$[9] = t2;
|
|
50
55
|
} else {
|
|
51
|
-
|
|
56
|
+
t2 = $[9];
|
|
52
57
|
}
|
|
53
|
-
return
|
|
58
|
+
return t2;
|
|
54
59
|
}
|
|
55
|
-
let
|
|
56
|
-
if ($[
|
|
57
|
-
|
|
60
|
+
let t2;
|
|
61
|
+
if ($[10] !== BaseComponent || $[11] !== ref || $[12] !== rest) {
|
|
62
|
+
t2 = /*#__PURE__*/jsxRuntime.jsx(BaseComponent, {
|
|
58
63
|
...rest,
|
|
59
64
|
ref: ref
|
|
60
65
|
});
|
|
61
|
-
$[
|
|
62
|
-
$[
|
|
63
|
-
$[
|
|
64
|
-
$[
|
|
66
|
+
$[10] = BaseComponent;
|
|
67
|
+
$[11] = ref;
|
|
68
|
+
$[12] = rest;
|
|
69
|
+
$[13] = t2;
|
|
65
70
|
} else {
|
|
66
|
-
|
|
71
|
+
t2 = $[13];
|
|
67
72
|
}
|
|
68
|
-
return
|
|
73
|
+
return t2;
|
|
69
74
|
});
|
|
70
75
|
|
|
71
76
|
exports.BoxWithFallback = BoxWithFallback;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
.prc-components-Caret-PNu-B{pointer-events:none;position:absolute}.prc-components-CaretTriangle-Iu0GY{fill:var(--caret-bg,var(--bgColor-default,var(--color-canvas-default)))}.prc-components-CaretBorder-o3vP2{fill:none;stroke:var(--caret-border-color,var(--borderColor-default,var(--color-border-default)));stroke-width:var(--caret-border-width,var(--borderWidth-thin,.0625rem))}
|
|
2
|
+
/*# sourceMappingURL=Caret-e686f04c.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/internal/components/Caret.module.css"],"names":[],"mappings":"AAAA,4BACE,mBAAoB,CACpB,iBACF,CAEA,oCAEE,uEACF,CAEA,kCACE,SAAU,CAEV,uFAA6D,CAC7D,uEACF","file":"Caret-e686f04c.css","sourcesContent":[".Caret {\n pointer-events: none;\n position: absolute;\n}\n\n.CaretTriangle {\n /* stylelint-disable-next-line primer/colors */\n fill: var(--caret-bg, var(--bgColor-default));\n}\n\n.CaretBorder {\n fill: none;\n /* stylelint-disable-next-line primer/colors */\n stroke: var(--caret-border-color, var(--borderColor-default));\n stroke-width: var(--caret-border-width, var(--borderWidth-thin));\n}\n"]}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import type { Theme } from '../../ThemeProvider';
|
|
1
|
+
import type React from 'react';
|
|
3
2
|
type Location = 'top' | 'top-left' | 'top-right' | 'right' | 'right-top' | 'right-bottom' | 'bottom' | 'bottom-left' | 'bottom-right' | 'left' | 'left-top' | 'left-bottom';
|
|
4
3
|
export type CaretProps = {
|
|
5
4
|
bg?: string;
|
|
@@ -7,7 +6,6 @@ export type CaretProps = {
|
|
|
7
6
|
borderWidth?: string | number;
|
|
8
7
|
size?: number;
|
|
9
8
|
location?: Location;
|
|
10
|
-
theme?: Theme;
|
|
11
9
|
};
|
|
12
10
|
declare function Caret(props: CaretProps): React.JSX.Element;
|
|
13
11
|
declare namespace Caret {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Caret.d.ts","sourceRoot":"","sources":["../../../src/internal/components/Caret.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"Caret.d.ts","sourceRoot":"","sources":["../../../src/internal/components/Caret.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,KAAK,QAAQ,GACT,KAAK,GACL,UAAU,GACV,WAAW,GACX,OAAO,GACP,WAAW,GACX,cAAc,GACd,QAAQ,GACR,aAAa,GACb,cAAc,GACd,MAAM,GACN,UAAU,GACV,aAAa,CAAA;AAgCjB,MAAM,MAAM,UAAU,GAAG;IACvB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,QAAQ,CAAA;CACpB,CAAA;AAED,iBAAS,KAAK,CAAC,KAAK,EAAE,UAAU,qBAgD/B;kBAhDQ,KAAK;;;AAiEd,eAAe,KAAK,CAAA"}
|
|
@@ -1,14 +1,8 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
4
|
-
var styled = require('styled-components');
|
|
5
|
-
var styledSystem = require('styled-system');
|
|
3
|
+
var Caret_module = require('./Caret.module.css.js');
|
|
6
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
7
5
|
|
|
8
|
-
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
9
|
-
|
|
10
|
-
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
11
|
-
|
|
12
6
|
const oppositeEdge = {
|
|
13
7
|
top: 'Bottom',
|
|
14
8
|
right: 'Left',
|
|
@@ -33,39 +27,11 @@ function getPosition(edge, align, spacing) {
|
|
|
33
27
|
[align || perp]: align ? spacing : '50%'
|
|
34
28
|
};
|
|
35
29
|
}
|
|
36
|
-
const getBg = styledSystem.style({
|
|
37
|
-
prop: 'bg',
|
|
38
|
-
key: 'colors'
|
|
39
|
-
});
|
|
40
|
-
const getBorderColor = styledSystem.style({
|
|
41
|
-
prop: 'borderColor',
|
|
42
|
-
key: 'colors'
|
|
43
|
-
});
|
|
44
|
-
const getBorderWidth = styledSystem.style({
|
|
45
|
-
prop: 'borderWidth',
|
|
46
|
-
key: 'borderWidths',
|
|
47
|
-
scale: [0, 1]
|
|
48
|
-
});
|
|
49
30
|
function Caret(props) {
|
|
50
|
-
var _props$theme;
|
|
51
|
-
const theme = React__default.default.useContext(styled.ThemeContext);
|
|
52
|
-
const propsWithTheme = {
|
|
53
|
-
...props,
|
|
54
|
-
bg: props.bg || 'canvas.default',
|
|
55
|
-
borderColor: props.borderColor || 'border.default',
|
|
56
|
-
borderWidth: props.borderWidth || 1,
|
|
57
|
-
theme: (_props$theme = props.theme) !== null && _props$theme !== void 0 ? _props$theme : theme
|
|
58
|
-
};
|
|
59
|
-
const {
|
|
60
|
-
bg
|
|
61
|
-
} = getBg(propsWithTheme);
|
|
62
|
-
const {
|
|
63
|
-
borderColor
|
|
64
|
-
} = getBorderColor(propsWithTheme);
|
|
65
|
-
const {
|
|
66
|
-
borderWidth
|
|
67
|
-
} = getBorderWidth(propsWithTheme);
|
|
68
31
|
const {
|
|
32
|
+
bg,
|
|
33
|
+
borderColor,
|
|
34
|
+
borderWidth,
|
|
69
35
|
size = 8,
|
|
70
36
|
location = 'bottom'
|
|
71
37
|
} = props;
|
|
@@ -89,30 +55,30 @@ function Caret(props) {
|
|
|
89
55
|
left: `translate(${[size * 2, size]}) rotate(90)`
|
|
90
56
|
}[edge];
|
|
91
57
|
return /*#__PURE__*/jsxRuntime.jsx("svg", {
|
|
58
|
+
className: Caret_module.Caret,
|
|
92
59
|
width: size * 2,
|
|
93
60
|
height: size * 2,
|
|
94
61
|
style: {
|
|
95
|
-
pointerEvents: 'none',
|
|
96
|
-
position: 'absolute',
|
|
97
62
|
...getPosition(edge, align, size),
|
|
98
63
|
// if align is set (top|right|bottom|left),
|
|
99
64
|
// then we don't need an offset margin
|
|
100
|
-
[`margin${perp}`]: align ? null : -size
|
|
65
|
+
[`margin${perp}`]: align ? null : -size,
|
|
66
|
+
...{
|
|
67
|
+
'--caret-bg': bg,
|
|
68
|
+
'--caret-border-color': borderColor,
|
|
69
|
+
'--caret-border-width': borderWidth
|
|
70
|
+
}
|
|
101
71
|
},
|
|
102
72
|
role: "presentation",
|
|
103
73
|
children: /*#__PURE__*/jsxRuntime.jsxs("g", {
|
|
74
|
+
className: Caret_module.CaretGroup,
|
|
104
75
|
transform: transform,
|
|
105
76
|
children: [/*#__PURE__*/jsxRuntime.jsx("path", {
|
|
106
77
|
d: triangle,
|
|
107
|
-
|
|
108
|
-
}), /*#__PURE__*/jsxRuntime.jsx("path", {
|
|
109
|
-
d: triangle,
|
|
110
|
-
fill: bg
|
|
78
|
+
className: Caret_module.CaretTriangle
|
|
111
79
|
}), /*#__PURE__*/jsxRuntime.jsx("path", {
|
|
112
80
|
d: line,
|
|
113
|
-
|
|
114
|
-
stroke: borderColor,
|
|
115
|
-
strokeWidth: borderWidth
|
|
81
|
+
className: Caret_module.CaretBorder
|
|
116
82
|
})]
|
|
117
83
|
})
|
|
118
84
|
});
|