@atlaskit/icon 30.0.2 → 31.0.0

package/CHANGELOG.md

@@ -1,5 +1,33 @@
 # @atlaskit/icon
 
+## 31.0.0
+
+### Major Changes
+
+- [`cba951d9c882d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/cba951d9c882d) -
+  Dropping LEGACY_fallback prop from icon-tile
+
+### Patch Changes
+
+- Updated dependencies
+
+## 30.1.0
+
+### Minor Changes
+
+- [`ea7a01d023b36`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ea7a01d023b36) -
+  This release adds and updates icons in `@atlaskit/icon`.
+
+  ### Added:
+
+  **`@atlaskit/icon/core`**
+  - `ai-sparkle`
+
+  ### Updated:
+
+  **`@atlaskit/icon/core`**
+  - `chart-pie`
+
 ## 30.0.2
 
 ### Patch Changes

package/core/ai-sparkle.d.ts

@@ -0,0 +1,13 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::656e7a16dfb45951e38c3aca7ee2e71d>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
+
+import type { NewCoreIconProps } from '@atlaskit/icon/base-new';
+
+declare const AiSparkleIcon: {
+  (props: NewCoreIconProps): JSX.Element;
+  displayName: string;
+};
+export default AiSparkleIcon;

package/core/ai-sparkle.js

@@ -0,0 +1,31 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::b61845f1547de2636ef983731a146ccf>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _baseNew = _interopRequireDefault(require("@atlaskit/icon/base-new"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * Icon: "AiSparkle".
+ * Category: single-purpose
+ * Location: @atlaskit/icon
+ * Usage guidance: Reserved for representing AI-powered features and functionality.
+
+Note: The "Editions" gem icon has replaced the sparkle icon for representing premium features in upsell experiences.
+ * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
+ * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
+ */
+const AiSparkleIcon = props => /*#__PURE__*/_react.default.createElement(_baseNew.default, Object.assign({
+  name: "AiSparkleIcon",
+  dangerouslySetGlyph: `<path fill="currentcolor" d="M14.5 11.5V13H16v1.5h-1.5V16H13v-1.5h-1.5V13H13v-1.5zM8 1c.31 0 .587.19.7.479l1.63 4.19 4.192 1.632a.75.75 0 0 1 0 1.398l-4.193 1.63-1.63 4.192a.75.75 0 0 1-1.398 0L5.67 10.33 1.479 8.7a.75.75 0 0 1 0-1.398l4.19-1.631L7.301 1.48l.05-.104A.75.75 0 0 1 8 1M6.95 6.521a.75.75 0 0 1-.429.428L3.82 8l2.702 1.05a.75.75 0 0 1 .428.429l1.05 2.7 1.05-2.7.033-.073a.75.75 0 0 1 .396-.355L12.179 8l-2.7-1.05a.75.75 0 0 1-.428-.429L8 3.82zM3 0v1.5h1.5V3H3v1.5H1.5V3H0V1.5h1.5V0z"/>`
+  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+}, props));
+AiSparkleIcon.displayName = 'AiSparkleIcon';
+var _default = exports.default = AiSparkleIcon;

package/core/chart-pie.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::489a1ce52dae13a2bbd56ecd51b0a599>>
+ * @codegen <<SignedSource::73aa242f320d942684323257fb8f0809>>
  * @codegenCommand yarn build:icon-glyphs
  */
 "use strict";
@@ -22,7 +22,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
  */
 const ChartPieIcon = props => /*#__PURE__*/_react.default.createElement(_baseNew.default, Object.assign({
   name: "ChartPieIcon",
-  dangerouslySetGlyph: `<mask id="mask0_60328_19669" width="16" height="16" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="currentcolor" d="M5.106 0C5.04.239 5 .49 5 .75v7.5a2.75 2.75 0 0 0 3.462 2.656l7.246-1.941q.15-.04.292-.098V16H0V0zm5.672 4.59-.278.076v-.29q.143.102.278.215M16 2.17A10.3 10.3 0 0 0 13.831 0H16z"/></mask><g mask="url(#mask0_60328_19669)"><path stroke="currentcolor" stroke-linejoin="round" stroke-width="1.5" d="M1.75 8a6.25 6.25 0 1 0 12.5 0 6.25 6.25 0 0 0-12.5 0Z"/></g><path stroke="currentcolor" stroke-linejoin="round" stroke-width="1.5" d="M7.75 8.25V.75c3.47 0 6.39 2.357 7.246 5.558z"/>`
+  dangerouslySetGlyph: `<mask id="mask0_63315_17541" width="16" height="16" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="currentcolor" d="M5.106 0C5.04.239 5 .49 5 .75v7.5a2.75 2.75 0 0 0 3.462 2.656l7.246-1.941q.15-.04.292-.098V16H0V0zm5.672 4.59-.278.076v-.29q.143.102.278.215M16 2.17A10.3 10.3 0 0 0 13.831 0H16z"/></mask><g mask="url(#mask0_63315_17541)"><path stroke="currentcolor" stroke-linejoin="round" stroke-width="1.5" d="M1.75 8a6.25 6.25 0 1 0 12.5 0 6.25 6.25 0 0 0-12.5 0Z"/></g><path stroke="currentcolor" stroke-linejoin="round" stroke-width="1.5" d="M7.75 8.25V.75c3.47 0 6.39 2.357 7.246 5.558z"/>`
   // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
 }, props));
 ChartPieIcon.displayName = 'ChartPieIcon';

package/dist/cjs/components/icon-tile/index.js

@@ -47,11 +47,7 @@ function IconTile(_ref) {
     size = _ref.size,
     testId = _ref.testId,
     shape = _ref.shape,
-    LEGACY_fallbackComponent = _ref.LEGACY_fallbackComponent,
     UNSAFE_circleReplacementComponent = _ref.UNSAFE_circleReplacementComponent;
-  if (LEGACY_fallbackComponent && !(0, _platformFeatureFlags.fg)('platform-visual-refresh-icons')) {
-    return LEGACY_fallbackComponent;
-  }
   if (UNSAFE_circleReplacementComponent && shape === 'circle' && ((0, _platformFeatureFlags.fg)('platform_dst_icon_tile_circle_replacement') || (0, _platformFeatureFlags.fg)('platform_dst_icon_tile_circle_replacement_stage2'))) {
     return UNSAFE_circleReplacementComponent;
   }

package/dist/cjs/metadata-core.js

@@ -9,7 +9,7 @@ exports.default = void 0;
  *
  * To change the format of this file, modify `createIconDocsNew` in icon-build-process/src/create-icon-docs.tsx.
  *
- * @codegen <<SignedSource::5b8f207efd0b698d67177c14ac7a5c63>>
+ * @codegen <<SignedSource::eb2aff60a1ad64d7d4ee816170401efd>>
  * @codegenCommand yarn build:icon-glyphs
  */
 
@@ -62,6 +62,15 @@ var metadata = {
     status: 'published',
     slackChannel: '#feedback-loom-vizrefresh'
   },
+  'ai-sparkle': {
+    keywords: ['ai-sparkle', 'aisparkle', 'icon', 'AI', 'sparkles', 'generative AI', 'AI functionality'],
+    componentName: 'AiSparkleIcon',
+    package: '@atlaskit/icon/core/ai-sparkle',
+    categorization: 'single-purpose',
+    usage: "Reserved for representing AI-powered features and functionality.  Note: The 'Editions' gem icon has replaced the sparkle icon for representing premium features in upsell experiences.",
+    team: 'Design System Team',
+    status: 'published'
+  },
   alert: {
     keywords: ['alert', 'icon', 'alert', 'event', 'operations'],
     componentName: 'AlertIcon',

package/dist/es2019/components/icon-tile/index.js

@@ -40,12 +40,8 @@ export default function IconTile({
   size,
   testId,
   shape,
-  LEGACY_fallbackComponent,
   UNSAFE_circleReplacementComponent
 }) {
-  if (LEGACY_fallbackComponent && !fg('platform-visual-refresh-icons')) {
-    return LEGACY_fallbackComponent;
-  }
   if (UNSAFE_circleReplacementComponent && shape === 'circle' && (fg('platform_dst_icon_tile_circle_replacement') || fg('platform_dst_icon_tile_circle_replacement_stage2'))) {
     return UNSAFE_circleReplacementComponent;
   }

package/dist/es2019/metadata-core.js

@@ -3,7 +3,7 @@
  *
  * To change the format of this file, modify `createIconDocsNew` in icon-build-process/src/create-icon-docs.tsx.
  *
- * @codegen <<SignedSource::5b8f207efd0b698d67177c14ac7a5c63>>
+ * @codegen <<SignedSource::eb2aff60a1ad64d7d4ee816170401efd>>
  * @codegenCommand yarn build:icon-glyphs
  */
 
@@ -56,6 +56,15 @@ const metadata = {
     status: 'published',
     slackChannel: '#feedback-loom-vizrefresh'
   },
+  'ai-sparkle': {
+    keywords: ['ai-sparkle', 'aisparkle', 'icon', 'AI', 'sparkles', 'generative AI', 'AI functionality'],
+    componentName: 'AiSparkleIcon',
+    package: '@atlaskit/icon/core/ai-sparkle',
+    categorization: 'single-purpose',
+    usage: "Reserved for representing AI-powered features and functionality.  Note: The 'Editions' gem icon has replaced the sparkle icon for representing premium features in upsell experiences.",
+    team: 'Design System Team',
+    status: 'published'
+  },
   alert: {
     keywords: ['alert', 'icon', 'alert', 'event', 'operations'],
     componentName: 'AlertIcon',

package/dist/esm/components/icon-tile/index.js

@@ -40,11 +40,7 @@ export default function IconTile(_ref) {
     size = _ref.size,
     testId = _ref.testId,
     shape = _ref.shape,
-    LEGACY_fallbackComponent = _ref.LEGACY_fallbackComponent,
     UNSAFE_circleReplacementComponent = _ref.UNSAFE_circleReplacementComponent;
-  if (LEGACY_fallbackComponent && !fg('platform-visual-refresh-icons')) {
-    return LEGACY_fallbackComponent;
-  }
   if (UNSAFE_circleReplacementComponent && shape === 'circle' && (fg('platform_dst_icon_tile_circle_replacement') || fg('platform_dst_icon_tile_circle_replacement_stage2'))) {
     return UNSAFE_circleReplacementComponent;
   }

package/dist/esm/metadata-core.js

@@ -3,7 +3,7 @@
  *
  * To change the format of this file, modify `createIconDocsNew` in icon-build-process/src/create-icon-docs.tsx.
  *
- * @codegen <<SignedSource::5b8f207efd0b698d67177c14ac7a5c63>>
+ * @codegen <<SignedSource::eb2aff60a1ad64d7d4ee816170401efd>>
  * @codegenCommand yarn build:icon-glyphs
  */
 
@@ -56,6 +56,15 @@ var metadata = {
     status: 'published',
     slackChannel: '#feedback-loom-vizrefresh'
   },
+  'ai-sparkle': {
+    keywords: ['ai-sparkle', 'aisparkle', 'icon', 'AI', 'sparkles', 'generative AI', 'AI functionality'],
+    componentName: 'AiSparkleIcon',
+    package: '@atlaskit/icon/core/ai-sparkle',
+    categorization: 'single-purpose',
+    usage: "Reserved for representing AI-powered features and functionality.  Note: The 'Editions' gem icon has replaced the sparkle icon for representing premium features in upsell experiences.",
+    team: 'Design System Team',
+    status: 'published'
+  },
   alert: {
     keywords: ['alert', 'icon', 'alert', 'event', 'operations'],
     componentName: 'AlertIcon',

package/dist/types/components/icon-tile/index.d.ts

@@ -5,4 +5,4 @@ import { type IconTileProps } from '../../types';
  *
  * An icon with background shape, color, and size properties determined by Tile.
  */
-export default function IconTile({ appearance, icon: Icon, label, size, testId, shape, LEGACY_fallbackComponent, UNSAFE_circleReplacementComponent, }: IconTileProps): React.JSX.Element;
+export default function IconTile({ appearance, icon: Icon, label, size, testId, shape, UNSAFE_circleReplacementComponent, }: IconTileProps): React.JSX.Element;

package/dist/types/components/skeleton.d.ts

@@ -1,6 +1,11 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type NamedExoticComponent } from 'react';
 import type { SkeletonProps } from '../types';
 /**
  * __Skeleton__
  */
-declare const Skeleton: import("react").NamedExoticComponent<SkeletonProps>;
+declare const Skeleton: NamedExoticComponent<SkeletonProps>;
 export default Skeleton;

package/dist/types/components/svg.d.ts

@@ -1,3 +1,8 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type NamedExoticComponent } from 'react';
 import type { SVGProps } from '../types';
 /**
  * __SVG__
@@ -8,5 +13,5 @@ import type { SVGProps } from '../types';
  *
  * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
  */
-declare const SVG: import("react").NamedExoticComponent<SVGProps>;
+declare const SVG: NamedExoticComponent<SVGProps>;
 export default SVG;

package/dist/types/metadata-core.d.ts

@@ -3,7 +3,7 @@
  *
  * To change the format of this file, modify `createIconDocsNew` in icon-build-process/src/create-icon-docs.tsx.
  *
- * @codegen <<SignedSource::5b8f207efd0b698d67177c14ac7a5c63>>
+ * @codegen <<SignedSource::eb2aff60a1ad64d7d4ee816170401efd>>
  * @codegenCommand yarn build:icon-glyphs
  */
 interface metadata {

package/dist/types/types.d.ts

@@ -177,11 +177,6 @@ export interface IconTileProps {
      * implement alternatives.
      */
     shape?: 'square' | 'circle';
-    /**
-     * Legacy component to render when the icon refresh feature flag is turned off.
-     * @deprecated This prop is deprecated and will be removed in a future version.
-     */
-    LEGACY_fallbackComponent?: ReactElement;
     /**
      * A component to render in place of circle shaped icon tiles, swapped out with a feature flag.
      *

package/dist/types-ts4.5/components/icon-tile/index.d.ts

@@ -5,4 +5,4 @@ import { type IconTileProps } from '../../types';
  *
  * An icon with background shape, color, and size properties determined by Tile.
  */
-export default function IconTile({ appearance, icon: Icon, label, size, testId, shape, LEGACY_fallbackComponent, UNSAFE_circleReplacementComponent, }: IconTileProps): React.JSX.Element;
+export default function IconTile({ appearance, icon: Icon, label, size, testId, shape, UNSAFE_circleReplacementComponent, }: IconTileProps): React.JSX.Element;

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

@@ -1,6 +1,11 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type NamedExoticComponent } from 'react';
 import type { SkeletonProps } from '../types';
 /**
  * __Skeleton__
  */
-declare const Skeleton: import("react").NamedExoticComponent<SkeletonProps>;
+declare const Skeleton: NamedExoticComponent<SkeletonProps>;
 export default Skeleton;

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

@@ -1,3 +1,8 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type NamedExoticComponent } from 'react';
 import type { SVGProps } from '../types';
 /**
  * __SVG__
@@ -8,5 +13,5 @@ import type { SVGProps } from '../types';
  *
  * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
  */
-declare const SVG: import("react").NamedExoticComponent<SVGProps>;
+declare const SVG: NamedExoticComponent<SVGProps>;
 export default SVG;

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

@@ -3,7 +3,7 @@
  *
  * To change the format of this file, modify `createIconDocsNew` in icon-build-process/src/create-icon-docs.tsx.
  *
- * @codegen <<SignedSource::5b8f207efd0b698d67177c14ac7a5c63>>
+ * @codegen <<SignedSource::eb2aff60a1ad64d7d4ee816170401efd>>
  * @codegenCommand yarn build:icon-glyphs
  */
 interface metadata {

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

@@ -177,11 +177,6 @@ export interface IconTileProps {
      * implement alternatives.
      */
     shape?: 'square' | 'circle';
-    /**
-     * Legacy component to render when the icon refresh feature flag is turned off.
-     * @deprecated This prop is deprecated and will be removed in a future version.
-     */
-    LEGACY_fallbackComponent?: ReactElement;
     /**
      * A component to render in place of circle shaped icon tiles, swapped out with a feature flag.
      *

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/icon",
-	"version": "30.0.2",
+	"version": "31.0.0",
 	"description": "An icon is a symbol representing a command, device, directory, or common action.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -53,7 +53,7 @@
 		"@atlaskit/css": "^0.19.0",
 		"@atlaskit/docs": "^11.3.0",
 		"@atlaskit/form": "^15.3.0",
-		"@atlaskit/heading": "^5.2.0",
+		"@atlaskit/heading": "^5.3.0",
 		"@atlaskit/icon-file-type": "^7.0.0",
 		"@atlaskit/icon-object": "^7.4.0",
 		"@atlaskit/link": "^3.3.0",

package/svgs/core/ai-sparkle.svg

@@ -0,0 +1 @@
+<svg width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentcolor" d="M14.5 11.5V13H16v1.5h-1.5V16H13v-1.5h-1.5V13H13v-1.5zM8 1c.31 0 .587.19.7.479l1.63 4.19 4.192 1.632a.75.75 0 0 1 0 1.398l-4.193 1.63-1.63 4.192a.75.75 0 0 1-1.398 0L5.67 10.33 1.479 8.7a.75.75 0 0 1 0-1.398l4.19-1.631L7.301 1.48l.05-.104A.75.75 0 0 1 8 1M6.95 6.521a.75.75 0 0 1-.429.428L3.82 8l2.702 1.05a.75.75 0 0 1 .428.429l1.05 2.7 1.05-2.7.033-.073a.75.75 0 0 1 .396-.355L12.179 8l-2.7-1.05a.75.75 0 0 1-.428-.429L8 3.82zM3 0v1.5h1.5V3H3v1.5H1.5V3H0V1.5h1.5V0z"/></svg>

package/svgs/core/chart-pie.svg

@@ -1 +1 @@
-<svg width="16" height="16" fill="none" viewBox="0 0 16 16"><mask id="mask0_60328_19669" width="16" height="16" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="currentcolor" d="M5.106 0C5.04.239 5 .49 5 .75v7.5a2.75 2.75 0 0 0 3.462 2.656l7.246-1.941q.15-.04.292-.098V16H0V0zm5.672 4.59-.278.076v-.29q.143.102.278.215M16 2.17A10.3 10.3 0 0 0 13.831 0H16z"/></mask><g mask="url(#mask0_60328_19669)"><path stroke="currentcolor" stroke-linejoin="round" stroke-width="1.5" d="M1.75 8a6.25 6.25 0 1 0 12.5 0 6.25 6.25 0 0 0-12.5 0Z"/></g><path stroke="currentcolor" stroke-linejoin="round" stroke-width="1.5" d="M7.75 8.25V.75c3.47 0 6.39 2.357 7.246 5.558z"/></svg>
+<svg width="16" height="16" fill="none" viewBox="0 0 16 16"><mask id="mask0_63315_17541" width="16" height="16" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="currentcolor" d="M5.106 0C5.04.239 5 .49 5 .75v7.5a2.75 2.75 0 0 0 3.462 2.656l7.246-1.941q.15-.04.292-.098V16H0V0zm5.672 4.59-.278.076v-.29q.143.102.278.215M16 2.17A10.3 10.3 0 0 0 13.831 0H16z"/></mask><g mask="url(#mask0_63315_17541)"><path stroke="currentcolor" stroke-linejoin="round" stroke-width="1.5" d="M1.75 8a6.25 6.25 0 1 0 12.5 0 6.25 6.25 0 0 0-12.5 0Z"/></g><path stroke="currentcolor" stroke-linejoin="round" stroke-width="1.5" d="M7.75 8.25V.75c3.47 0 6.39 2.357 7.246 5.558z"/></svg>

package/tsconfig.json

@@ -1,20 +1,19 @@
 {
-  "extends": "../../../tsconfig.json",
-  "include": [
-    "build",
-    "./src/**/*.ts",
-    "./src/**/*.tsx",
-    "./docs/**/*.ts",
-    "./docs/**/*.tsx",
-    "./examples/**/*.ts",
-    "./examples/**/*.tsx",
-    "./codemods",
-    "**/stories.ts",
-    "**/stories.tsx",
-    "**/stories/*.ts",
-    "**/stories/*.tsx",
-    "**/stories/**/*.ts",
-    "**/stories/**/*.tsx"
-  ],
-  "compilerOptions": {}
+	"extends": "../../../tsconfig.json",
+	"include": [
+		"build",
+		"./src/**/*.ts",
+		"./src/**/*.tsx",
+		"./docs/**/*.ts",
+		"./docs/**/*.tsx",
+		"./examples/**/*.ts",
+		"./examples/**/*.tsx",
+		"./codemods",
+		"**/stories.ts",
+		"**/stories.tsx",
+		"**/stories/*.ts",
+		"**/stories/*.tsx",
+		"**/stories/**/*.ts",
+		"**/stories/**/*.tsx"
+	]
 }