@atlaskit/radio 5.6.9 → 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 +53 -41
- package/dist/cjs/radio-group.js +1 -1
- package/dist/cjs/radio.js +30 -49
- package/dist/es2019/radio-group.js +1 -1
- package/dist/es2019/radio.js +30 -45
- package/dist/esm/radio-group.js +1 -1
- package/dist/esm/radio.js +31 -49
- package/dist/types/radio-group.d.ts +9 -9
- package/dist/types/radio.d.ts +1 -1
- package/dist/types/types.d.ts +20 -20
- package/dist/types-ts4.5/radio-group.d.ts +9 -9
- package/dist/types-ts4.5/radio.d.ts +1 -1
- package/dist/types-ts4.5/types.d.ts +20 -20
- package/package.json +3 -3
- package/report.api.md +1 -0
- package/tmp/api-report-tmp.d.ts +1 -1
- 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,82 +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
|
+
|
|
9
|
+
## 5.6.10
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
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.
|
|
14
|
+
|
|
3
15
|
## 5.6.9
|
|
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
|
## 5.6.8
|
|
10
22
|
|
|
11
23
|
### Patch Changes
|
|
12
24
|
|
|
13
|
-
- [`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
|
|
14
26
|
|
|
15
27
|
## 5.6.7
|
|
16
28
|
|
|
17
29
|
### Patch Changes
|
|
18
30
|
|
|
19
|
-
- [`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.
|
|
20
32
|
|
|
21
33
|
## 5.6.6
|
|
22
34
|
|
|
23
35
|
### Patch Changes
|
|
24
36
|
|
|
25
|
-
- [`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
|
|
26
38
|
|
|
27
39
|
## 5.6.5
|
|
28
40
|
|
|
29
41
|
### Patch Changes
|
|
30
42
|
|
|
31
|
-
- [`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.
|
|
32
44
|
|
|
33
45
|
## 5.6.4
|
|
34
46
|
|
|
35
47
|
### Patch Changes
|
|
36
48
|
|
|
37
|
-
- [`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
|
|
38
50
|
|
|
39
51
|
## 5.6.3
|
|
40
52
|
|
|
41
53
|
### Patch Changes
|
|
42
54
|
|
|
43
|
-
- [`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.
|
|
44
56
|
|
|
45
57
|
## 5.6.2
|
|
46
58
|
|
|
47
59
|
### Patch Changes
|
|
48
60
|
|
|
49
|
-
- [`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.
|
|
50
62
|
|
|
51
63
|
## 5.6.1
|
|
52
64
|
|
|
53
65
|
### Patch Changes
|
|
54
66
|
|
|
55
|
-
- [`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.
|
|
56
68
|
|
|
57
69
|
## 5.6.0
|
|
58
70
|
|
|
59
71
|
### Minor Changes
|
|
60
72
|
|
|
61
|
-
- [`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
|
|
62
74
|
|
|
63
75
|
## 5.5.2
|
|
64
76
|
|
|
65
77
|
### Patch Changes
|
|
66
78
|
|
|
67
|
-
- [`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
|
|
68
80
|
|
|
69
81
|
## 5.5.1
|
|
70
82
|
|
|
71
83
|
### Patch Changes
|
|
72
84
|
|
|
73
|
-
- [`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`
|
|
74
86
|
|
|
75
87
|
## 5.5.0
|
|
76
88
|
|
|
77
89
|
### Minor Changes
|
|
78
90
|
|
|
79
|
-
- [`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
|
|
80
92
|
|
|
81
93
|
### Patch Changes
|
|
82
94
|
|
|
@@ -98,13 +110,13 @@
|
|
|
98
110
|
|
|
99
111
|
### Patch Changes
|
|
100
112
|
|
|
101
|
-
- [`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.
|
|
102
114
|
|
|
103
115
|
## 5.4.6
|
|
104
116
|
|
|
105
117
|
### Patch Changes
|
|
106
118
|
|
|
107
|
-
- [`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
|
|
108
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
|
|
109
121
|
|
|
110
122
|
## 5.4.5
|
|
@@ -129,19 +141,19 @@
|
|
|
129
141
|
|
|
130
142
|
### Patch Changes
|
|
131
143
|
|
|
132
|
-
- [`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.
|
|
133
145
|
|
|
134
146
|
## 5.4.1
|
|
135
147
|
|
|
136
148
|
### Patch Changes
|
|
137
149
|
|
|
138
|
-
- [`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`
|
|
139
151
|
|
|
140
152
|
## 5.4.0
|
|
141
153
|
|
|
142
154
|
### Minor Changes
|
|
143
155
|
|
|
144
|
-
- [`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.
|
|
145
157
|
|
|
146
158
|
### Patch Changes
|
|
147
159
|
|
|
@@ -151,13 +163,13 @@
|
|
|
151
163
|
|
|
152
164
|
### Patch Changes
|
|
153
165
|
|
|
154
|
-
- [`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`.
|
|
155
167
|
|
|
156
168
|
## 5.3.12
|
|
157
169
|
|
|
158
170
|
### Patch Changes
|
|
159
171
|
|
|
160
|
-
- [`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.
|
|
161
173
|
- [`fe575d49d66`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fe575d49d66) - Updated styles to use new input design tokens
|
|
162
174
|
- Updated dependencies
|
|
163
175
|
|
|
@@ -171,7 +183,7 @@
|
|
|
171
183
|
|
|
172
184
|
### Patch Changes
|
|
173
185
|
|
|
174
|
-
- [`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
|
|
175
187
|
|
|
176
188
|
## 5.3.9
|
|
177
189
|
|
|
@@ -195,7 +207,7 @@
|
|
|
195
207
|
|
|
196
208
|
### Patch Changes
|
|
197
209
|
|
|
198
|
-
- [`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.
|
|
199
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.
|
|
200
212
|
- Updated dependencies
|
|
201
213
|
|
|
@@ -209,7 +221,7 @@
|
|
|
209
221
|
|
|
210
222
|
### Patch Changes
|
|
211
223
|
|
|
212
|
-
- [`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.
|
|
213
225
|
- Updated dependencies
|
|
214
226
|
|
|
215
227
|
## 5.3.3
|
|
@@ -234,7 +246,7 @@
|
|
|
234
246
|
|
|
235
247
|
### Minor Changes
|
|
236
248
|
|
|
237
|
-
- [`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`.
|
|
238
250
|
|
|
239
251
|
New tokens will be visible only in applications configured to use the new Tokens API (currently in alpha).
|
|
240
252
|
These changes are intended to be interoperable with the legacy theme implementation. Legacy dark mode users should expect no visual or breaking changes.
|
|
@@ -249,43 +261,43 @@
|
|
|
249
261
|
|
|
250
262
|
### Patch Changes
|
|
251
263
|
|
|
252
|
-
- [`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`.
|
|
253
265
|
|
|
254
266
|
## 5.2.0
|
|
255
267
|
|
|
256
268
|
### Minor Changes
|
|
257
269
|
|
|
258
|
-
- [`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
|
|
259
271
|
|
|
260
272
|
## 5.1.1
|
|
261
273
|
|
|
262
274
|
### Patch Changes
|
|
263
275
|
|
|
264
|
-
- [`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`
|
|
265
277
|
|
|
266
278
|
## 5.1.0
|
|
267
279
|
|
|
268
280
|
### Minor Changes
|
|
269
281
|
|
|
270
|
-
- [`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
|
|
271
283
|
|
|
272
284
|
## 5.0.4
|
|
273
285
|
|
|
274
286
|
### Patch Changes
|
|
275
287
|
|
|
276
|
-
- [`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.
|
|
277
289
|
|
|
278
290
|
## 5.0.3
|
|
279
291
|
|
|
280
292
|
### Patch Changes
|
|
281
293
|
|
|
282
|
-
- [`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
|
|
283
295
|
|
|
284
296
|
## 5.0.2
|
|
285
297
|
|
|
286
298
|
### Patch Changes
|
|
287
299
|
|
|
288
|
-
- [`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.
|
|
289
301
|
This requires version 3.8 of Typescript, read more about how we handle Typescript versions here: https://atlaskit.atlassian.com/get-started
|
|
290
302
|
Also add `typescript` to `devDependencies` to denote version that the package was built with.
|
|
291
303
|
|
|
@@ -299,7 +311,7 @@
|
|
|
299
311
|
|
|
300
312
|
### Major Changes
|
|
301
313
|
|
|
302
|
-
- [`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 😍
|
|
303
315
|
|
|
304
316
|
### Changes
|
|
305
317
|
|
|
@@ -324,13 +336,13 @@
|
|
|
324
336
|
|
|
325
337
|
### Patch Changes
|
|
326
338
|
|
|
327
|
-
- [`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
|
|
328
340
|
|
|
329
341
|
## 4.0.5
|
|
330
342
|
|
|
331
343
|
### Patch Changes
|
|
332
344
|
|
|
333
|
-
- [`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
|
|
334
346
|
|
|
335
347
|
Since tslib is a dependency for all our packages we recommend that products also follow this tslib upgrade
|
|
336
348
|
to prevent duplicates of tslib being bundled.
|
|
@@ -339,31 +351,31 @@
|
|
|
339
351
|
|
|
340
352
|
### Patch Changes
|
|
341
353
|
|
|
342
|
-
- [`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
|
|
343
355
|
|
|
344
356
|
## 4.0.3
|
|
345
357
|
|
|
346
358
|
### Patch Changes
|
|
347
359
|
|
|
348
|
-
- [`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
|
|
349
361
|
|
|
350
362
|
## 4.0.2
|
|
351
363
|
|
|
352
364
|
### Patch Changes
|
|
353
365
|
|
|
354
|
-
- [`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.
|
|
355
367
|
|
|
356
368
|
## 4.0.1
|
|
357
369
|
|
|
358
370
|
### Patch Changes
|
|
359
371
|
|
|
360
|
-
- [`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
|
|
361
373
|
|
|
362
374
|
## 4.0.0
|
|
363
375
|
|
|
364
376
|
### Major Changes
|
|
365
377
|
|
|
366
|
-
- [`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.
|
|
367
379
|
For more information see: https://community.developer.atlassian.com/t/atlaskit-to-drop-support-for-internet-explorer-11-from-1st-july-2020/39534
|
|
368
380
|
|
|
369
381
|
### Patch Changes
|
|
@@ -374,7 +386,7 @@
|
|
|
374
386
|
|
|
375
387
|
### Patch Changes
|
|
376
388
|
|
|
377
|
-
- [`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
|
|
378
390
|
|
|
379
391
|
## 3.2.2
|
|
380
392
|
|
|
@@ -386,7 +398,7 @@
|
|
|
386
398
|
|
|
387
399
|
### Patch Changes
|
|
388
400
|
|
|
389
|
-
- [`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
|
|
390
402
|
|
|
391
403
|
## 3.2.0
|
|
392
404
|
|
package/dist/cjs/radio-group.js
CHANGED
|
@@ -51,7 +51,7 @@ function RadioGroup(props) {
|
|
|
51
51
|
if (typeof isDisabled !== 'undefined') {
|
|
52
52
|
optionProps.isDisabled = isDisabled;
|
|
53
53
|
}
|
|
54
|
-
var isChecked = value
|
|
54
|
+
var isChecked = value !== null && optionProps.value === value;
|
|
55
55
|
return /*#__PURE__*/_react.default.createElement(_radio.default, (0, _extends2.default)({}, optionProps, {
|
|
56
56
|
name: name || optionProps.name,
|
|
57
57
|
key: index,
|
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;
|
|
@@ -37,7 +37,7 @@ export default function RadioGroup(props) {
|
|
|
37
37
|
if (typeof isDisabled !== 'undefined') {
|
|
38
38
|
optionProps.isDisabled = isDisabled;
|
|
39
39
|
}
|
|
40
|
-
const isChecked = value
|
|
40
|
+
const isChecked = value !== null && optionProps.value === value;
|
|
41
41
|
return /*#__PURE__*/React.createElement(Radio, _extends({}, optionProps, {
|
|
42
42
|
name: name || optionProps.name,
|
|
43
43
|
key: index,
|