@tamagui/input 2.0.0-1769294704640 → 2.0.0-1769320275396

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 (22) hide show
  1. package/package.json +13 -13
  2. package/src/shared.tsx +1 -1
  3. package/src/types.ts +4 -4
  4. package/src/v1/types.ts +3 -3
  5. package/types/Input.d.ts +28 -88
  6. package/types/Input.d.ts.map +1 -1
  7. package/types/Input.native.d.ts +28 -88
  8. package/types/Input.native.d.ts.map +1 -1
  9. package/types/TextArea.d.ts +17 -80
  10. package/types/TextArea.d.ts.map +1 -1
  11. package/types/shared.d.ts +11 -18
  12. package/types/shared.d.ts.map +1 -1
  13. package/types/types.d.ts +3 -3
  14. package/types/types.d.ts.map +1 -1
  15. package/types/v1/Input.d.ts +13 -73
  16. package/types/v1/Input.d.ts.map +1 -1
  17. package/types/v1/Input.native.d.ts +13 -73
  18. package/types/v1/Input.native.d.ts.map +1 -1
  19. package/types/v1/TextArea.d.ts +10 -73
  20. package/types/v1/TextArea.d.ts.map +1 -1
  21. package/types/v1/types.d.ts +2 -2
  22. package/types/v1/types.d.ts.map +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tamagui/input",
3
- "version": "2.0.0-1769294704640",
3
+ "version": "2.0.0-1769320275396",
4
4
  "type": "module",
5
5
  "sideEffects": [
6
6
  "*.css"
@@ -39,20 +39,20 @@
39
39
  }
40
40
  },
41
41
  "dependencies": {
42
- "@tamagui/core": "2.0.0-1769294704640",
43
- "@tamagui/focusable": "2.0.0-1769294704640",
44
- "@tamagui/font-size": "2.0.0-1769294704640",
45
- "@tamagui/get-button-sized": "2.0.0-1769294704640",
46
- "@tamagui/get-font-sized": "2.0.0-1769294704640",
47
- "@tamagui/get-token": "2.0.0-1769294704640",
48
- "@tamagui/helpers": "2.0.0-1769294704640",
49
- "@tamagui/helpers-tamagui": "2.0.0-1769294704640",
50
- "@tamagui/stacks": "2.0.0-1769294704640",
51
- "@tamagui/text": "2.0.0-1769294704640",
52
- "@tamagui/web": "2.0.0-1769294704640"
42
+ "@tamagui/core": "2.0.0-1769320275396",
43
+ "@tamagui/focusable": "2.0.0-1769320275396",
44
+ "@tamagui/font-size": "2.0.0-1769320275396",
45
+ "@tamagui/get-button-sized": "2.0.0-1769320275396",
46
+ "@tamagui/get-font-sized": "2.0.0-1769320275396",
47
+ "@tamagui/get-token": "2.0.0-1769320275396",
48
+ "@tamagui/helpers": "2.0.0-1769320275396",
49
+ "@tamagui/helpers-tamagui": "2.0.0-1769320275396",
50
+ "@tamagui/stacks": "2.0.0-1769320275396",
51
+ "@tamagui/text": "2.0.0-1769320275396",
52
+ "@tamagui/web": "2.0.0-1769320275396"
53
53
  },
54
54
  "devDependencies": {
55
- "@tamagui/build": "2.0.0-1769294704640",
55
+ "@tamagui/build": "2.0.0-1769320275396",
56
56
  "react": "*",
57
57
  "react-native": "0.81.5",
58
58
  "vitest": "^4.0.4"
package/src/shared.tsx CHANGED
@@ -135,4 +135,4 @@ export const styledBody = [
135
135
 
136
136
  validStyles: Text.staticConfig.validStyles,
137
137
  },
138
- ]
138
+ ] as const
package/src/types.ts CHANGED
@@ -1,4 +1,4 @@
1
- import type { ColorTokens, StackProps, TextStylePropsBase } from '@tamagui/web'
1
+ import type { ColorTokens, ViewProps, TextStyle } from '@tamagui/web'
2
2
 
3
3
  /**
4
4
  * Web-aligned Input props
@@ -8,9 +8,9 @@ import type { ColorTokens, StackProps, TextStylePropsBase } from '@tamagui/web'
8
8
  type HTMLInputProps = React.InputHTMLAttributes<HTMLInputElement>
9
9
 
10
10
  // Text style props supported by RN TextInput
11
- // Using TextStylePropsBase (not TextProps) to avoid Pick issues with mapped types
11
+ // Using TextStyle to get theme-enhanced token types for these props
12
12
  type InputTextStyleProps = Pick<
13
- TextStylePropsBase,
13
+ TextStyle,
14
14
  | 'color'
15
15
  | 'fontFamily'
16
16
  | 'fontSize'
@@ -21,7 +21,7 @@ type InputTextStyleProps = Pick<
21
21
  | 'textTransform'
22
22
  >
23
23
 
24
- export type InputProps = StackProps &
24
+ export type InputProps = ViewProps &
25
25
  Omit<
26
26
  HTMLInputProps,
27
27
  'size' | 'color' | 'style' | 'children' | 'className' | keyof InputTextStyleProps
package/src/v1/types.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import type {
2
2
  ColorTokens,
3
- StackProps,
3
+ ViewProps,
4
4
  TamaguiComponentPropsBase,
5
5
  TextProps,
6
6
  } from '@tamagui/web'
@@ -11,10 +11,10 @@ type DetailedInputProps = React.DetailedHTMLProps<
11
11
  HTMLInputElement
12
12
  >
13
13
 
14
- export type InputProps = StackProps &
14
+ export type InputProps = ViewProps &
15
15
  Omit<
16
16
  DetailedInputProps,
17
- 'className' | 'children' | 'value' | 'size' | keyof StackProps
17
+ 'className' | 'children' | 'value' | 'size' | keyof ViewProps
18
18
  > &
19
19
  Pick<TextProps, 'color'> &
20
20
  Omit<DetailedInputProps['style'], 'color'> &
package/types/Input.d.ts CHANGED
@@ -3,19 +3,22 @@ import React from 'react';
3
3
  * A web-aligned input component.
4
4
  * @see — Docs https://tamagui.dev/ui/inputs#input
5
5
  */
