@primer/styled-react 0.0.0-20251008061340 → 0.0.0-20251008161912

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.
@@ -1,12 +1,14 @@
1
- import { Autocomplete as PrimerAutocomplete, type AutocompleteOverlayProps as PrimerAutocompleteOverlayProps } from '@primer/react';
1
+ import { Autocomplete as PrimerAutocomplete, type AutocompleteOverlayProps as PrimerAutocompleteOverlayProps, type AutocompleteInputProps as PrimerAutocompleteInputProps } 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>;
6
8
  interface AutocompleteExport {
7
9
  (props: ComponentProps<typeof PrimerAutocomplete>): React.ReactNode;
8
10
  Context: typeof PrimerAutocomplete.Context;
9
- Input: typeof PrimerAutocomplete.Input;
11
+ Input: typeof AutocompleteInput;
10
12
  Menu: typeof PrimerAutocomplete.Menu;
11
13
  Overlay: typeof AutocompleteOverlay;
12
14
  }
@@ -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,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"}
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,EAC/D,KAAK,sBAAsB,IAAI,4BAA4B,EAC5D,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,MAAM,MAAM,sBAAsB,GAAG,4BAA4B,GAAG,MAAM,CAAA;AAE1E,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,aAAa,CAAC,sBAAsB,CAIlE,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,iBAAiB,CAAA;IAC/B,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"}
@@ -1 +1 @@
1
- {"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../src/components/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,UAAU,IAAI,gBAAgB,EAA4B,MAAM,eAAe,CAAA;AAC5F,OAAO,EAAC,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAEjC,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AAEvD,KAAK,UAAU,GAAG,gBAAgB,GAAG,MAAM,GAAG;IAAC,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CAAC,CAAA;AAMtE,QAAA,MAAM,KAAK,EAEL,mBAAmB,CAAC,MAAM,EAAE,UAAU,CAAC,CAAA;AAE7C,OAAO,EAAC,KAAK,EAAE,KAAK,UAAU,EAAC,CAAA"}
1
+ {"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../src/components/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,UAAU,IAAI,gBAAgB,EAAuB,MAAM,eAAe,CAAA;AACvF,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAErC,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AAGvD,KAAK,UAAU,GAAG,gBAAgB,GAAG,MAAM,GAAG;IAAC,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CAAC,CAAA;AAQtE,QAAA,MAAM,KAAK,EAEL,mBAAmB,CAAC,MAAM,EAAE,UAAU,CAAC,CAAA;AAE7C,OAAO,EAAC,KAAK,EAAE,KAAK,UAAU,EAAC,CAAA"}
@@ -0,0 +1,8 @@
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
@@ -0,0 +1 @@
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,6 +1,5 @@
1
- import { type SpinnerProps as PrimerSpinnerProps } from '@primer/react';
2
- import React from 'react';
3
- import type { SxProp } from '../sx';
1
+ import { Spinner as PrimerSpinner, type SpinnerProps as PrimerSpinnerProps } from '@primer/react';
2
+ import { type SxProp } from '../sx';
4
3
  export type SpinnerProps = PrimerSpinnerProps & SxProp;
5
- export declare function Spinner(props: SpinnerProps): React.JSX.Element;
4
+ export declare const Spinner: import("styled-components").StyledComponent<typeof PrimerSpinner, any, SpinnerProps, never>;
6
5
  //# sourceMappingURL=Spinner.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../src/components/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgC,KAAK,YAAY,IAAI,kBAAkB,EAAC,MAAM,eAAe,CAAA;AACpG,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAEjC,MAAM,MAAM,YAAY,GAAG,kBAAkB,GAAG,MAAM,CAAA;AAEtD,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,qBAE1C"}
1
+ {"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../src/components/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,IAAI,aAAa,EAAE,KAAK,YAAY,IAAI,kBAAkB,EAAC,MAAM,eAAe,CAAA;AAC/F,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAGrC,MAAM,MAAM,YAAY,GAAG,kBAAkB,GAAG,MAAM,CAAA;AAEtD,eAAO,MAAM,OAAO,6FAInB,CAAA"}
@@ -0,0 +1,15 @@
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
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,9 @@
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
@@ -0,0 +1 @@
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"}
@@ -1,7 +1,8 @@
1
- import { type TokenProps as PrimerTokenProps, type SxProp } from '@primer/react';
1
+ import { type TokenProps as PrimerTokenProps } from '@primer/react';
2
+ import { type SxProp } from '../sx';
2
3
  import type { ForwardRefComponent } from '../polymorphic';
3
4
  import type { PropsWithChildren } from 'react';
4
5
  type TokenProps = PropsWithChildren<PrimerTokenProps> & SxProp;
5
- declare const Token: ForwardRefComponent<'a' | 'button' | 'span', TokenProps>;
6
+ declare const Token: ForwardRefComponent<"a" | "button" | "span", TokenProps>;
6
7
  export { Token, type TokenProps };
