@atlaskit/textarea 4.7.7 → 5.0.0

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 (30) hide show
  1. package/CHANGELOG.md +47 -41
  2. package/dist/cjs/component-tokens.js +13 -65
  3. package/dist/cjs/index.js +1 -14
  4. package/dist/cjs/styles.js +84 -38
  5. package/dist/cjs/text-area.js +10 -28
  6. package/dist/es2019/component-tokens.js +14 -53
  7. package/dist/es2019/index.js +1 -2
  8. package/dist/es2019/styles.js +73 -27
  9. package/dist/es2019/text-area.js +6 -22
  10. package/dist/esm/component-tokens.js +14 -53
  11. package/dist/esm/index.js +1 -2
  12. package/dist/esm/styles.js +77 -31
  13. package/dist/esm/text-area.js +10 -27
  14. package/dist/types/component-tokens.d.ts +13 -52
  15. package/dist/types/index.d.ts +0 -2
  16. package/dist/types/styles.d.ts +1 -2
  17. package/dist/types/types.d.ts +22 -22
  18. package/dist/types-ts4.5/component-tokens.d.ts +13 -52
  19. package/dist/types-ts4.5/index.d.ts +0 -2
  20. package/dist/types-ts4.5/styles.d.ts +1 -2
  21. package/dist/types-ts4.5/types.d.ts +22 -22
  22. package/package.json +4 -5
  23. package/report.api.md +0 -169
  24. package/tmp/api-report-tmp.d.ts +0 -167
  25. package/dist/cjs/theme.js +0 -122
  26. package/dist/es2019/theme.js +0 -110
  27. package/dist/esm/theme.js +0 -111
  28. package/dist/types/theme.d.ts +0 -174
  29. package/dist/types-ts4.5/theme.d.ts +0 -174
  30. package/theme/package.json +0 -15
package/CHANGELOG.md CHANGED
@@ -1,76 +1,82 @@
1
1
  # @atlaskit/textarea
2
2
 
