@primer/react 38.29.0-rc.d7f442775 → 38.29.0-rc.ee664b93c
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 +2 -0
- package/dist/ActionList/ActionList-65f7daac.css +2 -0
- package/dist/ActionList/ActionList-65f7daac.css.map +1 -0
- package/dist/ActionList/ActionList.module.css.js +2 -2
- package/dist/ActionList/List.d.ts.map +1 -1
- package/dist/ActionList/List.js +21 -16
- 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/FeatureFlags/DefaultFeatureFlags.d.ts.map +1 -1
- package/dist/FeatureFlags/DefaultFeatureFlags.js +1 -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
- package/dist/ActionList/ActionList-1940009e.css +0 -2
- package/dist/ActionList/ActionList-1940009e.css.map +0 -1
package/dist/ThemeProvider.d.ts
CHANGED
|
@@ -3,7 +3,7 @@ export declare const defaultColorMode = "day";
|
|
|
3
3
|
export type Theme = {
|
|
4
4
|
[key: string]: any;
|
|
5
5
|
};
|
|
6
|
-
type ColorMode = 'day' | 'night' | 'light' | 'dark';
|
|
6
|
+
export type ColorMode = 'day' | 'night' | 'light' | 'dark';
|
|
7
7
|
export type ColorModeWithAuto = ColorMode | 'auto';
|
|
8
8
|
export type ThemeProviderProps = {
|
|
9
9
|
colorMode?: ColorModeWithAuto;
|
|
@@ -21,18 +21,5 @@ export type ThemeProviderProps = {
|
|
|
21
21
|
contextOnly?: boolean;
|
|
22
22
|
};
|
|
23
23
|
export declare const ThemeProvider: React.FC<React.PropsWithChildren<ThemeProviderProps>>;
|
|
24
|
-
export declare function useTheme(): {
|
|
25
|
-
theme?: Theme;
|
|
26
|
-
colorScheme?: string;
|
|
27
|
-
colorMode?: ColorModeWithAuto;
|
|
28
|
-
resolvedColorMode?: ColorMode;
|
|
29
|
-
resolvedColorScheme?: string;
|
|
30
|
-
dayScheme?: string;
|
|
31
|
-
nightScheme?: string;
|
|
32
|
-
setColorMode: React.Dispatch<React.SetStateAction<ColorModeWithAuto>>;
|
|
33
|
-
setDayScheme: React.Dispatch<React.SetStateAction<string>>;
|
|
34
|
-
setNightScheme: React.Dispatch<React.SetStateAction<string>>;
|
|
35
|
-
};
|
|
36
|
-
export declare function useColorSchemeVar(values: Partial<Record<string, string>>, fallback: string): string;
|
|
37
24
|
export default ThemeProvider;
|
|
38
25
|
//# sourceMappingURL=ThemeProvider.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../src/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../src/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB,eAAO,MAAM,gBAAgB,QAAQ,CAAA;AAKrC,MAAM,MAAM,KAAK,GAAG;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAC,CAAA;AACxC,MAAM,MAAM,SAAS,GAAG,KAAK,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,CAAA;AAC1D,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,MAAM,CAAA;AAElD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,SAAS,CAAC,EAAE,iBAAiB,CAAA;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA;AA6BD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,CA2F/E,CAAA;AAqED,eAAe,aAAa,CAAA"}
|
package/dist/ThemeProvider.js
CHANGED
|
@@ -3,6 +3,8 @@ import React from 'react';
|
|
|
3
3
|
import theme from './theme.js';
|
|
4
4
|
import deepmerge from 'deepmerge';
|
|
5
5
|
import { useSyncedState } from './hooks/useSyncedState.js';
|
|
6
|
+
import { ThemeContext } from './ThemeContext.js';
|
|
7
|
+
import { useTheme } from './useTheme.js';
|
|
6
8
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
7
9
|
import { useFeatureFlag } from './FeatureFlags/useFeatureFlag.js';
|
|
8
10
|
import { useId } from './hooks/useId.js';
|
|
@@ -13,12 +15,6 @@ const defaultNightScheme = 'dark';
|
|
|
13
15
|
|
|
14
16
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
15
17
|
|
|
16
|
-
const ThemeContext = /*#__PURE__*/React.createContext({
|
|
17
|
-
setColorMode: () => null,
|
|
18
|
-
setDayScheme: () => null,
|
|
19
|
-
setNightScheme: () => null
|
|
20
|
-
});
|
|
21
|
-
|
|
22
18
|
// inspired from __NEXT_DATA__, we use application/json to avoid CSRF policy with inline scripts
|
|
23
19
|
const serverHandoffCache = new Map();
|
|
24
20
|
const emptyHandoff = {};
|
|
@@ -225,17 +221,6 @@ const ThemeProvider = t0 => {
|
|
|
225
221
|
}
|
|
226
222
|
return t10;
|
|
227
223
|
};
|
|
228
|
-
function useTheme() {
|
|
229
|
-
return React.useContext(ThemeContext);
|
|
230
|
-
}
|
|
231
|
-
function useColorSchemeVar(values, fallback) {
|
|
232
|
-
var _values$colorScheme;
|
|
233
|
-
const {
|
|
234
|
-
colorScheme: t0
|
|
235
|
-
} = useTheme();
|
|
236
|
-
const colorScheme = t0 === undefined ? "" : t0;
|
|
237
|
-
return (_values$colorScheme = values[colorScheme]) !== null && _values$colorScheme !== void 0 ? _values$colorScheme : fallback;
|
|
238
|
-
}
|
|
239
224
|
function subscribeToSystemColorMode(callback) {
|
|
240
225
|
var _window, _window$matchMedia;
|
|
241
226
|
// eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
|
|
@@ -298,4 +283,4 @@ function applyColorScheme(theme, colorScheme) {
|
|
|
298
283
|
};
|
|
299
284
|
}
|
|
300
285
|
|
|
301
|
-
export { ThemeProvider, ThemeProvider as default, defaultColorMode
|
|
286
|
+
export { ThemeProvider, ThemeProvider as default, defaultColorMode };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { TimelineBadgeVariants } from './constants';
|
|
2
|
+
import type { TimelineBadgeVariants } from './constants';
|
|
3
3
|
type StyledTimelineProps = {
|
|
4
4
|
clipSidebar?: boolean | 'start' | 'end' | 'both';
|
|
5
5
|
className?: string;
|
|
@@ -14,7 +14,6 @@ type StyledTimelineItemProps = {
|
|
|
14
14
|
*/
|
|
15
15
|
export type TimelineItemsProps = StyledTimelineItemProps & React.ComponentPropsWithoutRef<'li'>;
|
|
16
16
|
export type TimelineItemProps = StyledTimelineItemProps & React.ComponentPropsWithoutRef<'li'>;
|
|
17
|
-
export { TimelineBadgeVariants };
|
|
18
17
|
export type TimelineBadgeVariant = (typeof TimelineBadgeVariants)[number];
|
|
19
18
|
export type TimelineBadgeProps = {
|
|
20
19
|
children?: React.ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../../src/Timeline/Timeline.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAC,qBAAqB,EAAC,MAAM,aAAa,CAAA;
|
|
1
|
+
{"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../../src/Timeline/Timeline.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAC,qBAAqB,EAAC,MAAM,aAAa,CAAA;AAEtD,KAAK,mBAAmB,GAAG;IAAC,WAAW,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,KAAK,GAAG,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAC,CAAA;AAEjG,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC,CAAA;AAyCpG,KAAK,uBAAuB,GAAG;IAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAC,CAAA;AAExE;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,uBAAuB,GAAG,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC,CAAA;AAE/F,MAAM,MAAM,iBAAiB,GAAG,uBAAuB,GAAG,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC,CAAA;AA8B9F,MAAM,MAAM,oBAAoB,GAAG,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,CAAC,CAAA;AAEzE,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,qCAAqC;IACrC,OAAO,CAAC,EAAE,oBAAoB,CAAA;CAC/B,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAA;AAYzC,MAAM,MAAM,iBAAiB,GAAG;IAC9B,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAA;AAQzC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC,CAAA;AA6BtD,MAAM,MAAM,oBAAoB,GAAG;IACjC,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAA;AAQzC,MAAM,MAAM,mBAAmB,GAAG;IAChC,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAA;;;;QAFvC,oCAAoC;oBACxB,MAAM;;;2CAlEmC,kBAAkB;;;;QAWvE,oCAAoC;oBACxB,MAAM;;;QAUlB,oCAAoC;oBACxB,MAAM;;;QA+BlB,oCAAoC;oBACxB,MAAM;;;AAoBpB,wBAOE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IssueLabelToken.d.ts","sourceRoot":"","sources":["../../src/Token/IssueLabelToken.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,aAAa,CAAA;
|
|
1
|
+
{"version":3,"file":"IssueLabelToken.d.ts","sourceRoot":"","sources":["../../src/Token/IssueLabelToken.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,aAAa,CAAA;AAO/C,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAI/F,MAAM,WAAW,oBAAqB,SAAQ,cAAc;IAC1D;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,eAAe,EAsEf,8BAA8B,CAAC,MAAM,GAAG,GAAG,GAAG,QAAQ,EAAE,oBAAoB,CAAC,CAAA;AAEnF,eAAe,eAAe,CAAA"}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { c } from 'react-compiler-runtime';
|
|
2
2
|
import { forwardRef } from 'react';
|
|
3
3
|
import TokenBase from './TokenBase.js';
|
|
4
|
+
import { defaultTokenSize } from './constants.js';
|
|
5
|
+
import { isTokenInteractive } from './utils.js';
|
|
4
6
|
import RemoveTokenButton from './_RemoveTokenButton.js';
|
|
5
7
|
import { parseToRgba, parseToHsla } from 'color2k';
|
|
6
8
|
import TokenTextContainer from './_TokenTextContainer.js';
|
|
7
9
|
import classes from './IssueLabelToken.module.css.js';
|
|
8
10
|
import { clsx } from 'clsx';
|
|
9
11
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
10
|
-
import { isTokenInteractive } from './utils.js';
|
|
11
|
-
import { defaultTokenSize } from './constants.js';
|
|
12
12
|
|
|
13
13
|
const IssueLabelToken = /*#__PURE__*/forwardRef((props, forwardedRef) => {
|
|
14
14
|
const $ = c(81);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Token.d.ts","sourceRoot":"","sources":["../../src/Token/Token.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,aAAa,CAAA;
|
|
1
|
+
{"version":3,"file":"Token.d.ts","sourceRoot":"","sources":["../../src/Token/Token.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,aAAa,CAAA;AAM/C,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAQ/F,MAAM,WAAW,UAAW,SAAQ,cAAc;IAChD;;;OAGG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CAClC;AAcD,QAAA,MAAM,KAAK,EA4DL,8BAA8B,CAAC,GAAG,GAAG,QAAQ,GAAG,MAAM,EAAE,UAAU,CAAC,CAAA;AAEzE,eAAe,KAAK,CAAA"}
|
package/dist/Token/Token.js
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { c } from 'react-compiler-runtime';
|
|
2
2
|
import { forwardRef } from 'react';
|
|
3
3
|
import TokenBase from './TokenBase.js';
|
|
4
|
+
import { defaultTokenSize } from './constants.js';
|
|
5
|
+
import { isTokenInteractive } from './utils.js';
|
|
4
6
|
import RemoveTokenButton from './_RemoveTokenButton.js';
|
|
5
7
|
import TokenTextContainer from './_TokenTextContainer.js';
|
|
6
8
|
import VisuallyHidden from '../_VisuallyHidden.js';
|
|
7
9
|
import classes from './Token.module.css.js';
|
|
8
10
|
import { clsx } from 'clsx';
|
|
9
11
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
10
|
-
import { isTokenInteractive } from './utils.js';
|
|
11
|
-
import { defaultTokenSize } from './constants.js';
|
|
12
12
|
|
|
13
13
|
const tokenBorderWidthPx = 1;
|
|
14
14
|
const LeadingVisualContainer = t0 => {
|
|
@@ -1,8 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { ForwardRefComponent as PolymorphicForwardRefComponent } from '../utils/polymorphic';
|
|
3
|
-
import {
|
|
4
|
-
import { isTokenInteractive } from './utils';
|
|
5
|
-
export { defaultTokenSize, isTokenInteractive, tokenSizes };
|
|
3
|
+
import { type TokenSizeKeys } from './constants';
|
|
6
4
|
export type { TokenSizeKeys };
|
|
7
5
|
export interface TokenBaseProps extends Omit<React.HTMLProps<HTMLSpanElement | HTMLButtonElement | HTMLAnchorElement>, 'size' | 'id'> {
|
|
8
6
|
as?: 'button' | 'a' | 'span';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TokenBase.d.ts","sourceRoot":"","sources":["../../src/Token/TokenBase.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAE/F,OAAO,
|
|
1
|
+
{"version":3,"file":"TokenBase.d.ts","sourceRoot":"","sources":["../../src/Token/TokenBase.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAE/F,OAAO,EAAmB,KAAK,aAAa,EAAC,MAAM,aAAa,CAAA;AAGhE,YAAY,EAAC,aAAa,EAAC,CAAA;AAE3B,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,eAAe,GAAG,iBAAiB,GAAG,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrG,EAAE,CAAC,EAAE,QAAQ,GAAG,GAAG,GAAG,MAAM,CAAA;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;OAEG;IACH,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,QAAA,MAAM,SAAS,EA6CV,8BAA8B,CAAC,MAAM,GAAG,GAAG,GAAG,QAAQ,EAAE,cAAc,CAAC,CAAA;AAE5E,eAAe,SAAS,CAAA"}
|
package/dist/Token/TokenBase.js
CHANGED
|
@@ -1,11 +1,8 @@
|
|
|
1
1
|
import { XIcon } from '@primer/octicons-react';
|
|
2
2
|
import { clsx } from 'clsx';
|
|
3
|
-
import 'react-compiler-runtime';
|
|
4
|
-
import 'react';
|
|
5
|
-
import './TokenBase.module.css.js';
|
|
6
3
|
import { defaultTokenSize } from './constants.js';
|
|
7
|
-
import { jsx } from 'react/jsx-runtime';
|
|
8
4
|
import classes from './_RemoveTokenButton.module.css.js';
|
|
5
|
+
import { jsx } from 'react/jsx-runtime';
|
|
9
6
|
|
|
10
7
|
const RemoveTokenButton = ({
|
|
11
8
|
'aria-label': ariaLabel,
|
|
@@ -13,7 +13,8 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
|
13
13
|
import { useId } from '../hooks/useId.js';
|
|
14
14
|
import { useProvidedRefOrCreate } from '../hooks/useProvidedRefOrCreate.js';
|
|
15
15
|
import { useOnEscapePress } from '../hooks/useOnEscapePress.js';
|
|
16
|
-
import { getAccessibleKeybindingHintString
|
|
16
|
+
import { getAccessibleKeybindingHintString } from '../KeybindingHint/utils.js';
|
|
17
|
+
import { KeybindingHint } from '../KeybindingHint/KeybindingHint.js';
|
|
17
18
|
|
|
18
19
|
// map tooltip direction to anchoredPosition props
|
|
19
20
|
const directionToPosition = {
|
|
@@ -18,6 +18,7 @@ import { ActionList } from '../ActionList/index.js';
|
|
|
18
18
|
import { usePlatform } from '../KeybindingHint/platform.js';
|
|
19
19
|
import { isSlot } from '../utils/is-slot.js';
|
|
20
20
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
21
|
+
import { getAccessibleKeybindingHintString } from '../KeybindingHint/utils.js';
|
|
21
22
|
import { AriaStatus } from '../live-region/AriaStatus.js';
|
|
22
23
|
import Spinner from '../Spinner/Spinner.js';
|
|
23
24
|
import { Tooltip } from '../TooltipV2/Tooltip.js';
|
|
@@ -25,7 +26,6 @@ import { Dialog } from '../Dialog/Dialog.js';
|
|
|
25
26
|
import Text from '../Text/Text.js';
|
|
26
27
|
import { SkeletonAvatar } from '../SkeletonAvatar/SkeletonAvatar.js';
|
|
27
28
|
import { SkeletonText } from '../SkeletonText/SkeletonText.js';
|
|
28
|
-
import { getAccessibleKeybindingHintString } from '../KeybindingHint/KeybindingHint.js';
|
|
29
29
|
|
|
30
30
|
const RootContext = /*#__PURE__*/React.createContext({
|
|
31
31
|
announceUpdate: () => {},
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { getValidChildren } from './utils';
|
|
3
2
|
export type UnderlineNavProps = {
|
|
4
3
|
children: React.ReactNode;
|
|
5
4
|
'aria-label'?: React.AriaAttributes['aria-label'];
|
|
@@ -17,6 +16,5 @@ export type UnderlineNavProps = {
|
|
|
17
16
|
variant?: 'inset' | 'flush';
|
|
18
17
|
};
|
|
19
18
|
export declare const MORE_BTN_WIDTH = 86;
|
|
20
|
-
export { getValidChildren };
|
|
21
19
|
export declare const UnderlineNav: React.ForwardRefExoticComponent<UnderlineNavProps & React.RefAttributes<unknown>>;
|
|
22
20
|
//# sourceMappingURL=UnderlineNav.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UnderlineNav.d.ts","sourceRoot":"","sources":["../../src/UnderlineNav/UnderlineNav.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkD,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"UnderlineNav.d.ts","sourceRoot":"","sources":["../../src/UnderlineNav/UnderlineNav.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkD,MAAM,OAAO,CAAA;AAqBtE,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,YAAY,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,YAAY,CAAC,CAAA;IACjD,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,CAAA;CAC5B,CAAA;AAGD,eAAO,MAAM,cAAc,KAAK,CAAA;AAsGhC,eAAO,MAAM,YAAY,mFA0SxB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectPanel.d.ts","sourceRoot":"","sources":["../../../src/experimental/SelectPanel2/SelectPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAA;AAGvE,OAAO,KAAK,EAAC,WAAW,EAAE,cAAc,EAAmB,SAAS,EAAE,aAAa,EAAC,MAAM,aAAa,CAAA;AAevG,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,uBAAuB,CAAA;
|
|
1
|
+
{"version":3,"file":"SelectPanel.d.ts","sourceRoot":"","sources":["../../../src/experimental/SelectPanel2/SelectPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAA;AAGvE,OAAO,KAAK,EAAC,WAAW,EAAE,cAAc,EAAmB,SAAS,EAAE,aAAa,EAAC,MAAM,aAAa,CAAA;AAevG,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,uBAAuB,CAAA;AAOvD,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,gCAAgC,CAAA;AAInE,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,mBAAmB,CAAA;AACvD,OAAO,KAAK,EAAC,gBAAgB,EAAE,cAAc,EAAC,MAAM,mBAAmB,CAAA;AA2BvE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,eAAe,CAAC,UAAU,GAAG,OAAO,EAAE,aAAa,GAAG,cAAc,CAAC,CAAA;IACtG,gBAAgB,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAA;IACpD,EAAE,CAAC,EAAE,MAAM,CAAA;IAEX,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAA;IACrD,wBAAwB,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAA;IAEpD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,gBAAgB,CAAC,EAAE,SAAS,GAAG,CAAC,MAAM,IAAI,CAAC,CAAA;IAC3C,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,KAAK,IAAI,CAAA;IAG7D,KAAK,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAA;IAC7B,MAAM,CAAC,EAAE,aAAa,CAAA;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,EAAE,QAAQ,CAAC,CAAA;IAExD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAydD,MAAM,MAAM,+BAA+B,GAAG;IAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAC,GAAG,CACxE,CAAC;IAAC,OAAO,EAAE,QAAQ,CAAA;CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC,CAAC,GAC7D,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAC,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,GACxC,CAAC;IAAC,OAAO,EAAE,UAAU,CAAC;IAAC,EAAE,CAAC,EAAE,MAAM,CAAA;CAAC,GAAG,aAAa,CAAC,CACvD,CAAA;AAwBD,MAAM,MAAM,uBAAuB,GAAG;IAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAC,GAAG,CAChE;IACE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,SAAS,GAAG,OAAO,GAAG,OAAO,CAAA;CACvC,GACD;IACE,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,OAAO,EAAE,SAAS,GAAG,OAAO,CAAA;CAC7B,CACJ,CAAA;AAqCD,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;iBAtRoE,MAAM,IAAI;;;;;;;;;4BA6NxC,KAAK,CAAC,iBAAiB;;;CAiEnF,CAAA"}
|
|
@@ -3,6 +3,7 @@ import { AlertIcon, SearchIcon, XCircleFillIcon, ArrowLeftIcon, FilterRemoveIcon
|
|
|
3
3
|
import { ActionListContainerContext } from '../../ActionList/ActionListContainerContext.js';
|
|
4
4
|
import { useSlots } from '../../hooks/useSlots.js';
|
|
5
5
|
import { BaseOverlay } from '../../Overlay/Overlay.js';
|
|
6
|
+
import { heightMap } from '../../Overlay/constants.js';
|
|
6
7
|
import { InputLabel } from '../../internal/components/InputLabel.js';
|
|
7
8
|
import { invariant } from '../../utils/invariant.js';
|
|
8
9
|
import { useResponsiveValue } from '../../hooks/useResponsiveValue.js';
|
|
@@ -13,7 +14,6 @@ import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
|
13
14
|
import { useProvidedRefOrCreate } from '../../hooks/useProvidedRefOrCreate.js';
|
|
14
15
|
import { useId } from '../../hooks/useId.js';
|
|
15
16
|
import { useAnchoredPosition } from '../../hooks/useAnchoredPosition.js';
|
|
16
|
-
import { heightMap } from '../../Overlay/constants.js';
|
|
17
17
|
import { AriaStatus } from '../../live-region/AriaStatus.js';
|
|
18
18
|
import Octicon from '../../Octicon/Octicon.js';
|
|
19
19
|
import Spinner from '../../Spinner/Spinner.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/experimental/SelectPanel2/index.tsx"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/experimental/SelectPanel2/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAA;AACzC,YAAY,EAAC,uBAAuB,EAAE,gBAAgB,EAAE,+BAA+B,EAAC,MAAM,eAAe,CAAA"}
|
|
@@ -1,45 +1,5 @@
|
|
|
1
|
-
import React
|
|
2
|
-
|
|
3
|
-
* Props to be used when the Tabs component's state is controlled by the parent
|
|
4
|
-
*/
|
|
5
|
-
type ControlledTabsProps = {
|
|
6
|
-
/**
|
|
7
|
-
* Specify the selected tab
|
|
8
|
-
*/
|
|
9
|
-
value: string;
|
|
10
|
-
/**
|
|
11
|
-
* `defaultValue` can only be used in the uncontrolled variant of the component
|
|
12
|
-
* If you need to use `defaultValue`, please switch to the uncontrolled variant by removing the `value` prop.
|
|
13
|
-
*/
|
|
14
|
-
defaultValue?: never;
|
|
15
|
-
/**
|
|
16
|
-
* Provide an optional callback that is called when the selected tab changes
|
|
17
|
-
*/
|
|
18
|
-
onValueChange: ({ value }: {
|
|
19
|
-
value: string;
|
|
20
|
-
}) => void;
|
|
21
|
-
};
|
|
22
|
-
/**
|
|
23
|
-
* Props to be used when the Tabs component is managing its own state
|
|
24
|
-
*/
|
|
25
|
-
type UncontrolledTabsProps = {
|
|
26
|
-
/**
|
|
27
|
-
* Specify the default selected tab
|
|
28
|
-
*/
|
|
29
|
-
defaultValue: string;
|
|
30
|
-
/**
|
|
31
|
-
* `value` can only be used in the controlled variant of the component
|
|
32
|
-
* If you need to use `value`, please switch to the controlled variant by removing the `defaultValue` prop.
|
|
33
|
-
*/
|
|
34
|
-
value?: never;
|
|
35
|
-
/**
|
|
36
|
-
* Provide an optional callback that is called when the selected tab changes
|
|
37
|
-
*/
|
|
38
|
-
onValueChange?: ({ value }: {
|
|
39
|
-
value: string;
|
|
40
|
-
}) => void;
|
|
41
|
-
};
|
|
42
|
-
type TabsProps = PropsWithChildren<ControlledTabsProps | UncontrolledTabsProps>;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { TabListProps, TabPanelProps, TabProps, TabsProps } from './types';
|
|
43
3
|
/**
|
|
44
4
|
* The Tabs component provides the base structure for a tabbed interface, without providing any formal requirement on DOM structure or styling.
|
|
45
5
|
* It manages the state of the selected tab, handles tab ordering/selection and provides context to its child components to ensure an accessible experience.
|
|
@@ -48,80 +8,12 @@ type TabsProps = PropsWithChildren<ControlledTabsProps | UncontrolledTabsProps>;
|
|
|
48
8
|
* The `Tab`, `TabList`, and `TabPanel` components are provided for convenience to showcase the API & implementation.
|
|
49
9
|
*/
|
|
50
10
|
declare function Tabs(props: TabsProps): React.JSX.Element;
|
|
51
|
-
type Label = {
|
|
52
|
-
'aria-label': string;
|
|
53
|
-
};
|
|
54
|
-
type LabelledBy = {
|
|
55
|
-
'aria-labelledby': string;
|
|
56
|
-
};
|
|
57
|
-
type Labelled = Label | LabelledBy;
|
|
58
|
-
type TabListProps = Labelled & React.HTMLAttributes<HTMLElement>;
|
|
59
|
-
declare function useTabList<T extends HTMLElement>(props: TabListProps & {
|
|
60
|
-
/** Optional ref to use for the tablist. If none is provided, one will be generated automatically */
|
|
61
|
-
ref?: React.RefObject<T>;
|
|
62
|
-
}): {
|
|
63
|
-
/** Props to be spread onto the tablist element */
|
|
64
|
-
tabListProps: {
|
|
65
|
-
onKeyDown: React.KeyboardEventHandler<T>;
|
|
66
|
-
'aria-orientation': AriaAttributes['aria-orientation'];
|
|
67
|
-
'aria-label': AriaAttributes['aria-label'];
|
|
68
|
-
'aria-labelledby': AriaAttributes['aria-labelledby'];
|
|
69
|
-
ref: React.RefObject<T | null>;
|
|
70
|
-
role: 'tablist';
|
|
71
|
-
};
|
|
72
|
-
};
|
|
73
11
|
declare function TabList({ children, ...rest }: TabListProps): React.JSX.Element;
|
|
74
|
-
type TabProps = React.ComponentPropsWithoutRef<'button'> & {
|
|
75
|
-
/**
|
|
76
|
-
* Specify whether the tab is disabled
|
|
77
|
-
*/
|
|
78
|
-
disabled?: boolean;
|
|
79
|
-
/**
|
|
80
|
-
* Provide a value that uniquely identifies the tab. This should mirror the
|
|
81
|
-
* value provided to the corresponding TabPanel
|
|
82
|
-
*/
|
|
83
|
-
value: string;
|
|
84
|
-
};
|
|
85
|
-
/**
|
|
86
|
-
* A custom hook that provides the props needed for a tab component.
|
|
87
|
-
* The props returned should be spread onto the component (typically a button) with the `role=tab`, under a `tablist`.
|
|
88
|
-
*/
|
|
89
|
-
declare function useTab<T extends HTMLElement>(props: Pick<TabProps, 'disabled' | 'value'>): {
|
|
90
|
-
/** Props to be spread onto the tab component */
|
|
91
|
-
tabProps: Pick<React.HTMLProps<T>, 'aria-controls' | 'aria-disabled' | 'aria-selected' | 'id' | 'tabIndex' | 'onKeyDown' | 'onMouseDown' | 'onFocus'> & {
|
|
92
|
-
role: 'tab';
|
|
93
|
-
};
|
|
94
|
-
};
|
|
95
12
|
declare const Tab: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
|
|
96
|
-
/**
|
|
97
|
-
* Specify whether the tab is disabled
|
|
98
|
-
*/
|
|
99
13
|
disabled?: boolean;
|
|
100
|
-
/**
|
|
101
|
-
* Provide a value that uniquely identifies the tab. This should mirror the
|
|
102
|
-
* value provided to the corresponding TabPanel
|
|
103
|
-
*/
|
|
104
14
|
value: string;
|
|
105
15
|
} & React.RefAttributes<HTMLButtonElement>>;
|
|
106
|
-
type TabPanelProps = {
|
|
107
|
-
/**
|
|
108
|
-
* Provide a value that uniquely identifies the tab panel. This should mirror
|
|
109
|
-
* the value set for the corresponding tab
|
|
110
|
-
*/
|
|
111
|
-
value: string;
|
|
112
|
-
};
|
|
113
|
-
/** Utility hook for tab panels */
|
|
114
|
-
declare function useTabPanel<T extends HTMLElement>(props: TabPanelProps): {
|
|
115
|
-
/** Props to be spread onto the tabpanel component */
|
|
116
|
-
tabPanelProps: Pick<React.HTMLProps<T>, 'aria-labelledby' | 'id' | 'hidden'> & {
|
|
117
|
-
/**
|
|
118
|
-
* An identifier to aid in styling when this panel is selected & active
|
|
119
|
-
*/
|
|
120
|
-
'data-selected': string | undefined;
|
|
121
|
-
role: 'tabpanel';
|
|
122
|
-
};
|
|
123
|
-
};
|
|
124
16
|
declare function TabPanel({ children, value, ...rest }: React.HTMLAttributes<HTMLDivElement> & TabPanelProps): React.JSX.Element;
|
|
125
|
-
export { Tabs, TabList, Tab, TabPanel
|
|
17
|
+
export { Tabs, TabList, Tab, TabPanel };
|
|
126
18
|
export type { TabsProps, TabListProps, TabProps, TabPanelProps };
|
|
127
19
|
//# sourceMappingURL=Tabs.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/experimental/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/experimental/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAA;AAI5D,OAAO,KAAK,EAAC,YAAY,EAAE,aAAa,EAAE,QAAQ,EAAoB,SAAS,EAAC,MAAM,SAAS,CAAA;AAK/F;;;;;;GAMG;AACH,iBAAS,IAAI,CAAC,KAAK,EAAE,SAAS,qBA2B7B;AAED,iBAAS,OAAO,CAAC,EAAC,QAAQ,EAAE,GAAG,IAAI,EAAC,EAAE,YAAY,qBASjD;AAED,QAAA,MAAM,GAAG;;;2CAiBP,CAAA;AAEF,iBAAS,QAAQ,CAAC,EAAC,QAAQ,EAAE,KAAK,EAAE,GAAG,IAAI,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG,aAAa,qBAQjG;AAeD,OAAO,EAAC,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAC,CAAA;AACrC,YAAY,EAAC,SAAS,EAAE,YAAY,EAAE,QAAQ,EAAE,aAAa,EAAC,CAAA"}
|