@atlaskit/icon 22.5.1 → 22.6.0

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @atlaskit/icon
 
+## 22.6.0
+
+### Minor Changes
+
+- [`c1a3f0e0f18e2`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/c1a3f0e0f18e2) -
+  Adds LEGACY_primaryColor to the icon API, to assist with user migration.
+
 ## 22.5.1
 
 ### Patch Changes

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

@@ -100,6 +100,7 @@ var Icon = exports.Icon = /*#__PURE__*/(0, _react.memo)(function Icon(props) {
     providedSpacing = _ref$spacing === void 0 ? 'none' : _ref$spacing,
     testId = _ref.testId,
     label = _ref.label,
+    LEGACY_primaryColor = _ref.LEGACY_primaryColor,
     LEGACY_secondaryColor = _ref.LEGACY_secondaryColor,
     LEGACY_size = _ref.LEGACY_size,
     FallbackIcon = _ref.LEGACY_fallbackIcon,
@@ -112,10 +113,10 @@ var Icon = exports.Icon = /*#__PURE__*/(0, _react.memo)(function Icon(props) {
   } : undefined;
 
   // Fall back to old icon
-  if (FallbackIcon && !(0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.enable-new-icons')) {
+  if (FallbackIcon && !(0, _platformFeatureFlags.fg)('platform.design-system-team.enable-new-icons')) {
     // parse out unnecessary props
     return (0, _react2.jsx)(FallbackIcon, {
-      primaryColor: color,
+      primaryColor: LEGACY_primaryColor !== null && LEGACY_primaryColor !== void 0 ? LEGACY_primaryColor : color,
       secondaryColor: LEGACY_secondaryColor,
       size: LEGACY_size,
       label: label,

package/dist/cjs/components/styles.js

@@ -31,7 +31,7 @@ var largeStyles = (0, _react.css)(_constants.dimensions.large);
 var xlargeStyles = (0, _react.css)(_constants.dimensions.xlarge);
 
 // pre-built css style-size map
-// eslint-disable-next-line @atlaskit/design-system/no-exported-css, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var sizeStyleMap = exports.sizeStyleMap = {
   small: smallStyles,
   medium: mediumStyles,

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

@@ -5,7 +5,7 @@
 import { memo } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 
 /**
  * We are hiding this props from consumers as it's reserved
@@ -91,6 +91,7 @@ export const Icon = /*#__PURE__*/memo(function Icon(props) {
     spacing: providedSpacing = 'none',
     testId,
     label,
+    LEGACY_primaryColor,
     LEGACY_secondaryColor,
     LEGACY_size,
     LEGACY_fallbackIcon: FallbackIcon,
@@ -106,10 +107,10 @@ export const Icon = /*#__PURE__*/memo(function Icon(props) {
   } : undefined;
 
   // Fall back to old icon
-  if (FallbackIcon && !getBooleanFF('platform.design-system-team.enable-new-icons')) {
+  if (FallbackIcon && !fg('platform.design-system-team.enable-new-icons')) {
     // parse out unnecessary props
     return jsx(FallbackIcon, {
-      primaryColor: color,
+      primaryColor: LEGACY_primaryColor !== null && LEGACY_primaryColor !== void 0 ? LEGACY_primaryColor : color,
       secondaryColor: LEGACY_secondaryColor,
       size: LEGACY_size,
       label: label,

package/dist/es2019/components/styles.js

@@ -24,7 +24,7 @@ const largeStyles = css(dimensions.large);
 const xlargeStyles = css(dimensions.xlarge);
 
 // pre-built css style-size map
-// eslint-disable-next-line @atlaskit/design-system/no-exported-css, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const sizeStyleMap = {
   small: smallStyles,
   medium: mediumStyles,

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

@@ -5,7 +5,7 @@
 import { memo } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 
 /**
  * We are hiding this props from consumers as it's reserved
@@ -93,6 +93,7 @@ export var Icon = /*#__PURE__*/memo(function Icon(props) {
     providedSpacing = _ref$spacing === void 0 ? 'none' : _ref$spacing,
     testId = _ref.testId,
     label = _ref.label,
+    LEGACY_primaryColor = _ref.LEGACY_primaryColor,
     LEGACY_secondaryColor = _ref.LEGACY_secondaryColor,
     LEGACY_size = _ref.LEGACY_size,
     FallbackIcon = _ref.LEGACY_fallbackIcon,
@@ -105,10 +106,10 @@ export var Icon = /*#__PURE__*/memo(function Icon(props) {
   } : undefined;
 
   // Fall back to old icon
-  if (FallbackIcon && !getBooleanFF('platform.design-system-team.enable-new-icons')) {
+  if (FallbackIcon && !fg('platform.design-system-team.enable-new-icons')) {
     // parse out unnecessary props
     return jsx(FallbackIcon, {
-      primaryColor: color,
+      primaryColor: LEGACY_primaryColor !== null && LEGACY_primaryColor !== void 0 ? LEGACY_primaryColor : color,
       secondaryColor: LEGACY_secondaryColor,
       size: LEGACY_size,
       label: label,

package/dist/esm/components/styles.js

@@ -24,7 +24,7 @@ var largeStyles = css(dimensions.large);
 var xlargeStyles = css(dimensions.xlarge);
 
 // pre-built css style-size map
-// eslint-disable-next-line @atlaskit/design-system/no-exported-css, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var sizeStyleMap = {
   small: smallStyles,
   medium: mediumStyles,

package/dist/types/types.d.ts

@@ -94,6 +94,11 @@ export interface NewIconProps extends NewGlyphProps, IconInternalGlyphProps {
      * The legacy icon defaults to "medium" size, with `primaryColor` set to the value of the `color` prop.
      */
     LEGACY_fallbackIcon?: ComponentType<IconProps>;
+    /**
+     * Optional custom primary color to be rendered by the fallback icon, only to be use when a different color than the `color` prop is required.
+     * @default Use the `color` prop value.
+     */
+    LEGACY_primaryColor?: string;
     /**
      * Secondary color to be rendered by the legacy fallback icon
      */

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

@@ -94,6 +94,11 @@ export interface NewIconProps extends NewGlyphProps, IconInternalGlyphProps {
      * The legacy icon defaults to "medium" size, with `primaryColor` set to the value of the `color` prop.
      */
     LEGACY_fallbackIcon?: ComponentType<IconProps>;
+    /**
+     * Optional custom primary color to be rendered by the fallback icon, only to be use when a different color than the `color` prop is required.
+     * @default Use the `color` prop value.
+     */
+    LEGACY_primaryColor?: string;
     /**
      * Secondary color to be rendered by the legacy fallback icon
      */

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/icon",
-	"version": "22.5.1",
+	"version": "22.6.0",
 	"description": "An icon is a visual representation of a command, device, directory, or common action.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -42,10 +42,10 @@
 		"@af/accessibility-testing": "*",
 		"@af/icon-build-process": "^1.0.0",
 		"@af/visual-regression": "*",
-		"@atlaskit/code": "^15.3.0",
+		"@atlaskit/code": "^15.4.0",
 		"@atlaskit/ds-lib": "^2.3.0",
 		"@atlaskit/logo": "^14.1.0",
-		"@atlaskit/primitives": "^10.0.0",
+		"@atlaskit/primitives": "^10.1.0",
 		"@atlaskit/ssr": "*",
 		"@atlaskit/textfield": "^6.4.0",
 		"@atlaskit/theme": "^12.11.0",