@primer/styled-react 0.0.0-20251006212650 → 0.0.0-20251006213230
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/Octicon.d.ts +17 -0
- package/dist/components/Octicon.d.ts.map +1 -0
- package/dist/components.json +1 -0
- package/dist/deprecated.d.ts +1 -1
- package/dist/deprecated.d.ts.map +1 -1
- package/dist/deprecated.js +34 -3
- package/dist/index.d.ts +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +4 -21
- package/package.json +3 -3
- package/dist/components/ThemeProvider.d.ts +0 -4
- package/dist/components/ThemeProvider.d.ts.map +0 -1
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { type OcticonProps as PrimerOcticonProps } from '@primer/react/deprecated';
|
|
2
|
+
import { type SxProp } from '../sx';
|
|
3
|
+
/**
|
|
4
|
+
* @deprecated Use the icon component directly from `@primer/octicons-react` instead
|
|
5
|
+
*/
|
|
6
|
+
export type OcticonProps = PrimerOcticonProps & SxProp & {
|
|
7
|
+
color?: string;
|
|
8
|
+
};
|
|
9
|
+
declare const Octicon: import("react").ForwardRefExoticComponent<{
|
|
10
|
+
icon: React.ElementType;
|
|
11
|
+
as?: React.ElementType;
|
|
12
|
+
} & import("@primer/octicons-react").IconProps & SxProp & {
|
|
13
|
+
color?: string;
|
|
14
|
+
} & import("react").RefAttributes<unknown>>;
|
|
15
|
+
export default Octicon;
|
|
16
|
+
export { Octicon };
|
|
17
|
+
//# sourceMappingURL=Octicon.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Octicon.d.ts","sourceRoot":"","sources":["../../src/components/Octicon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA2B,KAAK,YAAY,IAAI,kBAAkB,EAAC,MAAM,0BAA0B,CAAA;AAE1G,OAAO,EAAC,KAAK,MAAM,EAAK,MAAM,OAAO,CAAA;AAGrC;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,kBAAkB,GAAG,MAAM,GAAG;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAC,CAAA;AAazE,QAAA,MAAM,OAAO;;;;YAbqD,MAAM;2CAetE,CAAA;AAEF,eAAe,OAAO,CAAA;AACtB,OAAO,EAAC,OAAO,EAAC,CAAA"}
|
package/dist/components.json
CHANGED
package/dist/deprecated.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export { TabNav, type TabNavProps, type TabNavLinkProps } from './components/TabNav';
|
|
2
2
|
export { Dialog, type DialogProps, type DialogHeaderProps } from './components/DialogV1';
|
|
3
|
-
export { Octicon } from '
|
|
3
|
+
export { Octicon, type OcticonProps } from './components/Octicon';
|
|
4
4
|
export { DeprecatedTooltip as Tooltip, type DeprecatedTooltipProps as TooltipProps } from './components/Tooltip';
|
|
5
5
|
//# sourceMappingURL=deprecated.d.ts.map
|
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,EAAC,MAAM,EAAE,KAAK,WAAW,EAAE,KAAK,eAAe,EAAC,MAAM,qBAAqB,CAAA;AAClF,OAAO,EAAC,MAAM,EAAE,KAAK,WAAW,EAAE,KAAK,iBAAiB,EAAC,MAAM,uBAAuB,CAAA;AACtF,OAAO,EAAC,OAAO,EAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"deprecated.d.ts","sourceRoot":"","sources":["../src/deprecated.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAE,KAAK,WAAW,EAAE,KAAK,eAAe,EAAC,MAAM,qBAAqB,CAAA;AAClF,OAAO,EAAC,MAAM,EAAE,KAAK,WAAW,EAAE,KAAK,iBAAiB,EAAC,MAAM,uBAAuB,CAAA;AACtF,OAAO,EAAC,OAAO,EAAE,KAAK,YAAY,EAAC,MAAM,sBAAsB,CAAA;AAC/D,OAAO,EAAC,iBAAiB,IAAI,OAAO,EAAE,KAAK,sBAAsB,IAAI,YAAY,EAAC,MAAM,sBAAsB,CAAA"}
|
package/dist/deprecated.js
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import { TabNav as TabNav$1, Dialog as Dialog$1 } from '@primer/react/deprecated';
|
|
2
|
-
export { Octicon } from '@primer/react/deprecated';
|
|
1
|
+
import { TabNav as TabNav$1, Dialog as Dialog$1, Octicon as Octicon$1 } from '@primer/react/deprecated';
|
|
3
2
|
import { sx, Box } from '@primer/react';
|
|
4
3
|
import styled from 'styled-components';
|
|
5
4
|
import { forwardRef } from 'react';
|
|
@@ -81,4 +80,36 @@ const Dialog = Object.assign(DialogImpl, {
|
|
|
81
80
|
Header: DialogHeader
|
|
82
81
|
});
|
|
83
82
|
|
|
84
|
-
|
|
83
|
+
/**
|
|
84
|
+
* @deprecated Use the icon component directly from `@primer/octicons-react` instead
|
|
85
|
+
*/
|
|
86
|
+
const StyledOcticon = styled(Octicon$1).withConfig({
|
|
87
|
+
shouldForwardProp(prop) {
|
|
88
|
+
return prop !== 'sx';
|
|
89
|
+
}
|
|
90
|
+
}).withConfig({
|
|
91
|
+
displayName: "Octicon__StyledOcticon",
|
|
92
|
+
componentId: "sc-17xnf60-0"
|
|
93
|
+
})(["", ""], ({
|
|
94
|
+
color,
|
|
95
|
+
sx: sxProp
|
|
96
|
+
}) => sx({
|
|
97
|
+
sx: {
|
|
98
|
+
color,
|
|
99
|
+
...sxProp
|
|
100
|
+
}
|
|
101
|
+
}));
|
|
102
|
+
const Octicon = /*#__PURE__*/forwardRef(({
|
|
103
|
+
as,
|
|
104
|
+
...props
|
|
105
|
+
}, ref) => {
|
|
106
|
+
return /*#__PURE__*/jsx(StyledOcticon, {
|
|
107
|
+
...props,
|
|
108
|
+
...(as ? {
|
|
109
|
+
forwardedAs: as
|
|
110
|
+
} : {}),
|
|
111
|
+
ref: ref
|
|
112
|
+
});
|
|
113
|
+
});
|
|
114
|
+
|
|
115
|
+
export { Dialog, Octicon, TabNav };
|
package/dist/index.d.ts
CHANGED
|
@@ -9,7 +9,7 @@ export { Select } from '@primer/react';
|
|
|
9
9
|
export { Textarea } from '@primer/react';
|
|
10
10
|
export { TextInput } from '@primer/react';
|
|
11
11
|
export { type TextInputProps } from '@primer/react';
|
|
12
|
-
export { ThemeProvider } from '
|
|
12
|
+
export { ThemeProvider } from '@primer/react';
|
|
13
13
|
export { merge } from '@primer/react';
|
|
14
14
|
export { theme } from '@primer/react';
|
|
15
15
|
export { themeGet } from '@primer/react';
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAE,KAAK,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AACnD,OAAO,EAAC,MAAM,EAAC,MAAM,eAAe,CAAA;AACpC,OAAO,EAAC,OAAO,EAAC,MAAM,eAAe,CAAA;AACrC,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAA;AACzC,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAA;AACxC,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAA;AACzC,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAA;AACxC,OAAO,EAAC,MAAM,EAAC,MAAM,eAAe,CAAA;AACpC,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAA;AACtC,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AACvC,OAAO,EAAC,KAAK,cAAc,EAAC,MAAM,eAAe,CAAA;AAGjD,OAAO,EAAC,aAAa,EAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"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"}
|
package/dist/index.js
CHANGED
|
@@ -1,30 +1,13 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export { Box, Button, Details, FormControl, IconButton, PageLayout, ProgressBar, Select, TextInput, Textarea, merge, sx, theme, themeGet, useColorSchemeVar, useTheme } from '@primer/react';
|
|
1
|
+
import { ActionList as ActionList$1, sx, ActionMenu as ActionMenu$1, Autocomplete as Autocomplete$1, Box, Avatar as Avatar$1, Breadcrumbs as Breadcrumbs$1, Checkbox as Checkbox$1, CheckboxGroup as CheckboxGroup$1, CircleBadge as CircleBadge$1, CounterLabel as CounterLabel$1, Flash as Flash$1, Header as Header$1, Heading as Heading$1, Label as Label$1, Link as Link$1, LinkButton as LinkButton$1, NavList as NavList$1, Overlay as Overlay$1, RadioGroup as RadioGroup$1, RelativeTime as RelativeTime$1, SegmentedControl as SegmentedControl$1, Spinner as Spinner$1, StateLabel as StateLabel$1, SubNav as SubNav$1, Text as Text$1, Timeline as Timeline$1, ToggleSwitch as ToggleSwitch$1, useTheme, theme, Token as Token$1, Truncate as Truncate$1, UnderlineNav as UnderlineNav$1 } from '@primer/react';
|
|
2
|
+
export { Box, Button, Details, FormControl, IconButton, PageLayout, ProgressBar, Select, TextInput, Textarea, ThemeProvider, merge, sx, theme, themeGet, useColorSchemeVar, useTheme } from '@primer/react';
|
|
3
3
|
import React, { forwardRef } from 'react';
|
|
4
|
-
import styled
|
|
4
|
+
import styled from 'styled-components';
|
|
5
5
|
import { jsx } from 'react/jsx-runtime';
|
|
6
6
|
export { D as Dialog, P as PageHeader } from './PageHeader-DCDIR2C1.js';
|
|
7
7
|
export { T as Tooltip } from './Tooltip-YuSlJ5b_.js';
|
|
8
8
|
import css from '@styled-system/css';
|
|
9
9
|
import '@primer/react/deprecated';
|
|
10
10
|
|
|
11
|
-
const ThemeProvider = props => {
|
|
12
|
-
const {
|
|
13
|
-
children,
|
|
14
|
-
...rest
|
|
15
|
-
} = props;
|
|
16
|
-
const {
|
|
17
|
-
theme: theme$1
|
|
18
|
-
} = useTheme();
|
|
19
|
-
return /*#__PURE__*/jsx(ThemeProvider$1, {
|
|
20
|
-
...rest,
|
|
21
|
-
children: /*#__PURE__*/jsx(ThemeProvider$2, {
|
|
22
|
-
theme: theme$1 || theme,
|
|
23
|
-
children: children
|
|
24
|
-
})
|
|
25
|
-
});
|
|
26
|
-
};
|
|
27
|
-
|
|
28
11
|
const StyledActionList = styled(ActionList$1).withConfig({
|
|
29
12
|
shouldForwardProp: prop => prop !== 'sx'
|
|
30
13
|
}).withConfig({
|
|
@@ -649,4 +632,4 @@ const UnderlineNav = Object.assign(UnderlineNavImpl, {
|
|
|
649
632
|
Item: UnderlineNavItem
|
|
650
633
|
});
|
|
651
634
|
|
|
652
|
-
export { ActionList, ActionMenu, Autocomplete, Avatar, Breadcrumb, Breadcrumbs, Checkbox, CheckboxGroup, CircleBadge, CounterLabel, Flash, Header, Heading, Label, Link, LinkButton, NavList, Overlay, RadioGroup, RelativeTime, SegmentedControl, Spinner, StateLabel, SubNav, Text,
|
|
635
|
+
export { ActionList, ActionMenu, Autocomplete, Avatar, Breadcrumb, Breadcrumbs, Checkbox, CheckboxGroup, CircleBadge, CounterLabel, Flash, Header, Heading, Label, Link, LinkButton, NavList, Overlay, RadioGroup, RelativeTime, SegmentedControl, Spinner, StateLabel, SubNav, Text, Timeline, ToggleSwitch, Token, Truncate, UnderlineNav };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@primer/styled-react",
|
|
3
|
-
"version": "0.0.0-
|
|
3
|
+
"version": "0.0.0-20251006213230",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"exports": {
|
|
6
6
|
".": {
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
"devDependencies": {
|
|
31
31
|
"@babel/preset-react": "^7.27.1",
|
|
32
32
|
"@babel/preset-typescript": "^7.27.1",
|
|
33
|
-
"@primer/react": "0.0.0-
|
|
33
|
+
"@primer/react": "0.0.0-20251006213230",
|
|
34
34
|
"@rollup/plugin-babel": "^6.0.4",
|
|
35
35
|
"@types/react": "18.3.11",
|
|
36
36
|
"@types/react-dom": "18.3.1",
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
"typescript": "^5.9.2"
|
|
47
47
|
},
|
|
48
48
|
"peerDependencies": {
|
|
49
|
-
"@primer/react": "0.0.0-
|
|
49
|
+
"@primer/react": "0.0.0-20251006213230",
|
|
50
50
|
"@types/react": "18.x || 19.x",
|
|
51
51
|
"@types/react-dom": "18.x || 19.x",
|
|
52
52
|
"@types/react-is": "18.x || 19.x",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../src/components/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAEnD,OAAO,EAEL,KAAK,kBAAkB,EAGxB,MAAM,eAAe,CAAA;AAEtB,eAAO,MAAM,aAAa,GAAI,OAAO,iBAAiB,CAAC,kBAAkB,CAAC,sBAQzE,CAAA"}
|