@primer/styled-react 0.0.0-20251006233517 → 0.0.0-20251006234524
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/Autocomplete.d.ts +2 -4
- package/dist/components/Autocomplete.d.ts.map +1 -1
- package/dist/components.json +0 -4
- package/dist/index.d.ts +5 -4
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +4 -112
- package/package.json +3 -3
- package/dist/components/PageLayout.d.ts +0 -18
- package/dist/components/PageLayout.d.ts.map +0 -1
- package/dist/components/Select.d.ts +0 -8
- package/dist/components/Select.d.ts.map +0 -1
- package/dist/components/TextInput.d.ts +0 -20
- package/dist/components/TextInput.d.ts.map +0 -1
- package/dist/components/Textarea.d.ts +0 -9
- package/dist/components/Textarea.d.ts.map +0 -1
|
@@ -1,14 +1,12 @@
|
|
|
1
|
-
import { Autocomplete as PrimerAutocomplete, type AutocompleteOverlayProps as PrimerAutocompleteOverlayProps
|
|
1
|
+
import { Autocomplete as PrimerAutocomplete, type AutocompleteOverlayProps as PrimerAutocompleteOverlayProps } from '@primer/react';
|
|
2
2
|
import { type SxProp } from '../sx';
|
|
3
3
|
import type { ComponentProps } from 'react';
|
|
4
4
|
export type AutocompleteOverlayProps = PrimerAutocompleteOverlayProps & SxProp;
|
|
5
5
|
declare const AutocompleteOverlay: React.ComponentType<AutocompleteOverlayProps>;
|
|
6
|
-
export type AutocompleteInputProps = PrimerAutocompleteInputProps & SxProp;
|
|
7
|
-
declare const AutocompleteInput: React.ComponentType<AutocompleteInputProps>;
|
|
8
6
|
interface AutocompleteExport {
|
|
9
7
|
(props: ComponentProps<typeof PrimerAutocomplete>): React.ReactNode;
|
|
10
8
|
Context: typeof PrimerAutocomplete.Context;
|
|
11
|
-
Input: typeof
|
|
9
|
+
Input: typeof PrimerAutocomplete.Input;
|
|
12
10
|
Menu: typeof PrimerAutocomplete.Menu;
|
|
13
11
|
Overlay: typeof AutocompleteOverlay;
|
|
14
12
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../src/components/Autocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,IAAI,kBAAkB,EAClC,KAAK,wBAAwB,IAAI,8BAA8B,
|
|
1
|
+
{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../src/components/Autocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,IAAI,kBAAkB,EAClC,KAAK,wBAAwB,IAAI,8BAA8B,EAChE,MAAM,eAAe,CAAA;AACtB,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAErC,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,OAAO,CAAA;AAEzC,MAAM,MAAM,wBAAwB,GAAG,8BAA8B,GAAG,MAAM,CAAA;AAE9E,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,aAAa,CAAC,wBAAwB,CAMtE,CAAA;AAED,UAAU,kBAAkB;IAC1B,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,kBAAkB,CAAC,GAAG,KAAK,CAAC,SAAS,CAAA;IACnE,OAAO,EAAE,OAAO,kBAAkB,CAAC,OAAO,CAAA;IAC1C,KAAK,EAAE,OAAO,kBAAkB,CAAC,KAAK,CAAA;IACtC,IAAI,EAAE,OAAO,kBAAkB,CAAC,IAAI,CAAA;IACpC,OAAO,EAAE,OAAO,mBAAmB,CAAA;CACpC;AAED,QAAA,MAAM,YAAY,EAAE,kBAKlB,CAAA;AAEF,OAAO,EAAC,YAAY,EAAC,CAAA"}
|
package/dist/components.json
CHANGED
|
@@ -79,13 +79,11 @@
|
|
|
79
79
|
"PageHeaderActionsProps",
|
|
80
80
|
"PageHeaderProps",
|
|
81
81
|
"PageHeaderTitleProps",
|
|
82
|
-
"PageLayoutProps",
|
|
83
82
|
"RadioGroupProps",
|
|
84
83
|
"RelativeTimeProps",
|
|
85
84
|
"SegmentedControlButtonProps",
|
|
86
85
|
"SegmentedControlIconButtonProps",
|
|
87
86
|
"SegmentedControlProps",
|
|
88
|
-
"SelectProps",
|
|
89
87
|
"SpinnerProps",
|
|
90
88
|
"StateLabelProps",
|
|
91
89
|
"SubNavLinkProps",
|
|
@@ -102,8 +100,6 @@
|
|
|
102
100
|
"TableTitleProps",
|
|
103
101
|
"TabNavLinkProps",
|
|
104
102
|
"TabNavProps",
|
|
105
|
-
"TextareaProps",
|
|
106
|
-
"TextInputActionProps",
|
|
107
103
|
"TextInputProps",
|
|
108
104
|
"TextProps",
|
|
109
105
|
"TimelineBadgeProps",
|
package/dist/index.d.ts
CHANGED
|
@@ -4,6 +4,11 @@ export { Details } from '@primer/react';
|
|
|
4
4
|
export { FormControl } from '@primer/react';
|
|
5
5
|
export { IconButton } from '@primer/react';
|
|
6
6
|
export { ProgressBar } from '@primer/react';
|
|
7
|
+
export { PageLayout } from '@primer/react';
|
|
8
|
+
export { Select } from '@primer/react';
|
|
9
|
+
export { Textarea } from '@primer/react';
|
|
10
|
+
export { TextInput } from '@primer/react';
|
|
11
|
+
export { type TextInputProps } from '@primer/react';
|
|
7
12
|
export { ThemeProvider } from '@primer/react';
|
|
8
13
|
export { merge } from '@primer/react';
|
|
9
14
|
export { theme } from '@primer/react';
|
|
@@ -28,18 +33,14 @@ export { Link, type LinkProps } from './components/Link';
|
|
|
28
33
|
export { LinkButton, type LinkButtonProps } from './components/LinkButton';
|
|
29
34
|
export { NavList, type NavListProps } from './components/NavList';
|
|
30
35
|
export { Overlay } from './components/Overlay';
|
|
31
|
-
export { PageLayout, type PageLayoutProps } from './components/PageLayout';
|
|
32
36
|
export { PageHeader, type PageHeaderProps, type PageHeaderActionsProps, type PageHeaderTitleProps, } from './components/PageHeader';
|
|
33
37
|
export { RadioGroup, type RadioGroupProps } from './components/RadioGroup';
|
|
34
38
|
export { RelativeTime, type RelativeTimeProps } from './components/RelativeTime';
|
|
35
39
|
export { SegmentedControl, type SegmentedControlProps, type SegmentedControlButtonProps, type SegmentedControlIconButtonProps, } from './components/SegmentedControl';
|
|
36
|
-
export { Select, type SelectProps } from './components/Select';
|
|
37
40
|
export { Spinner, type SpinnerProps } from './components/Spinner';
|
|
38
41
|
export { StateLabel, type StateLabelProps } from './components/StateLabel';
|
|
39
42
|
export { SubNav, type SubNavProps, type SubNavLinkProps } from './components/SubNav';
|
|
40
43
|
export { Text, type TextProps } from './components/Text';
|
|
41
|
-
export { Textarea, type TextareaProps } from './components/Textarea';
|
|
42
|
-
export { TextInput, type TextInputProps, type TextInputActionProps } from './components/TextInput';
|
|
43
44
|
export { Timeline, type TimelineProps, type TimelineItemProps, type TimelineBadgeProps, type TimelineBodyProps, type TimelineBreakProps, } from './components/Timeline';
|
|
44
45
|
export { ToggleSwitch, type ToggleSwitchProps } from './components/ToggleSwitch';
|
|
45
46
|
export { Tooltip, type TooltipProps } from './components/Tooltip';
|
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;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"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"}
|
package/dist/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
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,
|
|
2
|
-
export { Box, Button, Details, FormControl, IconButton, ProgressBar, ThemeProvider, 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
4
|
import styled from 'styled-components';
|
|
5
5
|
import { jsx } from 'react/jsx-runtime';
|
|
@@ -125,15 +125,9 @@ const AutocompleteOverlay = styled(Autocomplete$1.Overlay).withConfig({
|
|
|
125
125
|
displayName: "Autocomplete__AutocompleteOverlay",
|
|
126
126
|
componentId: "sc-j8ax2e-0"
|
|
127
127
|
})(["", ""], sx);
|
|
128
|
-
const AutocompleteInput = styled(Autocomplete$1.Input).withConfig({
|
|
129
|
-
shouldForwardProp: prop => prop !== 'sx'
|
|
130
|
-
}).withConfig({
|
|
131
|
-
displayName: "Autocomplete__AutocompleteInput",
|
|
132
|
-
componentId: "sc-j8ax2e-1"
|
|
133
|
-
})(["", ""], sx);
|
|
134
128
|
const Autocomplete = Object.assign(Autocomplete$1, {
|
|
135
129
|
Context: Autocomplete$1.Context,
|
|
136
|
-
Input:
|
|
130
|
+
Input: Autocomplete$1.Input,
|
|
137
131
|
Menu: Autocomplete$1.Menu,
|
|
138
132
|
Overlay: AutocompleteOverlay
|
|
139
133
|
});
|
|
@@ -398,39 +392,6 @@ const Overlay = styled(Overlay$1).withConfig({
|
|
|
398
392
|
componentId: "sc-tjbd74-0"
|
|
399
393
|
})(["", ""], sx);
|
|
400
394
|
|
|
401
|
-
const Wrapper = styled.div.withConfig({
|
|
402
|
-
displayName: "PageLayout__Wrapper",
|
|
403
|
-
componentId: "sc-pjybtc-0"
|
|
404
|
-
})(["", ""], sx);
|
|
405
|
-
const PageLayoutImpl = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
406
|
-
// @ts-expect-error - PrimerPageLayout is not recognized as a valid component type
|
|
407
|
-
return /*#__PURE__*/jsx(Wrapper, {
|
|
408
|
-
as: PageLayout$1,
|
|
409
|
-
ref: ref,
|
|
410
|
-
...props
|
|
411
|
-
});
|
|
412
|
-
});
|
|
413
|
-
const PageLayoutContent = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
414
|
-
return /*#__PURE__*/jsx(Wrapper, {
|
|
415
|
-
as: PageLayout$1.Content,
|
|
416
|
-
ref: ref,
|
|
417
|
-
...props
|
|
418
|
-
});
|
|
419
|
-
});
|
|
420
|
-
const PageLayoutPane = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
421
|
-
return /*#__PURE__*/jsx(Wrapper, {
|
|
422
|
-
as: PageLayout$1.Pane,
|
|
423
|
-
ref: ref,
|
|
424
|
-
...props
|
|
425
|
-
});
|
|
426
|
-
});
|
|
427
|
-
const PageLayout = Object.assign(PageLayoutImpl, {
|
|
428
|
-
Content: PageLayoutContent,
|
|
429
|
-
Header: PageLayout$1.Header,
|
|
430
|
-
Pane: PageLayoutPane,
|
|
431
|
-
Footer: PageLayout$1.Footer
|
|
432
|
-
});
|
|
433
|
-
|
|
434
395
|
const RadioGroupImpl = props => {
|
|
435
396
|
return /*#__PURE__*/jsx(Box, {
|
|
436
397
|
as: RadioGroup$1,
|
|
@@ -495,24 +456,6 @@ const SegmentedControl = Object.assign(SegmentedControlImpl, {
|
|
|
495
456
|
IconButton: SegmentedControlIconButton
|
|
496
457
|
});
|
|
497
458
|
|
|
498
|
-
const StyledSelect = styled(Select$1).withConfig({
|
|
499
|
-
shouldForwardProp: prop => prop !== 'sx'
|
|
500
|
-
}).withConfig({
|
|
501
|
-
displayName: "Select__StyledSelect",
|
|
502
|
-
componentId: "sc-1pyiuc8-0"
|
|
503
|
-
})(["", ""], sx);
|
|
504
|
-
const Select = ({
|
|
505
|
-
as,
|
|
506
|
-
...props
|
|
507
|
-
}) => {
|
|
508
|
-
return /*#__PURE__*/jsx(StyledSelect, {
|
|
509
|
-
...props,
|
|
510
|
-
...(as ? {
|
|
511
|
-
forwardedAs: as
|
|
512
|
-
} : {})
|
|
513
|
-
});
|
|
514
|
-
};
|
|
515
|
-
|
|
516
459
|
function Spinner(props) {
|
|
517
460
|
return /*#__PURE__*/jsx(Box, {
|
|
518
461
|
as: Spinner$1,
|
|
@@ -566,57 +509,6 @@ const Text = /*#__PURE__*/forwardRef(({
|
|
|
566
509
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
567
510
|
});
|
|
568
511
|
|
|
569
|
-
const StyledTextarea = styled(Textarea$1).withConfig({
|
|
570
|
-
shouldForwardProp: prop => prop !== 'sx'
|
|
571
|
-
}).withConfig({
|
|
572
|
-
displayName: "Textarea__StyledTextarea",
|
|
573
|
-
componentId: "sc-40d1gp-0"
|
|
574
|
-
})(["", ""], sx);
|
|
575
|
-
const Textarea = /*#__PURE__*/forwardRef(({
|
|
576
|
-
as,
|
|
577
|
-
...props
|
|
578
|
-
}, ref) => {
|
|
579
|
-
return /*#__PURE__*/jsx(StyledTextarea, {
|
|
580
|
-
...props,
|
|
581
|
-
...(as ? {
|
|
582
|
-
forwardedAs: as
|
|
583
|
-
} : {}),
|
|
584
|
-
ref: ref
|
|
585
|
-
});
|
|
586
|
-
});
|
|
587
|
-
|
|
588
|
-
const StyledTextInput = /*#__PURE__*/forwardRef((props, ref) => {
|
|
589
|
-
return /*#__PURE__*/jsx(Box, {
|
|
590
|
-
as: TextInput$1,
|
|
591
|
-
ref: ref,
|
|
592
|
-
...props
|
|
593
|
-
});
|
|
594
|
-
});
|
|
595
|
-
const TextInputImpl = /*#__PURE__*/forwardRef(({
|
|
596
|
-
as,
|
|
597
|
-
...props
|
|
598
|
-
}, ref) => {
|
|
599
|
-
return /*#__PURE__*/jsx(StyledTextInput, {
|
|
600
|
-
ref: ref,
|
|
601
|
-
...props,
|
|
602
|
-
...(as ? {
|
|
603
|
-
forwardedAs: as
|
|
604
|
-
} : {})
|
|
605
|
-
});
|
|
606
|
-
});
|
|
607
|
-
const TextInputAction = /*#__PURE__*/forwardRef((props, ref) => {
|
|
608
|
-
return /*#__PURE__*/jsx(Box, {
|
|
609
|
-
as: TextInput$1.Action,
|
|
610
|
-
ref: ref,
|
|
611
|
-
...props
|
|
612
|
-
});
|
|
613
|
-
});
|
|
614
|
-
const TextInput = Object.assign(TextInputImpl, {
|
|
615
|
-
Action: TextInputAction
|
|
616
|
-
});
|
|
617
|
-
TextInputAction.displayName = 'TextInputAction';
|
|
618
|
-
TextInputImpl.displayName = 'TextInput';
|
|
619
|
-
|
|
620
512
|
const TimelineImpl = /*#__PURE__*/forwardRef(function Timeline(props, ref) {
|
|
621
513
|
return /*#__PURE__*/jsx(Box, {
|
|
622
514
|
as: Timeline$1,
|
|
@@ -740,4 +632,4 @@ const UnderlineNav = Object.assign(UnderlineNavImpl, {
|
|
|
740
632
|
Item: UnderlineNavItem
|
|
741
633
|
});
|
|
742
634
|
|
|
743
|
-
export { ActionList, ActionMenu, Autocomplete, Avatar, Breadcrumb, Breadcrumbs, Checkbox, CheckboxGroup, CircleBadge, CounterLabel, Flash, Header, Heading, Label, Link, LinkButton, NavList, Overlay,
|
|
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-20251006234524",
|
|
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-20251006234524",
|
|
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-20251006234524",
|
|
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,18 +0,0 @@
|
|
|
1
|
-
import React, { type PropsWithChildren } from 'react';
|
|
2
|
-
import type { PageLayoutProps as PrimerPageLayoutProps, PageLayoutContentProps as PrimerPageLayoutContentProps, PageLayoutPaneProps as PrimerPageLayoutPaneProps } from '@primer/react';
|
|
3
|
-
import { type SxProp } from '../sx';
|
|
4
|
-
type PageLayoutProps = PropsWithChildren<PrimerPageLayoutProps> & SxProp;
|
|
5
|
-
declare const PageLayout: React.ForwardRefExoticComponent<PrimerPageLayoutProps & {
|
|
6
|
-
children?: React.ReactNode | undefined;
|
|
7
|
-
} & SxProp & React.RefAttributes<HTMLDivElement>> & {
|
|
8
|
-
Content: React.ForwardRefExoticComponent<PrimerPageLayoutContentProps & {
|
|
9
|
-
children?: React.ReactNode | undefined;
|
|
10
|
-
} & SxProp & React.RefAttributes<HTMLDivElement>>;
|
|
11
|
-
Header: React.FC<React.PropsWithChildren<import("@primer/react").PageLayoutHeaderProps>>;
|
|
12
|
-
Pane: React.ForwardRefExoticComponent<PrimerPageLayoutPaneProps & {
|
|
13
|
-
children?: React.ReactNode | undefined;
|
|
14
|
-
} & SxProp & React.RefAttributes<HTMLDivElement>>;
|
|
15
|
-
Footer: React.FC<React.PropsWithChildren<import("@primer/react").PageLayoutFooterProps>>;
|
|
16
|
-
};
|
|
17
|
-
export { PageLayout, type PageLayoutProps };
|
|
18
|
-
//# sourceMappingURL=PageLayout.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
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,EACjD,MAAM,eAAe,CAAA;AAEtB,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAMrC,KAAK,eAAe,GAAG,iBAAiB,CAAC,qBAAqB,CAAC,GAAG,MAAM,CAAA;AAmBxE,QAAA,MAAM,UAAU;;;;;;;;;;;CAKd,CAAA;AAEF,OAAO,EAAC,UAAU,EAAE,KAAK,eAAe,EAAC,CAAA"}
|
|
@@ -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,20 +0,0 @@
|
|
|
1
|
-
import { type TextInputProps as PrimerTextInputProps, type TextInputActionProps as PrimerTextInputActionProps } from '@primer/react';
|
|
2
|
-
import type { SxProp } from '../sx';
|
|
3
|
-
import type { ForwardRefExoticComponent, RefAttributes } from 'react';
|
|
4
|
-
export type TextInputProps = PrimerTextInputProps & SxProp & {
|
|
5
|
-
as?: React.ElementType;
|
|
6
|
-
};
|
|
7
|
-
export type TextInputActionProps = PrimerTextInputActionProps & SxProp;
|
|
8
|
-
declare const TextInputAction: ForwardRefExoticComponent<Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "size" | "aria-label" | "tooltipDirection"> & {
|
|
9
|
-
children?: React.ReactNode;
|
|
10
|
-
"aria-label"?: string;
|
|
11
|
-
tooltipDirection?: "n" | "ne" | "e" | "se" | "s" | "sw" | "w" | "nw";
|
|
12
|
-
icon?: React.FunctionComponent<React.PropsWithChildren<import("@primer/octicons-react").IconProps>>;
|
|
13
|
-
variant?: import("@primer/react").ButtonProps["variant"];
|
|
14
|
-
} & SxProp & RefAttributes<HTMLButtonElement>>;
|
|
15
|
-
type TextInputComposite = ForwardRefExoticComponent<TextInputProps & RefAttributes<HTMLInputElement>> & {
|
|
16
|
-
Action: typeof TextInputAction;
|
|
17
|
-
};
|
|
18
|
-
export declare const TextInput: TextInputComposite;
|
|
19
|
-
export {};
|
|
20
|
-
//# sourceMappingURL=TextInput.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../src/components/TextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,cAAc,IAAI,oBAAoB,EAC3C,KAAK,oBAAoB,IAAI,0BAA0B,EACxD,MAAM,eAAe,CAAA;AAGtB,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AACjC,OAAO,KAAK,EAAC,yBAAyB,EAAE,aAAa,EAAC,MAAM,OAAO,CAAA;AAEnE,MAAM,MAAM,cAAc,GAAG,oBAAoB,GAAG,MAAM,GAAG;IAAC,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CAAC,CAAA;AACrF,MAAM,MAAM,oBAAoB,GAAG,0BAA0B,GAAG,MAAM,CAAA;AAUtE,QAAA,MAAM,eAAe;;;;;;8CAEnB,CAAA;AAEF,KAAK,kBAAkB,GAAG,yBAAyB,CAAC,cAAc,GAAG,aAAa,CAAC,gBAAgB,CAAC,CAAC,GAAG;IACtG,MAAM,EAAE,OAAO,eAAe,CAAA;CAC/B,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,kBAEtB,CAAA"}
|
|
@@ -1,9 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
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"}
|