@primer/styled-react 1.0.8-rc.ff9ea71b3 → 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.
Files changed (64) hide show
  1. package/dist/components.json +2 -40
  2. package/dist/index.d.ts +0 -189
  3. package/dist/index.d.ts.map +1 -1
  4. package/dist/index.js +0 -14
  5. package/package.json +2 -10
  6. package/dist/components/ActionList.d.ts +0 -44
  7. package/dist/components/ActionList.d.ts.map +0 -1
  8. package/dist/components/ActionList.js +0 -163
  9. package/dist/components/Box.d.ts +0 -19
  10. package/dist/components/Box.d.ts.map +0 -1
  11. package/dist/components/Box.js +0 -15
  12. package/dist/components/Button.d.ts +0 -12
  13. package/dist/components/Button.d.ts.map +0 -1
  14. package/dist/components/Button.js +0 -112
  15. package/dist/components/Button.stories.d.ts +0 -8
  16. package/dist/components/Button.stories.d.ts.map +0 -1
  17. package/dist/components/Dialog.d.ts +0 -30
  18. package/dist/components/Dialog.d.ts.map +0 -1
  19. package/dist/components/Dialog.js +0 -90
  20. package/dist/components/Flash.d.ts +0 -8
  21. package/dist/components/Flash.d.ts.map +0 -1
  22. package/dist/components/Flash.js +0 -12
  23. package/dist/components/Heading.d.ts +0 -8
  24. package/dist/components/Heading.d.ts.map +0 -1
  25. package/dist/components/Heading.js +0 -12
  26. package/dist/components/IconButton.d.ts +0 -10
  27. package/dist/components/IconButton.d.ts.map +0 -1
  28. package/dist/components/IconButton.js +0 -40
  29. package/dist/components/Label.d.ts +0 -9
  30. package/dist/components/Label.d.ts.map +0 -1
  31. package/dist/components/Label.js +0 -26
  32. package/dist/components/Link.d.ts +0 -7
  33. package/dist/components/Link.d.ts.map +0 -1
  34. package/dist/components/Link.js +0 -26
  35. package/dist/components/Spinner.d.ts +0 -5
  36. package/dist/components/Spinner.d.ts.map +0 -1
  37. package/dist/components/Spinner.js +0 -12
  38. package/dist/components/Text.d.ts +0 -15
  39. package/dist/components/Text.d.ts.map +0 -1
  40. package/dist/components/Text.js +0 -26
  41. package/dist/components/TextInput.d.ts +0 -15
  42. package/dist/components/TextInput.d.ts.map +0 -1
  43. package/dist/components/TextInput.js +0 -38
  44. package/dist/components/ToggleSwitch.d.ts +0 -6
  45. package/dist/components/ToggleSwitch.d.ts.map +0 -1
  46. package/dist/components/ToggleSwitch.js +0 -14
  47. package/dist/components/UnderlineNav.d.ts +0 -11
  48. package/dist/components/UnderlineNav.d.ts.map +0 -1
  49. package/dist/components/UnderlineNav.js +0 -45
  50. package/dist/components/deprecated/ActionList.d.ts +0 -23
  51. package/dist/components/deprecated/ActionList.d.ts.map +0 -1
  52. package/dist/components/deprecated/ActionList.js +0 -49
  53. package/dist/components/deprecated/DialogV1.d.ts +0 -11
  54. package/dist/components/deprecated/DialogV1.d.ts.map +0 -1
  55. package/dist/components/deprecated/DialogV1.js +0 -44
  56. package/dist/components/deprecated/Octicon.d.ts +0 -17
  57. package/dist/components/deprecated/Octicon.d.ts.map +0 -1
  58. package/dist/components/deprecated/Octicon.js +0 -39
  59. package/dist/deprecated.d.ts +0 -49
  60. package/dist/deprecated.d.ts.map +0 -1
  61. package/dist/deprecated.js +0 -3
  62. package/dist/experimental.d.ts +0 -12
  63. package/dist/experimental.d.ts.map +0 -1
  64. package/dist/experimental.js +0 -1
