@atlaskit/icon 22.15.1 → 22.16.0

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/icon
 
+## 22.16.0
+
+### Minor Changes
+
+- [#137781](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/137781)
+  [`21bfb50836bad`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/21bfb50836bad) -
+  Added a new icon to the utility migration icon set: 'cross--editor-close'
+
+## 22.15.2
+
+### Patch Changes
+
+- [#135696](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/135696)
+  [`81ef1300efc63`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/81ef1300efc63) -
+  This release tests changes to the default color value for new icons in `/core` and `/utility`
+  entrypoints behind a feature flag. These changes will roll out in an upcoming major release.
+
 ## 22.15.1
 
 ### Patch Changes

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

@@ -94,8 +94,7 @@ var baseSizeMap = {
  */
 var Icon = exports.Icon = /*#__PURE__*/(0, _react.memo)(function Icon(props) {
   var _ref = props,
-    _ref$color = _ref.color,
-    color = _ref$color === void 0 ? "var(--ds-icon, #44546F)" : _ref$color,
+    providedColor = _ref.color,
     _ref$spacing = _ref.spacing,
     providedSpacing = _ref$spacing === void 0 ? 'none' : _ref$spacing,
     testId = _ref.testId,
@@ -109,6 +108,11 @@ 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')) {
+    fallbackColor = 'currentColor';
+  }
+  var color = providedColor !== null && providedColor !== void 0 ? providedColor : fallbackColor;
   var dangerouslySetInnerHTML = dangerouslySetGlyph ? {
     __html: dangerouslySetGlyph
   } : undefined;

package/dist/cjs/metadata-utility.js

@@ -128,6 +128,7 @@ var metadata = {
     keywords: ['cross', 'close', 'x', 'cancel', 'icon', 'utility', 'remove', 'clear', 'x'],
     componentName: 'CrossIcon',
     package: '@atlaskit/icon/utility/cross',
+    oldName: ['editor/close'],
     type: 'utility',
     categorization: 'utility',
     usage: 'Known uses: remove tag.',

package/dist/cjs/migration-map.js

@@ -1275,6 +1275,11 @@ var migrationMap = {
       type: 'core',
       package: '@atlaskit/icon'
     },
+    additionalIcons: [{
+      name: 'cross',
+      type: 'utility',
+      package: '@atlaskit/icon'
+    }],
     sizeGuidance: {
       small: 'swap',
       medium: 'swap',
@@ -1353,6 +1358,11 @@ var migrationMap = {
       type: 'core',
       package: '@atlaskit/icon'
     },
+    additionalIcons: [{
+      name: 'check-mark',
+      type: 'utility',
+      package: '@atlaskit/icon'
+    }],
     sizeGuidance: {
       small: 'swap',
       medium: 'swap',

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

@@ -88,7 +88,7 @@ const baseSizeMap = {
  */
 export const Icon = /*#__PURE__*/memo(function Icon(props) {
   const {
-    color = "var(--ds-icon, #44546F)",
+    color: providedColor,
     spacing: providedSpacing = 'none',
     testId,
     label,
@@ -104,6 +104,11 @@ 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')) {
+    fallbackColor = 'currentColor';
+  }
+  const color = providedColor !== null && providedColor !== void 0 ? providedColor : fallbackColor;
   const dangerouslySetInnerHTML = dangerouslySetGlyph ? {
     __html: dangerouslySetGlyph
   } : undefined;

package/dist/es2019/metadata-utility.js

@@ -122,6 +122,7 @@ const metadata = {
     keywords: ['cross', 'close', 'x', 'cancel', 'icon', 'utility', 'remove', 'clear', 'x'],
     componentName: 'CrossIcon',
     package: '@atlaskit/icon/utility/cross',
+    oldName: ['editor/close'],
     type: 'utility',
     categorization: 'utility',
     usage: 'Known uses: remove tag.',

package/dist/es2019/migration-map.js

@@ -1269,6 +1269,11 @@ const migrationMap = {
       type: 'core',
       package: '@atlaskit/icon'
     },
+    additionalIcons: [{
+      name: 'cross',
+      type: 'utility',
+      package: '@atlaskit/icon'
+    }],
     sizeGuidance: {
       small: 'swap',
       medium: 'swap',
@@ -1347,6 +1352,11 @@ const migrationMap = {
       type: 'core',
       package: '@atlaskit/icon'
     },
+    additionalIcons: [{
+      name: 'check-mark',
+      type: 'utility',
+      package: '@atlaskit/icon'
+    }],
     sizeGuidance: {
       small: 'swap',
       medium: 'swap',

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

@@ -88,8 +88,7 @@ var baseSizeMap = {
  */
 export var Icon = /*#__PURE__*/memo(function Icon(props) {
   var _ref = props,
-    _ref$color = _ref.color,
-    color = _ref$color === void 0 ? "var(--ds-icon, #44546F)" : _ref$color,
+    providedColor = _ref.color,
     _ref$spacing = _ref.spacing,
     providedSpacing = _ref$spacing === void 0 ? 'none' : _ref$spacing,
     testId = _ref.testId,
@@ -103,6 +102,11 @@ 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')) {
+    fallbackColor = 'currentColor';
+  }
+  var color = providedColor !== null && providedColor !== void 0 ? providedColor : fallbackColor;
   var dangerouslySetInnerHTML = dangerouslySetGlyph ? {
     __html: dangerouslySetGlyph
   } : undefined;

package/dist/esm/metadata-utility.js

@@ -122,6 +122,7 @@ var metadata = {
     keywords: ['cross', 'close', 'x', 'cancel', 'icon', 'utility', 'remove', 'clear', 'x'],
     componentName: 'CrossIcon',
     package: '@atlaskit/icon/utility/cross',
+    oldName: ['editor/close'],
     type: 'utility',
     categorization: 'utility',
     usage: 'Known uses: remove tag.',

package/dist/esm/migration-map.js

@@ -1269,6 +1269,11 @@ var migrationMap = {
       type: 'core',
       package: '@atlaskit/icon'
     },
+    additionalIcons: [{
+      name: 'cross',
+      type: 'utility',
+      package: '@atlaskit/icon'
+    }],
     sizeGuidance: {
       small: 'swap',
       medium: 'swap',
@@ -1347,6 +1352,11 @@ var migrationMap = {
       type: 'core',
       package: '@atlaskit/icon'
     },
+    additionalIcons: [{
+      name: 'check-mark',
+      type: 'utility',
+      package: '@atlaskit/icon'
+    }],
     sizeGuidance: {
       small: 'swap',
       medium: 'swap',

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/icon",
-	"version": "22.15.1",
+	"version": "22.16.0",
 	"description": "An icon is a visual representation of a command, device, directory, or common action.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -16,10 +16,6 @@
 	"atlaskit:src": "src/index.tsx",
 	"atlassian": {
 		"team": "Design System Team",
-		"productPushConsumption": [
-			"jira"
-		],
-		"releaseModel": "continuous",
 		"website": {
 			"name": "Icon",
 			"category": "Components"
@@ -45,11 +41,11 @@
 		"@atlaskit/code": "^15.6.0",
 		"@atlaskit/ds-lib": "^2.5.0",
 		"@atlaskit/logo": "^14.2.0",
-		"@atlaskit/primitives": "^12.0.0",
+		"@atlaskit/primitives": "^12.1.0",
 		"@atlaskit/ssr": "*",
 		"@atlaskit/textfield": "^6.5.0",
 		"@atlaskit/theme": "^13.0.0",
-		"@atlaskit/toggle": "^13.3.0",
+		"@atlaskit/toggle": "^13.4.0",
 		"@atlaskit/tooltip": "^18.7.0",
 		"@atlaskit/visual-regression": "*",
 		"@babel/core": "^7.20.0",
@@ -119,6 +115,9 @@
 		"platform-visual-refresh-icons-legacy-facade": {
 			"type": "boolean",
 			"showOnWebsiteForTransitiveDependencies": true
+		},
+		"platform-design-system-new-icon-default-color": {
+			"type": "boolean"
 		}
 	}
 }

package/utility/migration/cross--editor-close.d.ts

@@ -0,0 +1,14 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::fe12111f9fd9352caac76e6700547352>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
+
+import React from 'react';
+import Icon from '@atlaskit/icon/UNSAFE_base-new';
+
+declare const CrossIconMigration: {
+  (props: Omit<React.ComponentProps<typeof Icon>, 'dangerouslySetGlyph' | 'type' | 'spacing' | 'LEGACY_fallbackIcon'> ): JSX.Element;
+  displayName: string;
+};
+export default CrossIconMigration;

package/utility/migration/cross--editor-close.js

@@ -0,0 +1,33 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::7f4a9a14e2cbd991149ff35fe23cef8b>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _cross = _interopRequireDefault(require("@atlaskit/icon/utility/cross"));
+var _close = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/close"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * ⚠️ EXPERIMENTAL ⚠️ - New icons are in alpha - and subject to change or removal in future minor or patch releases.
+ *
+ * Migration Icon component for CrossIcon.
+ * This component is CrossIcon, with `UNSAFE_fallbackIcon` set to "EditorCloseIcon".
+ *
+ * Category: utility
+ * Location: @atlaskit/icon
+ * Usage guidance: Known uses: remove tag.
+ * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
+ * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
+ */
+const CrossIcon = props => /*#__PURE__*/_react.default.createElement(_cross.default, Object.assign({
+  LEGACY_fallbackIcon: _close.default
+  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+}, props));
+CrossIcon.Name = 'CrossIconMigration';
+var _default = exports.default = CrossIcon;