@atlaskit/radio 5.6.10 → 6.0.1

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 (18) hide show
  1. package/CHANGELOG.md +54 -42
  2. package/dist/cjs/radio-group.js +5 -2
  3. package/dist/cjs/radio.js +30 -49
  4. package/dist/es2019/radio-group.js +5 -2
  5. package/dist/es2019/radio.js +30 -45
  6. package/dist/esm/radio-group.js +5 -2
  7. package/dist/esm/radio.js +31 -49
  8. package/dist/types/radio-group.d.ts +17 -9
  9. package/dist/types/types.d.ts +20 -20
  10. package/dist/types-ts4.5/radio-group.d.ts +17 -9
  11. package/dist/types-ts4.5/types.d.ts +20 -20
  12. package/package.json +3 -2
  13. package/dist/cjs/styles.js +0 -62
  14. package/dist/es2019/styles.js +0 -56
  15. package/dist/esm/styles.js +0 -56
  16. package/dist/types/styles.d.ts +0 -18
  17. package/dist/types-ts4.5/styles.d.ts +0 -18
  18. package/tmp/api-report-tmp.d.ts +0 -91
package/CHANGELOG.md CHANGED
@@ -1,88 +1,100 @@
1
1
  # @atlaskit/radio
2
2
 
3
+ ## 6.0.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [#61610](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/61610) [`6b5d817a38e9`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/6b5d817a38e9) - Expose a `testId` on `RadioGroup`. This applies `data-testid` to the root level element, as well as propagates the value to `Radio` children.
8
+
9
+ ## 6.0.0
10
+
11
+ ### Major Changes
12
+
13
+ - [#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.
14
+
3
15
  ## 5.6.10
4
16
 
5
17
  ### Patch Changes
6
18
 
7
- - [`d6eab5e857c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d6eab5e857c) - Fix loose inequality check in determining if a radio button is checked or not.
19
+ - [#39802](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/39802) [`d6eab5e857c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d6eab5e857c) - Fix loose inequality check in determining if a radio button is checked or not.
8
20
 
9
21
  ## 5.6.9
10
22
 
11
23
  ### Patch Changes
12
24
 
13
- - [`9af31f3c1ae`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9af31f3c1ae) - Delete version.json
25
+ - [#38731](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/38731) [`9af31f3c1ae`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9af31f3c1ae) - Delete version.json
14
26
 
15
27
  ## 5.6.8
16
28
 
17
29
  ### Patch Changes
18
30
 
19
- - [`931210a5b65`](https://bitbucket.org/atlassian/atlassian-frontend/commits/931210a5b65) - use new feature flag for border contrast update
31
+ - [#37455](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/37455) [`931210a5b65`](https://bitbucket.org/atlassian/atlassian-frontend/commits/931210a5b65) - use new feature flag for border contrast update
20
32
 
21
33
  ## 5.6.7
22
34
 
23
35
  ### Patch Changes
24
36
 
25
- - [`4ae083a7e66`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4ae083a7e66) - Use `@af/accessibility-testing` for default jest-axe config and jest-axe import in accessibility testing.
37
+ - [#36754](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/36754) [`4ae083a7e66`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4ae083a7e66) - Use `@af/accessibility-testing` for default jest-axe config and jest-axe import in accessibility testing.
26
38
 
27
39
  ## 5.6.6
28
40
 
29
41
  ### Patch Changes
30
42
 
31
- - [`2e1fa43ac4b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2e1fa43ac4b) - update border width to use border spacing token
43
+ - [#36664](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/36664) [`2e1fa43ac4b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2e1fa43ac4b) - update border width to use border spacing token
32
44
 
33
45
  ## 5.6.5
34
46
 
35
47
  ### Patch Changes
36
48
 
37
- - [`599bfe90ee3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/599bfe90ee3) - Internal change to use shape tokens. There is no expected visual change.
49
+ - [#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.
38
50
 
39
51
  ## 5.6.4
40
52
 
41
53
  ### Patch Changes
42
54
 
43
- - [`8f436f0c301`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8f436f0c301) - extend border contrast feature flag to support confluence
55
+ - [#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
44
56
 
45
57
  ## 5.6.3
46
58
 
47
59
  ### Patch Changes
48
60
 
49
- - [`53ffecf71cb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/53ffecf71cb) - Updated selected radio to use `color.background.selected.bold` instead of `color.background.brand.bold`. There's no visual change as these tokens have same hex value in both light and dark mode.
61
+ - [#35194](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/35194) [`53ffecf71cb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/53ffecf71cb) - Updated selected radio to use `color.background.selected.bold` instead of `color.background.brand.bold`. There's no visual change as these tokens have same hex value in both light and dark mode.
50
62
 
51
63
  ## 5.6.2
52
64
 
53
65
  ### Patch Changes
54
66
 
55
- - [`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.
67
+ - [#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.
56
68
 
57
69
  ## 5.6.1
58
70
 
59
71
  ### Patch Changes
60
72
 
61
- - [`77766ad157d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/77766ad157d) - Enrol packages to push-model consumption in Jira.
73
+ - [#34124](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/34124) [`77766ad157d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/77766ad157d) - Enrol packages to push-model consumption in Jira.
62
74
 
63
75
  ## 5.6.0
64
76
 
65
77
  ### Minor Changes
66
78
 
67
- - [`b257978b66a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b257978b66a) - [ux] reduce the border from 2px to 1px
79
+ - [#33476](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33476) [`b257978b66a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b257978b66a) - [ux] reduce the border from 2px to 1px
68
80
 
69
81
  ## 5.5.2
70
82
 
71
83
  ### Patch Changes
72
84
 
73
- - [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure legacy types are published for TS 4.5-4.8
85
+ - [#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
74
86
 
75
87
  ## 5.5.1
76
88
 
77
89
  ### Patch Changes
78
90
 
79
- - [`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) - Upgrade Typescript from `4.5.5` to `4.9.5`
91
+ - [#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`
80
92
 
81
93
  ## 5.5.0
82
94
 
83
95
  ### Minor Changes
84
96
 
85
- - [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip minor dependency bump
97
+ - [#33258](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33258) [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip minor dependency bump
86
98
 
87
99
  ### Patch Changes
88
100
 
@@ -104,13 +116,13 @@
104
116
 
105
117
  ### Patch Changes
106
118
 
107
- - [`18aeca8c199`](https://bitbucket.org/atlassian/atlassian-frontend/commits/18aeca8c199) - Internal change to update token references. There is no expected behaviour or visual change.
119
+ - [#29390](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/29390) [`18aeca8c199`](https://bitbucket.org/atlassian/atlassian-frontend/commits/18aeca8c199) - Internal change to update token references. There is no expected behaviour or visual change.
108
120
 
109
121
  ## 5.4.6
110
122
 
111
123
  ### Patch Changes
112
124
 
113
- - [`22d4be4674b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/22d4be4674b) - Fixes issue where disabled radios were using the wrong background and border tokens
125
+ - [#28090](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/28090) [`22d4be4674b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/22d4be4674b) - Fixes issue where disabled radios were using the wrong background and border tokens
114
126
  - [`8e6acf8f038`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8e6acf8f038) - Updates tokens used for border and dot, improved tokens appearance when radio is both checked and disabled
115
127
 
116
128
  ## 5.4.5
@@ -135,19 +147,19 @@
135
147
 
136
148
  ### Patch Changes
137
149
 
138
- - [`9827dcb82b8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9827dcb82b8) - No-op change to introduce spacing tokens to design system components.
150
+ - [#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.
139
151
 
140
152
  ## 5.4.1
141
153
 
142
154
  ### Patch Changes
143
155
 
144
- - [`8cc2f888c83`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8cc2f888c83) - Upgrade Typescript from `4.3.5` to `4.5.5`
156
+ - [#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`
145
157
 
146
158
  ## 5.4.0
147
159
 
148
160
  ### Minor Changes
149
161
 
150
- - [`54a5b7576a6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/54a5b7576a6) - Updates `@emotion/core` to `@emotion/react`; v10 to v11. There is no expected behavior change.
162
+ - [#24004](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24004) [`54a5b7576a6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/54a5b7576a6) - Updates `@emotion/core` to `@emotion/react`; v10 to v11. There is no expected behavior change.
151
163
 
152
164
  ### Patch Changes
153
165
 
@@ -157,13 +169,13 @@
157
169
 
158
170
  ### Patch Changes
159
171
 
160
- - [`8d4228767b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8d4228767b0) - Upgrade Typescript from `4.2.4` to `4.3.5`.
172
+ - [#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`.
161
173
 
162
174
  ## 5.3.12
163
175
 
164
176
  ### Patch Changes
165
177
 
166
- - [`72cfbe1a536`](https://bitbucket.org/atlassian/atlassian-frontend/commits/72cfbe1a536) - Internal code change turning on new linting rules.
178
+ - [#23381](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/23381) [`72cfbe1a536`](https://bitbucket.org/atlassian/atlassian-frontend/commits/72cfbe1a536) - Internal code change turning on new linting rules.
167
179
  - [`fe575d49d66`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fe575d49d66) - Updated styles to use new input design tokens
168
180
  - Updated dependencies
169
181
 
@@ -177,7 +189,7 @@
177
189
 
178
190
  ### Patch Changes
179
191
 
180
- - [`cb2392f6d33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb2392f6d33) - Upgrade to TypeScript 4.2.4
192
+ - [#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
181
193
 
182
194
  ## 5.3.9
183
195
 
@@ -201,7 +213,7 @@
201
213
 
202
214
  ### Patch Changes
203
215
 
204
- - [`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
+ - [#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.
205
217
  - [`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.
206
218
  - Updated dependencies
207
219
 
@@ -215,7 +227,7 @@
215
227
 
216
228
  ### Patch Changes
217
229
 
218
- - [`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.
230
+ - [#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.
219
231
  - Updated dependencies
220
232
 
221
233
  ## 5.3.3
@@ -240,7 +252,7 @@
240
252
 
241
253
  ### Minor Changes
242
254
 
243
- - [`f276913fa2c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f276913fa2c) - Instrumented Radio with the new theming package, `@atlaskit/tokens`.
255
+ - [#13302](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/13302) [`f276913fa2c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f276913fa2c) - Instrumented Radio with the new theming package, `@atlaskit/tokens`.
244
256
 
245
257
  New tokens will be visible only in applications configured to use the new Tokens API (currently in alpha).
246
258
  These changes are intended to be interoperable with the legacy theme implementation. Legacy dark mode users should expect no visual or breaking changes.
@@ -255,43 +267,43 @@
255
267
 
256
268
  ### Patch Changes
257
269
 
258
- - [`378d1cef00f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/378d1cef00f) - Bump `@atlaskit/theme` to version `^11.3.0`.
270
+ - [#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`.
259
271
 
260
272
  ## 5.2.0
261
273
 
262
274
  ### Minor Changes
263
275
 
264
- - [`5c4717067dd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5c4717067dd) - [ux] Add aria-labelledby prop to RadioGroup
276
+ - [#11649](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/11649) [`5c4717067dd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5c4717067dd) - [ux] Add aria-labelledby prop to RadioGroup
265
277
 
266
278
  ## 5.1.1
267
279
 
268
280
  ### Patch Changes
269
281
 
270
- - [`d6f7ff383cf`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d6f7ff383cf) - Updates to development dependency `storybook-addon-performance`
282
+ - [#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`
271
283
 
272
284
  ## 5.1.0
273
285
 
274
286
  ### Minor Changes
275
287
 
276
- - [`7af2427f3a8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7af2427f3a8) - [ux] Update form field examples for validation and add a new prop to RadioGroup component
288
+ - [#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
277
289
 
278
290
  ## 5.0.4
279
291
 
280
292
  ### Patch Changes
281
293
 
282
- - [`79c23df6340`](https://bitbucket.org/atlassian/atlassian-frontend/commits/79c23df6340) - Use injected package name and version for analytics instead of version.json.
294
+ - [#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.
283
295
 
284
296
  ## 5.0.3
285
297
 
286
298
  ### Patch Changes
287
299
 
288
- - [`d3265f19be`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d3265f19be) - Transpile packages using babel rather than tsc
300
+ - [#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
289
301
 
290
302
  ## 5.0.2
291
303
 
292
304
  ### Patch Changes
293
305
 
294
- - [`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.
306
+ - [#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.
295
307
  This requires version 3.8 of Typescript, read more about how we handle Typescript versions here: https://atlaskit.atlassian.com/get-started
296
308
  Also add `typescript` to `devDependencies` to denote version that the package was built with.
297
309
 
@@ -305,7 +317,7 @@
305
317
 
306
318
  ### Major Changes
307
319
 
308
- - [`44ef6437cd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/44ef6437cd) - In this version, we made radio dramatically faster and lighter 😍
320
+ - [#4749](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/4749) [`44ef6437cd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/44ef6437cd) - In this version, we made radio dramatically faster and lighter 😍
309
321
 
310
322
  ### Changes
311
323
 
@@ -330,13 +342,13 @@
330
342
 
331
343
  ### Patch Changes
332
344
 
333
- - [`6360c46009`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6360c46009) - Reenable integration tests for Edge browser
345
+ - [#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
334
346
 
335
347
  ## 4.0.5
336
348
 
337
349
  ### Patch Changes
338
350
 
339
- - [`6c525a8229`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6c525a8229) - Upgraded to TypeScript 3.9.6 and tslib to 2.0.0
351
+ - [#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
340
352
 
341
353
  Since tslib is a dependency for all our packages we recommend that products also follow this tslib upgrade
342
354
  to prevent duplicates of tslib being bundled.
@@ -345,31 +357,31 @@
345
357
 
346
358
  ### Patch Changes
347
359
 
348
- - [`76165ad82f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/76165ad82f) - Bump required because of conflicts on wadmal release
360
+ - [#4393](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/4393) [`76165ad82f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/76165ad82f) - Bump required because of conflicts on wadmal release
349
361
 
350
362
  ## 4.0.3
351
363
 
352
364
  ### Patch Changes
353
365
 
354
- - [`e99262c6f0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e99262c6f0) - All form elements now have a default font explicitly set
366
+ - [#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
355
367
 
356
368
  ## 4.0.2
357
369
 
358
370
  ### Patch Changes
359
371
 
360
- - [`954cc87b62`](https://bitbucket.org/atlassian/atlassian-frontend/commits/954cc87b62) - The readme and package information has been updated to point to the new design system website.
372
+ - [#3293](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3293) [`954cc87b62`](https://bitbucket.org/atlassian/atlassian-frontend/commits/954cc87b62) - The readme and package information has been updated to point to the new design system website.
361
373
 
362
374
  ## 4.0.1
363
375
 
364
376
  ### Patch Changes
365
377
 
366
- - [`db053b24d8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/db053b24d8) - Update all the theme imports to be tree-shakable
378
+ - [#3428](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3428) [`db053b24d8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/db053b24d8) - Update all the theme imports to be tree-shakable
367
379
 
368
380
  ## 4.0.0
369
381
 
370
382
  ### Major Changes
371
383
 
372
- - [`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
+ - [#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.
373
385
  For more information see: https://community.developer.atlassian.com/t/atlaskit-to-drop-support-for-internet-explorer-11-from-1st-july-2020/39534
374
386
 
375
387
  ### Patch Changes
@@ -380,7 +392,7 @@
380
392
 
381
393
  ### Patch Changes
382
394
 
383
- - [`54a9514fcf`](https://bitbucket.org/atlassian/atlassian-frontend/commits/54a9514fcf) - Build and supporting files will no longer be published to npm
395
+ - [#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
384
396
 
385
397
  ## 3.2.2
386
398
 
@@ -392,7 +404,7 @@
392
404
 
393
405
  ### Patch Changes
394
406
 
395
- - [`966efe3f95`](https://bitbucket.org/atlassian/atlassian-frontend/commits/966efe3f95) - Change imports to comply with Atlassian conventions- Updated dependencies
407
+ - [#1868](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/1868) [`966efe3f95`](https://bitbucket.org/atlassian/atlassian-frontend/commits/966efe3f95) - Change imports to comply with Atlassian conventions- Updated dependencies
396
408
 
397
409
  ## 3.2.0
398
410
 
package/dist/cjs/radio-group.js CHANGED
@@ -28,7 +28,8 @@ function RadioGroup(props) {
28
28
  onInvalid = _props$onInvalid === void 0 ? _noop.default : _props$onInvalid,
29
29
  name = props.name,
30
30
  analyticsContext = props.analyticsContext,
31
- ariaLabelledBy = props['aria-labelledby'];
31
+ ariaLabelledBy = props['aria-labelledby'],
32
+ testId = props.testId;
32
33
  var _useState = (0, _react.useState)(propValue !== undefined ? propValue : defaultValue),
33
34
  _useState2 = (0, _slicedToArray2.default)(_useState, 2),
34
35
  selectedValue = _useState2[0],
@@ -45,7 +46,8 @@ function RadioGroup(props) {
45
46
  var value = typeof propValue !== 'undefined' ? propValue : selectedValue;
46
47
  return /*#__PURE__*/_react.default.createElement("div", {
47
48
  role: "radiogroup",
48
- "aria-labelledby": ariaLabelledBy
49
+ "aria-labelledby": ariaLabelledBy,
50
+ "data-testid": testId
49
51
  }, options.map(function (_ref, index) {
50
52
  var optionProps = (0, _extends2.default)({}, ((0, _objectDestructuringEmpty2.default)(_ref), _ref));
51
53
  if (typeof isDisabled !== 'undefined') {
@@ -59,6 +61,7 @@ function RadioGroup(props) {
59
61
  onInvalid: onInvalid,
60
62
  isInvalid: isChecked && isInvalid,
61
63
  isChecked: isChecked,
64
+ testId: optionProps.testId || testId,
62
65
  isRequired: isRequired,
63
66
  analyticsContext: analyticsContext
64
67
  }));
package/dist/cjs/radio.js CHANGED
@@ -13,13 +13,11 @@ var _usePlatformLeafEventHandler = require("@atlaskit/analytics-next/usePlatform
13
13
  var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
14
14
  var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
15
15
  var _colors = require("@atlaskit/theme/colors");
16
- var _components = _interopRequireDefault(require("@atlaskit/theme/components"));
17
16
  var _constants = require("@atlaskit/theme/constants");
18
- var _styles = _interopRequireDefault(require("./styles"));
19
- var _excluded = ["ariaLabel", "isDisabled", "isRequired", "isInvalid", "isChecked", "label", "mode", "name", "onChange", "value", "testId", "analyticsContext"];
17
+ var _excluded = ["ariaLabel", "isDisabled", "isRequired", "isInvalid", "isChecked", "label", "name", "onChange", "value", "testId", "analyticsContext"];
20
18
  /** @jsx jsx */
21
19
  var packageName = "@atlaskit/radio";
22
- var packageVersion = "5.6.10";
20
+ var packageVersion = "6.0.1";
23
21
  var fontFamily = (0, _constants.fontFamily)();
24
22
  var noop = _noop.default;
25
23
  var labelPaddingStyles = (0, _react2.css)({
@@ -30,6 +28,7 @@ var labelStyles = (0, _react2.css)({
30
28
  boxSizing: 'border-box',
31
29
  position: 'relative',
32
30
  alignItems: 'flex-start',
31
+ color: "var(--ds-text, ".concat(_colors.N900, ")"),
33
32
  fontFamily: fontFamily,
34
33
  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
35
34
  '&[data-disabled]': {
@@ -37,12 +36,6 @@ var labelStyles = (0, _react2.css)({
37
36
  cursor: 'not-allowed'
38
37
  }
39
38
  });
40
- var lightLabelStyles = (0, _react2.css)({
41
- color: "var(--ds-text, ".concat(_colors.N900, ")")
42
- });
43
- var darkLabelStyles = (0, _react2.css)({
44
- color: "var(--ds-text, ".concat(_colors.DN600, ")")
45
- });
46
39
  var radioStyles = (0, _react2.css)({
47
40
  display: 'flex',
48
41
  // TODO https://product-fabric.atlassian.net/browse/DSP-10507 revisit and remove the scale of 14/24
@@ -72,9 +65,9 @@ var radioStyles = (0, _react2.css)({
72
65
  -radio-dot-color and -radio-dot-opacity according to user interactions.
73
66
  All other variables are constant
74
67
  */
75
- '--radio-background-color': 'var(--local-background)',
76
- '--radio-border-color': 'var(--local-border)',
77
- '--radio-dot-color': 'var(--local-dot-checked)',
68
+ '--radio-background-color': "var(--ds-background-input, ".concat(_colors.N10, ")"),
69
+ '--radio-border-color': (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.update-border-radio-checkbox_7askv') ? "var(--ds-border-bold, ".concat(_colors.N100, ")") : "var(--ds-border-input, ".concat(_colors.N40, ")"),
70
+ '--radio-dot-color': "var(--ds-icon-inverse, ".concat(_colors.N10, ")"),
78
71
  '--radio-dot-opacity': 0,
79
72
  /* 24px * 7 / 12 === 14px height and width */
80
73
  transform: 'scale(calc(7 / 12))',
@@ -94,44 +87,44 @@ var radioStyles = (0, _react2.css)({
94
87
  transition: 'background-color 0.2s ease-in-out, opacity 0.2s ease-in-out'
95
88
  },
96
89
  '&:hover': {
97
- '--radio-background-color': 'var(--local-background-hover)',
98
- '--radio-border-color': 'var(local-border-hover)'
90
+ '--radio-background-color': "var(--ds-background-input-hovered, ".concat(_colors.N30, ")"),
91
+ '--radio-border-color': (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.update-border-radio-checkbox_7askv') ? "var(--ds-border-bold, ".concat(_colors.N100, ")") : "var(--ds-border-input, ".concat(_colors.N40, ")")
99
92
  },
100
93
  '&:active': {
101
- '--radio-background-color': 'var(--local-background-active)'
94
+ '--radio-background-color': "var(--ds-background-input-pressed, ".concat(_colors.N30, ")")
102
95
  },
103
96
  '&:focus': {
104
- '--radio-border-color': 'var(--local-border-focus)'
97
+ '--radio-border-color': "var(--ds-border-focused, ".concat(_colors.B100, ")")
105
98
  },
106
99
  '&:checked': {
107
- '--radio-background-color': 'var(--local-background-checked)',
108
- '--radio-border-color': 'var(--local-background-checked)',
100
+ '--radio-background-color': "var(--ds-background-selected-bold, ".concat(_colors.B400, ")"),
101
+ '--radio-border-color': "var(--ds-background-selected-bold, ".concat(_colors.B400, ")"),
109
102
  '--radio-dot-opacity': 1
110
103
  },
111
104
  '&:checked:hover': {
112
- '--radio-background-color': 'var(--local-background-checked-hover)',
113
- '--radio-border-color': 'var(--local-background-checked-hover)'
105
+ '--radio-background-color': "var(--ds-background-selected-bold-hovered, ".concat(_colors.B300, ")"),
106
+ '--radio-border-color': "var(--ds-background-selected-bold-hovered, ".concat(_colors.B300, ")")
114
107
  },
115
108
  '&:checked:active': {
116
- '--radio-background-color': 'var(--local-background-checked-active)',
117
- '--radio-border-color': 'var(--local-border-hover)',
118
- '--radio-dot-color': 'var(--local-dot-active)'
109
+ '--radio-background-color': "var(--ds-background-selected-bold-pressed, ".concat(_colors.B50, ")"),
110
+ '--radio-border-color': (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.update-border-radio-checkbox_7askv') ? "var(--ds-border-bold, ".concat(_colors.N100, ")") : "var(--ds-border-input, ".concat(_colors.N40, ")"),
111
+ '--radio-dot-color': "var(--ds-icon-inverse, ".concat(_colors.B400, ")")
119
112
  },
120
113
  '&:checked:focus': {
121
- '--radio-border-color': 'var(--local-border-focus)'
114
+ '--radio-border-color': "var(--ds-border-focused, ".concat(_colors.B100, ")")
122
115
  },
123
116
  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
124
117
  '&[data-invalid], &:checked[data-invalid]': {
125
- '--radio-border-color': 'var(--local-invalid)'
118
+ '--radio-border-color': "var(--ds-icon-danger, ".concat(_colors.R300, ")")
126
119
  },
127
120
  '&:disabled, &:disabled:hover, &:disabled:focus, &:disabled:active, &:disabled[data-invalid]': {
128
121
  cursor: 'not-allowed',
129
- '--radio-background-color': 'var(--local-background-disabled)',
130
- '--radio-border-color': 'var(--local-border-disabled)',
131
- '--radio-dot-color': 'var(--local-dot-disabled)'
122
+ '--radio-background-color': "var(--ds-background-disabled, ".concat(_colors.N20, ")"),
123
+ '--radio-border-color': "var(--ds-border-disabled, ".concat(_colors.N20, ")"),
124
+ '--radio-dot-color': "var(--ds-icon-disabled, ".concat(_colors.N70, ")")
132
125
  }
133
126
  });
134
- var RadioWithMode = /*#__PURE__*/(0, _react.forwardRef)(function Radio(props, ref) {
127
+ var InnerRadio = /*#__PURE__*/(0, _react.forwardRef)(function Radio(props, ref) {
135
128
  var ariaLabel = props.ariaLabel,
136
129
  _props$isDisabled = props.isDisabled,
137
130
  isDisabled = _props$isDisabled === void 0 ? false : _props$isDisabled,
@@ -141,7 +134,6 @@ var RadioWithMode = /*#__PURE__*/(0, _react.forwardRef)(function Radio(props, re
141
134
  _props$isChecked = props.isChecked,
142
135
  isChecked = _props$isChecked === void 0 ? false : _props$isChecked,
143
136
  label = props.label,
144
- mode = props.mode,
145
137
  name = props.name,
146
138
  _props$onChange = props.onChange,
147
139
  onChange = _props$onChange === void 0 ? noop : _props$onChange,
@@ -157,13 +149,10 @@ var RadioWithMode = /*#__PURE__*/(0, _react.forwardRef)(function Radio(props, re
157
149
  packageName: packageName,
158
150
  packageVersion: packageVersion
159
151
  });
160
- var radioCustomProperties = (0, _react.useMemo)(function () {
161
- return (0, _react2.css)((0, _styles.default)(mode));
162
- }, [mode]);
163
152
  return (0, _react2.jsx)("label", {
164
153
  "data-testid": testId && "".concat(testId, "--radio-label"),
165
154
  "data-disabled": isDisabled ? 'true' : undefined,
166
- css: [labelStyles, mode === 'light' ? lightLabelStyles : darkLabelStyles]
155
+ css: labelStyles
167
156
  }, (0, _react2.jsx)("input", (0, _extends2.default)({}, rest, {
168
157
  "aria-label": ariaLabel,
169
158
  checked: isChecked,
@@ -177,11 +166,8 @@ var RadioWithMode = /*#__PURE__*/(0, _react.forwardRef)(function Radio(props, re
177
166
  // isInvalid is used in a nonstandard way so cannot
178
167
  // use :invalid selector
179
168
  ,
180
- "data-invalid": isInvalid ? 'true' : undefined
181
- // TODO radioCustomProperties can be defined at top of file when legacy theming removed
182
- // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
183
- ,
184
- css: [radioStyles, radioCustomProperties],
169
+ "data-invalid": isInvalid ? 'true' : undefined,
170
+ css: radioStyles,
185
171
  ref: ref
186
172
  })), label ? (0, _react2.jsx)("span", {
187
173
  css: labelPaddingStyles
@@ -198,13 +184,8 @@ var RadioWithMode = /*#__PURE__*/(0, _react.forwardRef)(function Radio(props, re
198
184
  * - [Usage](https://atlassian.design/components/radio/usage)
199
185
  */
200
186
  var Radio = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(function Radio(props, ref) {
201
- return (0, _react2.jsx)(_components.default.Consumer, null, function (_ref) {
202
- var mode = _ref.mode;
203
- return (0, _react2.jsx)(RadioWithMode, (0, _extends2.default)({}, props, {
204
- ref: ref,
205
- mode: mode
206
- }));
207
- });
187
+ return (0, _react2.jsx)(InnerRadio, (0, _extends2.default)({}, props, {
188
+ ref: ref
189
+ }));
208
190
  }));
209
- var _default = Radio;
210
- exports.default = _default;
191
+ var _default = exports.default = Radio;
package/dist/es2019/radio-group.js CHANGED
@@ -15,7 +15,8 @@ export default function RadioGroup(props) {
15
15
  onInvalid = noop,
16
16
  name,
17
17
  analyticsContext,
18
- ['aria-labelledby']: ariaLabelledBy
18
+ ['aria-labelledby']: ariaLabelledBy,
19
+ testId
19
20
  } = props;
20
21
  const [selectedValue, setSelectedValue] = useState(propValue !== undefined ? propValue : defaultValue);
21
22
  const onRadioChange = useCallback((e, analyticsEvent) => {
@@ -30,7 +31,8 @@ export default function RadioGroup(props) {
30
31
  const value = typeof propValue !== 'undefined' ? propValue : selectedValue;
31
32
  return /*#__PURE__*/React.createElement("div", {
32
33
  role: "radiogroup",
33
- "aria-labelledby": ariaLabelledBy
34
+ "aria-labelledby": ariaLabelledBy,
35
+ "data-testid": testId
34
36
  }, options.map(({
35
37
  ...optionProps
36
38
  }, index) => {
@@ -45,6 +47,7 @@ export default function RadioGroup(props) {
45
47
  onInvalid: onInvalid,
46
48
  isInvalid: isChecked && isInvalid,
47
49
  isChecked: isChecked,
50
+ testId: optionProps.testId || testId,
48
51
  isRequired: isRequired,
49
52
  analyticsContext: analyticsContext
50
53
  }));