@primer/styled-react 1.0.2 → 1.0.3-rc.0ea9aa533
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 +1 -1
- package/dist/components/ActionMenu.js +1 -1
- package/dist/components/Avatar.js +1 -1
- package/dist/components/Box.js +2 -2
- package/dist/components/Breadcrumbs.js +1 -1
- package/dist/components/Button.js +1 -1
- package/dist/components/Button.stories.d.ts +8 -0
- package/dist/components/Button.stories.d.ts.map +1 -0
- package/dist/components/CounterLabel.js +1 -1
- package/dist/components/DataTable.js +1 -1
- package/dist/components/Dialog.js +1 -1
- package/dist/components/Flash.js +1 -1
- package/dist/components/FormControl.js +1 -1
- package/dist/components/Header.js +1 -1
- package/dist/components/Heading.js +1 -1
- package/dist/components/IconButton.js +1 -1
- package/dist/components/Label.js +1 -1
- package/dist/components/Link.js +1 -1
- package/dist/components/LinkButton.js +1 -1
- package/dist/components/Overlay.js +1 -1
- package/dist/components/PageHeader.js +2 -2
- package/dist/components/SegmentedControl.js +1 -1
- package/dist/components/Spinner.js +1 -1
- package/dist/components/Text.js +1 -1
- package/dist/components/TextInput.js +1 -1
- package/dist/components/Textarea.js +1 -1
- package/dist/components/ThemeProvider.js +1 -1
- package/dist/components/Timeline.js +1 -1
- package/dist/components/ToggleSwitch.js +1 -1
- package/dist/components/Token.js +1 -1
- package/dist/components/Tooltip.js +1 -1
- package/dist/components/Truncate.js +1 -1
- package/dist/components/UnderlineNav.js +2 -2
- package/dist/components/deprecated/ActionList.js +2 -2
- package/dist/components/deprecated/DialogV1.js +1 -1
- package/dist/components/deprecated/Octicon.js +2 -2
- package/dist/components/deprecated/TabNav.js +1 -1
- package/dist/components/deprecated/Tooltip.js +1 -1
- package/dist/components.json +2 -28
- package/dist/deprecated.js +1 -1
- package/dist/experimental.d.ts +0 -21
- package/dist/experimental.d.ts.map +1 -1
- package/dist/experimental.js +0 -1
- package/dist/index.d.ts +0 -122
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +3 -13
- package/dist/sx.js +1 -1
- package/package.json +10 -3
- package/dist/components/Autocomplete.d.ts +0 -17
- package/dist/components/Autocomplete.d.ts.map +0 -1
- package/dist/components/Autocomplete.js +0 -25
- package/dist/components/Checkbox.d.ts +0 -5
- package/dist/components/Checkbox.d.ts.map +0 -1
- package/dist/components/Checkbox.js +0 -15
- package/dist/components/CheckboxGroup.d.ts +0 -34
- package/dist/components/CheckboxGroup.d.ts.map +0 -1
- package/dist/components/CheckboxGroup.js +0 -43
- package/dist/components/CircleBadge.d.ts +0 -8
- package/dist/components/CircleBadge.d.ts.map +0 -1
- package/dist/components/CircleBadge.js +0 -12
- package/dist/components/NavList.d.ts +0 -30
- package/dist/components/NavList.d.ts.map +0 -1
- package/dist/components/NavList.js +0 -74
- package/dist/components/RadioGroup.d.ts +0 -34
- package/dist/components/RadioGroup.d.ts.map +0 -1
- package/dist/components/RadioGroup.js +0 -43
- package/dist/components/RelativeTime.d.ts +0 -6
- package/dist/components/RelativeTime.d.ts.map +0 -1
- package/dist/components/RelativeTime.js +0 -14
- package/dist/components/Select.d.ts +0 -8
- package/dist/components/Select.d.ts.map +0 -1
- package/dist/components/Select.js +0 -24
- package/dist/components/StateLabel.d.ts +0 -10
- package/dist/components/StateLabel.d.ts.map +0 -1
- package/dist/components/StateLabel.js +0 -14
- package/dist/components/SubNav.d.ts +0 -10
- package/dist/components/SubNav.d.ts.map +0 -1
- package/dist/components/SubNav.js +0 -26
- package/dist/components/UnderlinePanels.d.ts +0 -14
- package/dist/components/UnderlinePanels.d.ts.map +0 -1
- package/dist/components/UnderlinePanels.js +0 -28
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import { RadioGroup as RadioGroup$1 } from '@primer/react';
|
|
2
|
-
import 'react';
|
|
3
|
-
import Box from './Box.js';
|
|
4
|
-
import { jsx } from 'react/jsx-runtime';
|
|
5
|
-
|
|
6
|
-
const RadioGroupImpl = props => {
|
|
7
|
-
return /*#__PURE__*/jsx(Box, {
|
|
8
|
-
as: RadioGroup$1,
|
|
9
|
-
...props
|
|
10
|
-
});
|
|
11
|
-
};
|
|
12
|
-
|
|
13
|
-
// Define local types based on the internal component props
|
|
14
|
-
|
|
15
|
-
const CheckboxOrRadioGroupLabel = props => {
|
|
16
|
-
return /*#__PURE__*/jsx(Box, {
|
|
17
|
-
as: RadioGroup$1.Label,
|
|
18
|
-
...props
|
|
19
|
-
});
|
|
20
|
-
};
|
|
21
|
-
const CheckboxOrRadioGroupCaption = props => {
|
|
22
|
-
return /*#__PURE__*/jsx(Box, {
|
|
23
|
-
as: RadioGroup$1.Caption,
|
|
24
|
-
...props
|
|
25
|
-
});
|
|
26
|
-
};
|
|
27
|
-
const CheckboxOrRadioGroupValidation = props => {
|
|
28
|
-
return /*#__PURE__*/jsx(Box, {
|
|
29
|
-
as: RadioGroup$1.Validation,
|
|
30
|
-
...props
|
|
31
|
-
});
|
|
32
|
-
};
|
|
33
|
-
const RadioGroup = Object.assign(RadioGroupImpl, {
|
|
34
|
-
Label: CheckboxOrRadioGroupLabel,
|
|
35
|
-
Caption: CheckboxOrRadioGroupCaption,
|
|
36
|
-
Validation: CheckboxOrRadioGroupValidation
|
|
37
|
-
});
|
|
38
|
-
RadioGroupImpl.__SLOT__ = RadioGroup$1.__SLOT__;
|
|
39
|
-
CheckboxOrRadioGroupLabel.__SLOT__ = RadioGroup$1.Label.__SLOT__;
|
|
40
|
-
CheckboxOrRadioGroupCaption.__SLOT__ = RadioGroup$1.Caption.__SLOT__;
|
|
41
|
-
CheckboxOrRadioGroupValidation.__SLOT__ = RadioGroup$1.Validation.__SLOT__;
|
|
42
|
-
|
|
43
|
-
export { RadioGroup };
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { type RelativeTimeProps as PrimerRelativeTimeProps } from '@primer/react';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import type { SxProp } from '../sx';
|
|
4
|
-
export type RelativeTimeProps = PrimerRelativeTimeProps & SxProp;
|
|
5
|
-
export declare function RelativeTime(props: RelativeTimeProps): React.JSX.Element;
|
|
6
|
-
//# sourceMappingURL=RelativeTime.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"RelativeTime.d.ts","sourceRoot":"","sources":["../../src/components/RelativeTime.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqC,KAAK,iBAAiB,IAAI,uBAAuB,EAAC,MAAM,eAAe,CAAA;AACnH,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAGjC,MAAM,MAAM,iBAAiB,GAAG,uBAAuB,GAAG,MAAM,CAAA;AAEhE,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,qBAGpD"}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { RelativeTime as RelativeTime$1 } from '@primer/react';
|
|
2
|
-
import 'react';
|
|
3
|
-
import Box from './Box.js';
|
|
4
|
-
import { jsx } from 'react/jsx-runtime';
|
|
5
|
-
|
|
6
|
-
function RelativeTime(props) {
|
|
7
|
-
// @ts-expect-error the types for Box are not correctly inferred here
|
|
8
|
-
return /*#__PURE__*/jsx(Box, {
|
|
9
|
-
as: RelativeTime$1,
|
|
10
|
-
...props
|
|
11
|
-
});
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
export { RelativeTime };
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { type SelectProps as PrimerSelectProps } from '@primer/react';
|
|
2
|
-
import { type SxProp } from '../sx';
|
|
3
|
-
type SelectProps = PrimerSelectProps & SxProp & {
|
|
4
|
-
as?: React.ElementType;
|
|
5
|
-
};
|
|
6
|
-
declare const Select: ({ as, ...props }: SelectProps) => import("react").JSX.Element;
|
|
7
|
-
export { Select, type SelectProps };
|
|
8
|
-
//# sourceMappingURL=Select.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/components/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,WAAW,IAAI,iBAAiB,EAAC,MAAM,eAAe,CAAA;AAC3F,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAIrC,KAAK,WAAW,GAAG,iBAAiB,GAAG,MAAM,GAAG;IAAC,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CAAC,CAAA;AAOxE,QAAA,MAAM,MAAM,GAAI,kBAAgB,WAAW,gCAE1C,CAAA;AAED,OAAO,EAAC,MAAM,EAAE,KAAK,WAAW,EAAC,CAAA"}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { Select as Select$1 } from '@primer/react';
|
|
2
|
-
import sx from '../sx.js';
|
|
3
|
-
import styled from 'styled-components';
|
|
4
|
-
import { jsx } from 'react/jsx-runtime';
|
|
5
|
-
|
|
6
|
-
const StyledSelect = styled(Select$1).withConfig({
|
|
7
|
-
shouldForwardProp: prop => prop !== 'sx'
|
|
8
|
-
}).withConfig({
|
|
9
|
-
displayName: "Select__StyledSelect",
|
|
10
|
-
componentId: "sc-1pyiuc8-0"
|
|
11
|
-
})(["", ""], sx);
|
|
12
|
-
const Select = ({
|
|
13
|
-
as,
|
|
14
|
-
...props
|
|
15
|
-
}) => {
|
|
16
|
-
return /*#__PURE__*/jsx(StyledSelect, {
|
|
17
|
-
...props,
|
|
18
|
-
...(as ? {
|
|
19
|
-
forwardedAs: as
|
|
20
|
-
} : {})
|
|
21
|
-
});
|
|
22
|
-
};
|
|
23
|
-
|
|
24
|
-
export { Select };
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { type StateLabelProps as PrimerStateLabelProps } from '@primer/react';
|
|
2
|
-
import type { SxProp } from '../sx';
|
|
3
|
-
type StateLabelProps = PrimerStateLabelProps & SxProp;
|
|
4
|
-
declare const StateLabel: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLSpanElement> & {
|
|
5
|
-
size?: "small" | "medium";
|
|
6
|
-
variant?: "normal" | "small";
|
|
7
|
-
status: "open" | "closed" | "issueOpened" | "pullOpened" | "issueClosed" | "issueClosedNotPlanned" | "pullClosed" | "pullMerged" | "draft" | "issueDraft" | "pullQueued" | "unavailable";
|
|
8
|
-
} & SxProp & import("react").RefAttributes<HTMLSpanElement>>;
|
|
9
|
-
export { StateLabel, type StateLabelProps };
|
|
10
|
-
//# sourceMappingURL=StateLabel.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"StateLabel.d.ts","sourceRoot":"","sources":["../../src/components/StateLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiC,KAAK,eAAe,IAAI,qBAAqB,EAAC,MAAM,eAAe,CAAA;AAG3G,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAEjC,KAAK,eAAe,GAAG,qBAAqB,GAAG,MAAM,CAAA;AAErD,QAAA,MAAM,UAAU;;;;4DAEd,CAAA;AAEF,OAAO,EAAC,UAAU,EAAE,KAAK,eAAe,EAAC,CAAA"}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { StateLabel as StateLabel$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 StateLabel = /*#__PURE__*/forwardRef(function StateLabel(props, ref) {
|
|
7
|
-
return /*#__PURE__*/jsx(Box, {
|
|
8
|
-
as: StateLabel$1,
|
|
9
|
-
ref: ref,
|
|
10
|
-
...props
|
|
11
|
-
});
|
|
12
|
-
});
|
|
13
|
-
|
|
14
|
-
export { StateLabel };
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { type SubNavProps as PrimerSubNavProps, type SubNavLinkProps as PrimerSubNavLinkProps } from '@primer/react';
|
|
2
|
-
import type { SxProp } from '../sx';
|
|
3
|
-
type SubNavProps = PrimerSubNavProps & SxProp;
|
|
4
|
-
type SubNavLinkProps = PrimerSubNavLinkProps & SxProp;
|
|
5
|
-
declare const SubNav: import("react").ForwardRefExoticComponent<Omit<SubNavProps, "ref"> & import("react").RefAttributes<HTMLElement>> & {
|
|
6
|
-
__SLOT__: symbol;
|
|
7
|
-
Link: import("react").ForwardRefExoticComponent<Omit<SubNavLinkProps, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>;
|
|
8
|
-
};
|
|
9
|
-
export { SubNav, type SubNavProps, type SubNavLinkProps };
|
|
10
|
-
//# sourceMappingURL=SubNav.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SubNav.d.ts","sourceRoot":"","sources":["../../src/components/SubNav.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,WAAW,IAAI,iBAAiB,EACrC,KAAK,eAAe,IAAI,qBAAqB,EAE9C,MAAM,eAAe,CAAA;AAGtB,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAEjC,KAAK,WAAW,GAAG,iBAAiB,GAAG,MAAM,CAAA;AAM7C,KAAK,eAAe,GAAG,qBAAqB,GAAG,MAAM,CAAA;AAMrD,QAAA,MAAM,MAAM;;;CAGV,CAED;AAED,OAAO,EAAC,MAAM,EAAE,KAAK,WAAW,EAAE,KAAK,eAAe,EAAC,CAAA"}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { SubNav as SubNav$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 SubNavImpl = /*#__PURE__*/forwardRef(function SubNav(props, ref) {
|
|
7
|
-
return /*#__PURE__*/jsx(Box, {
|
|
8
|
-
as: SubNav$1,
|
|
9
|
-
ref: ref,
|
|
10
|
-
...props
|
|
11
|
-
});
|
|
12
|
-
});
|
|
13
|
-
const SubNavLink = /*#__PURE__*/forwardRef(function SubNavLink(props, ref) {
|
|
14
|
-
return /*#__PURE__*/jsx(Box, {
|
|
15
|
-
as: SubNav$1.Link,
|
|
16
|
-
ref: ref,
|
|
17
|
-
...props
|
|
18
|
-
});
|
|
19
|
-
});
|
|
20
|
-
const SubNav = Object.assign(SubNavImpl, {
|
|
21
|
-
__SLOT__: SubNav$1.__SLOT__,
|
|
22
|
-
Link: SubNavLink
|
|
23
|
-
});
|
|
24
|
-
SubNavLink.__SLOT__ = SubNav$1.Link.__SLOT__;
|
|
25
|
-
|
|
26
|
-
export { SubNav };
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { UnderlinePanels as PrimerUnderlinePanels, type UnderlinePanelsProps as PrimerUnderlinePanelsProps, type UnderlinePanelsPanelProps, type UnderlinePanelsTabProps } from '@primer/react/experimental';
|
|
2
|
-
import { type SxProp } from '../sx';
|
|
3
|
-
type UnderlinePanelsProps = PrimerUnderlinePanelsProps & SxProp;
|
|
4
|
-
declare const UnderlinePanelsImpl: {
|
|
5
|
-
({ as, ...props }: UnderlinePanelsProps): import("react").JSX.Element;
|
|
6
|
-
displayName: string;
|
|
7
|
-
__SLOT__: symbol | undefined;
|
|
8
|
-
};
|
|
9
|
-
declare const UnderlinePanels: typeof UnderlinePanelsImpl & {
|
|
10
|
-
Tab: typeof PrimerUnderlinePanels.Tab;
|
|
11
|
-
Panel: typeof PrimerUnderlinePanels.Panel;
|
|
12
|
-
};
|
|
13
|
-
export { UnderlinePanels, type UnderlinePanelsProps, type UnderlinePanelsTabProps, type UnderlinePanelsPanelProps };
|
|
14
|
-
//# sourceMappingURL=UnderlinePanels.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"UnderlinePanels.d.ts","sourceRoot":"","sources":["../../src/components/UnderlinePanels.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,IAAI,qBAAqB,EACxC,KAAK,oBAAoB,IAAI,0BAA0B,EACvD,KAAK,yBAAyB,EAC9B,KAAK,uBAAuB,EAC7B,MAAM,4BAA4B,CAAA;AAEnC,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAErC,KAAK,oBAAoB,GAAG,0BAA0B,GAAG,MAAM,CAAA;AAS/D,QAAA,MAAM,mBAAmB;uBAAoB,oBAAoB;;;CAEhE,CAAA;AAID,QAAA,MAAM,eAAe,EAAE,OAAO,mBAAmB,GAAG;IAClD,GAAG,EAAE,OAAO,qBAAqB,CAAC,GAAG,CAAA;IACrC,KAAK,EAAE,OAAO,qBAAqB,CAAC,KAAK,CAAA;CAIzC,CAAA;AAIF,OAAO,EAAC,eAAe,EAAE,KAAK,oBAAoB,EAAE,KAAK,uBAAuB,EAAE,KAAK,yBAAyB,EAAC,CAAA"}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { UnderlinePanels as UnderlinePanels$1 } from '@primer/react/experimental';
|
|
2
|
-
import styled from 'styled-components';
|
|
3
|
-
import sx from '../sx.js';
|
|
4
|
-
import { jsx } from 'react/jsx-runtime';
|
|
5
|
-
|
|
6
|
-
const StyledUnderlinePanels = styled(UnderlinePanels$1).withConfig({
|
|
7
|
-
shouldForwardProp: prop => prop !== 'sx'
|
|
8
|
-
}).withConfig({
|
|
9
|
-
displayName: "UnderlinePanels__StyledUnderlinePanels",
|
|
10
|
-
componentId: "sc-1w35i85-0"
|
|
11
|
-
})(["", ""], sx);
|
|
12
|
-
|
|
13
|
-
// @ts-ignore forwardedAs is valid here but I don't know how to fix the typescript error
|
|
14
|
-
const UnderlinePanelsImpl = ({
|
|
15
|
-
as,
|
|
16
|
-
...props
|
|
17
|
-
}) => /*#__PURE__*/jsx(StyledUnderlinePanels, {
|
|
18
|
-
forwardedAs: as,
|
|
19
|
-
...props
|
|
20
|
-
});
|
|
21
|
-
UnderlinePanelsImpl.displayName = 'UnderlinePanels';
|
|
22
|
-
const UnderlinePanels = Object.assign(UnderlinePanelsImpl, {
|
|
23
|
-
Tab: UnderlinePanels$1.Tab,
|
|
24
|
-
Panel: UnderlinePanels$1.Panel
|
|
25
|
-
});
|
|
26
|
-
UnderlinePanelsImpl.__SLOT__ = UnderlinePanels$1.__SLOT__;
|
|
27
|
-
|
|
28
|
-
export { UnderlinePanels };
|