3
+ ## 5.0.0
4
+
5
+ ### Major Changes
6
+
7
+ - [#41866](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/41866) [`ed8b6957789`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ed8b6957789) - Removes any usage of deprecated legacy theming APIs. These have been superseeded by design tokens.
8
+
3
9
  ## 4.7.7
4
10
 
5
11
  ### Patch Changes
6
12
 
7
- - [`29941aaea33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/29941aaea33) - update focused fallback color to meet contrast requirement
13
+ - [#37613](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/37613) [`29941aaea33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/29941aaea33) - update focused fallback color to meet contrast requirement
8
14
 
9
15
  ## 4.7.6
10
16
 
11
17
  ### Patch Changes
12
18
 
13
- - [`9af31f3c1ae`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9af31f3c1ae) - Delete version.json
19
+ - [#38731](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/38731) [`9af31f3c1ae`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9af31f3c1ae) - Delete version.json
14
20
 
15
21
  ## 4.7.5
16
22
 
17
23
  ### Patch Changes
18
24
 
19
- - [`356d6ebed05`](https://bitbucket.org/atlassian/atlassian-frontend/commits/356d6ebed05) - This package is now onboarded onto the product push model.
25
+ - [#38201](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/38201) [`356d6ebed05`](https://bitbucket.org/atlassian/atlassian-frontend/commits/356d6ebed05) - This package is now onboarded onto the product push model.
20
26
 
21
27
  ## 4.7.4
22
28
 
23
29
  ### Patch Changes
24
30
 
25
- - [`964e8db6c94`](https://bitbucket.org/atlassian/atlassian-frontend/commits/964e8db6c94) - update border width to use border spacing token
31
+ - [#36662](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/36662) [`964e8db6c94`](https://bitbucket.org/atlassian/atlassian-frontend/commits/964e8db6c94) - update border width to use border spacing token
26
32
 
27
33
  ## 4.7.3
28
34
 
29
35
  ### Patch Changes
30
36
 
31
- - [`599bfe90ee3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/599bfe90ee3) - Internal change to use shape tokens. There is no expected visual change.
37
+ - [#35441](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/35441) [`599bfe90ee3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/599bfe90ee3) - Internal change to use shape tokens. There is no expected visual change.
32
38
 
33
39
  ## 4.7.2
34
40
 
35
41
  ### Patch Changes
36
42
 
37
- - [`8f436f0c301`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8f436f0c301) - extend border contrast feature flag to support confluence
43
+ - [#35111](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/35111) [`8f436f0c301`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8f436f0c301) - extend border contrast feature flag to support confluence
38
44
 
39
45
  ## 4.7.1
40
46
 
41
47
  ### Patch Changes
42
48
 
43
- - [`b1bdec7cce2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b1bdec7cce2) - Internal change to enforce token usage for spacing properties. There is no expected visual or behaviour change.
49
+ - [#32935](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/32935) [`b1bdec7cce2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b1bdec7cce2) - Internal change to enforce token usage for spacing properties. There is no expected visual or behaviour change.
44
50
 
45
51
  ## 4.7.0
46
52
 
47
53
  ### Minor Changes
48
54
 
49
- - [`5f37caad726`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5f37caad726) - [ux] reduce border width to 1px and update fallback color of border
55
+ - [#33171](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33171) [`5f37caad726`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5f37caad726) - [ux] reduce border width to 1px and update fallback color of border
50
56
 
51
57
  ## 4.6.3
52
58
 
53
59
  ### Patch Changes
54
60
 
55
- - [`49b08bfdf5f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/49b08bfdf5f) - Migrated use of `gridSize` to space tokens where possible. There is no expected visual or behaviour change.
61
+ - [#34051](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/34051) [`49b08bfdf5f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/49b08bfdf5f) - Migrated use of `gridSize` to space tokens where possible. There is no expected visual or behaviour change.
56
62
 
57
63
  ## 4.6.2
58
64
 
59
65
  ### Patch Changes
60
66
 
61
- - [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure legacy types are published for TS 4.5-4.8
67
+ - [#33793](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33793) [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure legacy types are published for TS 4.5-4.8
62
68
 
63
69
  ## 4.6.1
64
70
 
65
71
  ### Patch Changes
66
72
 
67
- - [`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) - Upgrade Typescript from `4.5.5` to `4.9.5`
73
+ - [#33649](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33649) [`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) - Upgrade Typescript from `4.5.5` to `4.9.5`
68
74
 
69
75
  ## 4.6.0
70
76
 
71
77
  ### Minor Changes
72
78
 
73
- - [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip minor dependency bump
79
+ - [#33258](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33258) [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip minor dependency bump
74
80
 
75
81
  ### Patch Changes
76
82
 
@@ -80,7 +86,7 @@
80
86
 
81
87
  ### Patch Changes
82
88
 
83
- - [`e028bee17df`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e028bee17df) - [ux] fix(style): update fallback color of placeholder to meet contrast requirement
89
+ - [#33004](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33004) [`e028bee17df`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e028bee17df) - [ux] fix(style): update fallback color of placeholder to meet contrast requirement
84
90
 
85
91
  ## 4.5.6
86
92
 
@@ -116,13 +122,13 @@
116
122
 
117
123
  ### Patch Changes
118
124
 
119
- - [`9827dcb82b8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9827dcb82b8) - No-op change to introduce spacing tokens to design system components.
125
+ - [#26303](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/26303) [`9827dcb82b8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9827dcb82b8) - No-op change to introduce spacing tokens to design system components.
120
126
 
121
127
  ## 4.5.0
122
128
 
123
129
  ### Minor Changes
124
130
 
125
- - [`6612a236510`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6612a236510) - Updates `@emotion/core` to `@emotion/react`; v10 to v11. There is no expected behavior change.
131
+ - [#24710](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24710) [`6612a236510`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6612a236510) - Updates `@emotion/core` to `@emotion/react`; v10 to v11. There is no expected behavior change.
126
132
 
127
133
  ### Patch Changes
128
134
 
@@ -132,31 +138,31 @@
132
138
 
133
139
  ### Minor Changes
134
140
 
135
- - [`b8841384da6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b8841384da6) - Disabled background and border styles should not be applied to components that have either no background or transparent background to begin with. Textfield and textarea variants that do not have backgrounds (sublte or none) have no backgrounds or borders applied when disabled. As such, any comopnents that consume these will also be affected.
141
+ - [#24968](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24968) [`b8841384da6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b8841384da6) - Disabled background and border styles should not be applied to components that have either no background or transparent background to begin with. Textfield and textarea variants that do not have backgrounds (sublte or none) have no backgrounds or borders applied when disabled. As such, any comopnents that consume these will also be affected.
136
142
 
137
143
  ## 4.3.11
138
144
 
139
145
  ### Patch Changes
140
146
 
141
- - [`bedbdec0e82`](https://bitbucket.org/atlassian/atlassian-frontend/commits/bedbdec0e82) - Update hover state appearance of subtle Textarea, Textfield and Select components to match the hover states of their default counterparts.
147
+ - [#25314](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/25314) [`bedbdec0e82`](https://bitbucket.org/atlassian/atlassian-frontend/commits/bedbdec0e82) - Update hover state appearance of subtle Textarea, Textfield and Select components to match the hover states of their default counterparts.
142
148
 
143
149
  ## 4.3.10
144
150
 
145
151
  ### Patch Changes
146
152
 
147
- - [`8cc2f888c83`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8cc2f888c83) - Upgrade Typescript from `4.3.5` to `4.5.5`
153
+ - [#24874](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24874) [`8cc2f888c83`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8cc2f888c83) - Upgrade Typescript from `4.3.5` to `4.5.5`
148
154
 
149
155
  ## 4.3.9
150
156
 
151
157
  ### Patch Changes
152
158
 
153
- - [`8d4228767b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8d4228767b0) - Upgrade Typescript from `4.2.4` to `4.3.5`.
159
+ - [#24492](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24492) [`8d4228767b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8d4228767b0) - Upgrade Typescript from `4.2.4` to `4.3.5`.
154
160
 
155
161
  ## 4.3.8
156
162
 
157
163
  ### Patch Changes
158
164
 
159
- - [`e4abd2c2888`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e4abd2c2888) - Update token used for background color of subtle text area on hover
165
+ - [#23381](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/23381) [`e4abd2c2888`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e4abd2c2888) - Update token used for background color of subtle text area on hover
160
166
  - [`926f9b57c59`](https://bitbucket.org/atlassian/atlassian-frontend/commits/926f9b57c59) - Internal code change turning on new linting rules.
161
167
  - [`fe575d49d66`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fe575d49d66) - Updated styles to use new input design tokens
162
168
 
@@ -164,13 +170,13 @@
164
170
 
165
171
  ### Patch Changes
166
172
 
167
- - [`45ebe7af434`](https://bitbucket.org/atlassian/atlassian-frontend/commits/45ebe7af434) - Moved to using declarative entrypoints internally. Public API is unchanged.
173
+ - [#22642](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/22642) [`45ebe7af434`](https://bitbucket.org/atlassian/atlassian-frontend/commits/45ebe7af434) - Moved to using declarative entrypoints internally. Public API is unchanged.
168
174
 
169
175
  ## 4.3.6
170
176
 
171
177
  ### Patch Changes
172
178
 
173
- - [`f63824e8227`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f63824e8227) - [ux] Updated input tokens within `@atlaskit/textarea`.
179
+ - [#21570](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/21570) [`f63824e8227`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f63824e8227) - [ux] Updated input tokens within `@atlaskit/textarea`.
174
180
 
175
181
  ## 4.3.5
176
182
 
@@ -182,7 +188,7 @@
182
188
 
183
189
  ### Patch Changes
184
190
 
185
- - [`cb2392f6d33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb2392f6d33) - Upgrade to TypeScript 4.2.4
191
+ - [#20650](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/20650) [`cb2392f6d33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb2392f6d33) - Upgrade to TypeScript 4.2.4
186
192
 
187
193
  ## 4.3.3
188
194
 
@@ -206,13 +212,13 @@
206
212
 
207
213
  ### Minor Changes
208
214
 
209
- - [`2e56ff8ea50`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2e56ff8ea50) - [ux] Fixed a bug where smart resize did not work when the value prop was changed
215
+ - [#18526](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/18526) [`2e56ff8ea50`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2e56ff8ea50) - [ux] Fixed a bug where smart resize did not work when the value prop was changed
210
216
 
211
217
  ## 4.2.6
212
218
 
213
219
  ### Patch Changes
214
220
 
215
- - [`19d72473dfb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d72473dfb) - The no-unsafe-design-token-usage eslint rule now respects the new token naming conventions when auto-fixing by correctly formatting token ids.
221
+ - [#16752](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/16752) [`19d72473dfb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d72473dfb) - The no-unsafe-design-token-usage eslint rule now respects the new token naming conventions when auto-fixing by correctly formatting token ids.
216
222
  - Updated dependencies
217
223
 
218
224
  ## 4.2.5
@@ -225,7 +231,7 @@
225
231
 
226
232
  ### Patch Changes
227
233
 
228
- - [`f460cc7c411`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f460cc7c411) - Builds for this package now pass through a tokens babel plugin, removing runtime invocations of the tokens() function and improving bundle size.
234
+ - [#15998](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/15998) [`f460cc7c411`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f460cc7c411) - Builds for this package now pass through a tokens babel plugin, removing runtime invocations of the tokens() function and improving bundle size.
229
235
  - [`af7c289395b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/af7c289395b) - Fix TypeScript issue where text area HTML attributes were not exposed in component prop types.
230
236
  - Updated dependencies
231
237
 
@@ -251,7 +257,7 @@
251
257
 
252
258
  ### Minor Changes
253
259
 
254
- - [`ae281b57bcd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ae281b57bcd) - Instrumented Radio with the new theming package, `@atlaskit/tokens`.
260
+ - [#13302](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/13302) [`ae281b57bcd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ae281b57bcd) - Instrumented Radio with the new theming package, `@atlaskit/tokens`.
255
261
 
256
262
  New tokens will be visible only in applications configured to use the new Tokens API (currently in alpha).
257
263
  These changes are intended to be interoperable with the legacy theme implementation. Legacy dark mode users should expect no visual or breaking changes
@@ -265,43 +271,43 @@
265
271
 
266
272
  ### Patch Changes
267
273
 
268
- - [`c5785203506`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c5785203506) - Updated homepage in package.json
274
+ - [#13728](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/13728) [`c5785203506`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c5785203506) - Updated homepage in package.json
269
275
 
270
276
  ## 4.1.2
271
277
 
272
278
  ### Patch Changes
273
279
 
274
- - [`378d1cef00f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/378d1cef00f) - Bump `@atlaskit/theme` to version `^11.3.0`.
280
+ - [#12880](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/12880) [`378d1cef00f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/378d1cef00f) - Bump `@atlaskit/theme` to version `^11.3.0`.
275
281
 
276
282
  ## 4.1.1
277
283
 
278
284
  ### Patch Changes
279
285
 
280
- - [`d6f7ff383cf`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d6f7ff383cf) - Updates to development dependency `storybook-addon-performance`
286
+ - [#12167](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/12167) [`d6f7ff383cf`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d6f7ff383cf) - Updates to development dependency `storybook-addon-performance`
281
287
 
282
288
  ## 4.1.0
283
289
 
284
290
  ### Minor Changes
285
291
 
286
- - [`7af2427f3a8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7af2427f3a8) - [ux] Update form field examples for validation and add a new prop to RadioGroup component
292
+ - [#11113](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/11113) [`7af2427f3a8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7af2427f3a8) - [ux] Update form field examples for validation and add a new prop to RadioGroup component
287
293
 
288
294
  ## 4.0.2
289
295
 
290
296
  ### Patch Changes
291
297
 
292
- - [`79c23df6340`](https://bitbucket.org/atlassian/atlassian-frontend/commits/79c23df6340) - Use injected package name and version for analytics instead of version.json.
298
+ - [#8644](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/8644) [`79c23df6340`](https://bitbucket.org/atlassian/atlassian-frontend/commits/79c23df6340) - Use injected package name and version for analytics instead of version.json.
293
299
 
294
300
  ## 4.0.1
295
301
 
296
302
  ### Patch Changes
297
303
 
298
- - [`d3265f19be`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d3265f19be) - Transpile packages using babel rather than tsc
304
+ - [#5857](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5857) [`d3265f19be`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d3265f19be) - Transpile packages using babel rather than tsc
299
305
 
300
306
  ## 4.0.0
301
307
 
302
308
  ### Major Changes
303
309
 
304
- - [`782b6e5182`](https://bitbucket.org/atlassian/atlassian-frontend/commits/782b6e5182) - ### Brief
310
+ - [#5860](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5860) [`782b6e5182`](https://bitbucket.org/atlassian/atlassian-frontend/commits/782b6e5182) - ### Brief
305
311
 
306
312
  The goal of this major for textarea is to improve the component's performance, by both
307
313
 
@@ -351,7 +357,7 @@ npx @atlaskit/codemod-cli /path/to/target/directory --parser [tsx | flow | babel
351
357
 
352
358
  ### Patch Changes
353
359
 
354
- - [`5f58283e1f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5f58283e1f) - Export types using Typescript's new "export type" syntax to satisfy Typescript's --isolatedModules compiler option.
360
+ - [#5497](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5497) [`5f58283e1f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5f58283e1f) - Export types using Typescript's new "export type" syntax to satisfy Typescript's --isolatedModules compiler option.
355
361
  This requires version 3.8 of Typescript, read more about how we handle Typescript versions here: https://atlaskit.atlassian.com/get-started
356
362
  Also add `typescript` to `devDependencies` to denote version that the package was built with.
357
363
 
@@ -365,13 +371,13 @@ Also add `typescript` to `devDependencies` to denote version that the package wa
365
371
 
366
372
  ### Patch Changes
367
373
 
368
- - [`6360c46009`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6360c46009) - Reenable integration tests for Edge browser
374
+ - [#4707](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/4707) [`6360c46009`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6360c46009) - Reenable integration tests for Edge browser
369
375
 
370
376
  ## 3.0.2
371
377
 
372
378
  ### Patch Changes
373
379
 
374
- - [`6c525a8229`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6c525a8229) - Upgraded to TypeScript 3.9.6 and tslib to 2.0.0
380
+ - [#3885](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3885) [`6c525a8229`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6c525a8229) - Upgraded to TypeScript 3.9.6 and tslib to 2.0.0
375
381
 
376
382
  Since tslib is a dependency for all our packages we recommend that products also follow this tslib upgrade
377
383
  to prevent duplicates of tslib being bundled.
@@ -380,13 +386,13 @@ to prevent duplicates of tslib being bundled.
380
386
 
381
387
  ### Patch Changes
382
388
 
383
- - [`e99262c6f0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e99262c6f0) - All form elements now have a default font explicitly set
389
+ - [#3823](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3823) [`e99262c6f0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e99262c6f0) - All form elements now have a default font explicitly set
384
390
 
385
391
  ## 3.0.0
386
392
 
387
393
  ### Major Changes
388
394
 
389
- - [`87f4720f27`](https://bitbucket.org/atlassian/atlassian-frontend/commits/87f4720f27) - Officially dropping IE11 support, from this version onwards there are no warranties of the package working in IE11.
395
+ - [#3335](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3335) [`87f4720f27`](https://bitbucket.org/atlassian/atlassian-frontend/commits/87f4720f27) - Officially dropping IE11 support, from this version onwards there are no warranties of the package working in IE11.
390
396
  For more information see: https://community.developer.atlassian.com/t/atlaskit-to-drop-support-for-internet-explorer-11-from-1st-july-2020/39534
391
397
 
392
398
  ### Patch Changes
@@ -397,7 +403,7 @@ For more information see: https://community.developer.atlassian.com/t/atlaskit-t
397
403
 
398
404
  ### Patch Changes
399
405
 
400
- - [`54a9514fcf`](https://bitbucket.org/atlassian/atlassian-frontend/commits/54a9514fcf) - Build and supporting files will no longer be published to npm
406
+ - [#2866](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/2866) [`54a9514fcf`](https://bitbucket.org/atlassian/atlassian-frontend/commits/54a9514fcf) - Build and supporting files will no longer be published to npm
401
407
 
402
408
  ## 2.2.9
403
409
 
@@ -409,7 +415,7 @@ For more information see: https://community.developer.atlassian.com/t/atlaskit-t
409
415
 
410
416
  ### Patch Changes
411
417
 
412
- - [`7aa4756beb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7aa4756beb) - Change imports to comply with Atlassian conventions- Updated dependencies
418
+ - [#1868](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/1868) [`7aa4756beb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7aa4756beb) - Change imports to comply with Atlassian conventions- Updated dependencies
413
419
 
414
420
  ## 2.2.7
415
421
 
package/dist/cjs/component-tokens.js CHANGED
@@ -6,68 +6,16 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.transparent = exports.textColor = exports.subtleBorderColorHover = exports.placeholderTextColor = exports.invalidBorderColor = exports.disabledTextColor = exports.disabledBorder = exports.disabledBackground = exports.defaultBorderColorFocus = exports.defaultBorderColor = exports.defaultBackgroundColorHover = exports.defaultBackgroundColorFocus = exports.defaultBackgroundColor = void 0;
7
7
  var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
8
8
  var _colors = require("@atlaskit/theme/colors");
9
- var disabledBackground = {
10
- light: "var(--ds-background-disabled, ".concat(_colors.N20, ")"),
11
- dark: "var(--ds-background-disabled, ".concat(_colors.DN20, ")")
12
- };
13
- exports.disabledBackground = disabledBackground;
14
- var disabledBorder = {
15
- light: "var(--ds-border-disabled, ".concat(_colors.N40, ")"),
16
- dark: "var(--ds-border-disabled, ".concat(_colors.DN40, ")")
17
- };
18
- exports.disabledBorder = disabledBorder;
19
- var invalidBorderColor = {
20
- light: "var(--ds-border-danger, ".concat(_colors.R400, ")"),
21
- dark: "var(--ds-border-danger, ".concat(_colors.R400, ")")
22
- };
23
- exports.invalidBorderColor = invalidBorderColor;
24
- var defaultBorderColor = {
25
- light: "var(--ds-border-input, ".concat((0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu') ? _colors.N100 : _colors.N40, ")"),
26
- dark: "var(--ds-border-input, ".concat((0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu') ? _colors.DN200 : _colors.DN40, ")")
27
- };
28
- exports.defaultBorderColor = defaultBorderColor;
29
- var defaultBorderColorFocus = {
30
- light: "var(--ds-border-focused, ".concat(_colors.B200, ")"),
31
- dark: "var(--ds-border-focused, ".concat(_colors.B100, ")")
32
- };
33
- exports.defaultBorderColorFocus = defaultBorderColorFocus;
34
- var defaultBackgroundColor = {
35
- light: "var(--ds-background-input, ".concat(_colors.N10, ")"),
36
- dark: "var(--ds-background-input, ".concat(_colors.DN10, ")")
37
- };
38
- exports.defaultBackgroundColor = defaultBackgroundColor;
39
- var defaultBackgroundColorHover = {
40
- light: "var(--ds-background-input-hovered, ".concat(_colors.N30, ")"),
41
- dark: "var(--ds-background-input-hovered, ".concat(_colors.DN30, ")")
42
- };
43
- exports.defaultBackgroundColorHover = defaultBackgroundColorHover;
44
- var defaultBackgroundColorFocus = {
45
- light: "var(--ds-background-input-pressed, ".concat(_colors.N0, ")"),
46
- dark: "var(--ds-background-input-pressed, ".concat(_colors.DN10, ")")
47
- };
48
- exports.defaultBackgroundColorFocus = defaultBackgroundColorFocus;
49
- var subtleBorderColorHover = {
50
- light: "var(--ds-border-input, transparent)",
51
- dark: "var(--ds-border-input, transparent)"
52
- };
53
- exports.subtleBorderColorHover = subtleBorderColorHover;
54
- var placeholderTextColor = {
55
- light: "var(--ds-text-subtlest, ".concat(_colors.N200, ")"),
56
- dark: "var(--ds-text-subtlest, ".concat(_colors.DN200, ")")
57
- };
58
- exports.placeholderTextColor = placeholderTextColor;
59
- var textColor = {
60
- light: "var(--ds-text, ".concat(_colors.N900, ")"),
61
- dark: "var(--ds-text, ".concat(_colors.DN600, ")")
62
- };
63
- exports.textColor = textColor;
64
- var disabledTextColor = {
65
- light: "var(--ds-text-disabled, ".concat(_colors.N70, ")"),
66
- dark: "var(--ds-text-disabled, ".concat(_colors.DN90, ")")
67
- };
68
- exports.disabledTextColor = disabledTextColor;
69
- var transparent = {
70
- light: 'transparent',
71
- dark: 'transparent'
72
- };
73
- exports.transparent = transparent;
9
+ var disabledBackground = exports.disabledBackground = "var(--ds-background-disabled, ".concat(_colors.N20, ")");
10
+ var disabledBorder = exports.disabledBorder = "var(--ds-border-disabled, ".concat(_colors.N40, ")");
11
+ var invalidBorderColor = exports.invalidBorderColor = "var(--ds-border-danger, ".concat(_colors.R400, ")");
12
+ var defaultBorderColor = exports.defaultBorderColor = "var(--ds-border-input, ".concat((0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu') ? _colors.N100 : _colors.N40, ")");
13
+ var defaultBorderColorFocus = exports.defaultBorderColorFocus = "var(--ds-border-focused, ".concat(_colors.B200, ")");
14
+ var defaultBackgroundColor = exports.defaultBackgroundColor = "var(--ds-background-input, ".concat(_colors.N10, ")");
15
+ var defaultBackgroundColorHover = exports.defaultBackgroundColorHover = "var(--ds-background-input-hovered, ".concat(_colors.N30, ")");
16
+ var defaultBackgroundColorFocus = exports.defaultBackgroundColorFocus = "var(--ds-background-input-pressed, ".concat(_colors.N0, ")");
17
+ var subtleBorderColorHover = exports.subtleBorderColorHover = "var(--ds-border-input, transparent)";
18
+ var placeholderTextColor = exports.placeholderTextColor = "var(--ds-text-subtlest, ".concat(_colors.N200, ")");
19
+ var textColor = exports.textColor = "var(--ds-text, ".concat(_colors.N900, ")");
20
+ var disabledTextColor = exports.disabledTextColor = "var(--ds-text-disabled, ".concat(_colors.N70, ")");
21
+ var transparent = exports.transparent = 'transparent';
package/dist/cjs/index.js CHANGED
@@ -4,23 +4,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
- Object.defineProperty(exports, "Theme", {
8
- enumerable: true,
9
- get: function get() {
10
- return _theme.Theme;
11
- }
12
- });
13
7
  Object.defineProperty(exports, "default", {
14
8
  enumerable: true,
15
9
  get: function get() {
16
10
  return _textArea.default;
17
11
  }
18
12
  });
19
- Object.defineProperty(exports, "themeTokens", {
20
- enumerable: true,
21
- get: function get() {
22
- return _theme.themeTokens;
23
- }
24
- });
25
- var _textArea = _interopRequireDefault(require("./text-area"));
26
- var _theme = require("./theme");
13
+ var _textArea = _interopRequireDefault(require("./text-area"));
package/dist/cjs/styles.js CHANGED
@@ -1,16 +1,65 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ var _typeof = require("@babel/runtime/helpers/typeof");
4
5
  Object.defineProperty(exports, "__esModule", {
5
6
  value: true
6
7
  });
7
- exports.themeStyles = exports.getBaseStyles = exports.borderWidth = void 0;
8
+ exports.getBaseStyles = exports.dynamicStyles = exports.borderWidth = void 0;
8
9
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
9
10
  var _react = require("@emotion/react");
10
11
  var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
11
12
  var _constants = require("@atlaskit/theme/constants");
12
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
13
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; } /** @jsx jsx */
13
+ var componentTokens = _interopRequireWildcard(require("./component-tokens"));
14
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
15
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
16
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
17
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /** @jsx jsx */
18
+ var disabledRules = {
19
+ backgroundColor: componentTokens.disabledBackground,
20
+ backgroundColorFocus: componentTokens.disabledBackground,
21
+ backgroundColorHover: componentTokens.disabledBackground,
22
+ borderColor: componentTokens.disabledBorder,
23
+ borderColorFocus: componentTokens.defaultBorderColorFocus,
24
+ textColor: componentTokens.disabledTextColor
25
+ };
26
+ var invalidRules = {
27
+ borderColor: componentTokens.invalidBorderColor,
28
+ borderColorFocus: componentTokens.defaultBorderColorFocus,
29
+ backgroundColor: componentTokens.defaultBackgroundColor,
30
+ backgroundColorFocus: componentTokens.defaultBackgroundColorFocus,
31
+ backgroundColorHover: componentTokens.defaultBackgroundColorHover
32
+ };
33
+ var backgroundColor = {
34
+ standard: componentTokens.defaultBackgroundColor,
35
+ subtle: componentTokens.transparent,
36
+ none: componentTokens.transparent
37
+ };
38
+ var backgroundColorFocus = {
39
+ standard: componentTokens.defaultBackgroundColorFocus,
40
+ subtle: componentTokens.defaultBackgroundColorFocus,
41
+ none: componentTokens.transparent
42
+ };
43
+ var backgroundColorHover = {
44
+ standard: componentTokens.defaultBackgroundColorHover,
45
+ subtle: componentTokens.defaultBackgroundColorHover,
46
+ none: componentTokens.transparent
47
+ };
48
+ var borderColor = {
49
+ standard: componentTokens.defaultBorderColor,
50
+ subtle: componentTokens.transparent,
51
+ none: componentTokens.transparent
52
+ };
53
+ var borderColorFocus = {
54
+ standard: componentTokens.defaultBorderColorFocus,
55
+ subtle: componentTokens.defaultBorderColorFocus,
56
+ none: componentTokens.transparent
57
+ };
58
+ var borderColorHover = {
59
+ standard: componentTokens.defaultBorderColor,
60
+ subtle: componentTokens.subtleBorderColorHover,
61
+ none: componentTokens.transparent
62
+ };
14
63
  var grid = (0, _constants.gridSize)();
15
64
  var lineHeightBase = grid * 2.5;
16
65
  var lineHeightCompact = grid * 2;
@@ -21,11 +70,10 @@ var transitionDuration = '0.2s';
21
70
  var fontSize = (0, _constants.fontSize)();
22
71
  var fontFamily = (0, _constants.fontFamily)();
23
72
  var codeFontFamily = (0, _constants.codeFontFamily)();
24
- var borderWidth = 2;
73
+ var borderWidth = exports.borderWidth = 2;
25
74
 
26
75
  // Safari puts on some difficult to remove styles, mainly for disabled inputs
27
76
  // but we want full control so need to override them in all cases
28
- exports.borderWidth = borderWidth;
29
77
  var overrideSafariDisabledStyles = {
30
78
  WebkitTextFillColor: 'unset',
31
79
  WebkitOpacity: '1'
@@ -38,37 +86,37 @@ var borderBoxMinHeightCompact = function borderBoxMinHeightCompact(minimumRows,
38
86
  var contentHeightCompact = lineHeightCompact * minimumRows;
39
87
  return contentHeightCompact + compactVerticalPadding * 2 + borderHeight * 2;
40
88
  };
41
- var bgAndBorderColorStyles = function bgAndBorderColorStyles(props, appearance) {
42
- return (0, _react.css)(_objectSpread({
89
+ var bgAndBorderColorStyles = function bgAndBorderColorStyles(appearance) {
90
+ return appearance && (0, _react.css)(_objectSpread({
43
91
  '&:focus': {
44
- backgroundColor: props.backgroundColorFocus,
45
- borderColor: props.borderColorFocus,
46
- boxShadow: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu') ? "inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", props.borderColorFocus) : undefined
92
+ backgroundColor: backgroundColorFocus[appearance],
93
+ borderColor: borderColorFocus[appearance],
94
+ boxShadow: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu') ? "inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", borderColorFocus[appearance]) : undefined
47
95
  },
48
96
  '&:not(:focus)': {
49
- backgroundColor: props.backgroundColor,
50
- borderColor: props.borderColor
97
+ backgroundColor: backgroundColor[appearance],
98
+ borderColor: borderColor[appearance]
51
99
  },
52
100
  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
53
101
  '&[data-invalid]:focus': {
54
- backgroundColor: props.invalidRules.backgroundColorFocus,
55
- borderColor: props.invalidRules.borderColorFocus,
56
- boxShadow: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu') ? "inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", props.invalidRules.borderColorFocus) : undefined
102
+ backgroundColor: invalidRules.backgroundColorFocus,
103
+ borderColor: invalidRules.borderColorFocus,
104
+ boxShadow: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu') ? "inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", invalidRules.borderColorFocus) : undefined
57
105
  },
58
106
  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
59
107
  '&[data-invalid]:not(:focus)': {
60
- backgroundColor: props.invalidRules.backgroundColor,
61
- borderColor: props.invalidRules.borderColor,
62
- boxShadow: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu') ? "inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", props.invalidRules.borderColor) : undefined
108
+ backgroundColor: invalidRules.backgroundColor,
109
+ borderColor: invalidRules.borderColor,
110
+ boxShadow: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu') ? "inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", invalidRules.borderColor) : undefined
63
111
  }
64
112
  }, appearance === 'standard' ? {
65
113
  '&:disabled:focus': {
66
- backgroundColor: props.disabledRules.backgroundColorFocus,
67
- borderColor: props.disabledRules.borderColorFocus
114
+ backgroundColor: disabledRules.backgroundColorFocus,
115
+ borderColor: disabledRules.borderColorFocus
68
116
  },
69
117
  '&:disabled:not(:focus)': {
70
- backgroundColor: props.disabledRules.backgroundColor,
71
- borderColor: props.disabledRules.borderColor
118
+ backgroundColor: disabledRules.backgroundColor,
119
+ borderColor: disabledRules.borderColor
72
120
  }
73
121
  } : {}));
74
122
  };
@@ -79,19 +127,19 @@ var placeholderStyle = function placeholderStyle(placeholderTextColor) {
79
127
  }
80
128
  });
81
129
  };
82
- var hoverBackgroundAndBorderStyles = function hoverBackgroundAndBorderStyles(props) {
83
- return (0, _react.css)({
130
+ var hoverBackgroundAndBorderStyles = function hoverBackgroundAndBorderStyles(appearance) {
131
+ return appearance && (0, _react.css)({
84
132
  '&:hover:not(:read-only):not(:focus)': {
85
- backgroundColor: props.backgroundColorHover,
86
- borderColor: props.borderColorHover,
133
+ backgroundColor: backgroundColorHover[appearance],
134
+ borderColor: borderColorHover[appearance],
87
135
  '&:disabled': {
88
- backgroundColor: props.disabledRules.backgroundColorHover
136
+ backgroundColor: disabledRules.backgroundColorHover
89
137
  },
90
138
  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
91
139
  '&[data-invalid]': {
92
- backgroundColor: props.invalidRules.backgroundColorHover,
93
- borderColor: props.invalidRules.borderColor,
94
- boxShadow: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu') ? "inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", props.invalidRules.borderColor) : undefined
140
+ backgroundColor: invalidRules.backgroundColorHover,
141
+ borderColor: invalidRules.borderColor,
142
+ boxShadow: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu') ? "inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", invalidRules.borderColor) : undefined
95
143
  }
96
144
  }
97
145
  });
@@ -170,7 +218,7 @@ var staticStyles = (0, _react.css)({
170
218
  boxShadow: 'none'
171
219
  }
172
220
  });
173
- var getBaseStyles = function getBaseStyles(_ref) {
221
+ var getBaseStyles = exports.getBaseStyles = function getBaseStyles(_ref) {
174
222
  var minimumRows = _ref.minimumRows,
175
223
  resize = _ref.resize,
176
224
  appearance = _ref.appearance,
@@ -183,16 +231,14 @@ var getBaseStyles = function getBaseStyles(_ref) {
183
231
  }])
184
232
  );
185
233
  };
186
- exports.getBaseStyles = getBaseStyles;
187
- var themeStyles = function themeStyles(props, appearance) {
234
+ var dynamicStyles = exports.dynamicStyles = function dynamicStyles(appearance) {
188
235
  return (
189
236
  // eslint-disable-next-line @repo/internal/styles/no-exported-styles
190
- (0, _react.css)([bgAndBorderColorStyles(props, appearance), hoverBackgroundAndBorderStyles(props), placeholderStyle(props.placeholderTextColor), {
191
- color: props.textColor,
237
+ (0, _react.css)([bgAndBorderColorStyles(appearance), hoverBackgroundAndBorderStyles(appearance), placeholderStyle(componentTokens.placeholderTextColor), {
238
+ color: componentTokens.textColor,
192
239
  '&:disabled': {
193
- color: props.disabledRules.textColor
240
+ color: disabledRules.textColor
194
241
  }
195
242
  }])
196
243
  );
197
- };
198
- exports.themeStyles = themeStyles;
244
+ };