@atlaskit/textarea 4.7.6 → 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 (32) hide show
  1. package/CHANGELOG.md +52 -40
  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/text-area.d.ts +1 -1
  18. package/dist/types/types.d.ts +22 -22
  19. package/dist/types-ts4.5/component-tokens.d.ts +13 -52
  20. package/dist/types-ts4.5/index.d.ts +0 -2
  21. package/dist/types-ts4.5/styles.d.ts +1 -2
  22. package/dist/types-ts4.5/text-area.d.ts +1 -1
  23. package/dist/types-ts4.5/types.d.ts +22 -22
  24. package/package.json +4 -5
  25. package/report.api.md +1 -169
  26. package/tmp/api-report-tmp.d.ts +1 -168
  27. package/dist/cjs/theme.js +0 -122
  28. package/dist/es2019/theme.js +0 -110
  29. package/dist/esm/theme.js +0 -111
  30. package/dist/types/theme.d.ts +0 -174
  31. package/dist/types-ts4.5/theme.d.ts +0 -174
  32. package/theme/package.json +0 -15
package/CHANGELOG.md CHANGED
@@ -1,70 +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
+
9
+ ## 4.7.7
10
+
11
+ ### Patch Changes
12
+
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
14
+
3
15
  ## 4.7.6
4
16
 
5
17
  ### Patch Changes
6
18
 
