@primer/react 38.29.0-rc.d7f442775 → 38.29.0-rc.dc2cb3e06
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/dist/AnchoredOverlay/AnchoredOverlay.js +2 -2
- package/dist/ConfirmationDialog/ConfirmationDialog.d.ts +0 -9
- package/dist/ConfirmationDialog/ConfirmationDialog.d.ts.map +1 -1
- package/dist/ConfirmationDialog/ConfirmationDialog.js +1 -42
- package/dist/ConfirmationDialog/useConfirm.d.ts +12 -0
- package/dist/ConfirmationDialog/useConfirm.d.ts.map +1 -0
- package/dist/ConfirmationDialog/useConfirm.js +44 -0
- package/dist/KeybindingHint/KeybindingHint.d.ts +0 -14
- package/dist/KeybindingHint/KeybindingHint.d.ts.map +1 -1
- package/dist/KeybindingHint/KeybindingHint.js +1 -16
- package/dist/KeybindingHint/components/Chord.d.ts +0 -2
- package/dist/KeybindingHint/components/Chord.d.ts.map +1 -1
- package/dist/KeybindingHint/components/Chord.js +0 -1
- package/dist/KeybindingHint/components/Sequence.d.ts +0 -2
- package/dist/KeybindingHint/components/Sequence.d.ts.map +1 -1
- package/dist/KeybindingHint/index.d.ts +2 -1
- package/dist/KeybindingHint/index.d.ts.map +1 -1
- package/dist/KeybindingHint/utils.d.ts +15 -0
- package/dist/KeybindingHint/utils.d.ts.map +1 -0
- package/dist/KeybindingHint/utils.js +17 -0
- package/dist/Overlay/Overlay.d.ts +1 -2
- package/dist/Overlay/Overlay.d.ts.map +1 -1
- package/dist/ThemeContext.d.ts +15 -0
- package/dist/ThemeContext.d.ts.map +1 -0
- package/dist/ThemeContext.js +9 -0
- package/dist/ThemeProvider.d.ts +1 -14
- package/dist/ThemeProvider.d.ts.map +1 -1
- package/dist/ThemeProvider.js +3 -18
- package/dist/Timeline/Timeline.d.ts +1 -2
- package/dist/Timeline/Timeline.d.ts.map +1 -1
- package/dist/Token/IssueLabelToken.d.ts.map +1 -1
- package/dist/Token/IssueLabelToken.js +2 -2
- package/dist/Token/Token.d.ts.map +1 -1
- package/dist/Token/Token.js +2 -2
- package/dist/Token/TokenBase.d.ts +1 -3
- package/dist/Token/TokenBase.d.ts.map +1 -1
- package/dist/Token/TokenBase.js +1 -1
- package/dist/Token/_RemoveTokenButton.js +1 -4
- package/dist/TooltipV2/Tooltip.js +2 -1
- package/dist/TreeView/TreeView.js +1 -1
- package/dist/UnderlineNav/UnderlineNav.d.ts +0 -2
- package/dist/UnderlineNav/UnderlineNav.d.ts.map +1 -1
- package/dist/UnderlineNav/UnderlineNav.js +1 -1
- package/dist/experimental/SelectPanel2/SelectPanel.d.ts.map +1 -1
- package/dist/experimental/SelectPanel2/SelectPanel.js +1 -1
- package/dist/experimental/SelectPanel2/index.d.ts +2 -1
- package/dist/experimental/SelectPanel2/index.d.ts.map +1 -1
- package/dist/experimental/Tabs/Tabs.d.ts +3 -111
- package/dist/experimental/Tabs/Tabs.d.ts.map +1 -1
- package/dist/experimental/Tabs/Tabs.js +3 -237
- package/dist/experimental/Tabs/TabsContext.d.ts +3 -0
- package/dist/experimental/Tabs/TabsContext.d.ts.map +1 -0
- package/dist/experimental/Tabs/TabsContext.js +5 -0
- package/dist/experimental/Tabs/index.d.ts +5 -2
- package/dist/experimental/Tabs/index.d.ts.map +1 -1
- package/dist/experimental/Tabs/types.d.ts +107 -0
- package/dist/experimental/Tabs/types.d.ts.map +1 -0
- package/dist/experimental/Tabs/useTab.d.ts +7 -0
- package/dist/experimental/Tabs/useTab.d.ts.map +1 -0
- package/dist/experimental/Tabs/useTab.js +97 -0
- package/dist/experimental/Tabs/useTabList.d.ts +3 -0
- package/dist/experimental/Tabs/useTabList.d.ts.map +1 -0
- package/dist/experimental/Tabs/useTabList.js +100 -0
- package/dist/experimental/Tabs/useTabPanel.d.ts +4 -0
- package/dist/experimental/Tabs/useTabPanel.d.ts.map +1 -0
- package/dist/experimental/Tabs/useTabPanel.js +37 -0
- package/dist/experimental/Tabs/useTabs.d.ts +3 -0
- package/dist/experimental/Tabs/useTabs.d.ts.map +1 -0
- package/dist/experimental/Tabs/useTabs.js +12 -0
- package/dist/experimental/index.js +6 -2
- package/dist/index.d.ts +3 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +4 -2
- package/dist/useTheme.d.ts +15 -0
- package/dist/useTheme.d.ts.map +1 -0
- package/dist/useTheme.js +16 -0
- package/dist/utils/story-helpers.d.ts +70 -0
- package/dist/utils/story-helpers.d.ts.map +1 -0
- package/package.json +1 -1
|
@@ -0,0 +1,97 @@
|
|
|
1
|
+
import { c } from 'react-compiler-runtime';
|
|
2
|
+
import { useTabs } from './useTabs.js';
|
|
3
|
+
|
|
4
|
+
/**
|
|
5
|
+
* A custom hook that provides the props needed for a tab component.
|
|
6
|
+
* The props returned should be spread onto the component (typically a button) with the `role=tab`, under a `tablist`.
|
|
7
|
+
*/
|
|
8
|
+
function useTab(props) {
|
|
9
|
+
const $ = c(21);
|
|
10
|
+
const {
|
|
11
|
+
disabled,
|
|
12
|
+
value
|
|
13
|
+
} = props;
|
|
14
|
+
const tabs = useTabs();
|
|
15
|
+
const selected = tabs.selectedValue === value;
|
|
16
|
+
const id = `${tabs.groupId}-tab-${value}`;
|
|
17
|
+
const panelId = `${tabs.groupId}-panel-${value}`;
|
|
18
|
+
let t0;
|
|
19
|
+
if ($[0] !== tabs || $[1] !== value) {
|
|
20
|
+
t0 = function onKeyDown(event) {
|
|
21
|
+
if (event.key === " " || event.key === "Enter") {
|
|
22
|
+
tabs.selectTab(value);
|
|
23
|
+
}
|
|
24
|
+
};
|
|
25
|
+
$[0] = tabs;
|
|
26
|
+
$[1] = value;
|
|
27
|
+
$[2] = t0;
|
|
28
|
+
} else {
|
|
29
|
+
t0 = $[2];
|
|
30
|
+
}
|
|
31
|
+
const onKeyDown = t0;
|
|
32
|
+
let t1;
|
|
33
|
+
if ($[3] !== disabled || $[4] !== tabs || $[5] !== value) {
|
|
34
|
+
t1 = function onMouseDown(event_0) {
|
|
35
|
+
if (!disabled && event_0.button === 0 && event_0.ctrlKey === false) {
|
|
36
|
+
tabs.selectTab(value);
|
|
37
|
+
} else {
|
|
38
|
+
event_0.preventDefault();
|
|
39
|
+
}
|
|
40
|
+
};
|
|
41
|
+
$[3] = disabled;
|
|
42
|
+
$[4] = tabs;
|
|
43
|
+
$[5] = value;
|
|
44
|
+
$[6] = t1;
|
|
45
|
+
} else {
|
|
46
|
+
t1 = $[6];
|
|
47
|
+
}
|
|
48
|
+
const onMouseDown = t1;
|
|
49
|
+
let t2;
|
|
50
|
+
if ($[7] !== disabled || $[8] !== selected || $[9] !== tabs || $[10] !== value) {
|
|
51
|
+
t2 = function onFocus() {
|
|
52
|
+
if (!selected && !disabled) {
|
|
53
|
+
tabs.selectTab(value);
|
|
54
|
+
}
|
|
55
|
+
};
|
|
56
|
+
$[7] = disabled;
|
|
57
|
+
$[8] = selected;
|
|
58
|
+
$[9] = tabs;
|
|
59
|
+
$[10] = value;
|
|
60
|
+
$[11] = t2;
|
|
61
|
+
} else {
|
|
62
|
+
t2 = $[11];
|
|
63
|
+
}
|
|
64
|
+
const onFocus = t2;
|
|
65
|
+
const t3 = disabled ? true : undefined;
|
|
66
|
+
const t4 = selected ? 0 : -1;
|
|
67
|
+
let t5;
|
|
68
|
+
if ($[12] !== id || $[13] !== onFocus || $[14] !== onKeyDown || $[15] !== onMouseDown || $[16] !== panelId || $[17] !== selected || $[18] !== t3 || $[19] !== t4) {
|
|
69
|
+
t5 = {
|
|
70
|
+
tabProps: {
|
|
71
|
+
"aria-disabled": t3,
|
|
72
|
+
"aria-controls": panelId,
|
|
73
|
+
"aria-selected": selected,
|
|
74
|
+
onKeyDown,
|
|
75
|
+
onMouseDown,
|
|
76
|
+
onFocus,
|
|
77
|
+
id,
|
|
78
|
+
role: "tab",
|
|
79
|
+
tabIndex: t4
|
|
80
|
+
}
|
|
81
|
+
};
|
|
82
|
+
$[12] = id;
|
|
83
|
+
$[13] = onFocus;
|
|
84
|
+
$[14] = onKeyDown;
|
|
85
|
+
$[15] = onMouseDown;
|
|
86
|
+
$[16] = panelId;
|
|
87
|
+
$[17] = selected;
|
|
88
|
+
$[18] = t3;
|
|
89
|
+
$[19] = t4;
|
|
90
|
+
$[20] = t5;
|
|
91
|
+
} else {
|
|
92
|
+
t5 = $[20];
|
|
93
|
+
}
|
|
94
|
+
return t5;
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
export { useTab };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useTabList.d.ts","sourceRoot":"","sources":["../../../src/experimental/Tabs/useTabList.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,gBAAgB,EAAE,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAEhE,wBAAgB,UAAU,CAAC,CAAC,SAAS,WAAW,EAAE,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAAG,iBAAiB,CAAC,CAAC,CAAC,CA+DlG"}
|
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
import { c } from 'react-compiler-runtime';
|
|
2
|
+
import { useProvidedRefOrCreate } from '../../hooks/useProvidedRefOrCreate.js';
|
|
3
|
+
|
|
4
|
+
function useTabList(props) {
|
|
5
|
+
const $ = c(9);
|
|
6
|
+
const {
|
|
7
|
+
"aria-label": ariaLabel,
|
|
8
|
+
"aria-labelledby": ariaLabelledby,
|
|
9
|
+
"aria-orientation": ariaOrientation
|
|
10
|
+
} = props;
|
|
11
|
+
const ref = useProvidedRefOrCreate(props.ref);
|
|
12
|
+
let t0;
|
|
13
|
+
if ($[0] !== ariaOrientation || $[1] !== ref) {
|
|
14
|
+
t0 = event => {
|
|
15
|
+
const {
|
|
16
|
+
current: tablist
|
|
17
|
+
} = ref;
|
|
18
|
+
if (tablist === null) {
|
|
19
|
+
return;
|
|
20
|
+
}
|
|
21
|
+
const tabs = getFocusableTabs(tablist);
|
|
22
|
+
const isVertical = ariaOrientation === "vertical";
|
|
23
|
+
const nextKey = isVertical ? "ArrowDown" : "ArrowRight";
|
|
24
|
+
const prevKey = isVertical ? "ArrowUp" : "ArrowLeft";
|
|
25
|
+
if (event.key === nextKey || event.key === prevKey || event.key === "Home" || event.key === "End") {
|
|
26
|
+
event.preventDefault();
|
|
27
|
+
event.stopPropagation();
|
|
28
|
+
}
|
|
29
|
+
if (event.key === nextKey) {
|
|
30
|
+
const selectedTabIndex = tabs.findIndex(_temp);
|
|
31
|
+
if (selectedTabIndex === -1) {
|
|
32
|
+
return;
|
|
33
|
+
}
|
|
34
|
+
const nextTabIndex = (selectedTabIndex + 1) % tabs.length;
|
|
35
|
+
tabs[nextTabIndex].focus();
|
|
36
|
+
} else {
|
|
37
|
+
if (event.key === prevKey) {
|
|
38
|
+
const selectedTabIndex_0 = tabs.findIndex(_temp2);
|
|
39
|
+
if (selectedTabIndex_0 === -1) {
|
|
40
|
+
return;
|
|
41
|
+
}
|
|
42
|
+
const nextTabIndex_0 = (tabs.length + selectedTabIndex_0 - 1) % tabs.length;
|
|
43
|
+
tabs[nextTabIndex_0].focus();
|
|
44
|
+
} else {
|
|
45
|
+
if (event.key === "Home") {
|
|
46
|
+
if (tabs[0]) {
|
|
47
|
+
tabs[0].focus();
|
|
48
|
+
}
|
|
49
|
+
} else {
|
|
50
|
+
if (event.key === "End") {
|
|
51
|
+
if (tabs.length > 0) {
|
|
52
|
+
tabs[tabs.length - 1].focus();
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
};
|
|
59
|
+
$[0] = ariaOrientation;
|
|
60
|
+
$[1] = ref;
|
|
61
|
+
$[2] = t0;
|
|
62
|
+
} else {
|
|
63
|
+
t0 = $[2];
|
|
64
|
+
}
|
|
65
|
+
const onKeyDown = t0;
|
|
66
|
+
const t1 = ariaOrientation !== null && ariaOrientation !== void 0 ? ariaOrientation : "horizontal";
|
|
67
|
+
let t2;
|
|
68
|
+
if ($[3] !== ariaLabel || $[4] !== ariaLabelledby || $[5] !== onKeyDown || $[6] !== ref || $[7] !== t1) {
|
|
69
|
+
t2 = {
|
|
70
|
+
tabListProps: {
|
|
71
|
+
ref,
|
|
72
|
+
"aria-label": ariaLabel,
|
|
73
|
+
"aria-labelledby": ariaLabelledby,
|
|
74
|
+
"aria-orientation": t1,
|
|
75
|
+
role: "tablist",
|
|
76
|
+
onKeyDown
|
|
77
|
+
}
|
|
78
|
+
};
|
|
79
|
+
$[3] = ariaLabel;
|
|
80
|
+
$[4] = ariaLabelledby;
|
|
81
|
+
$[5] = onKeyDown;
|
|
82
|
+
$[6] = ref;
|
|
83
|
+
$[7] = t1;
|
|
84
|
+
$[8] = t2;
|
|
85
|
+
} else {
|
|
86
|
+
t2 = $[8];
|
|
87
|
+
}
|
|
88
|
+
return t2;
|
|
89
|
+
}
|
|
90
|
+
function _temp2(tab_0) {
|
|
91
|
+
return tab_0.getAttribute("aria-selected") === "true";
|
|
92
|
+
}
|
|
93
|
+
function _temp(tab) {
|
|
94
|
+
return tab.getAttribute("aria-selected") === "true";
|
|
95
|
+
}
|
|
96
|
+
function getFocusableTabs(tablist) {
|
|
97
|
+
return Array.from(tablist.querySelectorAll('[role="tab"]:not([aria-disabled])'));
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
export { useTabList };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useTabPanel.d.ts","sourceRoot":"","sources":["../../../src/experimental/Tabs/useTabPanel.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,kBAAkB,EAAE,aAAa,EAAC,MAAM,SAAS,CAAA;AAG9D,kCAAkC;AAClC,wBAAgB,WAAW,CAAC,CAAC,SAAS,WAAW,EAAE,KAAK,EAAE,aAAa,GAAG,kBAAkB,CAAC,CAAC,CAAC,CAe9F"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { c } from 'react-compiler-runtime';
|
|
2
|
+
import { useTabs } from './useTabs.js';
|
|
3
|
+
|
|
4
|
+
/** Utility hook for tab panels */
|
|
5
|
+
function useTabPanel(props) {
|
|
6
|
+
const $ = c(5);
|
|
7
|
+
const {
|
|
8
|
+
value
|
|
9
|
+
} = props;
|
|
10
|
+
const tabs = useTabs();
|
|
11
|
+
const id = `${tabs.groupId}-panel-${value}`;
|
|
12
|
+
const tabId = `${tabs.groupId}-tab-${value}`;
|
|
13
|
+
const t0 = tabs.selectedValue === value ? "" : undefined;
|
|
14
|
+
const t1 = tabs.selectedValue !== value;
|
|
15
|
+
let t2;
|
|
16
|
+
if ($[0] !== id || $[1] !== t0 || $[2] !== t1 || $[3] !== tabId) {
|
|
17
|
+
t2 = {
|
|
18
|
+
tabPanelProps: {
|
|
19
|
+
"aria-labelledby": tabId,
|
|
20
|
+
"data-selected": t0,
|
|
21
|
+
id,
|
|
22
|
+
hidden: t1,
|
|
23
|
+
role: "tabpanel"
|
|
24
|
+
}
|
|
25
|
+
};
|
|
26
|
+
$[0] = id;
|
|
27
|
+
$[1] = t0;
|
|
28
|
+
$[2] = t1;
|
|
29
|
+
$[3] = tabId;
|
|
30
|
+
$[4] = t2;
|
|
31
|
+
} else {
|
|
32
|
+
t2 = $[4];
|
|
33
|
+
}
|
|
34
|
+
return t2;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
export { useTabPanel };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useTabs.d.ts","sourceRoot":"","sources":["../../../src/experimental/Tabs/useTabs.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,SAAS,CAAA;AAE7C,wBAAgB,OAAO,IAAI,gBAAgB,CAM1C"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { useContext } from 'react';
|
|
2
|
+
import { TabsContext } from './TabsContext.js';
|
|
3
|
+
|
|
4
|
+
function useTabs() {
|
|
5
|
+
const context = useContext(TabsContext);
|
|
6
|
+
if (context) {
|
|
7
|
+
return context;
|
|
8
|
+
}
|
|
9
|
+
throw new Error("Component must be used within a <Tabs> component");
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
export { useTabs };
|
|
@@ -18,7 +18,7 @@ export { FilteredActionListLoadingTypes } from '../FilteredActionList/constants.
|
|
|
18
18
|
export { Hidden } from '../Hidden/Hidden.js';
|
|
19
19
|
export { InlineMessage } from '../InlineMessage/InlineMessage.js';
|
|
20
20
|
export { IssueLabel } from './IssueLabel/IssueLabel.js';
|
|
21
|
-
export { KeybindingHint
|
|
21
|
+
export { KeybindingHint } from '../KeybindingHint/KeybindingHint.js';
|
|
22
22
|
export { NavList } from '../NavList/NavList.js';
|
|
23
23
|
export { PageHeader } from '../PageHeader/PageHeader.js';
|
|
24
24
|
export { ScrollableRegion } from '../ScrollableRegion/ScrollableRegion.js';
|
|
@@ -26,10 +26,14 @@ export { SelectPanel } from './SelectPanel2/SelectPanel.js';
|
|
|
26
26
|
export { SkeletonAvatar } from '../SkeletonAvatar/SkeletonAvatar.js';
|
|
27
27
|
export { SkeletonBox } from '../Skeleton/SkeletonBox.js';
|
|
28
28
|
export { SkeletonText } from '../SkeletonText/SkeletonText.js';
|
|
29
|
-
export { Tabs
|
|
29
|
+
export { Tabs } from './Tabs/Tabs.js';
|
|
30
30
|
export { Tooltip } from '../TooltipV2/Tooltip.js';
|
|
31
31
|
export { default as UnderlinePanels } from './UnderlinePanels/UnderlinePanels.js';
|
|
32
32
|
export { createColumnHelper } from '../DataTable/column.js';
|
|
33
|
+
export { getAccessibleKeybindingHintString } from '../KeybindingHint/utils.js';
|
|
33
34
|
export { useFeatureFlag } from '../FeatureFlags/useFeatureFlag.js';
|
|
34
35
|
export { useOverflow } from '../hooks/useOverflow.js';
|
|
35
36
|
export { useSlots } from '../hooks/useSlots.js';
|
|
37
|
+
export { useTab } from './Tabs/useTab.js';
|
|
38
|
+
export { useTabList } from './Tabs/useTabList.js';
|
|
39
|
+
export { useTabPanel } from './Tabs/useTabPanel.js';
|
package/dist/index.d.ts
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
export { default as theme, type ThemeColorPaths, type ThemeShadowPaths } from './theme';
|
|
2
2
|
export { default as BaseStyles } from './BaseStyles';
|
|
3
3
|
export type { BaseStylesProps } from './BaseStyles';
|
|
4
|
-
export { default as ThemeProvider
|
|
4
|
+
export { default as ThemeProvider } from './ThemeProvider';
|
|
5
|
+
export { useTheme, useColorSchemeVar } from './useTheme';
|
|
5
6
|
export type { ThemeProviderProps } from './ThemeProvider';
|
|
6
7
|
export * from './Button';
|
|
7
8
|
export { PageLayout } from './PageLayout';
|
|
@@ -15,7 +16,7 @@ export type { TouchOrMouseEvent } from './hooks/useOnOutsideClick';
|
|
|
15
16
|
export { useOpenAndCloseFocus } from './hooks/useOpenAndCloseFocus';
|
|
16
17
|
export { useOnEscapePress } from './hooks/useOnEscapePress';
|
|
17
18
|
export { useOverlay } from './hooks/useOverlay';
|
|
18
|
-
export { useConfirm } from './ConfirmationDialog/
|
|
19
|
+
export { useConfirm } from './ConfirmationDialog/useConfirm';
|
|
19
20
|
export { useFocusTrap } from './hooks/useFocusTrap';
|
|
20
21
|
export type { FocusTrapHookSettings } from './hooks/useFocusTrap';
|
|
21
22
|
export { FocusKeys, useFocusZone } from './hooks/useFocusZone';
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,OAAO,IAAI,KAAK,EAAE,KAAK,eAAe,EAAE,KAAK,gBAAgB,EAAC,MAAM,SAAS,CAAA;AACrF,OAAO,EAAC,OAAO,IAAI,UAAU,EAAC,MAAM,cAAc,CAAA;AAClD,YAAY,EAAC,eAAe,EAAC,MAAM,cAAc,CAAA;AACjD,OAAO,EAAC,OAAO,IAAI,aAAa,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,OAAO,IAAI,KAAK,EAAE,KAAK,eAAe,EAAE,KAAK,gBAAgB,EAAC,MAAM,SAAS,CAAA;AACrF,OAAO,EAAC,OAAO,IAAI,UAAU,EAAC,MAAM,cAAc,CAAA;AAClD,YAAY,EAAC,eAAe,EAAC,MAAM,cAAc,CAAA;AACjD,OAAO,EAAC,OAAO,IAAI,aAAa,EAAC,MAAM,iBAAiB,CAAA;AACxD,OAAO,EAAC,QAAQ,EAAE,iBAAiB,EAAC,MAAM,YAAY,CAAA;AACtD,YAAY,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAA;AAGvD,cAAc,UAAU,CAAA;AACxB,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAA;AACvC,YAAY,EACV,eAAe,EACf,qBAAqB,EACrB,sBAAsB,EACtB,mBAAmB,EACnB,qBAAqB,GACtB,MAAM,cAAc,CAAA;AACrB,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAA;AACjD,YAAY,EACV,oBAAoB,EACpB,0BAA0B,EAC1B,2BAA2B,EAC3B,wBAAwB,EACxB,0BAA0B,GAC3B,MAAM,mBAAmB,CAAA;AAG1B,OAAO,EAAC,OAAO,IAAI,UAAU,EAAC,MAAM,oBAAoB,CAAA;AACxD,OAAO,EAAC,OAAO,IAAI,cAAc,EAAC,MAAM,wBAAwB,CAAA;AAChE,OAAO,EAAC,iBAAiB,EAAC,MAAM,2BAA2B,CAAA;AAC3D,YAAY,EAAC,iBAAiB,EAAC,MAAM,2BAA2B,CAAA;AAChE,OAAO,EAAC,oBAAoB,EAAC,MAAM,8BAA8B,CAAA;AACjE,OAAO,EAAC,gBAAgB,EAAC,MAAM,0BAA0B,CAAA;AACzD,OAAO,EAAC,UAAU,EAAC,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAC,UAAU,EAAC,MAAM,iCAAiC,CAAA;AAC1D,OAAO,EAAC,YAAY,EAAC,MAAM,sBAAsB,CAAA;AACjD,YAAY,EAAC,qBAAqB,EAAC,MAAM,sBAAsB,CAAA;AAC/D,OAAO,EAAC,SAAS,EAAE,YAAY,EAAC,MAAM,sBAAsB,CAAA;AAC5D,YAAY,EAAC,qBAAqB,EAAC,MAAM,sBAAsB,CAAA;AAC/D,OAAO,EAAC,0BAA0B,EAAC,MAAM,oCAAoC,CAAA;AAC7E,OAAO,EAAC,aAAa,EAAC,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAC,iBAAiB,EAAC,MAAM,2BAA2B,CAAA;AAC3D,OAAO,EAAC,kBAAkB,EAAE,KAAK,eAAe,EAAC,MAAM,4BAA4B,CAAA;AACnF,OAAO,EAAC,OAAO,IAAI,yBAAyB,EAAC,MAAM,mCAAmC,CAAA;AACtF,OAAO,EAAC,sBAAsB,EAAC,MAAM,gCAAgC,CAAA;AACrE,OAAO,EAAC,KAAK,EAAC,MAAM,eAAe,CAAA;AACnC,OAAO,EAAC,cAAc,EAAC,MAAM,wBAAwB,CAAA;AACrD,OAAO,EAAC,mBAAmB,EAAE,KAAK,4BAA4B,EAAC,MAAM,6BAA6B,CAAA;AAGlG,OAAO,EAAC,eAAe,EAAC,MAAM,0BAA0B,CAAA;AACxD,YAAY,EAAC,UAAU,EAAE,cAAc,EAAE,gBAAgB,EAAC,MAAM,eAAe,CAAA;AAC/E,OAAO,EAAC,MAAM,EAAC,MAAM,iBAAiB,CAAA;AACtC,OAAO,EAAC,MAAM,EAAC,MAAM,iBAAiB,CAAA;AACtC,OAAO,EAAC,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAGzC,OAAO,EAAC,OAAO,IAAI,KAAK,EAAC,MAAM,SAAS,CAAA;AACxC,YAAY,EAAC,UAAU,EAAC,MAAM,SAAS,CAAA;AACvC,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAA;AACvC,YAAY,EACV,eAAe,EACf,oBAAoB,EACpB,2BAA2B,EAC3B,yCAAyC,EACzC,mBAAmB,EACnB,uBAAuB,EACvB,sBAAsB,EACtB,0BAA0B,EAC1B,4BAA4B,EAC5B,6BAA6B,EAC7B,6BAA6B,GAC9B,MAAM,cAAc,CAAA;AACrB,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAA;AACvC,YAAY,EAAC,eAAe,EAAE,qBAAqB,EAAE,qBAAqB,EAAC,MAAM,cAAc,CAAA;AAC/F,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAA;AACjD,YAAY,EAAC,oBAAoB,EAAC,MAAM,mBAAmB,CAAA;AAC3D,OAAO,EAAC,OAAO,IAAI,YAAY,EAAC,MAAM,gBAAgB,CAAA;AACtD,YAAY,EAAC,qBAAqB,EAAE,sBAAsB,EAAE,wBAAwB,EAAC,MAAM,gBAAgB,CAAA;AAC3G,OAAO,EAAC,OAAO,IAAI,MAAM,EAAC,MAAM,UAAU,CAAA;AAC1C,YAAY,EAAC,WAAW,EAAC,MAAM,UAAU,CAAA;AACzC,OAAO,EAAC,OAAO,IAAI,WAAW,EAAC,MAAM,eAAe,CAAA;AACpD,YAAY,EAAC,gBAAgB,EAAC,MAAM,eAAe,CAAA;AACnD,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAA;AAC/B,YAAY,EAAC,WAAW,EAAC,MAAM,UAAU,CAAA;AAEzC,OAAO,EAAC,OAAO,IAAI,UAAU,EAAC,MAAM,cAAc,CAAA;AAClD,YAAY,EAAC,eAAe,EAAC,MAAM,cAAc,CAAA;AACjD,OAAO,EAAC,OAAO,IAAI,WAAW,EAAE,UAAU,EAAC,MAAM,eAAe,CAAA;AAChE,YAAY,EAAC,gBAAgB,EAAE,oBAAoB,EAAE,eAAe,EAAE,mBAAmB,EAAC,MAAM,eAAe,CAAA;AAC/G,OAAO,EAAC,OAAO,IAAI,WAAW,EAAC,MAAM,eAAe,CAAA;AACpD,YAAY,EAAC,gBAAgB,EAAC,MAAM,eAAe,CAAA;AACnD,YAAY,EAAC,gBAAgB,EAAE,oBAAoB,EAAC,MAAM,eAAe,CAAA;AACzE,OAAO,EAAC,OAAO,IAAI,aAAa,EAAC,MAAM,iBAAiB,CAAA;AACxD,YAAY,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAA;AACvD,OAAO,EAAC,OAAO,IAAI,WAAW,EAAC,MAAM,eAAe,CAAA;AACpD,OAAO,EAAC,OAAO,IAAI,YAAY,EAAC,MAAM,gBAAgB,CAAA;AACtD,YAAY,EAAC,iBAAiB,EAAC,MAAM,gBAAgB,CAAA;AACrD,OAAO,EAAC,OAAO,IAAI,OAAO,EAAC,MAAM,WAAW,CAAA;AAC5C,YAAY,EAAC,YAAY,EAAC,MAAM,WAAW,CAAA;AAC3C,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAA;AAC/B,YAAY,EAAC,WAAW,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,WAAW,EAAE,YAAY,EAAC,MAAM,UAAU,CAAA;AAC1G,YAAY,EAAC,uBAAuB,EAAC,MAAM,yCAAyC,CAAA;AACpF,OAAO,EAAC,kBAAkB,EAAC,MAAM,yCAAyC,CAAA;AAC1E,OAAO,EAAC,OAAO,IAAI,KAAK,EAAC,MAAM,SAAS,CAAA;AACxC,YAAY,EAAC,UAAU,EAAC,MAAM,SAAS,CAAA;AACvC,OAAO,EAAC,OAAO,IAAI,WAAW,EAAC,MAAM,eAAe,CAAA;AACpD,YAAY,EACV,gBAAgB,EAChB,uBAAuB,EACvB,qBAAqB,EACrB,0BAA0B,GAC3B,MAAM,eAAe,CAAA;AACtB,OAAO,EAAC,4BAA4B,EAAC,MAAM,eAAe,CAAA;AAC1D,OAAO,EAAC,OAAO,IAAI,MAAM,EAAC,MAAM,UAAU,CAAA;AAC1C,YAAY,EAAC,WAAW,EAAE,eAAe,EAAE,eAAe,EAAC,MAAM,UAAU,CAAA;AAC3E,OAAO,EAAC,OAAO,IAAI,OAAO,EAAC,MAAM,WAAW,CAAA;AAC5C,YAAY,EAAC,YAAY,EAAC,MAAM,WAAW,CAAA;AAC3C,OAAO,EAAC,OAAO,IAAI,KAAK,EAAC,MAAM,SAAS,CAAA;AACxC,YAAY,EAAC,UAAU,EAAE,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAC1D,OAAO,EAAC,OAAO,IAAI,UAAU,EAAC,MAAM,cAAc,CAAA;AAClD,YAAY,EAAC,eAAe,EAAC,MAAM,cAAc,CAAA;AACjD,OAAO,EAAC,OAAO,IAAI,IAAI,EAAC,MAAM,QAAQ,CAAA;AACtC,YAAY,EAAC,SAAS,EAAC,MAAM,QAAQ,CAAA;AACrC,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAA;AACjC,YAAY,EACV,YAAY,EACZ,gBAAgB,EAChB,kBAAkB,EAClB,iBAAiB,EACjB,yBAAyB,EACzB,0BAA0B,EAC1B,mBAAmB,EACnB,wBAAwB,GACzB,MAAM,WAAW,CAAA;AAClB,OAAO,EAAC,OAAO,IAAI,OAAO,EAAC,MAAM,WAAW,CAAA;AAC5C,YAAY,EAAC,YAAY,EAAC,MAAM,WAAW,CAAA;AAC3C,OAAO,EAAC,OAAO,IAAI,UAAU,EAAC,MAAM,cAAc,CAAA;AAClD,YAAY,EAAC,eAAe,EAAC,MAAM,cAAc,CAAA;AACjD,OAAO,EAAC,OAAO,IAAI,OAAO,EAAC,MAAM,WAAW,CAAA;AAC5C,YAAY,EAAC,YAAY,EAAE,mBAAmB,EAAC,MAAM,WAAW,CAAA;AAChE,OAAO,EAAC,OAAO,IAAI,MAAM,EAAE,kBAAkB,EAAE,aAAa,EAAC,MAAM,UAAU,CAAA;AAC7E,YAAY,EAAC,WAAW,EAAC,MAAM,UAAU,CAAA;AACzC,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAA;AACzC,YAAY,EAAC,gBAAgB,EAAE,oBAAoB,EAAC,MAAM,eAAe,CAAA;AACzE,OAAO,EAAC,OAAO,IAAI,UAAU,EAAC,MAAM,cAAc,CAAA;AAClD,YAAY,EAAC,eAAe,EAAC,MAAM,cAAc,CAAA;AACjD,YAAY,EAAC,iBAAiB,EAAC,MAAM,gBAAgB,CAAA;AACrD,OAAO,EAAC,OAAO,IAAI,YAAY,EAAC,MAAM,gBAAgB,CAAA;AACtD,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAA;AACnD,YAAY,EACV,qBAAqB,EACrB,2BAA2B,EAC3B,+BAA+B,GAChC,MAAM,oBAAoB,CAAA;AAE3B,OAAO,EAAC,OAAO,IAAI,MAAM,EAAC,MAAM,UAAU,CAAA;AAC1C,YAAY,EAAC,WAAW,EAAC,MAAM,UAAU,CAAA;AACzC,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAA;AACzC,YAAY,EACV,gBAAgB,EAChB,SAAS,IAAI,oBAAoB,EACjC,gBAAgB,IAAI,2BAA2B,EAC/C,SAAS,IAAI,oBAAoB,GAClC,MAAM,eAAe,CAAA;AACtB,OAAO,EAAC,OAAO,IAAI,OAAO,EAAC,MAAM,WAAW,CAAA;AAC5C,YAAY,EAAC,YAAY,EAAE,gBAAgB,EAAC,MAAM,WAAW,CAAA;AAC7D,OAAO,EAAC,OAAO,IAAI,OAAO,EAAC,MAAM,WAAW,CAAA;AAC5C,YAAY,EAAC,YAAY,EAAC,MAAM,WAAW,CAAA;AAC3C,OAAO,EAAC,OAAO,IAAI,UAAU,EAAC,MAAM,cAAc,CAAA;AAClD,YAAY,EAAC,eAAe,EAAC,MAAM,cAAc,CAAA;AACjD,OAAO,EAAC,OAAO,IAAI,MAAM,EAAC,MAAM,UAAU,CAAA;AAC1C,YAAY,EAAC,WAAW,EAAE,eAAe,EAAE,gBAAgB,EAAC,MAAM,UAAU,CAAA;AAC5E,OAAO,EAAC,OAAO,IAAI,YAAY,EAAC,MAAM,gBAAgB,CAAA;AACtD,YAAY,EAAC,iBAAiB,EAAC,MAAM,gBAAgB,CAAA;AACrD,OAAO,EAAC,OAAO,IAAI,SAAS,EAAC,MAAM,aAAa,CAAA;AAChD,YAAY,EAAC,cAAc,EAAE,oBAAoB,EAAC,MAAM,aAAa,CAAA;AACrE,OAAO,EAAC,OAAO,IAAI,mBAAmB,EAAC,MAAM,uBAAuB,CAAA;AACpE,YAAY,EAAC,wBAAwB,EAAC,MAAM,uBAAuB,CAAA;AACnE,OAAO,EAAC,OAAO,IAAI,IAAI,EAAC,MAAM,QAAQ,CAAA;AACtC,YAAY,EAAC,SAAS,EAAC,MAAM,QAAQ,CAAA;AACrC,OAAO,EAAC,OAAO,IAAI,QAAQ,EAAC,MAAM,YAAY,CAAA;AAC9C,YAAY,EACV,aAAa,EACb,oBAAoB,EACpB,mBAAmB,EACnB,oBAAoB,EACpB,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,YAAY,CAAA;AACnB,OAAO,EAAC,OAAO,IAAI,KAAK,EAAE,eAAe,EAAC,MAAM,SAAS,CAAA;AACzD,YAAY,EAAC,UAAU,EAAE,oBAAoB,EAAC,MAAM,SAAS,CAAA;AAC7D,OAAO,EAAC,OAAO,EAAC,MAAM,aAAa,CAAA;AACnC,YAAY,EAAC,YAAY,EAAC,MAAM,aAAa,CAAA;AAC7C,OAAO,EAAC,OAAO,IAAI,QAAQ,EAAC,MAAM,YAAY,CAAA;AAC9C,YAAY,EAAC,aAAa,EAAC,MAAM,YAAY,CAAA;AAE7C,OAAO,EAAC,OAAO,IAAI,QAAQ,EAAC,MAAM,YAAY,CAAA;AAC9C,YAAY,EAAC,aAAa,EAAC,MAAM,YAAY,CAAA;AAE7C,OAAO,EAAC,OAAO,IAAI,QAAQ,EAAC,MAAM,YAAY,CAAA;AAC9C,YAAY,EAAC,aAAa,EAAC,MAAM,YAAY,CAAA;AAE7C,OAAO,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAA;AACnC,OAAO,EAAC,iBAAiB,EAAC,MAAM,8BAA8B,CAAA;AAC9D,YAAY,EACV,aAAa,EACb,iBAAiB,EACjB,oBAAoB,EACpB,mBAAmB,EACnB,wBAAwB,GACzB,MAAM,YAAY,CAAA;AAEnB,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAA;AAC/C,YAAY,EAAC,mBAAmB,EAAC,MAAM,kBAAkB,CAAA;AAEzD,OAAO,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAA;AAC3C,YAAY,EAAC,iBAAiB,EAAE,qBAAqB,EAAC,MAAM,gBAAgB,CAAA;AAE5E,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAA;AACrC,YAAY,EAAC,cAAc,EAAC,MAAM,aAAa,CAAA;AAE/C,OAAO,EAAC,KAAK,EAAC,MAAM,SAAS,CAAA;AAC7B,YAAY,EAAC,UAAU,EAAE,cAAc,EAAC,MAAM,SAAS,CAAA;AAEvD,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAA;AACvC,YAAY,EACV,eAAe,EACf,UAAU,IAAI,oBAAoB,EAClC,YAAY,IAAI,sBAAsB,EACtC,cAAc,IAAI,wBAAwB,EAC1C,iBAAiB,IAAI,2BAA2B,GACjD,MAAM,cAAc,CAAA;AAErB,OAAO,EAAC,WAAW,EAAC,MAAM,YAAY,CAAA;AACtC,YAAY,EAAC,gBAAgB,EAAC,MAAM,YAAY,CAAA"}
|
package/dist/index.js
CHANGED
|
@@ -1,14 +1,15 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
export { default as theme } from './theme.js';
|
|
3
3
|
export { default as BaseStyles } from './BaseStyles.js';
|
|
4
|
-
export { ThemeProvider
|
|
4
|
+
export { ThemeProvider } from './ThemeProvider.js';
|
|
5
|
+
export { useColorSchemeVar, useTheme } from './useTheme.js';
|
|
5
6
|
export { default as useDetails } from './hooks/useDetails.js';
|
|
6
7
|
export { default as useSafeTimeout } from './hooks/useSafeTimeout.js';
|
|
7
8
|
export { useOnOutsideClick } from './hooks/useOnOutsideClick.js';
|
|
8
9
|
export { useOpenAndCloseFocus } from './hooks/useOpenAndCloseFocus.js';
|
|
9
10
|
export { useOnEscapePress } from './hooks/useOnEscapePress.js';
|
|
10
11
|
export { useOverlay } from './hooks/useOverlay.js';
|
|
11
|
-
export {
|
|
12
|
+
export { useConfirm } from './ConfirmationDialog/useConfirm.js';
|
|
12
13
|
export { useFocusTrap } from './hooks/useFocusTrap.js';
|
|
13
14
|
export { useFocusZone } from './hooks/useFocusZone.js';
|
|
14
15
|
export { useRefObjectAsForwardedRef } from './hooks/useRefObjectAsForwardedRef.js';
|
|
@@ -26,6 +27,7 @@ export { isSlot } from './utils/is-slot.js';
|
|
|
26
27
|
export { useSlots } from './hooks/useSlots.js';
|
|
27
28
|
export { ActionList } from './ActionList/index.js';
|
|
28
29
|
export { Banner } from './Banner/index.js';
|
|
30
|
+
export { ConfirmationDialog } from './ConfirmationDialog/ConfirmationDialog.js';
|
|
29
31
|
export { default as Label } from './Label/Label.js';
|
|
30
32
|
export { default as Pagination } from './Pagination/Pagination.js';
|
|
31
33
|
export { Portal } from './Portal/Portal.js';
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export declare function useTheme(): {
|
|
3
|
+
theme?: import("./ThemeProvider").Theme;
|
|
4
|
+
colorScheme?: string;
|
|
5
|
+
colorMode?: import("./ThemeProvider").ColorModeWithAuto;
|
|
6
|
+
resolvedColorMode?: import("./ThemeProvider").ColorMode;
|
|
7
|
+
resolvedColorScheme?: string;
|
|
8
|
+
dayScheme?: string;
|
|
9
|
+
nightScheme?: string;
|
|
10
|
+
setColorMode: React.Dispatch<React.SetStateAction<import("./ThemeProvider").ColorModeWithAuto>>;
|
|
11
|
+
setDayScheme: React.Dispatch<React.SetStateAction<string>>;
|
|
12
|
+
setNightScheme: React.Dispatch<React.SetStateAction<string>>;
|
|
13
|
+
};
|
|
14
|
+
export declare function useColorSchemeVar(values: Partial<Record<string, string>>, fallback: string): string;
|
|
15
|
+
//# sourceMappingURL=useTheme.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../src/useTheme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,wBAAgB,QAAQ;;;;;;;;;;;EAEvB;AAED,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,EAAE,QAAQ,EAAE,MAAM,UAG1F"}
|
package/dist/useTheme.js
ADDED
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ThemeContext } from './ThemeContext.js';
|
|
3
|
+
|
|
4
|
+
function useTheme() {
|
|
5
|
+
return React.useContext(ThemeContext);
|
|
6
|
+
}
|
|
7
|
+
function useColorSchemeVar(values, fallback) {
|
|
8
|
+
var _values$colorScheme;
|
|
9
|
+
const {
|
|
10
|
+
colorScheme: t0
|
|
11
|
+
} = useTheme();
|
|
12
|
+
const colorScheme = t0 === undefined ? "" : t0;
|
|
13
|
+
return (_values$colorScheme = values[colorScheme]) !== null && _values$colorScheme !== void 0 ? _values$colorScheme : fallback;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
export { useColorSchemeVar, useTheme };
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
import type React from 'react';
|
|
2
|
+
import type { CheckboxGroup, FormControl } from '../index';
|
|
3
|
+
import type { ComponentProps } from './types';
|
|
4
|
+
import type { ArgTypes } from '@storybook/react';
|
|
5
|
+
import type { InputType } from 'storybook/internal/csf';
|
|
6
|
+
import type { Icon } from '@primer/octicons-react';
|
|
7
|
+
type CheckboxOrRadioGroupWrapperArgs = ComponentProps<typeof CheckboxGroup>;
|
|
8
|
+
type CheckboxOrRadioGroupLabelArgs = ComponentProps<typeof CheckboxGroup.Label> & {
|
|
9
|
+
labelChildren?: React.ReactNode;
|
|
10
|
+
};
|
|
11
|
+
type CheckboxOrRadioGroupCaptionArgs = ComponentProps<typeof CheckboxGroup.Caption> & {
|
|
12
|
+
captionChildren?: React.ReactNode;
|
|
13
|
+
};
|
|
14
|
+
type CheckboxOrRadioGroupValidationMessageArgs = ComponentProps<typeof CheckboxGroup.Validation> & {
|
|
15
|
+
validationChildren?: React.ReactNode;
|
|
16
|
+
};
|
|
17
|
+
export type CheckboxOrRadioGroupArgs = CheckboxOrRadioGroupWrapperArgs & CheckboxOrRadioGroupLabelArgs & CheckboxOrRadioGroupCaptionArgs & CheckboxOrRadioGroupValidationMessageArgs;
|
|
18
|
+
type FormControlParentArgs = Pick<ComponentProps<typeof FormControl>, 'required' | 'disabled'>;
|
|
19
|
+
type FormControlLabelArgs = Omit<ComponentProps<typeof FormControl.Label>, 'as'> & {
|
|
20
|
+
labelChildren?: React.ReactNode;
|
|
21
|
+
};
|
|
22
|
+
type FormControlCaptionArgs = ComponentProps<typeof FormControl.Caption> & {
|
|
23
|
+
captionChildren?: React.ReactNode;
|
|
24
|
+
};
|
|
25
|
+
type FormControlValidationMessageArgs = ComponentProps<typeof FormControl.Validation> & {
|
|
26
|
+
validationChildren?: React.ReactNode;
|
|
27
|
+
};
|
|
28
|
+
export type FormControlArgs<TInputProps = unknown> = FormControlParentArgs & FormControlLabelArgs & FormControlCaptionArgs & Partial<FormControlValidationMessageArgs> & // partial because we don't pass use validation for checkbox or radio
|
|
29
|
+
TInputProps;
|
|
30
|
+
export declare const inputWrapperArgTypes: ArgTypes;
|
|
31
|
+
export declare const getTextInputArgTypes: (category?: string) => Record<string, unknown>;
|
|
32
|
+
export declare const textInputExcludedControlKeys: string[];
|
|
33
|
+
export declare const textInputWithTokensArgTypes: ArgTypes;
|
|
34
|
+
export declare const formControlArgs: {
|
|
35
|
+
required: boolean;
|
|
36
|
+
disabled: boolean;
|
|
37
|
+
labelChildren: string;
|
|
38
|
+
visuallyHidden: boolean;
|
|
39
|
+
captionChildren: string;
|
|
40
|
+
validationChildren: string;
|
|
41
|
+
variant: string;
|
|
42
|
+
};
|
|
43
|
+
export declare const formControlArgTypes: ArgTypes;
|
|
44
|
+
export declare const formControlArgTypesWithoutValidation: Partial<Record<string | number, InputType>>;
|
|
45
|
+
export declare const getFormControlArgsByChildComponent: ({ captionChildren, disabled, labelChildren, required, validationChildren, variant, visuallyHidden, }: FormControlArgs) => {
|
|
46
|
+
parentArgs: {
|
|
47
|
+
disabled: boolean | undefined;
|
|
48
|
+
required: boolean | undefined;
|
|
49
|
+
};
|
|
50
|
+
labelArgs: {
|
|
51
|
+
visuallyHidden: boolean | undefined;
|
|
52
|
+
children: React.ReactNode;
|
|
53
|
+
};
|
|
54
|
+
captionArgs: {
|
|
55
|
+
children: React.ReactNode;
|
|
56
|
+
};
|
|
57
|
+
validationArgs: {
|
|
58
|
+
children: React.ReactNode;
|
|
59
|
+
variant: import("./types/FormValidationStatus").FormValidationStatus | undefined;
|
|
60
|
+
};
|
|
61
|
+
};
|
|
62
|
+
export declare const OcticonArgType: (iconList: Icon[]) => {
|
|
63
|
+
options: string[];
|
|
64
|
+
control: {
|
|
65
|
+
type: "select";
|
|
66
|
+
};
|
|
67
|
+
mapping: Record<string, Icon>;
|
|
68
|
+
};
|
|
69
|
+
export {};
|
|
70
|
+
//# sourceMappingURL=story-helpers.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"story-helpers.d.ts","sourceRoot":"","sources":["../../src/utils/story-helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAC,aAAa,EAAE,WAAW,EAAC,MAAM,UAAU,CAAA;AACxD,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,SAAS,CAAA;AAC3C,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAC9C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,wBAAwB,CAAA;AACrD,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,wBAAwB,CAAA;AAEhD,KAAK,+BAA+B,GAAG,cAAc,CAAC,OAAO,aAAa,CAAC,CAAA;AAC3E,KAAK,6BAA6B,GAAG,cAAc,CAAC,OAAO,aAAa,CAAC,KAAK,CAAC,GAAG;IAChF,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAChC,CAAA;AACD,KAAK,+BAA+B,GAAG,cAAc,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,GAAG;IACpF,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAClC,CAAA;AACD,KAAK,yCAAyC,GAAG,cAAc,CAAC,OAAO,aAAa,CAAC,UAAU,CAAC,GAAG;IACjG,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACrC,CAAA;AACD,MAAM,MAAM,wBAAwB,GAAG,+BAA+B,GACpE,6BAA6B,GAC7B,+BAA+B,GAC/B,yCAAyC,CAAA;AAE3C,KAAK,qBAAqB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC,CAAA;AAC9F,KAAK,oBAAoB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,GAAG;IAAC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAC,CAAA;AACpH,KAAK,sBAAsB,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,OAAO,CAAC,GAAG;IAAC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAC,CAAA;AAC9G,KAAK,gCAAgC,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,UAAU,CAAC,GAAG;IACtF,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACrC,CAAA;AACD,MAAM,MAAM,eAAe,CAAC,WAAW,GAAG,OAAO,IAAI,qBAAqB,GACxE,oBAAoB,GACpB,sBAAsB,GACtB,OAAO,CAAC,gCAAgC,CAAC,GAAG,qEAAqE;AACjH,WAAW,CAAA;AAEb,eAAO,MAAM,oBAAoB,EAAE,QAoClC,CAAA;AA0BD,eAAO,MAAM,oBAAoB,GAAI,WAAW,MAAM,4BAc5C,CAAA;AAEV,eAAO,MAAM,4BAA4B,UAAsE,CAAA;AAE/G,eAAO,MAAM,2BAA2B,EAAE,QAyCzC,CAAA;AAED,eAAO,MAAM,eAAe;;;;;;;;CAQ3B,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,QA4DjC,CAAA;AAID,eAAO,MAAM,oCAAoC,6CAO3C,CAAA;AAEN,eAAO,MAAM,kCAAkC,GAAI,sGAQhD,eAAe;;;;;;;;;;;;;;;;CAKhB,CAAA;AAGF,eAAO,MAAM,cAAc,GAAI,UAAU,IAAI,EAAE;;;;;;CAa9C,CAAA"}
|
package/package.json
CHANGED