@atlaskit/icon 21.12.6 → 21.12.8
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 +55 -43
- package/dist/cjs/components/icon.js +8 -10
- package/dist/cjs/components/skeleton.js +1 -2
- package/dist/cjs/components/styles.js +4 -7
- package/dist/cjs/components/svg.js +1 -2
- package/dist/cjs/components/utils.js +2 -3
- package/dist/cjs/constants.js +4 -7
- package/dist/cjs/metadata.js +1 -2
- package/dist/es2019/components/icon.js +4 -4
- package/dist/esm/components/icon.js +6 -6
- package/package.json +24 -21
- package/tmp/api-report-tmp.d.ts +86 -0
- package/utils/logo-icons.tsx +83 -83
- package/dist/cjs/version.json +0 -5
- package/dist/es2019/version.json +0 -5
- package/dist/esm/version.json +0 -5
package/CHANGELOG.md
CHANGED
|
@@ -1,46 +1,58 @@
|
|
|
1
1
|
# @atlaskit/icon
|
|
2
2
|
|
|
3
|
+
## 21.12.8
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#42106](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/42106) [`f4b2c484864`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f4b2c484864) - Improve typing and prop naming in icon explorer utility.
|
|
8
|
+
|
|
9
|
+
## 21.12.7
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- [#38199](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/38199) [`8a5ce2c105e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8a5ce2c105e) - This package is now onboarded onto the product push model.Th
|
|
14
|
+
|
|
3
15
|
## 21.12.6
|
|
4
16
|
|
|
5
17
|
### Patch Changes
|
|
6
18
|
|
|
7
|
-
- [`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.
|
|
19
|
+
- [#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.
|
|
8
20
|
|
|
9
21
|
## 21.12.5
|
|
10
22
|
|
|
11
23
|
### Patch Changes
|
|
12
24
|
|
|
13
|
-
- [`599bfe90ee3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/599bfe90ee3) - Internal change to use shape tokens. There is no expected visual change.
|
|
25
|
+
- [#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.
|
|
14
26
|
|
|
15
27
|
## 21.12.4
|
|
16
28
|
|
|
17
29
|
### Patch Changes
|
|
18
30
|
|
|
19
|
-
- [`e7ea6832ad2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e7ea6832ad2) - Bans the use of React.FC/React.FunctionComponent type in ADS components as part of the React 18 migration work. The change is internal only and should not introduce any changes for the component consumers.
|
|
31
|
+
- [#33652](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33652) [`e7ea6832ad2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e7ea6832ad2) - Bans the use of React.FC/React.FunctionComponent type in ADS components as part of the React 18 migration work. The change is internal only and should not introduce any changes for the component consumers.
|
|
20
32
|
|
|
21
33
|
## 21.12.3
|
|
22
34
|
|
|
23
35
|
### Patch Changes
|
|
24
36
|
|
|
25
|
-
- [`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.
|
|
37
|
+
- [#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.
|
|
26
38
|
|
|
27
39
|
## 21.12.2
|
|
28
40
|
|
|
29
41
|
### Patch Changes
|
|
30
42
|
|
|
31
|
-
- [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure legacy types are published for TS 4.5-4.8
|
|
43
|
+
- [#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
|
|
32
44
|
|
|
33
45
|
## 21.12.1
|
|
34
46
|
|
|
35
47
|
### Patch Changes
|
|
36
48
|
|
|
37
|
-
- [`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) - Upgrade Typescript from `4.5.5` to `4.9.5`
|
|
49
|
+
- [#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`
|
|
38
50
|
|
|
39
51
|
## 21.12.0
|
|
40
52
|
|
|
41
53
|
### Minor Changes
|
|
42
54
|
|
|
43
|
-
- [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip minor dependency bump
|
|
55
|
+
- [#33258](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33258) [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip minor dependency bump
|
|
44
56
|
|
|
45
57
|
### Patch Changes
|
|
46
58
|
|
|
@@ -74,20 +86,20 @@
|
|
|
74
86
|
|
|
75
87
|
### Patch Changes
|
|
76
88
|
|
|
77
|
-
- [`88a34a8c2dd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/88a34a8c2dd) - Remove redundant `role=presentation` on wrapping @atlaskit/icon and @atlaskit/logo spans.
|
|
89
|
+
- [#25860](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/25860) [`88a34a8c2dd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/88a34a8c2dd) - Remove redundant `role=presentation` on wrapping @atlaskit/icon and @atlaskit/logo spans.
|
|
78
90
|
- [`15d704e3090`](https://bitbucket.org/atlassian/atlassian-frontend/commits/15d704e3090) - For an SVG icon, do not render a `aria-label` when empty.
|
|
79
91
|
|
|
80
92
|
## 21.11.0
|
|
81
93
|
|
|
82
94
|
### Minor Changes
|
|
83
95
|
|
|
84
|
-
- [`a3973745679`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a3973745679) - Updates `@emotion/core` to `@emotion/react`; v10 to v11. There is no expected behavior change.
|
|
96
|
+
- [#24710](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24710) [`a3973745679`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a3973745679) - Updates `@emotion/core` to `@emotion/react`; v10 to v11. There is no expected behavior change.
|
|
85
97
|
|
|
86
98
|
## 21.10.8
|
|
87
99
|
|
|
88
100
|
### Patch Changes
|
|
89
101
|
|
|
90
|
-
- [`8cc2f888c83`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8cc2f888c83) - Upgrade Typescript from `4.3.5` to `4.5.5`
|
|
102
|
+
- [#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`
|
|
91
103
|
|
|
92
104
|
## 21.10.7
|
|
93
105
|
|
|
@@ -117,7 +129,7 @@
|
|
|
117
129
|
|
|
118
130
|
### Patch Changes
|
|
119
131
|
|
|
120
|
-
- [`58884c2f6c1`](https://bitbucket.org/atlassian/atlassian-frontend/commits/58884c2f6c1) - Internal code change turning on a new linting rule.
|
|
132
|
+
- [#16752](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/16752) [`58884c2f6c1`](https://bitbucket.org/atlassian/atlassian-frontend/commits/58884c2f6c1) - Internal code change turning on a new linting rule.
|
|
121
133
|
|
|
122
134
|
## 21.10.2
|
|
123
135
|
|
|
@@ -136,7 +148,7 @@
|
|
|
136
148
|
|
|
137
149
|
### Minor Changes
|
|
138
150
|
|
|
139
|
-
- [`1c835620aa5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1c835620aa5) - **Note**: It is a re-release of the wrongly `patched` version `21.9.2` that should have been a `minor` release.
|
|
151
|
+
- [#17576](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/17576) [`1c835620aa5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1c835620aa5) - **Note**: It is a re-release of the wrongly `patched` version `21.9.2` that should have been a `minor` release.
|
|
140
152
|
|
|
141
153
|
CETI-16 added remove emoji icon so that it appears in mobilekit too
|
|
142
154
|
|
|
@@ -148,7 +160,7 @@
|
|
|
148
160
|
|
|
149
161
|
### Patch Changes
|
|
150
162
|
|
|
151
|
-
- [`c55c736ecea`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c55c736ecea) - Patch VULN AFP-3486 AFP-3487 AFP-3488 AFP-3489
|
|
163
|
+
- [#17475](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/17475) [`c55c736ecea`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c55c736ecea) - Patch VULN AFP-3486 AFP-3487 AFP-3488 AFP-3489
|
|
152
164
|
|
|
153
165
|
## 21.9.2
|
|
154
166
|
|
|
@@ -156,7 +168,7 @@
|
|
|
156
168
|
|
|
157
169
|
_WRONG RELEASE TYPE - DON'T USE_
|
|
158
170
|
|
|
159
|
-
- [`229177bb85d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/229177bb85d) - CETI-16 added remove emoji icon so that it appears in mobilekit too
|
|
171
|
+
- [#15998](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/15998) [`229177bb85d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/229177bb85d) - CETI-16 added remove emoji icon so that it appears in mobilekit too
|
|
160
172
|
|
|
161
173
|
### Patch Changes
|
|
162
174
|
|
|
@@ -173,7 +185,7 @@ _WRONG RELEASE TYPE - DON'T USE_
|
|
|
173
185
|
|
|
174
186
|
### Minor Changes
|
|
175
187
|
|
|
176
|
-
- [`cf853e39278`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cf853e39278) - [ux] add single layout support for layout
|
|
188
|
+
- [#14319](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/14319) [`cf853e39278`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cf853e39278) - [ux] add single layout support for layout
|
|
177
189
|
|
|
178
190
|
### Patch Changes
|
|
179
191
|
|
|
@@ -189,7 +201,7 @@ _WRONG RELEASE TYPE - DON'T USE_
|
|
|
189
201
|
|
|
190
202
|
### Minor Changes
|
|
191
203
|
|
|
192
|
-
- [`22b8dd3f590`](https://bitbucket.org/atlassian/atlassian-frontend/commits/22b8dd3f590) - Instrumented Icon with the new theming package, `@atlaskit/tokens`.
|
|
204
|
+
- [#13864](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/13864) [`22b8dd3f590`](https://bitbucket.org/atlassian/atlassian-frontend/commits/22b8dd3f590) - Instrumented Icon with the new theming package, `@atlaskit/tokens`.
|
|
193
205
|
|
|
194
206
|
New tokens will be visible only in applications configured to use the new Tokens API (currently in alpha). These changes are intended to be interoperable with the legacy theme implementation. Legacy dark mode users should expect no visual or breaking changes.
|
|
195
207
|
|
|
@@ -203,13 +215,13 @@ _WRONG RELEASE TYPE - DON'T USE_
|
|
|
203
215
|
|
|
204
216
|
### Patch Changes
|
|
205
217
|
|
|
206
|
-
- [`af4bca32ad4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/af4bca32ad4) - Internal changes to supress eslint rules.
|
|
218
|
+
- [#13302](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/13302) [`af4bca32ad4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/af4bca32ad4) - Internal changes to supress eslint rules.
|
|
207
219
|
|
|
208
220
|
## 21.7.3
|
|
209
221
|
|
|
210
222
|
### Patch Changes
|
|
211
223
|
|
|
212
|
-
- [`0d0ecc6e790`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0d0ecc6e790) - Corrects eslint supressions.
|
|
224
|
+
- [#12837](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/12837) [`0d0ecc6e790`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0d0ecc6e790) - Corrects eslint supressions.
|
|
213
225
|
- [`8279380176b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8279380176b) - Internal code changes.
|
|
214
226
|
- [`9a84a3ceb82`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9a84a3ceb82) - Internal code changes.
|
|
215
227
|
- Updated dependencies
|
|
@@ -218,19 +230,19 @@ _WRONG RELEASE TYPE - DON'T USE_
|
|
|
218
230
|
|
|
219
231
|
### Patch Changes
|
|
220
232
|
|
|
221
|
-
- [`0c0c4315085`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0c0c4315085) - [ux] Fixed a regression where Icons used static colors in High Contrast Mode when they should actually dynamically respond to changes to the `primaryColor` and `secondaryColor` props.
|
|
233
|
+
- [#13102](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/13102) [`0c0c4315085`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0c0c4315085) - [ux] Fixed a regression where Icons used static colors in High Contrast Mode when they should actually dynamically respond to changes to the `primaryColor` and `secondaryColor` props.
|
|
222
234
|
|
|
223
235
|
## 21.7.1
|
|
224
236
|
|
|
225
237
|
### Patch Changes
|
|
226
238
|
|
|
227
|
-
- [`378d1cef00f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/378d1cef00f) - Bump `@atlaskit/theme` to version `^11.3.0`.
|
|
239
|
+
- [#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`.
|
|
228
240
|
|
|
229
241
|
## 21.7.0
|
|
230
242
|
|
|
231
243
|
### Minor Changes
|
|
232
244
|
|
|
233
|
-
- [`662739d8c28`](https://bitbucket.org/atlassian/atlassian-frontend/commits/662739d8c28) - Icon now uses internal techstack "design-system: v1" and "styling: emotion".
|
|
245
|
+
- [#12328](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/12328) [`662739d8c28`](https://bitbucket.org/atlassian/atlassian-frontend/commits/662739d8c28) - Icon now uses internal techstack "design-system: v1" and "styling: emotion".
|
|
234
246
|
|
|
235
247
|
### Patch Changes
|
|
236
248
|
|
|
@@ -241,25 +253,25 @@ _WRONG RELEASE TYPE - DON'T USE_
|
|
|
241
253
|
|
|
242
254
|
### Patch Changes
|
|
243
255
|
|
|
244
|
-
- [`9f5d6ed95f0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9f5d6ed95f0) - Added aria-hidden to icon wrapper when there is no label provided
|
|
256
|
+
- [#11649](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/11649) [`9f5d6ed95f0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9f5d6ed95f0) - Added aria-hidden to icon wrapper when there is no label provided
|
|
245
257
|
|
|
246
258
|
## 21.6.0
|
|
247
259
|
|
|
248
260
|
### Minor Changes
|
|
249
261
|
|
|
250
|
-
- [`b9c78813d40`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b9c78813d40) - Use named export of base icon instead of default in icon glyphs
|
|
262
|
+
- [#11113](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/11113) [`b9c78813d40`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b9c78813d40) - Use named export of base icon instead of default in icon glyphs
|
|
251
263
|
|
|
252
264
|
## 21.5.1
|
|
253
265
|
|
|
254
266
|
### Patch Changes
|
|
255
267
|
|
|
256
|
-
- [`72ef8bafec9`](https://bitbucket.org/atlassian/atlassian-frontend/commits/72ef8bafec9) - Add "./glyph" entry point.
|
|
268
|
+
- [#10522](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/10522) [`72ef8bafec9`](https://bitbucket.org/atlassian/atlassian-frontend/commits/72ef8bafec9) - Add "./glyph" entry point.
|
|
257
269
|
|
|
258
270
|
## 21.5.0
|
|
259
271
|
|
|
260
272
|
### Minor Changes
|
|
261
273
|
|
|
262
|
-
- [`017587eca78`](https://bitbucket.org/atlassian/atlassian-frontend/commits/017587eca78) - Icon now exposes an additional component `SVG` which can be used to for custom icon use cases.
|
|
274
|
+
- [#9083](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/9083) [`017587eca78`](https://bitbucket.org/atlassian/atlassian-frontend/commits/017587eca78) - Icon now exposes an additional component `SVG` which can be used to for custom icon use cases.
|
|
263
275
|
- [`4203387aa43`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4203387aa43) - Internal changes to the way Icon styles are generated. Additional types have also been exposed to match the glyph component.
|
|
264
276
|
|
|
265
277
|
### Patch Changes
|
|
@@ -273,7 +285,7 @@ _WRONG RELEASE TYPE - DON'T USE_
|
|
|
273
285
|
|
|
274
286
|
### Minor Changes
|
|
275
287
|
|
|
276
|
-
- [`2f1a299688b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2f1a299688b) - The `sizeOpts` type has been renamed to `Size`, available in both the `./` and `./types` entrypoints.
|
|
288
|
+
- [#8644](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/8644) [`2f1a299688b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2f1a299688b) - The `sizeOpts` type has been renamed to `Size`, available in both the `./` and `./types` entrypoints.
|
|
277
289
|
|
|
278
290
|
### Patch Changes
|
|
279
291
|
|
|
@@ -284,7 +296,7 @@ _WRONG RELEASE TYPE - DON'T USE_
|
|
|
284
296
|
|
|
285
297
|
### Minor Changes
|
|
286
298
|
|
|
287
|
-
- [`b9265389fa0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b9265389fa0) - Icon now exposes a base icon via the `@atlaskit/icon/base` entrypoint. This is used in all generated glyphs inside the icon package.
|
|
299
|
+
- [#8178](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/8178) [`b9265389fa0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b9265389fa0) - Icon now exposes a base icon via the `@atlaskit/icon/base` entrypoint. This is used in all generated glyphs inside the icon package.
|
|
288
300
|
- [`83944ca2cf2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/83944ca2cf2) - Icon now ships with cjs, esm, and es2019 bundles for components and utils exported in the icon package. Glyphs unfortunately aren't included and still only export cjs bundles.
|
|
289
301
|
- [`6ef8824baee`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6ef8824baee) - - Icon now uses React.memo() to stop unnecessary re-renders.
|
|
290
302
|
|
|
@@ -361,19 +373,19 @@ _WRONG RELEASE TYPE - DON'T USE_
|
|
|
361
373
|
|
|
362
374
|
### Patch Changes
|
|
363
375
|
|
|
364
|
-
- [`37afe4a0fd5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/37afe4a0fd5) - [ux] Update Dropbox icon and arrow-left icon
|
|
376
|
+
- [#7762](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/7762) [`37afe4a0fd5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/37afe4a0fd5) - [ux] Update Dropbox icon and arrow-left icon
|
|
365
377
|
|
|
366
378
|
## 21.2.3
|
|
367
379
|
|
|
368
380
|
### Patch Changes
|
|
369
381
|
|
|
370
|
-
- [`b9f0d16300`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b9f0d16300) - Re-generated icons using a newer version of the build process
|
|
382
|
+
- [#7425](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/7425) [`b9f0d16300`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b9f0d16300) - Re-generated icons using a newer version of the build process
|
|
371
383
|
|
|
372
384
|
## 21.2.2
|
|
373
385
|
|
|
374
386
|
### Patch Changes
|
|
375
387
|
|
|
376
|
-
- [`c65f28c058`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c65f28c058) - Change codemod to return raw source if it is not transforming a file.
|
|
388
|
+
- [#7589](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/7589) [`c65f28c058`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c65f28c058) - Change codemod to return raw source if it is not transforming a file.
|
|
377
389
|
|
|
378
390
|
Otherwise it would run prettier which can lead to some invalid syntax outputted
|
|
379
391
|
in edge cases. This is likely due to an issue in either `codemod-cli` or `jscodeshift`.
|
|
@@ -382,7 +394,7 @@ _WRONG RELEASE TYPE - DON'T USE_
|
|
|
382
394
|
|
|
383
395
|
### Patch Changes
|
|
384
396
|
|
|
385
|
-
- [`bc896a20b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/bc896a20b0) - Add a missing codemod for the entrypoint change in 21.2.0
|
|
397
|
+
- [#7458](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/7458) [`bc896a20b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/bc896a20b0) - Add a missing codemod for the entrypoint change in 21.2.0
|
|
386
398
|
|
|
387
399
|
***
|
|
388
400
|
|
|
@@ -397,19 +409,19 @@ _WRONG RELEASE TYPE - DON'T USE_
|
|
|
397
409
|
`npx @atlaskit/codemod-cli --parser [PARSER] --extensions [FILE_EXTENSIONS] [TARGET_PATH]`
|
|
398
410
|
|
|
399
411
|
Or run `npx @atlaskit/codemod-cli -h` for more details on usage.
|
|
400
|
-
For Atlassians, refer to [this doc](https://
|
|
412
|
+
For Atlassians, refer to [this doc](https://hello.atlassian.net/wiki/spaces/AF/pages/2627171992/Codemods) for more details on the codemod CLI.
|
|
401
413
|
|
|
402
414
|
## 21.2.0
|
|
403
415
|
|
|
404
416
|
### Minor Changes
|
|
405
417
|
|
|
406
|
-
- [`fbdf356800`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fbdf356800) - Remove undocumented metadata export from main entry point. To import metadata instead do it from the /metadata entrypoint.
|
|
418
|
+
- [#7170](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/7170) [`fbdf356800`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fbdf356800) - Remove undocumented metadata export from main entry point. To import metadata instead do it from the /metadata entrypoint.
|
|
407
419
|
|
|
408
420
|
## 21.1.4
|
|
409
421
|
|
|
410
422
|
### Patch Changes
|
|
411
423
|
|
|
412
|
-
- [`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.
|
|
424
|
+
- [#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.
|
|
413
425
|
This requires version 3.8 of Typescript, read more about how we handle Typescript versions here: https://atlaskit.atlassian.com/get-started
|
|
414
426
|
Also add `typescript` to `devDependencies` to denote version that the package was built with.
|
|
415
427
|
|
|
@@ -423,25 +435,25 @@ _WRONG RELEASE TYPE - DON'T USE_
|
|
|
423
435
|
|
|
424
436
|
### Patch Changes
|
|
425
437
|
|
|
426
|
-
- [`d6ff4c7dce`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d6ff4c7dce) - Removes unused (and incorrect) es2019 key in package.json
|
|
438
|
+
- [#4649](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/4649) [`d6ff4c7dce`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d6ff4c7dce) - Removes unused (and incorrect) es2019 key in package.json
|
|
427
439
|
|
|
428
440
|
## 21.1.1
|
|
429
441
|
|
|
430
442
|
### Patch Changes
|
|
431
443
|
|
|
432
|
-
- [`f51e6ff443`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f51e6ff443) - License updated to Apache 2.0 (previously under the ADG license)
|
|
444
|
+
- [#4682](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/4682) [`f51e6ff443`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f51e6ff443) - License updated to Apache 2.0 (previously under the ADG license)
|
|
433
445
|
|
|
434
446
|
## 21.1.0
|
|
435
447
|
|
|
436
448
|
### Minor Changes
|
|
437
449
|
|
|
438
|
-
- [`2f414dd083`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2f414dd083) - The new ArchiveIcon is now available to use via `import ArchiveIcon from '@atlaskit/icon/glyph/archive';`
|
|
450
|
+
- [#4424](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/4424) [`2f414dd083`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2f414dd083) - The new ArchiveIcon is now available to use via `import ArchiveIcon from '@atlaskit/icon/glyph/archive';`
|
|
439
451
|
|
|
440
452
|
## 21.0.3
|
|
441
453
|
|
|
442
454
|
### Patch Changes
|
|
443
455
|
|
|
444
|
-
- [`6c525a8229`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6c525a8229) - Upgraded to TypeScript 3.9.6 and tslib to 2.0.0
|
|
456
|
+
- [#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
|
|
445
457
|
|
|
446
458
|
Since tslib is a dependency for all our packages we recommend that products also follow this tslib upgrade
|
|
447
459
|
to prevent duplicates of tslib being bundled.
|
|
@@ -450,19 +462,19 @@ _WRONG RELEASE TYPE - DON'T USE_
|
|
|
450
462
|
|
|
451
463
|
### Patch Changes
|
|
452
464
|
|
|
453
|
-
- [`6262f382de`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6262f382de) - Use the 'lodash' package instead of single-function 'lodash.\*' packages
|
|
465
|
+
- [#3823](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3823) [`6262f382de`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6262f382de) - Use the 'lodash' package instead of single-function 'lodash.\*' packages
|
|
454
466
|
|
|
455
467
|
## 21.0.1
|
|
456
468
|
|
|
457
469
|
### Patch Changes
|
|
458
470
|
|
|
459
|
-
- [`db053b24d8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/db053b24d8) - Update all the theme imports to be tree-shakable
|
|
471
|
+
- [#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
|
|
460
472
|
|
|
461
473
|
## 21.0.0
|
|
462
474
|
|
|
463
475
|
### Major Changes
|
|
464
476
|
|
|
465
|
-
- [`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.
|
|
477
|
+
- [#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.
|
|
466
478
|
For more information see: https://community.developer.atlassian.com/t/atlaskit-to-drop-support-for-internet-explorer-11-from-1st-july-2020/39534
|
|
467
479
|
|
|
468
480
|
### Patch Changes
|
|
@@ -473,7 +485,7 @@ _WRONG RELEASE TYPE - DON'T USE_
|
|
|
473
485
|
|
|
474
486
|
### Patch Changes
|
|
475
487
|
|
|
476
|
-
- [`eae51ceead`](https://bitbucket.org/atlassian/atlassian-frontend/commits/eae51ceead) - Add mobile icon- Updated dependencies
|
|
488
|
+
- [#1868](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/1868) [`eae51ceead`](https://bitbucket.org/atlassian/atlassian-frontend/commits/eae51ceead) - Add mobile icon- Updated dependencies
|
|
477
489
|
|
|
478
490
|
## 20.1.1
|
|
479
491
|
|
|
@@ -1001,7 +1013,7 @@ _WRONG RELEASE TYPE - DON'T USE_
|
|
|
1001
1013
|
|
|
1002
1014
|
## 14.2.0
|
|
1003
1015
|
|
|
1004
|
-
- [minor][fe3c283
|
|
1016
|
+
- [minor][fe3c283](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/fe3c283"
|
|
1005
1017
|
d):
|
|
1006
1018
|
|
|
1007
1019
|
- ED-5600: add icons for new table ux
|
|
@@ -12,8 +12,8 @@ var _react2 = require("@emotion/react");
|
|
|
12
12
|
var _components = require("@atlaskit/theme/components");
|
|
13
13
|
var _utils = require("./utils");
|
|
14
14
|
var _styles = require("./styles");
|
|
15
|
-
function ownKeys(
|
|
16
|
-
function _objectSpread(
|
|
15
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
16
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /** @jsx jsx */
|
|
17
17
|
/**
|
|
18
18
|
* We are hiding these props from consumers as they're used to
|
|
19
19
|
* hack around icon sizing specifically for icon-file-type.
|
|
@@ -23,7 +23,7 @@ var iconStyles = (0, _react2.css)({
|
|
|
23
23
|
display: 'inline-block',
|
|
24
24
|
flexShrink: 0,
|
|
25
25
|
lineHeight: 1,
|
|
26
|
-
// eslint-disable-next-line @
|
|
26
|
+
// eslint-disable-next-line @atlaskit/design-system/no-nested-styles
|
|
27
27
|
'> svg': _objectSpread(_objectSpread({}, _styles.commonSVGStyles), {}, {
|
|
28
28
|
maxWidth: '100%',
|
|
29
29
|
maxHeight: '100%',
|
|
@@ -37,7 +37,7 @@ var iconStyles = (0, _react2.css)({
|
|
|
37
37
|
*/
|
|
38
38
|
var baseHcmStyles = (0, _react2.css)({
|
|
39
39
|
'@media screen and (forced-colors: active)': {
|
|
40
|
-
// eslint-disable-next-line @
|
|
40
|
+
// eslint-disable-next-line @atlaskit/design-system/no-nested-styles
|
|
41
41
|
'> svg': {
|
|
42
42
|
filter: 'grayscale(1)',
|
|
43
43
|
'--icon-primary-color': 'CanvasText',
|
|
@@ -49,7 +49,7 @@ var baseHcmStyles = (0, _react2.css)({
|
|
|
49
49
|
|
|
50
50
|
var primaryEqualsSecondaryHcmStyles = (0, _react2.css)({
|
|
51
51
|
'@media screen and (forced-colors: active)': {
|
|
52
|
-
// eslint-disable-next-line @
|
|
52
|
+
// eslint-disable-next-line @atlaskit/design-system/no-nested-styles
|
|
53
53
|
'> svg': {
|
|
54
54
|
// if the primaryColor is the same as the secondaryColor we
|
|
55
55
|
// set the --icon-primary-color to Canvas
|
|
@@ -61,7 +61,7 @@ var primaryEqualsSecondaryHcmStyles = (0, _react2.css)({
|
|
|
61
61
|
|
|
62
62
|
var secondaryTransparentHcmStyles = (0, _react2.css)({
|
|
63
63
|
'@media screen and (forced-colors: active)': {
|
|
64
|
-
// eslint-disable-next-line @
|
|
64
|
+
// eslint-disable-next-line @atlaskit/design-system/no-nested-styles
|
|
65
65
|
'> svg': {
|
|
66
66
|
'--icon-secondary-color': 'transparent' // background
|
|
67
67
|
}
|
|
@@ -76,7 +76,7 @@ var secondaryTransparentHcmStyles = (0, _react2.css)({
|
|
|
76
76
|
* - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
|
|
77
77
|
* - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
|
|
78
78
|
*/
|
|
79
|
-
var Icon = /*#__PURE__*/(0, _react.memo)(function Icon(props) {
|
|
79
|
+
var Icon = exports.Icon = /*#__PURE__*/(0, _react.memo)(function Icon(props) {
|
|
80
80
|
var _ref = props,
|
|
81
81
|
Glyph = _ref.glyph,
|
|
82
82
|
dangerouslySetGlyph = _ref.dangerouslySetGlyph,
|
|
@@ -127,6 +127,4 @@ var Icon = /*#__PURE__*/(0, _react.memo)(function Icon(props) {
|
|
|
127
127
|
})]
|
|
128
128
|
}));
|
|
129
129
|
});
|
|
130
|
-
exports.
|
|
131
|
-
var _default = Icon;
|
|
132
|
-
exports.default = _default;
|
|
130
|
+
var _default = exports.default = Icon;
|
|
@@ -39,5 +39,4 @@ var Skeleton = /*#__PURE__*/(0, _react2.memo)(function Skeleton(_ref) {
|
|
|
39
39
|
css: [skeletonStyles, weight === 'strong' ? strongOpacityStyles : subtleOpacityStyles, _styles.sizeStyleMap[size]]
|
|
40
40
|
});
|
|
41
41
|
});
|
|
42
|
-
var _default = Skeleton;
|
|
43
|
-
exports.default = _default;
|
|
42
|
+
var _default = exports.default = Skeleton;
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.sizeStyleMap = exports.getIconSize = exports.commonSVGStyles = void 0;
|
|
7
7
|
var _constants = require("../constants");
|
|
8
8
|
var _react = require("@emotion/react");
|
|
9
|
-
var commonSVGStyles = {
|
|
9
|
+
var commonSVGStyles = exports.commonSVGStyles = {
|
|
10
10
|
overflow: 'hidden',
|
|
11
11
|
pointerEvents: 'none',
|
|
12
12
|
/**
|
|
@@ -18,14 +18,13 @@ var commonSVGStyles = {
|
|
|
18
18
|
stopColor: 'currentColor'
|
|
19
19
|
}
|
|
20
20
|
};
|
|
21
|
-
exports.commonSVGStyles = commonSVGStyles;
|
|
22
21
|
var smallStyles = (0, _react.css)(_constants.dimensions.small);
|
|
23
22
|
var mediumStyles = (0, _react.css)(_constants.dimensions.medium);
|
|
24
23
|
var largeStyles = (0, _react.css)(_constants.dimensions.large);
|
|
25
24
|
var xlargeStyles = (0, _react.css)(_constants.dimensions.xlarge);
|
|
26
25
|
|
|
27
26
|
// pre-built css style-size map
|
|
28
|
-
var sizeStyleMap = {
|
|
27
|
+
var sizeStyleMap = exports.sizeStyleMap = {
|
|
29
28
|
small: smallStyles,
|
|
30
29
|
medium: mediumStyles,
|
|
31
30
|
large: largeStyles,
|
|
@@ -40,8 +39,7 @@ var sizeStyleMap = {
|
|
|
40
39
|
* a secondary fallback which in 95% of cases is not required.
|
|
41
40
|
* It's only really being kept to maintain backward compatability.
|
|
42
41
|
*/
|
|
43
|
-
exports.
|
|
44
|
-
var getIconSize = function getIconSize(_ref) {
|
|
42
|
+
var getIconSize = exports.getIconSize = function getIconSize(_ref) {
|
|
45
43
|
var width = _ref.width,
|
|
46
44
|
height = _ref.height,
|
|
47
45
|
size = _ref.size;
|
|
@@ -55,5 +53,4 @@ var getIconSize = function getIconSize(_ref) {
|
|
|
55
53
|
return _constants.dimensions[size];
|
|
56
54
|
}
|
|
57
55
|
return undefined;
|
|
58
|
-
};
|
|
59
|
-
exports.getIconSize = getIconSize;
|
|
56
|
+
};
|
|
@@ -13,8 +13,7 @@ var themedBackground = {
|
|
|
13
13
|
* Returns the background color depending on the passed through mode.
|
|
14
14
|
* @param mode
|
|
15
15
|
*/
|
|
16
|
-
var getBackground = function getBackground() {
|
|
16
|
+
var getBackground = exports.getBackground = function getBackground() {
|
|
17
17
|
var mode = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'light';
|
|
18
18
|
return themedBackground[mode];
|
|
19
|
-
};
|
|
20
|
-
exports.getBackground = getBackground;
|
|
19
|
+
};
|
package/dist/cjs/constants.js
CHANGED
|
@@ -4,21 +4,19 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.sizes = exports.sizeMap = exports.dimensions = void 0;
|
|
7
|
-
var sizes = {
|
|
7
|
+
var sizes = exports.sizes = {
|
|
8
8
|
small: '16px',
|
|
9
9
|
medium: '24px',
|
|
10
10
|
large: '32px',
|
|
11
11
|
xlarge: '48px'
|
|
12
12
|
};
|
|
13
|
-
exports.
|
|
14
|
-
var sizeMap = {
|
|
13
|
+
var sizeMap = exports.sizeMap = {
|
|
15
14
|
small: 'small',
|
|
16
15
|
medium: 'medium',
|
|
17
16
|
large: 'large',
|
|
18
17
|
xlarge: 'xlarge'
|
|
19
18
|
};
|
|
20
|
-
exports.
|
|
21
|
-
var dimensions = {
|
|
19
|
+
var dimensions = exports.dimensions = {
|
|
22
20
|
small: {
|
|
23
21
|
width: sizes.small,
|
|
24
22
|
height: sizes.small
|
|
@@ -35,5 +33,4 @@ var dimensions = {
|
|
|
35
33
|
width: sizes.xlarge,
|
|
36
34
|
height: sizes.xlarge
|
|
37
35
|
}
|
|
38
|
-
};
|
|
39
|
-
exports.dimensions = dimensions;
|
|
36
|
+
};
|
package/dist/cjs/metadata.js
CHANGED
|
@@ -15,7 +15,7 @@ const iconStyles = css({
|
|
|
15
15
|
display: 'inline-block',
|
|
16
16
|
flexShrink: 0,
|
|
17
17
|
lineHeight: 1,
|
|
18
|
-
// eslint-disable-next-line @
|
|
18
|
+
// eslint-disable-next-line @atlaskit/design-system/no-nested-styles
|
|
19
19
|
'> svg': {
|
|
20
20
|
...commonSVGStyles,
|
|
21
21
|
maxWidth: '100%',
|
|
@@ -30,7 +30,7 @@ const iconStyles = css({
|
|
|
30
30
|
*/
|
|
31
31
|
const baseHcmStyles = css({
|
|
32
32
|
'@media screen and (forced-colors: active)': {
|
|
33
|
-
// eslint-disable-next-line @
|
|
33
|
+
// eslint-disable-next-line @atlaskit/design-system/no-nested-styles
|
|
34
34
|
'> svg': {
|
|
35
35
|
filter: 'grayscale(1)',
|
|
36
36
|
'--icon-primary-color': 'CanvasText',
|
|
@@ -42,7 +42,7 @@ const baseHcmStyles = css({
|
|
|
42
42
|
|
|
43
43
|
const primaryEqualsSecondaryHcmStyles = css({
|
|
44
44
|
'@media screen and (forced-colors: active)': {
|
|
45
|
-
// eslint-disable-next-line @
|
|
45
|
+
// eslint-disable-next-line @atlaskit/design-system/no-nested-styles
|
|
46
46
|
'> svg': {
|
|
47
47
|
// if the primaryColor is the same as the secondaryColor we
|
|
48
48
|
// set the --icon-primary-color to Canvas
|
|
@@ -54,7 +54,7 @@ const primaryEqualsSecondaryHcmStyles = css({
|
|
|
54
54
|
|
|
55
55
|
const secondaryTransparentHcmStyles = css({
|
|
56
56
|
'@media screen and (forced-colors: active)': {
|
|
57
|
-
// eslint-disable-next-line @
|
|
57
|
+
// eslint-disable-next-line @atlaskit/design-system/no-nested-styles
|
|
58
58
|
'> svg': {
|
|
59
59
|
'--icon-secondary-color': 'transparent' // background
|
|
60
60
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
3
|
-
function ownKeys(
|
|
4
|
-
function _objectSpread(
|
|
3
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
4
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
5
5
|
/** @jsx jsx */
|
|
6
6
|
import { memo } from 'react';
|
|
7
7
|
import { css, jsx } from '@emotion/react';
|
|
@@ -18,7 +18,7 @@ var iconStyles = css({
|
|
|
18
18
|
display: 'inline-block',
|
|
19
19
|
flexShrink: 0,
|
|
20
20
|
lineHeight: 1,
|
|
21
|
-
// eslint-disable-next-line @
|
|
21
|
+
// eslint-disable-next-line @atlaskit/design-system/no-nested-styles
|
|
22
22
|
'> svg': _objectSpread(_objectSpread({}, commonSVGStyles), {}, {
|
|
23
23
|
maxWidth: '100%',
|
|
24
24
|
maxHeight: '100%',
|
|
@@ -32,7 +32,7 @@ var iconStyles = css({
|
|
|
32
32
|
*/
|
|
33
33
|
var baseHcmStyles = css({
|
|
34
34
|
'@media screen and (forced-colors: active)': {
|
|
35
|
-
// eslint-disable-next-line @
|
|
35
|
+
// eslint-disable-next-line @atlaskit/design-system/no-nested-styles
|
|
36
36
|
'> svg': {
|
|
37
37
|
filter: 'grayscale(1)',
|
|
38
38
|
'--icon-primary-color': 'CanvasText',
|
|
@@ -44,7 +44,7 @@ var baseHcmStyles = css({
|
|
|
44
44
|
|
|
45
45
|
var primaryEqualsSecondaryHcmStyles = css({
|
|
46
46
|
'@media screen and (forced-colors: active)': {
|
|
47
|
-
// eslint-disable-next-line @
|
|
47
|
+
// eslint-disable-next-line @atlaskit/design-system/no-nested-styles
|
|
48
48
|
'> svg': {
|
|
49
49
|
// if the primaryColor is the same as the secondaryColor we
|
|
50
50
|
// set the --icon-primary-color to Canvas
|
|
@@ -56,7 +56,7 @@ var primaryEqualsSecondaryHcmStyles = css({
|
|
|
56
56
|
|
|
57
57
|
var secondaryTransparentHcmStyles = css({
|
|
58
58
|
'@media screen and (forced-colors: active)': {
|
|
59
|
-
// eslint-disable-next-line @
|
|
59
|
+
// eslint-disable-next-line @atlaskit/design-system/no-nested-styles
|
|
60
60
|
'> svg': {
|
|
61
61
|
'--icon-secondary-color': 'transparent' // background
|
|
62
62
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/icon",
|
|
3
|
-
"version": "21.12.
|
|
3
|
+
"version": "21.12.8",
|
|
4
4
|
"description": "An icon is a visual representation of a command, device, directory, or common action.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -12,40 +12,25 @@
|
|
|
12
12
|
"module": "dist/esm/index.js",
|
|
13
13
|
"module:es2019": "dist/es2019/index.js",
|
|
14
14
|
"types": "dist/types/index.d.ts",
|
|
15
|
-
"typesVersions": {
|
|
16
|
-
">=4.5 <4.9": {
|
|
17
|
-
"*": [
|
|
18
|
-
"dist/types-ts4.5/*",
|
|
19
|
-
"dist/types-ts4.5/index.d.ts"
|
|
20
|
-
]
|
|
21
|
-
}
|
|
22
|
-
},
|
|
23
15
|
"sideEffects": false,
|
|
24
16
|
"atlaskit:src": "src/index.tsx",
|
|
25
|
-
"homepage": "https://atlassian.design/components/icon/",
|
|
26
17
|
"atlassian": {
|
|
27
18
|
"team": "Design System Team",
|
|
19
|
+
"productPushConsumption": [
|
|
20
|
+
"jira"
|
|
21
|
+
],
|
|
28
22
|
"releaseModel": "continuous",
|
|
29
23
|
"website": {
|
|
30
24
|
"name": "Icon",
|
|
31
25
|
"category": "Components"
|
|
32
26
|
}
|
|
33
27
|
},
|
|
34
|
-
"af:exports": {
|
|
35
|
-
"./base": "./src/entry-points/base.tsx",
|
|
36
|
-
"./constants": "./src/entry-points/constants.tsx",
|
|
37
|
-
"./metadata": "./src/entry-points/metadata.tsx",
|
|
38
|
-
"./svg": "./src/entry-points/svg.tsx",
|
|
39
|
-
"./types": "./src/entry-points/types.tsx",
|
|
40
|
-
"./glyph": "./glyph",
|
|
41
|
-
".": "./src/index.tsx"
|
|
42
|
-
},
|
|
43
28
|
"scripts": {
|
|
44
29
|
"build-glyphs": "ts-node --project ../../../tsconfig.node.json ./build/index.tsx"
|
|
45
30
|
},
|
|
46
31
|
"dependencies": {
|
|
47
|
-
"@atlaskit/theme": "^12.
|
|
48
|
-
"@atlaskit/tokens": "^1.
|
|
32
|
+
"@atlaskit/theme": "^12.6.0",
|
|
33
|
+
"@atlaskit/tokens": "^1.28.0",
|
|
49
34
|
"@babel/runtime": "^7.0.0",
|
|
50
35
|
"@emotion/react": "^11.7.1"
|
|
51
36
|
},
|
|
@@ -95,5 +80,23 @@
|
|
|
95
80
|
"deprecation": "no-deprecated-imports"
|
|
96
81
|
}
|
|
97
82
|
},
|
|
83
|
+
"typesVersions": {
|
|
84
|
+
">=4.5 <4.9": {
|
|
85
|
+
"*": [
|
|
86
|
+
"dist/types-ts4.5/*",
|
|
87
|
+
"dist/types-ts4.5/index.d.ts"
|
|
88
|
+
]
|
|
89
|
+
}
|
|
90
|
+
},
|
|
91
|
+
"homepage": "https://atlassian.design/components/icon/",
|
|
92
|
+
"af:exports": {
|
|
93
|
+
"./base": "./src/entry-points/base.tsx",
|
|
94
|
+
"./constants": "./src/entry-points/constants.tsx",
|
|
95
|
+
"./metadata": "./src/entry-points/metadata.tsx",
|
|
96
|
+
"./svg": "./src/entry-points/svg.tsx",
|
|
97
|
+
"./types": "./src/entry-points/types.tsx",
|
|
98
|
+
"./glyph": "./glyph",
|
|
99
|
+
".": "./src/index.tsx"
|
|
100
|
+
},
|
|
98
101
|
"prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
|
|
99
102
|
}
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
## API Report File for "@atlaskit/icon"
|
|
2
|
+
|
|
3
|
+
> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
|
|
4
|
+
|
|
5
|
+
```ts
|
|
6
|
+
|
|
7
|
+
/// <reference types="react" />
|
|
8
|
+
|
|
9
|
+
import type { ComponentType } from 'react';
|
|
10
|
+
import { NamedExoticComponent } from 'react';
|
|
11
|
+
import type { ReactNode } from 'react';
|
|
12
|
+
import type { SVGProps as SVGProps_2 } from 'react';
|
|
13
|
+
|
|
14
|
+
// @public (undocumented)
|
|
15
|
+
export interface CustomGlyphProps extends SVGProps_2<SVGSVGElement> {
|
|
16
|
+
'aria-label'?: string;
|
|
17
|
+
'data-testid'?: string;
|
|
18
|
+
className?: string;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
// @public (undocumented)
|
|
22
|
+
interface GlyphColorProps {
|
|
23
|
+
primaryColor?: string;
|
|
24
|
+
secondaryColor?: string;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
// @public (undocumented)
|
|
28
|
+
export interface GlyphProps extends OtherGlyphProps, GlyphSizeProps, GlyphColorProps {
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
// @public (undocumented)
|
|
32
|
+
interface GlyphSizeProps {
|
|
33
|
+
size?: Size;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
// @public
|
|
37
|
+
const Icon: NamedExoticComponent<IconProps>;
|
|
38
|
+
export default Icon;
|
|
39
|
+
|
|
40
|
+
// @public (undocumented)
|
|
41
|
+
export interface IconProps extends GlyphProps {
|
|
42
|
+
// @deprecated (undocumented)
|
|
43
|
+
dangerouslySetGlyph?: string;
|
|
44
|
+
glyph?: ComponentType<CustomGlyphProps>;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
// @public (undocumented)
|
|
48
|
+
interface OtherGlyphProps {
|
|
49
|
+
label: string;
|
|
50
|
+
testId?: string;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
// @public (undocumented)
|
|
54
|
+
export type Size = 'large' | 'medium' | 'small' | 'xlarge';
|
|
55
|
+
|
|
56
|
+
// @public (undocumented)
|
|
57
|
+
export const size: Record<Size, Size>;
|
|
58
|
+
|
|
59
|
+
// @public (undocumented)
|
|
60
|
+
export const sizes: Record<Size, string>;
|
|
61
|
+
|
|
62
|
+
// @public
|
|
63
|
+
export const Skeleton: NamedExoticComponent<SkeletonProps>;
|
|
64
|
+
|
|
65
|
+
// @public (undocumented)
|
|
66
|
+
export interface SkeletonProps {
|
|
67
|
+
// (undocumented)
|
|
68
|
+
color?: string;
|
|
69
|
+
// (undocumented)
|
|
70
|
+
size?: Size;
|
|
71
|
+
testId?: string;
|
|
72
|
+
// (undocumented)
|
|
73
|
+
weight?: 'normal' | 'strong';
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
// @public
|
|
77
|
+
export const SVG: NamedExoticComponent<SVGProps>;
|
|
78
|
+
|
|
79
|
+
// @public (undocumented)
|
|
80
|
+
export interface SVGProps extends GlyphProps {
|
|
81
|
+
children?: ReactNode;
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
// (No @packageDocumentation comment for this package)
|
|
85
|
+
|
|
86
|
+
```
|
package/utils/logo-icons.tsx
CHANGED
|
@@ -3,87 +3,87 @@ Unlike its sister icon info files, this one is manually curated
|
|
|
3
3
|
*/
|
|
4
4
|
|
|
5
5
|
import {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
6
|
+
AtlassianIcon,
|
|
7
|
+
BitbucketIcon,
|
|
8
|
+
ConfluenceIcon,
|
|
9
|
+
HipchatIcon,
|
|
10
|
+
JiraCoreIcon,
|
|
11
|
+
JiraServiceDeskIcon,
|
|
12
|
+
JiraSoftwareIcon,
|
|
13
|
+
JiraIcon,
|
|
14
|
+
StatuspageIcon,
|
|
15
|
+
StrideIcon,
|
|
16
|
+
} from '@atlaskit/logo';
|
|
17
17
|
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
18
|
+
export default {
|
|
19
|
+
AtlassianIcon: {
|
|
20
|
+
componentName: 'AtlassianIcon',
|
|
21
|
+
isNamedImport: true,
|
|
22
|
+
component: AtlassianIcon,
|
|
23
|
+
keywords: ['product', 'logo', 'atlassian'],
|
|
24
|
+
package: '@atlaskit/logo',
|
|
25
|
+
},
|
|
26
|
+
BitbucketIcon: {
|
|
27
|
+
componentName: 'BitbucketIcon',
|
|
28
|
+
isNamedImport: true,
|
|
29
|
+
component: BitbucketIcon,
|
|
30
|
+
keywords: ['product', 'logo', 'bitbucket'],
|
|
31
|
+
package: '@atlaskit/logo',
|
|
32
|
+
},
|
|
33
|
+
ConfluenceIcon: {
|
|
34
|
+
componentName: 'ConfluenceIcon',
|
|
35
|
+
isNamedImport: true,
|
|
36
|
+
component: ConfluenceIcon,
|
|
37
|
+
keywords: ['product', 'logo', 'confluence'],
|
|
38
|
+
package: '@atlaskit/logo',
|
|
39
|
+
},
|
|
40
|
+
HipchatIcon: {
|
|
41
|
+
componentName: 'HipchatIcon',
|
|
42
|
+
isNamedImport: true,
|
|
43
|
+
component: HipchatIcon,
|
|
44
|
+
keywords: ['product', 'logo', 'hipchat'],
|
|
45
|
+
package: '@atlaskit/logo',
|
|
46
|
+
},
|
|
47
|
+
JiraCoreIcon: {
|
|
48
|
+
componentName: 'JiraCoreIcon',
|
|
49
|
+
isNamedImport: true,
|
|
50
|
+
component: JiraCoreIcon,
|
|
51
|
+
keywords: ['product', 'logo', 'jira', 'core'],
|
|
52
|
+
package: '@atlaskit/logo',
|
|
53
|
+
},
|
|
54
|
+
JiraServiceDeskIcon: {
|
|
55
|
+
componentName: 'JiraServiceDeskIcon',
|
|
56
|
+
isNamedImport: true,
|
|
57
|
+
component: JiraServiceDeskIcon,
|
|
58
|
+
keywords: ['product', 'logo', 'jira', 'servicedesk'],
|
|
59
|
+
package: '@atlaskit/logo',
|
|
60
|
+
},
|
|
61
|
+
JiraSoftwareIcon: {
|
|
62
|
+
componentName: 'JiraSoftwareIcon',
|
|
63
|
+
isNamedImport: true,
|
|
64
|
+
component: JiraSoftwareIcon,
|
|
65
|
+
keywords: ['product', 'logo', 'jira', 'software'],
|
|
66
|
+
package: '@atlaskit/logo',
|
|
67
|
+
},
|
|
68
|
+
JiraIcon: {
|
|
69
|
+
componentName: 'JiraIcon',
|
|
70
|
+
isNamedImport: true,
|
|
71
|
+
component: JiraIcon,
|
|
72
|
+
keywords: ['product', 'logo', 'jira'],
|
|
73
|
+
package: '@atlaskit/logo',
|
|
74
|
+
},
|
|
75
|
+
StatuspageIcon: {
|
|
76
|
+
componentName: 'StatuspageIcon',
|
|
77
|
+
isNamedImport: true,
|
|
78
|
+
component: StatuspageIcon,
|
|
79
|
+
keywords: ['product', 'logo', 'statuspage'],
|
|
80
|
+
package: '@atlaskit/logo',
|
|
81
|
+
},
|
|
82
|
+
StrideIcon: {
|
|
83
|
+
componentName: 'StrideIcon',
|
|
84
|
+
isNamedImport: true,
|
|
85
|
+
component: StrideIcon,
|
|
86
|
+
keywords: ['product', 'logo', 'stride'],
|
|
87
|
+
package: '@atlaskit/logo',
|
|
88
|
+
},
|
|
89
|
+
};
|
package/dist/cjs/version.json
DELETED
package/dist/es2019/version.json
DELETED