@primer/styled-react 0.0.0-20251008161912 → 0.0.0-20251008165550
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/FormControl.d.ts +12 -0
- package/dist/components/FormControl.d.ts.map +1 -0
- package/dist/components.json +1 -3
- package/dist/index.d.ts +5 -4
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +17 -77
- package/package.json +3 -3
- package/dist/components/Select.d.ts +0 -8
- package/dist/components/Select.d.ts.map +0 -1
- package/dist/components/TextInput.d.ts +0 -15
- 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"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { FormControl as PrimerFormControl, type FormControlProps as PrimerFormControlProps, type SxProp } from '@primer/react';
|
|
2
|
+
import { type PropsWithChildren } from 'react';
|
|
3
|
+
type FormControlProps = PropsWithChildren<PrimerFormControlProps> & SxProp;
|
|
4
|
+
declare const FormControlImpl: React.ComponentType<FormControlProps>;
|
|
5
|
+
declare const FormControl: typeof FormControlImpl & {
|
|
6
|
+
Caption: typeof PrimerFormControl.Caption;
|
|
7
|
+
LeadingVisual: typeof PrimerFormControl.LeadingVisual;
|
|
8
|
+
Validation: typeof PrimerFormControl.Validation;
|
|
9
|
+
Label: typeof PrimerFormControl.Label;
|
|
10
|
+
};
|
|
11
|
+
export { FormControl, type FormControlProps };
|
|
12
|
+
//# sourceMappingURL=FormControl.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FormControl.d.ts","sourceRoot":"","sources":["../../src/components/FormControl.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,IAAI,iBAAiB,EAChC,KAAK,gBAAgB,IAAI,sBAAsB,EAC/C,KAAK,MAAM,EACZ,MAAM,eAAe,CAAA;AACtB,OAAO,EAAC,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAI5C,KAAK,gBAAgB,GAAG,iBAAiB,CAAC,sBAAsB,CAAC,GAAG,MAAM,CAAA;AAE1E,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAI1D,CAAA;AAED,QAAA,MAAM,WAAW,EAKX,OAAO,eAAe,GAAG;IAC7B,OAAO,EAAE,OAAO,iBAAiB,CAAC,OAAO,CAAA;IACzC,aAAa,EAAE,OAAO,iBAAiB,CAAC,aAAa,CAAA;IACrD,UAAU,EAAE,OAAO,iBAAiB,CAAC,UAAU,CAAA;IAC/C,KAAK,EAAE,OAAO,iBAAiB,CAAC,KAAK,CAAA;CACtC,CAAA;AAED,OAAO,EAAC,WAAW,EAAE,KAAK,gBAAgB,EAAC,CAAA"}
|
package/dist/components.json
CHANGED
|
@@ -70,6 +70,7 @@
|
|
|
70
70
|
"DataTableContainerProps",
|
|
71
71
|
"DialogHeaderProps",
|
|
72
72
|
"DialogProps",
|
|
73
|
+
"FormControlProps",
|
|
73
74
|
"HeaderProps",
|
|
74
75
|
"LabelProps",
|
|
75
76
|
"LinkButtonProps",
|
|
@@ -85,7 +86,6 @@
|
|
|
85
86
|
"SegmentedControlButtonProps",
|
|
86
87
|
"SegmentedControlIconButtonProps",
|
|
87
88
|
"SegmentedControlProps",
|
|
88
|
-
"SelectProps",
|
|
89
89
|
"SpinnerProps",
|
|
90
90
|
"StateLabelProps",
|
|
91
91
|
"SubNavLinkProps",
|
|
@@ -102,8 +102,6 @@
|
|
|
102
102
|
"TableTitleProps",
|
|
103
103
|
"TabNavLinkProps",
|
|
104
104
|
"TabNavProps",
|
|
105
|
-
"TextareaProps",
|
|
106
|
-
"TextInputActionProps",
|
|
107
105
|
"TextInputProps",
|
|
108
106
|
"TextProps",
|
|
109
107
|
"TimelineBadgeProps",
|
package/dist/index.d.ts
CHANGED
|
@@ -1,9 +1,12 @@
|
|
|
1
1
|
export { Box, type BoxProps } from './components/Box';
|
|
2
2
|
export { Button } from '@primer/react';
|
|
3
3
|
export { Details } from '@primer/react';
|
|
4
|
-
export { FormControl } from '@primer/react';
|
|
5
4
|
export { IconButton } from '@primer/react';
|
|
6
5
|
export { ProgressBar } from '@primer/react';
|
|
6
|
+
export { Select } from '@primer/react';
|
|
7
|
+
export { Textarea } from '@primer/react';
|
|
8
|
+
export { TextInput } from '@primer/react';
|
|
9
|
+
export { type TextInputProps } from '@primer/react';
|
|
7
10
|
export { ThemeProvider } from '@primer/react';
|
|
8
11
|
export { merge } from '@primer/react';
|
|
9
12
|
export { theme } from '@primer/react';
|
|
@@ -21,6 +24,7 @@ export { CircleBadge } from './components/CircleBadge';
|
|
|
21
24
|
export { CounterLabel, type CounterLabelProps } from './components/CounterLabel';
|
|
22
25
|
export { Dialog, type DialogProps } from './components/Dialog';
|
|
23
26
|
export { Flash } from './components/Flash';
|
|
27
|
+
export { FormControl, type FormControlProps } from './components/FormControl';
|
|
24
28
|
export { Header, type HeaderProps } from './components/Header';
|
|
25
29
|
export { Heading } from './components/Heading';
|
|
26
30
|
export { Label, type LabelProps } from './components/Label';
|
|
@@ -33,13 +37,10 @@ export { PageHeader, type PageHeaderProps, type PageHeaderActionsProps, type Pag
|
|
|
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,
|
|
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, PageLayout as PageLayout$1, RadioGroup as RadioGroup$1, RelativeTime as RelativeTime$1, SegmentedControl as SegmentedControl$1,
|
|
2
|
-
export { Box, Button, Details,
|
|
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, FormControl as FormControl$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, PageLayout as PageLayout$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, Token as Token$1, Truncate as Truncate$1, UnderlineNav as UnderlineNav$1 } from '@primer/react';
|
|
2
|
+
export { Box, Button, Details, IconButton, 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';
|
|
@@ -122,15 +122,9 @@ const AutocompleteOverlay = styled(Autocomplete$1.Overlay).withConfig({
|
|
|
122
122
|
displayName: "Autocomplete__AutocompleteOverlay",
|
|
123
123
|
componentId: "sc-j8ax2e-0"
|
|
124
124
|
})(["", ""], sx);
|
|
125
|
-
const AutocompleteInput = styled(Autocomplete$1.Input).withConfig({
|
|
126
|
-
shouldForwardProp: prop => prop !== 'sx'
|
|
127
|
-
}).withConfig({
|
|
128
|
-
displayName: "Autocomplete__AutocompleteInput",
|
|
129
|
-
componentId: "sc-j8ax2e-1"
|
|
130
|
-
})(["", ""], sx);
|
|
131
125
|
const Autocomplete = Object.assign(Autocomplete$1, {
|
|
132
126
|
Context: Autocomplete$1.Context,
|
|
133
|
-
Input:
|
|
127
|
+
Input: Autocomplete$1.Input,
|
|
134
128
|
Menu: Autocomplete$1.Menu,
|
|
135
129
|
Overlay: AutocompleteOverlay
|
|
136
130
|
});
|
|
@@ -238,6 +232,19 @@ const Flash = styled(Flash$1).withConfig({
|
|
|
238
232
|
componentId: "sc-413izo-0"
|
|
239
233
|
})(["", ""], sx);
|
|
240
234
|
|
|
235
|
+
const FormControlImpl = styled(FormControl$1).withConfig({
|
|
236
|
+
shouldForwardProp: prop => prop !== 'sx'
|
|
237
|
+
}).withConfig({
|
|
238
|
+
displayName: "FormControl__FormControlImpl",
|
|
239
|
+
componentId: "sc-1642wfe-0"
|
|
240
|
+
})(["", ""], sx);
|
|
241
|
+
const FormControl = Object.assign(FormControlImpl, {
|
|
242
|
+
Caption: FormControl$1.Caption,
|
|
243
|
+
LeadingVisual: FormControl$1.LeadingVisual,
|
|
244
|
+
Validation: FormControl$1.Validation,
|
|
245
|
+
Label: FormControl$1.Label
|
|
246
|
+
});
|
|
247
|
+
|
|
241
248
|
const StyledHeader = /*#__PURE__*/forwardRef(function Header(props, ref) {
|
|
242
249
|
return /*#__PURE__*/jsx(Box, {
|
|
243
250
|
as: Header$1,
|
|
@@ -491,24 +498,6 @@ const SegmentedControl = Object.assign(SegmentedControlImpl, {
|
|
|
491
498
|
IconButton: SegmentedControlIconButton
|
|
492
499
|
});
|
|
493
500
|
|
|
494
|
-
const StyledSelect = styled(Select$1).withConfig({
|
|
495
|
-
shouldForwardProp: prop => prop !== 'sx'
|
|
496
|
-
}).withConfig({
|
|
497
|
-
displayName: "Select__StyledSelect",
|
|
498
|
-
componentId: "sc-1pyiuc8-0"
|
|
499
|
-
})(["", ""], sx);
|
|
500
|
-
const Select = ({
|
|
501
|
-
as,
|
|
502
|
-
...props
|
|
503
|
-
}) => {
|
|
504
|
-
return /*#__PURE__*/jsx(StyledSelect, {
|
|
505
|
-
...props,
|
|
506
|
-
...(as ? {
|
|
507
|
-
forwardedAs: as
|
|
508
|
-
} : {})
|
|
509
|
-
});
|
|
510
|
-
};
|
|
511
|
-
|
|
512
501
|
const Spinner = styled(Spinner$1).withConfig({
|
|
513
502
|
shouldForwardProp: prop => prop !== 'sx'
|
|
514
503
|
}).withConfig({
|
|
@@ -562,55 +551,6 @@ const Text = /*#__PURE__*/forwardRef(({
|
|
|
562
551
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
563
552
|
});
|
|
564
553
|
|
|
565
|
-
const StyledTextarea = styled(Textarea$1).withConfig({
|
|
566
|
-
shouldForwardProp: prop => prop !== 'sx'
|
|
567
|
-
}).withConfig({
|
|
568
|
-
displayName: "Textarea__StyledTextarea",
|
|
569
|
-
componentId: "sc-40d1gp-0"
|
|
570
|
-
})(["", ""], sx);
|
|
571
|
-
const Textarea = /*#__PURE__*/forwardRef(({
|
|
572
|
-
as,
|
|
573
|
-
...props
|
|
574
|
-
}, ref) => {
|
|
575
|
-
return /*#__PURE__*/jsx(StyledTextarea, {
|
|
576
|
-
...props,
|
|
577
|
-
...(as ? {
|
|
578
|
-
forwardedAs: as
|
|
579
|
-
} : {}),
|
|
580
|
-
ref: ref
|
|
581
|
-
});
|
|
582
|
-
});
|
|
583
|
-
|
|
584
|
-
const StyledTextInput = styled(TextInput$1).withConfig({
|
|
585
|
-
shouldForwardProp: prop => prop !== 'sx'
|
|
586
|
-
}).withConfig({
|
|
587
|
-
displayName: "TextInput__StyledTextInput",
|
|
588
|
-
componentId: "sc-ttxlvl-0"
|
|
589
|
-
})(["", ""], sx);
|
|
590
|
-
const TextInputImpl = /*#__PURE__*/forwardRef(({
|
|
591
|
-
as,
|
|
592
|
-
...props
|
|
593
|
-
}, ref) => {
|
|
594
|
-
return /*#__PURE__*/jsx(StyledTextInput, {
|
|
595
|
-
ref: ref,
|
|
596
|
-
...props,
|
|
597
|
-
...(as ? {
|
|
598
|
-
forwardedAs: as
|
|
599
|
-
} : {})
|
|
600
|
-
});
|
|
601
|
-
});
|
|
602
|
-
const TextInputAction = styled(TextInput$1.Action).withConfig({
|
|
603
|
-
shouldForwardProp: prop => prop !== 'sx'
|
|
604
|
-
}).withConfig({
|
|
605
|
-
displayName: "TextInput__TextInputAction",
|
|
606
|
-
componentId: "sc-ttxlvl-1"
|
|
607
|
-
})(["", ""], sx);
|
|
608
|
-
const TextInput = Object.assign(TextInputImpl, {
|
|
609
|
-
Action: TextInputAction
|
|
610
|
-
});
|
|
611
|
-
TextInputAction.displayName = 'TextInputAction';
|
|
612
|
-
TextInputImpl.displayName = 'TextInput';
|
|
613
|
-
|
|
614
554
|
const TimelineImpl = /*#__PURE__*/forwardRef(function Timeline(props, ref) {
|
|
615
555
|
return /*#__PURE__*/jsx(Box, {
|
|
616
556
|
as: Timeline$1,
|
|
@@ -723,4 +663,4 @@ const UnderlineNav = Object.assign(UnderlineNavImpl, {
|
|
|
723
663
|
Item: UnderlineNavItem
|
|
724
664
|
});
|
|
725
665
|
|
|
726
|
-
export { ActionList, ActionMenu, Autocomplete, Avatar, Breadcrumb, Breadcrumbs, Checkbox, CheckboxGroup, CircleBadge, CounterLabel, Flash, Header, Heading, Label, Link, LinkButton, NavList, Overlay, PageLayout, RadioGroup, RelativeTime, SegmentedControl,
|
|
666
|
+
export { ActionList, ActionMenu, Autocomplete, Avatar, Breadcrumb, Breadcrumbs, Checkbox, CheckboxGroup, CircleBadge, CounterLabel, Flash, FormControl, Header, Heading, Label, Link, LinkButton, NavList, Overlay, PageLayout, 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-20251008165550",
|
|
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-20251008165550",
|
|
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-20251008165550",
|
|
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,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,15 +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
|
-
import { type ForwardRefComponent } from '../polymorphic';
|
|
5
|
-
export type TextInputProps = PrimerTextInputProps & SxProp & {
|
|
6
|
-
as?: React.ElementType;
|
|
7
|
-
};
|
|
8
|
-
export type TextInputActionProps = PrimerTextInputActionProps & SxProp;
|
|
9
|
-
declare const TextInputAction: ForwardRefComponent<'button', TextInputActionProps>;
|
|
10
|
-
type TextInputComposite = ForwardRefExoticComponent<TextInputProps & RefAttributes<HTMLInputElement>> & {
|
|
11
|
-
Action: typeof TextInputAction;
|
|
12
|
-
};
|
|
13
|
-
export declare const TextInput: TextInputComposite;
|
|
14
|
-
export {};
|
|
15
|
-
//# 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;AAEtB,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AACrC,OAAO,KAAK,EAAC,yBAAyB,EAAE,aAAa,EAAC,MAAM,OAAO,CAAA;AACnE,OAAO,EAAC,KAAK,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AAGvD,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;AAYtE,QAAA,MAAM,eAAe,EAAE,mBAAmB,CAAC,QAAQ,EAAE,oBAAoB,CAIxE,CAAA;AAED,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"}
|