@atlaskit/icon 26.1.0 → 26.1.1

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/icon
 
+## 26.1.1
+
+### Patch Changes
+
+- [#158890](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/158890)
+  [`a8e4b409426ca`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a8e4b409426ca) -
+  Added guidance for chevron icons to inform makers to use 12px variant to maintain uniformity
+
 ## 26.1.0
 
 ### Minor Changes

package/build/index.tsx

@@ -17,6 +17,7 @@ import coreIconMetadata from '../icons_raw/metadata-core';
 import utilityIconMetadata from '../icons_raw/metadata-utility';
 import legacyMetadata from '../src/metadata';
 import migrationMap from '../src/migration-map';
+import { recommendedSmallIcons } from '../src/recommended-small';
 import synonyms from '../utils/synonyms';
 
 async function main() {
@@ -76,6 +77,7 @@ async function main() {
 			['icon', 'core'],
 			coreIconMetadata,
 			migrationMap,
+			recommendedSmallIcons,
 		);
 
 		fs.outputFile(path.resolve(root, 'src/metadata-core.tsx'), iconDocs);

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::ddf97866ab3e12660c9c9f8e4a34f107>>
+ * @codegen <<SignedSource::60ca5eb1312bd9cabe699f3be0937d0f>>
  * @codegenCommand yarn build:icon-glyphs
  */
 
@@ -730,6 +730,7 @@ var metadata = {
     keywords: ['chevron-double-left', 'chevrondoubleleft', 'icon', 'core', 'double chevron', 'left', 'previous year'],
     componentName: 'ChevronDoubleLeftIcon',
     package: '@atlaskit/icon/core/chevron-double-left',
+    shouldRecommendSmallIcon: true,
     type: 'core',
     categorization: 'multi-purpose',
     team: 'Design System Team',
@@ -740,6 +741,7 @@ var metadata = {
     keywords: ['chevron-double-right', 'chevrondoubleright', 'icon', 'core', 'double chevron', 'right', 'next year'],
     componentName: 'ChevronDoubleRightIcon',
     package: '@atlaskit/icon/core/chevron-double-right',
+    shouldRecommendSmallIcon: true,
     type: 'core',
     categorization: 'multi-purpose',
     team: 'Design System Team',
@@ -751,6 +753,7 @@ var metadata = {
     componentName: 'ChevronDownIcon',
     package: '@atlaskit/icon/core/chevron-down',
     oldName: ['chevron-down', 'chevron-down-circle', 'hipchat/chevron-down'],
+    shouldRecommendSmallIcon: true,
     type: 'core',
     categorization: 'multi-purpose',
     team: 'Design System Team',
@@ -762,6 +765,7 @@ var metadata = {
     componentName: 'ChevronLeftIcon',
     package: '@atlaskit/icon/core/chevron-left',
     oldName: ['chevron-left-circle', 'chevron-left', 'chevron-left-large'],
+    shouldRecommendSmallIcon: true,
     type: 'core',
     categorization: 'multi-purpose',
     team: 'Design System Team',
@@ -773,6 +777,7 @@ var metadata = {
     componentName: 'ChevronRightIcon',
     package: '@atlaskit/icon/core/chevron-right',
     oldName: ['chevron-right-circle', 'chevron-right', 'chevron-right-large'],
+    shouldRecommendSmallIcon: true,
     type: 'core',
     categorization: 'multi-purpose',
     team: 'Design System Team',
@@ -784,6 +789,7 @@ var metadata = {
     componentName: 'ChevronUpIcon',
     package: '@atlaskit/icon/core/chevron-up',
     oldName: ['chevron-up-circle', 'hipchat/chevron-up', 'chevron-up'],
+    shouldRecommendSmallIcon: true,
     type: 'core',
     categorization: 'multi-purpose',
     team: 'Design System Team',

package/dist/cjs/metadata-utility.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::0a9bbc9e058d3b90ee6b8b82cf2f9830>>
+ * @codegen <<SignedSource::d968f0d4e1bd5bc5e728353f8fdcc101>>
  * @codegenCommand yarn build:icon-glyphs
  */
 

package/dist/cjs/recommended-small.js

@@ -0,0 +1,7 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.recommendedSmallIcons = void 0;
+var recommendedSmallIcons = exports.recommendedSmallIcons = ['chevron-double-left', 'chevron-double-right', 'chevron-down', 'chevron-left', 'chevron-right', 'chevron-up'];

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::ddf97866ab3e12660c9c9f8e4a34f107>>
+ * @codegen <<SignedSource::60ca5eb1312bd9cabe699f3be0937d0f>>
  * @codegenCommand yarn build:icon-glyphs
  */
 
@@ -724,6 +724,7 @@ const metadata = {
     keywords: ['chevron-double-left', 'chevrondoubleleft', 'icon', 'core', 'double chevron', 'left', 'previous year'],
     componentName: 'ChevronDoubleLeftIcon',
     package: '@atlaskit/icon/core/chevron-double-left',
+    shouldRecommendSmallIcon: true,
     type: 'core',
     categorization: 'multi-purpose',
     team: 'Design System Team',
@@ -734,6 +735,7 @@ const metadata = {
     keywords: ['chevron-double-right', 'chevrondoubleright', 'icon', 'core', 'double chevron', 'right', 'next year'],
     componentName: 'ChevronDoubleRightIcon',
     package: '@atlaskit/icon/core/chevron-double-right',
+    shouldRecommendSmallIcon: true,
     type: 'core',
     categorization: 'multi-purpose',
     team: 'Design System Team',
@@ -745,6 +747,7 @@ const metadata = {
     componentName: 'ChevronDownIcon',
     package: '@atlaskit/icon/core/chevron-down',
     oldName: ['chevron-down', 'chevron-down-circle', 'hipchat/chevron-down'],
+    shouldRecommendSmallIcon: true,
     type: 'core',
     categorization: 'multi-purpose',
     team: 'Design System Team',
@@ -756,6 +759,7 @@ const metadata = {
     componentName: 'ChevronLeftIcon',
     package: '@atlaskit/icon/core/chevron-left',
     oldName: ['chevron-left-circle', 'chevron-left', 'chevron-left-large'],
+    shouldRecommendSmallIcon: true,
     type: 'core',
     categorization: 'multi-purpose',
     team: 'Design System Team',
@@ -767,6 +771,7 @@ const metadata = {
     componentName: 'ChevronRightIcon',
     package: '@atlaskit/icon/core/chevron-right',
     oldName: ['chevron-right-circle', 'chevron-right', 'chevron-right-large'],
+    shouldRecommendSmallIcon: true,
     type: 'core',
     categorization: 'multi-purpose',
     team: 'Design System Team',
@@ -778,6 +783,7 @@ const metadata = {
     componentName: 'ChevronUpIcon',
     package: '@atlaskit/icon/core/chevron-up',
     oldName: ['chevron-up-circle', 'hipchat/chevron-up', 'chevron-up'],
+    shouldRecommendSmallIcon: true,
     type: 'core',
     categorization: 'multi-purpose',
     team: 'Design System Team',

package/dist/es2019/metadata-utility.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::0a9bbc9e058d3b90ee6b8b82cf2f9830>>
+ * @codegen <<SignedSource::d968f0d4e1bd5bc5e728353f8fdcc101>>
  * @codegenCommand yarn build:icon-glyphs
  */
 

package/dist/es2019/recommended-small.js

@@ -0,0 +1 @@
+export const recommendedSmallIcons = ['chevron-double-left', 'chevron-double-right', 'chevron-down', 'chevron-left', 'chevron-right', 'chevron-up'];

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::ddf97866ab3e12660c9c9f8e4a34f107>>
+ * @codegen <<SignedSource::60ca5eb1312bd9cabe699f3be0937d0f>>
  * @codegenCommand yarn build:icon-glyphs
  */
 
@@ -724,6 +724,7 @@ var metadata = {
     keywords: ['chevron-double-left', 'chevrondoubleleft', 'icon', 'core', 'double chevron', 'left', 'previous year'],
     componentName: 'ChevronDoubleLeftIcon',
     package: '@atlaskit/icon/core/chevron-double-left',
+    shouldRecommendSmallIcon: true,
     type: 'core',
     categorization: 'multi-purpose',
     team: 'Design System Team',
@@ -734,6 +735,7 @@ var metadata = {
     keywords: ['chevron-double-right', 'chevrondoubleright', 'icon', 'core', 'double chevron', 'right', 'next year'],
     componentName: 'ChevronDoubleRightIcon',
     package: '@atlaskit/icon/core/chevron-double-right',
+    shouldRecommendSmallIcon: true,
     type: 'core',
     categorization: 'multi-purpose',
     team: 'Design System Team',
@@ -745,6 +747,7 @@ var metadata = {
     componentName: 'ChevronDownIcon',
     package: '@atlaskit/icon/core/chevron-down',
     oldName: ['chevron-down', 'chevron-down-circle', 'hipchat/chevron-down'],
+    shouldRecommendSmallIcon: true,
     type: 'core',
     categorization: 'multi-purpose',
     team: 'Design System Team',
@@ -756,6 +759,7 @@ var metadata = {
     componentName: 'ChevronLeftIcon',
     package: '@atlaskit/icon/core/chevron-left',
     oldName: ['chevron-left-circle', 'chevron-left', 'chevron-left-large'],
+    shouldRecommendSmallIcon: true,
     type: 'core',
     categorization: 'multi-purpose',
     team: 'Design System Team',
@@ -767,6 +771,7 @@ var metadata = {
     componentName: 'ChevronRightIcon',
     package: '@atlaskit/icon/core/chevron-right',
     oldName: ['chevron-right-circle', 'chevron-right', 'chevron-right-large'],
+    shouldRecommendSmallIcon: true,
     type: 'core',
     categorization: 'multi-purpose',
     team: 'Design System Team',
@@ -778,6 +783,7 @@ var metadata = {
     componentName: 'ChevronUpIcon',
     package: '@atlaskit/icon/core/chevron-up',
     oldName: ['chevron-up-circle', 'hipchat/chevron-up', 'chevron-up'],
+    shouldRecommendSmallIcon: true,
     type: 'core',
     categorization: 'multi-purpose',
     team: 'Design System Team',

package/dist/esm/metadata-utility.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::0a9bbc9e058d3b90ee6b8b82cf2f9830>>
+ * @codegen <<SignedSource::d968f0d4e1bd5bc5e728353f8fdcc101>>
  * @codegenCommand yarn build:icon-glyphs
  */
 

package/dist/esm/recommended-small.js

@@ -0,0 +1 @@
+export var recommendedSmallIcons = ['chevron-double-left', 'chevron-double-right', 'chevron-down', 'chevron-left', 'chevron-right', 'chevron-up'];

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::ddf97866ab3e12660c9c9f8e4a34f107>>
+ * @codegen <<SignedSource::60ca5eb1312bd9cabe699f3be0937d0f>>
  * @codegenCommand yarn build:icon-glyphs
  */
 interface metadata {
@@ -58,6 +58,10 @@ interface metadata {
         type: 'core' | 'utility';
         location: '@atlaskit/icon' | '@atlaskit/icon-lab' | '@atlassian/icon-private';
     };
+    /**
+     * Whether the icon should be recommended as a small icon
+     */
+    shouldRecommendSmallIcon?: boolean;
 }
 declare const metadata: Record<string, metadata>;
 export default metadata;

package/dist/types/metadata-utility.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::0a9bbc9e058d3b90ee6b8b82cf2f9830>>
+ * @codegen <<SignedSource::d968f0d4e1bd5bc5e728353f8fdcc101>>
  * @codegenCommand yarn build:icon-glyphs
  */
 interface metadata {
@@ -58,6 +58,10 @@ interface metadata {
         type: 'core' | 'utility';
         location: '@atlaskit/icon' | '@atlaskit/icon-lab' | '@atlassian/icon-private';
     };
+    /**
+     * Whether the icon should be recommended as a small icon
+     */
+    shouldRecommendSmallIcon?: boolean;
 }
 declare const metadata: Record<string, metadata>;
 export default metadata;

package/dist/types/recommended-small.d.ts

@@ -0,0 +1 @@
+export declare const recommendedSmallIcons: string[];

package/dist/types/types.d.ts

@@ -163,6 +163,7 @@ interface BaseNewIconProps {
 export interface UNSAFE_NewCoreGlyphProps extends BaseNewIconProps, NewCoreGlyphProps, IconInternalGlyphProps {
     type?: 'core';
     size?: NewCoreIconSize;
+    shouldRecommendSmallIcon?: boolean;
 }
 export interface UNSAFE_NewUtilityGlyphProps extends BaseNewIconProps, NewUtilityGlyphProps, IconInternalGlyphProps {
     type: 'utility';

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::ddf97866ab3e12660c9c9f8e4a34f107>>
+ * @codegen <<SignedSource::60ca5eb1312bd9cabe699f3be0937d0f>>
  * @codegenCommand yarn build:icon-glyphs
  */
 interface metadata {
@@ -58,6 +58,10 @@ interface metadata {
         type: 'core' | 'utility';
         location: '@atlaskit/icon' | '@atlaskit/icon-lab' | '@atlassian/icon-private';
     };
+    /**
+     * Whether the icon should be recommended as a small icon
+     */
+    shouldRecommendSmallIcon?: boolean;
 }
 declare const metadata: Record<string, metadata>;
 export default metadata;

package/dist/types-ts4.5/metadata-utility.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::0a9bbc9e058d3b90ee6b8b82cf2f9830>>
+ * @codegen <<SignedSource::d968f0d4e1bd5bc5e728353f8fdcc101>>
  * @codegenCommand yarn build:icon-glyphs
  */
 interface metadata {
@@ -58,6 +58,10 @@ interface metadata {
         type: 'core' | 'utility';
         location: '@atlaskit/icon' | '@atlaskit/icon-lab' | '@atlassian/icon-private';
     };
+    /**
+     * Whether the icon should be recommended as a small icon
+     */
+    shouldRecommendSmallIcon?: boolean;
 }
 declare const metadata: Record<string, metadata>;
 export default metadata;

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

@@ -0,0 +1 @@
+export declare const recommendedSmallIcons: string[];

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

@@ -163,6 +163,7 @@ interface BaseNewIconProps {
 export interface UNSAFE_NewCoreGlyphProps extends BaseNewIconProps, NewCoreGlyphProps, IconInternalGlyphProps {
     type?: 'core';
     size?: NewCoreIconSize;
+    shouldRecommendSmallIcon?: boolean;
 }
 export interface UNSAFE_NewUtilityGlyphProps extends BaseNewIconProps, NewUtilityGlyphProps, IconInternalGlyphProps {
     type: 'utility';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/icon",
-	"version": "26.1.0",
+	"version": "26.1.1",
 	"description": "An icon is a symbol representing a command, device, directory, or common action.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -109,7 +109,7 @@
 		"@af/icon-build-process": "workspace:^",
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
-		"@atlaskit/button": "^23.1.0",
+		"@atlaskit/button": "^23.2.0",
 		"@atlaskit/code": "^17.2.0",
 		"@atlaskit/css": "^0.10.0",
 		"@atlaskit/docs": "^10.0.0",
@@ -118,11 +118,11 @@
 		"@atlaskit/heading": "^5.2.0",
 		"@atlaskit/icon-file-type": "^7.0.0",
 		"@atlaskit/icon-object": "^7.1.0",
-		"@atlaskit/link": "^3.1.0",
+		"@atlaskit/link": "^3.2.0",
 		"@atlaskit/logo": "^18.0.0",
-		"@atlaskit/menu": "^7.0.0",
+		"@atlaskit/menu": "^8.0.0",
 		"@atlaskit/modal-dialog": "^14.2.0",
-		"@atlaskit/primitives": "^14.7.0",
+		"@atlaskit/primitives": "^14.8.0",
 		"@atlaskit/section-message": "^8.2.0",
 		"@atlaskit/textfield": "^8.0.0",
 		"@atlaskit/theme": "^18.0.0",