@atlaskit/icon 22.15.1 → 22.15.2
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
CHANGED
|
@@ -1,5 +1,14 @@
|
|
|
1
1
|
# @atlaskit/icon
|
|
2
2
|
|
|
3
|
+
## 22.15.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#135696](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/135696)
|
|
8
|
+
[`81ef1300efc63`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/81ef1300efc63) -
|
|
9
|
+
This release tests changes to the default color value for new icons in `/core` and `/utility`
|
|
10
|
+
entrypoints behind a feature flag. These changes will roll out in an upcoming major release.
|
|
11
|
+
|
|
3
12
|
## 22.15.1
|
|
4
13
|
|
|
5
14
|
### Patch Changes
|
|
@@ -94,8 +94,7 @@ var baseSizeMap = {
|
|
|
94
94
|
*/
|
|
95
95
|
var Icon = exports.Icon = /*#__PURE__*/(0, _react.memo)(function Icon(props) {
|
|
96
96
|
var _ref = props,
|
|
97
|
-
|
|
98
|
-
color = _ref$color === void 0 ? "var(--ds-icon, #44546F)" : _ref$color,
|
|
97
|
+
providedColor = _ref.color,
|
|
99
98
|
_ref$spacing = _ref.spacing,
|
|
100
99
|
providedSpacing = _ref$spacing === void 0 ? 'none' : _ref$spacing,
|
|
101
100
|
testId = _ref.testId,
|
|
@@ -109,6 +108,11 @@ var Icon = exports.Icon = /*#__PURE__*/(0, _react.memo)(function Icon(props) {
|
|
|
109
108
|
dangerouslySetGlyph = _ref.dangerouslySetGlyph,
|
|
110
109
|
shouldScale = _ref.shouldScale,
|
|
111
110
|
LEGACY_margin = _ref.LEGACY_margin;
|
|
111
|
+
var fallbackColor = "var(--ds-icon, #44546F)";
|
|
112
|
+
if ((0, _platformFeatureFlags.fg)('platform-design-system-new-icon-default-color')) {
|
|
113
|
+
fallbackColor = 'currentColor';
|
|
114
|
+
}
|
|
115
|
+
var color = providedColor !== null && providedColor !== void 0 ? providedColor : fallbackColor;
|
|
112
116
|
var dangerouslySetInnerHTML = dangerouslySetGlyph ? {
|
|
113
117
|
__html: dangerouslySetGlyph
|
|
114
118
|
} : undefined;
|
|
@@ -88,7 +88,7 @@ const baseSizeMap = {
|
|
|
88
88
|
*/
|
|
89
89
|
export const Icon = /*#__PURE__*/memo(function Icon(props) {
|
|
90
90
|
const {
|
|
91
|
-
color
|
|
91
|
+
color: providedColor,
|
|
92
92
|
spacing: providedSpacing = 'none',
|
|
93
93
|
testId,
|
|
94
94
|
label,
|
|
@@ -104,6 +104,11 @@ export const Icon = /*#__PURE__*/memo(function Icon(props) {
|
|
|
104
104
|
shouldScale,
|
|
105
105
|
LEGACY_margin
|
|
106
106
|
} = props;
|
|
107
|
+
let fallbackColor = "var(--ds-icon, #44546F)";
|
|
108
|
+
if (fg('platform-design-system-new-icon-default-color')) {
|
|
109
|
+
fallbackColor = 'currentColor';
|
|
110
|
+
}
|
|
111
|
+
const color = providedColor !== null && providedColor !== void 0 ? providedColor : fallbackColor;
|
|
107
112
|
const dangerouslySetInnerHTML = dangerouslySetGlyph ? {
|
|
108
113
|
__html: dangerouslySetGlyph
|
|
109
114
|
} : undefined;
|
|
@@ -88,8 +88,7 @@ var baseSizeMap = {
|
|
|
88
88
|
*/
|
|
89
89
|
export var Icon = /*#__PURE__*/memo(function Icon(props) {
|
|
90
90
|
var _ref = props,
|
|
91
|
-
|
|
92
|
-
color = _ref$color === void 0 ? "var(--ds-icon, #44546F)" : _ref$color,
|
|
91
|
+
providedColor = _ref.color,
|
|
93
92
|
_ref$spacing = _ref.spacing,
|
|
94
93
|
providedSpacing = _ref$spacing === void 0 ? 'none' : _ref$spacing,
|
|
95
94
|
testId = _ref.testId,
|
|
@@ -103,6 +102,11 @@ export var Icon = /*#__PURE__*/memo(function Icon(props) {
|
|
|
103
102
|
dangerouslySetGlyph = _ref.dangerouslySetGlyph,
|
|
104
103
|
shouldScale = _ref.shouldScale,
|
|
105
104
|
LEGACY_margin = _ref.LEGACY_margin;
|
|
105
|
+
var fallbackColor = "var(--ds-icon, #44546F)";
|
|
106
|
+
if (fg('platform-design-system-new-icon-default-color')) {
|
|
107
|
+
fallbackColor = 'currentColor';
|
|
108
|
+
}
|
|
109
|
+
var color = providedColor !== null && providedColor !== void 0 ? providedColor : fallbackColor;
|
|
106
110
|
var dangerouslySetInnerHTML = dangerouslySetGlyph ? {
|
|
107
111
|
__html: dangerouslySetGlyph
|
|
108
112
|
} : undefined;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/icon",
|
|
3
|
-
"version": "22.15.
|
|
3
|
+
"version": "22.15.2",
|
|
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/"
|
|
@@ -16,10 +16,6 @@
|
|
|
16
16
|
"atlaskit:src": "src/index.tsx",
|
|
17
17
|
"atlassian": {
|
|
18
18
|
"team": "Design System Team",
|
|
19
|
-
"productPushConsumption": [
|
|
20
|
-
"jira"
|
|
21
|
-
],
|
|
22
|
-
"releaseModel": "continuous",
|
|
23
19
|
"website": {
|
|
24
20
|
"name": "Icon",
|
|
25
21
|
"category": "Components"
|
|
@@ -45,7 +41,7 @@
|
|
|
45
41
|
"@atlaskit/code": "^15.6.0",
|
|
46
42
|
"@atlaskit/ds-lib": "^2.5.0",
|
|
47
43
|
"@atlaskit/logo": "^14.2.0",
|
|
48
|
-
"@atlaskit/primitives": "^12.
|
|
44
|
+
"@atlaskit/primitives": "^12.1.0",
|
|
49
45
|
"@atlaskit/ssr": "*",
|
|
50
46
|
"@atlaskit/textfield": "^6.5.0",
|
|
51
47
|
"@atlaskit/theme": "^13.0.0",
|
|
@@ -119,6 +115,9 @@
|
|
|
119
115
|
"platform-visual-refresh-icons-legacy-facade": {
|
|
120
116
|
"type": "boolean",
|
|
121
117
|
"showOnWebsiteForTransitiveDependencies": true
|
|
118
|
+
},
|
|
119
|
+
"platform-design-system-new-icon-default-color": {
|
|
120
|
+
"type": "boolean"
|
|
122
121
|
}
|
|
123
122
|
}
|
|
124
123
|
}
|