@primer/styled-react 0.0.0-20260319195250 → 0.0.0-20260319200330
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/Textarea.d.ts +9 -0
- package/dist/components/Textarea.d.ts.map +1 -0
- package/dist/components/Textarea.js +26 -0
- package/dist/components.json +2 -2
- package/dist/index.d.ts +11 -11
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -1
- package/package.json +3 -3
- package/dist/components/Avatar.d.ts +0 -13
- package/dist/components/Avatar.d.ts.map +0 -1
- package/dist/components/Avatar.js +0 -14
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { type TextareaProps as PrimerTextareaProps } from '@primer/react';
|
|
2
|
+
import { type SxProp } from '../sx';
|
|
3
|
+
import type { ForwardRefComponent } from '../polymorphic';
|
|
4
|
+
type TextareaProps = PrimerTextareaProps & SxProp & {
|
|
5
|
+
as?: React.ElementType;
|
|
6
|
+
};
|
|
7
|
+
declare const Textarea: ForwardRefComponent<"textarea", TextareaProps>;
|
|
8
|
+
export { Textarea, type TextareaProps };
|
|
9
|
+
//# sourceMappingURL=Textarea.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../src/components/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,aAAa,IAAI,mBAAmB,EAAC,MAAM,eAAe,CAAA;AAEnG,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AACrC,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AAGvD,KAAK,aAAa,GAAG,mBAAmB,GAAG,MAAM,GAAG;IAAC,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CAAC,CAAA;AAQ5E,QAAA,MAAM,QAAQ,EAER,mBAAmB,CAAC,UAAU,EAAE,aAAa,CAAC,CAAA;AAEpD,OAAO,EAAC,QAAQ,EAAE,KAAK,aAAa,EAAC,CAAA"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { Textarea as Textarea$1 } from '@primer/react';
|
|
2
|
+
import styled from 'styled-components';
|
|
3
|
+
import { sx } from '../sx.js';
|
|
4
|
+
import { forwardRef } from 'react';
|
|
5
|
+
import { jsx } from 'react/jsx-runtime';
|
|
6
|
+
|
|
7
|
+
const StyledTextarea = styled(Textarea$1).withConfig({
|
|
8
|
+
shouldForwardProp: prop => prop !== 'sx'
|
|
9
|
+
}).withConfig({
|
|
10
|
+
displayName: "Textarea__StyledTextarea",
|
|
11
|
+
componentId: "sc-40d1gp-0"
|
|
12
|
+
})(["", ""], sx);
|
|
13
|
+
const Textarea = /*#__PURE__*/forwardRef(({
|
|
14
|
+
as,
|
|
15
|
+
...props
|
|
16
|
+
}, ref) => {
|
|
17
|
+
return /*#__PURE__*/jsx(StyledTextarea, {
|
|
18
|
+
...props,
|
|
19
|
+
...(as ? {
|
|
20
|
+
forwardedAs: as
|
|
21
|
+
} : {}),
|
|
22
|
+
ref: ref
|
|
23
|
+
});
|
|
24
|
+
});
|
|
25
|
+
|
|
26
|
+
export { Textarea };
|
package/dist/components.json
CHANGED
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
"components": [
|
|
3
3
|
"ActionList",
|
|
4
4
|
"ActionMenu",
|
|
5
|
-
"Avatar",
|
|
6
5
|
"BaseStyles",
|
|
7
6
|
"Box",
|
|
8
7
|
"Breadcrumb",
|
|
@@ -26,6 +25,7 @@
|
|
|
26
25
|
"Table",
|
|
27
26
|
"TabNav",
|
|
28
27
|
"Text",
|
|
28
|
+
"Textarea",
|
|
29
29
|
"TextInput",
|
|
30
30
|
"ThemeProvider",
|
|
31
31
|
"Timeline",
|
|
@@ -44,7 +44,6 @@
|
|
|
44
44
|
"ActionListProps",
|
|
45
45
|
"ActionListTrailingActionProps",
|
|
46
46
|
"ActionListTrailingVisualProps",
|
|
47
|
-
"AvatarProps",
|
|
48
47
|
"BaseStylesProps",
|
|
49
48
|
"BetterSystemStyleObject",
|
|
50
49
|
"BoxProps",
|
|
@@ -81,6 +80,7 @@
|
|
|
81
80
|
"TableTitleProps",
|
|
82
81
|
"TabNavLinkProps",
|
|
83
82
|
"TabNavProps",
|
|
83
|
+
"TextareaProps",
|
|
84
84
|
"TextInputActionProps",
|
|
85
85
|
"TextInputProps",
|
|
86
86
|
"TextProps",
|
package/dist/index.d.ts
CHANGED
|
@@ -106,17 +106,6 @@ export {
|
|
|
106
106
|
*/
|
|
107
107
|
ActionMenu, } from './components/ActionMenu';
|
|
108
108
|
export {
|
|
109
|
-
/**
|
|
110
|
-
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
111
|
-
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
112
|
-
*/
|
|
113
|
-
Avatar,
|
|
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
|
-
type AvatarProps, } from './components/Avatar';
|
|
119
|
-
export {
|
|
120
109
|
/**
|
|
121
110
|
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
122
111
|
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
@@ -319,6 +308,17 @@ Text,
|
|
|
319
308
|
*/
|
|
320
309
|
type TextProps, } from './components/Text';
|
|
321
310
|
export {
|
|
311
|
+
/**
|
|
312
|
+
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
313
|
+
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
314
|
+
*/
|
|
315
|
+
Textarea,
|
|
316
|
+
/**
|
|
317
|
+
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
318
|
+
* supported. Use the component from `@primer/react` with CSS Modules instead.
|
|
319
|
+
*/
|
|
320
|
+
type TextareaProps, } from './components/Textarea';
|
|
321
|
+
export {
|
|
322
322
|
/**
|
|
323
323
|
* @deprecated Usage of the `sx` prop with this component is no longer
|
|
324
324
|
* 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,UAAU,GACX,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
|
@@ -6,7 +6,6 @@ export { theme } from '@primer/react';
|
|
|
6
6
|
export { get as themeGet } from './theme-get.js';
|
|
7
7
|
export { ActionList } from './components/ActionList.js';
|
|
8
8
|
export { ActionMenu } from './components/ActionMenu.js';
|
|
9
|
-
export { Avatar } from './components/Avatar.js';
|
|
10
9
|
export { Breadcrumb, Breadcrumbs } from './components/Breadcrumbs.js';
|
|
11
10
|
export { ButtonComponent as Button } from './components/Button.js';
|
|
12
11
|
export { CounterLabel } from './components/CounterLabel.js';
|
|
@@ -24,6 +23,7 @@ export { PageHeader } from './components/PageHeader.js';
|
|
|
24
23
|
export { SegmentedControl } from './components/SegmentedControl.js';
|
|
25
24
|
export { Spinner } from './components/Spinner.js';
|
|
26
25
|
export { Text } from './components/Text.js';
|
|
26
|
+
export { Textarea } from './components/Textarea.js';
|
|
27
27
|
export { TextInput } from './components/TextInput.js';
|
|
28
28
|
export { Timeline } from './components/Timeline.js';
|
|
29
29
|
export { ToggleSwitch } from './components/ToggleSwitch.js';
|
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-20260319200330",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"exports": {
|
|
6
6
|
".": {
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
"@babel/preset-react": "^7.28.5",
|
|
47
47
|
"@babel/preset-typescript": "^7.28.5",
|
|
48
48
|
"@primer/primitives": "10.x || 11.x",
|
|
49
|
-
"@primer/react": "0.0.0-
|
|
49
|
+
"@primer/react": "0.0.0-20260319200330",
|
|
50
50
|
"@rollup/plugin-babel": "^6.1.0",
|
|
51
51
|
"@storybook/react-vite": "^10.1.11",
|
|
52
52
|
"@types/react": "18.3.11",
|
|
@@ -67,7 +67,7 @@
|
|
|
67
67
|
"typescript": "^5.9.2"
|
|
68
68
|
},
|
|
69
69
|
"peerDependencies": {
|
|
70
|
-
"@primer/react": "0.0.0-
|
|
70
|
+
"@primer/react": "0.0.0-20260319200330",
|
|
71
71
|
"@types/react": "18.x || 19.x",
|
|
72
72
|
"@types/react-dom": "18.x || 19.x",
|
|
73
73
|
"@types/react-is": "18.x || 19.x",
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { type AvatarProps as PrimerAvatarProps } from '@primer/react';
|
|
2
|
-
import type { StyledProps } from '../styled-props';
|
|
3
|
-
type AvatarProps = PrimerAvatarProps & StyledProps;
|
|
4
|
-
declare const Avatar: import("react").ForwardRefExoticComponent<{
|
|
5
|
-
size?: number | import("@primer/react").ResponsiveValue<number>;
|
|
6
|
-
square?: boolean;
|
|
7
|
-
src: string;
|
|
8
|
-
alt?: string;
|
|
9
|
-
className?: string;
|
|
10
|
-
} & Omit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "ref"> & import("..").SxProp & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").GridProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").BackgroundProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Background<import("styled-system").TLengthStyledSystem>> & import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").ShadowProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("react").RefAttributes<HTMLImageElement>>;
|
|
11
|
-
export { Avatar };
|
|
12
|
-
export type { AvatarProps };
|
|
13
|
-
//# sourceMappingURL=Avatar.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../src/components/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,WAAW,IAAI,iBAAiB,EAAyB,MAAM,eAAe,CAAA;AAE3F,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,iBAAiB,CAAA;AAGhD,KAAK,WAAW,GAAG,iBAAiB,GAAG,WAAW,CAAA;AAClD,QAAA,MAAM,MAAM;;;;;;ynDAEV,CAAA;AAEF,OAAO,EAAC,MAAM,EAAC,CAAA;AACf,YAAY,EAAC,WAAW,EAAC,CAAA"}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { Avatar as Avatar$1 } from '@primer/react';
|
|
2
|
-
import { forwardRef } from 'react';
|
|
3
|
-
import { Box } from './Box.js';
|
|
4
|
-
import { jsx } from 'react/jsx-runtime';
|
|
5
|
-
|
|
6
|
-
const Avatar = /*#__PURE__*/forwardRef(function Avatar(props, ref) {
|
|
7
|
-
return /*#__PURE__*/jsx(Box, {
|
|
8
|
-
as: Avatar$1,
|
|
9
|
-
ref: ref,
|
|
10
|
-
...props
|
|
11
|
-
});
|
|
12
|
-
});
|
|
13
|
-
|
|
14
|
-
export { Avatar };
|