@atlaskit/icon 22.21.0 → 22.23.0

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/icon
 
+## 22.23.0
+
+### Minor Changes
+
+- [#154636](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/154636)
+  [`6bd3aebdb9761`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/6bd3aebdb9761) -
+  Run build-glyphs in icon packages.
+
+## 22.22.0
+
+### Minor Changes
+
+- [#149700](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/149700)
+  [`86fe5879e0d2d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/86fe5879e0d2d) -
+  Default `color` prop for icons in experimental `core` and `utility` entrypoints has changed from
+  `color.icon` to `currentColor`.
+
 ## 22.21.0
 
 ### Minor Changes

package/dist/cjs/components/icon-new.js

@@ -118,7 +118,8 @@ var paddingMap = {
 var Icon = exports.Icon = /*#__PURE__*/(0, _react.memo)(function Icon(props) {
   var _props$type, _props$spacing3, _props$spacing4;
   var _ref = props,
-    providedColor = _ref.color,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? 'currentColor' : _ref$color,
     testId = _ref.testId,
     label = _ref.label,
     LEGACY_primaryColor = _ref.LEGACY_primaryColor,
@@ -128,11 +129,6 @@ var Icon = exports.Icon = /*#__PURE__*/(0, _react.memo)(function Icon(props) {
     dangerouslySetGlyph = _ref.dangerouslySetGlyph,
     shouldScale = _ref.shouldScale,
     LEGACY_margin = _ref.LEGACY_margin;
-  var fallbackColor = "var(--ds-icon, #44546F)";
-  if ((0, _platformFeatureFlags.fg)('platform-design-system-new-icon-default-color') || (0, _platformFeatureFlags.fg)('platform-design-system-new-icon-default-color-2')) {
-    fallbackColor = 'currentColor';
-  }
-  var color = providedColor !== null && providedColor !== void 0 ? providedColor : fallbackColor;
   var dangerouslySetInnerHTML = dangerouslySetGlyph ? {
     __html: dangerouslySetGlyph
   } : undefined;

package/dist/es2019/components/icon-new.js

@@ -112,7 +112,7 @@ const paddingMap = {
 export const Icon = /*#__PURE__*/memo(function Icon(props) {
   var _props$type, _props$spacing3, _props$spacing4;
   const {
-    color: providedColor,
+    color = 'currentColor',
     testId,
     label,
     LEGACY_primaryColor,
@@ -126,11 +126,6 @@ export const Icon = /*#__PURE__*/memo(function Icon(props) {
     shouldScale,
     LEGACY_margin
   } = props;
-  let fallbackColor = "var(--ds-icon, #44546F)";
-  if (fg('platform-design-system-new-icon-default-color') || fg('platform-design-system-new-icon-default-color-2')) {
-    fallbackColor = 'currentColor';
-  }
-  const color = providedColor !== null && providedColor !== void 0 ? providedColor : fallbackColor;
   const dangerouslySetInnerHTML = dangerouslySetGlyph ? {
     __html: dangerouslySetGlyph
   } : undefined;

package/dist/esm/components/icon-new.js

@@ -112,7 +112,8 @@ var paddingMap = {
 export var Icon = /*#__PURE__*/memo(function Icon(props) {
   var _props$type, _props$spacing3, _props$spacing4;
   var _ref = props,
-    providedColor = _ref.color,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? 'currentColor' : _ref$color,
     testId = _ref.testId,
     label = _ref.label,
     LEGACY_primaryColor = _ref.LEGACY_primaryColor,
@@ -122,11 +123,6 @@ export var Icon = /*#__PURE__*/memo(function Icon(props) {
     dangerouslySetGlyph = _ref.dangerouslySetGlyph,
     shouldScale = _ref.shouldScale,
     LEGACY_margin = _ref.LEGACY_margin;
-  var fallbackColor = "var(--ds-icon, #44546F)";
-  if (fg('platform-design-system-new-icon-default-color') || fg('platform-design-system-new-icon-default-color-2')) {
-    fallbackColor = 'currentColor';
-  }
-  var color = providedColor !== null && providedColor !== void 0 ? providedColor : fallbackColor;
   var dangerouslySetInnerHTML = dangerouslySetGlyph ? {
     __html: dangerouslySetGlyph
   } : undefined;

package/dist/types/types.d.ts

@@ -37,6 +37,7 @@ export interface GlyphColorProps {
 export interface NewGlyphColorProps {
     /**
      * Color for the icon. Supports any icon or text design token, or 'currentColor' to inherit the current text color.
+     * Defaults to `currentColor`, inheriting the current text color.
      */
     color?: IconColor | IconColorPressed | Exclude<TextColor, 'transparent'> | TextColorPressed | 'currentColor';
 }

package/dist/types-ts4.5/types.d.ts

@@ -37,6 +37,7 @@ export interface GlyphColorProps {
 export interface NewGlyphColorProps {
     /**
      * Color for the icon. Supports any icon or text design token, or 'currentColor' to inherit the current text color.
+     * Defaults to `currentColor`, inheriting the current text color.
      */
     color?: IconColor | IconColorPressed | Exclude<TextColor, 'transparent'> | TextColorPressed | 'currentColor';
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/icon",
-	"version": "22.21.0",
+	"version": "22.23.0",
 	"description": "An icon is a visual representation of a command, device, directory, or common action.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -39,12 +39,12 @@
 		"@af/icon-build-process": "^2.1.0",
 		"@af/visual-regression": "*",
 		"@atlaskit/code": "^15.6.0",
-		"@atlaskit/ds-lib": "^3.0.0",
+		"@atlaskit/ds-lib": "^3.1.0",
 		"@atlaskit/logo": "^14.3.0",
 		"@atlaskit/primitives": "^12.2.0",
 		"@atlaskit/ssr": "*",
 		"@atlaskit/textfield": "^6.5.0",
-		"@atlaskit/theme": "^13.0.0",
+		"@atlaskit/theme": "^14.0.0",
 		"@atlaskit/toggle": "^13.4.0",
 		"@atlaskit/tooltip": "^18.8.0",
 		"@atlaskit/visual-regression": "*",
@@ -116,12 +116,6 @@
 			"type": "boolean",
 			"showOnWebsiteForTransitiveDependencies": true
 		},
-		"platform-design-system-new-icon-default-color": {
-			"type": "boolean"
-		},
-		"platform-design-system-new-icon-default-color-2": {
-			"type": "boolean"
-		},
 		"platform-visual-refresh-icons-facade-button-fix": {
 			"type": "boolean"
 		}