@primer/styled-react 1.0.5 → 1.0.6-rc.6c6ee0bb1
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/DataTable.d.ts +1 -1
- package/dist/components/DataTable.d.ts.map +1 -1
- package/dist/components/DataTable.js +11 -1
- package/dist/components.json +0 -12
- package/dist/deprecated.d.ts +0 -11
- package/dist/deprecated.d.ts.map +1 -1
- package/dist/deprecated.js +0 -1
- package/dist/experimental.d.ts +0 -32
- package/dist/experimental.d.ts.map +1 -1
- package/dist/experimental.js +0 -2
- package/dist/index.d.ts +0 -66
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +0 -6
- package/package.json +2 -2
- package/dist/components/ActionMenu.d.ts +0 -13
- package/dist/components/ActionMenu.d.ts.map +0 -1
- package/dist/components/ActionMenu.js +0 -19
- package/dist/components/CounterLabel.d.ts +0 -11
- package/dist/components/CounterLabel.d.ts.map +0 -1
- package/dist/components/CounterLabel.js +0 -14
- package/dist/components/Overlay.d.ts +0 -8
- package/dist/components/Overlay.d.ts.map +0 -1
- package/dist/components/Overlay.js +0 -12
- package/dist/components/PageHeader.d.ts +0 -31
- package/dist/components/PageHeader.d.ts.map +0 -1
- package/dist/components/PageHeader.js +0 -109
- package/dist/components/Token.d.ts +0 -8
- package/dist/components/Token.d.ts.map +0 -1
- package/dist/components/Token.js +0 -26
- package/dist/components/Tooltip.d.ts +0 -7
- package/dist/components/Tooltip.d.ts.map +0 -1
- package/dist/components/Tooltip.js +0 -15
- package/dist/components/deprecated/Tooltip.d.ts +0 -13
- package/dist/components/deprecated/Tooltip.d.ts.map +0 -1
- package/dist/components/deprecated/Tooltip.js +0 -32
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Table as PrimerDataTable, type TableContainerProps } from '@primer/react/experimental';
|
|
2
2
|
import { type SxProp } from '../sx';
|
|
3
|
-
import
|
|
3
|
+
import React from 'react';
|
|
4
4
|
type DataTableContainerProps<As extends React.ElementType = 'div'> = TableContainerProps<As> & SxProp;
|
|
5
5
|
declare function DataTableContainer<As extends React.ElementType = 'div'>({ as, ...rest }: DataTableContainerProps<As>): React.JSX.Element;
|
|
6
6
|
declare const Table: typeof PrimerDataTable & {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../src/components/DataTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,IAAI,eAAe,EAAE,KAAK,mBAAmB,
|
|
1
|
+
{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../src/components/DataTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,IAAI,eAAe,EAAE,KAAK,mBAAmB,EAAkB,MAAM,4BAA4B,CAAA;AAC9G,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAErC,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,KAAK,uBAAuB,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,IAAI,mBAAmB,CAAC,EAAE,CAAC,GAAG,MAAM,CAAA;AAYrG,iBAAS,kBAAkB,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,EAAE,EAAC,EAAE,EAAE,GAAG,IAAI,EAAC,EAAE,uBAAuB,CAAC,EAAE,CAAC,qBAE3G;AAUD,QAAA,MAAM,KAAK,EAAE,OAAO,eAAe,GAAG;IACpC,SAAS,EAAE,OAAO,kBAAkB,CAAA;CAIpC,CAAA;AAEF,YAAY,EACV,UAAU,EACV,cAAc,EACd,cAAc,EACd,aAAa,EACb,gBAAgB,EAChB,cAAc,EACd,eAAe,EACf,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,4BAA4B,CAAA;AAEnC,OAAO,EAAC,KAAK,EAAE,KAAK,uBAAuB,EAAC,CAAA"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { Table as Table$1 } from '@primer/react/experimental';
|
|
2
2
|
import { sx } from '../sx.js';
|
|
3
3
|
import styled from 'styled-components';
|
|
4
|
+
import React from 'react';
|
|
4
5
|
import { jsx } from 'react/jsx-runtime';
|
|
5
6
|
|
|
6
7
|
const {
|
|
@@ -24,7 +25,16 @@ function DataTableContainer({
|
|
|
24
25
|
} : {})
|
|
25
26
|
});
|
|
26
27
|
}
|
|
27
|
-
|
|
28
|
+
|
|
29
|
+
// Create a wrapper component to avoid mutating the original PrimerDataTable
|
|
30
|
+
const TableRoot = /*#__PURE__*/React.forwardRef(function TableRoot(props, ref) {
|
|
31
|
+
return /*#__PURE__*/jsx(Table$1, {
|
|
32
|
+
...props,
|
|
33
|
+
ref: ref
|
|
34
|
+
});
|
|
35
|
+
});
|
|
36
|
+
TableRoot.__SLOT__ = Table$1.__SLOT__;
|
|
37
|
+
const Table = Object.assign(TableRoot, {
|
|
28
38
|
Container: DataTableContainer,
|
|
29
39
|
...rest
|
|
30
40
|
});
|
package/dist/components.json
CHANGED
|
@@ -1,13 +1,11 @@
|
|
|
1
1
|
{
|
|
2
2
|
"components": [
|
|
3
3
|
"ActionList",
|
|
4
|
-
"ActionMenu",
|
|
5
4
|
"BaseStyles",
|
|
6
5
|
"Box",
|
|
7
6
|
"Breadcrumb",
|
|
8
7
|
"Breadcrumbs",
|
|
9
8
|
"Button",
|
|
10
|
-
"CounterLabel",
|
|
11
9
|
"Dialog",
|
|
12
10
|
"Flash",
|
|
13
11
|
"FormControl",
|
|
@@ -18,8 +16,6 @@
|
|
|
18
16
|
"Link",
|
|
19
17
|
"LinkButton",
|
|
20
18
|
"Octicon",
|
|
21
|
-
"Overlay",
|
|
22
|
-
"PageHeader",
|
|
23
19
|
"SegmentedControl",
|
|
24
20
|
"Spinner",
|
|
25
21
|
"Table",
|
|
@@ -29,8 +25,6 @@
|
|
|
29
25
|
"ThemeProvider",
|
|
30
26
|
"Timeline",
|
|
31
27
|
"ToggleSwitch",
|
|
32
|
-
"Token",
|
|
33
|
-
"Tooltip",
|
|
34
28
|
"Truncate",
|
|
35
29
|
"UnderlineNav"
|
|
36
30
|
],
|
|
@@ -49,7 +43,6 @@
|
|
|
49
43
|
"BreadcrumbsItemProps",
|
|
50
44
|
"BreadcrumbsProps",
|
|
51
45
|
"ButtonProps",
|
|
52
|
-
"CounterLabelProps",
|
|
53
46
|
"DataTableContainerProps",
|
|
54
47
|
"DialogHeaderProps",
|
|
55
48
|
"DialogProps",
|
|
@@ -60,9 +53,6 @@
|
|
|
60
53
|
"LinkButtonProps",
|
|
61
54
|
"LinkProps",
|
|
62
55
|
"OcticonProps",
|
|
63
|
-
"PageHeaderActionsProps",
|
|
64
|
-
"PageHeaderProps",
|
|
65
|
-
"PageHeaderTitleProps",
|
|
66
56
|
"SegmentedControlButtonProps",
|
|
67
57
|
"SegmentedControlIconButtonProps",
|
|
68
58
|
"SegmentedControlProps",
|
|
@@ -89,8 +79,6 @@
|
|
|
89
79
|
"TimelineItemProps",
|
|
90
80
|
"TimelineProps",
|
|
91
81
|
"ToggleSwitchProps",
|
|
92
|
-
"TokenProps",
|
|
93
|
-
"TooltipProps",
|
|
94
82
|
"TruncateProps",
|
|
95
83
|
"UnderlineNavItemProps",
|
|
96
84
|
"UnderlineNavProps"
|
package/dist/deprecated.d.ts
CHANGED
|
@@ -42,17 +42,6 @@ Octicon,
|
|
|
42
42
|
*/
|
|
43
43
|
type OcticonProps, } from './components/deprecated/Octicon';
|
|
44
44
|
export {
|
|
45
|
-
/**
|
|
46
|
-
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
47
|
-
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
48
|
-
*/
|
|
49
|
-
Tooltip,
|
|
50
|
-
/**
|
|
51
|
-
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
52
|
-
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
53
|
-
*/
|
|
54
|
-
type TooltipProps, } from './components/deprecated/Tooltip';
|
|
55
|
-
export {
|
|
56
45
|
/**
|
|
57
46
|
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
58
47
|
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
package/dist/deprecated.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"deprecated.d.ts","sourceRoot":"","sources":["../src/deprecated.tsx"],"names":[],"mappings":"AAAA,OAAO;AACL;;;GAGG;AACH,MAAM;AAEN;;;GAGG;AACH,KAAK,WAAW;AAEhB;;;GAGG;AACH,KAAK,eAAe,GACrB,MAAM,gCAAgC,CAAA;AAEvC,OAAO;AACL;;;GAGG;AACH,MAAM;AAEN;;;GAGG;AACH,KAAK,WAAW;AAEhB;;;GAGG;AACH,KAAK,iBAAiB,GACvB,MAAM,kCAAkC,CAAA;AAEzC,OAAO;AACL;;;GAGG;AACH,OAAO;AAEP;;;GAGG;AACH,KAAK,YAAY,GAClB,MAAM,iCAAiC,CAAA;AAExC,OAAO;AACL;;;GAGG;AACH,
|
|
1
|
+
{"version":3,"file":"deprecated.d.ts","sourceRoot":"","sources":["../src/deprecated.tsx"],"names":[],"mappings":"AAAA,OAAO;AACL;;;GAGG;AACH,MAAM;AAEN;;;GAGG;AACH,KAAK,WAAW;AAEhB;;;GAGG;AACH,KAAK,eAAe,GACrB,MAAM,gCAAgC,CAAA;AAEvC,OAAO;AACL;;;GAGG;AACH,MAAM;AAEN;;;GAGG;AACH,KAAK,WAAW;AAEhB;;;GAGG;AACH,KAAK,iBAAiB,GACvB,MAAM,kCAAkC,CAAA;AAEzC,OAAO;AACL;;;GAGG;AACH,OAAO;AAEP;;;GAGG;AACH,KAAK,YAAY,GAClB,MAAM,iCAAiC,CAAA;AAExC,OAAO;AACL;;;GAGG;AACH,UAAU;AAEV;;;GAGG;AACH,KAAK,eAAe;AAEpB;;;GAGG;AACH,KAAK,mBAAmB;AAExB;;;GAGG;AACH,KAAK,oBAAoB,GAC1B,MAAM,oCAAoC,CAAA"}
|
package/dist/deprecated.js
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
export { TabNav } from './components/deprecated/TabNav.js';
|
|
2
2
|
export { Dialog } from './components/deprecated/DialogV1.js';
|
|
3
3
|
export { Octicon } from './components/deprecated/Octicon.js';
|
|
4
|
-
export { Tooltip } from './components/deprecated/Tooltip.js';
|
|
5
4
|
export { ActionList } from './components/deprecated/ActionList.js';
|
package/dist/experimental.d.ts
CHANGED
|
@@ -10,38 +10,6 @@ Dialog,
|
|
|
10
10
|
*/
|
|
11
11
|
type DialogProps, } from './components/Dialog';
|
|
12
12
|
export {
|
|
13
|
-
/**
|
|
14
|
-
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
15
|
-
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
16
|
-
*/
|
|
17
|
-
PageHeader,
|
|
18
|
-
/**
|
|
19
|
-
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
20
|
-
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
21
|
-
*/
|
|
22
|
-
type PageHeaderProps,
|
|
23
|
-
/**
|
|
24
|
-
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
25
|
-
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
26
|
-
*/
|
|
27
|
-
type PageHeaderActionsProps,
|
|
28
|
-
/**
|
|
29
|
-
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
30
|
-
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
31
|
-
*/
|
|
32
|
-
type PageHeaderTitleProps, } from './components/PageHeader';
|
|
33
|
-
export {
|
|
34
|
-
/**
|
|
35
|
-
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
36
|
-
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
37
|
-
*/
|
|
38
|
-
Tooltip,
|
|
39
|
-
/**
|
|
40
|
-
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
41
|
-
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
42
|
-
*/
|
|
43
|
-
type TooltipProps, } from './components/Tooltip';
|
|
44
|
-
export {
|
|
45
13
|
/**
|
|
46
14
|
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
47
15
|
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"experimental.d.ts","sourceRoot":"","sources":["../src/experimental.tsx"],"names":[],"mappings":"AAAA,OAAO;AACL;;;GAGG;AACH,MAAM;AAEN;;;GAGG;AACH,KAAK,WAAW,GACjB,MAAM,qBAAqB,CAAA;AAE5B,OAAO;AACL;;;GAGG;AACH,
|
|
1
|
+
{"version":3,"file":"experimental.d.ts","sourceRoot":"","sources":["../src/experimental.tsx"],"names":[],"mappings":"AAAA,OAAO;AACL;;;GAGG;AACH,MAAM;AAEN;;;GAGG;AACH,KAAK,WAAW,GACjB,MAAM,qBAAqB,CAAA;AAE5B,OAAO;AACL;;;GAGG;AACH,KAAK;AAEL;;;GAGG;AACH,KAAK,uBAAuB;AAE5B;;;GAGG;AACH,KAAK,UAAU;AAEf;;;GAGG;AACH,KAAK,cAAc;AAEnB;;;GAGG;AACH,KAAK,cAAc;AAEnB;;;GAGG;AACH,KAAK,aAAa;AAElB;;;GAGG;AACH,KAAK,gBAAgB;AAErB;;;GAGG;AACH,KAAK,cAAc;AAEnB;;;GAGG;AACH,KAAK,eAAe;AAEpB;;;GAGG;AACH,KAAK,kBAAkB;AAEvB;;;GAGG;AACH,KAAK,iBAAiB,GACvB,MAAM,wBAAwB,CAAA"}
|
package/dist/experimental.js
CHANGED
package/dist/index.d.ts
CHANGED
|
@@ -100,12 +100,6 @@ type ActionListTrailingVisualProps,
|
|
|
100
100
|
*/
|
|
101
101
|
type ActionListTrailingActionProps, } from './components/ActionList';
|
|
102
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
|
-
ActionMenu, } from './components/ActionMenu';
|
|
108
|
-
export {
|
|
109
103
|
/**
|
|
110
104
|
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
111
105
|
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
@@ -138,17 +132,6 @@ ButtonComponent as Button,
|
|
|
138
132
|
*/
|
|
139
133
|
type ButtonComponentProps as ButtonProps, } from './components/Button';
|
|
140
134
|
export {
|
|
141
|
-
/**
|
|
142
|
-
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
143
|
-
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
144
|
-
*/
|
|
145
|
-
CounterLabel,
|
|
146
|
-
/**
|
|
147
|
-
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
148
|
-
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
149
|
-
*/
|
|
150
|
-
type CounterLabelProps, } from './components/CounterLabel';
|
|
151
|
-
export {
|
|
152
135
|
/**
|
|
153
136
|
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
154
137
|
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
@@ -238,33 +221,6 @@ LinkButton,
|
|
|
238
221
|
*/
|
|
239
222
|
type LinkButtonProps, } from './components/LinkButton';
|
|
240
223
|
export {
|
|
241
|
-
/**
|
|
242
|
-
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
243
|
-
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
244
|
-
*/
|
|
245
|
-
Overlay, } from './components/Overlay';
|
|
246
|
-
export {
|
|
247
|
-
/**
|
|
248
|
-
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
249
|
-
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
250
|
-
*/
|
|
251
|
-
PageHeader,
|
|
252
|
-
/**
|
|
253
|
-
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
254
|
-
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
255
|
-
*/
|
|
256
|
-
type PageHeaderProps,
|
|
257
|
-
/**
|
|
258
|
-
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
259
|
-
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
260
|
-
*/
|
|
261
|
-
type PageHeaderActionsProps,
|
|
262
|
-
/**
|
|
263
|
-
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
264
|
-
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
265
|
-
*/
|
|
266
|
-
type PageHeaderTitleProps, } from './components/PageHeader';
|
|
267
|
-
export {
|
|
268
224
|
/**
|
|
269
225
|
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
270
226
|
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
@@ -366,28 +322,6 @@ ToggleSwitch,
|
|
|
366
322
|
*/
|
|
367
323
|
type ToggleSwitchProps, } from './components/ToggleSwitch';
|
|
368
324
|
export {
|
|
369
|
-
/**
|
|
370
|
-
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
371
|
-
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
372
|
-
*/
|
|
373
|
-
Tooltip,
|
|
374
|
-
/**
|
|
375
|
-
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
376
|
-
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
377
|
-
*/
|
|
378
|
-
type TooltipProps, } from './components/Tooltip';
|
|
379
|
-
export {
|
|
380
|
-
/**
|
|
381
|
-
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
382
|
-
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
383
|
-
*/
|
|
384
|
-
Token,
|
|
385
|
-
/**
|
|
386
|
-
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
387
|
-
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
388
|
-
*/
|
|
389
|
-
type TokenProps, } from './components/Token';
|
|
390
|
-
export {
|
|
391
325
|
/**
|
|
392
326
|
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
393
327
|
* supported. Use the component from `@primer/react` with 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":"AAEA,OAAO;AACL;;;GAGG;AACH,GAAG;AAEH;;;GAGG;AACH,KAAK,QAAQ,GACd,MAAM,kBAAkB,CAAA;AAGzB,OAAO;AACL;;;GAGG;AACH,aAAa;AAEb;;;GAGG;AACH,QAAQ;AAER;;;GAGG;AACH,iBAAiB;AAEjB;;;GAGG;AACH,KAAK,kBAAkB,GACxB,MAAM,4BAA4B,CAAA;AAEnC,OAAO;AACL;;;GAGG;AACH,UAAU;AAEV;;;GAGG;AACH,KAAK,eAAe,GACrB,MAAM,yBAAyB,CAAA;AAEhC,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,UAAU;AAEV;;;GAGG;AACH,KAAK,eAAe;AAEpB;;;GAGG;AACH,KAAK,mBAAmB;AAExB;;;GAGG;AACH,KAAK,uBAAuB;AAE5B;;;GAGG;AACH,KAAK,oBAAoB;AAEzB;;;GAGG;AACH,KAAK,sBAAsB;AAE3B;;;GAGG;AACH,KAAK,4BAA4B;AAEjC;;;GAGG;AACH,KAAK,6BAA6B;AAElC;;;GAGG;AACH,KAAK,6BAA6B,GACnC,MAAM,yBAAyB,CAAA;AAEhC,OAAO;AACL;;;GAGG;AACH,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"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"}
|
package/dist/index.js
CHANGED
|
@@ -5,10 +5,8 @@ export { BaseStyles } from './components/BaseStyles.js';
|
|
|
5
5
|
export { theme } from '@primer/react';
|
|
6
6
|
export { get as themeGet } from './theme-get.js';
|
|
7
7
|
export { ActionList } from './components/ActionList.js';
|
|
8
|
-
export { ActionMenu } from './components/ActionMenu.js';
|
|
9
8
|
export { Breadcrumb, Breadcrumbs } from './components/Breadcrumbs.js';
|
|
10
9
|
export { ButtonComponent as Button } from './components/Button.js';
|
|
11
|
-
export { CounterLabel } from './components/CounterLabel.js';
|
|
12
10
|
export { Dialog } from './components/Dialog.js';
|
|
13
11
|
export { Flash } from './components/Flash.js';
|
|
14
12
|
export { FormControl } from './components/FormControl.js';
|
|
@@ -18,16 +16,12 @@ export { IconButton } from './components/IconButton.js';
|
|
|
18
16
|
export { Label } from './components/Label.js';
|
|
19
17
|
export { Link } from './components/Link.js';
|
|
20
18
|
export { LinkButton } from './components/LinkButton.js';
|
|
21
|
-
export { Overlay } from './components/Overlay.js';
|
|
22
|
-
export { PageHeader } from './components/PageHeader.js';
|
|
23
19
|
export { SegmentedControl } from './components/SegmentedControl.js';
|
|
24
20
|
export { Spinner } from './components/Spinner.js';
|
|
25
21
|
export { Text } from './components/Text.js';
|
|
26
22
|
export { TextInput } from './components/TextInput.js';
|
|
27
23
|
export { Timeline } from './components/Timeline.js';
|
|
28
24
|
export { ToggleSwitch } from './components/ToggleSwitch.js';
|
|
29
|
-
export { Tooltip } from './components/Tooltip.js';
|
|
30
|
-
export { Token } from './components/Token.js';
|
|
31
25
|
export { Truncate } from './components/Truncate.js';
|
|
32
26
|
export { UnderlineNav } from './components/UnderlineNav.js';
|
|
33
27
|
export { sx } from './sx.js';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@primer/styled-react",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.6-rc.6c6ee0bb1",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"exports": {
|
|
6
6
|
".": {
|
|
@@ -49,7 +49,7 @@
|
|
|
49
49
|
"@babel/preset-react": "^7.28.5",
|
|
50
50
|
"@babel/preset-typescript": "^7.28.5",
|
|
51
51
|
"@primer/primitives": "10.x || 11.x",
|
|
52
|
-
"@primer/react": "^38.
|
|
52
|
+
"@primer/react": "^38.20.0",
|
|
53
53
|
"@rollup/plugin-babel": "^6.1.0",
|
|
54
54
|
"@storybook/react-vite": "^10.3.3",
|
|
55
55
|
"@types/react": "18.3.11",
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { ActionMenu as PrimerActionMenu, type SlotMarker } from '@primer/react';
|
|
2
|
-
import { type SxProp } from '../sx';
|
|
3
|
-
import type { ComponentProps } from 'react';
|
|
4
|
-
type ActionMenuOverlayProps = ComponentProps<typeof PrimerActionMenu.Overlay> & SxProp;
|
|
5
|
-
declare const ActionMenuOverlay: React.ComponentType<ActionMenuOverlayProps> & SlotMarker;
|
|
6
|
-
export declare const ActionMenu: typeof PrimerActionMenu & {
|
|
7
|
-
Button: typeof PrimerActionMenu.Button;
|
|
8
|
-
Anchor: typeof PrimerActionMenu.Anchor;
|
|
9
|
-
Overlay: typeof ActionMenuOverlay;
|
|
10
|
-
Divider: typeof PrimerActionMenu.Divider;
|
|
11
|
-
};
|
|
12
|
-
export {};
|
|
13
|
-
//# sourceMappingURL=ActionMenu.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ActionMenu.d.ts","sourceRoot":"","sources":["../../src/components/ActionMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,IAAI,gBAAgB,EAAE,KAAK,UAAU,EAAC,MAAM,eAAe,CAAA;AAC7E,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAErC,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,OAAO,CAAA;AAEzC,KAAK,sBAAsB,GAAG,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,GAAG,MAAM,CAAA;AAEtF,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,aAAa,CAAC,sBAAsB,CAAC,GAAG,UAMtE,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,OAAO,gBAAgB,GAAG;IACjD,MAAM,EAAE,OAAO,gBAAgB,CAAC,MAAM,CAAA;IACtC,MAAM,EAAE,OAAO,gBAAgB,CAAC,MAAM,CAAA;IACtC,OAAO,EAAE,OAAO,iBAAiB,CAAA;IACjC,OAAO,EAAE,OAAO,gBAAgB,CAAC,OAAO,CAAA;CAMxC,CAAA"}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { ActionMenu as ActionMenu$1 } from '@primer/react';
|
|
2
|
-
import { sx } from '../sx.js';
|
|
3
|
-
import styled from 'styled-components';
|
|
4
|
-
|
|
5
|
-
const ActionMenuOverlay = styled(ActionMenu$1.Overlay).withConfig({
|
|
6
|
-
shouldForwardProp: prop => prop !== 'sx'
|
|
7
|
-
}).withConfig({
|
|
8
|
-
displayName: "ActionMenu__ActionMenuOverlay",
|
|
9
|
-
componentId: "sc-w5s60e-0"
|
|
10
|
-
})(["", ""], sx);
|
|
11
|
-
const ActionMenu = Object.assign(ActionMenu$1, {
|
|
12
|
-
Button: ActionMenu$1.Button,
|
|
13
|
-
Anchor: ActionMenu$1.Anchor,
|
|
14
|
-
Overlay: ActionMenuOverlay,
|
|
15
|
-
Divider: ActionMenu$1.Divider
|
|
16
|
-
});
|
|
17
|
-
ActionMenuOverlay.__SLOT__ = ActionMenu$1.Overlay.__SLOT__;
|
|
18
|
-
|
|
19
|
-
export { ActionMenu };
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { type CounterLabelProps as PrimerCounterLabelProps } from '@primer/react';
|
|
2
|
-
import { type SxProp } from '../sx';
|
|
3
|
-
export type CounterLabelProps = PrimerCounterLabelProps & SxProp;
|
|
4
|
-
export declare const CounterLabel: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLSpanElement> & {
|
|
5
|
-
scheme?: "primary" | "secondary";
|
|
6
|
-
variant?: "primary" | "secondary";
|
|
7
|
-
className?: string;
|
|
8
|
-
} & {
|
|
9
|
-
children?: import("react").ReactNode | undefined;
|
|
10
|
-
} & SxProp & import("react").RefAttributes<HTMLSpanElement>>;
|
|
11
|
-
//# sourceMappingURL=CounterLabel.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CounterLabel.d.ts","sourceRoot":"","sources":["../../src/components/CounterLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqC,KAAK,iBAAiB,IAAI,uBAAuB,EAAC,MAAM,eAAe,CAAA;AAGnH,OAAO,EAAC,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAEjC,MAAM,MAAM,iBAAiB,GAAG,uBAAuB,GAAG,MAAM,CAAA;AAEhE,eAAO,MAAM,YAAY;;;;;;4DAEvB,CAAA"}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { CounterLabel as CounterLabel$1 } from '@primer/react';
|
|
2
|
-
import { Box } from './Box.js';
|
|
3
|
-
import { forwardRef } from 'react';
|
|
4
|
-
import { jsx } from 'react/jsx-runtime';
|
|
5
|
-
|
|
6
|
-
const CounterLabel = /*#__PURE__*/forwardRef(function CounterLabel(props, ref) {
|
|
7
|
-
return /*#__PURE__*/jsx(Box, {
|
|
8
|
-
as: CounterLabel$1,
|
|
9
|
-
ref: ref,
|
|
10
|
-
...props
|
|
11
|
-
});
|
|
12
|
-
});
|
|
13
|
-
|
|
14
|
-
export { CounterLabel };
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { type OverlayProps as PrimerOverlayProps } from '@primer/react';
|
|
2
|
-
import { type ForwardRefComponent } from '../polymorphic';
|
|
3
|
-
import { type SxProp } from '../sx';
|
|
4
|
-
type OverlayProps = PrimerOverlayProps & SxProp;
|
|
5
|
-
declare const Overlay: ForwardRefComponent<'div', OverlayProps>;
|
|
6
|
-
export { Overlay };
|
|
7
|
-
export type { OverlayProps };
|
|
8
|
-
//# sourceMappingURL=Overlay.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Overlay.d.ts","sourceRoot":"","sources":["../../src/components/Overlay.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA2B,KAAK,YAAY,IAAI,kBAAkB,EAAC,MAAM,eAAe,CAAA;AAE/F,OAAO,EAAC,KAAK,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AACvD,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAErC,KAAK,YAAY,GAAG,kBAAkB,GAAG,MAAM,CAAA;AAE/C,QAAA,MAAM,OAAO,EAAE,mBAAmB,CAAC,KAAK,EAAE,YAAY,CAIrD,CAAA;AAED,OAAO,EAAC,OAAO,EAAC,CAAA;AAChB,YAAY,EAAC,YAAY,EAAC,CAAA"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { Overlay as Overlay$1 } from '@primer/react';
|
|
2
|
-
import styled from 'styled-components';
|
|
3
|
-
import { sx } from '../sx.js';
|
|
4
|
-
|
|
5
|
-
const Overlay = styled(Overlay$1).withConfig({
|
|
6
|
-
shouldForwardProp: prop => prop !== 'sx'
|
|
7
|
-
}).withConfig({
|
|
8
|
-
displayName: "Overlay",
|
|
9
|
-
componentId: "sc-tjbd74-0"
|
|
10
|
-
})(["", ""], sx);
|
|
11
|
-
|
|
12
|
-
export { Overlay };
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { PageHeader as PrimerPageHeader, type PageHeaderProps as PrimerPageHeaderProps, type PageHeaderTitleProps as PrimerPageHeaderTitleProps, type PageHeaderActionsProps as PrimerPageHeaderActionsProps, type PageHeaderTitleAreaProps as PrimerPageHeaderTitleAreaProps } from '@primer/react';
|
|
2
|
-
import { type SxProp } from '../sx';
|
|
3
|
-
import type { ForwardRefComponent } from '../polymorphic';
|
|
4
|
-
import type { PropsWithChildren } from 'react';
|
|
5
|
-
import React from 'react';
|
|
6
|
-
type PageHeaderProps = PrimerPageHeaderProps & SxProp;
|
|
7
|
-
type PageHeaderActionsProps = PrimerPageHeaderActionsProps & SxProp;
|
|
8
|
-
declare function PageHeaderActions({ sx, ...rest }: PageHeaderActionsProps): React.JSX.Element;
|
|
9
|
-
type PageHeaderTitleProps = PropsWithChildren<PrimerPageHeaderTitleProps> & SxProp;
|
|
10
|
-
declare const PageHeaderTitle: ({ as, ...props }: PageHeaderTitleProps) => React.JSX.Element;
|
|
11
|
-
type PageHeaderTitleAreaProps = PropsWithChildren<PrimerPageHeaderTitleAreaProps> & SxProp;
|
|
12
|
-
declare const PageHeaderTitleArea: ForwardRefComponent<'div', PageHeaderTitleAreaProps>;
|
|
13
|
-
type PageHeaderComponentType = ForwardRefComponent<'div', PageHeaderProps> & {
|
|
14
|
-
Actions: typeof PageHeaderActions;
|
|
15
|
-
ContextArea: typeof PrimerPageHeader.ContextArea;
|
|
16
|
-
ParentLink: typeof PrimerPageHeader.ParentLink;
|
|
17
|
-
ContextBar: typeof PrimerPageHeader.ContextBar;
|
|
18
|
-
TitleArea: typeof PageHeaderTitleArea;
|
|
19
|
-
ContextAreaActions: typeof PrimerPageHeader.ContextAreaActions;
|
|
20
|
-
LeadingAction: typeof PrimerPageHeader.LeadingAction;
|
|
21
|
-
Breadcrumbs: typeof PrimerPageHeader.Breadcrumbs;
|
|
22
|
-
LeadingVisual: typeof PrimerPageHeader.LeadingVisual;
|
|
23
|
-
Title: typeof PageHeaderTitle;
|
|
24
|
-
TrailingVisual: typeof PrimerPageHeader.TrailingVisual;
|
|
25
|
-
Description: typeof PrimerPageHeader.Description;
|
|
26
|
-
TrailingAction: typeof PrimerPageHeader.TrailingAction;
|
|
27
|
-
};
|
|
28
|
-
declare const PageHeader: PageHeaderComponentType;
|
|
29
|
-
export { PageHeader };
|
|
30
|
-
export type { PageHeaderProps, PageHeaderActionsProps, PageHeaderTitleProps };
|
|
31
|
-
//# sourceMappingURL=PageHeader.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../src/components/PageHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,IAAI,gBAAgB,EAC9B,KAAK,eAAe,IAAI,qBAAqB,EAC7C,KAAK,oBAAoB,IAAI,0BAA0B,EACvD,KAAK,sBAAsB,IAAI,4BAA4B,EAC3D,KAAK,wBAAwB,IAAI,8BAA8B,EAChE,MAAM,eAAe,CAAA;AAEtB,OAAO,EAAK,KAAK,MAAM,EAA2B,MAAM,OAAO,CAAA;AAC/D,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AAEvD,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAC5C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,KAAK,eAAe,GAAG,qBAAqB,GAAG,MAAM,CAAA;AAcrD,KAAK,sBAAsB,GAAG,4BAA4B,GAAG,MAAM,CAAA;AAEnE,iBAAS,iBAAiB,CAAC,EAAC,EAAE,EAAE,GAAG,IAAI,EAAC,EAAE,sBAAsB,qBAY/D;AAED,KAAK,oBAAoB,GAAG,iBAAiB,CAAC,0BAA0B,CAAC,GAAG,MAAM,CAAA;AAwBlF,QAAA,MAAM,eAAe,GAAI,kBAAgB,oBAAoB,sBAE5D,CAAA;AAED,KAAK,wBAAwB,GAAG,iBAAiB,CAAC,8BAA8B,CAAC,GAAG,MAAM,CAAA;AAE1F,QAAA,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,CAM7E,CAAA;AAED,KAAK,uBAAuB,GAAG,mBAAmB,CAAC,KAAK,EAAE,eAAe,CAAC,GAAG;IAC3E,OAAO,EAAE,OAAO,iBAAiB,CAAA;IACjC,WAAW,EAAE,OAAO,gBAAgB,CAAC,WAAW,CAAA;IAChD,UAAU,EAAE,OAAO,gBAAgB,CAAC,UAAU,CAAA;IAC9C,UAAU,EAAE,OAAO,gBAAgB,CAAC,UAAU,CAAA;IAC9C,SAAS,EAAE,OAAO,mBAAmB,CAAA;IACrC,kBAAkB,EAAE,OAAO,gBAAgB,CAAC,kBAAkB,CAAA;IAC9D,aAAa,EAAE,OAAO,gBAAgB,CAAC,aAAa,CAAA;IACpD,WAAW,EAAE,OAAO,gBAAgB,CAAC,WAAW,CAAA;IAChD,aAAa,EAAE,OAAO,gBAAgB,CAAC,aAAa,CAAA;IACpD,KAAK,EAAE,OAAO,eAAe,CAAA;IAC7B,cAAc,EAAE,OAAO,gBAAgB,CAAC,cAAc,CAAA;IACtD,WAAW,EAAE,OAAO,gBAAgB,CAAC,WAAW,CAAA;IAChD,cAAc,EAAE,OAAO,gBAAgB,CAAC,cAAc,CAAA;CACvD,CAAA;AAED,QAAA,MAAM,UAAU,EAAE,uBAchB,CAAA;AAEF,OAAO,EAAC,UAAU,EAAC,CAAA;AACnB,YAAY,EAAC,eAAe,EAAE,sBAAsB,EAAE,oBAAoB,EAAC,CAAA"}
|
|
@@ -1,109 +0,0 @@
|
|
|
1
|
-
import { PageHeader as PageHeader$1 } from '@primer/react';
|
|
2
|
-
import styled from 'styled-components';
|
|
3
|
-
import { sx } from '../sx.js';
|
|
4
|
-
import { Box } from './Box.js';
|
|
5
|
-
import React from 'react';
|
|
6
|
-
import { jsx } from 'react/jsx-runtime';
|
|
7
|
-
|
|
8
|
-
const StyledPageHeader = styled(PageHeader$1).withConfig({
|
|
9
|
-
shouldForwardProp: prop => prop !== 'sx'
|
|
10
|
-
}).withConfig({
|
|
11
|
-
displayName: "PageHeader__StyledPageHeader",
|
|
12
|
-
componentId: "sc-1g9symn-0"
|
|
13
|
-
})(["", ""], sx);
|
|
14
|
-
const PageHeaderImpl = /*#__PURE__*/React.forwardRef(({
|
|
15
|
-
as,
|
|
16
|
-
...props
|
|
17
|
-
}, ref) => /*#__PURE__*/jsx(StyledPageHeader, {
|
|
18
|
-
...props,
|
|
19
|
-
...(as ? {
|
|
20
|
-
forwardedAs: as
|
|
21
|
-
} : {}),
|
|
22
|
-
ref: ref
|
|
23
|
-
}));
|
|
24
|
-
function PageHeaderActions({
|
|
25
|
-
sx,
|
|
26
|
-
...rest
|
|
27
|
-
}) {
|
|
28
|
-
const style = {};
|
|
29
|
-
if (sx) {
|
|
30
|
-
// @ts-ignore sx has height attribute
|
|
31
|
-
const {
|
|
32
|
-
height
|
|
33
|
-
} = sx;
|
|
34
|
-
if (height) {
|
|
35
|
-
style['--custom-height'] = height;
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
// @ts-expect-error type mismatch between Box usage here and PrimerPageHeader.Actions
|
|
40
|
-
return /*#__PURE__*/jsx(Box, {
|
|
41
|
-
...rest,
|
|
42
|
-
as: PageHeader$1.Actions,
|
|
43
|
-
style: style,
|
|
44
|
-
sx: sx
|
|
45
|
-
});
|
|
46
|
-
}
|
|
47
|
-
function StyledPageHeaderTitle({
|
|
48
|
-
sx,
|
|
49
|
-
...rest
|
|
50
|
-
}) {
|
|
51
|
-
const style = {};
|
|
52
|
-
if (sx) {
|
|
53
|
-
// @ts-ignore sx can have color attribute
|
|
54
|
-
const {
|
|
55
|
-
fontSize,
|
|
56
|
-
lineHeight,
|
|
57
|
-
fontWeight
|
|
58
|
-
} = sx;
|
|
59
|
-
if (fontSize) {
|
|
60
|
-
style['--custom-font-size'] = fontSize;
|
|
61
|
-
}
|
|
62
|
-
if (lineHeight) {
|
|
63
|
-
style['--custom-line-height'] = lineHeight;
|
|
64
|
-
}
|
|
65
|
-
if (fontWeight) {
|
|
66
|
-
style['--custom-font-weight'] = fontWeight;
|
|
67
|
-
}
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
// @ts-expect-error type mismatch between Box usage here and PrimerPageHeader.Title
|
|
71
|
-
return /*#__PURE__*/jsx(Box, {
|
|
72
|
-
...rest,
|
|
73
|
-
as: PageHeader$1.Title,
|
|
74
|
-
style: style,
|
|
75
|
-
sx: sx
|
|
76
|
-
});
|
|
77
|
-
}
|
|
78
|
-
const PageHeaderTitle = ({
|
|
79
|
-
as,
|
|
80
|
-
...props
|
|
81
|
-
}) => /*#__PURE__*/jsx(StyledPageHeaderTitle, {
|
|
82
|
-
...props,
|
|
83
|
-
...(as ? {
|
|
84
|
-
forwardedAs: as
|
|
85
|
-
} : {})
|
|
86
|
-
});
|
|
87
|
-
const PageHeaderTitleArea = styled(PageHeader$1.TitleArea).withConfig({
|
|
88
|
-
shouldForwardProp: prop => prop !== 'sx'
|
|
89
|
-
}).withConfig({
|
|
90
|
-
displayName: "PageHeader__PageHeaderTitleArea",
|
|
91
|
-
componentId: "sc-1g9symn-1"
|
|
92
|
-
})(["", ""], sx);
|
|
93
|
-
const PageHeader = Object.assign(PageHeaderImpl, {
|
|
94
|
-
Actions: PageHeaderActions,
|
|
95
|
-
ContextArea: PageHeader$1.ContextArea,
|
|
96
|
-
ParentLink: PageHeader$1.ParentLink,
|
|
97
|
-
ContextBar: PageHeader$1.ContextBar,
|
|
98
|
-
TitleArea: PageHeaderTitleArea,
|
|
99
|
-
ContextAreaActions: PageHeader$1.ContextAreaActions,
|
|
100
|
-
LeadingAction: PageHeader$1.LeadingAction,
|
|
101
|
-
Breadcrumbs: PageHeader$1.Breadcrumbs,
|
|
102
|
-
LeadingVisual: PageHeader$1.LeadingVisual,
|
|
103
|
-
Title: PageHeaderTitle,
|
|
104
|
-
TrailingVisual: PageHeader$1.TrailingVisual,
|
|
105
|
-
Description: PageHeader$1.Description,
|
|
106
|
-
TrailingAction: PageHeader$1.TrailingAction
|
|
107
|
-
});
|
|
108
|
-
|
|
109
|
-
export { PageHeader };
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { type TokenProps as PrimerTokenProps } from '@primer/react';
|
|
2
|
-
import { type SxProp } from '../sx';
|
|
3
|
-
import type { ForwardRefComponent } from '../polymorphic';
|
|
4
|
-
import type { PropsWithChildren } from 'react';
|
|
5
|
-
type TokenProps = PropsWithChildren<PrimerTokenProps> & SxProp;
|
|
6
|
-
declare const Token: ForwardRefComponent<"a" | "button" | "span", TokenProps>;
|
|
7
|
-
export { Token, type TokenProps };
|
|
8
|
-
//# sourceMappingURL=Token.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Token.d.ts","sourceRoot":"","sources":["../../src/components/Token.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,KAAK,UAAU,IAAI,gBAAgB,EAAuB,MAAM,eAAe,CAAA;AACvF,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AACrC,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AACvD,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAG5C,KAAK,UAAU,GAAG,iBAAiB,CAAC,gBAAgB,CAAC,GAAG,MAAM,CAAA;AAQ9D,QAAA,MAAM,KAAK,EAEL,mBAAmB,CAAC,GAAG,GAAG,QAAQ,GAAG,MAAM,EAAE,UAAU,CAAC,CAAA;AAE9D,OAAO,EAAC,KAAK,EAAE,KAAK,UAAU,EAAC,CAAA"}
|
package/dist/components/Token.js
DELETED
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { forwardRef } from 'react';
|
|
2
|
-
import { Token as Token$1 } from '@primer/react';
|
|
3
|
-
import { sx } from '../sx.js';
|
|
4
|
-
import styled from 'styled-components';
|
|
5
|
-
import { jsx } from 'react/jsx-runtime';
|
|
6
|
-
|
|
7
|
-
const StyledToken = styled(Token$1).withConfig({
|
|
8
|
-
shouldForwardProp: prop => prop !== 'sx'
|
|
9
|
-
}).withConfig({
|
|
10
|
-
displayName: "Token__StyledToken",
|
|
11
|
-
componentId: "sc-ldn0r8-0"
|
|
12
|
-
})(["", ""], sx);
|
|
13
|
-
const Token = /*#__PURE__*/forwardRef(({
|
|
14
|
-
as,
|
|
15
|
-
...props
|
|
16
|
-
}, ref) => {
|
|
17
|
-
return /*#__PURE__*/jsx(StyledToken, {
|
|
18
|
-
...props,
|
|
19
|
-
...(as ? {
|
|
20
|
-
forwardedAs: as
|
|
21
|
-
} : {}),
|
|
22
|
-
ref: ref
|
|
23
|
-
});
|
|
24
|
-
});
|
|
25
|
-
|
|
26
|
-
export { Token };
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { type TooltipProps as PrimerTooltipProps, type SlotMarker } from '@primer/react';
|
|
2
|
-
import { type ForwardRefExoticComponent, type RefAttributes } from 'react';
|
|
3
|
-
import type { SxProp } from '../sx';
|
|
4
|
-
type TooltipProps = PrimerTooltipProps & SxProp;
|
|
5
|
-
declare const Tooltip: ForwardRefExoticComponent<TooltipProps & RefAttributes<HTMLDivElement>> & SlotMarker;
|
|
6
|
-
export { Tooltip, type TooltipProps };
|
|
7
|
-
//# sourceMappingURL=Tooltip.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/components/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA2B,KAAK,YAAY,IAAI,kBAAkB,EAAE,KAAK,UAAU,EAAC,MAAM,eAAe,CAAA;AAEhH,OAAO,EAAa,KAAK,yBAAyB,EAAE,KAAK,aAAa,EAAC,MAAM,OAAO,CAAA;AACpF,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAEjC,KAAK,YAAY,GAAG,kBAAkB,GAAG,MAAM,CAAA;AAE/C,QAAA,MAAM,OAAO,EAAE,yBAAyB,CAAC,YAAY,GAAG,aAAa,CAAC,cAAc,CAAC,CAAC,GAAG,UAKvF,CAAA;AAIF,OAAO,EAAC,OAAO,EAAE,KAAK,YAAY,EAAC,CAAA"}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { Tooltip as Tooltip$1 } from '@primer/react';
|
|
2
|
-
import { Box } from './Box.js';
|
|
3
|
-
import { forwardRef } from 'react';
|
|
4
|
-
import { jsx } from 'react/jsx-runtime';
|
|
5
|
-
|
|
6
|
-
const Tooltip = /*#__PURE__*/forwardRef(function Tooltip(props, ref) {
|
|
7
|
-
return /*#__PURE__*/jsx(Box, {
|
|
8
|
-
as: Tooltip$1,
|
|
9
|
-
ref: ref,
|
|
10
|
-
...props
|
|
11
|
-
});
|
|
12
|
-
});
|
|
13
|
-
Tooltip.__SLOT__ = Tooltip$1.__SLOT__;
|
|
14
|
-
|
|
15
|
-
export { Tooltip };
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { type TooltipProps as PrimerTooltipProps } from '@primer/react/deprecated';
|
|
2
|
-
import { type SxProp } from '../../sx';
|
|
3
|
-
import { type PropsWithChildren } from 'react';
|
|
4
|
-
type TooltipProps = PropsWithChildren<PrimerTooltipProps & SxProp & {
|
|
5
|
-
as?: React.ElementType;
|
|
6
|
-
}>;
|
|
7
|
-
declare const TooltipImpl: import("react").ForwardRefExoticComponent<Omit<TooltipProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
|
|
8
|
-
declare const Tooltip: typeof TooltipImpl & {
|
|
9
|
-
alignments: string[];
|
|
10
|
-
directions: string[];
|
|
11
|
-
};
|
|
12
|
-
export { Tooltip, type TooltipProps };
|
|
13
|
-
//# sourceMappingURL=Tooltip.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/deprecated/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA2B,KAAK,YAAY,IAAI,kBAAkB,EAAC,MAAM,0BAA0B,CAAA;AAE1G,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,UAAU,CAAA;AACxC,OAAO,EAAC,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAK5C,KAAK,YAAY,GAAG,iBAAiB,CAAC,kBAAkB,GAAG,MAAM,GAAG;IAAC,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CAAC,CAAC,CAAA;AAQ7F,QAAA,MAAM,WAAW,uHAEf,CAAA;AAEF,QAAA,MAAM,OAAO,EAAkB,OAAO,WAAW,GAAG;IAClD,UAAU,EAAE,MAAM,EAAE,CAAA;IACpB,UAAU,EAAE,MAAM,EAAE,CAAA;CACrB,CAAA;AAOD,OAAO,EAAC,OAAO,EAAE,KAAK,YAAY,EAAC,CAAA"}
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { Tooltip as Tooltip$1 } from '@primer/react/deprecated';
|
|
2
|
-
import { forwardRef } from 'react';
|
|
3
|
-
import { sx } from '../../sx.js';
|
|
4
|
-
import styled from 'styled-components';
|
|
5
|
-
import { jsx } from 'react/jsx-runtime';
|
|
6
|
-
|
|
7
|
-
const StyledTooltip = styled(Tooltip$1).withConfig({
|
|
8
|
-
shouldForwardProp: prop => prop !== 'sx'
|
|
9
|
-
}).withConfig({
|
|
10
|
-
displayName: "Tooltip__StyledTooltip",
|
|
11
|
-
componentId: "sc-145jcib-0"
|
|
12
|
-
})(["", ""], sx);
|
|
13
|
-
const TooltipImpl = /*#__PURE__*/forwardRef(function Tooltip({
|
|
14
|
-
as,
|
|
15
|
-
...props
|
|
16
|
-
}, ref) {
|
|
17
|
-
return /*#__PURE__*/jsx(StyledTooltip, {
|
|
18
|
-
...props,
|
|
19
|
-
...(as ? {
|
|
20
|
-
forwardedAs: as
|
|
21
|
-
} : {}),
|
|
22
|
-
ref: ref
|
|
23
|
-
});
|
|
24
|
-
});
|
|
25
|
-
const Tooltip = TooltipImpl;
|
|
26
|
-
|
|
27
|
-
// Preserve static properties from the original component
|
|
28
|
-
Tooltip.alignments = Tooltip$1.alignments;
|
|
29
|
-
Tooltip.directions = Tooltip$1.directions;
|
|
30
|
-
Tooltip.__SLOT__ = Tooltip$1.__SLOT__;
|
|
31
|
-
|
|
32
|
-
export { Tooltip };
|