@atlaskit/icon 27.7.0 → 27.8.1

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @atlaskit/icon
 
+## 27.8.1
+
+### Patch Changes
+
+- [#193863](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/193863)
+  [`ddb17aca8f0c7`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ddb17aca8f0c7) -
+  Disabling icon facade where old icons displayed new icons in prepartion for removal
+- [#193214](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/193214)
+  [`c661806a65543`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c661806a65543) -
+  Internal changes to how border radius and border width values are applied. No visual change.
+- Updated dependencies
+
+## 27.8.0
+
+### Minor Changes
+
+- [#193177](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/193177)
+  [`5b373c4d14e0c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5b373c4d14e0c) -
+  Deprecated custom icon and custom SVG
+
 ## 27.7.0
 
 ### Minor Changes

package/afm-cc/tsconfig.json

@@ -1,27 +1,33 @@
 {
-    "extends": "../../../../tsconfig.entry-points.confluence.json",
-    "compilerOptions": {
-        "declaration": true,
-        "target": "es5",
-        "composite": true,
-        "outDir": "../../../../../confluence/tsDist/@atlaskit__icon",
-        "rootDir": "../"
-    },
-    "include": [
-        "../src/**/*.ts",
-        "../src/**/*.tsx"
-    ],
-    "exclude": [
-        "../src/**/__tests__/*",
-        "../src/**/*.test.*",
-        "../src/**/test.*"
-    ],
-    "references": [
-        {
-            "path": "../../../platform/feature-flags/afm-cc/tsconfig.json"
-        },
-        {
-            "path": "../../tokens/afm-cc/tsconfig.json"
-        }
-    ]
+	"extends": "../../../../tsconfig.entry-points.confluence.json",
+	"compilerOptions": {
+		"declaration": true,
+		"target": "es5",
+		"composite": true,
+		"outDir": "../../../../../confluence/tsDist/@atlaskit__icon",
+		"rootDir": "../"
+	},
+	"include": [
+		"../src/**/*.ts",
+		"../src/**/*.tsx"
+	],
+	"exclude": [
+		"../src/**/__tests__/*",
+		"../src/**/*.test.*",
+		"../src/**/test.*",
+		"../src/**/examples.*",
+		"../src/**/examples/*",
+		"../src/**/examples/**/*",
+		"../src/**/*.stories.*",
+		"../src/**/stories/*",
+		"../src/**/stories/**/*"
+	],
+	"references": [
+		{
+			"path": "../../../platform/feature-flags/afm-cc/tsconfig.json"
+		},
+		{
+			"path": "../../tokens/afm-cc/tsconfig.json"
+		}
+	]
 }

package/afm-dev-agents/tsconfig.json

@@ -14,7 +14,13 @@
 	"exclude": [
 		"../src/**/__tests__/*",
 		"../src/**/*.test.*",
-		"../src/**/test.*"
+		"../src/**/test.*",
+		"../src/**/examples.*",
+		"../src/**/examples/*",
+		"../src/**/examples/**/*",
+		"../src/**/*.stories.*",
+		"../src/**/stories/*",
+		"../src/**/stories/**/*"
 	],
 	"references": [
 		{

package/afm-jira/tsconfig.json

@@ -14,7 +14,13 @@
 	"exclude": [
 		"../src/**/__tests__/*",
 		"../src/**/*.test.*",
-		"../src/**/test.*"
+		"../src/**/test.*",
+		"../src/**/examples.*",
+		"../src/**/examples/*",
+		"../src/**/examples/**/*",
+		"../src/**/*.stories.*",
+		"../src/**/stories/*",
+		"../src/**/stories/**/*"
 	],
 	"references": [
 		{

package/afm-passionfruit/tsconfig.json

@@ -14,7 +14,13 @@
 	"exclude": [
 		"../src/**/__tests__/*",
 		"../src/**/*.test.*",
-		"../src/**/test.*"
+		"../src/**/test.*",
+		"../src/**/examples.*",
+		"../src/**/examples/*",
+		"../src/**/examples/**/*",
+		"../src/**/*.stories.*",
+		"../src/**/stories/*",
+		"../src/**/stories/**/*"
 	],
 	"references": [
 		{

package/afm-post-office/tsconfig.json

@@ -14,7 +14,13 @@
 	"exclude": [
 		"../src/**/__tests__/*",
 		"../src/**/*.test.*",
-		"../src/**/test.*"
+		"../src/**/test.*",
+		"../src/**/examples.*",
+		"../src/**/examples/*",
+		"../src/**/examples/**/*",
+		"../src/**/*.stories.*",
+		"../src/**/stories/*",
+		"../src/**/stories/**/*"
 	],
 	"references": [
 		{

package/afm-rovo-extension/tsconfig.json

@@ -14,7 +14,13 @@
 	"exclude": [
 		"../src/**/__tests__/*",
 		"../src/**/*.test.*",
-		"../src/**/test.*"
+		"../src/**/test.*",
+		"../src/**/examples.*",
+		"../src/**/examples/*",
+		"../src/**/examples/**/*",
+		"../src/**/*.stories.*",
+		"../src/**/stories/*",
+		"../src/**/stories/**/*"
 	],
 	"references": [
 		{

package/afm-townsquare/tsconfig.json

@@ -14,7 +14,13 @@
 	"exclude": [
 		"../src/**/__tests__/*",
 		"../src/**/*.test.*",
-		"../src/**/test.*"
+		"../src/**/test.*",
+		"../src/**/examples.*",
+		"../src/**/examples/*",
+		"../src/**/examples/**/*",
+		"../src/**/*.stories.*",
+		"../src/**/stories/*",
+		"../src/**/stories/**/*"
 	],
 	"references": [
 		{

package/build/index.tsx

@@ -138,7 +138,7 @@ async function main() {
 		const [vrExampleCore, vrTestCore] = createVRTest(
 			coreIconMetadata,
 			'../../../../..',
-			20,
+			50,
 			'core',
 		);
 		fs.outputFile(
@@ -153,7 +153,7 @@ async function main() {
 		const [vrExampleUtility, vrTestUtility] = createVRTest(
 			utilityIconMetadata,
 			'../../../../..',
-			20,
+			50,
 			'utility',
 		);
 		fs.outputFile(

package/build/tsconfig.json

@@ -12,6 +12,12 @@
   "exclude": [
     "../src/**/__tests__/*",
     "../src/**/*.test.*",
-    "../src/**/test.*"
+    "../src/**/test.*",
+    "../src/**/examples.*",
+    "../src/**/examples/*",
+    "../src/**/examples/**/*",
+    "../src/**/*.stories.*",
+    "../src/**/stories/*",
+    "../src/**/stories/**/*"
   ]
-}
+}

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

@@ -43,7 +43,7 @@ var IconFacade = exports.IconFacade = /*#__PURE__*/(0, _react.memo)(function Ico
   var useNewIcon = !props.isFacadeDisabled &&
   // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
   (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons-legacy-facade');
-  if (useNewIcon && NewIcon && (iconSize === 'small' || iconSize === 'medium')) {
+  if (useNewIcon && NewIcon && (iconSize === 'small' || iconSize === 'medium') && !(0, _platformFeatureFlags.fg)('platform-visual-refresh-icons-facade-removal')) {
     if (props.iconType === 'utility') {
       var Icon = NewIcon;
       return /*#__PURE__*/_react.default.createElement(Icon, (0, _extends2.default)({}, props, {

package/dist/cjs/components/icon.js

@@ -39,6 +39,8 @@ var secondaryTransparentHcmStyles = null;
 /**
  * __Icon__
  *
+ * @deprecated Custom Icon is deprecated and will be removed from `atlaskit/icon` in an upcoming major release. Please use either an existing icon from @atlaskit/icon or @atlaskit/icon-lab, or contributing to @atlaskit/icon-lab directly. For third party logos, use an SVG element along with a label.
+ *
  * An icon is used as a visual representation of common actions and commands to provide context.
  *
  * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)

package/dist/cjs/components/svg.js

@@ -22,6 +22,8 @@ var svgStyles = null;
 /**
  * __SVG__
  *
+ * @deprecated Custom SVG is deprecated and will be removed from `atlaskit/icon` in an upcoming major release. Please use either an existing icon from @atlaskit/icon or @atlaskit/icon-lab, or contributing to @atlaskit/icon-lab directly. For third party logos, use an SVG element along with a label.
+ *
  * An icon is used as a visual representation of common actions and commands to provide context.
  *
  * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)

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

@@ -33,7 +33,7 @@ export const IconFacade = /*#__PURE__*/memo(function IconFacade({
   const useNewIcon = !props.isFacadeDisabled &&
   // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
   fg('platform-visual-refresh-icons-legacy-facade');
-  if (useNewIcon && NewIcon && (iconSize === 'small' || iconSize === 'medium')) {
+  if (useNewIcon && NewIcon && (iconSize === 'small' || iconSize === 'medium') && !fg('platform-visual-refresh-icons-facade-removal')) {
     if (props.iconType === 'utility') {
       const Icon = NewIcon;
       return /*#__PURE__*/React.createElement(Icon, _extends({}, props, {

package/dist/es2019/components/icon.js

@@ -28,6 +28,8 @@ const secondaryTransparentHcmStyles = null;
 /**
  * __Icon__
  *
+ * @deprecated Custom Icon is deprecated and will be removed from `atlaskit/icon` in an upcoming major release. Please use either an existing icon from @atlaskit/icon or @atlaskit/icon-lab, or contributing to @atlaskit/icon-lab directly. For third party logos, use an SVG element along with a label.
+ *
  * An icon is used as a visual representation of common actions and commands to provide context.
  *
  * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)

package/dist/es2019/components/svg.js

@@ -14,6 +14,8 @@ const svgStyles = null;
 /**
  * __SVG__
  *
+ * @deprecated Custom SVG is deprecated and will be removed from `atlaskit/icon` in an upcoming major release. Please use either an existing icon from @atlaskit/icon or @atlaskit/icon-lab, or contributing to @atlaskit/icon-lab directly. For third party logos, use an SVG element along with a label.
+ *
  * An icon is used as a visual representation of common actions and commands to provide context.
  *
  * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)

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

@@ -34,7 +34,7 @@ export var IconFacade = /*#__PURE__*/memo(function IconFacade(_ref) {
   var useNewIcon = !props.isFacadeDisabled &&
   // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
   fg('platform-visual-refresh-icons-legacy-facade');
-  if (useNewIcon && NewIcon && (iconSize === 'small' || iconSize === 'medium')) {
+  if (useNewIcon && NewIcon && (iconSize === 'small' || iconSize === 'medium') && !fg('platform-visual-refresh-icons-facade-removal')) {
     if (props.iconType === 'utility') {
       var Icon = NewIcon;
       return /*#__PURE__*/React.createElement(Icon, _extends({}, props, {

package/dist/esm/components/icon.js

@@ -31,6 +31,8 @@ var secondaryTransparentHcmStyles = null;
 /**
  * __Icon__
  *
+ * @deprecated Custom Icon is deprecated and will be removed from `atlaskit/icon` in an upcoming major release. Please use either an existing icon from @atlaskit/icon or @atlaskit/icon-lab, or contributing to @atlaskit/icon-lab directly. For third party logos, use an SVG element along with a label.
+ *
  * An icon is used as a visual representation of common actions and commands to provide context.
  *
  * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)

package/dist/esm/components/svg.js

@@ -14,6 +14,8 @@ var svgStyles = null;
 /**
  * __SVG__
  *
+ * @deprecated Custom SVG is deprecated and will be removed from `atlaskit/icon` in an upcoming major release. Please use either an existing icon from @atlaskit/icon or @atlaskit/icon-lab, or contributing to @atlaskit/icon-lab directly. For third party logos, use an SVG element along with a label.
+ *
  * An icon is used as a visual representation of common actions and commands to provide context.
  *
  * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)

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

@@ -3,6 +3,8 @@ import type { IconProps } from '../types';
 /**
  * __Icon__
  *
+ * @deprecated Custom Icon is deprecated and will be removed from `atlaskit/icon` in an upcoming major release. Please use either an existing icon from @atlaskit/icon or @atlaskit/icon-lab, or contributing to @atlaskit/icon-lab directly. For third party logos, use an SVG element along with a label.
+ *
  * An icon is used as a visual representation of common actions and commands to provide context.
  *
  * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)

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

@@ -3,6 +3,8 @@ import type { SVGProps } from '../types';
 /**
  * __SVG__
  *
+ * @deprecated Custom SVG is deprecated and will be removed from `atlaskit/icon` in an upcoming major release. Please use either an existing icon from @atlaskit/icon or @atlaskit/icon-lab, or contributing to @atlaskit/icon-lab directly. For third party logos, use an SVG element along with a label.
+ *
  * An icon is used as a visual representation of common actions and commands to provide context.
  *
  * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)

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

@@ -3,6 +3,8 @@ import type { IconProps } from '../types';
 /**
  * __Icon__
  *
+ * @deprecated Custom Icon is deprecated and will be removed from `atlaskit/icon` in an upcoming major release. Please use either an existing icon from @atlaskit/icon or @atlaskit/icon-lab, or contributing to @atlaskit/icon-lab directly. For third party logos, use an SVG element along with a label.
+ *
  * An icon is used as a visual representation of common actions and commands to provide context.
  *
  * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)

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

@@ -3,6 +3,8 @@ import type { SVGProps } from '../types';
 /**
  * __SVG__
  *
+ * @deprecated Custom SVG is deprecated and will be removed from `atlaskit/icon` in an upcoming major release. Please use either an existing icon from @atlaskit/icon or @atlaskit/icon-lab, or contributing to @atlaskit/icon-lab directly. For third party logos, use an SVG element along with a label.
+ *
  * An icon is used as a visual representation of common actions and commands to provide context.
  *
  * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/icon",
-	"version": "27.7.0",
+	"version": "27.8.1",
 	"description": "An icon is a symbol representing a command, device, directory, or common action.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -55,8 +55,8 @@
 					"id": "custom-icon",
 					"sortKey": 3,
 					"status": {
-						"type": "intent-to-deprecate",
-						"description": "We are planning on deprecating custom icon. We recommend using either an existing icon from @atlaskit/icon or @atlaskit/icon-lab, or contributing to @atlaskit/icon-lab directly. For third party logos, use an SVG element along with a label.",
+						"type": "deprecated",
+						"description": "Custom icon is deprecated. We recommend using either an existing icon from @atlaskit/icon or @atlaskit/icon-lab, or contributing to @atlaskit/icon-lab directly. For third party logos, use an SVG element along with a label.",
 						"actions": [
 							{
 								"text": "View available icons",
@@ -74,8 +74,8 @@
 					"id": "custom-svg",
 					"sortKey": 4,
 					"status": {
-						"type": "intent-to-deprecate",
-						"description": "We are planning on deprecating custom SVG. We recommend using either an existing icon from @atlaskit/icon or @atlaskit/icon-lab, or contributing to @atlaskit/icon-lab directly. For third party logos, use an SVG element along with a label.",
+						"type": "deprecated",
+						"description": "Custom SVG is deprecated. We recommend using either an existing icon from @atlaskit/icon or @atlaskit/icon-lab, or contributing to @atlaskit/icon-lab directly. For third party logos, use an SVG element along with a label.",
 						"actions": [
 							{
 								"text": "View available icons",
@@ -109,7 +109,7 @@
 		"@af/icon-build-process": "workspace:^",
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
-		"@atlaskit/button": "^23.2.0",
+		"@atlaskit/button": "^23.3.0",
 		"@atlaskit/code": "^17.2.0",
 		"@atlaskit/css": "^0.12.0",
 		"@atlaskit/docs": "^11.0.0",
@@ -119,15 +119,15 @@
 		"@atlaskit/icon-file-type": "^7.0.0",
 		"@atlaskit/icon-object": "^7.1.0",
 		"@atlaskit/link": "^3.2.0",
-		"@atlaskit/logo": "^19.5.0",
-		"@atlaskit/menu": "^8.0.0",
+		"@atlaskit/logo": "^19.6.0",
+		"@atlaskit/menu": "^8.1.0",
 		"@atlaskit/modal-dialog": "^14.3.0",
-		"@atlaskit/primitives": "^14.10.0",
-		"@atlaskit/section-message": "^8.4.0",
+		"@atlaskit/primitives": "^14.11.0",
+		"@atlaskit/section-message": "^8.5.0",
 		"@atlaskit/textfield": "^8.0.0",
 		"@atlaskit/theme": "^19.0.0",
-		"@atlaskit/toggle": "^15.0.0",
-		"@atlaskit/tooltip": "^20.3.0",
+		"@atlaskit/toggle": "^15.1.0",
+		"@atlaskit/tooltip": "^20.4.0",
 		"@atlaskit/visual-regression": "workspace:^",
 		"@atlassian/ssr-tests": "^0.2.0",
 		"@babel/core": "7.24.9",
@@ -196,6 +196,9 @@
 		},
 		"platform-visual-refresh-icons-facade-button-fix": {
 			"type": "boolean"
+		},
+		"platform-visual-refresh-icons-facade-removal": {
+			"type": "boolean"
 		}
 	}
 }

package/tsconfig.json

@@ -8,8 +8,13 @@
     "./docs/**/*.tsx",
     "./examples/**/*.ts",
     "./examples/**/*.tsx",
-    "./codemods"
+    "./codemods",
+    "**/stories.ts",
+    "**/stories.tsx",
+    "**/stories/*.ts",
+    "**/stories/*.tsx",
+    "**/stories/**/*.ts",
+    "**/stories/**/*.tsx"
   ],
-  "compilerOptions": {
-  }
+  "compilerOptions": {}
 }