@primer/styled-react 0.0.0-20251024175058 → 0.0.0-20251024181722
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/ActionList.js +4 -4
- package/dist/components/Avatar.js +2 -2
- package/dist/components/BaseStyles.js +3 -3
- package/dist/components/Button.js +4 -4
- package/dist/components/Checkbox.js +2 -2
- package/dist/components/CheckboxGroup.js +8 -8
- package/dist/components/CounterLabel.js +2 -2
- package/dist/components/Dialog.js +8 -8
- package/dist/components/Header.d.ts.map +1 -1
- package/dist/components/Header.js +0 -3
- package/dist/components/IconButton.js +1 -1
- package/dist/components/NavList.js +2 -2
- package/dist/components/PageLayout.d.ts.map +1 -1
- package/dist/components/PageLayout.js +0 -3
- package/dist/components/RadioGroup.js +8 -8
- package/dist/components/RelativeTime.js +2 -2
- package/dist/components/SegmentedControl.js +6 -6
- package/dist/components/StateLabel.js +2 -2
- package/dist/components/SubNav.js +4 -4
- package/dist/components/TextInput.js +2 -2
- package/dist/components/Timeline.js +10 -10
- package/dist/components/ToggleSwitch.js +2 -2
- package/dist/components/Tooltip.js +2 -2
- package/dist/components/UnderlineNav.js +2 -2
- package/dist/components/UnderlinePanels.js +2 -2
- package/dist/components/deprecated/ActionList.js +6 -6
- package/dist/components/deprecated/DialogV1.d.ts.map +1 -1
- package/dist/components/deprecated/DialogV1.js +0 -2
- package/package.json +3 -3
|
@@ -15,11 +15,11 @@ const ActionListImpl = /*#__PURE__*/React.forwardRef(function ActionListImpl({
|
|
|
15
15
|
...rest
|
|
16
16
|
}, ref) {
|
|
17
17
|
return /*#__PURE__*/jsx(StyledActionList, {
|
|
18
|
+
ref: ref,
|
|
18
19
|
...rest,
|
|
19
20
|
...(as ? {
|
|
20
21
|
forwardedAs: as
|
|
21
|
-
} : {})
|
|
22
|
-
ref: ref
|
|
22
|
+
} : {})
|
|
23
23
|
});
|
|
24
24
|
});
|
|
25
25
|
const StyledActionListLinkItem = styled(ActionList$1.LinkItem).withConfig({
|
|
@@ -33,11 +33,11 @@ const ActionListLinkItem = /*#__PURE__*/React.forwardRef(({
|
|
|
33
33
|
as,
|
|
34
34
|
...props
|
|
35
35
|
}, ref) => /*#__PURE__*/jsx(StyledActionListLinkItem, {
|
|
36
|
+
ref: ref,
|
|
36
37
|
...props,
|
|
37
38
|
...(as ? {
|
|
38
39
|
forwardedAs: as
|
|
39
40
|
} : {}),
|
|
40
|
-
ref: ref,
|
|
41
41
|
children: children
|
|
42
42
|
}));
|
|
43
43
|
ActionListLinkItem.displayName = 'ActionList.LinkItem';
|
|
@@ -71,11 +71,11 @@ const ActionListItem = /*#__PURE__*/React.forwardRef(({
|
|
|
71
71
|
as,
|
|
72
72
|
...props
|
|
73
73
|
}, ref) => /*#__PURE__*/jsx(StyledActionListItem, {
|
|
74
|
+
ref: ref,
|
|
74
75
|
...props,
|
|
75
76
|
...(as ? {
|
|
76
77
|
forwardedAs: as
|
|
77
78
|
} : {}),
|
|
78
|
-
ref: ref,
|
|
79
79
|
children: children
|
|
80
80
|
}));
|
|
81
81
|
const StyledActionListGroup = styled(ActionList$1.Group).withConfig({
|
|
@@ -27,14 +27,13 @@ function BaseStyles({
|
|
|
27
27
|
['--BaseStyles-lineHeight']: lineHeight
|
|
28
28
|
};
|
|
29
29
|
return /*#__PURE__*/jsxs(Component, {
|
|
30
|
-
|
|
31
|
-
|
|
30
|
+
className: clsx('BaseStyles', className),
|
|
31
|
+
"data-portal-root": true
|
|
32
32
|
/**
|
|
33
33
|
* We need to map valid primer/react color modes onto valid color modes for primer/primitives
|
|
34
34
|
* valid color modes for primer/primitives: auto | light | dark
|
|
35
35
|
* valid color modes for primer/primer: auto | day | night | light | dark
|
|
36
36
|
*/,
|
|
37
|
-
"data-portal-root": true,
|
|
38
37
|
"data-color-mode": colorMode === 'auto' ? 'auto' : colorScheme?.includes('dark') ? 'dark' : 'light',
|
|
39
38
|
"data-light-theme": dayScheme,
|
|
40
39
|
"data-dark-theme": nightScheme,
|
|
@@ -42,6 +41,7 @@ function BaseStyles({
|
|
|
42
41
|
...baseStyles,
|
|
43
42
|
...style
|
|
44
43
|
},
|
|
44
|
+
...rest,
|
|
45
45
|
children: [/*#__PURE__*/jsx(GlobalStyle, {
|
|
46
46
|
colorScheme: colorScheme?.includes('dark') ? 'dark' : 'light'
|
|
47
47
|
}), children]
|
|
@@ -41,13 +41,13 @@ const ButtonComponent = /*#__PURE__*/forwardRef(({
|
|
|
41
41
|
if (color) style['--button-color'] = color;
|
|
42
42
|
}
|
|
43
43
|
return /*#__PURE__*/jsx(StyledButtonComponent, {
|
|
44
|
+
style: style,
|
|
45
|
+
sx: sxStyles,
|
|
46
|
+
ref: ref,
|
|
44
47
|
...props,
|
|
45
48
|
...(as ? {
|
|
46
49
|
forwardedAs: as
|
|
47
|
-
} : {})
|
|
48
|
-
style: style,
|
|
49
|
-
sx: sxStyles,
|
|
50
|
-
ref: ref
|
|
50
|
+
} : {})
|
|
51
51
|
});
|
|
52
52
|
});
|
|
53
53
|
|
|
@@ -5,9 +5,9 @@ import { jsx } from 'react/jsx-runtime';
|
|
|
5
5
|
|
|
6
6
|
const Checkbox = /*#__PURE__*/forwardRef(function Checkbox(props, ref) {
|
|
7
7
|
return /*#__PURE__*/jsx(Box, {
|
|
8
|
-
...props,
|
|
9
8
|
as: Checkbox$1,
|
|
10
|
-
ref: ref
|
|
9
|
+
ref: ref,
|
|
10
|
+
...props
|
|
11
11
|
});
|
|
12
12
|
});
|
|
13
13
|
Checkbox.__SLOT__ = Checkbox$1.__SLOT__;
|
|
@@ -5,8 +5,8 @@ import { jsx } from 'react/jsx-runtime';
|
|
|
5
5
|
|
|
6
6
|
const CheckboxGroupImpl = props => {
|
|
7
7
|
return /*#__PURE__*/jsx(Box, {
|
|
8
|
-
|
|
9
|
-
|
|
8
|
+
as: CheckboxGroup$1,
|
|
9
|
+
...props
|
|
10
10
|
});
|
|
11
11
|
};
|
|
12
12
|
|
|
@@ -14,20 +14,20 @@ const CheckboxGroupImpl = props => {
|
|
|
14
14
|
|
|
15
15
|
const CheckboxOrRadioGroupLabel = props => {
|
|
16
16
|
return /*#__PURE__*/jsx(Box, {
|
|
17
|
-
|
|
18
|
-
|
|
17
|
+
as: CheckboxGroup$1.Label,
|
|
18
|
+
...props
|
|
19
19
|
});
|
|
20
20
|
};
|
|
21
21
|
const CheckboxOrRadioGroupCaption = props => {
|
|
22
22
|
return /*#__PURE__*/jsx(Box, {
|
|
23
|
-
|
|
24
|
-
|
|
23
|
+
as: CheckboxGroup$1.Caption,
|
|
24
|
+
...props
|
|
25
25
|
});
|
|
26
26
|
};
|
|
27
27
|
const CheckboxOrRadioGroupValidation = props => {
|
|
28
28
|
return /*#__PURE__*/jsx(Box, {
|
|
29
|
-
|
|
30
|
-
|
|
29
|
+
as: CheckboxGroup$1.Validation,
|
|
30
|
+
...props
|
|
31
31
|
});
|
|
32
32
|
};
|
|
33
33
|
const CheckboxGroup = Object.assign(CheckboxGroupImpl, {
|
|
@@ -6,31 +6,31 @@ import { jsx } from 'react/jsx-runtime';
|
|
|
6
6
|
const DialogImpl = /*#__PURE__*/forwardRef(function Dialog(props, ref) {
|
|
7
7
|
// @ts-expect-error - PrimerDialog is not recognized as a valid component type
|
|
8
8
|
return /*#__PURE__*/jsx(Box, {
|
|
9
|
-
...props,
|
|
10
9
|
as: Dialog$1,
|
|
11
|
-
ref: ref
|
|
10
|
+
ref: ref,
|
|
11
|
+
...props
|
|
12
12
|
});
|
|
13
13
|
});
|
|
14
14
|
const DialogHeader = /*#__PURE__*/forwardRef(function DialogHeader(props, ref) {
|
|
15
15
|
return /*#__PURE__*/jsx(Box, {
|
|
16
|
-
...props,
|
|
17
16
|
as: Dialog$1.Header,
|
|
18
|
-
ref: ref
|
|
17
|
+
ref: ref,
|
|
18
|
+
...props
|
|
19
19
|
});
|
|
20
20
|
});
|
|
21
21
|
const DialogBody = /*#__PURE__*/forwardRef(function DialogBody(props, ref) {
|
|
22
22
|
// @ts-expect-error - PrimerDialog.Body is not recognized as a valid component type
|
|
23
23
|
return /*#__PURE__*/jsx(Box, {
|
|
24
|
-
...props,
|
|
25
24
|
as: Dialog$1.Body,
|
|
26
|
-
ref: ref
|
|
25
|
+
ref: ref,
|
|
26
|
+
...props
|
|
27
27
|
});
|
|
28
28
|
});
|
|
29
29
|
const DialogFooter = /*#__PURE__*/forwardRef(function DialogFooter(props, ref) {
|
|
30
30
|
return /*#__PURE__*/jsx(Box, {
|
|
31
|
-
...props,
|
|
32
31
|
as: Dialog$1.Footer,
|
|
33
|
-
ref: ref
|
|
32
|
+
ref: ref,
|
|
33
|
+
...props
|
|
34
34
|
});
|
|
35
35
|
});
|
|
36
36
|
const Dialog = Object.assign(DialogImpl, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../src/components/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,WAAW,IAAI,iBAAiB,EACrC,KAAK,eAAe,IAAI,qBAAqB,EAC7C,KAAK,eAAe,IAAI,qBAAqB,EAG9C,MAAM,eAAe,CAAA;AAGtB,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AACvD,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAEjC,KAAK,WAAW,GAAG,iBAAiB,GAAG,MAAM,CAAA;
|
|
1
|
+
{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../src/components/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,WAAW,IAAI,iBAAiB,EACrC,KAAK,eAAe,IAAI,qBAAqB,EAC7C,KAAK,eAAe,IAAI,qBAAqB,EAG9C,MAAM,eAAe,CAAA;AAGtB,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AACvD,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAEjC,KAAK,WAAW,GAAG,iBAAiB,GAAG,MAAM,CAAA;AAU7C,KAAK,eAAe,GAAG,qBAAqB,GAAG,MAAM,CAAA;AAcrD,QAAA,MAAM,MAAM;;;CAGV,CAAA;AAEF,OAAO,EAAC,MAAM,EAAE,KAAK,WAAW,EAAC,CAAA"}
|
|
@@ -4,7 +4,6 @@ import Box from './Box.js';
|
|
|
4
4
|
import { jsx } from 'react/jsx-runtime';
|
|
5
5
|
|
|
6
6
|
const StyledHeader = /*#__PURE__*/forwardRef(function Header(props, ref) {
|
|
7
|
-
// eslint-disable-next-line primer-react/spread-props-first -- `as` must come before spread for styled-components type inference
|
|
8
7
|
return /*#__PURE__*/jsx(Box, {
|
|
9
8
|
as: Header$1,
|
|
10
9
|
ref: ref,
|
|
@@ -22,7 +21,6 @@ const HeaderImpl = /*#__PURE__*/forwardRef(({
|
|
|
22
21
|
ref: ref
|
|
23
22
|
}));
|
|
24
23
|
const HeaderItem = /*#__PURE__*/forwardRef(function HeaderItem(props, ref) {
|
|
25
|
-
// eslint-disable-next-line primer-react/spread-props-first -- `as` must come before spread for styled-components type inference
|
|
26
24
|
return /*#__PURE__*/jsx(Box, {
|
|
27
25
|
as: Header$1.Item,
|
|
28
26
|
ref: ref,
|
|
@@ -30,7 +28,6 @@ const HeaderItem = /*#__PURE__*/forwardRef(function HeaderItem(props, ref) {
|
|
|
30
28
|
});
|
|
31
29
|
});
|
|
32
30
|
const StyledHeaderLink = /*#__PURE__*/forwardRef(function HeaderLink(props, ref) {
|
|
33
|
-
// eslint-disable-next-line primer-react/spread-props-first -- `as` must come before spread for styled-components type inference
|
|
34
31
|
return /*#__PURE__*/jsx(Box, {
|
|
35
32
|
as: Header$1.Link,
|
|
36
33
|
ref: ref,
|
|
@@ -15,11 +15,11 @@ const NavListImpl = /*#__PURE__*/forwardRef(function NavList({
|
|
|
15
15
|
...props
|
|
16
16
|
}, ref) {
|
|
17
17
|
return /*#__PURE__*/jsx(StyledNavListImpl, {
|
|
18
|
+
ref: ref,
|
|
18
19
|
...(as ? {
|
|
19
20
|
forwardedAs: as
|
|
20
21
|
} : {}),
|
|
21
|
-
...props
|
|
22
|
-
ref: ref
|
|
22
|
+
...props
|
|
23
23
|
});
|
|
24
24
|
});
|
|
25
25
|
const StyledNavListItem = styled(NavList$1.Item).withConfig({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageLayout.d.ts","sourceRoot":"","sources":["../../src/components/PageLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAEnD,OAAO,KAAK,EACV,eAAe,IAAI,qBAAqB,EACxC,sBAAsB,IAAI,4BAA4B,EACtD,mBAAmB,IAAI,yBAAyB,EAEjD,MAAM,eAAe,CAAA;AACtB,OAAO,EAAC,UAAU,IAAI,gBAAgB,EAAC,MAAM,eAAe,CAAA;AAC5D,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAMrC,KAAK,eAAe,GAAG,iBAAiB,CAAC,qBAAqB,CAAC,GAAG,MAAM,CAAA;AAExE,QAAA,MAAM,cAAc;;
|
|
1
|
+
{"version":3,"file":"PageLayout.d.ts","sourceRoot":"","sources":["../../src/components/PageLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAEnD,OAAO,KAAK,EACV,eAAe,IAAI,qBAAqB,EACxC,sBAAsB,IAAI,4BAA4B,EACtD,mBAAmB,IAAI,yBAAyB,EAEjD,MAAM,eAAe,CAAA;AACtB,OAAO,EAAC,UAAU,IAAI,gBAAgB,EAAC,MAAM,eAAe,CAAA;AAC5D,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAMrC,KAAK,eAAe,GAAG,iBAAiB,CAAC,qBAAqB,CAAC,GAAG,MAAM,CAAA;AAExE,QAAA,MAAM,cAAc;;iDAGlB,CAAA;AAIF,QAAA,MAAM,iBAAiB;;iDAErB,CAAA;AAIF,QAAA,MAAM,cAAc;;iDAElB,CAAA;AAEF,KAAK,cAAc,GAAG,OAAO,cAAc,GAAG;IAC5C,OAAO,EAAE,OAAO,iBAAiB,CAAA;IACjC,MAAM,EAAE,OAAO,gBAAgB,CAAC,MAAM,CAAA;IACtC,IAAI,EAAE,OAAO,cAAc,CAAA;IAC3B,MAAM,EAAE,OAAO,gBAAgB,CAAC,MAAM,CAAA;CACvC,CAAA;AAED,QAAA,MAAM,UAAU,EAAE,cAMhB,CAED;AAGD,OAAO,EAAC,UAAU,EAAE,KAAK,eAAe,EAAC,CAAA"}
|
|
@@ -10,7 +10,6 @@ const Wrapper = styled.div.withConfig({
|
|
|
10
10
|
})(["", ""], sx);
|
|
11
11
|
const PageLayoutImpl = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
12
12
|
// @ts-expect-error - PrimerPageLayout is not recognized as a valid component type
|
|
13
|
-
// eslint-disable-next-line primer-react/spread-props-first -- `as` must come before spread for styled-components type inference
|
|
14
13
|
return /*#__PURE__*/jsx(Wrapper, {
|
|
15
14
|
as: PageLayout$1,
|
|
16
15
|
ref: ref,
|
|
@@ -18,7 +17,6 @@ const PageLayoutImpl = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
|
18
17
|
});
|
|
19
18
|
});
|
|
20
19
|
const PageLayoutContent = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
21
|
-
// eslint-disable-next-line primer-react/spread-props-first -- `as` must come before spread for styled-components type inference
|
|
22
20
|
return /*#__PURE__*/jsx(Wrapper, {
|
|
23
21
|
as: PageLayout$1.Content,
|
|
24
22
|
ref: ref,
|
|
@@ -26,7 +24,6 @@ const PageLayoutContent = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
|
26
24
|
});
|
|
27
25
|
});
|
|
28
26
|
const PageLayoutPane = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
29
|
-
// eslint-disable-next-line primer-react/spread-props-first -- `as` must come before spread for styled-components type inference
|
|
30
27
|
return /*#__PURE__*/jsx(Wrapper, {
|
|
31
28
|
as: PageLayout$1.Pane,
|
|
32
29
|
ref: ref,
|
|
@@ -5,8 +5,8 @@ import { jsx } from 'react/jsx-runtime';
|
|
|
5
5
|
|
|
6
6
|
const RadioGroupImpl = props => {
|
|
7
7
|
return /*#__PURE__*/jsx(Box, {
|
|
8
|
-
|
|
9
|
-
|
|
8
|
+
as: RadioGroup$1,
|
|
9
|
+
...props
|
|
10
10
|
});
|
|
11
11
|
};
|
|
12
12
|
|
|
@@ -14,20 +14,20 @@ const RadioGroupImpl = props => {
|
|
|
14
14
|
|
|
15
15
|
const CheckboxOrRadioGroupLabel = props => {
|
|
16
16
|
return /*#__PURE__*/jsx(Box, {
|
|
17
|
-
|
|
18
|
-
|
|
17
|
+
as: RadioGroup$1.Label,
|
|
18
|
+
...props
|
|
19
19
|
});
|
|
20
20
|
};
|
|
21
21
|
const CheckboxOrRadioGroupCaption = props => {
|
|
22
22
|
return /*#__PURE__*/jsx(Box, {
|
|
23
|
-
|
|
24
|
-
|
|
23
|
+
as: RadioGroup$1.Caption,
|
|
24
|
+
...props
|
|
25
25
|
});
|
|
26
26
|
};
|
|
27
27
|
const CheckboxOrRadioGroupValidation = props => {
|
|
28
28
|
return /*#__PURE__*/jsx(Box, {
|
|
29
|
-
|
|
30
|
-
|
|
29
|
+
as: RadioGroup$1.Validation,
|
|
30
|
+
...props
|
|
31
31
|
});
|
|
32
32
|
};
|
|
33
33
|
const RadioGroup = Object.assign(RadioGroupImpl, {
|
|
@@ -6,8 +6,8 @@ import { jsx } from 'react/jsx-runtime';
|
|
|
6
6
|
function RelativeTime(props) {
|
|
7
7
|
// @ts-expect-error the types for Box are not correctly inferred here
|
|
8
8
|
return /*#__PURE__*/jsx(Box, {
|
|
9
|
-
|
|
10
|
-
|
|
9
|
+
as: RelativeTime$1,
|
|
10
|
+
...props
|
|
11
11
|
});
|
|
12
12
|
}
|
|
13
13
|
|
|
@@ -4,20 +4,20 @@ import { jsx } from 'react/jsx-runtime';
|
|
|
4
4
|
|
|
5
5
|
const SegmentedControlButton = props => {
|
|
6
6
|
return /*#__PURE__*/jsx(Box, {
|
|
7
|
-
|
|
8
|
-
|
|
7
|
+
as: SegmentedControl$1.Button,
|
|
8
|
+
...props
|
|
9
9
|
});
|
|
10
10
|
};
|
|
11
11
|
const SegmentedControlIconButton = props => {
|
|
12
12
|
return /*#__PURE__*/jsx(Box, {
|
|
13
|
-
|
|
14
|
-
|
|
13
|
+
as: SegmentedControl$1.IconButton,
|
|
14
|
+
...props
|
|
15
15
|
});
|
|
16
16
|
};
|
|
17
17
|
const SegmentedControlImpl = props => {
|
|
18
18
|
return /*#__PURE__*/jsx(Box, {
|
|
19
|
-
|
|
20
|
-
|
|
19
|
+
as: SegmentedControl$1,
|
|
20
|
+
...props
|
|
21
21
|
});
|
|
22
22
|
};
|
|
23
23
|
const SegmentedControl = Object.assign(SegmentedControlImpl, {
|
|
@@ -5,16 +5,16 @@ import { jsx } from 'react/jsx-runtime';
|
|
|
5
5
|
|
|
6
6
|
const SubNavImpl = /*#__PURE__*/forwardRef(function SubNav(props, ref) {
|
|
7
7
|
return /*#__PURE__*/jsx(Box, {
|
|
8
|
-
...props,
|
|
9
8
|
as: SubNav$1,
|
|
10
|
-
ref: ref
|
|
9
|
+
ref: ref,
|
|
10
|
+
...props
|
|
11
11
|
});
|
|
12
12
|
});
|
|
13
13
|
const SubNavLink = /*#__PURE__*/forwardRef(function SubNavLink(props, ref) {
|
|
14
14
|
return /*#__PURE__*/jsx(Box, {
|
|
15
|
-
...props,
|
|
16
15
|
as: SubNav$1.Link,
|
|
17
|
-
ref: ref
|
|
16
|
+
ref: ref,
|
|
17
|
+
...props
|
|
18
18
|
});
|
|
19
19
|
});
|
|
20
20
|
const SubNav = Object.assign(SubNavImpl, {
|
|
@@ -15,11 +15,11 @@ const TextInputImpl = /*#__PURE__*/forwardRef(({
|
|
|
15
15
|
...props
|
|
16
16
|
}, ref) => {
|
|
17
17
|
return /*#__PURE__*/jsx(StyledTextInput, {
|
|
18
|
+
ref: ref,
|
|
18
19
|
...props,
|
|
19
20
|
...(as ? {
|
|
20
21
|
forwardedAs: as
|
|
21
|
-
} : {})
|
|
22
|
-
ref: ref
|
|
22
|
+
} : {})
|
|
23
23
|
});
|
|
24
24
|
});
|
|
25
25
|
const TextInputAction = styled(TextInput$1.Action).withConfig({
|
|
@@ -5,36 +5,36 @@ import { jsx } from 'react/jsx-runtime';
|
|
|
5
5
|
|
|
6
6
|
const TimelineImpl = /*#__PURE__*/forwardRef(function Timeline(props, ref) {
|
|
7
7
|
return /*#__PURE__*/jsx(Box, {
|
|
8
|
-
...props,
|
|
9
8
|
as: Timeline$1,
|
|
10
|
-
ref: ref
|
|
9
|
+
ref: ref,
|
|
10
|
+
...props
|
|
11
11
|
});
|
|
12
12
|
});
|
|
13
13
|
const TimelineItem = /*#__PURE__*/forwardRef(function TimelineItem(props, ref) {
|
|
14
14
|
return /*#__PURE__*/jsx(Box, {
|
|
15
|
-
...props,
|
|
16
15
|
as: Timeline$1.Item,
|
|
17
|
-
ref: ref
|
|
16
|
+
ref: ref,
|
|
17
|
+
...props
|
|
18
18
|
});
|
|
19
19
|
});
|
|
20
20
|
function TimelineBadge(props) {
|
|
21
21
|
return /*#__PURE__*/jsx(Box, {
|
|
22
|
-
|
|
23
|
-
|
|
22
|
+
as: Timeline$1.Badge,
|
|
23
|
+
...props
|
|
24
24
|
});
|
|
25
25
|
}
|
|
26
26
|
const TimelineBody = /*#__PURE__*/forwardRef(function TimelineBody(props, ref) {
|
|
27
27
|
return /*#__PURE__*/jsx(Box, {
|
|
28
|
-
...props,
|
|
29
28
|
as: Timeline$1.Body,
|
|
30
|
-
ref: ref
|
|
29
|
+
ref: ref,
|
|
30
|
+
...props
|
|
31
31
|
});
|
|
32
32
|
});
|
|
33
33
|
const TimelineBreak = /*#__PURE__*/forwardRef(function TimelineBreak(props, ref) {
|
|
34
34
|
return /*#__PURE__*/jsx(Box, {
|
|
35
|
-
...props,
|
|
36
35
|
as: Timeline$1.Break,
|
|
37
|
-
ref: ref
|
|
36
|
+
ref: ref,
|
|
37
|
+
...props
|
|
38
38
|
});
|
|
39
39
|
});
|
|
40
40
|
const Timeline = Object.assign(TimelineImpl, {
|
|
@@ -5,9 +5,9 @@ import { jsx } from 'react/jsx-runtime';
|
|
|
5
5
|
|
|
6
6
|
const Tooltip = /*#__PURE__*/forwardRef(function Tooltip(props, ref) {
|
|
7
7
|
return /*#__PURE__*/jsx(Box, {
|
|
8
|
-
...props,
|
|
9
8
|
as: Tooltip$1,
|
|
10
|
-
ref: ref
|
|
9
|
+
ref: ref,
|
|
10
|
+
...props
|
|
11
11
|
});
|
|
12
12
|
});
|
|
13
13
|
Tooltip.__SLOT__ = Tooltip$1.__SLOT__;
|
|
@@ -7,9 +7,9 @@ import { jsx } from 'react/jsx-runtime';
|
|
|
7
7
|
|
|
8
8
|
const StyledUnderlineNav = /*#__PURE__*/forwardRef(function UnderlineNav(props, ref) {
|
|
9
9
|
return /*#__PURE__*/jsx(Box, {
|
|
10
|
-
...props,
|
|
11
10
|
as: UnderlineNav$1,
|
|
12
|
-
ref: ref
|
|
11
|
+
ref: ref,
|
|
12
|
+
...props
|
|
13
13
|
});
|
|
14
14
|
});
|
|
15
15
|
const UnderlineNavImpl = /*#__PURE__*/forwardRef(({
|
|
@@ -15,8 +15,8 @@ const UnderlinePanelsImpl = ({
|
|
|
15
15
|
as,
|
|
16
16
|
...props
|
|
17
17
|
}) => /*#__PURE__*/jsx(StyledUnderlinePanels, {
|
|
18
|
-
|
|
19
|
-
|
|
18
|
+
forwardedAs: as,
|
|
19
|
+
...props
|
|
20
20
|
});
|
|
21
21
|
UnderlinePanelsImpl.displayName = 'UnderlinePanels';
|
|
22
22
|
const UnderlinePanels = Object.assign(UnderlinePanelsImpl, {
|
|
@@ -7,9 +7,9 @@ import { jsx } from 'react/jsx-runtime';
|
|
|
7
7
|
|
|
8
8
|
const ActionListImpl = /*#__PURE__*/forwardRef(function ActionList(props, ref) {
|
|
9
9
|
return /*#__PURE__*/jsx(Box, {
|
|
10
|
-
...props,
|
|
11
10
|
as: ActionList$1,
|
|
12
|
-
ref: ref
|
|
11
|
+
ref: ref,
|
|
12
|
+
...props
|
|
13
13
|
});
|
|
14
14
|
});
|
|
15
15
|
const StyledActionListItem = styled(ActionList$1.Item).withConfig({
|
|
@@ -30,14 +30,14 @@ const ActionListItem = /*#__PURE__*/forwardRef(({
|
|
|
30
30
|
}));
|
|
31
31
|
function ActionListGroup(props) {
|
|
32
32
|
return /*#__PURE__*/jsx(Box, {
|
|
33
|
-
|
|
34
|
-
|
|
33
|
+
as: ActionList$1.Group,
|
|
34
|
+
...props
|
|
35
35
|
});
|
|
36
36
|
}
|
|
37
37
|
function ActionListDivider(props) {
|
|
38
38
|
return /*#__PURE__*/jsx(Box, {
|
|
39
|
-
|
|
40
|
-
|
|
39
|
+
as: ActionList$1.Divider,
|
|
40
|
+
...props
|
|
41
41
|
});
|
|
42
42
|
}
|
|
43
43
|
const ActionList = Object.assign(ActionListImpl, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DialogV1.d.ts","sourceRoot":"","sources":["../../../src/components/deprecated/DialogV1.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,WAAW,IAAI,iBAAiB,EAChC,iBAAiB,IAAI,uBAAuB,EAC7C,MAAM,0BAA0B,CAAA;AAEjC,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,UAAU,CAAA;AAEpC,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,mBAAmB,CAAA;AAE1D,KAAK,WAAW,GAAG,iBAAiB,GAAG,MAAM,CAAA;
|
|
1
|
+
{"version":3,"file":"DialogV1.d.ts","sourceRoot":"","sources":["../../../src/components/deprecated/DialogV1.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,WAAW,IAAI,iBAAiB,EAChC,iBAAiB,IAAI,uBAAuB,EAC7C,MAAM,0BAA0B,CAAA;AAEjC,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,UAAU,CAAA;AAEpC,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,mBAAmB,CAAA;AAE1D,KAAK,WAAW,GAAG,iBAAiB,GAAG,MAAM,CAAA;AAU7C,KAAK,iBAAiB,GAAG,uBAAuB,GAAG,MAAM,CAAA;AAUzD,QAAA,MAAM,MAAM;;CAEV,CAAA;AAEF,OAAO,EAAC,MAAM,EAAC,CAAA;AACf,YAAY,EAAC,WAAW,EAAE,iBAAiB,EAAC,CAAA"}
|
|
@@ -4,7 +4,6 @@ import { forwardRef } from 'react';
|
|
|
4
4
|
import { jsx } from 'react/jsx-runtime';
|
|
5
5
|
|
|
6
6
|
const StyledDialog = /*#__PURE__*/forwardRef(function Dialog(props, ref) {
|
|
7
|
-
// eslint-disable-next-line primer-react/spread-props-first -- `as` must come before spread for styled-components type inference
|
|
8
7
|
return /*#__PURE__*/jsx(Box, {
|
|
9
8
|
as: Dialog$1,
|
|
10
9
|
ref: ref,
|
|
@@ -22,7 +21,6 @@ const DialogImpl = /*#__PURE__*/forwardRef(({
|
|
|
22
21
|
ref: ref
|
|
23
22
|
}));
|
|
24
23
|
const StyledDialogHeader = /*#__PURE__*/forwardRef(function DialogHeader(props, ref) {
|
|
25
|
-
// eslint-disable-next-line primer-react/spread-props-first -- `as` must come before spread for styled-components type inference
|
|
26
24
|
return /*#__PURE__*/jsx(Box, {
|
|
27
25
|
as: Dialog$1.Header,
|
|
28
26
|
ref: ref,
|
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-20251024181722",
|
|
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-20251024181722",
|
|
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-20251024181722",
|
|
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",
|