6
- export declare const Input: import("@tamagui/core").TamaguiComponent<Omit<import("@tamagui/core").GetFinalProps<import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {
6
+ export declare const Input: import("@tamagui/core").TamaguiComponent<Omit<import("@tamagui/core").GetFinalProps<import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase & {
7
+ readonly placeholderTextColor?: Omit<import("@tamagui/core").ColorTokens | import("@tamagui/core").ThemeValueFallbackColor, "unset"> | undefined;
8
+ readonly selectionColor?: Omit<import("@tamagui/core").ColorTokens | import("@tamagui/core").ThemeValueFallbackColor, "unset"> | undefined;
9
+ }, {
7
10
  size?: import("@tamagui/core").SizeTokens | undefined;
8
11
  disabled?: boolean | undefined;
9
12
  unstyled?: boolean | undefined;
10
- }>, "color" | `$${string}` | `$${number}` | import("@tamagui/core").GroupMediaKeys | `$theme-${string}` | `$theme-${number}` | "rel" | "dir" | "selectionColor" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "textAlign" | "textTransform" | "list" | "max" | "min" | "form" | "slot" | "title" | "hidden" | "name" | "accept" | "alt" | "autoComplete" | "capture" | "checked" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "maxLength" | "minLength" | "multiple" | "pattern" | "placeholder" | "readOnly" | "required" | "src" | "step" | "type" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "enterKeyHint" | "lang" | "nonce" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-dropeffect" | "aria-errormessage" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-level" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-setsize" | "aria-sort" | "onCopyCapture" | "onCutCapture" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInputCapture" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenuCapture" | "onDoubleClickCapture" | "onDragCapture" | "onDragEndCapture" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeaveCapture" | "onDragOverCapture" | "onDragStartCapture" | "onDropCapture" | "onMouseDownCapture" | "onMouseMoveCapture" | "onMouseOutCapture" | "onMouseOverCapture" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancelCapture" | "onTouchMoveCapture" | "onTouchStartCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "placeholderTextColor" | keyof import("@tamagui/core").StackStyleBase | keyof import("@tamagui/core").WithPseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>>> | "onChangeText" | "onSelectionChange" | "onSubmitEditing" | "selection" | "keyboardAppearance" | "textContentType" | keyof import("@tamagui/core").StackNonStyleProps | "rows"> & import("@tamagui/core").StackNonStyleProps & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>> & import("@tamagui/core").WithPseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>>> & import("@tamagui/core").WithMediaProps<import("@tamagui/core").WithThemeShorthandsAndPseudos<import("@tamagui/core").StackStyleBase, {}>> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "color" | "size" | "children" | "style" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "textAlign" | "textTransform" | "className"> & {
11
- color?: import("react-native").ColorValue | undefined;
12
- fontFamily?: string | undefined | undefined;
13
- fontSize?: number | undefined | undefined;
14
- fontStyle?: "normal" | "italic" | undefined | undefined;
15
- fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "medium" | "regular" | "semibold" | "condensedBold" | "condensed" | "heavy" | "black" | undefined | undefined;
16
- letterSpacing?: number | undefined | undefined;
17
- textAlign?: "auto" | "left" | "right" | "center" | "justify" | undefined | undefined;
18
- textTransform?: "none" | "capitalize" | "uppercase" | "lowercase" | undefined | undefined;
13
+ }>, "color" | `$${string}` | `$${number}` | import("@tamagui/core").GroupMediaKeys | `$theme-${string}` | `$theme-${number}` | "rel" | "dir" | "selectionColor" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "textAlign" | "textTransform" | "list" | "max" | "min" | "form" | "slot" | "title" | "hidden" | "name" | "accept" | "alt" | "autoComplete" | "capture" | "checked" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "maxLength" | "minLength" | "multiple" | "pattern" | "placeholder" | "readOnly" | "required" | "src" | "step" | "type" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "enterKeyHint" | "lang" | "nonce" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-dropeffect" | "aria-errormessage" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-level" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-setsize" | "aria-sort" | "onCopyCapture" | "onCutCapture" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInputCapture" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenuCapture" | "onDoubleClickCapture" | "onDragCapture" | "onDragEndCapture" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeaveCapture" | "onDragOverCapture" | "onDragStartCapture" | "onDropCapture" | "onMouseDownCapture" | "onMouseMoveCapture" | "onMouseOutCapture" | "onMouseOverCapture" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancelCapture" | "onTouchMoveCapture" | "onTouchStartCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "placeholderTextColor" | "onChangeText" | "onSelectionChange" | "onSubmitEditing" | "selection" | "keyboardAppearance" | "textContentType" | keyof import("@tamagui/core").StackStyleBase | keyof import("@tamagui/core").StackNonStyleProps | keyof import("@tamagui/core").WithPseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>>> | "rows"> & import("@tamagui/core").StackNonStyleProps & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>> & import("@tamagui/core").WithPseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>>> & import("@tamagui/core").WithMediaProps<import("@tamagui/core").WithThemeShorthandsAndPseudos<import("@tamagui/core").StackStyleBase, {}>> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "color" | "size" | "children" | "style" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "textAlign" | "textTransform" | "className"> & {
14
+ color?: "unset" | import("react-native").OpaqueColorValue | import("@tamagui/core").GetThemeValueForKey<"color"> | undefined;
15
+ fontFamily?: "unset" | import("@tamagui/core").GetThemeValueForKey<"fontFamily"> | undefined;
16
+ fontSize?: "unset" | import("@tamagui/core").GetThemeValueForKey<"fontSize"> | undefined;
17
+ fontStyle?: "unset" | "normal" | "italic" | undefined;
18
+ fontWeight?: "unset" | import("@tamagui/core").GetThemeValueForKey<"fontWeight"> | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | undefined;
19
+ letterSpacing?: "unset" | import("@tamagui/core").GetThemeValueForKey<"letterSpacing"> | undefined;
20
+ textAlign?: "auto" | "unset" | "left" | "right" | "center" | "justify" | undefined;
21
+ textTransform?: "unset" | "none" | "capitalize" | "uppercase" | "lowercase" | undefined;
19
22
  } & {
20
23
  rows?: number;
21
24
  placeholderTextColor?: import("@tamagui/core").ColorTokens;
@@ -41,14 +44,14 @@ export declare const Input: import("@tamagui/core").TamaguiComponent<Omit<import
41
44
  keyboardAppearance?: "default" | "light" | "dark";
42
45
  textContentType?: "none" | "URL" | "addressCity" | "addressCityAndState" | "addressState" | "countryName" | "creditCardNumber" | "emailAddress" | "familyName" | "fullStreetAddress" | "givenName" | "jobTitle" | "location" | "middleName" | "name" | "namePrefix" | "nameSuffix" | "nickname" | "organizationName" | "postalCode" | "streetAddressLine1" | "streetAddressLine2" | "sublocality" | "telephoneNumber" | "username" | "password" | "newPassword" | "oneTimeCode";
43
46
  }, import("@tamagui/core").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps & import("@tamagui/core").StackNonStyleProps & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>> & import("@tamagui/core").WithPseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>>> & import("@tamagui/core").WithMediaProps<import("@tamagui/core").WithThemeShorthandsAndPseudos<import("@tamagui/core").StackStyleBase, {}>> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "color" | "size" | "children" | "style" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "textAlign" | "textTransform" | "className"> & {
44
- color?: import("react-native").ColorValue | undefined;
45
- fontFamily?: string | undefined | undefined;
46
- fontSize?: number | undefined | undefined;
47
- fontStyle?: "normal" | "italic" | undefined | undefined;
48
- fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "medium" | "regular" | "semibold" | "condensedBold" | "condensed" | "heavy" | "black" | undefined | undefined;
49
- letterSpacing?: number | undefined | undefined;
50
- textAlign?: "auto" | "left" | "right" | "center" | "justify" | undefined | undefined;
51
- textTransform?: "none" | "capitalize" | "uppercase" | "lowercase" | undefined | undefined;
47
+ color?: "unset" | import("react-native").OpaqueColorValue | import("@tamagui/core").GetThemeValueForKey<"color"> | undefined;
48
+ fontFamily?: "unset" | import("@tamagui/core").GetThemeValueForKey<"fontFamily"> | undefined;
49
+ fontSize?: "unset" | import("@tamagui/core").GetThemeValueForKey<"fontSize"> | undefined;
50
+ fontStyle?: "unset" | "normal" | "italic" | undefined;
51
+ fontWeight?: "unset" | import("@tamagui/core").GetThemeValueForKey<"fontWeight"> | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | undefined;
52
+ letterSpacing?: "unset" | import("@tamagui/core").GetThemeValueForKey<"letterSpacing"> | undefined;
53
+ textAlign?: "auto" | "unset" | "left" | "right" | "center" | "justify" | undefined;
54
+ textTransform?: "unset" | "none" | "capitalize" | "uppercase" | "lowercase" | undefined;
52
55
  } & {
53
56
  rows?: number;
54
57
  placeholderTextColor?: import("@tamagui/core").ColorTokens;
@@ -73,84 +76,21 @@ export declare const Input: import("@tamagui/core").TamaguiComponent<Omit<import
73
76
  }) => void;
