@atlaskit/icon 25.3.0 → 25.4.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 +18 -0
- package/dist/cjs/components/icon-new.js +1 -11
- package/dist/cjs/metadata-core.js +716 -354
- package/dist/cjs/metadata-utility.js +55 -26
- package/dist/es2019/components/icon-new.js +1 -18
- package/dist/es2019/metadata-core.js +716 -354
- package/dist/es2019/metadata-utility.js +55 -26
- package/dist/esm/components/icon-new.js +1 -11
- package/dist/esm/metadata-core.js +716 -354
- package/dist/esm/metadata-utility.js +55 -26
- package/dist/types/metadata-core.d.ts +1 -1
- package/dist/types/metadata-utility.d.ts +1 -1
- package/dist/types-ts4.5/metadata-core.d.ts +1 -1
- package/dist/types-ts4.5/metadata-utility.d.ts +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,23 @@
|
|
|
1
1
|
# @atlaskit/icon
|
|
2
2
|
|
|
3
|
+
## 25.4.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [#134572](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/134572)
|
|
8
|
+
[`9ae8e789e419b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9ae8e789e419b) -
|
|
9
|
+
Icons are now shipped using paths instead of strokes and no longer require SVG filter overrides
|
|
10
|
+
when using disabled tokens for color.
|
|
11
|
+
|
|
12
|
+
## 25.3.1
|
|
13
|
+
|
|
14
|
+
### Patch Changes
|
|
15
|
+
|
|
16
|
+
- [#130237](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/130237)
|
|
17
|
+
[`2648b1745d092`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2648b1745d092) -
|
|
18
|
+
Added status information in icon metadata
|
|
19
|
+
- Updated dependencies
|
|
20
|
+
|
|
3
21
|
## 25.3.0
|
|
4
22
|
|
|
5
23
|
### Minor Changes
|
|
@@ -159,23 +159,13 @@ var Icon = exports.Icon = /*#__PURE__*/(0, _react.memo)(function Icon(props) {
|
|
|
159
159
|
viewBoxPadding = paddingMap['core'][(_props$spacing2 = props.spacing) !== null && _props$spacing2 !== void 0 ? _props$spacing2 : 'none'];
|
|
160
160
|
}
|
|
161
161
|
var viewBoxSize = baseSize + 2 * viewBoxPadding;
|
|
162
|
-
|
|
163
|
-
// Workaround for the transparency in our disabled icon token.
|
|
164
|
-
// Because we have multiple strokes in icons, opacities overlap
|
|
165
|
-
// This filter has an impact on render performance, but this is
|
|
166
|
-
// acceptable as icons aren't commonly disabled en-masse
|
|
167
|
-
var iconColor = color;
|
|
168
|
-
if (dangerouslySetInnerHTML && color === "var(--ds-icon-disabled, #091E424F)") {
|
|
169
|
-
dangerouslySetInnerHTML.__html = "\n<filter id=\"ds-newIconOpacityFilter\">\n <feFlood flood-color=\"var(--ds-icon-disabled)\" />\n <feComposite in2=\"SourceGraphic\" operator=\"in\" />\n</filter>\n<g filter=\"url(#ds-newIconOpacityFilter)\">\n ".concat(dangerouslySetInnerHTML.__html, "\n</g>");
|
|
170
|
-
iconColor = "var(--ds-icon, #44546F)";
|
|
171
|
-
}
|
|
172
162
|
return (0, _react2.jsx)("span", {
|
|
173
163
|
"data-testid": testId,
|
|
174
164
|
role: label ? 'img' : undefined,
|
|
175
165
|
"aria-label": label ? label : undefined,
|
|
176
166
|
"aria-hidden": label ? undefined : true,
|
|
177
167
|
style: {
|
|
178
|
-
color:
|
|
168
|
+
color: color
|
|
179
169
|
},
|
|
180
170
|
css: [iconStyles, baseHcmStyles, shouldScale && scaleStyles, props.type === 'utility' && utilityIconStyles]
|
|
181
171
|
}, (0, _react2.jsx)("svg", {
|