@primer/react 38.29.0-rc.30acfb591 → 38.29.0-rc.a734edbb0
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/Group.d.ts +0 -5
- package/dist/ActionList/Group.d.ts.map +1 -1
- package/dist/ActionList/Group.js +2 -5
- package/dist/ActionList/GroupContext.d.ts +8 -0
- package/dist/ActionList/GroupContext.d.ts.map +1 -0
- package/dist/ActionList/GroupContext.js +8 -0
- package/dist/ActionList/Item.js +3 -2
- package/dist/ActionList/List.d.ts.map +1 -1
- package/dist/ActionList/List.js +21 -16
- package/dist/ActionList/Selection.js +1 -1
- package/dist/ActionList/index.d.ts.map +1 -1
- package/dist/ActionList/index.js +2 -1
- package/dist/ActionMenu/ActionMenu.js +1 -1
- package/dist/AnchoredOverlay/AnchoredOverlay.js +2 -1
- package/dist/Button/IconButton.d.ts.map +1 -1
- package/dist/Button/IconButton.js +3 -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/Dialog/Dialog.d.ts +0 -1
- package/dist/Dialog/Dialog.d.ts.map +1 -1
- package/dist/Dialog/Dialog.js +2 -4
- package/dist/Dialog/DialogContext.d.ts +3 -0
- package/dist/Dialog/DialogContext.d.ts.map +1 -0
- package/dist/Dialog/DialogContext.js +5 -0
- package/dist/FeatureFlags/DefaultFeatureFlags.d.ts.map +1 -1
- package/dist/FeatureFlags/DefaultFeatureFlags.js +1 -0
- package/dist/FilteredActionList/FilteredActionList.js +2 -1
- package/dist/FilteredActionList/FilteredActionListLoaders.d.ts +2 -10
- package/dist/FilteredActionList/FilteredActionListLoaders.d.ts.map +1 -1
- package/dist/FilteredActionList/FilteredActionListLoaders.js +3 -12
- package/dist/FilteredActionList/constants.d.ts +11 -0
- package/dist/FilteredActionList/constants.d.ts.map +1 -0
- package/dist/FilteredActionList/constants.js +13 -0
- package/dist/FilteredActionList/index.js +0 -1
- package/dist/KeybindingHint/KeybindingHint.d.ts +0 -14
- package/dist/KeybindingHint/KeybindingHint.d.ts.map +1 -1
- package/dist/KeybindingHint/KeybindingHint.js +2 -16
- package/dist/KeybindingHint/components/Chord.d.ts +0 -3
- package/dist/KeybindingHint/components/Chord.d.ts.map +1 -1
- package/dist/KeybindingHint/components/Chord.js +2 -21
- package/dist/KeybindingHint/components/Sequence.d.ts +0 -3
- package/dist/KeybindingHint/components/Sequence.d.ts.map +1 -1
- package/dist/KeybindingHint/components/Sequence.js +2 -5
- package/dist/KeybindingHint/components/utils.d.ts +8 -0
- package/dist/KeybindingHint/components/utils.d.ts.map +1 -0
- package/dist/KeybindingHint/components/utils.js +32 -0
- 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 -18
- package/dist/Overlay/Overlay.d.ts.map +1 -1
- package/dist/Overlay/Overlay.js +1 -20
- package/dist/Overlay/constants.d.ts +19 -0
- package/dist/Overlay/constants.d.ts.map +1 -0
- package/dist/Overlay/constants.js +20 -0
- package/dist/Portal/Portal.d.ts +0 -14
- package/dist/Portal/Portal.d.ts.map +1 -1
- package/dist/Portal/Portal.js +4 -46
- package/dist/Portal/PortalContext.d.ts +5 -0
- package/dist/Portal/PortalContext.d.ts.map +1 -0
- package/dist/Portal/PortalContext.js +5 -0
- package/dist/Portal/index.d.ts +3 -1
- package/dist/Portal/index.d.ts.map +1 -1
- package/dist/Portal/index.js +0 -1
- package/dist/Portal/portalRoot.d.ts +11 -0
- package/dist/Portal/portalRoot.d.ts.map +1 -0
- package/dist/Portal/portalRoot.js +39 -0
- package/dist/Radio/Radio.js +1 -1
- package/dist/RadioGroup/RadioGroup.d.ts +1 -6
- package/dist/RadioGroup/RadioGroup.d.ts.map +1 -1
- package/dist/RadioGroup/RadioGroup.js +2 -3
- package/dist/RadioGroup/RadioGroupContext.d.ts +7 -0
- package/dist/RadioGroup/RadioGroupContext.d.ts.map +1 -0
- package/dist/RadioGroup/RadioGroupContext.js +5 -0
- package/dist/RadioGroup/index.d.ts +2 -1
- package/dist/RadioGroup/index.d.ts.map +1 -1
- package/dist/SelectPanel/SelectPanel.js +2 -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 -1
- package/dist/Timeline/Timeline.d.ts.map +1 -1
- package/dist/Timeline/constants.d.ts +2 -0
- package/dist/Timeline/constants.d.ts.map +1 -0
- package/dist/Token/IssueLabelToken.d.ts.map +1 -1
- package/dist/Token/IssueLabelToken.js +3 -1
- package/dist/Token/Token.d.ts.map +1 -1
- package/dist/Token/Token.js +3 -1
- package/dist/Token/TokenBase.d.ts +2 -5
- package/dist/Token/TokenBase.d.ts.map +1 -1
- package/dist/Token/TokenBase.js +3 -14
- package/dist/Token/_RemoveTokenButton.js +1 -1
- package/dist/Token/constants.d.ts +4 -0
- package/dist/Token/constants.d.ts.map +1 -0
- package/dist/Token/constants.js +3 -0
- package/dist/Token/utils.d.ts +3 -0
- package/dist/Token/utils.d.ts.map +1 -0
- package/dist/Token/utils.js +14 -0
- package/dist/Tooltip/Tooltip.d.ts +0 -3
- package/dist/Tooltip/Tooltip.d.ts.map +1 -1
- package/dist/Tooltip/Tooltip.js +2 -3
- package/dist/Tooltip/TooltipContext.d.ts +5 -0
- package/dist/Tooltip/TooltipContext.d.ts.map +1 -0
- package/dist/Tooltip/TooltipContext.js +5 -0
- package/dist/TooltipV2/Tooltip.d.ts +0 -3
- package/dist/TooltipV2/Tooltip.d.ts.map +1 -1
- package/dist/TooltipV2/Tooltip.js +4 -3
- package/dist/TooltipV2/TooltipContext.d.ts +5 -0
- package/dist/TooltipV2/TooltipContext.d.ts.map +1 -0
- package/dist/TooltipV2/TooltipContext.js +5 -0
- package/dist/TreeView/TreeView.js +1 -1
- package/dist/UnderlineNav/UnderlineNav.d.ts +0 -1
- package/dist/UnderlineNav/UnderlineNav.d.ts.map +1 -1
- package/dist/UnderlineNav/UnderlineNav.js +2 -5
- package/dist/UnderlineNav/utils.d.ts +3 -0
- package/dist/UnderlineNav/utils.d.ts.map +1 -0
- package/dist/UnderlineNav/utils.js +8 -0
- package/dist/experimental/SelectPanel2/SelectPanel.d.ts.map +1 -1
- package/dist/experimental/SelectPanel2/SelectPanel.js +2 -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 +7 -3
- package/dist/hooks/MatchMedia.d.ts +23 -0
- package/dist/hooks/MatchMedia.d.ts.map +1 -0
- package/dist/hooks/MatchMediaContext.d.ts +5 -0
- package/dist/hooks/MatchMediaContext.d.ts.map +1 -0
- package/dist/hooks/MatchMediaContext.js +8 -0
- package/dist/hooks/useMedia.d.ts +1 -24
- package/dist/hooks/useMedia.d.ts.map +1 -1
- package/dist/hooks/useMedia.js +15 -6
- package/dist/index.d.ts +3 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +7 -3
- 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
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export declare const DEFAULT_PORTAL_CONTAINER_NAME = "__default__";
|
|
2
|
+
/**
|
|
3
|
+
* Register a container to serve as a portal root.
|
|
4
|
+
* @param root The element that will be the root for portals created in this container
|
|
5
|
+
* @param name The name of the container, to be used with the `containerName` prop on the Portal Component.
|
|
6
|
+
* If name is not specified, registers the default portal root.
|
|
7
|
+
*/
|
|
8
|
+
export declare function registerPortalRoot(root: Element, name?: string): void;
|
|
9
|
+
export declare function ensureDefaultPortal(): void;
|
|
10
|
+
export declare function getPortalRoot(name: string): Element | undefined;
|
|
11
|
+
//# sourceMappingURL=portalRoot.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"portalRoot.d.ts","sourceRoot":"","sources":["../../src/Portal/portalRoot.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,6BAA6B,gBAAgB,CAAA;AAI1D;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,SAAgC,GAAG,IAAI,CAE5F;AAED,wBAAgB,mBAAmB,SAqBlC;AAED,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,uBAEzC"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
const PRIMER_PORTAL_ROOT_ID = '__primerPortalRoot__';
|
|
2
|
+
const DEFAULT_PORTAL_CONTAINER_NAME = '__default__';
|
|
3
|
+
const portalRootRegistry = {};
|
|
4
|
+
|
|
5
|
+
/**
|
|
6
|
+
* Register a container to serve as a portal root.
|
|
7
|
+
* @param root The element that will be the root for portals created in this container
|
|
8
|
+
* @param name The name of the container, to be used with the `containerName` prop on the Portal Component.
|
|
9
|
+
* If name is not specified, registers the default portal root.
|
|
10
|
+
*/
|
|
11
|
+
function registerPortalRoot(root, name = DEFAULT_PORTAL_CONTAINER_NAME) {
|
|
12
|
+
portalRootRegistry[name] = root;
|
|
13
|
+
}
|
|
14
|
+
function ensureDefaultPortal() {
|
|
15
|
+
const existingDefaultPortalContainer = portalRootRegistry[DEFAULT_PORTAL_CONTAINER_NAME];
|
|
16
|
+
if (!existingDefaultPortalContainer || !document.body.contains(existingDefaultPortalContainer)) {
|
|
17
|
+
let defaultPortalContainer = document.getElementById(PRIMER_PORTAL_ROOT_ID);
|
|
18
|
+
if (!(defaultPortalContainer instanceof Element)) {
|
|
19
|
+
defaultPortalContainer = document.createElement('div');
|
|
20
|
+
defaultPortalContainer.setAttribute('id', PRIMER_PORTAL_ROOT_ID);
|
|
21
|
+
defaultPortalContainer.style.position = 'absolute';
|
|
22
|
+
defaultPortalContainer.style.top = '0';
|
|
23
|
+
defaultPortalContainer.style.left = '0';
|
|
24
|
+
defaultPortalContainer.style.width = '100%';
|
|
25
|
+
const suitablePortalRoot = document.querySelector('[data-portal-root]');
|
|
26
|
+
if (suitablePortalRoot) {
|
|
27
|
+
suitablePortalRoot.appendChild(defaultPortalContainer);
|
|
28
|
+
} else {
|
|
29
|
+
document.body.appendChild(defaultPortalContainer);
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
registerPortalRoot(defaultPortalContainer);
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
function getPortalRoot(name) {
|
|
36
|
+
return portalRootRegistry[name];
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
export { DEFAULT_PORTAL_CONTAINER_NAME, ensureDefaultPortal, getPortalRoot, registerPortalRoot };
|
package/dist/Radio/Radio.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { c } from 'react-compiler-runtime';
|
|
2
2
|
import React, { useContext } from 'react';
|
|
3
|
-
import { RadioGroupContext } from '../RadioGroup/
|
|
3
|
+
import { RadioGroupContext } from '../RadioGroup/RadioGroupContext.js';
|
|
4
4
|
import { clsx } from 'clsx';
|
|
5
5
|
import sharedClasses from '../Checkbox/shared.module.css.js';
|
|
6
6
|
import classes from './Radio.module.css.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { ChangeEvent,
|
|
1
|
+
import type { ChangeEvent, FC } from 'react';
|
|
2
2
|
import type React from 'react';
|
|
3
3
|
import type { CheckboxOrRadioGroupProps } from '../internal/components/CheckboxOrRadioGroup';
|
|
4
4
|
export type RadioGroupProps = {
|
|
@@ -11,11 +11,6 @@ export type RadioGroupProps = {
|
|
|
11
11
|
*/
|
|
12
12
|
name: string;
|
|
13
13
|
} & CheckboxOrRadioGroupProps;
|
|
14
|
-
export declare const RadioGroupContext: React.Context<{
|
|
15
|
-
disabled?: boolean;
|
|
16
|
-
onChange?: ChangeEventHandler<HTMLInputElement>;
|
|
17
|
-
name: string;
|
|
18
|
-
} | null>;
|
|
19
14
|
declare const _default: FC<React.PropsWithChildren<RadioGroupProps>> & {
|
|
20
15
|
Caption: import("..").FCWithSlotMarker<{
|
|
21
16
|
className?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../src/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,WAAW,
|
|
1
|
+
{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../src/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,WAAW,EAAsB,EAAE,EAAC,MAAM,OAAO,CAAA;AAC9D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAC,yBAAyB,EAAC,MAAM,6CAA6C,CAAA;AAQ1F,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC/E;;OAEG;IACH,IAAI,EAAE,MAAM,CAAA;CACb,GAAG,yBAAyB,CAAA;;;;;;;;;;AAkC7B,wBAIE"}
|
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
import { c } from 'react-compiler-runtime';
|
|
2
|
-
import { createContext } from 'react';
|
|
3
2
|
import CheckboxOrRadioGroupCaption from '../internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupCaption.js';
|
|
4
3
|
import CheckboxOrRadioGroupLabel from '../internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupLabel.js';
|
|
5
4
|
import CheckboxOrRadioGroupValidation from '../internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupValidation.js';
|
|
5
|
+
import { RadioGroupContext } from './RadioGroupContext.js';
|
|
6
6
|
import { jsx } from 'react/jsx-runtime';
|
|
7
7
|
import { useRenderForcingRef } from '../hooks/useRenderForcingRef.js';
|
|
8
8
|
import CheckboxOrRadioGroup from '../internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroup.js';
|
|
9
9
|
|
|
10
|
-
const RadioGroupContext = /*#__PURE__*/createContext(null);
|
|
11
10
|
const RadioGroup = t0 => {
|
|
12
11
|
const $ = c(23);
|
|
13
12
|
let children;
|
|
@@ -118,4 +117,4 @@ var RadioGroup_default = Object.assign(RadioGroup, {
|
|
|
118
117
|
Validation: CheckboxOrRadioGroupValidation
|
|
119
118
|
});
|
|
120
119
|
|
|
121
|
-
export {
|
|
120
|
+
export { RadioGroup_default as default };
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { type ChangeEventHandler } from 'react';
|
|
2
|
+
export declare const RadioGroupContext: import("react").Context<{
|
|
3
|
+
disabled?: boolean;
|
|
4
|
+
onChange?: ChangeEventHandler<HTMLInputElement>;
|
|
5
|
+
name: string;
|
|
6
|
+
} | null>;
|
|
7
|
+
//# sourceMappingURL=RadioGroupContext.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RadioGroupContext.d.ts","sourceRoot":"","sources":["../../src/RadioGroup/RadioGroupContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,kBAAkB,EAAgB,MAAM,OAAO,CAAA;AAE5D,eAAO,MAAM,iBAAiB;eACjB,OAAO;eACP,kBAAkB,CAAC,gBAAgB,CAAC;UACzC,MAAM;SACC,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/RadioGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/RadioGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,cAAc,CAAA;AACpC,OAAO,EAAC,iBAAiB,EAAC,MAAM,qBAAqB,CAAA;AAErD,YAAY,EAAC,eAAe,EAAC,MAAM,cAAc,CAAA"}
|
|
@@ -8,7 +8,7 @@ import { ButtonComponent } from '../Button/Button.js';
|
|
|
8
8
|
import { useId } from '../hooks/useId.js';
|
|
9
9
|
import { useProvidedStateOrCreate } from '../hooks/useProvidedStateOrCreate.js';
|
|
10
10
|
import useSafeTimeout from '../hooks/useSafeTimeout.js';
|
|
11
|
-
import
|
|
11
|
+
import '../FilteredActionList/FilteredActionListLoaders.js';
|
|
12
12
|
import { announceFromElement, announce } from '@primer/live-region-element';
|
|
13
13
|
import classes from './SelectPanel.module.css.js';
|
|
14
14
|
import { clsx } from 'clsx';
|
|
@@ -22,6 +22,7 @@ import { useFeatureFlag } from '../FeatureFlags/useFeatureFlag.js';
|
|
|
22
22
|
import { useProvidedRefOrCreate } from '../hooks/useProvidedRefOrCreate.js';
|
|
23
23
|
import { AnchoredOverlay } from '../AnchoredOverlay/AnchoredOverlay.js';
|
|
24
24
|
import Heading from '../Heading/Heading.js';
|
|
25
|
+
import { FilteredActionListLoadingTypes } from '../FilteredActionList/constants.js';
|
|
25
26
|
|
|
26
27
|
const SHORT_DELAY_MS = 500;
|
|
27
28
|
const LONG_DELAY_MS = 1000;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { ColorMode, ColorModeWithAuto, Theme } from './ThemeProvider';
|
|
3
|
+
export declare const ThemeContext: React.Context<{
|
|
4
|
+
theme?: Theme;
|
|
5
|
+
colorScheme?: string;
|
|
6
|
+
colorMode?: ColorModeWithAuto;
|
|
7
|
+
resolvedColorMode?: ColorMode;
|
|
8
|
+
resolvedColorScheme?: string;
|
|
9
|
+
dayScheme?: string;
|
|
10
|
+
nightScheme?: string;
|
|
11
|
+
setColorMode: React.Dispatch<React.SetStateAction<ColorModeWithAuto>>;
|
|
12
|
+
setDayScheme: React.Dispatch<React.SetStateAction<string>>;
|
|
13
|
+
setNightScheme: React.Dispatch<React.SetStateAction<string>>;
|
|
14
|
+
}>;
|
|
15
|
+
//# sourceMappingURL=ThemeContext.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ThemeContext.d.ts","sourceRoot":"","sources":["../src/ThemeContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAC,SAAS,EAAE,iBAAiB,EAAE,KAAK,EAAC,MAAM,iBAAiB,CAAA;AAExE,eAAO,MAAM,YAAY;YACf,KAAK;kBACC,MAAM;gBACR,iBAAiB;wBACT,SAAS;0BACP,MAAM;gBAChB,MAAM;kBACJ,MAAM;kBACN,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAC;kBACvD,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;oBAC1C,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;EAK5D,CAAA"}
|
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,4 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import type { TimelineBadgeVariants } from './constants';
|
|
2
3
|
type StyledTimelineProps = {
|
|
3
4
|
clipSidebar?: boolean | 'start' | 'end' | 'both';
|
|
4
5
|
className?: string;
|
|
@@ -13,7 +14,6 @@ type StyledTimelineItemProps = {
|
|
|
13
14
|
*/
|
|
14
15
|
export type TimelineItemsProps = StyledTimelineItemProps & React.ComponentPropsWithoutRef<'li'>;
|
|
15
16
|
export type TimelineItemProps = StyledTimelineItemProps & React.ComponentPropsWithoutRef<'li'>;
|
|
16
|
-
export declare const TimelineBadgeVariants: readonly ["accent", "success", "attention", "severe", "danger", "done", "open", "closed", "sponsors"];
|
|
17
17
|
export type TimelineBadgeVariant = (typeof TimelineBadgeVariants)[number];
|
|
18
18
|
export type TimelineBadgeProps = {
|
|
19
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;
|
|
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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/Timeline/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB,uGAUxB,CAAA"}
|
|
@@ -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,6 +1,8 @@
|
|
|
1
1
|
import { c } from 'react-compiler-runtime';
|
|
2
2
|
import { forwardRef } from 'react';
|
|
3
|
-
import TokenBase
|
|
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';
|
|
@@ -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,6 +1,8 @@
|
|
|
1
1
|
import { c } from 'react-compiler-runtime';
|
|
2
2
|
import { forwardRef } from 'react';
|
|
3
|
-
import TokenBase
|
|
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';
|
|
@@ -1,9 +1,7 @@
|
|
|
1
|
-
import type { ComponentProps } from 'react';
|
|
2
1
|
import React from 'react';
|
|
3
2
|
import type { ForwardRefComponent as PolymorphicForwardRefComponent } from '../utils/polymorphic';
|
|
4
|
-
|
|
5
|
-
export
|
|
6
|
-
export declare const defaultTokenSize: TokenSizeKeys;
|
|
3
|
+
import { type TokenSizeKeys } from './constants';
|
|
4
|
+
export type { TokenSizeKeys };
|
|
7
5
|
export interface TokenBaseProps extends Omit<React.HTMLProps<HTMLSpanElement | HTMLButtonElement | HTMLAnchorElement>, 'size' | 'id'> {
|
|
8
6
|
as?: 'button' | 'a' | 'span';
|
|
9
7
|
/**
|
|
@@ -35,7 +33,6 @@ export interface TokenBaseProps extends Omit<React.HTMLProps<HTMLSpanElement | H
|
|
|
35
33
|
*/
|
|
36
34
|
disabled?: boolean;
|
|
37
35
|
}
|
|
38
|
-
export declare const isTokenInteractive: ({ as, onClick, onFocus, tabIndex, disabled, }: Pick<ComponentProps<typeof TokenBase>, "disabled" | "as" | "onClick" | "onFocus" | "tabIndex">) => boolean;
|
|
39
36
|
declare const TokenBase: PolymorphicForwardRefComponent<"span" | "a" | "button", TokenBaseProps>;
|
|
40
37
|
export default TokenBase;
|
|
41
38
|
//# sourceMappingURL=TokenBase.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TokenBase.d.ts","sourceRoot":"","sources":["../../src/Token/TokenBase.tsx"],"names":[],"mappings":"
|
|
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
|
@@ -2,21 +2,10 @@ import { c } from 'react-compiler-runtime';
|
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { clsx } from 'clsx';
|
|
4
4
|
import classes from './TokenBase.module.css.js';
|
|
5
|
+
import { defaultTokenSize } from './constants.js';
|
|
6
|
+
import { isTokenInteractive } from './utils.js';
|
|
5
7
|
import { jsx } from 'react/jsx-runtime';
|
|
6
8
|
|
|
7
|
-
const defaultTokenSize = 'medium';
|
|
8
|
-
const isTokenInteractive = ({
|
|
9
|
-
as = 'span',
|
|
10
|
-
onClick,
|
|
11
|
-
onFocus,
|
|
12
|
-
tabIndex = -1,
|
|
13
|
-
disabled
|
|
14
|
-
}) => {
|
|
15
|
-
if (disabled) {
|
|
16
|
-
return false;
|
|
17
|
-
}
|
|
18
|
-
return Boolean(onFocus || onClick || tabIndex > -1 || ['a', 'button'].includes(as));
|
|
19
|
-
};
|
|
20
9
|
const TokenBase = /*#__PURE__*/React.forwardRef((t0, forwardedRef) => {
|
|
21
10
|
const $ = c(25);
|
|
22
11
|
let Component;
|
|
@@ -126,4 +115,4 @@ const TokenBase = /*#__PURE__*/React.forwardRef((t0, forwardedRef) => {
|
|
|
126
115
|
return t7;
|
|
127
116
|
});
|
|
128
117
|
|
|
129
|
-
export { TokenBase as default
|
|
118
|
+
export { TokenBase as default };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { XIcon } from '@primer/octicons-react';
|
|
2
2
|
import { clsx } from 'clsx';
|
|
3
|
-
import { defaultTokenSize } from './
|
|
3
|
+
import { defaultTokenSize } from './constants.js';
|
|
4
4
|
import classes from './_RemoveTokenButton.module.css.js';
|
|
5
5
|
import { jsx } from 'react/jsx-runtime';
|
|
6
6
|
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/Token/constants.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAA;AAEnE,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,CAKpD,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,aAAwB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/Token/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,aAAa,CAAA;AAE/C,eAAO,MAAM,kBAAkB,GAAI,+CAMhC,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,IAAI,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC,YAK9E,CAAA"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
const isTokenInteractive = ({
|
|
2
|
+
as = 'span',
|
|
3
|
+
onClick,
|
|
4
|
+
onFocus,
|
|
5
|
+
tabIndex = -1,
|
|
6
|
+
disabled
|
|
7
|
+
}) => {
|
|
8
|
+
if (disabled) {
|
|
9
|
+
return false;
|
|
10
|
+
}
|
|
11
|
+
return Boolean(onFocus || onClick || tabIndex > -1 || ['a', 'button'].includes(as));
|
|
12
|
+
};
|
|
13
|
+
|
|
14
|
+
export { isTokenInteractive };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AACA,OAAO,KAAgB,MAAM,OAAO,CAAA;AAGpC,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;
|
|
1
|
+
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AACA,OAAO,KAAgB,MAAM,OAAO,CAAA;AAGpC,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAK/F;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB,SAAS,CAAC,EAAE,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,CAAA;IAC7D,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACxB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,GAAG,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAA;AAEhC;;GAEG;AACH,QAAA,MAAM,OAAO,EAyBP,8BAA8B,CAAC,MAAM,EAAE,YAAY,CAAC,GAAG;IAC3D,UAAU,EAAE,MAAM,EAAE,CAAA;IACpB,UAAU,EAAE,MAAM,EAAE,CAAA;CACrB,CAAA;AAQD,eAAe,OAAO,CAAA"}
|
package/dist/Tooltip/Tooltip.js
CHANGED
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
import { clsx } from 'clsx';
|
|
2
2
|
import React, { useMemo } from 'react';
|
|
3
3
|
import classes from './Tooltip.module.css.js';
|
|
4
|
+
import { TooltipContext } from './TooltipContext.js';
|
|
4
5
|
import { jsx } from 'react/jsx-runtime';
|
|
5
6
|
import { useId } from '../hooks/useId.js';
|
|
6
7
|
|
|
7
|
-
const TooltipContext = /*#__PURE__*/React.createContext({});
|
|
8
|
-
|
|
9
8
|
/**
|
|
10
9
|
* @deprecated
|
|
11
10
|
*/
|
|
@@ -56,4 +55,4 @@ Tooltip.alignments = ['left', 'right'];
|
|
|
56
55
|
Tooltip.directions = ['n', 'ne', 'e', 'se', 's', 'sw', 'w', 'nw'];
|
|
57
56
|
Tooltip.__SLOT__ = Symbol('Tooltip');
|
|
58
57
|
|
|
59
|
-
export {
|
|
58
|
+
export { Tooltip as default };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TooltipContext.d.ts","sourceRoot":"","sources":["../../src/Tooltip/TooltipContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,cAAc;gBAAoC,MAAM;EAAM,CAAA"}
|
|
@@ -25,8 +25,5 @@ export type TooltipProps = React.PropsWithChildren<{
|
|
|
25
25
|
*/
|
|
26
26
|
_privateDisableTooltip?: boolean;
|
|
27
27
|
}> & React.HTMLAttributes<HTMLElement>;
|
|
28
|
-
export declare const TooltipContext: React.Context<{
|
|
29
|
-
tooltipId?: string;
|
|
30
|
-
}>;
|
|
31
28
|
export declare const Tooltip: ForwardRefExoticComponent<React.PropsWithoutRef<TooltipProps> & React.RefAttributes<HTMLElement>> & SlotMarker;
|
|
32
29
|
//# sourceMappingURL=Tooltip.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/TooltipV2/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiD,KAAK,yBAAyB,EAAC,MAAM,OAAO,CAAA;AAS3G,OAAO,EAAoD,KAAK,mBAAmB,EAAC,MAAM,mBAAmB,CAAA;AAI7G,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAA;
|
|
1
|
+
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/TooltipV2/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiD,KAAK,yBAAyB,EAAC,MAAM,OAAO,CAAA;AAS3G,OAAO,EAAoD,KAAK,mBAAmB,EAAC,MAAM,mBAAmB,CAAA;AAI7G,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAA;AAG9C,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,CAAA;AAChF,MAAM,MAAM,YAAY,GAAG,KAAK,CAAC,iBAAiB,CAAC;IACjD,SAAS,CAAC,EAAE,gBAAgB,CAAA;IAC5B,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,OAAO,GAAG,aAAa,CAAA;IAC9B,cAAc,CAAC,EAAE,mBAAmB,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAAC,CAAA;IACjF;;;;;OAKG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAA;IACnC;;;;;;;;OAQG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAA;CACjC,CAAC,GACA,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAA;AAmEnC,eAAO,MAAM,OAAO,EAAE,yBAAyB,CAC7C,KAAK,CAAC,eAAe,CAAC,YAAY,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CACvE,GACC,UAkSD,CAAA"}
|
|
@@ -8,11 +8,13 @@ import classes from './Tooltip.module.css.js';
|
|
|
8
8
|
import { usePlatform } from '../KeybindingHint/platform.js';
|
|
9
9
|
import VisuallyHidden from '../_VisuallyHidden.js';
|
|
10
10
|
import useSafeTimeout from '../hooks/useSafeTimeout.js';
|
|
11
|
+
import { TooltipContext } from './TooltipContext.js';
|
|
11
12
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
12
13
|
import { useId } from '../hooks/useId.js';
|
|
13
14
|
import { useProvidedRefOrCreate } from '../hooks/useProvidedRefOrCreate.js';
|
|
14
15
|
import { useOnEscapePress } from '../hooks/useOnEscapePress.js';
|
|
15
|
-
import { getAccessibleKeybindingHintString
|
|
16
|
+
import { getAccessibleKeybindingHintString } from '../KeybindingHint/utils.js';
|
|
17
|
+
import { KeybindingHint } from '../KeybindingHint/KeybindingHint.js';
|
|
16
18
|
|
|
17
19
|
// map tooltip direction to anchoredPosition props
|
|
18
20
|
const directionToPosition = {
|
|
@@ -75,7 +77,6 @@ const delayTimeMap = {
|
|
|
75
77
|
const isInteractive = element => {
|
|
76
78
|
return interactiveElements.some(selector => element.matches(selector)) || element.hasAttribute('role') && element.getAttribute('role') === 'button';
|
|
77
79
|
};
|
|
78
|
-
const TooltipContext = /*#__PURE__*/React.createContext({});
|
|
79
80
|
const emptyKeybindingHints = [];
|
|
80
81
|
const Tooltip = /*#__PURE__*/React.forwardRef(({
|
|
81
82
|
direction = 's',
|
|
@@ -312,4 +313,4 @@ const Tooltip = /*#__PURE__*/React.forwardRef(({
|
|
|
312
313
|
});
|
|
313
314
|
Tooltip.__SLOT__ = Symbol('Tooltip');
|
|
314
315
|
|
|
315
|
-
export { Tooltip
|
|
316
|
+
export { Tooltip };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TooltipContext.d.ts","sourceRoot":"","sources":["../../src/TooltipV2/TooltipContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,cAAc;gBAAoC,MAAM;EAAM,CAAA"}
|
|
@@ -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: () => {},
|
|
@@ -16,6 +16,5 @@ export type UnderlineNavProps = {
|
|
|
16
16
|
variant?: 'inset' | 'flush';
|
|
17
17
|
};
|
|
18
18
|
export declare const MORE_BTN_WIDTH = 86;
|
|
19
|
-
export declare const getValidChildren: (children: React.ReactNode) => React.ReactElement<any>[];
|
|
20
19
|
export declare const UnderlineNav: React.ForwardRefExoticComponent<UnderlineNavProps & React.RefAttributes<unknown>>;
|
|
21
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"}
|