@atlaskit/focus-ring 1.3.9 → 1.4.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 (9) hide show
  1. package/CHANGELOG.md +122 -35
  2. package/LICENSE.md +6 -8
  3. package/dist/cjs/focus-ring.js +19 -4
  4. package/dist/es2019/focus-ring.js +19 -4
  5. package/dist/esm/focus-ring.js +19 -4
  6. package/dist/types/focus-ring.d.ts +1 -1
  7. package/dist/types-ts4.5/focus-ring.d.ts +1 -1
  8. package/package.json +78 -78
  9. package/report.api.md +12 -11
package/CHANGELOG.md CHANGED
@@ -1,64 +1,103 @@
1
1
  # @atlaskit/focus-ring
2
2
 
3
+ ## 1.4.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [#111297](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/111297)
8
+ [`5f51c15a6d33f`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/5f51c15a6d33f) -
9
+ Adds a `:focus` style reset to prevent `:focus` styles with lower specificity from leaking
10
+ through.
11
+
12
+ ## 1.4.0
13
+
14
+ ### Minor Changes
15
+
16
+ - [#96204](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/96204)
17
+ [`a53c45efeac1`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/a53c45efeac1) -
18
+ Add support for React 18 in non-strict mode.
19
+
3
20
  ## 1.3.9
4
21
 
5
22
  ### Patch Changes
6
23
 
7
- - [#83297](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/83297) [`6b1707c169e0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/6b1707c169e0) - The internal composition of this component has changed. There is no expected change in behaviour.
24
+ - [#83297](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/83297)
25
+ [`6b1707c169e0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/6b1707c169e0) -
26
+ The internal composition of this component has changed. There is no expected change in behaviour.
8
27
 
9
28
  ## 1.3.8
10
29
 
11
30
  ### Patch Changes
12
31
 
13
- - [#83116](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/83116) [`8d4e99057fe0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8d4e99057fe0) - Upgrade Typescript from `4.9.5` to `5.4.2`
32
+ - [#83116](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/83116)
33
+ [`8d4e99057fe0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8d4e99057fe0) -
34
+ Upgrade Typescript from `4.9.5` to `5.4.2`
14
35
 
15
36
  ## 1.3.7
16
37
 
17
38
  ### Patch Changes
18
39
 
19
- - [#72130](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/72130) [`b037e5451037`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b037e5451037) - Update new button text color fallback for default theme (non-token) to match that of old button current text color
40
+ - [#72130](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/72130)
41
+ [`b037e5451037`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b037e5451037) -
42
+ Update new button text color fallback for default theme (non-token) to match that of old button
43
+ current text color
20
44
 
21
45
  ## 1.3.6
22
46
 
23
47
  ### Patch Changes
24
48
 
25
- - [#39309](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/39309) [`1e90520801a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1e90520801a) - Added this package into push model consumption.
49
+ - [#39309](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/39309)
50
+ [`1e90520801a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1e90520801a) - Added
51
+ this package into push model consumption.
26
52
 
27
53
  ## 1.3.5
28
54
 
29
55
  ### Patch Changes
30
56
 
31
- - [#38098](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/38098) [`63ee052ee1b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/63ee052ee1b) - Fix focus-ring border width token with `border.width.outline`
57
+ - [#38098](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/38098)
58
+ [`63ee052ee1b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/63ee052ee1b) - Fix
59
+ focus-ring border width token with `border.width.outline`
32
60
 
33
61
  ## 1.3.4
34
62
 
35
63
  ### Patch Changes
36
64
 
37
- - [#37186](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/37186) [`ce22a54e852`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ce22a54e852) - [ux] update focus ring outline border.focused fallback to B200 to meet contrast
65
+ - [#37186](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/37186)
66
+ [`ce22a54e852`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ce22a54e852) - [ux]
67
+ update focus ring outline border.focused fallback to B200 to meet contrast
38
68
 
39
69
  ## 1.3.3
40
70
 
41
71
  ### Patch Changes
42
72
 
43
- - [#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.
73
+ - [#32935](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/32935)
74
+ [`b1bdec7cce2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b1bdec7cce2) - Internal
75
+ change to enforce token usage for spacing properties. There is no expected visual or behaviour
76
+ change.
44
77
 
45
78
  ## 1.3.2
46
79
 
47
80
  ### Patch Changes
48
81
 
49
- - [#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
82
+ - [#33793](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33793)
83
+ [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure
84
+ legacy types are published for TS 4.5-4.8
50
85
 
51
86
  ## 1.3.1
52
87
 
53
88
  ### Patch Changes
54
89
 
55
- - [#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`
90
+ - [#33649](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33649)
91
+ [`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) - Upgrade
92
+ Typescript from `4.5.5` to `4.9.5`
56
93
 
57
94
  ## 1.3.0
58
95
 
59
96
  ### Minor Changes
60
97
 
61
- - [#33258](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33258) [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip minor dependency bump
98
+ - [#33258](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33258)
99
+ [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip
100
+ minor dependency bump
62
101
 
63
102
  ### Patch Changes
64
103
 
@@ -68,13 +107,17 @@
68
107
 
69
108
  ### Patch Changes
70
109
 
71
- - [#31299](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/31299) [`c23cf0b085d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c23cf0b085d) - Adds display name to component for React devtools debugging.
110
+ - [#31299](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/31299)
111
+ [`c23cf0b085d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c23cf0b085d) - Adds
112
+ display name to component for React devtools debugging.
72
113
 
73
114
  ## 1.2.5
74
115
 
75
116
  ### Patch Changes
76
117
 
77
- - [#30125](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/30125) [`7f5f23dcb68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7f5f23dcb68) - Introduce shape tokens to some packages.
118
+ - [#30125](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/30125)
119
+ [`7f5f23dcb68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7f5f23dcb68) -
120
+ Introduce shape tokens to some packages.
78
121
 
79
122
  ## 1.2.4
80
123
 
@@ -104,25 +147,33 @@
104
147
 
105
148
  ### Minor Changes
106
149
 
107
- - [#26244](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/26244) [`71bf011db22`](https://bitbucket.org/atlassian/atlassian-frontend/commits/71bf011db22) - Focus ring inset styles are now applied via outline - consistent with offset styles.
150
+ - [#26244](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/26244)
151
+ [`71bf011db22`](https://bitbucket.org/atlassian/atlassian-frontend/commits/71bf011db22) - Focus
152
+ ring inset styles are now applied via outline - consistent with offset styles.
108
153
 
109
154
  ## 1.1.0
110
155
 
111
156
  ### Minor Changes
112
157
 
113
- - [#24710](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24710) [`b5d79ded842`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b5d79ded842) - Updates `@emotion/core` to `@emotion/react`; v10 to v11. There is no expected behavior change.
158
+ - [#24710](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24710)
159
+ [`b5d79ded842`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b5d79ded842) - Updates
160
+ `@emotion/core` to `@emotion/react`; v10 to v11. There is no expected behavior change.
114
161
 
115
162
  ## 1.0.7
116
163
 
117
164
  ### Patch Changes
118
165
 
119
- - [#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`
166
+ - [#24874](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24874)
167
+ [`8cc2f888c83`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8cc2f888c83) - Upgrade
168
+ Typescript from `4.3.5` to `4.5.5`
120
169
 
121
170
  ## 1.0.6
122
171
 
123
172
  ### Patch Changes
124
173
 
125
- - [#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`.
174
+ - [#24492](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24492)
175
+ [`8d4228767b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8d4228767b0) - Upgrade
176
+ Typescript from `4.2.4` to `4.3.5`.
126
177
 
127
178
  ## 1.0.5
128
179
 
@@ -134,7 +185,9 @@
134
185
 
135
186
  ### Patch Changes
136
187
 
137
- - [#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
188
+ - [#20650](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/20650)
189
+ [`cb2392f6d33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb2392f6d33) - Upgrade
190
+ to TypeScript 4.2.4
138
191
 
139
192
  ## 1.0.3
140
193
 
@@ -158,18 +211,26 @@
158
211
 
159
212
  ### Major Changes
160
213
 
161
- - [#16752](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/16752) [`3e1a93c6b67`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3e1a93c6b67) - Releases FocusRing to v1.
214
+ - [#16752](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/16752)
215
+ [`3e1a93c6b67`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3e1a93c6b67) - Releases
216
+ FocusRing to v1.
162
217
 
163
218
  ### Minor Changes
164
219
 
165
- - [`63b8679585b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/63b8679585b) - Adds an additional prop `focus` to the `FocusRing` to allow the component to also be controlled. This prop is designed to be used in conjunction with a complementary hook; `useFocusRing`.
220
+ - [`63b8679585b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/63b8679585b) - Adds an
221
+ additional prop `focus` to the `FocusRing` to allow the component to also be controlled. This prop
222
+ is designed to be used in conjunction with a complementary hook; `useFocusRing`.
166
223
 
167
224
  ## 0.2.7
168
225
 
169
226
  ### Patch Changes
170
227
 
171
- - [`19d72473dfb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d72473dfb) - Updates usage of deprecated token names so they're aligned with the latest naming conventions. No UI or visual changes
172
- - [`19d72473dfb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d72473dfb) - [ux] The component has reworked its internal so that it can now better deal with issues where the background-color was obscured by the focus-ring box shadow.
228
+ - [`19d72473dfb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d72473dfb) - Updates
229
+ usage of deprecated token names so they're aligned with the latest naming conventions. No UI or
230
+ visual changes
231
+ - [`19d72473dfb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d72473dfb) - [ux] The
232
+ component has reworked its internal so that it can now better deal with issues where the
233
+ background-color was obscured by the focus-ring box shadow.
173
234
  - Updated dependencies
174
235
 
175
236
  ## 0.2.6
@@ -182,21 +243,28 @@
182
243
 
183
244
  ### Patch Changes
184
245
 
185
- - [#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.
246
+ - [#15998](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/15998)
247
+ [`f460cc7c411`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f460cc7c411) - Builds
248
+ for this package now pass through a tokens babel plugin, removing runtime invocations of the
249
+ tokens() function and improving bundle size.
186
250
  - Updated dependencies
187
251
 
188
252
  ## 0.2.4
189
253
 
190
254
  ### Patch Changes
191
255
 
192
- - [#14777](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/14777) [`6c1c909296d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6c1c909296d) - [ux] When composing elements that define class name they will now be correctly retained.
256
+ - [#14777](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/14777)
257
+ [`6c1c909296d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6c1c909296d) - [ux]
258
+ When composing elements that define class name they will now be correctly retained.
193
259
  - Updated dependencies
194
260
 
195
261
  ## 0.2.3
196
262
 
197
263
  ### Patch Changes
198
264
 
199
- - [#15632](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/15632) [`34282240102`](https://bitbucket.org/atlassian/atlassian-frontend/commits/34282240102) - Adds explicit type to button usages components.
265
+ - [#15632](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/15632)
266
+ [`34282240102`](https://bitbucket.org/atlassian/atlassian-frontend/commits/34282240102) - Adds
267
+ explicit type to button usages components.
200
268
 
201
269
  ## 0.2.2
202
270
 
@@ -214,8 +282,12 @@
214
282
 
215
283
  ### Minor Changes
216
284
 
217
- - [#13302](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/13302) [`c765dce3afb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c765dce3afb) - [ux] Focus Ring now exposes an additional prop `isInset` to support inset focus states; for example on inputs, or textfields.
218
- - [`0dac09c47b6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0dac09c47b6) - [ux] Colors are now sourced through tokens.
285
+ - [#13302](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/13302)
286
+ [`c765dce3afb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c765dce3afb) - [ux]
287
+ Focus Ring now exposes an additional prop `isInset` to support inset focus states; for example on
288
+ inputs, or textfields.
289
+ - [`0dac09c47b6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0dac09c47b6) - [ux]
290
+ Colors are now sourced through tokens.
219
291
 
220
292
  ### Patch Changes
221
293
 
@@ -225,14 +297,20 @@
225
297
 
226
298
  ### Patch Changes
227
299
 
228
- - [#13232](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/13232) [`9c9296f2959`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9c9296f2959) - Fix bug where the package was being exported from the wrong file.
300
+ - [#13232](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/13232)
301
+ [`9c9296f2959`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9c9296f2959) - Fix bug
302
+ where the package was being exported from the wrong file.
229
303
 
230
304
  ## 0.1.0
231
305
 
232
306
  ### Minor Changes
233
307
 
234
- - [#12837](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/12837) [`5ab09801cfa`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5ab09801cfa) - [ux] Updates focus-ring to use an offset box-shadow for its focus state.
235
- - [`adaa7913de0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/adaa7913de0) - Initial release for the package. A Focus Ring can be used to compose focusable elements with a simple composable API.
308
+ - [#12837](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/12837)
309
+ [`5ab09801cfa`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5ab09801cfa) - [ux]
310
+ Updates focus-ring to use an offset box-shadow for its focus state.
311
+ - [`adaa7913de0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/adaa7913de0) - Initial
312
+ release for the package. A Focus Ring can be used to compose focusable elements with a simple
313
+ composable API.
236
314
 
237
315
  ### Patch Changes
238
316
 
@@ -242,24 +320,33 @@
242
320
 
243
321
  ### Patch Changes
244
322
 
245
- - [#8306](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/8306) [`229b32842b5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/229b32842b5) - Fix .npmignore and tsconfig.json for **tests**
323
+ - [#8306](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/8306)
324
+ [`229b32842b5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/229b32842b5) - Fix
325
+ .npmignore and tsconfig.json for **tests**
246
326
 
247
327
  ## 0.0.3
248
328
 
249
329
  ### Patch Changes
250
330
 
251
- - [#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
331
+ - [#5857](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5857)
332
+ [`d3265f19be`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d3265f19be) - Transpile
333
+ packages using babel rather than tsc
252
334
 
253
335
  ## 0.0.2
254
336
 
255
337
  ### Patch Changes
256
338
 
257
- - [#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.
258
- This requires version 3.8 of Typescript, read more about how we handle Typescript versions here: https://atlaskit.atlassian.com/get-started
259
- Also add `typescript` to `devDependencies` to denote version that the package was built with.
339
+ - [#5497](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5497)
340
+ [`5f58283e1f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5f58283e1f) - Export
341
+ types using Typescript's new "export type" syntax to satisfy Typescript's --isolatedModules
342
+ compiler option. This requires version 3.8 of Typescript, read more about how we handle Typescript
343
+ versions here: https://atlaskit.atlassian.com/get-started Also add `typescript` to
344
+ `devDependencies` to denote version that the package was built with.
260
345
 
261
346
  ## 0.0.1
262
347
 
263
348
  ### Patch Changes
264
349
 
265
- - [#4967](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/4967) [`b443b5a60f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b443b5a60f) - Renamed template package
350
+ - [#4967](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/4967)
351
+ [`b443b5a60f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b443b5a60f) - Renamed
352
+ template package
package/LICENSE.md CHANGED
@@ -1,13 +1,11 @@
1
1
  Copyright 2020 Atlassian Pty Ltd
2
2
 
3
- Licensed under the Apache License, Version 2.0 (the "License");
4
- you may not use this file except in compliance with the License.
5
- You may obtain a copy of the License at
3
+ Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in
4
+ compliance with the License. You may obtain a copy of the License at
6
5
 
7
6
  http://www.apache.org/licenses/LICENSE-2.0
8
7
 
9
- Unless required by applicable law or agreed to in writing, software
10
- distributed under the License is distributed on an "AS IS" BASIS,
11
- WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12
- See the License for the specific language governing permissions and
13
- limitations under the License.
8
+ Unless required by applicable law or agreed to in writing, software distributed under the License is
9
+ distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
10
+ implied. See the License for the specific language governing permissions and limitations under the
11
+ License.
package/dist/cjs/focus-ring.js CHANGED
@@ -8,6 +8,8 @@ var _react = require("react");
8
8
  var _react2 = require("@emotion/react");
9
9
  /** @jsx jsx */
10
10
 
11
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
12
+
11
13
  var BORDER_WIDTH = 2;
12
14
  var baseFocusOutsideStyles = (0, _react2.css)({
13
15
  outline: "".concat(BORDER_WIDTH, "px solid ", "var(--ds-border-focused, #2684FF)"),
@@ -15,14 +17,21 @@ var baseFocusOutsideStyles = (0, _react2.css)({
15
17
  });
16
18
  var baseInsetStyles = (0, _react2.css)({
17
19
  outlineColor: "var(--ds-border-focused, #2684FF)",
20
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
18
21
  outlineOffset: -BORDER_WIDTH,
19
22
  outlineStyle: 'solid',
20
23
  outlineWidth: "var(--ds-border-width-outline, 2px)"
21
24
  });
22
25
  var focusRingStyles = (0, _react2.css)({
26
+ // Focus styles used when :focus-visible isn't supported
27
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
28
+ '&:focus': baseFocusOutsideStyles,
29
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
23
30
  '&:focus-visible': baseFocusOutsideStyles,
24
- '@supports not selector(*:focus-visible)': {
25
- '&:focus': baseFocusOutsideStyles
31
+ // Remove default focus styles for mouse interactions if :focus-visible is supported
32
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
33
+ '&:focus:not(:focus-visible)': {
34
+ outline: 'none'
26
35
  },
27
36
  '@media screen and (forced-colors: active), screen and (-ms-high-contrast: active)': {
28
37
  '&:focus-visible': {
@@ -31,9 +40,15 @@ var focusRingStyles = (0, _react2.css)({
31
40
  }
32
41
  });
33
42
  var insetFocusRingStyles = (0, _react2.css)({
43
+ // Focus styles used when :focus-visible isn't supported
44
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
45
+ '&:focus': baseInsetStyles,
46
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
34
47
  '&:focus-visible': baseInsetStyles,
35
- '@supports not selector(*:focus-visible)': {
36
- '&:focus': baseInsetStyles
48
+ // Remove default focus styles for mouse interactions if :focus-visible is supported
49
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
50
+ '&:focus:not(:focus-visible)': {
51
+ outline: 'none'
37
52
  },
38
53
  '@media screen and (forced-colors: active), screen and (-ms-high-contrast: active)': {
39
54
  '&:focus-visible': {
package/dist/es2019/focus-ring.js CHANGED
@@ -1,5 +1,7 @@
1
1
  /** @jsx jsx */
2
2
  import { Children, cloneElement, memo } from 'react';
3
+
4
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
3
5
  import { ClassNames, css, jsx } from '@emotion/react';
4
6
  const BORDER_WIDTH = 2;
5
7
  const baseFocusOutsideStyles = css({
@@ -8,14 +10,21 @@ const baseFocusOutsideStyles = css({
8
10
  });
9
11
  const baseInsetStyles = css({
10
12
  outlineColor: "var(--ds-border-focused, #2684FF)",
13
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
11
14
  outlineOffset: -BORDER_WIDTH,
12
15
  outlineStyle: 'solid',
13
16
  outlineWidth: "var(--ds-border-width-outline, 2px)"
14
17
  });
15
18
  const focusRingStyles = css({
19
+ // Focus styles used when :focus-visible isn't supported
20
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
21
+ '&:focus': baseFocusOutsideStyles,
22
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
16
23
  '&:focus-visible': baseFocusOutsideStyles,
17
- '@supports not selector(*:focus-visible)': {
18
- '&:focus': baseFocusOutsideStyles
24
+ // Remove default focus styles for mouse interactions if :focus-visible is supported
25
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
26
+ '&:focus:not(:focus-visible)': {
27
+ outline: 'none'
19
28
  },
20
29
  '@media screen and (forced-colors: active), screen and (-ms-high-contrast: active)': {
21
30
  '&:focus-visible': {
@@ -24,9 +33,15 @@ const focusRingStyles = css({
24
33
  }
25
34
  });
26
35
  const insetFocusRingStyles = css({
36
+ // Focus styles used when :focus-visible isn't supported
37
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
38
+ '&:focus': baseInsetStyles,
39
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
27
40
  '&:focus-visible': baseInsetStyles,
28
- '@supports not selector(*:focus-visible)': {
29
- '&:focus': baseInsetStyles
41
+ // Remove default focus styles for mouse interactions if :focus-visible is supported
42
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
43
+ '&:focus:not(:focus-visible)': {
44
+ outline: 'none'
30
45
  },
31
46
  '@media screen and (forced-colors: active), screen and (-ms-high-contrast: active)': {
32
47
  '&:focus-visible': {
package/dist/esm/focus-ring.js CHANGED
@@ -1,5 +1,7 @@
1
1
  /** @jsx jsx */
2
2
  import { Children, cloneElement, memo } from 'react';
3
+
4
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
3
5
  import { ClassNames, css, jsx } from '@emotion/react';
4
6
  var BORDER_WIDTH = 2;
5
7
  var baseFocusOutsideStyles = css({
@@ -8,14 +10,21 @@ var baseFocusOutsideStyles = css({
8
10
  });
9
11
  var baseInsetStyles = css({
10
12
  outlineColor: "var(--ds-border-focused, #2684FF)",
13
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
11
14
  outlineOffset: -BORDER_WIDTH,
12
15
  outlineStyle: 'solid',
13
16
  outlineWidth: "var(--ds-border-width-outline, 2px)"
14
17
  });
15
18
  var focusRingStyles = css({
19
+ // Focus styles used when :focus-visible isn't supported
20
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
21
+ '&:focus': baseFocusOutsideStyles,
22
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
16
23
  '&:focus-visible': baseFocusOutsideStyles,
17
- '@supports not selector(*:focus-visible)': {
18
- '&:focus': baseFocusOutsideStyles
24
+ // Remove default focus styles for mouse interactions if :focus-visible is supported
25
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
26
+ '&:focus:not(:focus-visible)': {
27
+ outline: 'none'
19
28
  },
20
29
  '@media screen and (forced-colors: active), screen and (-ms-high-contrast: active)': {
21
30
  '&:focus-visible': {
@@ -24,9 +33,15 @@ var focusRingStyles = css({
24
33
  }
25
34
  });
26
35
  var insetFocusRingStyles = css({
36
+ // Focus styles used when :focus-visible isn't supported
37
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
38
+ '&:focus': baseInsetStyles,
39
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
27
40
  '&:focus-visible': baseInsetStyles,
28
- '@supports not selector(*:focus-visible)': {
29
- '&:focus': baseInsetStyles
41
+ // Remove default focus styles for mouse interactions if :focus-visible is supported
42
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
43
+ '&:focus:not(:focus-visible)': {
44
+ outline: 'none'
30
45
  },
31
46
  '@media screen and (forced-colors: active), screen and (-ms-high-contrast: active)': {
32
47
  '&:focus-visible': {
package/dist/types/focus-ring.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /** @jsx jsx */
2
- import { FC } from 'react';
2
+ import { type FC } from 'react';
3
3
  import type { FocusRingProps } from './types';
4
4
  /**
5
5
  * __Focus ring__
package/dist/types-ts4.5/focus-ring.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /** @jsx jsx */
2
- import { FC } from 'react';
2
+ import { type FC } from 'react';
3
3
  import type { FocusRingProps } from './types';
4
4
  /**
5
5
  * __Focus ring__
package/package.json CHANGED
@@ -1,79 +1,79 @@
1
1
  {
2
- "name": "@atlaskit/focus-ring",
3
- "version": "1.3.9",
4
- "description": "A focus ring is used to indicate the currently focused item.",
5
- "author": "Atlassian Pty Ltd",
6
- "license": "Apache-2.0",
7
- "publishConfig": {
8
- "registry": "https://registry.npmjs.org/"
9
- },
10
- "atlassian": {
11
- "team": "Design System Team",
12
- "releaseModel": "continuous",
13
- "productPushConsumption": [
14
- "jira"
15
- ],
16
- "website": {
17
- "name": "Focus ring",
18
- "category": "Components"
19
- }
20
- },
21
- "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
22
- "main": "dist/cjs/index.js",
23
- "module": "dist/esm/index.js",
24
- "module:es2019": "dist/es2019/index.js",
25
- "types": "dist/types/index.d.ts",
26
- "typesVersions": {
27
- ">=4.5 <4.9": {
28
- "*": [
29
- "dist/types-ts4.5/*",
30
- "dist/types-ts4.5/index.d.ts"
31
- ]
32
- }
33
- },
34
- "sideEffects": false,
35
- "atlaskit:src": "src/index.tsx",
36
- "af:exports": {
37
- ".": "./src/index.tsx"
38
- },
39
- "dependencies": {
40
- "@atlaskit/tokens": "^1.42.0",
41
- "@babel/runtime": "^7.0.0",
42
- "@emotion/react": "^11.7.1"
43
- },
44
- "peerDependencies": {
45
- "react": "^16.8.0"
46
- },
47
- "devDependencies": {
48
- "@af/accessibility-testing": "*",
49
- "@af/visual-regression": "*",
50
- "@atlassian/atlassian-frontend-prettier-config-1.0.0": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.0",
51
- "@testing-library/react": "^12.1.5",
52
- "react-dom": "^16.8.0",
53
- "typescript": "~5.4.2",
54
- "wait-for-expect": "^1.2.0"
55
- },
56
- "techstack": {
57
- "@atlassian/frontend": {
58
- "import-structure": "atlassian-conventions",
59
- "circular-dependencies": "file-and-folder-level"
60
- },
61
- "@repo/internal": {
62
- "dom-events": "use-bind-event-listener",
63
- "design-system": "v1",
64
- "styling": [
65
- "static",
66
- "emotion"
67
- ],
68
- "ui-components": "lite-mode",
69
- "analytics": "analytics-next",
70
- "design-tokens": [
71
- "color",
72
- "spacing"
73
- ],
74
- "deprecation": "no-deprecated-imports"
75
- }
76
- },
77
- "homepage": "https://atlaskit.atlassian.com/packages/design-system/focus-ring",
78
- "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.0"
79
- }
2
+ "name": "@atlaskit/focus-ring",
3
+ "version": "1.4.1",
4
+ "description": "A focus ring is used to indicate the currently focused item.",
5
+ "author": "Atlassian Pty Ltd",
6
+ "license": "Apache-2.0",
7
+ "publishConfig": {
8
+ "registry": "https://registry.npmjs.org/"
9
+ },
10
+ "atlassian": {
11
+ "team": "Design System Team",
12
+ "releaseModel": "continuous",
13
+ "productPushConsumption": [
14
+ "jira"
15
+ ],
16
+ "website": {
17
+ "name": "Focus ring",
18
+ "category": "Components"
19
+ },
20
+ "runReact18": true
21
+ },
22
+ "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
23
+ "main": "dist/cjs/index.js",
24
+ "module": "dist/esm/index.js",
25
+ "module:es2019": "dist/es2019/index.js",
26
+ "types": "dist/types/index.d.ts",
27
+ "typesVersions": {
28
+ ">=4.5 <4.9": {
29
+ "*": [
30
+ "dist/types-ts4.5/*",
31
+ "dist/types-ts4.5/index.d.ts"
32
+ ]
33
+ }
34
+ },
35
+ "sideEffects": false,
36
+ "atlaskit:src": "src/index.tsx",
37
+ "af:exports": {
38
+ ".": "./src/index.tsx"
39
+ },
40
+ "dependencies": {
41
+ "@atlaskit/tokens": "^1.50.0",
42
+ "@babel/runtime": "^7.0.0",
43
+ "@emotion/react": "^11.7.1"
44
+ },
45
+ "peerDependencies": {
46
+ "react": "^16.8.0 || ^17.0.0 || ~18.2.0"
47
+ },
48
+ "devDependencies": {
49
+ "@af/accessibility-testing": "*",
50
+ "@af/visual-regression": "*",
51
+ "@atlaskit/textfield": "^6.3.0",
52
+ "@testing-library/react": "^12.1.5",
53
+ "react-dom": "^16.8.0",
54
+ "typescript": "~5.4.2",
55
+ "wait-for-expect": "^1.2.0"
56
+ },
57
+ "techstack": {
58
+ "@atlassian/frontend": {
59
+ "import-structure": "atlassian-conventions",
60
+ "circular-dependencies": "file-and-folder-level"
61
+ },
62
+ "@repo/internal": {
63
+ "dom-events": "use-bind-event-listener",
64
+ "design-system": "v1",
65
+ "styling": [
66
+ "static",
67
+ "emotion"
68
+ ],
69
+ "ui-components": "lite-mode",
70
+ "analytics": "analytics-next",
71
+ "design-tokens": [
72
+ "color",
73
+ "spacing"
74
+ ],
75
+ "deprecation": "no-deprecated-imports"
76
+ }
77
+ },
78
+ "homepage": "https://atlaskit.atlassian.com/packages/design-system/focus-ring"
79
+ }
package/report.api.md CHANGED
@@ -2,7 +2,8 @@
2
2
 
3
3
  ## API Report File for "@atlaskit/focus-ring"
4
4
 
5
- > Do not edit this file. This report is auto-generated using [API Extractor](https://api-extractor.com/).
5
+ > Do not edit this file. This report is auto-generated using
6
+ > [API Extractor](https://api-extractor.com/).
6
7
  > [Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
7
8
 
8
9
  ### Table of contents
@@ -21,10 +22,10 @@ import type { ReactElement } from 'react';
21
22
 
22
23
  // @public (undocumented)
23
24
  export interface FocusEventHandlers {
24
- // (undocumented)
25
- onBlur: FocusEventHandler;
26
- // (undocumented)
27
- onFocus: FocusEventHandler;
25
+ // (undocumented)
26
+ onBlur: FocusEventHandler;
27
+ // (undocumented)
28
+ onFocus: FocusEventHandler;
28
29
  }
29
30
 
30
31
  // @public
@@ -33,9 +34,9 @@ export default FocusRing;
33
34
 
34
35
  // @public (undocumented)
35
36
  export interface FocusRingProps {
36
- children: ReactElement;
37
- focus?: FocusState;
38
- isInset?: boolean;
37
+ children: ReactElement;
38
+ focus?: FocusState;
39
+ isInset?: boolean;
39
40
  }
40
41
 
41
42
  // @public (undocumented)
@@ -43,8 +44,8 @@ export type FocusState = 'off' | 'on';
43
44
 
44
45
  // @public
45
46
  export const useFocusRing: (initialState?: FocusState) => {
46
- readonly focusState: 'off' | 'on';
47
- readonly focusProps: FocusEventHandlers;
47
+ readonly focusState: 'off' | 'on';
48
+ readonly focusProps: FocusEventHandlers;
48
49
  };
49
50
 
50
51
  // (No @packageDocumentation comment for this package)
@@ -58,7 +59,7 @@ export const useFocusRing: (initialState?: FocusState) => {
58
59
 
59
60
  ```json
60
61
  {
61
- "react": "^16.8.0"
62
+ "react": "^16.8.0"
62
63
  }
63
64
  ```
64
65