74
77
  keyboardAppearance?: "default" | "light" | "dark";
75
78
  textContentType?: "none" | "URL" | "addressCity" | "addressCityAndState" | "addressState" | "countryName" | "creditCardNumber" | "emailAddress" | "familyName" | "fullStreetAddress" | "givenName" | "jobTitle" | "location" | "middleName" | "name" | "namePrefix" | "nameSuffix" | "nickname" | "organizationName" | "postalCode" | "streetAddressLine1" | "streetAddressLine2" | "sublocality" | "telephoneNumber" | "username" | "password" | "newPassword" | "oneTimeCode";
76
- }, import("@tamagui/core").StackStyleBase, {
79
+ }, import("@tamagui/core").StackStyleBase & {
80
+ readonly placeholderTextColor?: Omit<import("@tamagui/core").ColorTokens | import("@tamagui/core").ThemeValueFallbackColor, "unset"> | undefined;
81
+ readonly selectionColor?: Omit<import("@tamagui/core").ColorTokens | import("@tamagui/core").ThemeValueFallbackColor, "unset"> | undefined;
82
+ }, {
77
83
  size?: import("@tamagui/core").SizeTokens | undefined;
78
84
  disabled?: boolean | undefined;
79
85
  unstyled?: boolean | undefined;
80
86
  }, {
81
- name: string;
82
- render: string;
83
- variants: {
84
- readonly unstyled: {
85
- readonly false: {
86
- readonly borderColor: "$borderColor";
87
- readonly backgroundColor: "$background";
88
- readonly minWidth: 0;
89
- readonly hoverStyle: {
90
- readonly borderColor: "$borderColorHover";
91
- };
92
- readonly focusStyle: {
93
- readonly borderColor: "$borderColorFocus";
94
- };
95
- readonly focusVisibleStyle: {
96
- readonly outlineColor: "$outlineColor";
97
- readonly outlineWidth: 2;
98
- readonly outlineStyle: "solid";
99
- };
100
- readonly tabIndex: 0;
101
- readonly size: "$true";
102
- readonly fontFamily: "$body";
103
- readonly borderWidth: 1;
104
- readonly outlineWidth: 0;
105
- readonly color: "$color";
106
- } | {
107
- readonly borderColor: "$borderColor";
108
- readonly backgroundColor: "$background";
109
- readonly minWidth: 0;
110
- readonly hoverStyle: {
111
- readonly borderColor: "$borderColorHover";
112
- };
113
- readonly focusStyle: {
114
- readonly borderColor: "$borderColorFocus";
115
- };
116
- readonly focusVisibleStyle: {
117
- readonly outlineColor: "$outlineColor";
118
- readonly outlineWidth: 2;
119
- readonly outlineStyle: "solid";
120
- };
121
- readonly focusable: boolean;
122
- readonly size: "$true";
123
- readonly fontFamily: "$body";
124
- readonly borderWidth: 1;
125
- readonly outlineWidth: 0;
126
- readonly color: "$color";
127
- };
128
- };
129
- readonly size: {
130
- readonly '...size': import("@tamagui/core").SizeVariantSpreadFunction<any>;
131
- };
132
- readonly disabled: {
133
- readonly true: {};
134
- };
135
- };
136
- defaultVariants: {
137
- unstyled: boolean;
138
- };
139
- isInput?: undefined;
140
- accept?: undefined;
141
- validStyles?: undefined;
142
- } | {
143
- isInput: boolean;
144
- accept: {
87
+ readonly isInput: true;
88
+ readonly accept: {
145
89
  readonly placeholderTextColor: "color";
146
90
  readonly selectionColor: "color";
147
91
  };
148
- validStyles: {
92
+ readonly validStyles: {
149
93
  [key: string]: boolean;
150
94
  } | undefined;
151
- name?: undefined;
152
- render?: undefined;
153
- variants?: undefined;
154
- defaultVariants?: undefined;
155
95
  }>;
156
96
  //# sourceMappingURL=Input.d.ts.map
package/types/Input.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../src/Input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB;;;GAGG;AACH,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;WAoDD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WAAD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwDhB,CAAA"}
1
+ {"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../src/Input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB;;;GAGG;AACH,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;WAmDH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WAAD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyDd,CAAA"}
package/types/Input.native.d.ts CHANGED
@@ -4,19 +4,22 @@ import { TextInput, type TextInputProps as RNTextInputProps } from 'react-native
4
4
  * A web-aligned input component for React Native.
5
5
  * @see — Docs https://tamagui.dev/ui/inputs#input
6
6
  */
7
- export declare const Input: import("@tamagui/core").TamaguiComponent<Omit<import("@tamagui/core").GetFinalProps<import("@tamagui/core").TamaguiComponentPropsBaseBase & RNTextInputProps, import("@tamagui/core").StackStyleBase, {
7
+ export declare const Input: import("@tamagui/core").TamaguiComponent<Omit<import("@tamagui/core").GetFinalProps<import("@tamagui/core").TamaguiComponentPropsBaseBase & RNTextInputProps, import("@tamagui/core").TextStylePropsBase & {
8
+ readonly placeholderTextColor?: Omit<import("@tamagui/core").ColorTokens | import("@tamagui/core").ThemeValueFallbackColor, "unset"> | undefined;
9
+ readonly selectionColor?: Omit<import("@tamagui/core").ColorTokens | import("@tamagui/core").ThemeValueFallbackColor, "unset"> | undefined;
10
+ }, {
8
11
  size?: import("@tamagui/core").SizeTokens | undefined;
9
12
  disabled?: boolean | undefined;
10
13
  unstyled?: boolean | undefined;
11
- }>, "color" | `$${string}` | `$${number}` | import("@tamagui/core").GroupMediaKeys | `$theme-${string}` | `$theme-${number}` | "rel" | "dir" | "selectionColor" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "textAlign" | "textTransform" | "list" | "max" | "min" | "form" | "slot" | "title" | "hidden" | "name" | "accept" | "alt" | "autoComplete" | "capture" | "checked" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "maxLength" | "minLength" | "multiple" | "pattern" | "placeholder" | "readOnly" | "required" | "src" | "step" | "type" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "enterKeyHint" | "lang" | "nonce" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-dropeffect" | "aria-errormessage" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-level" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-setsize" | "aria-sort" | "onCopyCapture" | "onCutCapture" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInputCapture" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenuCapture" | "onDoubleClickCapture" | "onDragCapture" | "onDragEndCapture" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeaveCapture" | "onDragOverCapture" | "onDragStartCapture" | "onDropCapture" | "onMouseDownCapture" | "onMouseMoveCapture" | "onMouseOutCapture" | "onMouseOverCapture" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancelCapture" | "onTouchMoveCapture" | "onTouchStartCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "placeholderTextColor" | keyof import("@tamagui/core").StackStyleBase | keyof import("@tamagui/core").WithPseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>>> | "onChangeText" | "onSelectionChange" | "onSubmitEditing" | "selection" | "keyboardAppearance" | "textContentType" | keyof import("@tamagui/core").StackNonStyleProps | "rows"> & import("@tamagui/core").StackNonStyleProps & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>> & import("@tamagui/core").WithPseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>>> & import("@tamagui/core").WithMediaProps<import("@tamagui/core").WithThemeShorthandsAndPseudos<import("@tamagui/core").StackStyleBase, {}>> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "color" | "size" | "children" | "style" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "textAlign" | "textTransform" | "className"> & {
12
- color?: import("react-native").ColorValue | undefined;
13
- fontFamily?: string | undefined | undefined;
14
- fontSize?: number | undefined | undefined;
15
- fontStyle?: "normal" | "italic" | undefined | undefined;
16
- fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "medium" | "regular" | "semibold" | "condensedBold" | "condensed" | "heavy" | "black" | undefined | undefined;
17
- letterSpacing?: number | undefined | undefined;
18
- textAlign?: "auto" | "left" | "right" | "center" | "justify" | undefined | undefined;
19
- textTransform?: "none" | "capitalize" | "uppercase" | "lowercase" | undefined | undefined;
14
+ }>, "color" | `$${string}` | `$${number}` | import("@tamagui/core").GroupMediaKeys | `$theme-${string}` | `$theme-${number}` | "rel" | "dir" | "selectionColor" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "textAlign" | "textTransform" | "list" | "max" | "min" | "form" | "slot" | "title" | "hidden" | "name" | "accept" | "alt" | "autoComplete" | "capture" | "checked" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "maxLength" | "minLength" | "multiple" | "pattern" | "placeholder" | "readOnly" | "required" | "src" | "step" | "type" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "enterKeyHint" | "lang" | "nonce" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-dropeffect" | "aria-errormessage" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-level" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-setsize" | "aria-sort" | "onCopyCapture" | "onCutCapture" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInputCapture" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenuCapture" | "onDoubleClickCapture" | "onDragCapture" | "onDragEndCapture" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeaveCapture" | "onDragOverCapture" | "onDragStartCapture" | "onDropCapture" | "onMouseDownCapture" | "onMouseMoveCapture" | "onMouseOutCapture" | "onMouseOverCapture" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancelCapture" | "onTouchMoveCapture" | "onTouchStartCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "placeholderTextColor" | "onChangeText" | "onSelectionChange" | "onSubmitEditing" | "selection" | "keyboardAppearance" | "textContentType" | keyof import("@tamagui/core").StackStyleBase | keyof import("@tamagui/core").StackNonStyleProps | keyof import("@tamagui/core").WithPseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>>> | "rows"> & import("@tamagui/core").StackNonStyleProps & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>> & import("@tamagui/core").WithPseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>>> & import("@tamagui/core").WithMediaProps<import("@tamagui/core").WithThemeShorthandsAndPseudos<import("@tamagui/core").StackStyleBase, {}>> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "color" | "size" | "children" | "style" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "textAlign" | "textTransform" | "className"> & {
15
+ color?: "unset" | import("react-native").OpaqueColorValue | import("@tamagui/core").GetThemeValueForKey<"color"> | undefined;
16
+ fontFamily?: "unset" | import("@tamagui/core").GetThemeValueForKey<"fontFamily"> | undefined;
17
+ fontSize?: "unset" | import("@tamagui/core").GetThemeValueForKey<"fontSize"> | undefined;
18
+ fontStyle?: "unset" | "normal" | "italic" | undefined;
19
+ fontWeight?: "unset" | import("@tamagui/core").GetThemeValueForKey<"fontWeight"> | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | undefined;
20
+ letterSpacing?: "unset" | import("@tamagui/core").GetThemeValueForKey<"letterSpacing"> | undefined;
21
+ textAlign?: "auto" | "unset" | "left" | "right" | "center" | "justify" | undefined;
22
+ textTransform?: "unset" | "none" | "capitalize" | "uppercase" | "lowercase" | undefined;
20
23
  } & {
21
24
  rows?: number;
22
25
  placeholderTextColor?: import("@tamagui/core").ColorTokens;
@@ -42,14 +45,14 @@ export declare const Input: import("@tamagui/core").TamaguiComponent<Omit<import
42
45
  keyboardAppearance?: "default" | "light" | "dark";
43
46
  textContentType?: "none" | "URL" | "addressCity" | "addressCityAndState" | "addressState" | "countryName" | "creditCardNumber" | "emailAddress" | "familyName" | "fullStreetAddress" | "givenName" | "jobTitle" | "location" | "middleName" | "name" | "namePrefix" | "nameSuffix" | "nickname" | "organizationName" | "postalCode" | "streetAddressLine1" | "streetAddressLine2" | "sublocality" | "telephoneNumber" | "username" | "password" | "newPassword" | "oneTimeCode";
44
47
  }, TextInput, import("@tamagui/core").TamaguiComponentPropsBaseBase & RNTextInputProps & import("@tamagui/core").StackNonStyleProps & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>> & import("@tamagui/core").WithPseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>>> & import("@tamagui/core").WithMediaProps<import("@tamagui/core").WithThemeShorthandsAndPseudos<import("@tamagui/core").StackStyleBase, {}>> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "color" | "size" | "children" | "style" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "textAlign" | "textTransform" | "className"> & {
45
- color?: import("react-native").ColorValue | undefined;
46
- fontFamily?: string | undefined | undefined;
47
- fontSize?: number | undefined | undefined;
48
- fontStyle?: "normal" | "italic" | undefined | undefined;
49
- fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "medium" | "regular" | "semibold" | "condensedBold" | "condensed" | "heavy" | "black" | undefined | undefined;
50
- letterSpacing?: number | undefined | undefined;
51
- textAlign?: "auto" | "left" | "right" | "center" | "justify" | undefined | undefined;
52
- textTransform?: "none" | "capitalize" | "uppercase" | "lowercase" | undefined | undefined;
48
+ color?: "unset" | import("react-native").OpaqueColorValue | import("@tamagui/core").GetThemeValueForKey<"color"> | undefined;
49
+ fontFamily?: "unset" | import("@tamagui/core").GetThemeValueForKey<"fontFamily"> | undefined;
50
+ fontSize?: "unset" | import("@tamagui/core").GetThemeValueForKey<"fontSize"> | undefined;
51
+ fontStyle?: "unset" | "normal" | "italic" | undefined;
52
+ fontWeight?: "unset" | import("@tamagui/core").GetThemeValueForKey<"fontWeight"> | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | undefined;
53
+ letterSpacing?: "unset" | import("@tamagui/core").GetThemeValueForKey<"letterSpacing"> | undefined;
54
+ textAlign?: "auto" | "unset" | "left" | "right" | "center" | "justify" | undefined;
55
+ textTransform?: "unset" | "none" | "capitalize" | "uppercase" | "lowercase" | undefined;
53
56
  } & {
54
57
  rows?: number;
55
58
  placeholderTextColor?: import("@tamagui/core").ColorTokens;
@@ -74,84 +77,21 @@ export declare const Input: import("@tamagui/core").TamaguiComponent<Omit<import
74
77
  }) => void;
75
78
  keyboardAppearance?: "default" | "light" | "dark";
76
79
  textContentType?: "none" | "URL" | "addressCity" | "addressCityAndState" | "addressState" | "countryName" | "creditCardNumber" | "emailAddress" | "familyName" | "fullStreetAddress" | "givenName" | "jobTitle" | "location" | "middleName" | "name" | "namePrefix" | "nameSuffix" | "nickname" | "organizationName" | "postalCode" | "streetAddressLine1" | "streetAddressLine2" | "sublocality" | "telephoneNumber" | "username" | "password" | "newPassword" | "oneTimeCode";
77
- }, import("@tamagui/core").StackStyleBase, {
80
+ }, import("@tamagui/core").TextStylePropsBase & {
81
+ readonly placeholderTextColor?: Omit<import("@tamagui/core").ColorTokens | import("@tamagui/core").ThemeValueFallbackColor, "unset"> | undefined;
82
+ readonly selectionColor?: Omit<import("@tamagui/core").ColorTokens | import("@tamagui/core").ThemeValueFallbackColor, "unset"> | undefined;
83
+ }, {
78
84
  size?: import("@tamagui/core").SizeTokens | undefined;
79
85
  disabled?: boolean | undefined;
80
86
  unstyled?: boolean | undefined;
81
87
  }, {
82
- name: string;
83
- render: string;
84
- variants: {
85
- readonly unstyled: {
86
- readonly false: {
87
- readonly borderColor: "$borderColor";
88
- readonly backgroundColor: "$background";
89
- readonly minWidth: 0;
90
- readonly hoverStyle: {
91
- readonly borderColor: "$borderColorHover";
92
- };
93
- readonly focusStyle: {
94
- readonly borderColor: "$borderColorFocus";
95
- };
96
- readonly focusVisibleStyle: {
97
- readonly outlineColor: "$outlineColor";
98
- readonly outlineWidth: 2;
99
- readonly outlineStyle: "solid";
100
- };
101
- readonly tabIndex: 0;
102
- readonly size: "$true";
103
- readonly fontFamily: "$body";
104
- readonly borderWidth: 1;
105
- readonly outlineWidth: 0;
106
- readonly color: "$color";
107
- } | {
108
- readonly borderColor: "$borderColor";
109
- readonly backgroundColor: "$background";
110
- readonly minWidth: 0;
111
- readonly hoverStyle: {
112
- readonly borderColor: "$borderColorHover";
113
- };
114
- readonly focusStyle: {
115
- readonly borderColor: "$borderColorFocus";
116
- };
117
- readonly focusVisibleStyle: {
118
- readonly outlineColor: "$outlineColor";
119
- readonly outlineWidth: 2;
120
- readonly outlineStyle: "solid";
121
- };
122
- readonly focusable: boolean;
123
- readonly size: "$true";
124
- readonly fontFamily: "$body";
125
- readonly borderWidth: 1;
126
- readonly outlineWidth: 0;
127
- readonly color: "$color";
128
- };
129
- };
130
- readonly size: {
131
- readonly '...size': import("@tamagui/core").SizeVariantSpreadFunction<any>;
132
- };
133
- readonly disabled: {
134
- readonly true: {};
135
- };
136
- };
137
- defaultVariants: {
138
- unstyled: boolean;
139
- };
140
- isInput?: undefined;
141
- accept?: undefined;
142
- validStyles?: undefined;
143
- } | {
144
- isInput: boolean;
145
- accept: {
88
+ readonly isInput: true;
89
+ readonly accept: {
146
90
  readonly placeholderTextColor: "color";
147
91
  readonly selectionColor: "color";
148
92
  };
149
- validStyles: {
93
+ readonly validStyles: {
150
94
  [key: string]: boolean;
151
95
  } | undefined;
152
- name?: undefined;
153
- render?: undefined;
154
- variants?: undefined;
155
- defaultVariants?: undefined;
156
96
  }>;
157
97
  //# sourceMappingURL=Input.native.d.ts.map
package/types/Input.native.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Input.native.d.ts","sourceRoot":"","sources":["../src/Input.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,IAAI,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAQjF;;;GAGG;AACH,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;WA8DV,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WAAD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgHP,CAAA"}
1
+ {"version":3,"file":"Input.native.d.ts","sourceRoot":"","sources":["../src/Input.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,IAAI,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAQjF;;;GAGG;AACH,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;WA6DX,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WAAD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiHN,CAAA"}
package/types/TextArea.d.ts CHANGED
@@ -4,14 +4,14 @@ export type { InputProps as TextAreaProps } from './types';
4
4
  * @see — Docs https://tamagui.dev/ui/inputs#textarea
5
5
  */
6
6
  export declare const TextArea: import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps & import("@tamagui/web").StackNonStyleProps & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>> & import("@tamagui/web").WithPseudoProps<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>>> & import("@tamagui/web").WithMediaProps<import("@tamagui/web").WithThemeShorthandsAndPseudos<import("@tamagui/web").StackStyleBase, {}>> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "color" | "size" | "children" | "style" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "textAlign" | "textTransform" | "className"> & {
7
- color?: import("react-native").ColorValue | undefined;
8
- fontFamily?: string | undefined | undefined;
9
- fontSize?: number | undefined | undefined;
10
- fontStyle?: "normal" | "italic" | undefined | undefined;
11
- fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "medium" | "regular" | "semibold" | "condensedBold" | "condensed" | "heavy" | "black" | undefined | undefined;
12
- letterSpacing?: number | undefined | undefined;
13
- textAlign?: "auto" | "left" | "right" | "center" | "justify" | undefined | undefined;
14
- textTransform?: "none" | "capitalize" | "uppercase" | "lowercase" | undefined | undefined;
7
+ color?: "unset" | import("react-native").OpaqueColorValue | import("@tamagui/web").GetThemeValueForKey<"color"> | undefined;
8
+ fontFamily?: "unset" | import("@tamagui/web").GetThemeValueForKey<"fontFamily"> | undefined;
9
+ fontSize?: "unset" | import("@tamagui/web").GetThemeValueForKey<"fontSize"> | undefined;
10
+ fontStyle?: "unset" | "normal" | "italic" | undefined;
11
+ fontWeight?: "unset" | import("@tamagui/web").GetThemeValueForKey<"fontWeight"> | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | undefined;
12
+ letterSpacing?: "unset" | import("@tamagui/web").GetThemeValueForKey<"letterSpacing"> | undefined;
13
+ textAlign?: "auto" | "unset" | "left" | "right" | "center" | "justify" | undefined;
14
+ textTransform?: "unset" | "none" | "capitalize" | "uppercase" | "lowercase" | undefined;
15
15
  } & {
16
16
  rows?: number;
17
17
  placeholderTextColor?: import("@tamagui/web").ColorTokens;
@@ -36,84 +36,21 @@ export declare const TextArea: import("@tamagui/web").TamaguiComponent<import("@
36
36
  }) => void;
37
37
  keyboardAppearance?: "default" | "light" | "dark";
38
38
  textContentType?: "none" | "URL" | "addressCity" | "addressCityAndState" | "addressState" | "countryName" | "creditCardNumber" | "emailAddress" | "familyName" | "fullStreetAddress" | "givenName" | "jobTitle" | "location" | "middleName" | "name" | "namePrefix" | "nameSuffix" | "nickname" | "organizationName" | "postalCode" | "streetAddressLine1" | "streetAddressLine2" | "sublocality" | "telephoneNumber" | "username" | "password" | "newPassword" | "oneTimeCode";
39
- }, import("@tamagui/web").StackStyleBase, {
39
+ }, import("@tamagui/web").StackStyleBase & {
40
+ readonly placeholderTextColor?: Omit<import("@tamagui/web").ColorTokens | import("@tamagui/web").ThemeValueFallbackColor, "unset"> | undefined;
41
+ readonly selectionColor?: Omit<import("@tamagui/web").ColorTokens | import("@tamagui/web").ThemeValueFallbackColor, "unset"> | undefined;
42
+ }, {
40
43
  size?: import("@tamagui/web").SizeTokens | undefined;
41
44
  disabled?: boolean | undefined;
42
45
  unstyled?: boolean | undefined;
43
- }, ({
44
- name: string;
45
- render: string;
46
- variants: {
47
- readonly unstyled: {
48
- readonly false: {
49
- readonly borderColor: "$borderColor";
50
- readonly backgroundColor: "$background";
51
- readonly minWidth: 0;
52
- readonly hoverStyle: {
53
- readonly borderColor: "$borderColorHover";
54
- };
55
- readonly focusStyle: {
56
- readonly borderColor: "$borderColorFocus";
57
- };
58
- readonly focusVisibleStyle: {
59
- readonly outlineColor: "$outlineColor";
60
- readonly outlineWidth: 2;
61
- readonly outlineStyle: "solid";
62
- };
63
- readonly tabIndex: 0;
64
- readonly size: "$true";
65
- readonly fontFamily: "$body";
66
- readonly borderWidth: 1;
67
- readonly outlineWidth: 0;
68
- readonly color: "$color";
69
- } | {
70
- readonly borderColor: "$borderColor";
71
- readonly backgroundColor: "$background";
72
- readonly minWidth: 0;
73
- readonly hoverStyle: {
74
- readonly borderColor: "$borderColorHover";
75
- };
76
- readonly focusStyle: {
77
- readonly borderColor: "$borderColorFocus";
78
- };
79
- readonly focusVisibleStyle: {
80
- readonly outlineColor: "$outlineColor";
81
- readonly outlineWidth: 2;
82
- readonly outlineStyle: "solid";
83
- };
84
- readonly focusable: boolean;
85
- readonly size: "$true";
86
- readonly fontFamily: "$body";
87
- readonly borderWidth: 1;
88
- readonly outlineWidth: 0;
89
- readonly color: "$color";
90
- };
91
- };
92
- readonly size: {
93
- readonly '...size': import("@tamagui/web").SizeVariantSpreadFunction<any>;
94
- };
95
- readonly disabled: {
96
- readonly true: {};
97
- };
98
- };
99
- defaultVariants: {
100
- unstyled: boolean;
101
- };
102
- isInput?: undefined;
103
- accept?: undefined;
104
- validStyles?: undefined;
105
- } | {
106
- isInput: boolean;
107
- accept: {
46
+ }, {
47
+ readonly isInput: true;
48
+ readonly accept: {
108
49
  readonly placeholderTextColor: "color";
109
50
  readonly selectionColor: "color";
110
51
  };
111
- validStyles: {
52
+ readonly validStyles: {
112
53
  [key: string]: boolean;
113
54
  } | undefined;
114
- name?: undefined;
115
- render?: undefined;
116
- variants?: undefined;
117
- defaultVariants?: undefined;
118
- }) & import("@tamagui/web").StaticConfigPublic>;
55
+ } & import("@tamagui/web").StaticConfigPublic>;
119
56
  //# sourceMappingURL=TextArea.d.ts.map
package/types/TextArea.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../src/TextArea.tsx"],"names":[],"mappings":"AAIA,YAAY,EAAE,UAAU,IAAI,aAAa,EAAE,MAAM,SAAS,CAAA;AAE1D;;;GAGG;AACH,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;WA0Bg7B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+CADp8B,CAAA"}
1
+ {"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../src/TextArea.tsx"],"names":[],"mappings":"AAIA,YAAY,EAAE,UAAU,IAAI,aAAa,EAAE,MAAM,SAAS,CAAA;AAE1D;;;GAGG;AACH,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;WA0B84B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;8CADl6B,CAAA"}