@atlaskit/icon 21.12.7 → 22.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 +56 -44
- package/dist/cjs/components/icon.js +5 -10
- package/dist/cjs/components/skeleton.js +1 -2
- package/dist/cjs/components/styles.js +4 -7
- package/dist/cjs/components/svg.js +2 -6
- package/dist/cjs/components/utils.js +3 -14
- package/dist/cjs/constants.js +4 -7
- package/dist/cjs/metadata.js +1 -3
- package/dist/es2019/components/icon.js +1 -5
- package/dist/es2019/components/svg.js +1 -5
- package/dist/es2019/components/utils.js +1 -10
- package/dist/es2019/metadata.js +0 -1
- package/dist/esm/components/icon.js +3 -6
- package/dist/esm/components/svg.js +1 -4
- package/dist/esm/components/utils.js +1 -11
- package/dist/esm/metadata.js +0 -1
- package/dist/types/components/utils.d.ts +1 -6
- package/dist/types-ts4.5/components/utils.d.ts +1 -6
- package/package.json +3 -3
- 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,52 +1,64 @@
|
|
|
1
1
|
# @atlaskit/icon
|
|
2
2
|
|
|
3
|
+
## 22.0.0
|
|
4
|
+
|
|
5
|
+
### Major Changes
|
|
6
|
+
|
|
7
|
+
- [#41812](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/41812) [`48b3b440f51`](https://bitbucket.org/atlassian/atlassian-frontend/commits/48b3b440f51) - Removed all remaining legacy theming logic from the Icon and ProgressIndicator components.
|
|
8
|
+
|
|
9
|
+
## 21.12.8
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- [#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.
|
|
14
|
+
|
|
3
15
|
## 21.12.7
|
|
4
16
|
|
|
5
17
|
### Patch Changes
|
|
6
18
|
|
|
7
|
-
- [`8a5ce2c105e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8a5ce2c105e) - This package is now onboarded onto the product push model.Th
|
|
19
|
+
- [#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
|
|
8
20
|
|
|
9
21
|
## 21.12.6
|
|
10
22
|
|
|
11
23
|
### Patch Changes
|
|
12
24
|
|
|
13
|
-
- [`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.
|
|
25
|
+
- [#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.
|
|
14
26
|
|
|
15
27
|
## 21.12.5
|
|
16
28
|
|
|
17
29
|
### Patch Changes
|
|
18
30
|
|
|
19
|
-
- [`599bfe90ee3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/599bfe90ee3) - Internal change to use shape tokens. There is no expected visual change.
|
|
31
|
+
- [#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.
|
|
20
32
|
|
|
21
33
|
## 21.12.4
|
|
22
34
|
|
|
23
35
|
### Patch Changes
|
|
24
36
|
|
|
25
|
-
- [`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.
|
|
37
|
+
- [#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.
|
|
26
38
|
|
|
27
39
|
## 21.12.3
|
|
28
40
|
|
|
29
41
|
### Patch Changes
|
|
30
42
|
|
|
31
|
-
- [`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.
|
|
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.
|
|
32
44
|
|
|
33
45
|
## 21.12.2
|
|
34
46
|
|
|
35
47
|
### Patch Changes
|
|
36
48
|
|
|
37
|
-
- [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure legacy types are published for TS 4.5-4.8
|
|
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
|
|
38
50
|
|
|
39
51
|
## 21.12.1
|
|
40
52
|
|
|
41
53
|
### Patch Changes
|
|
42
54
|
|
|
43
|
-
- [`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) - Upgrade Typescript from `4.5.5` to `4.9.5`
|
|
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`
|
|
44
56
|
|
|
45
57
|
## 21.12.0
|
|
46
58
|
|
|
47
59
|
### Minor Changes
|
|
48
60
|
|
|
49
|
-
- [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip minor dependency bump
|
|
61
|
+
- [#33258](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33258) [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip minor dependency bump
|
|
50
62
|
|
|
51
63
|
### Patch Changes
|
|
52
64
|
|
|
@@ -80,20 +92,20 @@
|
|
|
80
92
|
|
|
81
93
|
### Patch Changes
|
|
82
94
|
|
|
83
|
-
- [`88a34a8c2dd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/88a34a8c2dd) - Remove redundant `role=presentation` on wrapping @atlaskit/icon and @atlaskit/logo spans.
|
|
95
|
+
- [#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.
|
|
84
96
|
- [`15d704e3090`](https://bitbucket.org/atlassian/atlassian-frontend/commits/15d704e3090) - For an SVG icon, do not render a `aria-label` when empty.
|
|
85
97
|
|
|
86
98
|
## 21.11.0
|
|
87
99
|
|
|
88
100
|
### Minor Changes
|
|
89
101
|
|
|
90
|
-
- [`a3973745679`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a3973745679) - Updates `@emotion/core` to `@emotion/react`; v10 to v11. There is no expected behavior change.
|
|
102
|
+
- [#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.
|
|
91
103
|
|
|
92
104
|
## 21.10.8
|
|
93
105
|
|
|
94
106
|
### Patch Changes
|
|
95
107
|
|
|
96
|
-
- [`8cc2f888c83`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8cc2f888c83) - Upgrade Typescript from `4.3.5` to `4.5.5`
|
|
108
|
+
- [#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`
|
|
97
109
|
|
|
98
110
|
## 21.10.7
|
|
99
111
|
|
|
@@ -123,7 +135,7 @@
|
|
|
123
135
|
|
|
124
136
|
### Patch Changes
|
|
125
137
|
|
|
126
|
-
- [`58884c2f6c1`](https://bitbucket.org/atlassian/atlassian-frontend/commits/58884c2f6c1) - Internal code change turning on a new linting rule.
|
|
138
|
+
- [#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.
|
|
127
139
|
|
|
128
140
|
## 21.10.2
|
|
129
141
|
|
|
@@ -142,7 +154,7 @@
|
|
|
142
154
|
|
|
143
155
|
### Minor Changes
|
|
144
156
|
|
|
145
|
-
- [`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.
|
|
157
|
+
- [#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.
|
|
146
158
|
|
|
147
159
|
CETI-16 added remove emoji icon so that it appears in mobilekit too
|
|
148
160
|
|
|
@@ -154,7 +166,7 @@
|
|
|
154
166
|
|
|
155
167
|
### Patch Changes
|
|
156
168
|
|
|
157
|
-
- [`c55c736ecea`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c55c736ecea) - Patch VULN AFP-3486 AFP-3487 AFP-3488 AFP-3489
|
|
169
|
+
- [#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
|
|
158
170
|
|
|
159
171
|
## 21.9.2
|
|
160
172
|
|
|
@@ -162,7 +174,7 @@
|
|
|
162
174
|
|
|
163
175
|
_WRONG RELEASE TYPE - DON'T USE_
|
|
164
176
|
|
|
165
|
-
- [`229177bb85d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/229177bb85d) - CETI-16 added remove emoji icon so that it appears in mobilekit too
|
|
177
|
+
- [#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
|
|
166
178
|
|
|
167
179
|
### Patch Changes
|
|
168
180
|
|
|
@@ -179,7 +191,7 @@ _WRONG RELEASE TYPE - DON'T USE_
|
|
|
179
191
|
|
|
180
192
|
### Minor Changes
|
|
181
193
|
|
|
182
|
-
- [`cf853e39278`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cf853e39278) - [ux] add single layout support for layout
|
|
194
|
+
- [#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
|
|
183
195
|
|
|
184
196
|
### Patch Changes
|
|
185
197
|
|
|
@@ -195,7 +207,7 @@ _WRONG RELEASE TYPE - DON'T USE_
|
|
|
195
207
|
|
|
196
208
|
### Minor Changes
|
|
197
209
|
|
|
198
|
-
- [`22b8dd3f590`](https://bitbucket.org/atlassian/atlassian-frontend/commits/22b8dd3f590) - Instrumented Icon with the new theming package, `@atlaskit/tokens`.
|
|
210
|
+
- [#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`.
|
|
199
211
|
|
|
200
212
|
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.
|
|
201
213
|
|
|
@@ -209,13 +221,13 @@ _WRONG RELEASE TYPE - DON'T USE_
|
|
|
209
221
|
|
|
210
222
|
### Patch Changes
|
|
211
223
|
|
|
212
|
-
- [`af4bca32ad4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/af4bca32ad4) - Internal changes to supress eslint rules.
|
|
224
|
+
- [#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.
|
|
213
225
|
|
|
214
226
|
## 21.7.3
|
|
215
227
|
|
|
216
228
|
### Patch Changes
|
|
217
229
|
|
|
218
|
-
- [`0d0ecc6e790`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0d0ecc6e790) - Corrects eslint supressions.
|
|
230
|
+
- [#12837](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/12837) [`0d0ecc6e790`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0d0ecc6e790) - Corrects eslint supressions.
|
|
219
231
|
- [`8279380176b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8279380176b) - Internal code changes.
|
|
220
232
|
- [`9a84a3ceb82`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9a84a3ceb82) - Internal code changes.
|
|
221
233
|
- Updated dependencies
|
|
@@ -224,19 +236,19 @@ _WRONG RELEASE TYPE - DON'T USE_
|
|
|
224
236
|
|
|
225
237
|
### Patch Changes
|
|
226
238
|
|
|
227
|
-
- [`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.
|
|
239
|
+
- [#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.
|
|
228
240
|
|
|
229
241
|
## 21.7.1
|
|
230
242
|
|
|
231
243
|
### Patch Changes
|
|
232
244
|
|
|
233
|
-
- [`378d1cef00f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/378d1cef00f) - Bump `@atlaskit/theme` to version `^11.3.0`.
|
|
245
|
+
- [#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`.
|
|
234
246
|
|
|
235
247
|
## 21.7.0
|
|
236
248
|
|
|
237
249
|
### Minor Changes
|
|
238
250
|
|
|
239
|
-
- [`662739d8c28`](https://bitbucket.org/atlassian/atlassian-frontend/commits/662739d8c28) - Icon now uses internal techstack "design-system: v1" and "styling: emotion".
|
|
251
|
+
- [#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".
|
|
240
252
|
|
|
241
253
|
### Patch Changes
|
|
242
254
|
|
|
@@ -247,25 +259,25 @@ _WRONG RELEASE TYPE - DON'T USE_
|
|
|
247
259
|
|
|
248
260
|
### Patch Changes
|
|
249
261
|
|
|
250
|
-
- [`9f5d6ed95f0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9f5d6ed95f0) - Added aria-hidden to icon wrapper when there is no label provided
|
|
262
|
+
- [#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
|
|
251
263
|
|
|
252
264
|
## 21.6.0
|
|
253
265
|
|
|
254
266
|
### Minor Changes
|
|
255
267
|
|
|
256
|
-
- [`b9c78813d40`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b9c78813d40) - Use named export of base icon instead of default in icon glyphs
|
|
268
|
+
- [#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
|
|
257
269
|
|
|
258
270
|
## 21.5.1
|
|
259
271
|
|
|
260
272
|
### Patch Changes
|
|
261
273
|
|
|
262
|
-
- [`72ef8bafec9`](https://bitbucket.org/atlassian/atlassian-frontend/commits/72ef8bafec9) - Add "./glyph" entry point.
|
|
274
|
+
- [#10522](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/10522) [`72ef8bafec9`](https://bitbucket.org/atlassian/atlassian-frontend/commits/72ef8bafec9) - Add "./glyph" entry point.
|
|
263
275
|
|
|
264
276
|
## 21.5.0
|
|
265
277
|
|
|
266
278
|
### Minor Changes
|
|
267
279
|
|
|
268
|
-
- [`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.
|
|
280
|
+
- [#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.
|
|
269
281
|
- [`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.
|
|
270
282
|
|
|
271
283
|
### Patch Changes
|
|
@@ -279,7 +291,7 @@ _WRONG RELEASE TYPE - DON'T USE_
|
|
|
279
291
|
|
|
280
292
|
### Minor Changes
|
|
281
293
|
|
|
282
|
-
- [`2f1a299688b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2f1a299688b) - The `sizeOpts` type has been renamed to `Size`, available in both the `./` and `./types` entrypoints.
|
|
294
|
+
- [#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.
|
|
283
295
|
|
|
284
296
|
### Patch Changes
|
|
285
297
|
|
|
@@ -290,7 +302,7 @@ _WRONG RELEASE TYPE - DON'T USE_
|
|
|
290
302
|
|
|
291
303
|
### Minor Changes
|
|
292
304
|
|
|
293
|
-
- [`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.
|
|
305
|
+
- [#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.
|
|
294
306
|
- [`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.
|
|
295
307
|
- [`6ef8824baee`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6ef8824baee) - - Icon now uses React.memo() to stop unnecessary re-renders.
|
|
296
308
|
|
|
@@ -367,19 +379,19 @@ _WRONG RELEASE TYPE - DON'T USE_
|
|
|
367
379
|
|
|
368
380
|
### Patch Changes
|
|
369
381
|
|
|
370
|
-
- [`37afe4a0fd5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/37afe4a0fd5) - [ux] Update Dropbox icon and arrow-left icon
|
|
382
|
+
- [#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
|
|
371
383
|
|
|
372
384
|
## 21.2.3
|
|
373
385
|
|
|
374
386
|
### Patch Changes
|
|
375
387
|
|
|
376
|
-
- [`b9f0d16300`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b9f0d16300) - Re-generated icons using a newer version of the build process
|
|
388
|
+
- [#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
|
|
377
389
|
|
|
378
390
|
## 21.2.2
|
|
379
391
|
|
|
380
392
|
### Patch Changes
|
|
381
393
|
|
|
382
|
-
- [`c65f28c058`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c65f28c058) - Change codemod to return raw source if it is not transforming a file.
|
|
394
|
+
- [#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.
|
|
383
395
|
|
|
384
396
|
Otherwise it would run prettier which can lead to some invalid syntax outputted
|
|
385
397
|
in edge cases. This is likely due to an issue in either `codemod-cli` or `jscodeshift`.
|
|
@@ -388,7 +400,7 @@ _WRONG RELEASE TYPE - DON'T USE_
|
|
|
388
400
|
|
|
389
401
|
### Patch Changes
|
|
390
402
|
|
|
391
|
-
- [`bc896a20b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/bc896a20b0) - Add a missing codemod for the entrypoint change in 21.2.0
|
|
403
|
+
- [#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
|
|
392
404
|
|
|
393
405
|
***
|
|
394
406
|
|
|
@@ -403,19 +415,19 @@ _WRONG RELEASE TYPE - DON'T USE_
|
|
|
403
415
|
`npx @atlaskit/codemod-cli --parser [PARSER] --extensions [FILE_EXTENSIONS] [TARGET_PATH]`
|
|
404
416
|
|
|
405
417
|
Or run `npx @atlaskit/codemod-cli -h` for more details on usage.
|
|
406
|
-
For Atlassians, refer to [this doc](https://
|
|
418
|
+
For Atlassians, refer to [this doc](https://hello.atlassian.net/wiki/spaces/AF/pages/2627171992/Codemods) for more details on the codemod CLI.
|
|
407
419
|
|
|
408
420
|
## 21.2.0
|
|
409
421
|
|
|
410
422
|
### Minor Changes
|
|
411
423
|
|
|
412
|
-
- [`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.
|
|
424
|
+
- [#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.
|
|
413
425
|
|
|
414
426
|
## 21.1.4
|
|
415
427
|
|
|
416
428
|
### Patch Changes
|
|
417
429
|
|
|
418
|
-
- [`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.
|
|
430
|
+
- [#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.
|
|
419
431
|
This requires version 3.8 of Typescript, read more about how we handle Typescript versions here: https://atlaskit.atlassian.com/get-started
|
|
420
432
|
Also add `typescript` to `devDependencies` to denote version that the package was built with.
|
|
421
433
|
|
|
@@ -429,25 +441,25 @@ _WRONG RELEASE TYPE - DON'T USE_
|
|
|
429
441
|
|
|
430
442
|
### Patch Changes
|
|
431
443
|
|
|
432
|
-
- [`d6ff4c7dce`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d6ff4c7dce) - Removes unused (and incorrect) es2019 key in package.json
|
|
444
|
+
- [#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
|
|
433
445
|
|
|
434
446
|
## 21.1.1
|
|
435
447
|
|
|
436
448
|
### Patch Changes
|
|
437
449
|
|
|
438
|
-
- [`f51e6ff443`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f51e6ff443) - License updated to Apache 2.0 (previously under the ADG license)
|
|
450
|
+
- [#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)
|
|
439
451
|
|
|
440
452
|
## 21.1.0
|
|
441
453
|
|
|
442
454
|
### Minor Changes
|
|
443
455
|
|
|
444
|
-
- [`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';`
|
|
456
|
+
- [#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';`
|
|
445
457
|
|
|
446
458
|
## 21.0.3
|
|
447
459
|
|
|
448
460
|
### Patch Changes
|
|
449
461
|
|
|
450
|
-
- [`6c525a8229`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6c525a8229) - Upgraded to TypeScript 3.9.6 and tslib to 2.0.0
|
|
462
|
+
- [#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
|
|
451
463
|
|
|
452
464
|
Since tslib is a dependency for all our packages we recommend that products also follow this tslib upgrade
|
|
453
465
|
to prevent duplicates of tslib being bundled.
|
|
@@ -456,19 +468,19 @@ _WRONG RELEASE TYPE - DON'T USE_
|
|
|
456
468
|
|
|
457
469
|
### Patch Changes
|
|
458
470
|
|
|
459
|
-
- [`6262f382de`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6262f382de) - Use the 'lodash' package instead of single-function 'lodash.\*' packages
|
|
471
|
+
- [#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
|
|
460
472
|
|
|
461
473
|
## 21.0.1
|
|
462
474
|
|
|
463
475
|
### Patch Changes
|
|
464
476
|
|
|
465
|
-
- [`db053b24d8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/db053b24d8) - Update all the theme imports to be tree-shakable
|
|
477
|
+
- [#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
|
|
466
478
|
|
|
467
479
|
## 21.0.0
|
|
468
480
|
|
|
469
481
|
### Major Changes
|
|
470
482
|
|
|
471
|
-
- [`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.
|
|
483
|
+
- [#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.
|
|
472
484
|
For more information see: https://community.developer.atlassian.com/t/atlaskit-to-drop-support-for-internet-explorer-11-from-1st-july-2020/39534
|
|
473
485
|
|
|
474
486
|
### Patch Changes
|
|
@@ -479,7 +491,7 @@ _WRONG RELEASE TYPE - DON'T USE_
|
|
|
479
491
|
|
|
480
492
|
### Patch Changes
|
|
481
493
|
|
|
482
|
-
- [`eae51ceead`](https://bitbucket.org/atlassian/atlassian-frontend/commits/eae51ceead) - Add mobile icon- Updated dependencies
|
|
494
|
+
- [#1868](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/1868) [`eae51ceead`](https://bitbucket.org/atlassian/atlassian-frontend/commits/eae51ceead) - Add mobile icon- Updated dependencies
|
|
483
495
|
|
|
484
496
|
## 20.1.1
|
|
485
497
|
|
|
@@ -1007,7 +1019,7 @@ _WRONG RELEASE TYPE - DON'T USE_
|
|
|
1007
1019
|
|
|
1008
1020
|
## 14.2.0
|
|
1009
1021
|
|
|
1010
|
-
- [minor][fe3c283
|
|
1022
|
+
- [minor][fe3c283](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/fe3c283"
|
|
1011
1023
|
d):
|
|
1012
1024
|
|
|
1013
1025
|
- ED-5600: add icons for new table ux
|
|
@@ -9,11 +9,10 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
|
|
|
9
9
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
10
10
|
var _react = require("react");
|
|
11
11
|
var _react2 = require("@emotion/react");
|
|
12
|
-
var _components = require("@atlaskit/theme/components");
|
|
13
12
|
var _utils = require("./utils");
|
|
14
13
|
var _styles = require("./styles");
|
|
15
|
-
function ownKeys(
|
|
16
|
-
function _objectSpread(
|
|
14
|
+
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; }
|
|
15
|
+
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
16
|
/**
|
|
18
17
|
* We are hiding these props from consumers as they're used to
|
|
19
18
|
* hack around icon sizing specifically for icon-file-type.
|
|
@@ -76,7 +75,7 @@ var secondaryTransparentHcmStyles = (0, _react2.css)({
|
|
|
76
75
|
* - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
|
|
77
76
|
* - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
|
|
78
77
|
*/
|
|
79
|
-
var Icon = /*#__PURE__*/(0, _react.memo)(function Icon(props) {
|
|
78
|
+
var Icon = exports.Icon = /*#__PURE__*/(0, _react.memo)(function Icon(props) {
|
|
80
79
|
var _ref = props,
|
|
81
80
|
Glyph = _ref.glyph,
|
|
82
81
|
dangerouslySetGlyph = _ref.dangerouslySetGlyph,
|
|
@@ -102,8 +101,6 @@ var Icon = /*#__PURE__*/(0, _react.memo)(function Icon(props) {
|
|
|
102
101
|
height: height,
|
|
103
102
|
size: size
|
|
104
103
|
});
|
|
105
|
-
var _useGlobalTheme = (0, _components.useGlobalTheme)(),
|
|
106
|
-
mode = _useGlobalTheme.mode;
|
|
107
104
|
return (0, _react2.jsx)("span", (0, _extends2.default)({
|
|
108
105
|
"data-testid": testId,
|
|
109
106
|
role: label ? 'img' : undefined,
|
|
@@ -111,7 +108,7 @@ var Icon = /*#__PURE__*/(0, _react.memo)(function Icon(props) {
|
|
|
111
108
|
"aria-hidden": label ? undefined : true,
|
|
112
109
|
style: {
|
|
113
110
|
'--icon-primary-color': primaryColor,
|
|
114
|
-
'--icon-secondary-color': secondaryColor || (0, _utils.getBackground)(
|
|
111
|
+
'--icon-secondary-color': secondaryColor || (0, _utils.getBackground)()
|
|
115
112
|
}
|
|
116
113
|
}, glyphProps, {
|
|
117
114
|
css: [iconStyles, baseHcmStyles, primaryColor === secondaryColor && primaryEqualsSecondaryHcmStyles, secondaryColor === 'transparent' && secondaryTransparentHcmStyles,
|
|
@@ -127,6 +124,4 @@ var Icon = /*#__PURE__*/(0, _react.memo)(function Icon(props) {
|
|
|
127
124
|
})]
|
|
128
125
|
}));
|
|
129
126
|
});
|
|
130
|
-
exports.
|
|
131
|
-
var _default = Icon;
|
|
132
|
-
exports.default = _default;
|
|
127
|
+
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
|
+
};
|
|
@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
var _react = require("react");
|
|
8
8
|
var _react2 = require("@emotion/react");
|
|
9
|
-
var _components = require("@atlaskit/theme/components");
|
|
10
9
|
var _utils = require("./utils");
|
|
11
10
|
var _styles = require("./styles");
|
|
12
11
|
/** @jsx jsx */
|
|
@@ -31,13 +30,11 @@ var SVG = /*#__PURE__*/(0, _react.memo)(function SVG(_ref) {
|
|
|
31
30
|
secondaryColor = _ref.secondaryColor,
|
|
32
31
|
testId = _ref.testId,
|
|
33
32
|
children = _ref.children;
|
|
34
|
-
var _useGlobalTheme = (0, _components.useGlobalTheme)(),
|
|
35
|
-
mode = _useGlobalTheme.mode;
|
|
36
33
|
return (0, _react2.jsx)("svg", {
|
|
37
34
|
viewBox: "0 0 24 24",
|
|
38
35
|
style: {
|
|
39
36
|
color: primaryColor,
|
|
40
|
-
fill: secondaryColor || (0, _utils.getBackground)(
|
|
37
|
+
fill: secondaryColor || (0, _utils.getBackground)()
|
|
41
38
|
},
|
|
42
39
|
css: [svgStyles, _styles.sizeStyleMap[size]],
|
|
43
40
|
"data-testid": testId,
|
|
@@ -45,5 +42,4 @@ var SVG = /*#__PURE__*/(0, _react.memo)(function SVG(_ref) {
|
|
|
45
42
|
role: label ? 'img' : 'presentation'
|
|
46
43
|
}, children);
|
|
47
44
|
});
|
|
48
|
-
var _default = SVG;
|
|
49
|
-
exports.default = _default;
|
|
45
|
+
var _default = exports.default = SVG;
|
|
@@ -4,17 +4,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.getBackground = void 0;
|
|
7
|
-
var
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
};
|
|
11
|
-
|
|
12
|
-
/**
|
|
13
|
-
* Returns the background color depending on the passed through mode.
|
|
14
|
-
* @param mode
|
|
15
|
-
*/
|
|
16
|
-
var getBackground = function getBackground() {
|
|
17
|
-
var mode = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'light';
|
|
18
|
-
return themedBackground[mode];
|
|
19
|
-
};
|
|
20
|
-
exports.getBackground = getBackground;
|
|
7
|
+
var getBackground = exports.getBackground = function getBackground() {
|
|
8
|
+
return "var(--ds-surface, #FFFFFF)";
|
|
9
|
+
};
|
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
|
@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
/* eslint-disable global-require */
|
|
8
7
|
/**
|
|
9
8
|
* NOTE:
|
|
10
9
|
*
|
|
@@ -1797,5 +1796,4 @@ var metaData = {
|
|
|
1797
1796
|
package: '@atlaskit/icon/glyph/world'
|
|
1798
1797
|
}
|
|
1799
1798
|
};
|
|
1800
|
-
var _default = metaData;
|
|
1801
|
-
exports.default = _default;
|
|
1799
|
+
var _default = exports.default = metaData;
|
|
@@ -2,7 +2,6 @@ import _extends from "@babel/runtime/helpers/extends";
|
|
|
2
2
|
/** @jsx jsx */
|
|
3
3
|
import { memo } from 'react';
|
|
4
4
|
import { css, jsx } from '@emotion/react';
|
|
5
|
-
import { useGlobalTheme } from '@atlaskit/theme/components';
|
|
6
5
|
import { getBackground } from './utils';
|
|
7
6
|
import { commonSVGStyles, getIconSize } from './styles';
|
|
8
7
|
|
|
@@ -95,9 +94,6 @@ export const Icon = /*#__PURE__*/memo(function Icon(props) {
|
|
|
95
94
|
height,
|
|
96
95
|
size
|
|
97
96
|
});
|
|
98
|
-
const {
|
|
99
|
-
mode
|
|
100
|
-
} = useGlobalTheme();
|
|
101
97
|
return jsx("span", _extends({
|
|
102
98
|
"data-testid": testId,
|
|
103
99
|
role: label ? 'img' : undefined,
|
|
@@ -105,7 +101,7 @@ export const Icon = /*#__PURE__*/memo(function Icon(props) {
|
|
|
105
101
|
"aria-hidden": label ? undefined : true,
|
|
106
102
|
style: {
|
|
107
103
|
'--icon-primary-color': primaryColor,
|
|
108
|
-
'--icon-secondary-color': secondaryColor || getBackground(
|
|
104
|
+
'--icon-secondary-color': secondaryColor || getBackground()
|
|
109
105
|
}
|
|
110
106
|
}, glyphProps, {
|
|
111
107
|
css: [iconStyles, baseHcmStyles, primaryColor === secondaryColor && primaryEqualsSecondaryHcmStyles, secondaryColor === 'transparent' && secondaryTransparentHcmStyles,
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
/** @jsx jsx */
|
|
2
2
|
import { memo } from 'react';
|
|
3
3
|
import { css, jsx } from '@emotion/react';
|
|
4
|
-
import { useGlobalTheme } from '@atlaskit/theme/components';
|
|
5
4
|
import { getBackground } from './utils';
|
|
6
5
|
import { commonSVGStyles, sizeStyleMap } from './styles';
|
|
7
6
|
|
|
@@ -24,14 +23,11 @@ const SVG = /*#__PURE__*/memo(function SVG({
|
|
|
24
23
|
testId,
|
|
25
24
|
children
|
|
26
25
|
}) {
|
|
27
|
-
const {
|
|
28
|
-
mode
|
|
29
|
-
} = useGlobalTheme();
|
|
30
26
|
return jsx("svg", {
|
|
31
27
|
viewBox: "0 0 24 24",
|
|
32
28
|
style: {
|
|
33
29
|
color: primaryColor,
|
|
34
|
-
fill: secondaryColor || getBackground(
|
|
30
|
+
fill: secondaryColor || getBackground()
|
|
35
31
|
},
|
|
36
32
|
css: [svgStyles, sizeStyleMap[size]],
|
|
37
33
|
"data-testid": testId,
|
|
@@ -1,10 +1 @@
|
|
|
1
|
-
const
|
|
2
|
-
light: "var(--ds-surface, #FFFFFF)",
|
|
3
|
-
dark: "var(--ds-surface, #1B2638)"
|
|
4
|
-
};
|
|
5
|
-
|
|
6
|
-
/**
|
|
7
|
-
* Returns the background color depending on the passed through mode.
|
|
8
|
-
* @param mode
|
|
9
|
-
*/
|
|
10
|
-
export const getBackground = (mode = 'light') => themedBackground[mode];
|
|
1
|
+
export const getBackground = () => "var(--ds-surface, #FFFFFF)";
|
package/dist/es2019/metadata.js
CHANGED
|
@@ -1,11 +1,10 @@
|
|
|
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';
|
|
8
|
-
import { useGlobalTheme } from '@atlaskit/theme/components';
|
|
9
8
|
import { getBackground } from './utils';
|
|
10
9
|
import { commonSVGStyles, getIconSize } from './styles';
|
|
11
10
|
|
|
@@ -97,8 +96,6 @@ export var Icon = /*#__PURE__*/memo(function Icon(props) {
|
|
|
97
96
|
height: height,
|
|
98
97
|
size: size
|
|
99
98
|
});
|
|
100
|
-
var _useGlobalTheme = useGlobalTheme(),
|
|
101
|
-
mode = _useGlobalTheme.mode;
|
|
102
99
|
return jsx("span", _extends({
|
|
103
100
|
"data-testid": testId,
|
|
104
101
|
role: label ? 'img' : undefined,
|
|
@@ -106,7 +103,7 @@ export var Icon = /*#__PURE__*/memo(function Icon(props) {
|
|
|
106
103
|
"aria-hidden": label ? undefined : true,
|
|
107
104
|
style: {
|
|
108
105
|
'--icon-primary-color': primaryColor,
|
|
109
|
-
'--icon-secondary-color': secondaryColor || getBackground(
|
|
106
|
+
'--icon-secondary-color': secondaryColor || getBackground()
|
|
110
107
|
}
|
|
111
108
|
}, glyphProps, {
|
|
112
109
|
css: [iconStyles, baseHcmStyles, primaryColor === secondaryColor && primaryEqualsSecondaryHcmStyles, secondaryColor === 'transparent' && secondaryTransparentHcmStyles,
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
/** @jsx jsx */
|
|
2
2
|
import { memo } from 'react';
|
|
3
3
|
import { css, jsx } from '@emotion/react';
|
|
4
|
-
import { useGlobalTheme } from '@atlaskit/theme/components';
|
|
5
4
|
import { getBackground } from './utils';
|
|
6
5
|
import { commonSVGStyles, sizeStyleMap } from './styles';
|
|
7
6
|
|
|
@@ -25,13 +24,11 @@ var SVG = /*#__PURE__*/memo(function SVG(_ref) {
|
|
|
25
24
|
secondaryColor = _ref.secondaryColor,
|
|
26
25
|
testId = _ref.testId,
|
|
27
26
|
children = _ref.children;
|
|
28
|
-
var _useGlobalTheme = useGlobalTheme(),
|
|
29
|
-
mode = _useGlobalTheme.mode;
|
|
30
27
|
return jsx("svg", {
|
|
31
28
|
viewBox: "0 0 24 24",
|
|
32
29
|
style: {
|
|
33
30
|
color: primaryColor,
|
|
34
|
-
fill: secondaryColor || getBackground(
|
|
31
|
+
fill: secondaryColor || getBackground()
|
|
35
32
|
},
|
|
36
33
|
css: [svgStyles, sizeStyleMap[size]],
|
|
37
34
|
"data-testid": testId,
|
|
@@ -1,13 +1,3 @@
|
|
|
1
|
-
var themedBackground = {
|
|
2
|
-
light: "var(--ds-surface, #FFFFFF)",
|
|
3
|
-
dark: "var(--ds-surface, #1B2638)"
|
|
4
|
-
};
|
|
5
|
-
|
|
6
|
-
/**
|
|
7
|
-
* Returns the background color depending on the passed through mode.
|
|
8
|
-
* @param mode
|
|
9
|
-
*/
|
|
10
1
|
export var getBackground = function getBackground() {
|
|
11
|
-
var
|
|
12
|
-
return themedBackground[mode];
|
|
2
|
+
return "var(--ds-surface, #FFFFFF)";
|
|
13
3
|
};
|
package/dist/esm/metadata.js
CHANGED
|
@@ -1,6 +1 @@
|
|
|
1
|
-
|
|
2
|
-
/**
|
|
3
|
-
* Returns the background color depending on the passed through mode.
|
|
4
|
-
* @param mode
|
|
5
|
-
*/
|
|
6
|
-
export declare const getBackground: (mode?: ThemeModes) => "var(--ds-surface)";
|
|
1
|
+
export declare const getBackground: () => "var(--ds-surface)";
|
|
@@ -1,6 +1 @@
|
|
|
1
|
-
|
|
2
|
-
/**
|
|
3
|
-
* Returns the background color depending on the passed through mode.
|
|
4
|
-
* @param mode
|
|
5
|
-
*/
|
|
6
|
-
export declare const getBackground: (mode?: ThemeModes) => "var(--ds-surface)";
|
|
1
|
+
export declare const getBackground: () => "var(--ds-surface)";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/icon",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "22.0.0",
|
|
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/"
|
|
@@ -29,8 +29,7 @@
|
|
|
29
29
|
"build-glyphs": "ts-node --project ../../../tsconfig.node.json ./build/index.tsx"
|
|
30
30
|
},
|
|
31
31
|
"dependencies": {
|
|
32
|
-
"@atlaskit/
|
|
33
|
-
"@atlaskit/tokens": "^1.14.0",
|
|
32
|
+
"@atlaskit/tokens": "^1.28.0",
|
|
34
33
|
"@babel/runtime": "^7.0.0",
|
|
35
34
|
"@emotion/react": "^11.7.1"
|
|
36
35
|
},
|
|
@@ -44,6 +43,7 @@
|
|
|
44
43
|
"@atlaskit/ds-lib": "^2.2.0",
|
|
45
44
|
"@atlaskit/logo": "^13.14.0",
|
|
46
45
|
"@atlaskit/ssr": "*",
|
|
46
|
+
"@atlaskit/theme": "^12.6.0",
|
|
47
47
|
"@atlaskit/visual-regression": "*",
|
|
48
48
|
"@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
|
|
49
49
|
"@babel/core": "^7.20.0",
|
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