@primer/react 37.32.0-rc.f8e94f384 → 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 +36 -1
- 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 +162 -125
- package/generated/components.json +87 -200
- package/lib/Autocomplete/AutocompleteMenu.js +7 -7
- package/lib/CircleOcticon/CircleOcticon.d.ts +3 -0
- package/lib/CircleOcticon/CircleOcticon.d.ts.map +1 -1
- package/lib/CircleOcticon/CircleOcticon.js +3 -0
- package/lib/ConfirmationDialog/ConfirmationDialog.d.ts +8 -0
- package/lib/ConfirmationDialog/ConfirmationDialog.d.ts.map +1 -1
- package/lib/ConfirmationDialog/ConfirmationDialog.js +6 -2
- 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/ProgressBar/ProgressBar-a0957632.css +2 -0
- package/lib/ProgressBar/ProgressBar-a0957632.css.map +1 -0
- package/lib/ProgressBar/ProgressBar.d.ts.map +1 -1
- package/lib/ProgressBar/ProgressBar.js +53 -49
- package/lib/ProgressBar/ProgressBar.module.css.js +1 -1
- package/lib/Radio/{Radio-b2a92b7d.css → Radio-df9a5c02.css} +2 -2
- package/lib/Radio/{Radio-b2a92b7d.css.map → Radio-df9a5c02.css.map} +1 -1
- package/lib/Radio/Radio.module.css.js +1 -1
- package/lib/Select/Select.js +61 -53
- package/lib/SelectPanel/SelectPanel.js +2 -2
- 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/SubNav/SubNav.d.ts +8 -16
- package/lib/SubNav/SubNav.d.ts.map +1 -1
- package/lib/SubNav/SubNav.js +3 -6
- 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/Autocomplete/AutocompleteMenu.js +1 -1
- package/lib-esm/CircleOcticon/CircleOcticon.d.ts +3 -0
- package/lib-esm/CircleOcticon/CircleOcticon.js +3 -0
- package/lib-esm/ConfirmationDialog/ConfirmationDialog.d.ts +8 -0
- package/lib-esm/ConfirmationDialog/ConfirmationDialog.js +6 -2
- 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/ProgressBar/ProgressBar-a0957632.css +2 -0
- package/lib-esm/ProgressBar/ProgressBar-a0957632.css.map +1 -0
- package/lib-esm/ProgressBar/ProgressBar.js +53 -49
- package/lib-esm/ProgressBar/ProgressBar.module.css.js +1 -1
- package/lib-esm/Radio/{Radio-b2a92b7d.css → Radio-df9a5c02.css} +2 -2
- package/lib-esm/Radio/{Radio-b2a92b7d.css.map → Radio-df9a5c02.css.map} +1 -1
- package/lib-esm/Radio/Radio.module.css.js +1 -1
- package/lib-esm/Select/Select.js +61 -53
- package/lib-esm/SelectPanel/SelectPanel.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/SubNav/SubNav.d.ts +8 -16
- package/lib-esm/SubNav/SubNav.js +3 -6
- 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 +13 -14
- 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/ProgressBar/ProgressBar-430cdef7.css +0 -2
- package/lib/ProgressBar/ProgressBar-430cdef7.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/node_modules/@github/mini-throttle/dist/index.js +0 -43
- package/lib-esm/FilteredActionList/FilteredActionList-d1d6d026.css +0 -2
- package/lib-esm/FilteredActionList/FilteredActionList-d1d6d026.css.map +0 -1
- package/lib-esm/ProgressBar/ProgressBar-430cdef7.css +0 -2
- package/lib-esm/ProgressBar/ProgressBar-430cdef7.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-esm/node_modules/@github/mini-throttle/dist/index.js +0 -40
- /package/lib/{Caret.js → internal/components/Caret.js} +0 -0
- /package/lib-esm/{Caret.js → internal/components/Caret.js} +0 -0
|
@@ -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": "
|
|
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",
|
|
@@ -82,8 +82,9 @@
|
|
|
82
82
|
"npm": ">=7"
|
|
83
83
|
},
|
|
84
84
|
"dependencies": {
|
|
85
|
+
"@github/mini-throttle": "^2.1.1",
|
|
85
86
|
"@github/relative-time-element": "^4.4.5",
|
|
86
|
-
"@github/tab-container-element": "4.8.2",
|
|
87
|
+
"@github/tab-container-element": "^4.8.2",
|
|
87
88
|
"@lit-labs/react": "1.2.1",
|
|
88
89
|
"@oddbird/popover-polyfill": "^0.5.2",
|
|
89
90
|
"@primer/behaviors": "^1.8.0",
|
|
@@ -110,9 +111,9 @@
|
|
|
110
111
|
},
|
|
111
112
|
"devDependencies": {
|
|
112
113
|
"@actions/core": "1.11.1",
|
|
113
|
-
"@babel/cli": "7.28.
|
|
114
|
-
"@babel/core": "7.28.
|
|
115
|
-
"@babel/parser": "7.28.
|
|
114
|
+
"@babel/cli": "7.28.3",
|
|
115
|
+
"@babel/core": "7.28.3",
|
|
116
|
+
"@babel/parser": "7.28.3",
|
|
116
117
|
"@babel/plugin-proposal-nullish-coalescing-operator": "7.18.6",
|
|
117
118
|
"@babel/plugin-proposal-optional-chaining": "7.21.0",
|
|
118
119
|
"@babel/plugin-transform-modules-commonjs": "7.27.1",
|
|
@@ -128,11 +129,11 @@
|
|
|
128
129
|
"@rollup/plugin-terser": "0.4.4",
|
|
129
130
|
"@rollup/plugin-typescript": "12.1.4",
|
|
130
131
|
"@rollup/plugin-virtual": "3.0.2",
|
|
131
|
-
"@storybook/addon-a11y": "^9.1.
|
|
132
|
-
"@storybook/addon-docs": "^9.1.
|
|
133
|
-
"@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",
|
|
134
135
|
"@storybook/icons": "^1.4.0",
|
|
135
|
-
"@storybook/react-vite": "^9.1.
|
|
136
|
+
"@storybook/react-vite": "^9.1.2",
|
|
136
137
|
"@testing-library/dom": "^10.4.0",
|
|
137
138
|
"@testing-library/jest-dom": "^6.4.5",
|
|
138
139
|
"@testing-library/react": "^16.3.0",
|
|
@@ -147,7 +148,6 @@
|
|
|
147
148
|
"@types/react-dom": "18.3.1",
|
|
148
149
|
"@types/react-is": "18.3.1",
|
|
149
150
|
"@types/react-test-renderer": "18.3.1",
|
|
150
|
-
"@types/semver": "7.7.0",
|
|
151
151
|
"@types/styled-components": "^5.1.26",
|
|
152
152
|
"@vitejs/plugin-react": "^4.3.3",
|
|
153
153
|
"afterframe": "^1.0.2",
|
|
@@ -188,18 +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
|
-
"
|
|
196
|
-
"storybook": "^9.1.0",
|
|
195
|
+
"storybook": "^9.1.2",
|
|
197
196
|
"styled-components": "5.3.11",
|
|
198
197
|
"terser": "5.36.0",
|
|
199
198
|
"ts-toolbelt": "9.6.0",
|
|
200
199
|
"tsx": "4.20.3",
|
|
201
200
|
"typed-css-modules": "^0.9.1",
|
|
202
|
-
"typescript": "^5.
|
|
201
|
+
"typescript": "^5.9.2",
|
|
203
202
|
"typescript-plugin-css-modules": "^5.2.0",
|
|
204
203
|
"unist-util-find": "3.0.0",
|
|
205
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
|
-
@keyframes prc-ProgressBar-shimmer-i1RxN{0%{mask-position:200%}to{mask-position:0}}.prc-ProgressBar-ProgressBarItem-stL6O{background-color:var(--progress-bg);width:var(--progress-width)}@media (prefers-reduced-motion:no-preference){.prc-ProgressBar-ProgressBarItem-stL6O[data-animated=true]{animation-duration:1s;animation-iteration-count:infinite;animation-name:prc-ProgressBar-shimmer-i1RxN;mask-image:linear-gradient(75deg,#000 30%,rgba(0,0,0,.65) 80%);mask-size:200%}}.prc-ProgressBar-ProgressBarContainer-E-z8S{background-color:var(--borderColor-default,var(--color-border-default));border-radius:var(--borderRadius-small,.1875rem);display:flex;gap:2px;overflow:hidden}.prc-ProgressBar-ProgressBarContainer-E-z8S:where([data-progress-display=inline]){display:inline-flex}.prc-ProgressBar-ProgressBarContainer-E-z8S:where([data-progress-bar-size=default]){height:8px}.prc-ProgressBar-ProgressBarContainer-E-z8S:where([data-progress-bar-size=small]){height:5px}.prc-ProgressBar-ProgressBarContainer-E-z8S:where([data-progress-bar-size=large]){height:10px}
|
|
2
|
-
/*# sourceMappingURL=ProgressBar-430cdef7.css.map */
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/ProgressBar/ProgressBar.module.css"],"names":[],"mappings":"AAAA,yCACE,GACE,kBACF,CAEA,GACE,eACF,CACF,CAEA,uCAGE,mCAAoC,CAFpC,2BAaF,CATE,8CACE,2DAIE,qBAAsB,CACtB,kCAAmC,CAFnC,4CAAuB,CAFvB,8DAAqE,CACrE,cAIF,CACF,CAGF,4CAIE,uEAA4C,CAC5C,gDAAwC,CAJxC,YAAa,CAKb,OAAQ,CAJR,eAqBF,CAfE,kFACE,mBACF,CAEA,oFACE,UACF,CAEA,kFACE,UACF,CAEA,kFACE,WACF","file":"ProgressBar-430cdef7.css","sourcesContent":["@keyframes shimmer {\n from {\n mask-position: 200%;\n }\n\n to {\n mask-position: 0%;\n }\n}\n\n.ProgressBarItem {\n width: var(--progress-width);\n /* stylelint-disable-next-line primer/colors */\n background-color: var(--progress-bg);\n\n @media (prefers-reduced-motion: no-preference) {\n &[data-animated='true'] {\n mask-image: linear-gradient(75deg, #000 30%, rgba(0, 0, 0, 0.65) 80%);\n mask-size: 200%;\n animation-name: shimmer;\n animation-duration: 1s;\n animation-iteration-count: infinite;\n }\n }\n}\n\n.ProgressBarContainer {\n display: flex;\n overflow: hidden;\n /* stylelint-disable-next-line primer/colors */\n background-color: var(--borderColor-default);\n border-radius: var(--borderRadius-small);\n gap: 2px;\n\n &:where([data-progress-display='inline']) {\n display: inline-flex;\n }\n\n &:where([data-progress-bar-size='default']) {\n height: 8px;\n }\n\n &:where([data-progress-bar-size='small']) {\n height: 5px;\n }\n\n &:where([data-progress-bar-size='large']) {\n height: 10px;\n }\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,43 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
function throttle(callback, wait = 0, { start = true, middle = true, once = false } = {}) {
|
|
4
|
-
let innerStart = start;
|
|
5
|
-
let last = 0;
|
|
6
|
-
let timer;
|
|
7
|
-
let cancelled = false;
|
|
8
|
-
function fn(...args) {
|
|
9
|
-
if (cancelled)
|
|
10
|
-
return;
|
|
11
|
-
const delta = Date.now() - last;
|
|
12
|
-
last = Date.now();
|
|
13
|
-
if (start && middle && delta >= wait) {
|
|
14
|
-
innerStart = true;
|
|
15
|
-
}
|
|
16
|
-
if (innerStart) {
|
|
17
|
-
innerStart = false;
|
|
18
|
-
callback.apply(this, args);
|
|
19
|
-
if (once)
|
|
20
|
-
fn.cancel();
|
|
21
|
-
}
|
|
22
|
-
else if ((middle && delta < wait) || !middle) {
|
|
23
|
-
clearTimeout(timer);
|
|
24
|
-
timer = setTimeout(() => {
|
|
25
|
-
last = Date.now();
|
|
26
|
-
callback.apply(this, args);
|
|
27
|
-
if (once)
|
|
28
|
-
fn.cancel();
|
|
29
|
-
}, !middle ? wait : wait - delta);
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
fn.cancel = () => {
|
|
33
|
-
clearTimeout(timer);
|
|
34
|
-
cancelled = true;
|
|
35
|
-
};
|
|
36
|
-
return fn;
|
|
37
|
-
}
|
|
38
|
-
function debounce(callback, wait = 0, { start = false, middle = false, once = false } = {}) {
|
|
39
|
-
return throttle(callback, wait, { start, middle, once });
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
exports.debounce = debounce;
|
|
43
|
-
exports.throttle = throttle;
|
|
@@ -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
|
-
@keyframes prc-ProgressBar-shimmer-i1RxN{0%{mask-position:200%}to{mask-position:0}}.prc-ProgressBar-ProgressBarItem-stL6O{background-color:var(--progress-bg);width:var(--progress-width)}@media (prefers-reduced-motion:no-preference){.prc-ProgressBar-ProgressBarItem-stL6O[data-animated=true]{animation-duration:1s;animation-iteration-count:infinite;animation-name:prc-ProgressBar-shimmer-i1RxN;mask-image:linear-gradient(75deg,#000 30%,rgba(0,0,0,.65) 80%);mask-size:200%}}.prc-ProgressBar-ProgressBarContainer-E-z8S{background-color:var(--borderColor-default,var(--color-border-default));border-radius:var(--borderRadius-small,.1875rem);display:flex;gap:2px;overflow:hidden}.prc-ProgressBar-ProgressBarContainer-E-z8S:where([data-progress-display=inline]){display:inline-flex}.prc-ProgressBar-ProgressBarContainer-E-z8S:where([data-progress-bar-size=default]){height:8px}.prc-ProgressBar-ProgressBarContainer-E-z8S:where([data-progress-bar-size=small]){height:5px}.prc-ProgressBar-ProgressBarContainer-E-z8S:where([data-progress-bar-size=large]){height:10px}
|
|
2
|
-
/*# sourceMappingURL=ProgressBar-430cdef7.css.map */
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/ProgressBar/ProgressBar.module.css"],"names":[],"mappings":"AAAA,yCACE,GACE,kBACF,CAEA,GACE,eACF,CACF,CAEA,uCAGE,mCAAoC,CAFpC,2BAaF,CATE,8CACE,2DAIE,qBAAsB,CACtB,kCAAmC,CAFnC,4CAAuB,CAFvB,8DAAqE,CACrE,cAIF,CACF,CAGF,4CAIE,uEAA4C,CAC5C,gDAAwC,CAJxC,YAAa,CAKb,OAAQ,CAJR,eAqBF,CAfE,kFACE,mBACF,CAEA,oFACE,UACF,CAEA,kFACE,UACF,CAEA,kFACE,WACF","file":"ProgressBar-430cdef7.css","sourcesContent":["@keyframes shimmer {\n from {\n mask-position: 200%;\n }\n\n to {\n mask-position: 0%;\n }\n}\n\n.ProgressBarItem {\n width: var(--progress-width);\n /* stylelint-disable-next-line primer/colors */\n background-color: var(--progress-bg);\n\n @media (prefers-reduced-motion: no-preference) {\n &[data-animated='true'] {\n mask-image: linear-gradient(75deg, #000 30%, rgba(0, 0, 0, 0.65) 80%);\n mask-size: 200%;\n animation-name: shimmer;\n animation-duration: 1s;\n animation-iteration-count: infinite;\n }\n }\n}\n\n.ProgressBarContainer {\n display: flex;\n overflow: hidden;\n /* stylelint-disable-next-line primer/colors */\n background-color: var(--borderColor-default);\n border-radius: var(--borderRadius-small);\n gap: 2px;\n\n &:where([data-progress-display='inline']) {\n display: inline-flex;\n }\n\n &:where([data-progress-bar-size='default']) {\n height: 8px;\n }\n\n &:where([data-progress-bar-size='small']) {\n height: 5px;\n }\n\n &:where([data-progress-bar-size='large']) {\n height: 10px;\n }\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
|