@atlaskit/icon 25.3.1 → 25.5.0

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # @atlaskit/icon
 
+## 25.5.0
+
+### Minor Changes
+
+- [#135884](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/135884)
+  [`20a4ca43b3a13`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/20a4ca43b3a13) -
+  This release adds icons in `@atlaskit/icon`.
+
+  ### Added:
+
+  **`@atlaskit/icon/core`**
+
+  - `ai-generative-text-summary`
+
+## 25.4.0
+
+### Minor Changes
+
+- [#134572](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/134572)
+  [`9ae8e789e419b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9ae8e789e419b) -
+  Icons are now shipped using paths instead of strokes and no longer require SVG filter overrides
+  when using disabled tokens for color.
+
 ## 25.3.1
 
 ### Patch Changes

package/core/ai-generative-text-summary.d.ts

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

package/core/ai-generative-text-summary.js

@@ -0,0 +1,28 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::d4df587d0c3f1832e97f8caba30d1552>>
+ * @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: "AiGenerativeTextSummary".
+ * Category: single-purpose
+ * Location: @atlaskit/icon
+ * Usage guidance: Reserved for summarizing content with Atlassian Intelligence & Loom
+ * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
+ * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
+ */
+const AiGenerativeTextSummaryIcon = props => /*#__PURE__*/_react.default.createElement(_baseNew.default, Object.assign({
+  dangerouslySetGlyph: `<path fill="currentcolor" fill-rule="evenodd" d="M1 1h14v1.5H1zm0 4.166h14v1.5H1zm10.796 4.328a.75.75 0 0 1 1.41 0l.615 1.687 1.686.615a.75.75 0 0 1 0 1.41l-1.686.615-.615 1.686a.75.75 0 0 1-1.41 0l-.615-1.686-1.687-.615a.75.75 0 0 1 0-1.41l1.687-.615zM1 9.333h7v1.5H1zm0 4.166h5v1.5H1z" clip-rule="evenodd"/>`
+  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+}, props));
+AiGenerativeTextSummaryIcon.displayName = 'AiGenerativeTextSummaryIcon';
+var _default = exports.default = AiGenerativeTextSummaryIcon;

package/core/migration/refresh.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::51b314e985f858eff3d9d6d05ad7554f>>
+ * @codegen <<SignedSource::97b7deedaffb04632472c93b0c8f5452>>
  * @codegenCommand yarn build:icon-glyphs
  */
 "use strict";
@@ -19,7 +19,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
  *
  * Category: single-purpose
  * Location: @atlaskit/icon
- * Usage guidance: Reserved for reloading content.
+ * Usage guidance: Reserved for reloading or replaying content
  * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
  */

package/core/refresh.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::6e7eab119af5e1a479fd38c5143f0e43>>
+ * @codegen <<SignedSource::688997f0a16a41562042ca280fe15628>>
  * @codegenCommand yarn build:icon-glyphs
  */
 "use strict";
@@ -16,7 +16,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
  * Icon: "Refresh".
  * Category: single-purpose
  * Location: @atlaskit/icon
- * Usage guidance: Reserved for reloading content.
+ * Usage guidance: Reserved for reloading or replaying content
  * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
  */

package/core/summarize.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::31cc4ff5414edc2e185aed486600b2cf>>
+ * @codegen <<SignedSource::8e7be616b8d6a1a67d5ec530f9dff6db>>
  * @codegenCommand yarn build:icon-glyphs
  */
 "use strict";
@@ -16,7 +16,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
  * Icon: "Summarize".
  * Category: single-purpose
  * Location: @atlaskit/icon
- * Usage guidance: Reserved for summarizing content with Atlassian Intelligence.
+ * Usage guidance: Reserved for summarizing content with Atlassian Intelligence & Loom
  * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
  */

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

@@ -159,23 +159,13 @@ var Icon = exports.Icon = /*#__PURE__*/(0, _react.memo)(function Icon(props) {
     viewBoxPadding = paddingMap['core'][(_props$spacing2 = props.spacing) !== null && _props$spacing2 !== void 0 ? _props$spacing2 : 'none'];
   }
   var viewBoxSize = baseSize + 2 * viewBoxPadding;
-
-  // Workaround for the transparency in our disabled icon token.
-  // Because we have multiple strokes in icons, opacities overlap
-  // This filter has an impact on render performance, but this is
-  // acceptable as icons aren't commonly disabled en-masse
-  var iconColor = color;
-  if (dangerouslySetInnerHTML && color === "var(--ds-icon-disabled, #091E424F)") {
-    dangerouslySetInnerHTML.__html = "\n<filter id=\"ds-newIconOpacityFilter\">\n  <feFlood flood-color=\"var(--ds-icon-disabled)\" />\n  <feComposite in2=\"SourceGraphic\" operator=\"in\" />\n</filter>\n<g filter=\"url(#ds-newIconOpacityFilter)\">\n  ".concat(dangerouslySetInnerHTML.__html, "\n</g>");
-    iconColor = "var(--ds-icon, #44546F)";
-  }
   return (0, _react2.jsx)("span", {
     "data-testid": testId,
     role: label ? 'img' : undefined,
     "aria-label": label ? label : undefined,
     "aria-hidden": label ? undefined : true,
     style: {
-      color: iconColor
+      color: color
     },
     css: [iconStyles, baseHcmStyles, shouldScale && scaleStyles, props.type === 'utility' && utilityIconStyles]
   }, (0, _react2.jsx)("svg", {

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::2ca31b9abe775e60f7646b017697a863>>
+ * @codegen <<SignedSource::7874a05897580fcc2a00faa4a15c3179>>
  * @codegenCommand yarn build:icon-glyphs
  */
 
@@ -56,6 +56,17 @@ var metadata = {
     team: 'Design System Team',
     status: 'published'
   },
+  'ai-generative-text-summary': {
+    keywords: ['ai-generative-text-summary', 'aigenerativetextsummary', 'icon', 'core', 'summarize', 'summarise', 'summary', 'automation', 'AI'],
+    componentName: 'AiGenerativeTextSummaryIcon',
+    package: '@atlaskit/icon/core/ai-generative-text-summary',
+    type: 'core',
+    categorization: 'single-purpose',
+    usage: 'Reserved for summarizing content with Atlassian Intelligence & Loom',
+    team: 'Atlassian Intelligence & Loom',
+    status: 'published',
+    slackChannel: '#feedback-loom-vizrefresh'
+  },
   alert: {
     keywords: ['alert', 'icon', 'core', 'alert', 'event', 'operations'],
     componentName: 'AlertIcon',
@@ -2675,13 +2686,13 @@ var metadata = {
     status: 'published'
   },
   refresh: {
-    keywords: ['refresh', 'cycle', 'icon', 'core', 'refresh', 'reload', 'update', 'circular arrows'],
+    keywords: ['refresh', 'cycle', 'icon', 'core', 'refresh', 'reload', 'update', 'circular arrows', 'replay'],
     componentName: 'RefreshIcon',
     package: '@atlaskit/icon/core/refresh',
     oldName: ['refresh'],
     type: 'core',
     categorization: 'single-purpose',
-    usage: 'Reserved for reloading content.',
+    usage: 'Reserved for reloading or replaying content',
     team: 'Design System Team',
     status: 'published'
   },
@@ -3169,14 +3180,15 @@ var metadata = {
     status: 'published'
   },
   summarize: {
-    keywords: ['summarize', 'icon', 'core', 'summarize', 'summarise', 'quote', 'quotes'],
+    keywords: ['summarize', 'icon', 'core', 'summarize', 'summarise', 'summary', 'automation', 'AI'],
     componentName: 'SummarizeIcon',
     package: '@atlaskit/icon/core/summarize',
     type: 'core',
     categorization: 'single-purpose',
-    usage: 'Reserved for summarizing content with Atlassian Intelligence.',
-    team: 'Atlassian Intelligence',
-    status: 'published'
+    usage: 'Reserved for summarizing content with Atlassian Intelligence & Loom',
+    team: 'Atlassian Intelligence & Loom',
+    status: 'published',
+    slackChannel: '#feedback-loom-vizrefresh'
   },
   support: {
     keywords: ['support', 'icon', 'core', 'support', 'help', 'life raft', 'life ring', 'lifebuoy', 'life preserver'],

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

@@ -156,30 +156,13 @@ export const Icon = /*#__PURE__*/memo(function Icon(props) {
     viewBoxPadding = paddingMap['core'][(_props$spacing2 = props.spacing) !== null && _props$spacing2 !== void 0 ? _props$spacing2 : 'none'];
   }
   const viewBoxSize = baseSize + 2 * viewBoxPadding;
-
-  // Workaround for the transparency in our disabled icon token.
-  // Because we have multiple strokes in icons, opacities overlap
-  // This filter has an impact on render performance, but this is
-  // acceptable as icons aren't commonly disabled en-masse
-  let iconColor = color;
-  if (dangerouslySetInnerHTML && color === "var(--ds-icon-disabled, #091E424F)") {
-    dangerouslySetInnerHTML.__html = `
-<filter id="ds-newIconOpacityFilter">
-  <feFlood flood-color="var(--ds-icon-disabled)" />
-  <feComposite in2="SourceGraphic" operator="in" />
-</filter>
-<g filter="url(#ds-newIconOpacityFilter)">
-  ${dangerouslySetInnerHTML.__html}
-</g>`;
-    iconColor = "var(--ds-icon, #44546F)";
-  }
   return jsx("span", {
     "data-testid": testId,
     role: label ? 'img' : undefined,
     "aria-label": label ? label : undefined,
     "aria-hidden": label ? undefined : true,
     style: {
-      color: iconColor
+      color
     },
     css: [iconStyles, baseHcmStyles, shouldScale && scaleStyles, props.type === 'utility' && utilityIconStyles]
   }, jsx("svg", {

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::2ca31b9abe775e60f7646b017697a863>>
+ * @codegen <<SignedSource::7874a05897580fcc2a00faa4a15c3179>>
  * @codegenCommand yarn build:icon-glyphs
  */
 
@@ -50,6 +50,17 @@ const metadata = {
     team: 'Design System Team',
     status: 'published'
   },
+  'ai-generative-text-summary': {
+    keywords: ['ai-generative-text-summary', 'aigenerativetextsummary', 'icon', 'core', 'summarize', 'summarise', 'summary', 'automation', 'AI'],
+    componentName: 'AiGenerativeTextSummaryIcon',
+    package: '@atlaskit/icon/core/ai-generative-text-summary',
+    type: 'core',
+    categorization: 'single-purpose',
+    usage: 'Reserved for summarizing content with Atlassian Intelligence & Loom',
+    team: 'Atlassian Intelligence & Loom',
+    status: 'published',
+    slackChannel: '#feedback-loom-vizrefresh'
+  },
   alert: {
     keywords: ['alert', 'icon', 'core', 'alert', 'event', 'operations'],
     componentName: 'AlertIcon',
@@ -2669,13 +2680,13 @@ const metadata = {
     status: 'published'
   },
   refresh: {
-    keywords: ['refresh', 'cycle', 'icon', 'core', 'refresh', 'reload', 'update', 'circular arrows'],
+    keywords: ['refresh', 'cycle', 'icon', 'core', 'refresh', 'reload', 'update', 'circular arrows', 'replay'],
     componentName: 'RefreshIcon',
     package: '@atlaskit/icon/core/refresh',
     oldName: ['refresh'],
     type: 'core',
     categorization: 'single-purpose',
-    usage: 'Reserved for reloading content.',
+    usage: 'Reserved for reloading or replaying content',
     team: 'Design System Team',
     status: 'published'
   },
@@ -3163,14 +3174,15 @@ const metadata = {
     status: 'published'
   },
   summarize: {
-    keywords: ['summarize', 'icon', 'core', 'summarize', 'summarise', 'quote', 'quotes'],
+    keywords: ['summarize', 'icon', 'core', 'summarize', 'summarise', 'summary', 'automation', 'AI'],
     componentName: 'SummarizeIcon',
     package: '@atlaskit/icon/core/summarize',
     type: 'core',
     categorization: 'single-purpose',
-    usage: 'Reserved for summarizing content with Atlassian Intelligence.',
-    team: 'Atlassian Intelligence',
-    status: 'published'
+    usage: 'Reserved for summarizing content with Atlassian Intelligence & Loom',
+    team: 'Atlassian Intelligence & Loom',
+    status: 'published',
+    slackChannel: '#feedback-loom-vizrefresh'
   },
   support: {
     keywords: ['support', 'icon', 'core', 'support', 'help', 'life raft', 'life ring', 'lifebuoy', 'life preserver'],

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

@@ -153,23 +153,13 @@ export var Icon = /*#__PURE__*/memo(function Icon(props) {
     viewBoxPadding = paddingMap['core'][(_props$spacing2 = props.spacing) !== null && _props$spacing2 !== void 0 ? _props$spacing2 : 'none'];
   }
   var viewBoxSize = baseSize + 2 * viewBoxPadding;
-
-  // Workaround for the transparency in our disabled icon token.
-  // Because we have multiple strokes in icons, opacities overlap
-  // This filter has an impact on render performance, but this is
-  // acceptable as icons aren't commonly disabled en-masse
-  var iconColor = color;
-  if (dangerouslySetInnerHTML && color === "var(--ds-icon-disabled, #091E424F)") {
-    dangerouslySetInnerHTML.__html = "\n<filter id=\"ds-newIconOpacityFilter\">\n  <feFlood flood-color=\"var(--ds-icon-disabled)\" />\n  <feComposite in2=\"SourceGraphic\" operator=\"in\" />\n</filter>\n<g filter=\"url(#ds-newIconOpacityFilter)\">\n  ".concat(dangerouslySetInnerHTML.__html, "\n</g>");
-    iconColor = "var(--ds-icon, #44546F)";
-  }
   return jsx("span", {
     "data-testid": testId,
     role: label ? 'img' : undefined,
     "aria-label": label ? label : undefined,
     "aria-hidden": label ? undefined : true,
     style: {
-      color: iconColor
+      color: color
     },
     css: [iconStyles, baseHcmStyles, shouldScale && scaleStyles, props.type === 'utility' && utilityIconStyles]
   }, jsx("svg", {

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::2ca31b9abe775e60f7646b017697a863>>
+ * @codegen <<SignedSource::7874a05897580fcc2a00faa4a15c3179>>
  * @codegenCommand yarn build:icon-glyphs
  */
 
@@ -50,6 +50,17 @@ var metadata = {
     team: 'Design System Team',
     status: 'published'
   },
+  'ai-generative-text-summary': {
+    keywords: ['ai-generative-text-summary', 'aigenerativetextsummary', 'icon', 'core', 'summarize', 'summarise', 'summary', 'automation', 'AI'],
+    componentName: 'AiGenerativeTextSummaryIcon',
+    package: '@atlaskit/icon/core/ai-generative-text-summary',
+    type: 'core',
+    categorization: 'single-purpose',
+    usage: 'Reserved for summarizing content with Atlassian Intelligence & Loom',
+    team: 'Atlassian Intelligence & Loom',
+    status: 'published',
+    slackChannel: '#feedback-loom-vizrefresh'
+  },
   alert: {
     keywords: ['alert', 'icon', 'core', 'alert', 'event', 'operations'],
     componentName: 'AlertIcon',
@@ -2669,13 +2680,13 @@ var metadata = {
     status: 'published'
   },
   refresh: {
-    keywords: ['refresh', 'cycle', 'icon', 'core', 'refresh', 'reload', 'update', 'circular arrows'],
+    keywords: ['refresh', 'cycle', 'icon', 'core', 'refresh', 'reload', 'update', 'circular arrows', 'replay'],
     componentName: 'RefreshIcon',
     package: '@atlaskit/icon/core/refresh',
     oldName: ['refresh'],
     type: 'core',
     categorization: 'single-purpose',
-    usage: 'Reserved for reloading content.',
+    usage: 'Reserved for reloading or replaying content',
     team: 'Design System Team',
     status: 'published'
   },
@@ -3163,14 +3174,15 @@ var metadata = {
     status: 'published'
   },
   summarize: {
-    keywords: ['summarize', 'icon', 'core', 'summarize', 'summarise', 'quote', 'quotes'],
+    keywords: ['summarize', 'icon', 'core', 'summarize', 'summarise', 'summary', 'automation', 'AI'],
     componentName: 'SummarizeIcon',
     package: '@atlaskit/icon/core/summarize',
     type: 'core',
     categorization: 'single-purpose',
-    usage: 'Reserved for summarizing content with Atlassian Intelligence.',
-    team: 'Atlassian Intelligence',
-    status: 'published'
+    usage: 'Reserved for summarizing content with Atlassian Intelligence & Loom',
+    team: 'Atlassian Intelligence & Loom',
+    status: 'published',
+    slackChannel: '#feedback-loom-vizrefresh'
   },
   support: {
     keywords: ['support', 'icon', 'core', 'support', 'help', 'life raft', 'life ring', 'lifebuoy', 'life preserver'],

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::2ca31b9abe775e60f7646b017697a863>>
+ * @codegen <<SignedSource::7874a05897580fcc2a00faa4a15c3179>>
  * @codegenCommand yarn build:icon-glyphs
  */
 interface metadata {

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::2ca31b9abe775e60f7646b017697a863>>
+ * @codegen <<SignedSource::7874a05897580fcc2a00faa4a15c3179>>
  * @codegenCommand yarn build:icon-glyphs
  */
 interface metadata {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/icon",
-	"version": "25.3.1",
+	"version": "25.5.0",
 	"description": "An icon is a symbol representing a command, device, directory, or common action.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -96,7 +96,7 @@
 	},
 	"dependencies": {
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/tokens": "^4.5.0",
+		"@atlaskit/tokens": "^4.6.0",
 		"@babel/register": "^7.25.9",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1"
@@ -109,8 +109,8 @@
 		"@af/icon-build-process": "^2.4.0",
 		"@af/integration-testing": "^0.5.0",
 		"@af/visual-regression": "^1.3.0",
-		"@atlaskit/button": "^22.0.0",
-		"@atlaskit/code": "^16.1.0",
+		"@atlaskit/button": "^23.0.0",
+		"@atlaskit/code": "^16.2.0",
 		"@atlaskit/css": "^0.10.0",
 		"@atlaskit/docs": "^10.0.0",
 		"@atlaskit/ds-lib": "^4.0.0",
@@ -121,8 +121,8 @@
 		"@atlaskit/link": "^3.1.0",
 		"@atlaskit/logo": "^16.0.0",
 		"@atlaskit/menu": "^3.2.0",
-		"@atlaskit/modal-dialog": "^14.0.0",
-		"@atlaskit/primitives": "^14.2.0",
+		"@atlaskit/modal-dialog": "^14.1.0",
+		"@atlaskit/primitives": "^14.3.0",
 		"@atlaskit/section-message": "^8.2.0",
 		"@atlaskit/textfield": "^8.0.0",
 		"@atlaskit/theme": "^18.0.0",

package/svgs/core/ai-generative-text-summary.svg

@@ -0,0 +1 @@
+<svg width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentcolor" fill-rule="evenodd" d="M1 1h14v1.5H1zm0 4.166h14v1.5H1zm10.796 4.328a.75.75 0 0 1 1.41 0l.615 1.687 1.686.615a.75.75 0 0 1 0 1.41l-1.686.615-.615 1.686a.75.75 0 0 1-1.41 0l-.615-1.686-1.687-.615a.75.75 0 0 1 0-1.41l1.687-.615zM1 9.333h7v1.5H1zm0 4.166h5v1.5H1z" clip-rule="evenodd"/></svg>