@instructure/ui-text-input 8.9.2-snapshot.7 → 8.9.2-snapshot.9

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 (7) hide show
  1. package/package.json +18 -18
  2. package/src/TextInput/props.ts +20 -4
  3. package/src/TextInput/styles.ts +7 -3
  4. package/types/TextInput/props.d.ts +5 -4
  5. package/types/TextInput/props.d.ts.map +1 -1
  6. package/types/TextInput/styles.d.ts +3 -946
  7. package/types/TextInput/styles.d.ts.map +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-text-input",
3
- "version": "8.9.2-snapshot.7+1a56581cd",
3
+ "version": "8.9.2-snapshot.9+e92f12dda",
4
4
  "description": "A styled HTML text input component.",
5
5
  "author": "Instructure, Inc. Engineering and Product Design",
6
6
  "type": "commonjs",
@@ -24,25 +24,25 @@
24
24
  },
25
25
  "license": "MIT",
26
26
  "devDependencies": {
27
- "@instructure/ui-babel-preset": "8.9.2-snapshot.7+1a56581cd",
28
- "@instructure/ui-badge": "8.9.2-snapshot.7+1a56581cd",
29
- "@instructure/ui-color-utils": "8.9.2-snapshot.7+1a56581cd",
30
- "@instructure/ui-test-utils": "8.9.2-snapshot.7+1a56581cd",
31
- "@instructure/ui-themes": "8.9.2-snapshot.7+1a56581cd"
27
+ "@instructure/ui-babel-preset": "8.9.2-snapshot.9+e92f12dda",
28
+ "@instructure/ui-badge": "8.9.2-snapshot.9+e92f12dda",
29
+ "@instructure/ui-color-utils": "8.9.2-snapshot.9+e92f12dda",
30
+ "@instructure/ui-test-utils": "8.9.2-snapshot.9+e92f12dda",
31
+ "@instructure/ui-themes": "8.9.2-snapshot.9+e92f12dda"
32
32
  },
33
33
  "dependencies": {
34
34
  "@babel/runtime": "^7.13.10",
35
- "@instructure/emotion": "8.9.2-snapshot.7+1a56581cd",
36
- "@instructure/shared-types": "8.9.2-snapshot.7+1a56581cd",
37
- "@instructure/ui-dom-utils": "8.9.2-snapshot.7+1a56581cd",
38
- "@instructure/ui-form-field": "8.9.2-snapshot.7+1a56581cd",
39
- "@instructure/ui-icons": "8.9.2-snapshot.7+1a56581cd",
40
- "@instructure/ui-prop-types": "8.9.2-snapshot.7+1a56581cd",
41
- "@instructure/ui-react-utils": "8.9.2-snapshot.7+1a56581cd",
42
- "@instructure/ui-tag": "8.9.2-snapshot.7+1a56581cd",
43
- "@instructure/ui-testable": "8.9.2-snapshot.7+1a56581cd",
44
- "@instructure/ui-utils": "8.9.2-snapshot.7+1a56581cd",
45
- "@instructure/uid": "8.9.2-snapshot.7+1a56581cd",
35
+ "@instructure/emotion": "8.9.2-snapshot.9+e92f12dda",
36
+ "@instructure/shared-types": "8.9.2-snapshot.9+e92f12dda",
37
+ "@instructure/ui-dom-utils": "8.9.2-snapshot.9+e92f12dda",
38
+ "@instructure/ui-form-field": "8.9.2-snapshot.9+e92f12dda",
39
+ "@instructure/ui-icons": "8.9.2-snapshot.9+e92f12dda",
40
+ "@instructure/ui-prop-types": "8.9.2-snapshot.9+e92f12dda",
41
+ "@instructure/ui-react-utils": "8.9.2-snapshot.9+e92f12dda",
42
+ "@instructure/ui-tag": "8.9.2-snapshot.9+e92f12dda",
43
+ "@instructure/ui-testable": "8.9.2-snapshot.9+e92f12dda",
44
+ "@instructure/ui-utils": "8.9.2-snapshot.9+e92f12dda",
45
+ "@instructure/uid": "8.9.2-snapshot.9+e92f12dda",
46
46
  "prop-types": "^15"
47
47
  },
48
48
  "peerDependencies": {
@@ -52,5 +52,5 @@
52
52
  "access": "public"
53
53
  },
54
54
  "sideEffects": false,
55
- "gitHead": "1a56581cde6bd3b4f9fe5cd11ae420bd1222fe15"
55
+ "gitHead": "e92f12dda2e003c834e8728072d6ab60e4212c89"
56
56
  }
package/src/TextInput/props.ts CHANGED
@@ -30,8 +30,8 @@ import { controllable } from '@instructure/ui-prop-types'
30
30
 
