@primer/styled-react 1.0.8 → 1.0.9-rc.98bb12ac8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components.json +2 -40
- package/dist/index.d.ts +0 -189
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +0 -14
- package/package.json +2 -10
- package/dist/components/ActionList.d.ts +0 -44
- package/dist/components/ActionList.d.ts.map +0 -1
- package/dist/components/ActionList.js +0 -163
- package/dist/components/Box.d.ts +0 -19
- package/dist/components/Box.d.ts.map +0 -1
- package/dist/components/Box.js +0 -15
- package/dist/components/Button.d.ts +0 -12
- package/dist/components/Button.d.ts.map +0 -1
- package/dist/components/Button.js +0 -112
- package/dist/components/Button.stories.d.ts +0 -8
- package/dist/components/Button.stories.d.ts.map +0 -1
- package/dist/components/Dialog.d.ts +0 -30
- package/dist/components/Dialog.d.ts.map +0 -1
- package/dist/components/Dialog.js +0 -90
- package/dist/components/Flash.d.ts +0 -8
- package/dist/components/Flash.d.ts.map +0 -1
- package/dist/components/Flash.js +0 -12
- package/dist/components/Heading.d.ts +0 -8
- package/dist/components/Heading.d.ts.map +0 -1
- package/dist/components/Heading.js +0 -12
- package/dist/components/IconButton.d.ts +0 -10
- package/dist/components/IconButton.d.ts.map +0 -1
- package/dist/components/IconButton.js +0 -40
- package/dist/components/Label.d.ts +0 -9
- package/dist/components/Label.d.ts.map +0 -1
- package/dist/components/Label.js +0 -26
- package/dist/components/Link.d.ts +0 -7
- package/dist/components/Link.d.ts.map +0 -1
- package/dist/components/Link.js +0 -26
- package/dist/components/Spinner.d.ts +0 -5
- package/dist/components/Spinner.d.ts.map +0 -1
- package/dist/components/Spinner.js +0 -12
- package/dist/components/Text.d.ts +0 -15
- package/dist/components/Text.d.ts.map +0 -1
- package/dist/components/Text.js +0 -26
- package/dist/components/TextInput.d.ts +0 -15
- package/dist/components/TextInput.d.ts.map +0 -1
- package/dist/components/TextInput.js +0 -38
- package/dist/components/ToggleSwitch.d.ts +0 -6
- package/dist/components/ToggleSwitch.d.ts.map +0 -1
- package/dist/components/ToggleSwitch.js +0 -14
- package/dist/components/UnderlineNav.d.ts +0 -11
- package/dist/components/UnderlineNav.d.ts.map +0 -1
- package/dist/components/UnderlineNav.js +0 -45
- package/dist/components/deprecated/ActionList.d.ts +0 -23
- package/dist/components/deprecated/ActionList.d.ts.map +0 -1
- package/dist/components/deprecated/ActionList.js +0 -49
- package/dist/components/deprecated/DialogV1.d.ts +0 -11
- package/dist/components/deprecated/DialogV1.d.ts.map +0 -1
- package/dist/components/deprecated/DialogV1.js +0 -44
- package/dist/components/deprecated/Octicon.d.ts +0 -17
- package/dist/components/deprecated/Octicon.d.ts.map +0 -1
- package/dist/components/deprecated/Octicon.js +0 -39
- package/dist/deprecated.d.ts +0 -49
- package/dist/deprecated.d.ts.map +0 -1
- package/dist/deprecated.js +0 -3
- package/dist/experimental.d.ts +0 -12
- package/dist/experimental.d.ts.map +0 -1
- package/dist/experimental.js +0 -1
package/dist/components.json
CHANGED
|
@@ -1,51 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"components": [
|
|
3
|
-
"ActionList",
|
|
4
3
|
"BaseStyles",
|
|
5
|
-
"
|
|
6
|
-
"Button",
|
|
7
|
-
"Dialog",
|
|
8
|
-
"Flash",
|
|
9
|
-
"Heading",
|
|
10
|
-
"IconButton",
|
|
11
|
-
"Label",
|
|
12
|
-
"Link",
|
|
13
|
-
"Octicon",
|
|
14
|
-
"Spinner",
|
|
15
|
-
"Text",
|
|
16
|
-
"TextInput",
|
|
17
|
-
"ThemeProvider",
|
|
18
|
-
"ToggleSwitch",
|
|
19
|
-
"UnderlineNav"
|
|
4
|
+
"ThemeProvider"
|
|
20
5
|
],
|
|
21
6
|
"types": [
|
|
22
|
-
"ActionListDividerProps",
|
|
23
|
-
"ActionListGroupProps",
|
|
24
|
-
"ActionListItemProps",
|
|
25
|
-
"ActionListLeadingVisualProps",
|
|
26
|
-
"ActionListLinkItemProps",
|
|
27
|
-
"ActionListProps",
|
|
28
|
-
"ActionListTrailingActionProps",
|
|
29
|
-
"ActionListTrailingVisualProps",
|
|
30
7
|
"BaseStylesProps",
|
|
31
8
|
"BetterSystemStyleObject",
|
|
32
|
-
"BoxProps",
|
|
33
|
-
"ButtonProps",
|
|
34
|
-
"DialogHeaderProps",
|
|
35
|
-
"DialogProps",
|
|
36
|
-
"IconButtonProps",
|
|
37
|
-
"LabelProps",
|
|
38
|
-
"LinkProps",
|
|
39
|
-
"OcticonProps",
|
|
40
|
-
"SpinnerProps",
|
|
41
9
|
"SxProp",
|
|
42
|
-
"
|
|
43
|
-
"TextInputProps",
|
|
44
|
-
"TextProps",
|
|
45
|
-
"ThemeProviderProps",
|
|
46
|
-
"ToggleSwitchProps",
|
|
47
|
-
"UnderlineNavItemProps",
|
|
48
|
-
"UnderlineNavProps"
|
|
10
|
+
"ThemeProviderProps"
|
|
49
11
|
],
|
|
50
12
|
"utilities": [
|
|
51
13
|
"merge",
|
package/dist/index.d.ts
CHANGED
|
@@ -1,15 +1,4 @@
|
|
|
1
1
|
export {
|
|
2
|
-
/**
|
|
3
|
-
* @deprecated This component is no longer supported. Prefer using CSS Modules
|
|
4
|
-
* instead.
|
|
5
|
-
*/
|
|
6
|
-
Box,
|
|
7
|
-
/**
|
|
8
|
-
* @deprecated This component is no longer supported. Prefer using CSS Modules
|
|
9
|
-
* instead.
|
|
10
|
-
*/
|
|
11
|
-
type BoxProps, } from './components/Box';
|
|
12
|
-
export {
|
|
13
2
|
/**
|
|
14
3
|
* @deprecated Theming in JavaScript is no longer supported. Prefer using
|
|
15
4
|
* `@primer/primitives` and CSS Modules instead.
|
|
@@ -54,184 +43,6 @@ export {
|
|
|
54
43
|
*/
|
|
55
44
|
get as themeGet, } from './theme-get';
|
|
56
45
|
export {
|
|
57
|
-
/**
|
|
58
|
-
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
59
|
-
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
60
|
-
*/
|
|
61
|
-
ActionList,
|
|
62
|
-
/**
|
|
63
|
-
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
64
|
-
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
65
|
-
*/
|
|
66
|
-
type ActionListProps,
|
|
67
|
-
/**
|
|
68
|
-
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
69
|
-
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
70
|
-
*/
|
|
71
|
-
type ActionListItemProps,
|
|
72
|
-
/**
|
|
73
|
-
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
74
|
-
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
75
|
-
*/
|
|
76
|
-
type ActionListLinkItemProps,
|
|
77
|
-
/**
|
|
78
|
-
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
79
|
-
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
80
|
-
*/
|
|
81
|
-
type ActionListGroupProps,
|
|
82
|
-
/**
|
|
83
|
-
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
84
|
-
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
85
|
-
*/
|
|
86
|
-
type ActionListDividerProps,
|
|
87
|
-
/**
|
|
88
|
-
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
89
|
-
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
90
|
-
*/
|
|
91
|
-
type ActionListLeadingVisualProps,
|
|
92
|
-
/**
|
|
93
|
-
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
94
|
-
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
95
|
-
*/
|
|
96
|
-
type ActionListTrailingVisualProps,
|
|
97
|
-
/**
|
|
98
|
-
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
99
|
-
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
100
|
-
*/
|
|
101
|
-
type ActionListTrailingActionProps, } from './components/ActionList';
|
|
102
|
-
export {
|
|
103
|
-
/**
|
|
104
|
-
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
105
|
-
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
106
|
-
*/
|
|
107
|
-
ButtonComponent as Button,
|
|
108
|
-
/**
|
|
109
|
-
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
110
|
-
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
111
|
-
*/
|
|
112
|
-
type ButtonComponentProps as ButtonProps, } from './components/Button';
|
|
113
|
-
export {
|
|
114
|
-
/**
|
|
115
|
-
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
116
|
-
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
117
|
-
*/
|
|
118
|
-
Dialog,
|
|
119
|
-
/**
|
|
120
|
-
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
121
|
-
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
122
|
-
*/
|
|
123
|
-
type DialogProps, } from './components/Dialog';
|
|
124
|
-
export {
|
|
125
|
-
/**
|
|
126
|
-
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
127
|
-
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
128
|
-
*/
|
|
129
|
-
Flash, } from './components/Flash';
|
|
130
|
-
export {
|
|
131
|
-
/**
|
|
132
|
-
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
133
|
-
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
134
|
-
*/
|
|
135
|
-
Heading, } from './components/Heading';
|
|
136
|
-
export {
|
|
137
|
-
/**
|
|
138
|
-
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
139
|
-
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
140
|
-
*/
|
|
141
|
-
IconButton,
|
|
142
|
-
/**
|
|
143
|
-
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
144
|
-
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
145
|
-
*/
|
|
146
|
-
type IconButtonProps, } from './components/IconButton';
|
|
147
|
-
export {
|
|
148
|
-
/**
|
|
149
|
-
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
150
|
-
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
151
|
-
*/
|
|
152
|
-
Label,
|
|
153
|
-
/**
|
|
154
|
-
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
155
|
-
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
156
|
-
*/
|
|
157
|
-
type LabelProps, } from './components/Label';
|
|
158
|
-
export {
|
|
159
|
-
/**
|
|
160
|
-
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
161
|
-
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
162
|
-
*/
|
|
163
|
-
Link,
|
|
164
|
-
/**
|
|
165
|
-
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
166
|
-
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
167
|
-
*/
|
|
168
|
-
type LinkProps, } from './components/Link';
|
|
169
|
-
export {
|
|
170
|
-
/**
|
|
171
|
-
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
172
|
-
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
173
|
-
*/
|
|
174
|
-
Spinner,
|
|
175
|
-
/**
|
|
176
|
-
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
177
|
-
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
178
|
-
*/
|
|
179
|
-
type SpinnerProps, } from './components/Spinner';
|
|
180
|
-
export {
|
|
181
|
-
/**
|
|
182
|
-
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
183
|
-
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
184
|
-
*/
|
|
185
|
-
Text,
|
|
186
|
-
/**
|
|
187
|
-
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
188
|
-
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
189
|
-
*/
|
|
190
|
-
type TextProps, } from './components/Text';
|
|
191
|
-
export {
|
|
192
|
-
/**
|
|
193
|
-
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
194
|
-
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
195
|
-
*/
|
|
196
|
-
TextInput,
|
|
197
|
-
/**
|
|
198
|
-
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
199
|
-
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
200
|
-
*/
|
|
201
|
-
type TextInputProps,
|
|
202
|
-
/**
|
|
203
|
-
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
204
|
-
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
205
|
-
*/
|
|
206
|
-
type TextInputActionProps, } from './components/TextInput';
|
|
207
|
-
export {
|
|
208
|
-
/**
|
|
209
|
-
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
210
|
-
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
211
|
-
*/
|
|
212
|
-
ToggleSwitch,
|
|
213
|
-
/**
|
|
214
|
-
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
215
|
-
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
216
|
-
*/
|
|
217
|
-
type ToggleSwitchProps, } from './components/ToggleSwitch';
|
|
218
|
-
export {
|
|
219
|
-
/**
|
|
220
|
-
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
221
|
-
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
222
|
-
*/
|
|
223
|
-
UnderlineNav,
|
|
224
|
-
/**
|
|
225
|
-
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
226
|
-
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
227
|
-
*/
|
|
228
|
-
type UnderlineNavProps,
|
|
229
|
-
/**
|
|
230
|
-
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
231
|
-
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
232
|
-
*/
|
|
233
|
-
type UnderlineNavItemProps, } from './components/UnderlineNav';
|
|
234
|
-
export {
|
|
235
46
|
/**
|
|
236
47
|
* @deprecated Theming in JavaScript is no longer supported. Prefer using
|
|
237
48
|
* `@primer/primitives` and CSS Modules instead.
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAGA,OAAO;AACL;;;GAGG;AACH,aAAa;AAEb;;;GAGG;AACH,QAAQ;AAER;;;GAGG;AACH,iBAAiB;AAEjB;;;GAGG;AACH,KAAK,kBAAkB,GACxB,MAAM,oCAAoC,CAAA;AAE3C,OAAO;AACL;;;GAGG;AACH,UAAU;AAEV;;;GAGG;AACH,KAAK,eAAe,GACrB,MAAM,oCAAoC,CAAA;AAE3C,OAAO;AACL;;;GAGG;AACH,KAAK,GACN,MAAM,eAAe,CAAA;AAEtB,OAAO;AACL;;;GAGG;AACH,GAAG,IAAI,QAAQ,GAChB,MAAM,aAAa,CAAA;AAEpB,OAAO;AACL;;;GAGG;AACH,KAAK;AAEL;;;GAGG;AACH,EAAE;AAEF;;;GAGG;AACH,KAAK,MAAM,GACZ,MAAM,MAAM,CAAA;AAEb,OAAO;AACL;;;GAGG;AACH,KAAK,uBAAuB,GAC7B,MAAM,MAAM,CAAA"}
|
package/dist/index.js
CHANGED
|
@@ -1,21 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
export { Box } from './components/Box.js';
|
|
3
2
|
export { BaseStyles, ThemeProvider, useTheme } from './components/FeatureFlaggedTheming.js';
|
|
4
3
|
export { theme } from '@primer/react';
|
|
5
4
|
export { get as themeGet } from './theme-get.js';
|
|
6
|
-
export { ActionList } from './components/ActionList.js';
|
|
7
|
-
export { ButtonComponent as Button } from './components/Button.js';
|
|
8
|
-
export { Dialog } from './components/Dialog.js';
|
|
9
|
-
export { Flash } from './components/Flash.js';
|
|
10
|
-
export { Heading } from './components/Heading.js';
|
|
11
|
-
export { IconButton } from './components/IconButton.js';
|
|
12
|
-
export { Label } from './components/Label.js';
|
|
13
|
-
export { Link } from './components/Link.js';
|
|
14
|
-
export { Spinner } from './components/Spinner.js';
|
|
15
|
-
export { Text } from './components/Text.js';
|
|
16
|
-
export { TextInput } from './components/TextInput.js';
|
|
17
|
-
export { ToggleSwitch } from './components/ToggleSwitch.js';
|
|
18
|
-
export { UnderlineNav } from './components/UnderlineNav.js';
|
|
19
5
|
export { sx } from './sx.js';
|
|
20
6
|
export { default as merge } from 'deepmerge';
|
|
21
7
|
export { useColorSchemeVar } from './components/ThemeProvider.js';
|
package/package.json
CHANGED
|
@@ -1,20 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@primer/styled-react",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.9-rc.98bb12ac8",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"exports": {
|
|
6
6
|
".": {
|
|
7
7
|
"types": "./dist/index.d.ts",
|
|
8
8
|
"default": "./dist/index.js"
|
|
9
9
|
},
|
|
10
|
-
"./deprecated": {
|
|
11
|
-
"types": "./dist/deprecated.d.ts",
|
|
12
|
-
"default": "./dist/deprecated.js"
|
|
13
|
-
},
|
|
14
|
-
"./experimental": {
|
|
15
|
-
"types": "./dist/experimental.d.ts",
|
|
16
|
-
"default": "./dist/experimental.js"
|
|
17
|
-
},
|
|
18
10
|
"./components.json": "./dist/components.json"
|
|
19
11
|
},
|
|
20
12
|
"files": [
|
|
@@ -49,7 +41,7 @@
|
|
|
49
41
|
"@babel/preset-react": "^7.28.5",
|
|
50
42
|
"@babel/preset-typescript": "^7.28.5",
|
|
51
43
|
"@primer/primitives": "10.x || 11.x",
|
|
52
|
-
"@primer/react": "^38.
|
|
44
|
+
"@primer/react": "^38.24.0",
|
|
53
45
|
"@rollup/plugin-babel": "^6.1.0",
|
|
54
46
|
"@storybook/react-vite": "^10.3.3",
|
|
55
47
|
"@types/react": "18.3.11",
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { ActionList as PrimerActionList, type ActionListProps as PrimerActionListProps, type ActionListItemProps as PrimerActionListItemProps, type ActionListLinkItemProps as PrimerActionListLinkItemProps, type ActionListGroupProps as PrimerActionListGroupProps, type ActionListDividerProps as PrimerActionListDividerProps, type ActionListLeadingVisualProps as PrimerActionListLeadingVisualProps, type ActionListTrailingVisualProps as PrimerActionListTrailingVisualProps, type SlotMarker } from '@primer/react';
|
|
3
|
-
import { type SxProp } from '../sx';
|
|
4
|
-
import type { ForwardRefComponent } from '../polymorphic';
|
|
5
|
-
type PrimerActionListTrailingActionProps = React.ComponentProps<typeof PrimerActionList.TrailingAction>;
|
|
6
|
-
export type ActionListProps<As extends React.ElementType = 'ul'> = PrimerActionListProps<As> & SxProp;
|
|
7
|
-
export type ActionListItemProps = React.PropsWithChildren<PrimerActionListItemProps & SxProp>;
|
|
8
|
-
export type ActionListLinkItemProps = React.PropsWithChildren<PrimerActionListLinkItemProps & SxProp> & {
|
|
9
|
-
as?: React.ElementType;
|
|
10
|
-
};
|
|
11
|
-
export type ActionListGroupProps = React.PropsWithChildren<PrimerActionListGroupProps & SxProp> & {
|
|
12
|
-
as?: React.ElementType;
|
|
13
|
-
};
|
|
14
|
-
export type ActionListDividerProps = React.PropsWithChildren<PrimerActionListDividerProps & SxProp>;
|
|
15
|
-
export type ActionListLeadingVisualProps = React.PropsWithChildren<PrimerActionListLeadingVisualProps & SxProp> & {
|
|
16
|
-
as?: React.ElementType;
|
|
17
|
-
};
|
|
18
|
-
export type ActionListTrailingVisualProps = React.PropsWithChildren<PrimerActionListTrailingVisualProps & SxProp> & {
|
|
19
|
-
as?: React.ElementType;
|
|
20
|
-
};
|
|
21
|
-
export type ActionListTrailingActionProps = React.PropsWithChildren<PrimerActionListTrailingActionProps & SxProp>;
|
|
22
|
-
declare const ActionListImpl: React.ForwardRefExoticComponent<Omit<ActionListProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>, "ref"> & React.RefAttributes<unknown>>;
|
|
23
|
-
declare const ActionListLinkItem: ForwardRefComponent<"a", ActionListLinkItemProps> & SlotMarker;
|
|
24
|
-
type TrailingActionElements = 'button' | 'a';
|
|
25
|
-
declare const ActionListTrailingAction: ForwardRefComponent<TrailingActionElements, ActionListTrailingActionProps> & SlotMarker;
|
|
26
|
-
declare const ActionListItem: ForwardRefComponent<"li", ActionListItemProps> & SlotMarker;
|
|
27
|
-
declare const ActionListGroup: React.ComponentType<ActionListGroupProps> & SlotMarker;
|
|
28
|
-
declare const ActionListDivider: React.ComponentType<ActionListDividerProps> & SlotMarker;
|
|
29
|
-
declare const ActionListLeadingVisual: React.ComponentType<ActionListLeadingVisualProps> & SlotMarker;
|
|
30
|
-
declare const ActionListTrailingVisual: React.ComponentType<ActionListTrailingVisualProps> & SlotMarker;
|
|
31
|
-
export declare const ActionList: typeof ActionListImpl & {
|
|
32
|
-
Item: typeof ActionListItem;
|
|
33
|
-
LinkItem: typeof ActionListLinkItem;
|
|
34
|
-
Group: typeof ActionListGroup;
|
|
35
|
-
GroupHeading: typeof PrimerActionList.GroupHeading;
|
|
36
|
-
Divider: typeof ActionListDivider;
|
|
37
|
-
Description: typeof PrimerActionList.Description;
|
|
38
|
-
LeadingVisual: typeof ActionListLeadingVisual;
|
|
39
|
-
TrailingVisual: typeof ActionListTrailingVisual;
|
|
40
|
-
Heading: typeof PrimerActionList.Heading;
|
|
41
|
-
TrailingAction: typeof ActionListTrailingAction;
|
|
42
|
-
} & SlotMarker;
|
|
43
|
-
export {};
|
|
44
|
-
//# sourceMappingURL=ActionList.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ActionList.d.ts","sourceRoot":"","sources":["../../src/components/ActionList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,163 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import styled from 'styled-components';
|
|
3
|
-
import { ActionList as ActionList$1 } from '@primer/react';
|
|
4
|
-
import { sx } from '../sx.js';
|
|
5
|
-
import { jsx } from 'react/jsx-runtime';
|
|
6
|
-
|
|
7
|
-
const StyledActionList = styled(ActionList$1).withConfig({
|
|
8
|
-
shouldForwardProp: prop => prop !== 'sx'
|
|
9
|
-
}).withConfig({
|
|
10
|
-
displayName: "ActionList__StyledActionList",
|
|
11
|
-
componentId: "sc-hw2362-0"
|
|
12
|
-
})(["", ""], sx);
|
|
13
|
-
const ActionListImpl = /*#__PURE__*/React.forwardRef(function ActionListImpl({
|
|
14
|
-
as,
|
|
15
|
-
...rest
|
|
16
|
-
}, ref) {
|
|
17
|
-
return /*#__PURE__*/jsx(StyledActionList, {
|
|
18
|
-
ref: ref,
|
|
19
|
-
...rest,
|
|
20
|
-
...(as ? {
|
|
21
|
-
forwardedAs: as
|
|
22
|
-
} : {})
|
|
23
|
-
});
|
|
24
|
-
});
|
|
25
|
-
const StyledActionListLinkItem = styled(ActionList$1.LinkItem).withConfig({
|
|
26
|
-
shouldForwardProp: prop => prop !== 'sx'
|
|
27
|
-
}).withConfig({
|
|
28
|
-
displayName: "ActionList__StyledActionListLinkItem",
|
|
29
|
-
componentId: "sc-hw2362-1"
|
|
30
|
-
})(["", ""], sx);
|
|
31
|
-
const ActionListLinkItem = /*#__PURE__*/React.forwardRef(({
|
|
32
|
-
children,
|
|
33
|
-
as,
|
|
34
|
-
...props
|
|
35
|
-
}, ref) => /*#__PURE__*/jsx(StyledActionListLinkItem, {
|
|
36
|
-
ref: ref,
|
|
37
|
-
...props,
|
|
38
|
-
...(as ? {
|
|
39
|
-
forwardedAs: as
|
|
40
|
-
} : {}),
|
|
41
|
-
children: children
|
|
42
|
-
}));
|
|
43
|
-
ActionListLinkItem.displayName = 'ActionList.LinkItem';
|
|
44
|
-
const StyledActionListTrailingAction = styled(ActionList$1.TrailingAction).withConfig({
|
|
45
|
-
shouldForwardProp: prop => prop !== 'sx'
|
|
46
|
-
}).withConfig({
|
|
47
|
-
displayName: "ActionList__StyledActionListTrailingAction",
|
|
48
|
-
componentId: "sc-hw2362-2"
|
|
49
|
-
})(["", ""], sx);
|
|
50
|
-
const ActionListTrailingAction = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
51
|
-
const {
|
|
52
|
-
as,
|
|
53
|
-
...rest
|
|
54
|
-
} = props;
|
|
55
|
-
return /*#__PURE__*/jsx(StyledActionListTrailingAction, {
|
|
56
|
-
...rest,
|
|
57
|
-
...(as ? {
|
|
58
|
-
forwardedAs: as
|
|
59
|
-
} : {}),
|
|
60
|
-
ref: ref
|
|
61
|
-
});
|
|
62
|
-
});
|
|
63
|
-
const StyledActionListItem = styled(ActionList$1.Item).withConfig({
|
|
64
|
-
shouldForwardProp: prop => prop !== 'sx'
|
|
65
|
-
}).withConfig({
|
|
66
|
-
displayName: "ActionList__StyledActionListItem",
|
|
67
|
-
componentId: "sc-hw2362-3"
|
|
68
|
-
})(["", ""], sx);
|
|
69
|
-
const ActionListItem = /*#__PURE__*/React.forwardRef(({
|
|
70
|
-
children,
|
|
71
|
-
as,
|
|
72
|
-
...props
|
|
73
|
-
}, ref) => /*#__PURE__*/jsx(StyledActionListItem, {
|
|
74
|
-
ref: ref,
|
|
75
|
-
...props,
|
|
76
|
-
...(as ? {
|
|
77
|
-
forwardedAs: as
|
|
78
|
-
} : {}),
|
|
79
|
-
children: children
|
|
80
|
-
}));
|
|
81
|
-
const StyledActionListGroup = styled(ActionList$1.Group).withConfig({
|
|
82
|
-
shouldForwardProp: prop => prop !== 'sx'
|
|
83
|
-
}).withConfig({
|
|
84
|
-
displayName: "ActionList__StyledActionListGroup",
|
|
85
|
-
componentId: "sc-hw2362-4"
|
|
86
|
-
})(["", ""], sx);
|
|
87
|
-
const ActionListGroup = ({
|
|
88
|
-
children,
|
|
89
|
-
as,
|
|
90
|
-
...props
|
|
91
|
-
}) => /*#__PURE__*/jsx(StyledActionListGroup, {
|
|
92
|
-
...props,
|
|
93
|
-
...(as ? {
|
|
94
|
-
forwardedAs: as
|
|
95
|
-
} : {}),
|
|
96
|
-
children: children
|
|
97
|
-
});
|
|
98
|
-
ActionListGroup.displayName = 'ActionList.Group';
|
|
99
|
-
const ActionListDivider = styled(ActionList$1.Divider).withConfig({
|
|
100
|
-
shouldForwardProp: prop => prop !== 'sx'
|
|
101
|
-
}).withConfig({
|
|
102
|
-
displayName: "ActionList__ActionListDivider",
|
|
103
|
-
componentId: "sc-hw2362-5"
|
|
104
|
-
})(["", ""], sx);
|
|
105
|
-
const StyledActionListLeadingVisual = styled(ActionList$1.LeadingVisual).withConfig({
|
|
106
|
-
shouldForwardProp: prop => prop !== 'sx'
|
|
107
|
-
}).withConfig({
|
|
108
|
-
displayName: "ActionList__StyledActionListLeadingVisual",
|
|
109
|
-
componentId: "sc-hw2362-6"
|
|
110
|
-
})(["", ""], sx);
|
|
111
|
-
const ActionListLeadingVisual = ({
|
|
112
|
-
children,
|
|
113
|
-
as,
|
|
114
|
-
...props
|
|
115
|
-
}) => /*#__PURE__*/jsx(StyledActionListLeadingVisual, {
|
|
116
|
-
...props,
|
|
117
|
-
...(as ? {
|
|
118
|
-
forwardedAs: as
|
|
119
|
-
} : {}),
|
|
120
|
-
children: children
|
|
121
|
-
});
|
|
122
|
-
ActionListLeadingVisual.displayName = 'ActionList.LeadingVisual';
|
|
123
|
-
const StyledActionListTrailingVisual = styled(ActionList$1.TrailingVisual).withConfig({
|
|
124
|
-
shouldForwardProp: prop => prop !== 'sx'
|
|
125
|
-
}).withConfig({
|
|
126
|
-
displayName: "ActionList__StyledActionListTrailingVisual",
|
|
127
|
-
componentId: "sc-hw2362-7"
|
|
128
|
-
})(["", ""], sx);
|
|
129
|
-
const ActionListTrailingVisual = ({
|
|
130
|
-
children,
|
|
131
|
-
as,
|
|
132
|
-
...props
|
|
133
|
-
}) => /*#__PURE__*/jsx(StyledActionListTrailingVisual, {
|
|
134
|
-
...props,
|
|
135
|
-
...(as ? {
|
|
136
|
-
forwardedAs: as
|
|
137
|
-
} : {}),
|
|
138
|
-
children: children
|
|
139
|
-
});
|
|
140
|
-
ActionListTrailingVisual.displayName = 'ActionList.TrailingVisual';
|
|
141
|
-
const ActionList = Object.assign(ActionListImpl, {
|
|
142
|
-
Item: ActionListItem,
|
|
143
|
-
LinkItem: ActionListLinkItem,
|
|
144
|
-
Group: ActionListGroup,
|
|
145
|
-
GroupHeading: ActionList$1.GroupHeading,
|
|
146
|
-
Divider: ActionListDivider,
|
|
147
|
-
Description: ActionList$1.Description,
|
|
148
|
-
LeadingVisual: ActionListLeadingVisual,
|
|
149
|
-
TrailingVisual: ActionListTrailingVisual,
|
|
150
|
-
Heading: ActionList$1.Heading,
|
|
151
|
-
TrailingAction: ActionListTrailingAction
|
|
152
|
-
});
|
|
153
|
-
|
|
154
|
-
// Assign slot markers after component definitions
|
|
155
|
-
ActionListItem.__SLOT__ = ActionList$1.Item.__SLOT__;
|
|
156
|
-
ActionListLinkItem.__SLOT__ = ActionList$1.LinkItem.__SLOT__;
|
|
157
|
-
ActionListGroup.__SLOT__ = ActionList$1.Group.__SLOT__;
|
|
158
|
-
ActionListDivider.__SLOT__ = ActionList$1.Divider.__SLOT__;
|
|
159
|
-
ActionListLeadingVisual.__SLOT__ = ActionList$1.LeadingVisual.__SLOT__;
|
|
160
|
-
ActionListTrailingVisual.__SLOT__ = ActionList$1.TrailingVisual.__SLOT__;
|
|
161
|
-
ActionListTrailingAction.__SLOT__ = ActionList$1.TrailingAction.__SLOT__;
|
|
162
|
-
|
|
163
|
-
export { ActionList };
|
package/dist/components/Box.d.ts
DELETED
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import type { BackgroundProps, BorderProps, ColorProps, FlexboxProps, GridProps, LayoutProps, PositionProps, ShadowProps, SpaceProps, TypographyProps } from 'styled-system';
|
|
2
|
-
import type { SxProp } from '../sx';
|
|
3
|
-
type ComponentProps<T> = T extends React.ComponentType<React.PropsWithChildren<infer Props>> ? (Props extends object ? Props : never) : never;
|
|
4
|
-
type StyledBoxProps = SxProp & SpaceProps & ColorProps & TypographyProps & LayoutProps & FlexboxProps & GridProps & BackgroundProps & BorderProps & PositionProps & ShadowProps;
|
|
5
|
-
/**
|
|
6
|
-
* @deprecated The Box component is deprecated. Replace with a `div` or
|
|
7
|
-
* appropriate HTML element instead, with CSS modules for styling.
|
|
8
|
-
* @see https://github.com/primer/react/blob/main/contributor-docs/migration-from-box.md
|
|
9
|
-
*/
|
|
10
|
-
declare const Box: import("styled-components").StyledComponent<"div", any, StyledBoxProps, never>;
|
|
11
|
-
/**
|
|
12
|
-
* @deprecated The Box component is deprecated. Replace with a `div` or
|
|
13
|
-
* appropriate HTML element instead, with CSS modules for styling.
|
|
14
|
-
* @see https://github.com/primer/react/blob/main/contributor-docs/migration-from-box.md
|
|
15
|
-
*/
|
|
16
|
-
export type BoxProps = ComponentProps<typeof Box>;
|
|
17
|
-
export default Box;
|
|
18
|
-
export { Box };
|
|
19
|
-
//# sourceMappingURL=Box.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../src/components/Box.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,eAAe,EACf,WAAW,EACX,UAAU,EACV,YAAY,EACZ,SAAS,EACT,WAAW,EACX,aAAa,EACb,WAAW,EACX,UAAU,EACV,eAAe,EAChB,MAAM,eAAe,CAAA;AAEtB,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAGjC,KAAK,cAAc,CAAC,CAAC,IACnB,CAAC,SAAS,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,iBAAiB,CAAC,MAAM,KAAK,CAAC,CAAC,GAAG,CAAC,KAAK,SAAS,MAAM,GAAG,KAAK,GAAG,KAAK,CAAC,GAAG,KAAK,CAAA;AAEtH,KAAK,cAAc,GAAG,MAAM,GAC1B,UAAU,GACV,UAAU,GACV,eAAe,GACf,WAAW,GACX,YAAY,GACZ,SAAS,GACT,eAAe,GACf,WAAW,GACX,aAAa,GACb,WAAW,CAAA;AAEb;;;;GAIG;AACH,QAAA,MAAM,GAAG,gFAYR,CAAA;AAED;;;;GAIG;AACH,MAAM,MAAM,QAAQ,GAAG,cAAc,CAAC,OAAO,GAAG,CAAC,CAAA;AACjD,eAAe,GAAG,CAAA;AAClB,OAAO,EAAC,GAAG,EAAC,CAAA"}
|
package/dist/components/Box.js
DELETED
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import styled from 'styled-components';
|
|
2
|
-
import { space, color, typography, layout, flexbox, grid, background, border, position, shadow } from 'styled-system';
|
|
3
|
-
import { sx } from '../sx.js';
|
|
4
|
-
|
|
5
|
-
/**
|
|
6
|
-
* @deprecated The Box component is deprecated. Replace with a `div` or
|
|
7
|
-
* appropriate HTML element instead, with CSS modules for styling.
|
|
8
|
-
* @see https://github.com/primer/react/blob/main/contributor-docs/migration-from-box.md
|
|
9
|
-
*/
|
|
10
|
-
const Box = styled.div.withConfig({
|
|
11
|
-
displayName: "Box",
|
|
12
|
-
componentId: "sc-62in7e-0"
|
|
13
|
-
})(space, color, typography, layout, flexbox, grid, background, border, position, shadow, sx);
|
|
14
|
-
|
|
15
|
-
export { Box };
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { type ButtonProps as PrimerButtonProps, type SlotMarker } from '@primer/react';
|
|
2
|
-
import type { SxProp, BetterSystemStyleObject } from '../sx';
|
|
3
|
-
import type { ForwardRefComponent } from '../polymorphic';
|
|
4
|
-
type ButtonComponentProps = PrimerButtonProps & SxProp & {
|
|
5
|
-
as?: React.ElementType;
|
|
6
|
-
};
|
|
7
|
-
declare const ButtonComponent: ForwardRefComponent<"button", ButtonComponentProps> & SlotMarker;
|
|
8
|
-
export declare function generateCustomSxProp(props: Partial<Pick<PrimerButtonProps, 'size' | 'block' | 'leadingVisual' | 'trailingVisual' | 'trailingAction'>>, providedSx: BetterSystemStyleObject): {
|
|
9
|
-
[key: string]: BetterSystemStyleObject;
|
|
10
|
-
};
|
|
11
|
-
export { ButtonComponent, type ButtonComponentProps };
|
|
12
|
-
//# sourceMappingURL=Button.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,WAAW,IAAI,iBAAiB,EAAE,KAAK,UAAU,EAAC,MAAM,eAAe,CAAA;AAC5G,OAAO,KAAK,EAAC,MAAM,EAAuB,uBAAuB,EAAC,MAAM,OAAO,CAAA;AAE/E,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AAIvD,KAAK,oBAAoB,GAAG,iBAAiB,GAAG,MAAM,GAAG;IAAC,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CAAC,CAAA;AAQjF,QAAA,MAAM,eAAe,EAgBf,mBAAmB,CAAC,QAAQ,EAAE,oBAAoB,CAAC,GAAG,UAAU,CAAA;AA0CtE,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,MAAM,GAAG,OAAO,GAAG,eAAe,GAAG,gBAAgB,GAAG,gBAAgB,CAAC,CAAC,EACjH,UAAU,EAAE,uBAAuB;;EAmBpC;AAKD,OAAO,EAAC,eAAe,EAAE,KAAK,oBAAoB,EAAC,CAAA"}
|