7
8
  //# sourceMappingURL=Token.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Token.d.ts","sourceRoot":"","sources":["../../src/components/Token.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,UAAU,IAAI,gBAAgB,EACnC,KAAK,MAAM,EAIZ,MAAM,eAAe,CAAA;AAEtB,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AACvD,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAE5C,KAAK,UAAU,GAAG,iBAAiB,CAAC,gBAAgB,CAAC,GAAG,MAAM,CAAA;AAE9D,QAAA,MAAM,KAAK,EAAE,mBAAmB,CAAC,GAAG,GAAG,QAAQ,GAAG,MAAM,EAAE,UAAU,CAgBP,CAAA;AAE7D,OAAO,EAAC,KAAK,EAAE,KAAK,UAAU,EAAC,CAAA"}
1
+ {"version":3,"file":"Token.d.ts","sourceRoot":"","sources":["../../src/components/Token.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,KAAK,UAAU,IAAI,gBAAgB,EAAuB,MAAM,eAAe,CAAA;AACvF,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AACrC,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AACvD,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAG5C,KAAK,UAAU,GAAG,iBAAiB,CAAC,gBAAgB,CAAC,GAAG,MAAM,CAAA;AAQ9D,QAAA,MAAM,KAAK,EAEL,mBAAmB,CAAC,GAAG,GAAG,QAAQ,GAAG,MAAM,EAAE,UAAU,CAAC,CAAA;AAE9D,OAAO,EAAC,KAAK,EAAE,KAAK,UAAU,EAAC,CAAA"}
@@ -85,6 +85,7 @@
85
85
  "SegmentedControlButtonProps",
86
86
  "SegmentedControlIconButtonProps",
87
87
  "SegmentedControlProps",
88
+ "SelectProps",
88
89
  "SpinnerProps",
89
90
  "StateLabelProps",
90
91
  "SubNavLinkProps",
@@ -101,6 +102,8 @@
101
102
  "TableTitleProps",
102
103
  "TabNavLinkProps",
103
104
  "TabNavProps",
105
+ "TextareaProps",
106
+ "TextInputActionProps",
104
107
  "TextInputProps",
105
108
  "TextProps",
106
109
  "TimelineBadgeProps",
package/dist/index.d.ts CHANGED
@@ -4,10 +4,6 @@ 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 { Select } from '@primer/react';
8
- export { Textarea } from '@primer/react';
9
- export { TextInput } from '@primer/react';
10
- export { type TextInputProps } from '@primer/react';
11
7
  export { ThemeProvider } from '@primer/react';
12
8
  export { merge } from '@primer/react';
13
9
  export { theme } from '@primer/react';
@@ -37,10 +33,13 @@ export { PageHeader, type PageHeaderProps, type PageHeaderActionsProps, type Pag
37
33
  export { RadioGroup, type RadioGroupProps } from './components/RadioGroup';
38
34
  export { RelativeTime, type RelativeTimeProps } from './components/RelativeTime';
39
35
  export { SegmentedControl, type SegmentedControlProps, type SegmentedControlButtonProps, type SegmentedControlIconButtonProps, } from './components/SegmentedControl';
36
+ export { Select, type SelectProps } from './components/Select';
40
37
  export { Spinner, type SpinnerProps } from './components/Spinner';
41
38
  export { StateLabel, type StateLabelProps } from './components/StateLabel';
42
39
  export { SubNav, type SubNavProps, type SubNavLinkProps } from './components/SubNav';
43
40
  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';
44
43
  export { Timeline, type TimelineProps, type TimelineItemProps, type TimelineBadgeProps, type TimelineBodyProps, type TimelineBreakProps, } from './components/Timeline';
45
44
  export { ToggleSwitch, type ToggleSwitchProps } from './components/ToggleSwitch';
46
45
  export { Tooltip, type TooltipProps } from './components/Tooltip';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"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"}
package/dist/index.js CHANGED
@@ -1,10 +1,9 @@
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, 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, ProgressBar, Select, TextInput, Textarea, 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, PageLayout as PageLayout$1, RadioGroup as RadioGroup$1, RelativeTime as RelativeTime$1, SegmentedControl as SegmentedControl$1, Select as Select$1, Spinner as Spinner$1, StateLabel as StateLabel$1, SubNav as SubNav$1, Text as Text$1, Textarea as Textarea$1, TextInput as TextInput$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, FormControl, IconButton, ProgressBar, 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';
6
6
  export { D as Dialog, P as PageHeader, T as Tooltip } from './Tooltip-DIHgr01r.js';
7
- import css from '@styled-system/css';
8
7
 
9
8
  const StyledActionList = styled(ActionList$1).withConfig({
10
9
  shouldForwardProp: prop => prop !== 'sx'
@@ -123,9 +122,15 @@ const AutocompleteOverlay = styled(Autocomplete$1.Overlay).withConfig({
123
122
  displayName: "Autocomplete__AutocompleteOverlay",
124
123
  componentId: "sc-j8ax2e-0"
125
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);
126
131
  const Autocomplete = Object.assign(Autocomplete$1, {
127
132
  Context: Autocomplete$1.Context,
128
- Input: Autocomplete$1.Input,
133
+ Input: AutocompleteInput,
129
134
  Menu: Autocomplete$1.Menu,
130
135
  Overlay: AutocompleteOverlay
131
136
  });
@@ -286,13 +291,12 @@ const Heading = styled(Heading$1).withConfig({
286
291
  componentId: "sc-1vc165i-0"
287
292
  })(["", ""], sx);
288
293
 
289
- const StyledLabel = /*#__PURE__*/forwardRef(function Label(props, ref) {
290
- return /*#__PURE__*/jsx(Box, {
291
- as: Label$1,
292
- ref: ref,
293
- ...props
294
- });
295
- });
294
+ const StyledLabel = styled(Label$1).withConfig({
295
+ shouldForwardProp: prop => prop !== 'sx'
296
+ }).withConfig({
297
+ displayName: "Label__StyledLabel",
298
+ componentId: "sc-1cpass9-0"
299
+ })(["", ""], sx);
296
300
  const Label = /*#__PURE__*/forwardRef(({
297
301
  as,
298
302
  ...props
@@ -487,12 +491,30 @@ const SegmentedControl = Object.assign(SegmentedControlImpl, {
487
491
  IconButton: SegmentedControlIconButton
488
492
  });
489
493
 
490
- function Spinner(props) {
491
- return /*#__PURE__*/jsx(Box, {
492
- as: Spinner$1,
493
- ...props
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
+ } : {})
494
509
  });
495
- }
510
+ };
511
+
512
+ const Spinner = styled(Spinner$1).withConfig({
513
+ shouldForwardProp: prop => prop !== 'sx'
514
+ }).withConfig({
515
+ displayName: "Spinner",
516
+ componentId: "sc-jbw2a0-0"
517
+ })(["", ""], sx);
496
518
 
497
519
  const StateLabel = /*#__PURE__*/forwardRef(function StateLabel(props, ref) {
498
520
  return /*#__PURE__*/jsx(Box, {
@@ -540,6 +562,55 @@ const Text = /*#__PURE__*/forwardRef(({
540
562
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
541
563
  });
542
564
 
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
+
543
614
  const TimelineImpl = /*#__PURE__*/forwardRef(function Timeline(props, ref) {
544
615
  return /*#__PURE__*/jsx(Box, {
545
616
  as: Timeline$1,
@@ -589,32 +660,21 @@ const ToggleSwitch = /*#__PURE__*/forwardRef(function ToggleSwitch(props, ref) {
589
660
  });
590
661
  });
591
662
 
592
- const Token = /*#__PURE__*/React.forwardRef(({
593
- sx: sxProp,
594
- style,
595
- ...rest
663
+ const StyledToken = styled(Token$1).withConfig({
664
+ shouldForwardProp: prop => prop !== 'sx'
665
+ }).withConfig({
666
+ displayName: "Token__StyledToken",
667
+ componentId: "sc-ldn0r8-0"
668
+ })(["", ""], sx);
669
+ const Token = /*#__PURE__*/forwardRef(({
670
+ as,
671
+ ...props
596
672
  }, ref) => {
597
- const contextTheme = useTheme();
598
- const theme$1 = contextTheme.theme || theme;
599
-
600
- // If no sx prop is provided, just return PrimerToken directly
601
- if (!sxProp) {
602
- return /*#__PURE__*/jsx(Token$1, {
603
- ...rest,
604
- style: style,
605
- ref: ref
606
- });
607
- }
608
-
609
- // Convert sx to CSS styles using the theme context
610
- const sxStyles = css(sxProp)(theme$1);
611
- const mergedStyle = {
612
- ...sxStyles,
613
- ...style
614
- };
615
- return /*#__PURE__*/jsx(Token$1, {
616
- ...rest,
617
- style: mergedStyle,
673
+ return /*#__PURE__*/jsx(StyledToken, {
674
+ ...props,
675
+ ...(as ? {
676
+ forwardedAs: as
677
+ } : {}),
618
678
  ref: ref
619
679
  });
620
680
  });
@@ -663,4 +723,4 @@ const UnderlineNav = Object.assign(UnderlineNavImpl, {
663
723
  Item: UnderlineNavItem
664
724
  });
665
725
 
666
- export { ActionList, ActionMenu, Autocomplete, Avatar, Breadcrumb, Breadcrumbs, Checkbox, CheckboxGroup, CircleBadge, CounterLabel, Flash, Header, Heading, Label, Link, LinkButton, NavList, Overlay, PageLayout, RadioGroup, RelativeTime, SegmentedControl, Spinner, StateLabel, SubNav, Text, Timeline, ToggleSwitch, Token, Truncate, UnderlineNav };
726
+ export { ActionList, ActionMenu, Autocomplete, Avatar, Breadcrumb, Breadcrumbs, Checkbox, CheckboxGroup, CircleBadge, CounterLabel, Flash, Header, Heading, Label, Link, LinkButton, NavList, Overlay, PageLayout, RadioGroup, RelativeTime, SegmentedControl, Select, Spinner, StateLabel, SubNav, Text, TextInput, Textarea, 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-20251008061340",
3
+ "version": "0.0.0-20251008161912",
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-20251008061340",
33
+ "@primer/react": "0.0.0-20251008161912",
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-20251008061340",
49
+ "@primer/react": "0.0.0-20251008161912",
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",