31
31
  import type { InteractionType } from '@instructure/ui-react-utils'
32
32
  import type { FormMessage } from '@instructure/ui-form-field'
33
- import type { PropValidators } from '@instructure/shared-types'
34
- import type { WithStyleProps } from '@instructure/emotion'
33
+ import type { PropValidators, TextInputTheme } from '@instructure/shared-types'
34
+ import type { WithStyleProps, ComponentStyle } from '@instructure/emotion'
35
35
 
36
36
  type TextInputOwnProps = {
37
37
  renderLabel?: React.ReactNode | ((...args: any[]) => any)
@@ -62,7 +62,18 @@ type PropKeys = keyof TextInputOwnProps
62
62
 
63
63
  type AllowedPropKeys = Readonly<Array<PropKeys>>
64
64
 
65
- type TextInputProps = TextInputOwnProps & WithStyleProps
65
+ type TextInputProps = TextInputOwnProps &
66
+ WithStyleProps<TextInputTheme, TextInputStyle>
67
+
68
+ type TextInputStyle = ComponentStyle<
69
+ | 'textInput'
70
+ | 'facade'
71
+ | 'layout'
72
+ | 'beforeElement'
73
+ | 'innerWrapper'
74
+ | 'inputLayout'
75
+ | 'afterElement'
76
+ >
66
77
 
67
78
  const propTypes: PropValidators<PropKeys> = {
68
79
  /**
@@ -202,5 +213,10 @@ type TextInputStyleProps = {
202
213
  focused: TextInputState['hasFocus']
203
214
  }
204
215
 
205
- export type { TextInputProps, TextInputState, TextInputStyleProps }
216
+ export type {
217
+ TextInputProps,
218
+ TextInputState,
219
+ TextInputStyleProps,
220
+ TextInputStyle
221
+ }
206
222
  export { propTypes, allowedProps }
package/src/TextInput/styles.ts CHANGED
@@ -22,8 +22,12 @@
22
22
  * SOFTWARE.
23
23
  */
24
24
 
25
- import { TextInputTheme } from '@instructure/shared-types'
26
- import { TextInputProps, TextInputStyleProps } from './props'
25
+ import type { TextInputTheme } from '@instructure/shared-types'
26
+ import type {
27
+ TextInputProps,
28
+ TextInputStyleProps,
29
+ TextInputStyle
30
+ } from './props'
27
31
 
28
32
  /**
29
33
  * ---
@@ -39,7 +43,7 @@ const generateStyle = (
39
43
  componentTheme: TextInputTheme,
40
44
  props: TextInputProps,
41
45
  state: TextInputStyleProps
42
- ) => {
46
+ ): TextInputStyle => {
43
47
  const { size, textAlign, shouldNotWrap } = props
44
48
  const { disabled, invalid, focused } = state
45
49
 
package/types/TextInput/props.d.ts CHANGED
@@ -1,8 +1,8 @@
1
1
  import React from 'react';
2
2
  import type { InteractionType } from '@instructure/ui-react-utils';
3
3
  import type { FormMessage } from '@instructure/ui-form-field';
4
- import type { PropValidators } from '@instructure/shared-types';
5
- import type { WithStyleProps } from '@instructure/emotion';
4
+ import type { PropValidators, TextInputTheme } from '@instructure/shared-types';
5
+ import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
6
6
  declare type TextInputOwnProps = {
7
7
  renderLabel?: React.ReactNode | ((...args: any[]) => any);
8
8
  type?: 'text' | 'email' | 'url' | 'tel' | 'search' | 'password';
@@ -29,7 +29,8 @@ declare type TextInputOwnProps = {
29
29
  };
30
30
  declare type PropKeys = keyof TextInputOwnProps;
31
31
  declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
32
- declare type TextInputProps = TextInputOwnProps & WithStyleProps;
32
+ declare type TextInputProps = TextInputOwnProps & WithStyleProps<TextInputTheme, TextInputStyle>;
33
+ declare type TextInputStyle = ComponentStyle<'textInput' | 'facade' | 'layout' | 'beforeElement' | 'innerWrapper' | 'inputLayout' | 'afterElement'>;
33
34
  declare const propTypes: PropValidators<PropKeys>;
34
35
  declare const allowedProps: AllowedPropKeys;
35
36
  declare type TextInputState = {
@@ -40,6 +41,6 @@ declare type TextInputStyleProps = {
40
41
  invalid: boolean;
41
42
  focused: TextInputState['hasFocus'];
42
43
  };
43
- export type { TextInputProps, TextInputState, TextInputStyleProps };
44
+ export type { TextInputProps, TextInputState, TextInputStyleProps, TextInputStyle };
44
45
  export { propTypes, allowedProps };
45
46
  //# sourceMappingURL=props.d.ts.map
package/types/TextInput/props.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/TextInput/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAA;AAClE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAA;AAC7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1D,aAAK,iBAAiB,GAAG;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,CAAA;IACzD,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,GAAG,UAAU,CAAA;IAC/D,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,GAAG,CAAA;IACX,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,eAAe,CAAA;IAC7B,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAA;IACxB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,OAAO,CAAC,EAAE,cAAc,GAAG,OAAO,CAAA;IAClC,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IAClC,iBAAiB,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IAC3C,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,CAAA;IAC/D,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,CAAA;IAC9D,QAAQ,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IAClC,MAAM,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IAChC,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;CAClC,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,iBAAiB,CAAA;AAEvC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,cAAc,GAAG,iBAAiB,GAAG,cAAc,CAAA;AAExD,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAqGvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAuBnB,CAAA;AAED,aAAK,cAAc,GAAG;IACpB,QAAQ,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,aAAK,mBAAmB,GAAG;IACzB,QAAQ,EAAE,OAAO,CAAA;IACjB,OAAO,EAAE,OAAO,CAAA;IAChB,OAAO,EAAE,cAAc,CAAC,UAAU,CAAC,CAAA;CACpC,CAAA;AAED,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,mBAAmB,EAAE,CAAA;AACnE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
1
+ {"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/TextInput/props.ts"],"names":[],"mappings":"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"}
package/types/TextInput/styles.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- import { TextInputTheme } from '@instructure/shared-types';
2
- import { TextInputProps, TextInputStyleProps } from './props';
1
+ import type { TextInputTheme } from '@instructure/shared-types';
2
+ import type { TextInputProps, TextInputStyleProps, TextInputStyle } from './props';
3
3
  /**
4
4
  * ---
5
5
  * private: true
@@ -10,949 +10,6 @@ import { TextInputProps, TextInputStyleProps } from './props';
10
10
  * @param {Object} state the state of the component, the style is applied to
11
11
  * @return {Object} The final style object, which will be used in the component
12
12
  */
13
- declare const generateStyle: (componentTheme: TextInputTheme, props: TextInputProps, state: TextInputStyleProps) => {
14
- textInput: {
15
- '&:is(input)[type]': {
16
- textAlign: "start" | "center" | undefined;
17
- fontSize: string | 0;
18
- height: string;
19
- lineHeight: string;
20
- all: string;
21
- '&::-ms-clear': {
22
- display: string;
23
- };
24
- WebkitFontSmoothing: string;
25
- MozOsxFontSmoothing: string;
26
- appearance: string;
27
- margin: number;
28
- width: string;
29
- display: string;
30
- boxSizing: string;
31
- outline: string;
32
- fontFamily: string;
33
- fontWeight: number;
34
- color: string;
35
- padding: string;
36
- background: string;
37
- border: string;
38
- verticalAlign: string;
39
- '&[autocomplete="off"]::-webkit-contacts-auto-fill-button': {
40
- display: string;
41
- };
42
- '&:focus': {
43
- boxShadow: string;
44
- };
45
- '&::placeholder': {
46
- color: string;
47
- };
48
- } | {
49
- textAlign: "start" | "center" | undefined;
50
- fontSize: string | 0;
51
- height: string;
52
- lineHeight: string;
53
- all: string;
54
- '&::-ms-clear': {
55
- display: string;
56
- };
57
- WebkitFontSmoothing: string;
58
- MozOsxFontSmoothing: string;
59
- appearance: string;
60
- margin: number;
61
- width: string;
62
- display: string;
63
- boxSizing: string;
64
- outline: string;
65
- fontFamily: string;
66
- fontWeight: number;
67
- color: string;
68
- padding: string;
69
- background: string;
70
- border: string;
71
- verticalAlign: string;
72
- '&[autocomplete="off"]::-webkit-contacts-auto-fill-button': {
73
- display: string;
74
- };
75
- '&:focus': {
76
- boxShadow: string;
77
- };
78
- '&::placeholder': {
79
- color: string;
80
- };
81
- } | {
82
- textAlign: "start" | "center" | undefined;
83
- fontSize: string | 0;
84
- height: string;
85
- lineHeight: string;
86
- all: string;
87
- '&::-ms-clear': {
88
- display: string;
89
- };
90
- WebkitFontSmoothing: string;
91
- MozOsxFontSmoothing: string;
92
- appearance: string;
93
- margin: number;
94
- width: string;
95
- display: string;
96
- boxSizing: string;
97
- outline: string;
98
- fontFamily: string;
99
- fontWeight: number;
100
- color: string;
101
- padding: string;
102
- background: string;
103
- border: string;
104
- verticalAlign: string;
105
- '&[autocomplete="off"]::-webkit-contacts-auto-fill-button': {
106
- display: string;
107
- };
108
- '&:focus': {
109
- boxShadow: string;
110
- };
111
- '&::placeholder': {
112
- color: string;
113
- };
114
- };
115
- '&:-webkit-any(input)[type]': {
116
- textAlign: "start" | "center" | undefined;
117
- fontSize: string | 0;
118
- height: string;
119
- lineHeight: string;
120
- all: string;
121
- '&::-ms-clear': {
122
- display: string;
123
- };
124
- WebkitFontSmoothing: string;
125
- MozOsxFontSmoothing: string;
126
- appearance: string;
127
- margin: number;
128
- width: string;
129
- display: string;
130
- boxSizing: string;
131
- outline: string;
132
- fontFamily: string;
133
- fontWeight: number;
134
- color: string;
135
- padding: string;
136
- background: string;
137
- border: string;
138
- verticalAlign: string;
139
- '&[autocomplete="off"]::-webkit-contacts-auto-fill-button': {
140
- display: string;
141
- };
142
- '&:focus': {
143
- boxShadow: string;
144
- };
145
- '&::placeholder': {
146
- color: string;
147
- };
148
- } | {
149
- textAlign: "start" | "center" | undefined;
150
- fontSize: string | 0;
151
- height: string;
152
- lineHeight: string;
153
- all: string;
154
- '&::-ms-clear': {
155
- display: string;
156
- };
157
- WebkitFontSmoothing: string;
158
- MozOsxFontSmoothing: string;
159
- appearance: string;
160
- margin: number;
161
- width: string;
162
- display: string;
163
- boxSizing: string;
164
- outline: string;
165
- fontFamily: string;
166
- fontWeight: number;
167
- color: string;
168
- padding: string;
169
- background: string;
170
- border: string;
171
- verticalAlign: string;
172
- '&[autocomplete="off"]::-webkit-contacts-auto-fill-button': {
173
- display: string;
174
- };
175
- '&:focus': {
176
- boxShadow: string;
177
- };
178
- '&::placeholder': {
179
- color: string;
180
- };
181
- } | {
182
- textAlign: "start" | "center" | undefined;
183
- fontSize: string | 0;
184
- height: string;
185
- lineHeight: string;
186
- all: string;
187
- '&::-ms-clear': {
188
- display: string;
189
- };
190
- WebkitFontSmoothing: string;
191
- MozOsxFontSmoothing: string;
192
- appearance: string;
193
- margin: number;
194
- width: string;
195
- display: string;
196
- boxSizing: string;
197
- outline: string;
198
- fontFamily: string;
199
- fontWeight: number;
200
- color: string;
201
- padding: string;
202
- background: string;
203
- border: string;
204
- verticalAlign: string;
205
- '&[autocomplete="off"]::-webkit-contacts-auto-fill-button': {
206
- display: string;
207
- };
208
- '&:focus': {
209
- boxShadow: string;
210
- };
211
- '&::placeholder': {
212
- color: string;
213
- };
214
- };
215
- textAlign: "start" | "center" | undefined;
216
- fontSize: string | 0;
217
- height: string;
218
- lineHeight: string;
219
- all: string;
220
- '&::-ms-clear': {
221
- display: string;
222
- };
223
- WebkitFontSmoothing: string;
224
- MozOsxFontSmoothing: string;
225
- appearance: string;
226
- margin: number;
227
- width: string;
228
- display: string;
229
- boxSizing: string;
230
- outline: string;
231
- fontFamily: string;
232
- fontWeight: number;
233
- color: string;
234
- padding: string;
235
- background: string;
236
- border: string;
237
- verticalAlign: string;
238
- '&[autocomplete="off"]::-webkit-contacts-auto-fill-button': {
239
- display: string;
240
- };
241
- '&:focus': {
242
- boxShadow: string;
243
- };
244
- '&::placeholder': {
245
- color: string;
246
- };
247
- label: string;
248
- } | {
249
- '&:is(input)[type]': {
250
- textAlign: "start" | "center" | undefined;
251
- fontSize: string | 0;
252
- height: string;
253
- lineHeight: string;
254
- all: string;
255
- '&::-ms-clear': {
256
- display: string;
257
- };
258
- WebkitFontSmoothing: string;
259
- MozOsxFontSmoothing: string;
260
- appearance: string;
261
- margin: number;
262
- width: string;
263
- display: string;
264
- boxSizing: string;
265
- outline: string;
266
- fontFamily: string;
267
- fontWeight: number;
268
- color: string;
269
- padding: string;
270
- background: string;
271
- border: string;
272
- verticalAlign: string;
273
- '&[autocomplete="off"]::-webkit-contacts-auto-fill-button': {
274
- display: string;
275
- };
276
- '&:focus': {
277
- boxShadow: string;
278
- };
279
- '&::placeholder': {
280
- color: string;
281
- };
282
- } | {
283
- textAlign: "start" | "center" | undefined;
284
- fontSize: string | 0;
285
- height: string;
286
- lineHeight: string;
287
- all: string;
288
- '&::-ms-clear': {
289
- display: string;
290
- };
291
- WebkitFontSmoothing: string;
292
- MozOsxFontSmoothing: string;
293
- appearance: string;
294
- margin: number;
295
- width: string;
296
- display: string;
297
- boxSizing: string;
298
- outline: string;
299
- fontFamily: string;
300
- fontWeight: number;
301
- color: string;
302
- padding: string;
303
- background: string;
304
- border: string;
305
- verticalAlign: string;
306
- '&[autocomplete="off"]::-webkit-contacts-auto-fill-button': {
307
- display: string;
308
- };
309
- '&:focus': {
310
- boxShadow: string;
311
- };
312
- '&::placeholder': {
313
- color: string;
314
- };
315
- } | {
316
- textAlign: "start" | "center" | undefined;
317
- fontSize: string | 0;
318
- height: string;
319
- lineHeight: string;
320
- all: string;
321
- '&::-ms-clear': {
322
- display: string;
323
- };
324
- WebkitFontSmoothing: string;
325
- MozOsxFontSmoothing: string;
326
- appearance: string;
327
- margin: number;
328
- width: string;
329
- display: string;
330
- boxSizing: string;
331
- outline: string;
332
- fontFamily: string;
333
- fontWeight: number;
334
- color: string;
335
- padding: string;
336
- background: string;
337
- border: string;
338
- verticalAlign: string;
339
- '&[autocomplete="off"]::-webkit-contacts-auto-fill-button': {
340
- display: string;
341
- };
342
- '&:focus': {
343
- boxShadow: string;
344
- };
345
- '&::placeholder': {
346
- color: string;
347
- };
348
- };
349
- '&:-webkit-any(input)[type]': {
350
- textAlign: "start" | "center" | undefined;
351
- fontSize: string | 0;
352
- height: string;
353
- lineHeight: string;
354
- all: string;
355
- '&::-ms-clear': {
356
- display: string;
357
- };
358
- WebkitFontSmoothing: string;
359
- MozOsxFontSmoothing: string;
360
- appearance: string;
361
- margin: number;
362
- width: string;
363
- display: string;
364
- boxSizing: string;
365
- outline: string;
366
- fontFamily: string;
367
- fontWeight: number;
368
- color: string;
369
- padding: string;
370
- background: string;
371
- border: string;
372
- verticalAlign: string;
373
- '&[autocomplete="off"]::-webkit-contacts-auto-fill-button': {
374
- display: string;
375
- };
376
- '&:focus': {
377
- boxShadow: string;
378
- };
379
- '&::placeholder': {
380
- color: string;
381
- };
382
- } | {
383
- textAlign: "start" | "center" | undefined;
384
- fontSize: string | 0;
385
- height: string;
386
- lineHeight: string;
387
- all: string;
388
- '&::-ms-clear': {
389
- display: string;
390
- };
391
- WebkitFontSmoothing: string;
392
- MozOsxFontSmoothing: string;
393
- appearance: string;
394
- margin: number;
395
- width: string;
396
- display: string;
397
- boxSizing: string;
398
- outline: string;
399
- fontFamily: string;
400
- fontWeight: number;
401
- color: string;
402
- padding: string;
403
- background: string;
404
- border: string;
405
- verticalAlign: string;
406
- '&[autocomplete="off"]::-webkit-contacts-auto-fill-button': {
407
- display: string;
408
- };
409
- '&:focus': {
410
- boxShadow: string;
411
- };
412
- '&::placeholder': {
413
- color: string;
414
- };
415
- } | {
416
- textAlign: "start" | "center" | undefined;
417
- fontSize: string | 0;
418
- height: string;
419
- lineHeight: string;
420
- all: string;
421
- '&::-ms-clear': {
422
- display: string;
423
- };
424
- WebkitFontSmoothing: string;
425
- MozOsxFontSmoothing: string;
426
- appearance: string;
427
- margin: number;
428
- width: string;
429
- display: string;
430
- boxSizing: string;
431
- outline: string;
432
- fontFamily: string;
433
- fontWeight: number;
434
- color: string;
435
- padding: string;
436
- background: string;
437
- border: string;
438
- verticalAlign: string;
439
- '&[autocomplete="off"]::-webkit-contacts-auto-fill-button': {
440
- display: string;
441
- };
442
- '&:focus': {
443
- boxShadow: string;
444
- };
445
- '&::placeholder': {
446
- color: string;
447
- };
448
- };
449
- textAlign: "start" | "center" | undefined;
450
- fontSize: string | 0;
451
- height: string;
452
- lineHeight: string;
453
- all: string;
454
- '&::-ms-clear': {
455
- display: string;
456
- };
457
- WebkitFontSmoothing: string;
458
- MozOsxFontSmoothing: string;
459
- appearance: string;
460
- margin: number;
461
- width: string;
462
- display: string;
463
- boxSizing: string;
464
- outline: string;
465
- fontFamily: string;
466
- fontWeight: number;
467
- color: string;
468
- padding: string;
469
- background: string;
470
- border: string;
471
- verticalAlign: string;
472
- '&[autocomplete="off"]::-webkit-contacts-auto-fill-button': {
473
- display: string;
474
- };
475
- '&:focus': {
476
- boxShadow: string;
477
- };
478
- '&::placeholder': {
479
- color: string;
480
- };
481
- label: string;
482
- } | {
483
- '&:is(input)[type]': {
484
- textAlign: "start" | "center" | undefined;
485
- fontSize: string | 0;
486
- height: string;
487
- lineHeight: string;
488
- all: string;
489
- '&::-ms-clear': {
490
- display: string;
491
- };
492
- WebkitFontSmoothing: string;
493
- MozOsxFontSmoothing: string;
494
- appearance: string;
495
- margin: number;
496
- width: string;
497
- display: string;
498
- boxSizing: string;
499
- outline: string;
500
- fontFamily: string;
501
- fontWeight: number;
502
- color: string;
503
- padding: string;
504
- background: string;
505
- border: string;
506
- verticalAlign: string;
507
- '&[autocomplete="off"]::-webkit-contacts-auto-fill-button': {
508
- display: string;
509
- };
510
- '&:focus': {
511
- boxShadow: string;
512
- };
513
- '&::placeholder': {
514
- color: string;
515
- };
516
- } | {
517
- textAlign: "start" | "center" | undefined;
518
- fontSize: string | 0;
519
- height: string;
520
- lineHeight: string;
521
- all: string;
522
- '&::-ms-clear': {
523
- display: string;
524
- };
525
- WebkitFontSmoothing: string;
526
- MozOsxFontSmoothing: string;
527
- appearance: string;
528
- margin: number;
529
- width: string;
530
- display: string;
531
- boxSizing: string;
532
- outline: string;
533
- fontFamily: string;
534
- fontWeight: number;
535
- color: string;
536
- padding: string;
537
- background: string;
538
- border: string;
539
- verticalAlign: string;
540
- '&[autocomplete="off"]::-webkit-contacts-auto-fill-button': {
541
- display: string;
542
- };
543
- '&:focus': {
544
- boxShadow: string;
545
- };
546
- '&::placeholder': {
547
- color: string;
548
- };
549
- } | {
550
- textAlign: "start" | "center" | undefined;
551
- fontSize: string | 0;
552
- height: string;
553
- lineHeight: string;
554
- all: string;
555
- '&::-ms-clear': {
556
- display: string;
557
- };
558
- WebkitFontSmoothing: string;
559
- MozOsxFontSmoothing: string;
560
- appearance: string;
561
- margin: number;
562
- width: string;
563
- display: string;
564
- boxSizing: string;
565
- outline: string;
566
- fontFamily: string;
567
- fontWeight: number;
568
- color: string;
569
- padding: string;
570
- background: string;
571
- border: string;
572
- verticalAlign: string;
573
- '&[autocomplete="off"]::-webkit-contacts-auto-fill-button': {
574
- display: string;
575
- };
576
- '&:focus': {
577
- boxShadow: string;
578
- };
579
- '&::placeholder': {
580
- color: string;
581
- };
582
- };
583
- '&:-webkit-any(input)[type]': {
584
- textAlign: "start" | "center" | undefined;
585
- fontSize: string | 0;
586
- height: string;
587
- lineHeight: string;
588
- all: string;
589
- '&::-ms-clear': {
590
- display: string;
591
- };
592
- WebkitFontSmoothing: string;
593
- MozOsxFontSmoothing: string;
594
- appearance: string;
595
- margin: number;
596
- width: string;
597
- display: string;
598
- boxSizing: string;
599
- outline: string;
600
- fontFamily: string;
601
- fontWeight: number;
602
- color: string;
603
- padding: string;
604
- background: string;
605
- border: string;
606
- verticalAlign: string;
607
- '&[autocomplete="off"]::-webkit-contacts-auto-fill-button': {
608
- display: string;
609
- };
610
- '&:focus': {
611
- boxShadow: string;
612
- };
613
- '&::placeholder': {
614
- color: string;
615
- };
616
- } | {
617
- textAlign: "start" | "center" | undefined;
618
- fontSize: string | 0;
619
- height: string;
620
- lineHeight: string;
621
- all: string;
622
- '&::-ms-clear': {
623
- display: string;
624
- };
625
- WebkitFontSmoothing: string;
626
- MozOsxFontSmoothing: string;
627
- appearance: string;
628
- margin: number;
629
- width: string;
630
- display: string;
631
- boxSizing: string;
632
- outline: string;
633
- fontFamily: string;
634
- fontWeight: number;
635
- color: string;
636
- padding: string;
637
- background: string;
638
- border: string;
639
- verticalAlign: string;
640
- '&[autocomplete="off"]::-webkit-contacts-auto-fill-button': {
641
- display: string;
642
- };
643
- '&:focus': {
644
- boxShadow: string;
645
- };
646
- '&::placeholder': {
647
- color: string;
648
- };
649
- } | {
650
- textAlign: "start" | "center" | undefined;
651
- fontSize: string | 0;
652
- height: string;
653
- lineHeight: string;
654
- all: string;
655
- '&::-ms-clear': {
656
- display: string;
657
- };
658
- WebkitFontSmoothing: string;
659
- MozOsxFontSmoothing: string;
660
- appearance: string;
661
- margin: number;
662
- width: string;
663
- display: string;
664
- boxSizing: string;
665
- outline: string;
666
- fontFamily: string;
667
- fontWeight: number;
668
- color: string;
669
- padding: string;
670
- background: string;
671
- border: string;
672
- verticalAlign: string;
673
- '&[autocomplete="off"]::-webkit-contacts-auto-fill-button': {
674
- display: string;
675
- };
676
- '&:focus': {
677
- boxShadow: string;
678
- };
679
- '&::placeholder': {
680
- color: string;
681
- };
682
- };
683
- textAlign: "start" | "center" | undefined;
684
- fontSize: string | 0;
685
- height: string;
686
- lineHeight: string;
687
- all: string;
688
- '&::-ms-clear': {
689
- display: string;
690
- };
691
- WebkitFontSmoothing: string;
692
- MozOsxFontSmoothing: string;
693
- appearance: string;
694
- margin: number;
695
- width: string;
696
- display: string;
697
- boxSizing: string;
698
- outline: string;
699
- fontFamily: string;
700
- fontWeight: number;
701
- color: string;
702
- padding: string;
703
- background: string;
704
- border: string;
705
- verticalAlign: string;
706
- '&[autocomplete="off"]::-webkit-contacts-auto-fill-button': {
707
- display: string;
708
- };
709
- '&:focus': {
710
- boxShadow: string;
711
- };
712
- '&::placeholder': {
713
- color: string;
714
- };
715
- label: string;
716
- };
717
- facade: {
718
- borderColor: string;
719
- cursor: string;
720
- pointerEvents: string;
721
- opacity: string;
722
- label: string;
723
- position: string;
724
- display: string;
725
- boxSizing: string;
726
- border: string;
727
- borderRadius: string | 0;
728
- background: string;
729
- '&::before': {
730
- borderColor: string;
731
- opacity: number;
732
- transform: string;
733
- content: string;
734
- pointerEvents: string;
735
- position: string;
736
- display: string;
737
- boxSizing: string;
738
- top: string;
739
- bottom: string;
740
- left: string;
741
- right: string;
742
- border: string;
743
- borderRadius: string;
744
- transition: string;
745
- } | {
746
- borderColor?: undefined;
747
- opacity: number;
748
- transform: string;
749
- content: string;
750
- pointerEvents: string;
751
- position: string;
752
- display: string;
753
- boxSizing: string;
754
- top: string;
755
- bottom: string;
756
- left: string;
757
- right: string;
758
- border: string;
759
- borderRadius: string;
760
- transition: string;
761
- };
762
- } | {
763
- borderColor?: undefined;
764
- cursor: string;
765
- pointerEvents: string;
766
- opacity: string;
767
- label: string;
768
- position: string;
769
- display: string;
770
- boxSizing: string;
771
- border: string;
772
- borderRadius: string | 0;
773
- background: string;
774
- '&::before': {
775
- borderColor: string;
776
- opacity: number;
777
- transform: string;
778
- content: string;
779
- pointerEvents: string;
780
- position: string;
781
- display: string;
782
- boxSizing: string;
783
- top: string;
784
- bottom: string;
785
- left: string;
786
- right: string;
787
- border: string;
788
- borderRadius: string;
789
- transition: string;
790
- } | {
791
- borderColor?: undefined;
792
- opacity: number;
793
- transform: string;
794
- content: string;
795
- pointerEvents: string;
796
- position: string;
797
- display: string;
798
- boxSizing: string;
799
- top: string;
800
- bottom: string;
801
- left: string;
802
- right: string;
803
- border: string;
804
- borderRadius: string;
805
- transition: string;
806
- };
807
- } | {
808
- borderColor: string;
809
- cursor?: undefined;
810
- pointerEvents?: undefined;
811
- opacity?: undefined;
812
- label: string;
813
- position: string;
814
- display: string;
815
- boxSizing: string;
816
- border: string;
817
- borderRadius: string | 0;
818
- background: string;
819
- '&::before': {
820
- borderColor: string;
821
- opacity: number;
822
- transform: string;
823
- content: string;
824
- pointerEvents: string;
825
- position: string;
826
- display: string;
827
- boxSizing: string;
828
- top: string;
829
- bottom: string;
830
- left: string;
831
- right: string;
832
- border: string;
833
- borderRadius: string;
834
- transition: string;
835
- } | {
836
- borderColor?: undefined;
837
- opacity: number;
838
- transform: string;
839
- content: string;
840
- pointerEvents: string;
841
- position: string;
842
- display: string;
843
- boxSizing: string;
844
- top: string;
845
- bottom: string;
846
- left: string;
847
- right: string;
848
- border: string;
849
- borderRadius: string;
850
- transition: string;
851
- };
852
- } | {
853
- borderColor?: undefined;
854
- cursor?: undefined;
855
- pointerEvents?: undefined;
856
- opacity?: undefined;
857
- label: string;
858
- position: string;
859
- display: string;
860
- boxSizing: string;
861
- border: string;
862
- borderRadius: string | 0;
863
- background: string;
864
- '&::before': {
865
- borderColor: string;
866
- opacity: number;
867
- transform: string;
868
- content: string;
869
- pointerEvents: string;
870
- position: string;
871
- display: string;
872
- boxSizing: string;
873
- top: string;
874
- bottom: string;
875
- left: string;
876
- right: string;
877
- border: string;
878
- borderRadius: string;
879
- transition: string;
880
- } | {
881
- borderColor?: undefined;
882
- opacity: number;
883
- transform: string;
884
- content: string;
885
- pointerEvents: string;
886
- position: string;
887
- display: string;
888
- boxSizing: string;
889
- top: string;
890
- bottom: string;
891
- left: string;
892
- right: string;
893
- border: string;
894
- borderRadius: string;
895
- transition: string;
896
- };
897
- };
898
- layout: {
899
- flexWrap?: string | undefined;
900
- display: string;
901
- alignItems: string;
902
- justifyContent: string;
903
- flexDirection: string;
904
- boxSizing: string;
905
- fontFamily: string;
906
- maxWidth: string;
907
- overflow: string;
908
- unicodeBidi: string;
909
- label: string;
910
- };
911
- beforeElement: {
912
- paddingInlineStart: string | 0;
913
- minWidth: string;
914
- flexShrink: number;
915
- boxSizing: string;
916
- fontFamily: string;
917
- maxWidth: string;
918
- overflow: string;
919
- unicodeBidi: string;
920
- label: string;
921
- };
922
- innerWrapper: {
923
- flexShrink: number;
924
- flexGrow: number;
925
- minWidth: string;
926
- boxSizing: string;
927
- fontFamily: string;
928
- maxWidth: string;
929
- overflow: string;
930
- unicodeBidi: string;
931
- label: string;
932
- };
933
- inputLayout: {
934
- display: string;
935
- alignItems: string;
936
- justifyContent: string;
937
- flexDirection: string;
938
- boxSizing: string;
939
- fontFamily: string;
940
- maxWidth: string;
941
- overflow: string;
942
- unicodeBidi: string;
943
- label: string;
944
- };
945
- afterElement: {
946
- paddingInlineEnd: string | 0;
947
- minWidth: string;
948
- flexShrink: number;
949
- boxSizing: string;
950
- fontFamily: string;
951
- maxWidth: string;
952
- overflow: string;
953
- unicodeBidi: string;
954
- label: string;
955
- };
956
- };
13
+ declare const generateStyle: (componentTheme: TextInputTheme, props: TextInputProps, state: TextInputStyleProps) => TextInputStyle;
957
14
  export default generateStyle;
958
15
  //# sourceMappingURL=styles.d.ts.map
package/types/TextInput/styles.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/TextInput/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC1D,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAE7D;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,mBACD,cAAc,SACvB,cAAc,SACd,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0K3B,CAAA;AAED,eAAe,aAAa,CAAA"}
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/TextInput/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC/D,OAAO,KAAK,EACV,cAAc,EACd,mBAAmB,EACnB,cAAc,EACf,MAAM,SAAS,CAAA;AAEhB;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,mBACD,cAAc,SACvB,cAAc,SACd,mBAAmB,KACzB,cAyKF,CAAA;AAED,eAAe,aAAa,CAAA"}