@atlaskit/radio 5.6.10 → 6.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.
- package/CHANGELOG.md +48 -42
- package/dist/cjs/radio.js +30 -49
- package/dist/es2019/radio.js +30 -45
- package/dist/esm/radio.js +31 -49
- package/dist/types/radio-group.d.ts +9 -9
- package/dist/types/types.d.ts +20 -20
- package/dist/types-ts4.5/radio-group.d.ts +9 -9
- package/dist/types-ts4.5/types.d.ts +20 -20
- package/package.json +2 -2
- package/dist/cjs/styles.js +0 -62
- package/dist/es2019/styles.js +0 -56
- package/dist/esm/styles.js +0 -56
- package/dist/types/styles.d.ts +0 -18
- package/dist/types-ts4.5/styles.d.ts +0 -18
package/CHANGELOG.md
CHANGED
|
@@ -1,88 +1,94 @@
|
|
|
1
1
|
# @atlaskit/radio
|
|
2
2
|
|
|
3
|
+
## 6.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
|
## 5.6.10
|
|
4
10
|
|
|
5
11
|
### Patch Changes
|
|
6
12
|
|
|
7
|
-
- [`d6eab5e857c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d6eab5e857c) - Fix loose inequality check in determining if a radio button is checked or not.
|
|
13
|
+
- [#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
14
|
|
|
9
15
|
## 5.6.9
|
|
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
|
## 5.6.8
|
|
16
22
|
|
|
17
23
|
### Patch Changes
|
|
18
24
|
|
|
19
|
-
- [`931210a5b65`](https://bitbucket.org/atlassian/atlassian-frontend/commits/931210a5b65) - use new feature flag for border contrast update
|
|
25
|
+
- [#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
26
|
|
|
21
27
|
## 5.6.7
|
|
22
28
|
|
|
23
29
|
### Patch Changes
|
|
24
30
|
|
|
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.
|
|
31
|
+
- [#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
32
|
|
|
27
33
|
## 5.6.6
|
|
28
34
|
|
|
29
35
|
### Patch Changes
|
|
30
36
|
|
|
31
|
-
- [`2e1fa43ac4b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2e1fa43ac4b) - update border width to use border spacing token
|
|
37
|
+
- [#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
38
|
|
|
33
39
|
## 5.6.5
|
|
34
40
|
|
|
35
41
|
### Patch Changes
|
|
36
42
|
|
|
37
|
-
- [`599bfe90ee3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/599bfe90ee3) - Internal change to use shape tokens. There is no expected visual change.
|
|
43
|
+
- [#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
44
|
|
|
39
45
|
## 5.6.4
|
|
40
46
|
|
|
41
47
|
### Patch Changes
|
|
42
48
|
|
|
43
|
-
- [`8f436f0c301`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8f436f0c301) - extend border contrast feature flag to support confluence
|
|
49
|
+
- [#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
50
|
|
|
45
51
|
## 5.6.3
|
|
46
52
|
|
|
47
53
|
### Patch Changes
|
|
48
54
|
|
|
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.
|
|
55
|
+
- [#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
56
|
|
|
51
57
|
## 5.6.2
|
|
52
58
|
|
|
53
59
|
### Patch Changes
|
|
54
60
|
|
|
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.
|
|
61
|
+
- [#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
62
|
|
|
57
63
|
## 5.6.1
|
|
58
64
|
|
|
59
65
|
### Patch Changes
|
|
60
66
|
|
|
61
|
-
- [`77766ad157d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/77766ad157d) - Enrol packages to push-model consumption in Jira.
|
|
67
|
+
- [#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
68
|
|
|
63
69
|
## 5.6.0
|
|
64
70
|
|
|
65
71
|
### Minor Changes
|
|
66
72
|
|
|
67
|
-
- [`b257978b66a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b257978b66a) - [ux] reduce the border from 2px to 1px
|
|
73
|
+
- [#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
74
|
|
|
69
75
|
## 5.5.2
|
|
70
76
|
|
|
71
77
|
### Patch Changes
|
|
72
78
|
|
|
73
|
-
- [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure legacy types are published for TS 4.5-4.8
|
|
79
|
+
- [#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
80
|
|
|
75
81
|
## 5.5.1
|
|
76
82
|
|
|
77
83
|
### Patch Changes
|
|
78
84
|
|
|
79
|
-
- [`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) - Upgrade Typescript from `4.5.5` to `4.9.5`
|
|
85
|
+
- [#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
86
|
|
|
81
87
|
## 5.5.0
|
|
82
88
|
|
|
83
89
|
### Minor Changes
|
|
84
90
|
|
|
85
|
-
- [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip minor dependency bump
|
|
91
|
+
- [#33258](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33258) [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip minor dependency bump
|
|
86
92
|
|
|
87
93
|
### Patch Changes
|
|
88
94
|
|
|
@@ -104,13 +110,13 @@
|
|
|
104
110
|
|
|
105
111
|
### Patch Changes
|
|
106
112
|
|
|
107
|
-
- [`18aeca8c199`](https://bitbucket.org/atlassian/atlassian-frontend/commits/18aeca8c199) - Internal change to update token references. There is no expected behaviour or visual change.
|
|
113
|
+
- [#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
114
|
|
|
109
115
|
## 5.4.6
|
|
110
116
|
|
|
111
117
|
### Patch Changes
|
|
112
118
|
|
|
113
|
-
- [`22d4be4674b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/22d4be4674b) - Fixes issue where disabled radios were using the wrong background and border tokens
|
|
119
|
+
- [#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
120
|
- [`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
121
|
|
|
116
122
|
## 5.4.5
|
|
@@ -135,19 +141,19 @@
|
|
|
135
141
|
|
|
136
142
|
### Patch Changes
|
|
137
143
|
|
|
138
|
-
- [`9827dcb82b8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9827dcb82b8) - No-op change to introduce spacing tokens to design system components.
|
|
144
|
+
- [#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
145
|
|
|
140
146
|
## 5.4.1
|
|
141
147
|
|
|
142
148
|
### Patch Changes
|
|
143
149
|
|
|
144
|
-
- [`8cc2f888c83`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8cc2f888c83) - Upgrade Typescript from `4.3.5` to `4.5.5`
|
|
150
|
+
- [#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
151
|
|
|
146
152
|
## 5.4.0
|
|
147
153
|
|
|
148
154
|
### Minor Changes
|
|
149
155
|
|
|
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.
|
|
156
|
+
- [#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
157
|
|
|
152
158
|
### Patch Changes
|
|
153
159
|
|
|
@@ -157,13 +163,13 @@
|
|
|
157
163
|
|
|
158
164
|
### Patch Changes
|
|
159
165
|
|
|
160
|
-
- [`8d4228767b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8d4228767b0) - Upgrade Typescript from `4.2.4` to `4.3.5`.
|
|
166
|
+
- [#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
167
|
|
|
162
168
|
## 5.3.12
|
|
163
169
|
|
|
164
170
|
### Patch Changes
|
|
165
171
|
|
|
166
|
-
- [`72cfbe1a536`](https://bitbucket.org/atlassian/atlassian-frontend/commits/72cfbe1a536) - Internal code change turning on new linting rules.
|
|
172
|
+
- [#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
173
|
- [`fe575d49d66`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fe575d49d66) - Updated styles to use new input design tokens
|
|
168
174
|
- Updated dependencies
|
|
169
175
|
|
|
@@ -177,7 +183,7 @@
|
|
|
177
183
|
|
|
178
184
|
### Patch Changes
|
|
179
185
|
|
|
180
|
-
- [`cb2392f6d33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb2392f6d33) - Upgrade to TypeScript 4.2.4
|
|
186
|
+
- [#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
187
|
|
|
182
188
|
## 5.3.9
|
|
183
189
|
|
|
@@ -201,7 +207,7 @@
|
|
|
201
207
|
|
|
202
208
|
### Patch Changes
|
|
203
209
|
|
|
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.
|
|
210
|
+
- [#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
211
|
- [`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
212
|
- Updated dependencies
|
|
207
213
|
|
|
@@ -215,7 +221,7 @@
|
|
|
215
221
|
|
|
216
222
|
### Patch Changes
|
|
217
223
|
|
|
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.
|
|
224
|
+
- [#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
225
|
- Updated dependencies
|
|
220
226
|
|
|
221
227
|
## 5.3.3
|
|
@@ -240,7 +246,7 @@
|
|
|
240
246
|
|
|
241
247
|
### Minor Changes
|
|
242
248
|
|
|
243
|
-
- [`f276913fa2c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f276913fa2c) - Instrumented Radio with the new theming package, `@atlaskit/tokens`.
|
|
249
|
+
- [#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
250
|
|
|
245
251
|
New tokens will be visible only in applications configured to use the new Tokens API (currently in alpha).
|
|
246
252
|
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 +261,43 @@
|
|
|
255
261
|
|
|
256
262
|
### Patch Changes
|
|
257
263
|
|
|
258
|
-
- [`378d1cef00f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/378d1cef00f) - Bump `@atlaskit/theme` to version `^11.3.0`.
|
|
264
|
+
- [#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
265
|
|
|
260
266
|
## 5.2.0
|
|
261
267
|
|
|
262
268
|
### Minor Changes
|
|
263
269
|
|
|
264
|
-
- [`5c4717067dd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5c4717067dd) - [ux] Add aria-labelledby prop to RadioGroup
|
|
270
|
+
- [#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
271
|
|
|
266
272
|
## 5.1.1
|
|
267
273
|
|
|
268
274
|
### Patch Changes
|
|
269
275
|
|
|
270
|
-
- [`d6f7ff383cf`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d6f7ff383cf) - Updates to development dependency `storybook-addon-performance`
|
|
276
|
+
- [#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
277
|
|
|
272
278
|
## 5.1.0
|
|
273
279
|
|
|
274
280
|
### Minor Changes
|
|
275
281
|
|
|
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
|
|
282
|
+
- [#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
283
|
|
|
278
284
|
## 5.0.4
|
|
279
285
|
|
|
280
286
|
### Patch Changes
|
|
281
287
|
|
|
282
|
-
- [`79c23df6340`](https://bitbucket.org/atlassian/atlassian-frontend/commits/79c23df6340) - Use injected package name and version for analytics instead of version.json.
|
|
288
|
+
- [#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
289
|
|
|
284
290
|
## 5.0.3
|
|
285
291
|
|
|
286
292
|
### Patch Changes
|
|
287
293
|
|
|
288
|
-
- [`d3265f19be`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d3265f19be) - Transpile packages using babel rather than tsc
|
|
294
|
+
- [#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
295
|
|
|
290
296
|
## 5.0.2
|
|
291
297
|
|
|
292
298
|
### Patch Changes
|
|
293
299
|
|
|
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.
|
|
300
|
+
- [#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
301
|
This requires version 3.8 of Typescript, read more about how we handle Typescript versions here: https://atlaskit.atlassian.com/get-started
|
|
296
302
|
Also add `typescript` to `devDependencies` to denote version that the package was built with.
|
|
297
303
|
|
|
@@ -305,7 +311,7 @@
|
|
|
305
311
|
|
|
306
312
|
### Major Changes
|
|
307
313
|
|
|
308
|
-
- [`44ef6437cd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/44ef6437cd) - In this version, we made radio dramatically faster and lighter 😍
|
|
314
|
+
- [#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
315
|
|
|
310
316
|
### Changes
|
|
311
317
|
|
|
@@ -330,13 +336,13 @@
|
|
|
330
336
|
|
|
331
337
|
### Patch Changes
|
|
332
338
|
|
|
333
|
-
- [`6360c46009`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6360c46009) - Reenable integration tests for Edge browser
|
|
339
|
+
- [#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
340
|
|
|
335
341
|
## 4.0.5
|
|
336
342
|
|
|
337
343
|
### Patch Changes
|
|
338
344
|
|
|
339
|
-
- [`6c525a8229`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6c525a8229) - Upgraded to TypeScript 3.9.6 and tslib to 2.0.0
|
|
345
|
+
- [#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
346
|
|
|
341
347
|
Since tslib is a dependency for all our packages we recommend that products also follow this tslib upgrade
|
|
342
348
|
to prevent duplicates of tslib being bundled.
|
|
@@ -345,31 +351,31 @@
|
|
|
345
351
|
|
|
346
352
|
### Patch Changes
|
|
347
353
|
|
|
348
|
-
- [`76165ad82f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/76165ad82f) - Bump required because of conflicts on wadmal release
|
|
354
|
+
- [#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
355
|
|
|
350
356
|
## 4.0.3
|
|
351
357
|
|
|
352
358
|
### Patch Changes
|
|
353
359
|
|
|
354
|
-
- [`e99262c6f0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e99262c6f0) - All form elements now have a default font explicitly set
|
|
360
|
+
- [#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
361
|
|
|
356
362
|
## 4.0.2
|
|
357
363
|
|
|
358
364
|
### Patch Changes
|
|
359
365
|
|
|
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.
|
|
366
|
+
- [#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
367
|
|
|
362
368
|
## 4.0.1
|
|
363
369
|
|
|
364
370
|
### Patch Changes
|
|
365
371
|
|
|
366
|
-
- [`db053b24d8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/db053b24d8) - Update all the theme imports to be tree-shakable
|
|
372
|
+
- [#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
373
|
|
|
368
374
|
## 4.0.0
|
|
369
375
|
|
|
370
376
|
### Major Changes
|
|
371
377
|
|
|
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.
|
|
378
|
+
- [#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
379
|
For more information see: https://community.developer.atlassian.com/t/atlaskit-to-drop-support-for-internet-explorer-11-from-1st-july-2020/39534
|
|
374
380
|
|
|
375
381
|
### Patch Changes
|
|
@@ -380,7 +386,7 @@
|
|
|
380
386
|
|
|
381
387
|
### Patch Changes
|
|
382
388
|
|
|
383
|
-
- [`54a9514fcf`](https://bitbucket.org/atlassian/atlassian-frontend/commits/54a9514fcf) - Build and supporting files will no longer be published to npm
|
|
389
|
+
- [#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
390
|
|
|
385
391
|
## 3.2.2
|
|
386
392
|
|
|
@@ -392,7 +398,7 @@
|
|
|
392
398
|
|
|
393
399
|
### Patch Changes
|
|
394
400
|
|
|
395
|
-
- [`966efe3f95`](https://bitbucket.org/atlassian/atlassian-frontend/commits/966efe3f95) - Change imports to comply with Atlassian conventions- Updated dependencies
|
|
401
|
+
- [#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
402
|
|
|
397
403
|
## 3.2.0
|
|
398
404
|
|
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
|
|
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 = "
|
|
20
|
+
var packageVersion = "6.0.0";
|
|
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':
|
|
76
|
-
'--radio-border-color': 'var(--
|
|
77
|
-
'--radio-dot-color':
|
|
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':
|
|
98
|
-
'--radio-border-color': 'var(
|
|
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':
|
|
94
|
+
'--radio-background-color': "var(--ds-background-input-pressed, ".concat(_colors.N30, ")")
|
|
102
95
|
},
|
|
103
96
|
'&:focus': {
|
|
104
|
-
'--radio-border-color':
|
|
97
|
+
'--radio-border-color': "var(--ds-border-focused, ".concat(_colors.B100, ")")
|
|
105
98
|
},
|
|
106
99
|
'&:checked': {
|
|
107
|
-
'--radio-background-color':
|
|
108
|
-
'--radio-border-color':
|
|
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':
|
|
113
|
-
'--radio-border-color':
|
|
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':
|
|
117
|
-
'--radio-border-color': 'var(--
|
|
118
|
-
'--radio-dot-color':
|
|
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':
|
|
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':
|
|
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':
|
|
130
|
-
'--radio-border-color':
|
|
131
|
-
'--radio-dot-color':
|
|
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
|
|
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:
|
|
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
|
-
|
|
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)(
|
|
202
|
-
|
|
203
|
-
|
|
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;
|