7
- - [`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
8
20
 
9
21
  ## 4.7.5
10
22
 
11
23
  ### Patch Changes
12
24
 
13
- - [`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.
14
26
 
15
27
  ## 4.7.4
16
28
 
17
29
  ### Patch Changes
18
30
 
19
- - [`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
20
32
 
21
33
  ## 4.7.3
22
34
 
23
35
  ### Patch Changes
24
36
 
25
- - [`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.
26
38
 
27
39
  ## 4.7.2
28
40
 
29
41
  ### Patch Changes
30
42
 
31
- - [`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
32
44
 
33
45
  ## 4.7.1
34
46
 
35
47
  ### Patch Changes
36
48
 
37
- - [`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.
38
50
 
39
51
  ## 4.7.0
40
52
 
41
53
  ### Minor Changes
42
54
 
43
- - [`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
44
56
 
45
57
  ## 4.6.3
46
58
 
47
59
  ### Patch Changes
48
60
 
49
- - [`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.
50
62
 
51
63
  ## 4.6.2
52
64
 
53
65
  ### Patch Changes
54
66
 
55
- - [`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
56
68
 
57
69
  ## 4.6.1
58
70
 
59
71
  ### Patch Changes
60
72
 
61
- - [`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`
62
74
 
63
75
  ## 4.6.0
64
76
 
65
77
  ### Minor Changes
66
78
 
67
- - [`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
68
80
 
69
81
  ### Patch Changes
70
82
 
@@ -74,7 +86,7 @@
74
86
 
75
87
  ### Patch Changes
76
88
 
77
- - [`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
78
90
 
79
91
  ## 4.5.6
80
92
 
@@ -110,13 +122,13 @@
110
122
 
111
123
  ### Patch Changes
112
124
 
113
- - [`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.
114
126
 
115
127
  ## 4.5.0
116
128
 
117
129
  ### Minor Changes
118
130
 
119
- - [`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.
120
132
 
121
133
  ### Patch Changes
122
134
 
@@ -126,31 +138,31 @@
126
138
 
127
139
  ### Minor Changes
128
140
 
129
- - [`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.
130
142
 
131
143
  ## 4.3.11
132
144
 
133
145
  ### Patch Changes
134
146
 
135
- - [`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.
136
148
 
137
149
  ## 4.3.10
138
150
 
139
151
  ### Patch Changes
140
152
 
141
- - [`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`
142
154
 
143
155
  ## 4.3.9
144
156
 
145
157
  ### Patch Changes
146
158
 
147
- - [`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`.
148
160
 
149
161
  ## 4.3.8
150
162
 
151
163
  ### Patch Changes
152
164
 
153
- - [`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
154
166
  - [`926f9b57c59`](https://bitbucket.org/atlassian/atlassian-frontend/commits/926f9b57c59) - Internal code change turning on new linting rules.
155
167
  - [`fe575d49d66`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fe575d49d66) - Updated styles to use new input design tokens
156
168
 
@@ -158,13 +170,13 @@
158
170
 
159
171
  ### Patch Changes
160
172
 
161
- - [`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.
162
174
 
163
175
  ## 4.3.6
164
176
 
165
177
  ### Patch Changes
166
178
 
167
- - [`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`.
168
180
 
169
181
  ## 4.3.5
170
182
 
@@ -176,7 +188,7 @@
176
188
 
177
189
  ### Patch Changes
178
190
 
179
- - [`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
180
192
 
181
193
  ## 4.3.3
182
194
 
@@ -200,13 +212,13 @@
200
212
 
201
213
  ### Minor Changes
202
214
 
203
- - [`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
204
216
 
205
217
  ## 4.2.6
206
218
 
207
219
  ### Patch Changes
208
220
 
209
- - [`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.
210
222
  - Updated dependencies
211
223
 
212
224
  ## 4.2.5
@@ -219,7 +231,7 @@
219
231
 
220
232
  ### Patch Changes
221
233
 
222
- - [`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.
223
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.
224
236
  - Updated dependencies
225
237
 
@@ -245,7 +257,7 @@
245
257
 
246
258
  ### Minor Changes
247
259
 
248
- - [`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`.
249
261
 
250
262
  New tokens will be visible only in applications configured to use the new Tokens API (currently in alpha).
251
263
  These changes are intended to be interoperable with the legacy theme implementation. Legacy dark mode users should expect no visual or breaking changes
@@ -259,43 +271,43 @@
259
271
 
260
272
  ### Patch Changes
261
273
 
262
- - [`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
263
275
 
264
276
  ## 4.1.2
265
277
 
266
278
  ### Patch Changes
267
279
 
268
- - [`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`.
269
281
 
270
282
  ## 4.1.1
271
283
 
272
284
  ### Patch Changes
273
285
 
274
- - [`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`
275
287
 
276
288
  ## 4.1.0
277
289
 
278
290
  ### Minor Changes
279
291
 
280
- - [`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
281
293
 
282
294
  ## 4.0.2
283
295
 
284
296
  ### Patch Changes
285
297
 
286
- - [`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.
287
299
 
288
300
  ## 4.0.1
289
301
 
290
302
  ### Patch Changes
291
303
 
292
- - [`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
293
305
 
294
306
  ## 4.0.0
295
307
 
296
308
  ### Major Changes
297
309
 
298
- - [`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
299
311
 
300
312
  The goal of this major for textarea is to improve the component's performance, by both
301
313
 
@@ -345,7 +357,7 @@ npx @atlaskit/codemod-cli /path/to/target/directory --parser [tsx | flow | babel
345
357
 
346
358
  ### Patch Changes
347
359
 
348
- - [`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.
349
361
  This requires version 3.8 of Typescript, read more about how we handle Typescript versions here: https://atlaskit.atlassian.com/get-started
350
362
  Also add `typescript` to `devDependencies` to denote version that the package was built with.
351
363
 
@@ -359,13 +371,13 @@ Also add `typescript` to `devDependencies` to denote version that the package wa
359
371
 
360
372
  ### Patch Changes
361
373
 
362
- - [`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
363
375
 
364
376
  ## 3.0.2
365
377
 
366
378
  ### Patch Changes
367
379
 
368
- - [`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
369
381
 
370
382
  Since tslib is a dependency for all our packages we recommend that products also follow this tslib upgrade
371
383
  to prevent duplicates of tslib being bundled.
@@ -374,13 +386,13 @@ to prevent duplicates of tslib being bundled.
374
386
 
375
387
  ### Patch Changes
376
388
 
377
- - [`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
378
390
 
379
391
  ## 3.0.0
380
392
 
381
393
  ### Major Changes
382
394
 
383
- - [`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.
384
396
  For more information see: https://community.developer.atlassian.com/t/atlaskit-to-drop-support-for-internet-explorer-11-from-1st-july-2020/39534
385
397
 
386
398
  ### Patch Changes
@@ -391,7 +403,7 @@ For more information see: https://community.developer.atlassian.com/t/atlaskit-t
391
403
 
392
404
  ### Patch Changes
393
405
 
394
- - [`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
395
407
 
396
408
  ## 2.2.9
397
409
 
@@ -403,7 +415,7 @@ For more information see: https://community.developer.atlassian.com/t/atlaskit-t
403
415
 
404
416
  ### Patch Changes
405
417
 
406
- - [`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
407
419
 
408
420
  ## 2.2.7
409
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.B100, ")"),
31
- dark: "var(--ds-border-focused, ".concat(_colors.B75, ")")
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
+ };