@primer/react 38.0.0-rc.0 → 38.0.0-rc.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +19 -0
- package/dist/browser.esm.js +3 -3
- package/dist/browser.esm.js.map +1 -1
- package/dist/browser.umd.js +3 -3
- package/dist/browser.umd.js.map +1 -1
- package/dist/components.css +158 -122
- package/generated/components.json +5 -122
- package/lib/FilteredActionList/FilteredActionList-96b126d7.css +2 -0
- package/lib/FilteredActionList/FilteredActionList-96b126d7.css.map +1 -0
- package/lib/FilteredActionList/FilteredActionList.d.ts.map +1 -1
- package/lib/FilteredActionList/FilteredActionList.js +3 -6
- package/lib/FilteredActionList/FilteredActionList.module.css.js +2 -2
- package/lib/PointerBox/PointerBox.d.ts +1 -1
- package/lib/PointerBox/PointerBox.d.ts.map +1 -1
- package/lib/PointerBox/PointerBox.js +1 -1
- package/lib/SplitPageLayout/SplitPageLayout.d.ts +1 -2
- package/lib/SplitPageLayout/SplitPageLayout.d.ts.map +1 -1
- package/lib/Stack/Stack.d.ts.map +1 -1
- package/lib/Stack/Stack.js +110 -111
- package/lib/StateLabel/StateLabel-cd27f475.css +2 -0
- package/lib/StateLabel/StateLabel-cd27f475.css.map +1 -0
- package/lib/StateLabel/StateLabel.d.ts +1 -2
- package/lib/StateLabel/StateLabel.d.ts.map +1 -1
- package/lib/StateLabel/StateLabel.js +3 -5
- package/lib/StateLabel/StateLabel.module.css.js +7 -0
- package/lib/ToggleSwitch/ToggleSwitch-65936b4b.css +4 -0
- package/lib/ToggleSwitch/ToggleSwitch-65936b4b.css.map +1 -0
- package/lib/ToggleSwitch/ToggleSwitch.d.ts +1 -2
- package/lib/ToggleSwitch/ToggleSwitch.d.ts.map +1 -1
- package/lib/ToggleSwitch/ToggleSwitch.js +163 -213
- package/lib/ToggleSwitch/ToggleSwitch.module.css.js +7 -0
- package/lib/ToggleSwitch/ToggleSwitchStoryWrapper.d.ts.map +1 -1
- package/lib/Token/index.d.ts +0 -1
- package/lib/Token/index.d.ts.map +1 -1
- package/lib/TreeView/shared.js +2 -2
- package/lib/VisuallyHidden/VisuallyHidden.d.ts +1 -2
- package/lib/VisuallyHidden/VisuallyHidden.d.ts.map +1 -1
- package/lib/VisuallyHidden/VisuallyHidden.js +1 -3
- package/lib/deprecated/UnderlineNav/UnderlineNav.d.ts +2 -3
- package/lib/deprecated/UnderlineNav/UnderlineNav.d.ts.map +1 -1
- package/lib/deprecated/UnderlineNav/UnderlineNav.js +2 -3
- package/lib/deprecated/index.d.ts +0 -2
- package/lib/deprecated/index.d.ts.map +1 -1
- package/lib/deprecated/index.js +0 -2
- package/lib/hooks/useMnemonics.js +1 -2
- package/lib/index.d.ts +1 -5
- package/lib/index.d.ts.map +1 -1
- package/lib/index.js +0 -6
- package/lib/{Caret.d.ts → internal/components/Caret.d.ts} +1 -1
- package/lib/internal/components/Caret.d.ts.map +1 -0
- package/lib-esm/FilteredActionList/FilteredActionList-96b126d7.css +2 -0
- package/lib-esm/FilteredActionList/FilteredActionList-96b126d7.css.map +1 -0
- package/lib-esm/FilteredActionList/FilteredActionList.js +3 -6
- package/lib-esm/FilteredActionList/FilteredActionList.module.css.js +2 -2
- package/lib-esm/PointerBox/PointerBox.d.ts +1 -1
- package/lib-esm/PointerBox/PointerBox.js +1 -1
- package/lib-esm/SplitPageLayout/SplitPageLayout.d.ts +1 -2
- package/lib-esm/Stack/Stack.js +110 -111
- package/lib-esm/StateLabel/StateLabel-cd27f475.css +2 -0
- package/lib-esm/StateLabel/StateLabel-cd27f475.css.map +1 -0
- package/lib-esm/StateLabel/StateLabel.d.ts +1 -2
- package/lib-esm/StateLabel/StateLabel.js +3 -5
- package/lib-esm/StateLabel/StateLabel.module.css.js +5 -0
- package/lib-esm/ToggleSwitch/ToggleSwitch-65936b4b.css +4 -0
- package/lib-esm/ToggleSwitch/ToggleSwitch-65936b4b.css.map +1 -0
- package/lib-esm/ToggleSwitch/ToggleSwitch.d.ts +1 -2
- package/lib-esm/ToggleSwitch/ToggleSwitch.js +163 -213
- package/lib-esm/ToggleSwitch/ToggleSwitch.module.css.js +5 -0
- package/lib-esm/Token/index.d.ts +0 -1
- package/lib-esm/TreeView/shared.js +2 -2
- package/lib-esm/VisuallyHidden/VisuallyHidden.d.ts +1 -2
- package/lib-esm/VisuallyHidden/VisuallyHidden.js +1 -3
- package/lib-esm/deprecated/UnderlineNav/UnderlineNav.d.ts +2 -3
- package/lib-esm/deprecated/UnderlineNav/UnderlineNav.js +2 -3
- package/lib-esm/deprecated/index.d.ts +0 -2
- package/lib-esm/deprecated/index.js +0 -1
- package/lib-esm/hooks/useMnemonics.js +1 -2
- package/lib-esm/index.d.ts +1 -5
- package/lib-esm/index.js +0 -3
- package/lib-esm/{Caret.d.ts → internal/components/Caret.d.ts} +1 -1
- package/package.json +11 -11
- package/lib/Caret.d.ts.map +0 -1
- package/lib/FilteredActionList/FilteredActionList-d1d6d026.css +0 -2
- package/lib/FilteredActionList/FilteredActionList-d1d6d026.css.map +0 -1
- package/lib/Token/AvatarToken-ff45cc85.css +0 -2
- package/lib/Token/AvatarToken-ff45cc85.css.map +0 -1
- package/lib/Token/AvatarToken.d.ts +0 -8
- package/lib/Token/AvatarToken.d.ts.map +0 -1
- package/lib/Token/AvatarToken.js +0 -99
- package/lib/Token/AvatarToken.module.css.js +0 -7
- package/lib/deprecated/AvatarPair/AvatarPair-68990abe.css +0 -2
- package/lib/deprecated/AvatarPair/AvatarPair-68990abe.css.map +0 -1
- package/lib/deprecated/AvatarPair/AvatarPair.d.ts +0 -14
- package/lib/deprecated/AvatarPair/AvatarPair.d.ts.map +0 -1
- package/lib/deprecated/AvatarPair/AvatarPair.js +0 -95
- package/lib/deprecated/AvatarPair/AvatarPair.module.css.js +0 -7
- package/lib/deprecated/AvatarPair/index.d.ts +0 -3
- package/lib/deprecated/AvatarPair/index.d.ts.map +0 -1
- package/lib-esm/FilteredActionList/FilteredActionList-d1d6d026.css +0 -2
- package/lib-esm/FilteredActionList/FilteredActionList-d1d6d026.css.map +0 -1
- package/lib-esm/Token/AvatarToken-ff45cc85.css +0 -2
- package/lib-esm/Token/AvatarToken-ff45cc85.css.map +0 -1
- package/lib-esm/Token/AvatarToken.d.ts +0 -8
- package/lib-esm/Token/AvatarToken.js +0 -97
- package/lib-esm/Token/AvatarToken.module.css.js +0 -5
- package/lib-esm/deprecated/AvatarPair/AvatarPair-68990abe.css +0 -2
- package/lib-esm/deprecated/AvatarPair/AvatarPair-68990abe.css.map +0 -1
- package/lib-esm/deprecated/AvatarPair/AvatarPair.d.ts +0 -14
- package/lib-esm/deprecated/AvatarPair/AvatarPair.js +0 -89
- package/lib-esm/deprecated/AvatarPair/AvatarPair.module.css.js +0 -5
- package/lib-esm/deprecated/AvatarPair/index.d.ts +0 -3
- /package/lib/{Caret.js → internal/components/Caret.js} +0 -0
- /package/lib-esm/{Caret.js → internal/components/Caret.js} +0 -0
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import type { To } from 'history';
|
|
2
2
|
import type React from 'react';
|
|
3
|
-
import type { SxProp } from '../../sx';
|
|
4
3
|
import type { ComponentProps } from '../../utils/types';
|
|
5
|
-
declare const UnderlineNavBase: import("styled-components").StyledComponent<"nav", any,
|
|
4
|
+
declare const UnderlineNavBase: import("styled-components").StyledComponent<"nav", any, {}, never>;
|
|
6
5
|
export type UnderlineNavProps = {
|
|
7
6
|
actions?: React.ReactNode;
|
|
8
7
|
align?: 'right';
|
|
@@ -13,7 +12,7 @@ declare function UnderlineNav({ actions, className, align, children, full, label
|
|
|
13
12
|
type StyledUnderlineNavLinkProps = {
|
|
14
13
|
to?: To;
|
|
15
14
|
selected?: boolean;
|
|
16
|
-
}
|
|
15
|
+
};
|
|
17
16
|
declare const UnderlineNavLink: import("styled-components").StyledComponent<"a", any, StyledUnderlineNavLinkProps, never>;
|
|
18
17
|
export type UnderlineNavLinkProps = ComponentProps<typeof UnderlineNavLink>;
|
|
19
18
|
/**
|
|
@@ -2,7 +2,6 @@ import { c } from 'react-compiler-runtime';
|
|
|
2
2
|
import { clsx } from 'clsx';
|
|
3
3
|
import styled from 'styled-components';
|
|
4
4
|
import { get } from '../../constants.js';
|
|
5
|
-
import sx from '../../sx.js';
|
|
6
5
|
import getGlobalFocusStyles from '../../internal/utils/getGlobalFocusStyles.js';
|
|
7
6
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
8
7
|
|
|
@@ -11,7 +10,7 @@ const SELECTED_CLASS = 'PRC-selected';
|
|
|
11
10
|
const UnderlineNavBase = styled.nav.withConfig({
|
|
12
11
|
displayName: "UnderlineNav__UnderlineNavBase",
|
|
13
12
|
componentId: "sc-11ejk33-0"
|
|
14
|
-
})(["display:flex;justify-content:space-between;border-bottom:1px solid ", ";&.PRC-UnderlineNav--right{justify-content:flex-end;.PRC-UnderlineNav-item{margin-right:0;margin-left:", ";}.PRC-UnderlineNav-actions{flex:1 1 auto;}}&.PRC-UnderlineNav--full{display:block;}.PRC-UnderlineNav-body{display:flex;margin-bottom:-1px;}.PRC-UnderlineNav-actions{align-self:center;}"
|
|
13
|
+
})(["display:flex;justify-content:space-between;border-bottom:1px solid ", ";&.PRC-UnderlineNav--right{justify-content:flex-end;.PRC-UnderlineNav-item{margin-right:0;margin-left:", ";}.PRC-UnderlineNav-actions{flex:1 1 auto;}}&.PRC-UnderlineNav--full{display:block;}.PRC-UnderlineNav-body{display:flex;margin-bottom:-1px;}.PRC-UnderlineNav-actions{align-self:center;}"], get('colors.border.muted'), get('space.3'));
|
|
15
14
|
function UnderlineNav(t0) {
|
|
16
15
|
const $ = c(24);
|
|
17
16
|
let actions;
|
|
@@ -113,7 +112,7 @@ const UnderlineNavLink = styled.a.attrs(props => ({
|
|
|
113
112
|
})).withConfig({
|
|
114
113
|
displayName: "UnderlineNav__UnderlineNavLink",
|
|
115
114
|
componentId: "sc-11ejk33-1"
|
|
116
|
-
})(["padding:", " ", ";margin-right:", ";font-size:", ";line-height:", ";color:", ";text-align:center;border-bottom:2px solid transparent;text-decoration:none;&:hover,&:focus{color:", ";text-decoration:none;border-bottom-color:", ";transition:border-bottom-color 0.2s ease;.PRC-UnderlineNav-octicon{color:", ";}}&.PRC-selected{color:", ";border-bottom-color:", ";.PRC-UnderlineNav-octicon{color:", ";}}", ";"
|
|
115
|
+
})(["padding:", " ", ";margin-right:", ";font-size:", ";line-height:", ";color:", ";text-align:center;border-bottom:2px solid transparent;text-decoration:none;&:hover,&:focus{color:", ";text-decoration:none;border-bottom-color:", ";transition:border-bottom-color 0.2s ease;.PRC-UnderlineNav-octicon{color:", ";}}&.PRC-selected{color:", ";border-bottom-color:", ";.PRC-UnderlineNav-octicon{color:", ";}}", ";"], get('space.3'), get('space.2'), get('space.3'), get('fontSizes.1'), get('lineHeights.default'), get('colors.fg.default'), get('colors.fg.default'), get('colors.neutral.muted'), get('colors.fg.muted'), get('colors.fg.default'), get('colors.primer.border.active'), get('colors.fg.default'), getGlobalFocusStyles('-8px'));
|
|
117
116
|
UnderlineNavLink.displayName = 'UnderlineNav.Link';
|
|
118
117
|
/**
|
|
119
118
|
* @deprecated UnderlineNav is deprecated and will be replaced by the draft `UnderlineNav` in the next major release. See https://primer.style/react/drafts/UnderlineNav2 for more details.
|
|
@@ -23,6 +23,4 @@ export { default as TabNav } from '../TabNav';
|
|
|
23
23
|
export type { TabNavProps, TabNavLinkProps } from '../TabNav';
|
|
24
24
|
export { default as Tooltip } from '../Tooltip/Tooltip';
|
|
25
25
|
export type { TooltipProps } from '../Tooltip/Tooltip';
|
|
26
|
-
export { default as AvatarPair } from './AvatarPair';
|
|
27
|
-
export type { AvatarPairProps } from './AvatarPair';
|
|
28
26
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -5,7 +5,6 @@ export { default as Tooltip } from '../Tooltip/Tooltip.js';
|
|
|
5
5
|
export { default as FilteredSearch } from './FilteredSearch/FilteredSearch.js';
|
|
6
6
|
export { default as Octicon } from '../Octicon/Octicon.js';
|
|
7
7
|
export { default as Pagehead } from '../Pagehead/Pagehead.js';
|
|
8
|
-
export { default as AvatarPair } from './AvatarPair/AvatarPair.js';
|
|
9
8
|
export { default as UnderlineNav } from './UnderlineNav/UnderlineNav.js';
|
|
10
9
|
export { default as Dialog } from '../DialogV1/Dialog.js';
|
|
11
10
|
export { default as TabNav } from '../TabNav/TabNav.js';
|
|
@@ -94,11 +94,10 @@ const useMnemonics = (open, providedRef) => {
|
|
|
94
94
|
return t3;
|
|
95
95
|
};
|
|
96
96
|
function _temp(item) {
|
|
97
|
-
var _item$textContent;
|
|
98
97
|
if (item.getAttribute("aria-keyshortcuts")) {
|
|
99
98
|
return;
|
|
100
99
|
}
|
|
101
|
-
const firstLetter =
|
|
100
|
+
const firstLetter = item.textContent.toLowerCase()[0];
|
|
102
101
|
if (firstLetter) {
|
|
103
102
|
item.setAttribute("aria-keyshortcuts", firstLetter);
|
|
104
103
|
}
|
package/lib-esm/index.d.ts
CHANGED
|
@@ -43,20 +43,16 @@ export { default as Avatar } from './Avatar';
|
|
|
43
43
|
export type { AvatarProps } from './Avatar';
|
|
44
44
|
export { default as AvatarStack } from './AvatarStack';
|
|
45
45
|
export type { AvatarStackProps } from './AvatarStack';
|
|
46
|
-
export { default as AvatarPair } from './deprecated/AvatarPair';
|
|
47
|
-
export type { AvatarPairProps } from './deprecated/AvatarPair';
|
|
48
46
|
export { default as BranchName } from './BranchName';
|
|
49
47
|
export type { BranchNameProps } from './BranchName';
|
|
50
48
|
export { default as Breadcrumbs, Breadcrumb } from './Breadcrumbs';
|
|
51
49
|
export type { BreadcrumbsProps, BreadcrumbsItemProps, BreadcrumbProps, BreadcrumbItemProps } from './Breadcrumbs';
|
|
52
50
|
export { default as ButtonGroup } from './ButtonGroup';
|
|
53
51
|
export type { ButtonGroupProps } from './ButtonGroup';
|
|
54
|
-
export { default as Caret } from './Caret';
|
|
55
52
|
export type { CircleBadgeProps, CircleBadgeIconProps } from './CircleBadge';
|
|
56
53
|
export { default as CircleOcticon } from './CircleOcticon';
|
|
57
54
|
export type { CircleOcticonProps } from './CircleOcticon';
|
|
58
55
|
export { default as CheckboxGroup } from './CheckboxGroup';
|
|
59
|
-
export type { CaretProps } from './Caret';
|
|
60
56
|
export { default as CircleBadge } from './CircleBadge';
|
|
61
57
|
export { default as CounterLabel } from './CounterLabel';
|
|
62
58
|
export type { CounterLabelProps } from './CounterLabel';
|
|
@@ -119,7 +115,7 @@ export { default as Text } from './Text';
|
|
|
119
115
|
export type { TextProps } from './Text';
|
|
120
116
|
export { default as Timeline } from './Timeline';
|
|
121
117
|
export type { TimelineProps, TimelineBadgeProps, TimelineBodyProps, TimelineBreakProps, TimelineItemsProps, } from './Timeline';
|
|
122
|
-
export { default as Token, IssueLabelToken
|
|
118
|
+
export { default as Token, IssueLabelToken } from './Token';
|
|
123
119
|
export type { TokenProps, IssueLabelTokenProps } from './Token';
|
|
124
120
|
export { Tooltip } from './TooltipV2';
|
|
125
121
|
export type { TooltipProps } from './TooltipV2';
|
package/lib-esm/index.js
CHANGED
|
@@ -19,7 +19,6 @@ export { default as useIsomorphicLayoutEffect } from './utils/useIsomorphicLayou
|
|
|
19
19
|
export { useProvidedRefOrCreate } from './hooks/useProvidedRefOrCreate.js';
|
|
20
20
|
export { createComponent } from './utils/create-component.js';
|
|
21
21
|
export { ActionList } from './ActionList/index.js';
|
|
22
|
-
export { default as Caret } from './Caret.js';
|
|
23
22
|
export { Dialog } from './Dialog/Dialog.js';
|
|
24
23
|
export { default as Label } from './Label/Label.js';
|
|
25
24
|
export { default as Pagination } from './Pagination/Pagination.js';
|
|
@@ -34,7 +33,6 @@ export { default as Box } from './Box/Box.js';
|
|
|
34
33
|
export { default as Radio } from './Radio/Radio.js';
|
|
35
34
|
export { default as Avatar } from './Avatar/Avatar.js';
|
|
36
35
|
export { default as AvatarStack } from './AvatarStack/AvatarStack.js';
|
|
37
|
-
export { default as AvatarPair } from './deprecated/AvatarPair/AvatarPair.js';
|
|
38
36
|
export { default as ButtonGroup } from './ButtonGroup/ButtonGroup.js';
|
|
39
37
|
export { default as CircleOcticon } from './CircleOcticon/CircleOcticon.js';
|
|
40
38
|
export { default as CounterLabel } from './CounterLabel/CounterLabel.js';
|
|
@@ -53,7 +51,6 @@ export { default as TextInputWithTokens } from './TextInputWithTokens/TextInputW
|
|
|
53
51
|
export { default as Text } from './Text/Text.js';
|
|
54
52
|
export { default as Token } from './Token/Token.js';
|
|
55
53
|
export { default as IssueLabelToken } from './Token/IssueLabelToken.js';
|
|
56
|
-
export { default as AvatarToken } from './Token/AvatarToken.js';
|
|
57
54
|
export { default as Truncate } from './Truncate/Truncate.js';
|
|
58
55
|
export { default as Checkbox } from './Checkbox/Checkbox.js';
|
|
59
56
|
export { default as Textarea } from './Textarea/Textarea.js';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import type { Theme } from '
|
|
2
|
+
import type { Theme } from '../../ThemeProvider';
|
|
3
3
|
type Location = 'top' | 'top-left' | 'top-right' | 'right' | 'right-top' | 'right-bottom' | 'bottom' | 'bottom-left' | 'bottom-right' | 'left' | 'left-top' | 'left-bottom';
|
|
4
4
|
export type CaretProps = {
|
|
5
5
|
bg?: string;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@primer/react",
|
|
3
|
-
"version": "38.0.0-rc.
|
|
3
|
+
"version": "38.0.0-rc.1",
|
|
4
4
|
"description": "An implementation of GitHub's Primer Design System using React",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"module": "lib-esm/index.js",
|
|
@@ -111,9 +111,9 @@
|
|
|
111
111
|
},
|
|
112
112
|
"devDependencies": {
|
|
113
113
|
"@actions/core": "1.11.1",
|
|
114
|
-
"@babel/cli": "7.28.
|
|
115
|
-
"@babel/core": "7.28.
|
|
116
|
-
"@babel/parser": "7.28.
|
|
114
|
+
"@babel/cli": "7.28.3",
|
|
115
|
+
"@babel/core": "7.28.3",
|
|
116
|
+
"@babel/parser": "7.28.3",
|
|
117
117
|
"@babel/plugin-proposal-nullish-coalescing-operator": "7.18.6",
|
|
118
118
|
"@babel/plugin-proposal-optional-chaining": "7.21.0",
|
|
119
119
|
"@babel/plugin-transform-modules-commonjs": "7.27.1",
|
|
@@ -129,11 +129,11 @@
|
|
|
129
129
|
"@rollup/plugin-terser": "0.4.4",
|
|
130
130
|
"@rollup/plugin-typescript": "12.1.4",
|
|
131
131
|
"@rollup/plugin-virtual": "3.0.2",
|
|
132
|
-
"@storybook/addon-a11y": "^9.1.
|
|
133
|
-
"@storybook/addon-docs": "^9.1.
|
|
134
|
-
"@storybook/addon-links": "^9.1.
|
|
132
|
+
"@storybook/addon-a11y": "^9.1.2",
|
|
133
|
+
"@storybook/addon-docs": "^9.1.2",
|
|
134
|
+
"@storybook/addon-links": "^9.1.2",
|
|
135
135
|
"@storybook/icons": "^1.4.0",
|
|
136
|
-
"@storybook/react-vite": "^9.1.
|
|
136
|
+
"@storybook/react-vite": "^9.1.2",
|
|
137
137
|
"@testing-library/dom": "^10.4.0",
|
|
138
138
|
"@testing-library/jest-dom": "^6.4.5",
|
|
139
139
|
"@testing-library/react": "^16.3.0",
|
|
@@ -188,17 +188,17 @@
|
|
|
188
188
|
"react-test-renderer": "18.3.1",
|
|
189
189
|
"recast": "0.23.7",
|
|
190
190
|
"rimraf": "5.0.5",
|
|
191
|
-
"rollup": "4.
|
|
191
|
+
"rollup": "4.48.0",
|
|
192
192
|
"rollup-plugin-import-css": "^0.0.0",
|
|
193
193
|
"rollup-plugin-postcss": "4.0.2",
|
|
194
194
|
"rollup-plugin-visualizer": "6.0.3",
|
|
195
|
-
"storybook": "^9.1.
|
|
195
|
+
"storybook": "^9.1.2",
|
|
196
196
|
"styled-components": "5.3.11",
|
|
197
197
|
"terser": "5.36.0",
|
|
198
198
|
"ts-toolbelt": "9.6.0",
|
|
199
199
|
"tsx": "4.20.3",
|
|
200
200
|
"typed-css-modules": "^0.9.1",
|
|
201
|
-
"typescript": "^5.
|
|
201
|
+
"typescript": "^5.9.2",
|
|
202
202
|
"typescript-plugin-css-modules": "^5.2.0",
|
|
203
203
|
"unist-util-find": "3.0.0",
|
|
204
204
|
"unist-util-find-before": "4.0.0",
|
package/lib/Caret.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Caret.d.ts","sourceRoot":"","sources":["../src/Caret.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAC,KAAK,EAAC,MAAM,iBAAiB,CAAA;AAE1C,KAAK,QAAQ,GACT,KAAK,GACL,UAAU,GACV,WAAW,GACX,OAAO,GACP,WAAW,GACX,cAAc,GACd,QAAQ,GACR,aAAa,GACb,cAAc,GACd,MAAM,GACN,UAAU,GACV,aAAa,CAAA;AAoCjB,MAAM,MAAM,UAAU,GAAG;IACvB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,KAAK,CAAC,EAAE,KAAK,CAAA;CACd,CAAA;AAED,iBAAS,KAAK,CAAC,KAAK,EAAE,UAAU,qBAuD/B;kBAvDQ,KAAK;;;AAwEd,eAAe,KAAK,CAAA"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
.prc-FilteredActionList-Container-2A9NQ{display:flex;flex-grow:1;height:100%;overflow:auto}.prc-FilteredActionList-ActionListItem-39lnB:focus{background:var(--control-transparent-bgColor-selected,var(--color-action-list-item-default-selected-bg))}.prc-FilteredActionList-ActionListItem-39lnB:focus:after{background:var(--borderColor-accent-emphasis,var(--color-accent-emphasis));border-radius:var(--borderRadius-medium,.375rem);content:"";height:var(--base-size-24,1.5rem);left:calc(var(--base-size-8,.5rem)*-1);position:absolute;top:calc(50% - var(--base-size-12,.75rem));width:var(--base-size-4,.25rem)}.prc-FilteredActionList-ActionListItem-39lnB:where([data-input-focused]):where([data-first-child]){background:var(--control-transparent-bgColor-selected,var(--color-action-list-item-default-selected-bg))}.prc-FilteredActionList-ActionListItem-39lnB:where([data-input-focused]):where([data-first-child]):after{background:var(--borderColor-accent-emphasis,var(--color-accent-emphasis));border-radius:var(--borderRadius-medium,.375rem);content:"";height:var(--base-size-24,1.5rem);left:calc(var(--base-size-8,.5rem)*-1);position:absolute;top:calc(50% - var(--base-size-12,.75rem));width:var(--base-size-4,.25rem)}@media screen and (max-width:calc(48rem - 0.02px)){@supports (-webkit-touch-callout:none){.prc-FilteredActionList-FullScreenTextInput-rCAiq{font-size:var(--text-title-size-small,1rem)}}}.prc-FilteredActionList-SelectAllContainer-w5otq{align-items:center;background:var(--bgColor-muted,var(--color-canvas-subtle));border-bottom:var(--borderWidth-thin,.0625rem) solid var(--borderColor-default,var(--color-border-default));display:flex;padding-block:var(--base-size-4,.25rem);padding-inline:var(--base-size-16,1rem)}.prc-FilteredActionList-SelectAllCheckbox-dq2yL{margin:var(--base-size-4,.25rem) var(--base-size-8,.5rem) calc(var(--base-size-4,.25rem) - 1px) 0}.prc-FilteredActionList-SelectAllLabel-l34LA{color:var(--fgColor-muted,var(--color-fg-muted));font-size:var(--text-body-size-medium,.875rem)}
|
|
2
|
-
/*# sourceMappingURL=FilteredActionList-d1d6d026.css.map */
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/FilteredActionList/FilteredActionList.module.css","../../postcss-preset-primer/src/mixins/activeIndicatorLine.css"],"names":[],"mappings":"AAAA,wCACE,YAAa,CAGb,WAAY,CAFZ,WAAY,CACZ,aAEF,CAEA,mDACE,wGAKF,CAHE,yDCFA,0EAA8C,CAC9C,gDAAyC,CAHzC,UAAW,CADX,iCAA2B,CAF3B,sCAAmC,CAFnC,iBAAkB,CAClB,0CAAoC,CAEpC,+BDQA,CAGF,mGACE,wGAKF,CAHE,yGCVA,0EAA8C,CAC9C,gDAAyC,CAHzC,UAAW,CADX,iCAA2B,CAF3B,sCAAmC,CAFnC,iBAAkB,CAClB,0CAAoC,CAEpC,+BDgBA,CAIA,mDAEE,uCAHJ,kDAIM,2CAGN,CAFI,CACF,CAGF,iDAEE,kBAAmB,CAGnB,0DAAgC,CAChC,2GAAuE,CALvE,YAAa,CAEb,uCAAiC,CACjC,uCAGF,CAEA,gDAGE,iGACF,CAEA,6CAEE,gDAA2B,CAD3B,8CAEF","file":"FilteredActionList-d1d6d026.css","sourcesContent":[".Container {\n display: flex;\n height: 100%;\n overflow: auto;\n flex-grow: 1;\n}\n\n.ActionListItem:focus {\n background: var(--control-transparent-bgColor-selected);\n\n &::after {\n @mixin activeIndicatorLine;\n }\n}\n\n.ActionListItem:where([data-input-focused]):where([data-first-child]) {\n background: var(--control-transparent-bgColor-selected);\n\n &::after {\n @mixin activeIndicatorLine;\n }\n}\n\n.FullScreenTextInput {\n @media screen and (--viewportRange-narrow) {\n /* Ensures inputs don't zoom on mobile iPhone but are body-font size on iPad */\n @supports (-webkit-touch-callout: none) {\n font-size: var(--text-title-size-small);\n }\n }\n}\n\n.SelectAllContainer {\n display: flex;\n align-items: center;\n padding-block: var(--base-size-4);\n padding-inline: var(--base-size-16);\n background: var(--bgColor-muted);\n border-bottom: var(--borderWidth-thin) solid var(--borderColor-default);\n}\n\n.SelectAllCheckbox {\n /* -1px hack to offset 1px border-bottom causing uneven alignment */\n /* stylelint-disable-next-line primer/spacing */\n margin: var(--base-size-4) var(--base-size-8) calc(var(--base-size-4) - 1px) 0;\n}\n\n.SelectAllLabel {\n font-size: var(--text-body-size-medium);\n color: var(--fgColor-muted);\n}\n","@define-mixin activeIndicatorLine {\n position: absolute;\n top: calc(50% - var(--base-size-12));\n left: calc(-1 * var(--base-size-8));\n width: var(--base-size-4);\n height: var(--base-size-24);\n content: '';\n /* stylelint-disable-next-line primer/colors */\n background: var(--borderColor-accent-emphasis);\n border-radius: var(--borderRadius-medium);\n}\n"]}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
:root{--spacing:calc(var(--base-size-4,0.25rem)*2)}.prc-Token-AvatarContainer-dBasr{display:block}.prc-Token-Avatar-A1uRI{height:100%;width:100%}.prc-Token-Token-8GtFN{padding-left:var(--base-size-4,.25rem)!important}.prc-Token-AvatarContainer-dBasr:where([data-size=small]){height:calc(16px - var(--spacing));width:calc(16px - var(--spacing))}.prc-Token-AvatarContainer-dBasr:where([data-size=medium]){height:calc(20px - var(--spacing));width:calc(20px - var(--spacing))}.prc-Token-AvatarContainer-dBasr:where([data-size=large]){height:calc(24px - var(--spacing));width:calc(24px - var(--spacing))}.prc-Token-AvatarContainer-dBasr:where([data-size=xlarge]){height:calc(32px - var(--spacing));width:calc(32px - var(--spacing))}
|
|
2
|
-
/*# sourceMappingURL=AvatarToken-ff45cc85.css.map */
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/Token/AvatarToken.module.css"],"names":[],"mappings":"AAAA,MACE,4CACF,CAEA,iCACE,aACF,CAEA,wBAEE,WAAY,CADZ,UAEF,CAEA,uBACE,gDACF,CAEA,0DAEE,kCAAmC,CADnC,iCAEF,CAEA,2DAEE,kCAAmC,CADnC,iCAEF,CAEA,0DAEE,kCAAmC,CADnC,iCAEF,CAEA,2DAEE,kCAAmC,CADnC,iCAEF","file":"AvatarToken-ff45cc85.css","sourcesContent":[":root {\n --spacing: calc(var(--base-size-4) * 2);\n}\n\n.AvatarContainer {\n display: block;\n}\n\n.Avatar {\n width: 100%;\n height: 100%;\n}\n\n.Token {\n padding-left: var(--base-size-4) !important;\n}\n\n.AvatarContainer:where([data-size='small']) {\n width: calc(16px - var(--spacing));\n height: calc(16px - var(--spacing));\n}\n\n.AvatarContainer:where([data-size='medium']) {\n width: calc(20px - var(--spacing));\n height: calc(20px - var(--spacing));\n}\n\n.AvatarContainer:where([data-size='large']) {\n width: calc(24px - var(--spacing));\n height: calc(24px - var(--spacing));\n}\n\n.AvatarContainer:where([data-size='xlarge']) {\n width: calc(32px - var(--spacing));\n height: calc(32px - var(--spacing));\n}\n"]}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import type { TokenBaseProps } from './TokenBase';
|
|
2
|
-
import type { ForwardRefComponent as PolymorphicForwardRefComponent } from '../utils/polymorphic';
|
|
3
|
-
export interface AvatarTokenProps extends TokenBaseProps {
|
|
4
|
-
avatarSrc: string;
|
|
5
|
-
}
|
|
6
|
-
declare const AvatarToken: PolymorphicForwardRefComponent<"span" | "a" | "button", AvatarTokenProps>;
|
|
7
|
-
export default AvatarToken;
|
|
8
|
-
//# sourceMappingURL=AvatarToken.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AvatarToken.d.ts","sourceRoot":"","sources":["../../src/Token/AvatarToken.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,aAAa,CAAA;AAI/C,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAK/F,MAAM,WAAW,gBAAiB,SAAQ,cAAc;IACtD,SAAS,EAAE,MAAM,CAAA;CAClB;AAED,QAAA,MAAM,WAAW,EAeX,8BAA8B,CAAC,MAAM,GAAG,GAAG,GAAG,QAAQ,EAAE,gBAAgB,CAAC,CAAA;AAE/E,eAAe,WAAW,CAAA"}
|
package/lib/Token/AvatarToken.js
DELETED
|
@@ -1,99 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var reactCompilerRuntime = require('react-compiler-runtime');
|
|
4
|
-
var React = require('react');
|
|
5
|
-
var TokenBase = require('./TokenBase.js');
|
|
6
|
-
var Token = require('./Token.js');
|
|
7
|
-
var AvatarToken_module = require('./AvatarToken.module.css.js');
|
|
8
|
-
var clsx = require('clsx');
|
|
9
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
10
|
-
var Avatar = require('../Avatar/Avatar.js');
|
|
11
|
-
|
|
12
|
-
const AvatarToken = /*#__PURE__*/React.forwardRef((t0, forwardedRef) => {
|
|
13
|
-
const $ = reactCompilerRuntime.c(20);
|
|
14
|
-
let avatarSrc;
|
|
15
|
-
let className;
|
|
16
|
-
let id;
|
|
17
|
-
let rest;
|
|
18
|
-
let t1;
|
|
19
|
-
if ($[0] !== t0) {
|
|
20
|
-
({
|
|
21
|
-
avatarSrc,
|
|
22
|
-
id,
|
|
23
|
-
size: t1,
|
|
24
|
-
className,
|
|
25
|
-
...rest
|
|
26
|
-
} = t0);
|
|
27
|
-
$[0] = t0;
|
|
28
|
-
$[1] = avatarSrc;
|
|
29
|
-
$[2] = className;
|
|
30
|
-
$[3] = id;
|
|
31
|
-
$[4] = rest;
|
|
32
|
-
$[5] = t1;
|
|
33
|
-
} else {
|
|
34
|
-
avatarSrc = $[1];
|
|
35
|
-
className = $[2];
|
|
36
|
-
id = $[3];
|
|
37
|
-
rest = $[4];
|
|
38
|
-
t1 = $[5];
|
|
39
|
-
}
|
|
40
|
-
const size = t1 === undefined ? TokenBase.defaultTokenSize : t1;
|
|
41
|
-
let t2;
|
|
42
|
-
if ($[6] !== avatarSrc || $[7] !== size) {
|
|
43
|
-
t2 = () => /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
44
|
-
className: AvatarToken_module.AvatarContainer,
|
|
45
|
-
"data-size": size,
|
|
46
|
-
children: /*#__PURE__*/jsxRuntime.jsx(Avatar.default, {
|
|
47
|
-
src: avatarSrc,
|
|
48
|
-
size: parseInt(TokenBase.tokenSizes[size], 10),
|
|
49
|
-
className: AvatarToken_module.Avatar
|
|
50
|
-
})
|
|
51
|
-
});
|
|
52
|
-
$[6] = avatarSrc;
|
|
53
|
-
$[7] = size;
|
|
54
|
-
$[8] = t2;
|
|
55
|
-
} else {
|
|
56
|
-
t2 = $[8];
|
|
57
|
-
}
|
|
58
|
-
let t3;
|
|
59
|
-
if ($[9] !== id) {
|
|
60
|
-
var _id;
|
|
61
|
-
t3 = (_id = id) === null || _id === void 0 ? void 0 : _id.toString();
|
|
62
|
-
$[9] = id;
|
|
63
|
-
$[10] = t3;
|
|
64
|
-
} else {
|
|
65
|
-
t3 = $[10];
|
|
66
|
-
}
|
|
67
|
-
let t4;
|
|
68
|
-
if ($[11] !== className) {
|
|
69
|
-
t4 = clsx.clsx(AvatarToken_module.Token, className);
|
|
70
|
-
$[11] = className;
|
|
71
|
-
$[12] = t4;
|
|
72
|
-
} else {
|
|
73
|
-
t4 = $[12];
|
|
74
|
-
}
|
|
75
|
-
let t5;
|
|
76
|
-
if ($[13] !== forwardedRef || $[14] !== rest || $[15] !== size || $[16] !== t2 || $[17] !== t3 || $[18] !== t4) {
|
|
77
|
-
t5 = /*#__PURE__*/jsxRuntime.jsx(Token, {
|
|
78
|
-
leadingVisual: t2,
|
|
79
|
-
size: size,
|
|
80
|
-
id: t3,
|
|
81
|
-
className: t4,
|
|
82
|
-
...rest,
|
|
83
|
-
ref: forwardedRef
|
|
84
|
-
});
|
|
85
|
-
$[13] = forwardedRef;
|
|
86
|
-
$[14] = rest;
|
|
87
|
-
$[15] = size;
|
|
88
|
-
$[16] = t2;
|
|
89
|
-
$[17] = t3;
|
|
90
|
-
$[18] = t4;
|
|
91
|
-
$[19] = t5;
|
|
92
|
-
} else {
|
|
93
|
-
t5 = $[19];
|
|
94
|
-
}
|
|
95
|
-
return t5;
|
|
96
|
-
});
|
|
97
|
-
AvatarToken.displayName = 'AvatarToken';
|
|
98
|
-
|
|
99
|
-
module.exports = AvatarToken;
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
.prc-AvatarPair-AvatarPair--TX3Y{display:inline-flex;position:relative}.prc-AvatarPair-AvatarPair--TX3Y [data-component=Avatar]:last-child,.prc-AvatarPair-AvatarPair--TX3Y [data-component=SkeletonAvatar]:last-child{bottom:-9%;box-shadow:var(--avatar-shadow,var(--color-avatar-child-shadow));position:absolute;right:-15%}.prc-AvatarPair-AvatarPair--TX3Y [data-component=SkeletonAvatar]:last-child{box-shadow:inset var(--avatar-shadow,var(--color-avatar-child-shadow))}.prc-AvatarPair-AvatarChild-8YokH{background-color:var(--bgColor-default,var(--color-canvas-default))}
|
|
2
|
-
/*# sourceMappingURL=AvatarPair-68990abe.css.map */
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/deprecated/AvatarPair/AvatarPair.module.css"],"names":[],"mappings":"AAAA,iCAEE,mBAAoB,CADpB,iBAcF,CAXE,gJAIE,UAAW,CACX,gEAAgC,CAHhC,iBAAkB,CAClB,UAGF,CAEA,4EACE,sEACF,CAGF,kCACE,mEACF","file":"AvatarPair-68990abe.css","sourcesContent":[".AvatarPair {\n position: relative;\n display: inline-flex;\n\n [data-component='Avatar']:last-child,\n [data-component='SkeletonAvatar']:last-child {\n position: absolute;\n right: -15%;\n bottom: -9%;\n box-shadow: var(--avatar-shadow);\n }\n\n [data-component='SkeletonAvatar']:last-child {\n box-shadow: inset var(--avatar-shadow);\n }\n}\n\n.AvatarChild {\n background-color: var(--bgColor-default);\n}\n"]}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import React, { type HTMLProps } from 'react';
|
|
2
|
-
/**
|
|
3
|
-
* @deprecated AvatarPair is deprecated. Please see https://github.com/github/primer/issues/5533 for migration guidance.
|
|
4
|
-
*/
|
|
5
|
-
export type AvatarPairProps = HTMLProps<HTMLDivElement>;
|
|
6
|
-
/**
|
|
7
|
-
* @deprecated AvatarPair is deprecated. Please see https://github.com/github/primer/issues/5533 for migration guidance.
|
|
8
|
-
*/
|
|
9
|
-
declare const AvatarPair: {
|
|
10
|
-
({ children, className, ...rest }: AvatarPairProps): React.JSX.Element;
|
|
11
|
-
displayName: string;
|
|
12
|
-
};
|
|
13
|
-
export default AvatarPair;
|
|
14
|
-
//# sourceMappingURL=AvatarPair.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AvatarPair.d.ts","sourceRoot":"","sources":["../../../src/deprecated/AvatarPair/AvatarPair.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,KAAK,SAAS,EAAC,MAAM,OAAO,CAAA;AAO3C;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,SAAS,CAAC,cAAc,CAAC,CAAA;AAEvD;;GAEG;AACH,QAAA,MAAM,UAAU;uCAAoC,eAAe;;CAsBlE,CAAA;AAID,eAAe,UAAU,CAAA"}
|
|
@@ -1,95 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var reactCompilerRuntime = require('react-compiler-runtime');
|
|
4
|
-
var React = require('react');
|
|
5
|
-
var AvatarPair_module = require('./AvatarPair.module.css.js');
|
|
6
|
-
var clsx = require('clsx');
|
|
7
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
8
|
-
var SkeletonAvatar = require('../../SkeletonAvatar/SkeletonAvatar.js');
|
|
9
|
-
var Avatar = require('../../Avatar/Avatar.js');
|
|
10
|
-
|
|
11
|
-
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
|
-
|
|
13
|
-
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
14
|
-
|
|
15
|
-
/**
|
|
16
|
-
* @deprecated AvatarPair is deprecated. Please see https://github.com/github/primer/issues/5533 for migration guidance.
|
|
17
|
-
*/
|
|
18
|
-
const AvatarPair = t0 => {
|
|
19
|
-
const $ = reactCompilerRuntime.c(12);
|
|
20
|
-
let children;
|
|
21
|
-
let className;
|
|
22
|
-
let rest;
|
|
23
|
-
if ($[0] !== t0) {
|
|
24
|
-
({
|
|
25
|
-
children,
|
|
26
|
-
className,
|
|
27
|
-
...rest
|
|
28
|
-
} = t0);
|
|
29
|
-
$[0] = t0;
|
|
30
|
-
$[1] = children;
|
|
31
|
-
$[2] = className;
|
|
32
|
-
$[3] = rest;
|
|
33
|
-
} else {
|
|
34
|
-
children = $[1];
|
|
35
|
-
className = $[2];
|
|
36
|
-
rest = $[3];
|
|
37
|
-
}
|
|
38
|
-
let t1;
|
|
39
|
-
if ($[4] !== children) {
|
|
40
|
-
t1 = React__default.default.Children.map(children, _temp);
|
|
41
|
-
$[4] = children;
|
|
42
|
-
$[5] = t1;
|
|
43
|
-
} else {
|
|
44
|
-
t1 = $[5];
|
|
45
|
-
}
|
|
46
|
-
const avatars = t1;
|
|
47
|
-
let t2;
|
|
48
|
-
if ($[6] !== className) {
|
|
49
|
-
t2 = clsx.clsx(className, AvatarPair_module.AvatarPair);
|
|
50
|
-
$[6] = className;
|
|
51
|
-
$[7] = t2;
|
|
52
|
-
} else {
|
|
53
|
-
t2 = $[7];
|
|
54
|
-
}
|
|
55
|
-
let t3;
|
|
56
|
-
if ($[8] !== avatars || $[9] !== rest || $[10] !== t2) {
|
|
57
|
-
t3 = /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
58
|
-
className: t2,
|
|
59
|
-
...rest,
|
|
60
|
-
children: avatars
|
|
61
|
-
});
|
|
62
|
-
$[8] = avatars;
|
|
63
|
-
$[9] = rest;
|
|
64
|
-
$[10] = t2;
|
|
65
|
-
$[11] = t3;
|
|
66
|
-
} else {
|
|
67
|
-
t3 = $[11];
|
|
68
|
-
}
|
|
69
|
-
return t3;
|
|
70
|
-
};
|
|
71
|
-
AvatarPair.displayName = 'AvatarPair';
|
|
72
|
-
function _temp(child, i) {
|
|
73
|
-
if (! /*#__PURE__*/React__default.default.isValidElement(child)) {
|
|
74
|
-
return child;
|
|
75
|
-
}
|
|
76
|
-
if (i === 0) {
|
|
77
|
-
return /*#__PURE__*/React__default.default.cloneElement(child, {
|
|
78
|
-
size: 40
|
|
79
|
-
});
|
|
80
|
-
}
|
|
81
|
-
if (child.type === SkeletonAvatar.SkeletonAvatar) {
|
|
82
|
-
return /*#__PURE__*/jsxRuntime.jsx(SkeletonAvatar.SkeletonAvatar, {
|
|
83
|
-
...child.props,
|
|
84
|
-
size: 20
|
|
85
|
-
});
|
|
86
|
-
}
|
|
87
|
-
return /*#__PURE__*/jsxRuntime.jsx(Avatar.default, {
|
|
88
|
-
className: clsx.clsx(child.props.className, AvatarPair_module.AvatarChild),
|
|
89
|
-
...child.props,
|
|
90
|
-
size: 20
|
|
91
|
-
});
|
|
92
|
-
}
|
|
93
|
-
_temp.displayName = "_temp";
|
|
94
|
-
|
|
95
|
-
module.exports = AvatarPair;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/deprecated/AvatarPair/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,cAAc,CAAA;AACpC,YAAY,EAAC,eAAe,EAAC,MAAM,cAAc,CAAA"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
.prc-FilteredActionList-Container-2A9NQ{display:flex;flex-grow:1;height:100%;overflow:auto}.prc-FilteredActionList-ActionListItem-39lnB:focus{background:var(--control-transparent-bgColor-selected,var(--color-action-list-item-default-selected-bg))}.prc-FilteredActionList-ActionListItem-39lnB:focus:after{background:var(--borderColor-accent-emphasis,var(--color-accent-emphasis));border-radius:var(--borderRadius-medium,.375rem);content:"";height:var(--base-size-24,1.5rem);left:calc(var(--base-size-8,.5rem)*-1);position:absolute;top:calc(50% - var(--base-size-12,.75rem));width:var(--base-size-4,.25rem)}.prc-FilteredActionList-ActionListItem-39lnB:where([data-input-focused]):where([data-first-child]){background:var(--control-transparent-bgColor-selected,var(--color-action-list-item-default-selected-bg))}.prc-FilteredActionList-ActionListItem-39lnB:where([data-input-focused]):where([data-first-child]):after{background:var(--borderColor-accent-emphasis,var(--color-accent-emphasis));border-radius:var(--borderRadius-medium,.375rem);content:"";height:var(--base-size-24,1.5rem);left:calc(var(--base-size-8,.5rem)*-1);position:absolute;top:calc(50% - var(--base-size-12,.75rem));width:var(--base-size-4,.25rem)}@media screen and (max-width:calc(48rem - 0.02px)){@supports (-webkit-touch-callout:none){.prc-FilteredActionList-FullScreenTextInput-rCAiq{font-size:var(--text-title-size-small,1rem)}}}.prc-FilteredActionList-SelectAllContainer-w5otq{align-items:center;background:var(--bgColor-muted,var(--color-canvas-subtle));border-bottom:var(--borderWidth-thin,.0625rem) solid var(--borderColor-default,var(--color-border-default));display:flex;padding-block:var(--base-size-4,.25rem);padding-inline:var(--base-size-16,1rem)}.prc-FilteredActionList-SelectAllCheckbox-dq2yL{margin:var(--base-size-4,.25rem) var(--base-size-8,.5rem) calc(var(--base-size-4,.25rem) - 1px) 0}.prc-FilteredActionList-SelectAllLabel-l34LA{color:var(--fgColor-muted,var(--color-fg-muted));font-size:var(--text-body-size-medium,.875rem)}
|
|
2
|
-
/*# sourceMappingURL=FilteredActionList-d1d6d026.css.map */
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/FilteredActionList/FilteredActionList.module.css","../../postcss-preset-primer/src/mixins/activeIndicatorLine.css"],"names":[],"mappings":"AAAA,wCACE,YAAa,CAGb,WAAY,CAFZ,WAAY,CACZ,aAEF,CAEA,mDACE,wGAKF,CAHE,yDCFA,0EAA8C,CAC9C,gDAAyC,CAHzC,UAAW,CADX,iCAA2B,CAF3B,sCAAmC,CAFnC,iBAAkB,CAClB,0CAAoC,CAEpC,+BDQA,CAGF,mGACE,wGAKF,CAHE,yGCVA,0EAA8C,CAC9C,gDAAyC,CAHzC,UAAW,CADX,iCAA2B,CAF3B,sCAAmC,CAFnC,iBAAkB,CAClB,0CAAoC,CAEpC,+BDgBA,CAIA,mDAEE,uCAHJ,kDAIM,2CAGN,CAFI,CACF,CAGF,iDAEE,kBAAmB,CAGnB,0DAAgC,CAChC,2GAAuE,CALvE,YAAa,CAEb,uCAAiC,CACjC,uCAGF,CAEA,gDAGE,iGACF,CAEA,6CAEE,gDAA2B,CAD3B,8CAEF","file":"FilteredActionList-d1d6d026.css","sourcesContent":[".Container {\n display: flex;\n height: 100%;\n overflow: auto;\n flex-grow: 1;\n}\n\n.ActionListItem:focus {\n background: var(--control-transparent-bgColor-selected);\n\n &::after {\n @mixin activeIndicatorLine;\n }\n}\n\n.ActionListItem:where([data-input-focused]):where([data-first-child]) {\n background: var(--control-transparent-bgColor-selected);\n\n &::after {\n @mixin activeIndicatorLine;\n }\n}\n\n.FullScreenTextInput {\n @media screen and (--viewportRange-narrow) {\n /* Ensures inputs don't zoom on mobile iPhone but are body-font size on iPad */\n @supports (-webkit-touch-callout: none) {\n font-size: var(--text-title-size-small);\n }\n }\n}\n\n.SelectAllContainer {\n display: flex;\n align-items: center;\n padding-block: var(--base-size-4);\n padding-inline: var(--base-size-16);\n background: var(--bgColor-muted);\n border-bottom: var(--borderWidth-thin) solid var(--borderColor-default);\n}\n\n.SelectAllCheckbox {\n /* -1px hack to offset 1px border-bottom causing uneven alignment */\n /* stylelint-disable-next-line primer/spacing */\n margin: var(--base-size-4) var(--base-size-8) calc(var(--base-size-4) - 1px) 0;\n}\n\n.SelectAllLabel {\n font-size: var(--text-body-size-medium);\n color: var(--fgColor-muted);\n}\n","@define-mixin activeIndicatorLine {\n position: absolute;\n top: calc(50% - var(--base-size-12));\n left: calc(-1 * var(--base-size-8));\n width: var(--base-size-4);\n height: var(--base-size-24);\n content: '';\n /* stylelint-disable-next-line primer/colors */\n background: var(--borderColor-accent-emphasis);\n border-radius: var(--borderRadius-medium);\n}\n"]}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
:root{--spacing:calc(var(--base-size-4,0.25rem)*2)}.prc-Token-AvatarContainer-dBasr{display:block}.prc-Token-Avatar-A1uRI{height:100%;width:100%}.prc-Token-Token-8GtFN{padding-left:var(--base-size-4,.25rem)!important}.prc-Token-AvatarContainer-dBasr:where([data-size=small]){height:calc(16px - var(--spacing));width:calc(16px - var(--spacing))}.prc-Token-AvatarContainer-dBasr:where([data-size=medium]){height:calc(20px - var(--spacing));width:calc(20px - var(--spacing))}.prc-Token-AvatarContainer-dBasr:where([data-size=large]){height:calc(24px - var(--spacing));width:calc(24px - var(--spacing))}.prc-Token-AvatarContainer-dBasr:where([data-size=xlarge]){height:calc(32px - var(--spacing));width:calc(32px - var(--spacing))}
|
|
2
|
-
/*# sourceMappingURL=AvatarToken-ff45cc85.css.map */
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/Token/AvatarToken.module.css"],"names":[],"mappings":"AAAA,MACE,4CACF,CAEA,iCACE,aACF,CAEA,wBAEE,WAAY,CADZ,UAEF,CAEA,uBACE,gDACF,CAEA,0DAEE,kCAAmC,CADnC,iCAEF,CAEA,2DAEE,kCAAmC,CADnC,iCAEF,CAEA,0DAEE,kCAAmC,CADnC,iCAEF,CAEA,2DAEE,kCAAmC,CADnC,iCAEF","file":"AvatarToken-ff45cc85.css","sourcesContent":[":root {\n --spacing: calc(var(--base-size-4) * 2);\n}\n\n.AvatarContainer {\n display: block;\n}\n\n.Avatar {\n width: 100%;\n height: 100%;\n}\n\n.Token {\n padding-left: var(--base-size-4) !important;\n}\n\n.AvatarContainer:where([data-size='small']) {\n width: calc(16px - var(--spacing));\n height: calc(16px - var(--spacing));\n}\n\n.AvatarContainer:where([data-size='medium']) {\n width: calc(20px - var(--spacing));\n height: calc(20px - var(--spacing));\n}\n\n.AvatarContainer:where([data-size='large']) {\n width: calc(24px - var(--spacing));\n height: calc(24px - var(--spacing));\n}\n\n.AvatarContainer:where([data-size='xlarge']) {\n width: calc(32px - var(--spacing));\n height: calc(32px - var(--spacing));\n}\n"]}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import type { TokenBaseProps } from './TokenBase';
|
|
2
|
-
import type { ForwardRefComponent as PolymorphicForwardRefComponent } from '../utils/polymorphic';
|
|
3
|
-
export interface AvatarTokenProps extends TokenBaseProps {
|
|
4
|
-
avatarSrc: string;
|
|
5
|
-
}
|
|
6
|
-
declare const AvatarToken: PolymorphicForwardRefComponent<"span" | "a" | "button", AvatarTokenProps>;
|
|
7
|
-
export default AvatarToken;
|
|
8
|
-
//# sourceMappingURL=AvatarToken.d.ts.map
|
|
@@ -1,97 +0,0 @@
|
|
|
1
|
-
import { c } from 'react-compiler-runtime';
|
|
2
|
-
import { forwardRef } from 'react';
|
|
3
|
-
import { defaultTokenSize, tokenSizes } from './TokenBase.js';
|
|
4
|
-
import Token from './Token.js';
|
|
5
|
-
import classes from './AvatarToken.module.css.js';
|
|
6
|
-
import { clsx } from 'clsx';
|
|
7
|
-
import { jsx } from 'react/jsx-runtime';
|
|
8
|
-
import Avatar from '../Avatar/Avatar.js';
|
|
9
|
-
|
|
10
|
-
const AvatarToken = /*#__PURE__*/forwardRef((t0, forwardedRef) => {
|
|
11
|
-
const $ = c(20);
|
|
12
|
-
let avatarSrc;
|
|
13
|
-
let className;
|
|
14
|
-
let id;
|
|
15
|
-
let rest;
|
|
16
|
-
let t1;
|
|
17
|
-
if ($[0] !== t0) {
|
|
18
|
-
({
|
|
19
|
-
avatarSrc,
|
|
20
|
-
id,
|
|
21
|
-
size: t1,
|
|
22
|
-
className,
|
|
23
|
-
...rest
|
|
24
|
-
} = t0);
|
|
25
|
-
$[0] = t0;
|
|
26
|
-
$[1] = avatarSrc;
|
|
27
|
-
$[2] = className;
|
|
28
|
-
$[3] = id;
|
|
29
|
-
$[4] = rest;
|
|
30
|
-
$[5] = t1;
|
|
31
|
-
} else {
|
|
32
|
-
avatarSrc = $[1];
|
|
33
|
-
className = $[2];
|
|
34
|
-
id = $[3];
|
|
35
|
-
rest = $[4];
|
|
36
|
-
t1 = $[5];
|
|
37
|
-
}
|
|
38
|
-
const size = t1 === undefined ? defaultTokenSize : t1;
|
|
39
|
-
let t2;
|
|
40
|
-
if ($[6] !== avatarSrc || $[7] !== size) {
|
|
41
|
-
t2 = () => /*#__PURE__*/jsx("span", {
|
|
42
|
-
className: classes.AvatarContainer,
|
|
43
|
-
"data-size": size,
|
|
44
|
-
children: /*#__PURE__*/jsx(Avatar, {
|
|
45
|
-
src: avatarSrc,
|
|
46
|
-
size: parseInt(tokenSizes[size], 10),
|
|
47
|
-
className: classes.Avatar
|
|
48
|
-
})
|
|
49
|
-
});
|
|
50
|
-
$[6] = avatarSrc;
|
|
51
|
-
$[7] = size;
|
|
52
|
-
$[8] = t2;
|
|
53
|
-
} else {
|
|
54
|
-
t2 = $[8];
|
|
55
|
-
}
|
|
56
|
-
let t3;
|
|
57
|
-
if ($[9] !== id) {
|
|
58
|
-
var _id;
|
|
59
|
-
t3 = (_id = id) === null || _id === void 0 ? void 0 : _id.toString();
|
|
60
|
-
$[9] = id;
|
|
61
|
-
$[10] = t3;
|
|
62
|
-
} else {
|
|
63
|
-
t3 = $[10];
|
|
64
|
-
}
|
|
65
|
-
let t4;
|
|
66
|
-
if ($[11] !== className) {
|
|
67
|
-
t4 = clsx(classes.Token, className);
|
|
68
|
-
$[11] = className;
|
|
69
|
-
$[12] = t4;
|
|
70
|
-
} else {
|
|
71
|
-
t4 = $[12];
|
|
72
|
-
}
|
|
73
|
-
let t5;
|
|
74
|
-
if ($[13] !== forwardedRef || $[14] !== rest || $[15] !== size || $[16] !== t2 || $[17] !== t3 || $[18] !== t4) {
|
|
75
|
-
t5 = /*#__PURE__*/jsx(Token, {
|
|
76
|
-
leadingVisual: t2,
|
|
77
|
-
size: size,
|
|
78
|
-
id: t3,
|
|
79
|
-
className: t4,
|
|
80
|
-
...rest,
|
|
81
|
-
ref: forwardedRef
|
|
82
|
-
});
|
|
83
|
-
$[13] = forwardedRef;
|
|
84
|
-
$[14] = rest;
|
|
85
|
-
$[15] = size;
|
|
86
|
-
$[16] = t2;
|
|
87
|
-
$[17] = t3;
|
|
88
|
-
$[18] = t4;
|
|
89
|
-
$[19] = t5;
|
|
90
|
-
} else {
|
|
91
|
-
t5 = $[19];
|
|
92
|
-
}
|
|
93
|
-
return t5;
|
|
94
|
-
});
|
|
95
|
-
AvatarToken.displayName = 'AvatarToken';
|
|
96
|
-
|
|
97
|
-
export { AvatarToken as default };
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
.prc-AvatarPair-AvatarPair--TX3Y{display:inline-flex;position:relative}.prc-AvatarPair-AvatarPair--TX3Y [data-component=Avatar]:last-child,.prc-AvatarPair-AvatarPair--TX3Y [data-component=SkeletonAvatar]:last-child{bottom:-9%;box-shadow:var(--avatar-shadow,var(--color-avatar-child-shadow));position:absolute;right:-15%}.prc-AvatarPair-AvatarPair--TX3Y [data-component=SkeletonAvatar]:last-child{box-shadow:inset var(--avatar-shadow,var(--color-avatar-child-shadow))}.prc-AvatarPair-AvatarChild-8YokH{background-color:var(--bgColor-default,var(--color-canvas-default))}
|
|
2
|
-
/*# sourceMappingURL=AvatarPair-68990abe.css.map */
|