@@ -1,45 +0,0 @@
1
- import { UnderlineNav as UnderlineNav$1 } from '@primer/react';
2
- import { Box } from './Box.js';
3
- import { forwardRef } from 'react';
4
- import styled from 'styled-components';
5
- import { sx } from '../sx.js';
6
- import { jsx } from 'react/jsx-runtime';
7
-
8
- const StyledUnderlineNav = /*#__PURE__*/forwardRef(function UnderlineNav(props, ref) {
9
- return /*#__PURE__*/jsx(Box, {
10
- as: UnderlineNav$1,
11
- ref: ref,
12
- ...props
13
- });
14
- });
15
- const UnderlineNavImpl = /*#__PURE__*/forwardRef(({
16
- as,
17
- ...props
18
- }, ref) => /*#__PURE__*/jsx(StyledUnderlineNav, {
19
- ...props,
20
- ...(as ? {
21
- forwardedAs: as
22
- } : {}),
23
- ref: ref
24
- }));
25
- const StyledUnderlineNavItem = styled(UnderlineNav$1.Item).withConfig({
26
- shouldForwardProp: prop => prop !== 'sx'
27
- }).withConfig({
28
- displayName: "UnderlineNav__StyledUnderlineNavItem",
29
- componentId: "sc-dx6br2-0"
30
- })(["", ""], sx);
31
- const UnderlineNavItem = /*#__PURE__*/forwardRef(({
32
- as,
33
- ...props
34
- }, ref) => /*#__PURE__*/jsx(StyledUnderlineNavItem, {
35
- ...props,
36
- ...(as ? {
37
- forwardedAs: as
38
- } : {}),
39
- ref: ref
40
- }));
41
- const UnderlineNav = Object.assign(UnderlineNavImpl, {
42
- Item: UnderlineNavItem
43
- });
44
-
45
- export { UnderlineNav, UnderlineNavImpl, UnderlineNavItem };
@@ -1,23 +0,0 @@
1
- import { type PropsWithChildren } from 'react';
2
- import { type ActionListProps as PrimerActionListProps, type ActionListItemProps as PrimerActionListItemProps, type ActionListGroupProps as PrimerActionListGroupProps } from '@primer/react/deprecated';
3
- import { type SxProp } from '../../sx';
4
- import type { ActionListDividerProps } from '@primer/react';
5
- type ActionListProps = PropsWithChildren<PrimerActionListProps & SxProp>;
6
- type ActionListItemProps = PropsWithChildren<PrimerActionListItemProps & SxProp & {
7
- as?: React.ElementType;
8
- }>;
9
- type ActionListGroupProps = PropsWithChildren<PrimerActionListGroupProps & SxProp>;
10
- declare function ActionListGroup(props: ActionListGroupProps): import("react").JSX.Element;
11
- declare function ActionListDivider(props: ActionListDividerProps): import("react").JSX.Element;
12
- declare const ActionList: import("react").ForwardRefExoticComponent<ActionListProps & import("react").RefAttributes<HTMLDivElement>> & {
13
- Item: import("react").ForwardRefExoticComponent<PrimerActionListItemProps & SxProp & {
14
- as?: React.ElementType;
15
- } & {
16
- children?: import("react").ReactNode | undefined;
17
- } & import("react").RefAttributes<HTMLLIElement>>;
18
- Group: typeof ActionListGroup;
19
- Divider: typeof ActionListDivider;
20
- };
21
- export type { ActionListProps, ActionListItemProps, ActionListGroupProps };
22
- export { ActionList };
23
- //# sourceMappingURL=ActionList.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ActionList.d.ts","sourceRoot":"","sources":["../../../src/components/deprecated/ActionList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,iBAAiB,EAAa,MAAM,OAAO,CAAA;AACxD,OAAO,EAEL,KAAK,eAAe,IAAI,qBAAqB,EAC7C,KAAK,mBAAmB,IAAI,yBAAyB,EACrD,KAAK,oBAAoB,IAAI,0BAA0B,EACxD,MAAM,0BAA0B,CAAA;AACjC,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,UAAU,CAAA;AAGxC,OAAO,KAAK,EAAC,sBAAsB,EAAC,MAAM,eAAe,CAAA;AAEzD,KAAK,eAAe,GAAG,iBAAiB,CAAC,qBAAqB,GAAG,MAAM,CAAC,CAAA;AAExE,KAAK,mBAAmB,GAAG,iBAAiB,CAAC,yBAAyB,GAAG,MAAM,GAAG;IAAC,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CAAC,CAAC,CAAA;AAC3G,KAAK,oBAAoB,GAAG,iBAAiB,CAAC,0BAA0B,GAAG,MAAM,CAAC,CAAA;AAgBlF,iBAAS,eAAe,CAAC,KAAK,EAAE,oBAAoB,+BAEnD;AAED,iBAAS,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,+BAEvD;AAED,QAAA,MAAM,UAAU;;aAzBwE,KAAK,CAAC,WAAW;;;;;;CA6BvG,CAAA;AAEF,YAAY,EAAC,eAAe,EAAE,mBAAmB,EAAE,oBAAoB,EAAC,CAAA;AACxE,OAAO,EAAC,UAAU,EAAC,CAAA"}
@@ -1,49 +0,0 @@
1
- import { forwardRef } from 'react';
2
- import { ActionList as ActionList$1 } from '@primer/react/deprecated';
3
- import { sx } from '../../sx.js';
4
- import { Box } from '../Box.js';
5
- import styled from 'styled-components';
6
- import { jsx } from 'react/jsx-runtime';
7
-
8
- const ActionListImpl = /*#__PURE__*/forwardRef(function ActionList(props, ref) {
9
- return /*#__PURE__*/jsx(Box, {
10
- as: ActionList$1,
11
- ref: ref,
12
- ...props
13
- });
14
- });
15
- const StyledActionListItem = styled(ActionList$1.Item).withConfig({
16
- shouldForwardProp: prop => prop !== 'sx'
17
- }).withConfig({
18
- displayName: "ActionList__StyledActionListItem",
19
- componentId: "sc-1ugfmds-0"
20
- })(["", ""], sx);
21
- const ActionListItem = /*#__PURE__*/forwardRef(({
22
- as,
23
- ...props
24
- }, ref) => /*#__PURE__*/jsx(StyledActionListItem, {
25
- ...props,
26
- ...(as ? {
27
- forwardedAs: as
28
- } : {}),
29
- ref: ref
30
- }));
31
- function ActionListGroup(props) {
32
- return /*#__PURE__*/jsx(Box, {
33
- as: ActionList$1.Group,
34
- ...props
35
- });
36
- }
37
- function ActionListDivider(props) {
38
- return /*#__PURE__*/jsx(Box, {
39
- as: ActionList$1.Divider,
40
- ...props
41
- });
42
- }
43
- const ActionList = Object.assign(ActionListImpl, {
44
- Item: ActionListItem,
45
- Group: ActionListGroup,
46
- Divider: ActionListDivider
47
- });
48
-
49
- export { ActionList };
@@ -1,11 +0,0 @@
1
- import type { DialogProps as PrimerDialogProps, DialogHeaderProps as PrimerDialogHeaderProps } from '@primer/react/deprecated';
2
- import type { SxProp } from '../../sx';
3
- import type { ForwardRefComponent } from '../../polymorphic';
4
- type DialogProps = PrimerDialogProps & SxProp;
5
- type DialogHeaderProps = PrimerDialogHeaderProps & SxProp;
6
- declare const Dialog: ForwardRefComponent<"div", DialogProps> & {
7
- Header: ForwardRefComponent<"div", DialogHeaderProps>;
8
- };
9
- export { Dialog };
10
- export type { DialogProps, DialogHeaderProps };
11
- //# sourceMappingURL=DialogV1.d.ts.map
@@ -1 +0,0 @@
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"}
@@ -1,44 +0,0 @@
1
- import { Dialog as Dialog$1 } from '@primer/react/deprecated';
2
- import { Box } from '../Box.js';
3
- import { forwardRef } from 'react';
4
- import { jsx } from 'react/jsx-runtime';
5
-
6
- const StyledDialog = /*#__PURE__*/forwardRef(function Dialog(props, ref) {
7
- return /*#__PURE__*/jsx(Box, {
8
- as: Dialog$1,
9
- ref: ref,
10
- ...props
11
- });
12
- });
13
- const DialogImpl = /*#__PURE__*/forwardRef(({
14
- as,
15
- ...props
16
- }, ref) => /*#__PURE__*/jsx(StyledDialog, {
17
- ...props,
18
- ...(as ? {
19
- forwardedAs: as
20
- } : {}),
21
- ref: ref
22
- }));
23
- const StyledDialogHeader = /*#__PURE__*/forwardRef(function DialogHeader(props, ref) {
24
- return /*#__PURE__*/jsx(Box, {
25
- as: Dialog$1.Header,
26
- ref: ref,
27
- ...props
28
- });
29
- });
30
- const DialogHeader = /*#__PURE__*/forwardRef(({
31
- as,
32
- ...props
33
- }, ref) => /*#__PURE__*/jsx(StyledDialogHeader, {
34
- ...props,
35
- ...(as ? {
36
- forwardedAs: as
37
- } : {}),
38
- ref: ref
39
- }));
40
- const Dialog = Object.assign(DialogImpl, {
41
- Header: DialogHeader
42
- });
43
-
44
- export { Dialog };
@@ -1,17 +0,0 @@
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
@@ -1 +0,0 @@
1
- {"version":3,"file":"Octicon.d.ts","sourceRoot":"","sources":["../../../src/components/deprecated/Octicon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA2B,KAAK,YAAY,IAAI,kBAAkB,EAAC,MAAM,0BAA0B,CAAA;AAE1G,OAAO,EAAC,KAAK,MAAM,EAAK,MAAM,UAAU,CAAA;AAGxC;;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"}
@@ -1,39 +0,0 @@
1
- import { Octicon as Octicon$1 } from '@primer/react/deprecated';
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
- /**
8
- * @deprecated Use the icon component directly from `@primer/octicons-react` instead
9
- */
10
- const StyledOcticon = styled(Octicon$1).withConfig({
11
- shouldForwardProp(prop) {
12
- return prop !== 'sx';
13
- }
14
- }).withConfig({
15
- displayName: "Octicon__StyledOcticon",
16
- componentId: "sc-jtj3m8-0"
17
- })(["", ""], ({
18
- color,
19
- sx: sxProp
20
- }) => sx({
21
- sx: {
22
- color,
23
- ...sxProp
24
- }
25
- }));
26
- const Octicon = /*#__PURE__*/forwardRef(({
27
- as,
28
- ...props
29
- }, ref) => {
30
- return /*#__PURE__*/jsx(StyledOcticon, {
31
- ...props,
32
- ...(as ? {
33
- forwardedAs: as
34
- } : {}),
35
- ref: ref
36
- });
37
- });
38
-
39
- export { Octicon };
@@ -1,49 +0,0 @@
1
- export {
2
- /**
3
- * @deprecated Usage of the `sx` prop with this component is no longer
4
- * supported. Use the component from `@primer/react` with CSS Modules instead.
5
- */
6
- Dialog,
7
- /**
8
- * @deprecated Usage of the `sx` prop with this component is no longer
9
- * supported. Use the component from `@primer/react` with CSS Modules instead.
10
- */
11
- type DialogProps,
12
- /**
13
- * @deprecated Usage of the `sx` prop with this component is no longer
14
- * supported. Use the component from `@primer/react` with CSS Modules instead.
15
- */
16
- type DialogHeaderProps, } from './components/deprecated/DialogV1';
17
- export {
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
- Octicon,
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 OcticonProps, } from './components/deprecated/Octicon';
28
- export {
29
- /**
30
- * @deprecated Usage of the `sx` prop with this component is no longer
31
- * supported. Use the component from `@primer/react` with CSS Modules instead.
32
- */
33
- ActionList,
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
- type ActionListProps,
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 ActionListItemProps,
44
- /**
45
- * @deprecated Usage of the `sx` prop with this component is no longer
46
- * supported. Use the component from `@primer/react` with CSS Modules instead.
47
- */
48
- type ActionListGroupProps, } from './components/deprecated/ActionList';
49
- //# sourceMappingURL=deprecated.d.ts.map
@@ -1 +0,0 @@
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,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"}
@@ -1,3 +0,0 @@
1
- export { Dialog } from './components/deprecated/DialogV1.js';
2
- export { Octicon } from './components/deprecated/Octicon.js';
3
- export { ActionList } from './components/deprecated/ActionList.js';
@@ -1,12 +0,0 @@
1
- export {
2
- /**
3
- * @deprecated Usage of the `sx` prop with this component is no longer
4
- * supported. Use the component from `@primer/react` with CSS Modules instead.
5
- */
6
- Dialog,
7
- /**
8
- * @deprecated Usage of the `sx` prop with this component is no longer
9
- * supported. Use the component from `@primer/react` with CSS Modules instead.
10
- */
11
- type DialogProps, } from './components/Dialog';
12
- //# sourceMappingURL=experimental.d.ts.map
@@ -1 +0,0 @@
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"}
@@ -1 +0,0 @@
1
- export { Dialog } from './components/Dialog.js';