@atlaskit/icon 26.0.0 → 26.1.0

package/dist/types/index.d.ts

@@ -4,4 +4,4 @@ export { default as SVG } from './components/svg';
 export { sizeMap as size, sizes } from './constants';
 export { default as Skeleton } from './components/skeleton';
 export { default as IconTile } from './components/icon-tile';
-export type { Size, SkeletonProps, IconProps, GlyphProps, CustomGlyphProps, SVGProps, NewIconProps, NewUtilityIconProps, NewCoreIconProps, IconMigrationMap, IconTileProps, } from './types';
+export type { Size, NewCoreIconSize, SkeletonProps, IconProps, GlyphProps, CustomGlyphProps, SVGProps, NewIconProps, NewUtilityIconProps, NewCoreIconProps, IconMigrationMap, IconTileProps, } from './types';

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::74e48f82d18722adc91c77fffafd647c>>
+ * @codegen <<SignedSource::ddf97866ab3e12660c9c9f8e4a34f107>>
  * @codegenCommand yarn build:icon-glyphs
  */
 interface metadata {

package/dist/types/types.d.ts

@@ -1,8 +1,9 @@
 import type { ComponentType, ReactElement, ReactNode, SVGProps as ReactSVGProps } from 'react';
 import type { IconColor, IconColorPressed, TextColor, TextColorPressed } from '@atlaskit/tokens/css-type-schema';
 export type Size = 'small' | 'medium' | 'large' | 'xlarge';
-export type IconSpacing = 'none' | 'spacious';
-type UtilityIconSpacing = 'none' | 'spacious' | 'compact';
+export type NewCoreIconSize = 'small' | 'medium';
+export type IconSpacing = 'none' | 'spacious' | 'compact';
+export type IconSize = 'small' | 'medium';
 export interface CustomGlyphProps extends ReactSVGProps<SVGSVGElement> {
     /**
      * provided to a custom glyph
@@ -51,9 +52,10 @@ interface GlyphSizeProps {
 }
 interface NewCoreGlyphSpacingProps {
     /**
-     * Core Icons have only one available size, but can be displayed with additional spacing.
-     * "none" is default, and allows the icon to be placed in buttons and allows the parent component to manage spacing.
-     * "spacious" provides accessible spacing between the icon and other elements.
+     * Core Icons can be displayed with additional spacing.
+     * - `none` is default, and allows the icon to be placed in buttons and allows the parent component to manage spacing.
+     * - `compact` provides accessible compact spacing between the icon and other elements. **Only available for small icons.**
+     * - `spacious` provides accessible spacing between the icon and other elements.
      */
     spacing?: IconSpacing;
 }
@@ -64,7 +66,15 @@ interface NewUtilityGlyphSpacingProps {
      * "compact" provides accessible compact spacing between the icon and other elements.
      * "spacious" provides accessible spacing between the icon and other elements.
      */
-    spacing?: UtilityIconSpacing;
+    spacing?: IconSpacing;
+}
+interface NewCoreGlyphSizeProps {
+    /**
+     * There are two icon sizes available:
+     * - `medium` - 16px. (default).
+     * - `small` - 12px.
+     */
+    size?: IconSize;
 }
 interface OtherGlyphProps {
     /**
@@ -115,7 +125,7 @@ interface IconInternalGlyphProps {
 }
 export interface GlyphProps extends LegacyOtherGlyphProps, GlyphSizeProps, GlyphColorProps {
 }
-interface NewCoreGlyphProps extends OtherGlyphProps, NewCoreGlyphSpacingProps, NewGlyphColorProps {
+interface NewCoreGlyphProps extends OtherGlyphProps, NewCoreGlyphSpacingProps, NewCoreGlyphSizeProps, NewGlyphColorProps {
 }
 interface NewUtilityGlyphProps extends OtherGlyphProps, NewUtilityGlyphSpacingProps, NewGlyphColorProps {
 }
@@ -152,6 +162,7 @@ interface BaseNewIconProps {
 }
 export interface UNSAFE_NewCoreGlyphProps extends BaseNewIconProps, NewCoreGlyphProps, IconInternalGlyphProps {
     type?: 'core';
+    size?: NewCoreIconSize;
 }
 export interface UNSAFE_NewUtilityGlyphProps extends BaseNewIconProps, NewUtilityGlyphProps, IconInternalGlyphProps {
     type: 'utility';
@@ -222,6 +233,12 @@ type IconMigrationResult = {
         type: string;
         package: string;
         isMigrationUnsafe?: boolean;
+        /**
+         * Forces the new icon to be `size="small"`, even if the legacy icon was not a small icon.
+         *
+         * E.g. used for chevron icons.
+         */
+        shouldForceSmallIcon?: boolean;
     };
     /**
      * Alternative new icon that the legacy icon can be migrated to
@@ -238,7 +255,7 @@ type IconMigrationResult = {
      */
     sizeGuidance: Record<Size, IconMigrationSizeGuidance>;
 };
-export type IconMigrationSizeGuidance = '16-icon-tile' | '24-icon-tile' | '32-icon-tile' | '48-icon-tile' | 'swap' | 'swap-slight-visual-change' | 'swap-visual-change' | 'swap-size-shift-utility' | 'product-icon' | 'not-recommended' | 'icon-tile' | 'top-nav' | 'icon-lab' | 'no-larger-size';
+export type IconMigrationSizeGuidance = '16-icon-tile' | '24-icon-tile' | '32-icon-tile' | '48-icon-tile' | 'swap' | 'swap-slight-visual-change' | 'swap-visual-change' | 'product-icon' | 'not-recommended' | 'icon-tile' | 'top-nav' | 'icon-lab' | 'no-larger-size';
 export type IconMigrationMap = Record<string, IconMigrationResult>;
 export type IconFacadeProps = IconProps & {
     newIcon?: React.ComponentType<NewUtilityIconProps> | React.ComponentType<NewCoreIconProps>;

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

@@ -4,4 +4,4 @@ export { default as SVG } from './components/svg';
 export { sizeMap as size, sizes } from './constants';
 export { default as Skeleton } from './components/skeleton';
 export { default as IconTile } from './components/icon-tile';
-export type { Size, SkeletonProps, IconProps, GlyphProps, CustomGlyphProps, SVGProps, NewIconProps, NewUtilityIconProps, NewCoreIconProps, IconMigrationMap, IconTileProps, } from './types';
+export type { Size, NewCoreIconSize, SkeletonProps, IconProps, GlyphProps, CustomGlyphProps, SVGProps, NewIconProps, NewUtilityIconProps, NewCoreIconProps, IconMigrationMap, IconTileProps, } from './types';

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::74e48f82d18722adc91c77fffafd647c>>
+ * @codegen <<SignedSource::ddf97866ab3e12660c9c9f8e4a34f107>>
  * @codegenCommand yarn build:icon-glyphs
  */
 interface metadata {

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

@@ -1,8 +1,9 @@
 import type { ComponentType, ReactElement, ReactNode, SVGProps as ReactSVGProps } from 'react';
 import type { IconColor, IconColorPressed, TextColor, TextColorPressed } from '@atlaskit/tokens/css-type-schema';
 export type Size = 'small' | 'medium' | 'large' | 'xlarge';
-export type IconSpacing = 'none' | 'spacious';
-type UtilityIconSpacing = 'none' | 'spacious' | 'compact';
+export type NewCoreIconSize = 'small' | 'medium';
+export type IconSpacing = 'none' | 'spacious' | 'compact';
+export type IconSize = 'small' | 'medium';
 export interface CustomGlyphProps extends ReactSVGProps<SVGSVGElement> {
     /**
      * provided to a custom glyph
@@ -51,9 +52,10 @@ interface GlyphSizeProps {
 }
 interface NewCoreGlyphSpacingProps {
     /**
-     * Core Icons have only one available size, but can be displayed with additional spacing.
-     * "none" is default, and allows the icon to be placed in buttons and allows the parent component to manage spacing.
-     * "spacious" provides accessible spacing between the icon and other elements.
+     * Core Icons can be displayed with additional spacing.
+     * - `none` is default, and allows the icon to be placed in buttons and allows the parent component to manage spacing.
+     * - `compact` provides accessible compact spacing between the icon and other elements. **Only available for small icons.**
+     * - `spacious` provides accessible spacing between the icon and other elements.
      */
     spacing?: IconSpacing;
 }
@@ -64,7 +66,15 @@ interface NewUtilityGlyphSpacingProps {
      * "compact" provides accessible compact spacing between the icon and other elements.
      * "spacious" provides accessible spacing between the icon and other elements.
      */
-    spacing?: UtilityIconSpacing;
+    spacing?: IconSpacing;
+}
+interface NewCoreGlyphSizeProps {
+    /**
+     * There are two icon sizes available:
+     * - `medium` - 16px. (default).
+     * - `small` - 12px.
+     */
+    size?: IconSize;
 }
 interface OtherGlyphProps {
     /**
@@ -115,7 +125,7 @@ interface IconInternalGlyphProps {
 }
 export interface GlyphProps extends LegacyOtherGlyphProps, GlyphSizeProps, GlyphColorProps {
 }
-interface NewCoreGlyphProps extends OtherGlyphProps, NewCoreGlyphSpacingProps, NewGlyphColorProps {
+interface NewCoreGlyphProps extends OtherGlyphProps, NewCoreGlyphSpacingProps, NewCoreGlyphSizeProps, NewGlyphColorProps {
 }
 interface NewUtilityGlyphProps extends OtherGlyphProps, NewUtilityGlyphSpacingProps, NewGlyphColorProps {
 }
@@ -152,6 +162,7 @@ interface BaseNewIconProps {
 }
 export interface UNSAFE_NewCoreGlyphProps extends BaseNewIconProps, NewCoreGlyphProps, IconInternalGlyphProps {
     type?: 'core';
+    size?: NewCoreIconSize;
 }
 export interface UNSAFE_NewUtilityGlyphProps extends BaseNewIconProps, NewUtilityGlyphProps, IconInternalGlyphProps {
     type: 'utility';
@@ -222,6 +233,12 @@ type IconMigrationResult = {
         type: string;
         package: string;
         isMigrationUnsafe?: boolean;
+        /**
+         * Forces the new icon to be `size="small"`, even if the legacy icon was not a small icon.
+         *
+         * E.g. used for chevron icons.
+         */
+        shouldForceSmallIcon?: boolean;
     };
     /**
      * Alternative new icon that the legacy icon can be migrated to
@@ -238,7 +255,7 @@ type IconMigrationResult = {
      */
     sizeGuidance: Record<Size, IconMigrationSizeGuidance>;
 };
-export type IconMigrationSizeGuidance = '16-icon-tile' | '24-icon-tile' | '32-icon-tile' | '48-icon-tile' | 'swap' | 'swap-slight-visual-change' | 'swap-visual-change' | 'swap-size-shift-utility' | 'product-icon' | 'not-recommended' | 'icon-tile' | 'top-nav' | 'icon-lab' | 'no-larger-size';
+export type IconMigrationSizeGuidance = '16-icon-tile' | '24-icon-tile' | '32-icon-tile' | '48-icon-tile' | 'swap' | 'swap-slight-visual-change' | 'swap-visual-change' | 'product-icon' | 'not-recommended' | 'icon-tile' | 'top-nav' | 'icon-lab' | 'no-larger-size';
 export type IconMigrationMap = Record<string, IconMigrationResult>;
 export type IconFacadeProps = IconProps & {
     newIcon?: React.ComponentType<NewUtilityIconProps> | React.ComponentType<NewCoreIconProps>;

package/glyph/chevron-down-circle.js

@@ -6,13 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _base = require("@atlaskit/icon/base");
-var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/utility/chevron-down"));
+var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/chevron-down"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const ChevronDownCircleIcon = props => /*#__PURE__*/_react.default.createElement(_base.IconFacade, Object.assign({
   dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><g fill-rule="evenodd"><circle cx="12" cy="12" r="10" fill="currentcolor"/><path fill="inherit" d="M8.292 10.293a1.01 1.01 0 0 0 0 1.419l2.939 2.965c.218.215.5.322.779.322s.556-.107.769-.322l2.93-2.955a1.01 1.01 0 0 0 0-1.419.987.987 0 0 0-1.406 0l-2.298 2.317-2.307-2.327a.99.99 0 0 0-1.406 0"/></g></svg>`
 }, props, {
-  newIcon: _chevronDown.default,
-  iconType: "utility"
+  newIcon: _chevronDown.default
 }));
 ChevronDownCircleIcon.displayName = 'ChevronDownCircleIcon';
 var _default = exports.default = ChevronDownCircleIcon;

package/glyph/chevron-down.js

@@ -6,13 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _base = require("@atlaskit/icon/base");
-var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/utility/chevron-down"));
+var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/chevron-down"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const ChevronDownIcon = props => /*#__PURE__*/_react.default.createElement(_base.IconFacade, Object.assign({
   dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><path fill="currentcolor" fill-rule="evenodd" d="M8.292 10.293a1.01 1.01 0 0 0 0 1.419l2.939 2.965c.218.215.5.322.779.322s.556-.107.769-.322l2.93-2.955a1.01 1.01 0 0 0 0-1.419.987.987 0 0 0-1.406 0l-2.298 2.317-2.307-2.327a.99.99 0 0 0-1.406 0"/></svg>`
 }, props, {
-  newIcon: _chevronDown.default,
-  iconType: "utility"
+  newIcon: _chevronDown.default
 }));
 ChevronDownIcon.displayName = 'ChevronDownIcon';
 var _default = exports.default = ChevronDownIcon;

package/glyph/chevron-left-circle.js

@@ -6,13 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _base = require("@atlaskit/icon/base");
-var _chevronLeft = _interopRequireDefault(require("@atlaskit/icon/utility/chevron-left"));
+var _chevronLeft = _interopRequireDefault(require("@atlaskit/icon/core/chevron-left"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const ChevronLeftCircleIcon = props => /*#__PURE__*/_react.default.createElement(_base.IconFacade, Object.assign({
   dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><g fill-rule="evenodd"><circle cx="12" cy="12" r="10" fill="currentcolor"/><path fill="inherit" d="M13.706 9.698a.99.99 0 0 0 0-1.407 1.01 1.01 0 0 0-1.419 0l-2.965 2.94a1.09 1.09 0 0 0 0 1.548l2.955 2.93a1.01 1.01 0 0 0 1.42 0 .99.99 0 0 0 0-1.407l-2.318-2.297z"/></g></svg>`
 }, props, {
-  newIcon: _chevronLeft.default,
-  iconType: "utility"
+  newIcon: _chevronLeft.default
 }));
 ChevronLeftCircleIcon.displayName = 'ChevronLeftCircleIcon';
 var _default = exports.default = ChevronLeftCircleIcon;

package/glyph/chevron-left-large.js

@@ -6,13 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _base = require("@atlaskit/icon/base");
-var _chevronLeft = _interopRequireDefault(require("@atlaskit/icon/utility/chevron-left"));
+var _chevronLeft = _interopRequireDefault(require("@atlaskit/icon/core/chevron-left"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const ChevronLeftLargeIcon = props => /*#__PURE__*/_react.default.createElement(_base.IconFacade, Object.assign({
   dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><path fill="currentcolor" fill-rule="evenodd" d="m9.005 10.995 4.593-4.593a.99.99 0 1 1 1.4 1.4l-3.9 3.9 3.9 3.9a.99.99 0 0 1-1.4 1.4L9.005 12.41a1 1 0 0 1 0-1.414"/></svg>`
 }, props, {
-  newIcon: _chevronLeft.default,
-  iconType: "utility"
+  newIcon: _chevronLeft.default
 }));
 ChevronLeftLargeIcon.displayName = 'ChevronLeftLargeIcon';
 var _default = exports.default = ChevronLeftLargeIcon;

package/glyph/chevron-left.js

@@ -6,13 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _base = require("@atlaskit/icon/base");
-var _chevronLeft = _interopRequireDefault(require("@atlaskit/icon/utility/chevron-left"));
+var _chevronLeft = _interopRequireDefault(require("@atlaskit/icon/core/chevron-left"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const ChevronLeftIcon = props => /*#__PURE__*/_react.default.createElement(_base.IconFacade, Object.assign({
   dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><path fill="currentcolor" fill-rule="evenodd" d="M13.706 9.698a.99.99 0 0 0 0-1.407 1.01 1.01 0 0 0-1.419 0l-2.965 2.94a1.09 1.09 0 0 0 0 1.548l2.955 2.93a1.01 1.01 0 0 0 1.42 0 .99.99 0 0 0 0-1.407l-2.318-2.297z"/></svg>`
 }, props, {
-  newIcon: _chevronLeft.default,
-  iconType: "utility"
+  newIcon: _chevronLeft.default
 }));
 ChevronLeftIcon.displayName = 'ChevronLeftIcon';
 var _default = exports.default = ChevronLeftIcon;

package/glyph/chevron-right-circle.js

@@ -6,13 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _base = require("@atlaskit/icon/base");
-var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/utility/chevron-right"));
+var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/core/chevron-right"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const ChevronRightCircleIcon = props => /*#__PURE__*/_react.default.createElement(_base.IconFacade, Object.assign({
   dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><g fill-rule="evenodd"><circle cx="12" cy="12" r="10" fill="currentcolor"/><path fill="inherit" d="M10.294 9.698a.99.99 0 0 1 0-1.407 1.01 1.01 0 0 1 1.419 0l2.965 2.94a1.09 1.09 0 0 1 0 1.548l-2.955 2.93a1.01 1.01 0 0 1-1.42 0 .99.99 0 0 1 0-1.407l2.318-2.297z"/></g></svg>`
 }, props, {
-  newIcon: _chevronRight.default,
-  iconType: "utility"
+  newIcon: _chevronRight.default
 }));
 ChevronRightCircleIcon.displayName = 'ChevronRightCircleIcon';
 var _default = exports.default = ChevronRightCircleIcon;

package/glyph/chevron-right-large.js

@@ -6,13 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _base = require("@atlaskit/icon/base");
-var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/utility/chevron-right"));
+var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/core/chevron-right"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const ChevronRightLargeIcon = props => /*#__PURE__*/_react.default.createElement(_base.IconFacade, Object.assign({
   dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><path fill="currentcolor" fill-rule="evenodd" d="M14.995 10.995a1 1 0 0 1 0 1.414l-4.593 4.593a.99.99 0 0 1-1.4-1.4l3.9-3.9-3.9-3.9a.99.99 0 0 1 1.4-1.4z"/></svg>`
 }, props, {
-  newIcon: _chevronRight.default,
-  iconType: "utility"
+  newIcon: _chevronRight.default
 }));
 ChevronRightLargeIcon.displayName = 'ChevronRightLargeIcon';
 var _default = exports.default = ChevronRightLargeIcon;

package/glyph/chevron-right.js

@@ -6,13 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _base = require("@atlaskit/icon/base");
-var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/utility/chevron-right"));
+var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/core/chevron-right"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const ChevronRightIcon = props => /*#__PURE__*/_react.default.createElement(_base.IconFacade, Object.assign({
   dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><path fill="currentcolor" fill-rule="evenodd" d="M10.294 9.698a.99.99 0 0 1 0-1.407 1.01 1.01 0 0 1 1.419 0l2.965 2.94a1.09 1.09 0 0 1 0 1.548l-2.955 2.93a1.01 1.01 0 0 1-1.42 0 .99.99 0 0 1 0-1.407l2.318-2.297z"/></svg>`
 }, props, {
-  newIcon: _chevronRight.default,
-  iconType: "utility"
+  newIcon: _chevronRight.default
 }));
 ChevronRightIcon.displayName = 'ChevronRightIcon';
 var _default = exports.default = ChevronRightIcon;

package/glyph/chevron-up-circle.js

@@ -6,13 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _base = require("@atlaskit/icon/base");
-var _chevronUp = _interopRequireDefault(require("@atlaskit/icon/utility/chevron-up"));
+var _chevronUp = _interopRequireDefault(require("@atlaskit/icon/core/chevron-up"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const ChevronUpCircleIcon = props => /*#__PURE__*/_react.default.createElement(_base.IconFacade, Object.assign({
   dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><g fill-rule="evenodd"><circle cx="12" cy="12" r="10" fill="currentcolor"/><path fill="inherit" d="m11.221 9.322-2.929 2.955a1.01 1.01 0 0 0 0 1.419.986.986 0 0 0 1.405 0l2.298-2.317 2.307 2.327a.99.99 0 0 0 1.407 0 1.01 1.01 0 0 0 0-1.419l-2.94-2.965A1.1 1.1 0 0 0 11.991 9c-.279 0-.557.107-.77.322"/></g></svg>`
 }, props, {
-  newIcon: _chevronUp.default,
-  iconType: "utility"
+  newIcon: _chevronUp.default
 }));
 ChevronUpCircleIcon.displayName = 'ChevronUpCircleIcon';
 var _default = exports.default = ChevronUpCircleIcon;

package/glyph/chevron-up.js

@@ -6,13 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _base = require("@atlaskit/icon/base");
-var _chevronUp = _interopRequireDefault(require("@atlaskit/icon/utility/chevron-up"));
+var _chevronUp = _interopRequireDefault(require("@atlaskit/icon/core/chevron-up"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const ChevronUpIcon = props => /*#__PURE__*/_react.default.createElement(_base.IconFacade, Object.assign({
   dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><path fill="currentcolor" fill-rule="evenodd" d="m11.221 9.322-2.929 2.955a1.01 1.01 0 0 0 0 1.419.986.986 0 0 0 1.405 0l2.298-2.317 2.307 2.327a.99.99 0 0 0 1.407 0 1.01 1.01 0 0 0 0-1.419l-2.94-2.965A1.1 1.1 0 0 0 11.991 9c-.279 0-.557.107-.77.322"/></svg>`
 }, props, {
-  newIcon: _chevronUp.default,
-  iconType: "utility"
+  newIcon: _chevronUp.default
 }));
 ChevronUpIcon.displayName = 'ChevronUpIcon';
 var _default = exports.default = ChevronUpIcon;

package/glyph/hipchat/chevron-down.js

@@ -6,13 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _base = require("@atlaskit/icon/base");
-var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/utility/chevron-down"));
+var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/chevron-down"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const HipchatChevronDownIcon = props => /*#__PURE__*/_react.default.createElement(_base.IconFacade, Object.assign({
   dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><path fill="currentcolor" d="M6.744 8.744a1.053 1.053 0 0 0 0 1.49l4.547 4.557a1 1 0 0 0 1.416 0l4.55-4.558a1.051 1.051 0 1 0-1.488-1.488l-3.77 3.776-3.768-3.776a1.05 1.05 0 0 0-1.487 0"/></svg>`
 }, props, {
-  newIcon: _chevronDown.default,
-  iconType: "utility"
+  newIcon: _chevronDown.default
 }));
 HipchatChevronDownIcon.displayName = 'HipchatChevronDownIcon';
 var _default = exports.default = HipchatChevronDownIcon;

package/glyph/hipchat/chevron-up.js

@@ -6,13 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _base = require("@atlaskit/icon/base");
-var _chevronUp = _interopRequireDefault(require("@atlaskit/icon/utility/chevron-up"));
+var _chevronUp = _interopRequireDefault(require("@atlaskit/icon/core/chevron-up"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const HipchatChevronUpIcon = props => /*#__PURE__*/_react.default.createElement(_base.IconFacade, Object.assign({
   dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><path fill="currentcolor" fill-rule="evenodd" d="m11.294 8.708-4.549 4.559a1.051 1.051 0 1 0 1.486 1.488l.001-.001 3.77-3.776 3.768 3.776a1.05 1.05 0 0 0 1.486.001h.001a1.054 1.054 0 0 0 .001-1.489L12.71 8.708a1 1 0 0 0-1.415-.001"/></svg>`
 }, props, {
-  newIcon: _chevronUp.default,
-  iconType: "utility"
+  newIcon: _chevronUp.default
 }));
 HipchatChevronUpIcon.displayName = 'HipchatChevronUpIcon';
 var _default = exports.default = HipchatChevronUpIcon;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/icon",
-	"version": "26.0.0",
+	"version": "26.1.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.8.0",
+		"@atlaskit/tokens": "^4.9.0",
 		"@babel/register": "^7.25.9",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.3"
@@ -109,8 +109,8 @@
 		"@af/icon-build-process": "workspace:^",
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
-		"@atlaskit/button": "^23.0.0",
-		"@atlaskit/code": "^17.1.0",
+		"@atlaskit/button": "^23.1.0",
+		"@atlaskit/code": "^17.2.0",
 		"@atlaskit/css": "^0.10.0",
 		"@atlaskit/docs": "^10.0.0",
 		"@atlaskit/ds-lib": "^4.0.0",
@@ -120,8 +120,8 @@
 		"@atlaskit/icon-object": "^7.1.0",
 		"@atlaskit/link": "^3.1.0",
 		"@atlaskit/logo": "^18.0.0",
-		"@atlaskit/menu": "^5.0.0",
-		"@atlaskit/modal-dialog": "^14.1.0",
+		"@atlaskit/menu": "^7.0.0",
+		"@atlaskit/modal-dialog": "^14.2.0",
 		"@atlaskit/primitives": "^14.7.0",
 		"@atlaskit/section-message": "^8.2.0",
 		"@atlaskit/textfield": "^8.0.0",

package/svgs/core/chevron-double-left.svg

@@ -0,0 +1 @@
+<svg width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentcolor" d="m7.72 1.47-6 6a.75.75 0 0 0-.052 1.004l.052.056 6 6 1.06-1.06L3.31 8l5.47-5.47z"/><path fill="currentcolor" d="m12.47 1.47-6 6a.75.75 0 0 0-.052 1.004l.052.056 6 6 1.06-1.06L8.06 8l5.47-5.47z"/></svg>

package/svgs/core/chevron-double-right.svg

@@ -0,0 +1 @@
+<svg width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentcolor" d="m8.28 1.47 6 6a.75.75 0 0 1 .052 1.004l-.052.056-6 6-1.06-1.06L12.69 8 7.22 2.53z"/><path fill="currentcolor" d="m3.53 1.47 6 6a.75.75 0 0 1 .052 1.004l-.052.056-6 6-1.06-1.06L7.94 8 2.47 2.53z"/></svg>

package/svgs/core/chevron-down.svg

@@ -0,0 +1 @@
+<svg width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentcolor" d="m14.53 6.03-6 6a.75.75 0 0 1-1.004.052l-.056-.052-6-6 1.06-1.06L8 10.44l5.47-5.47z"/></svg>

package/svgs/core/chevron-left.svg

@@ -0,0 +1 @@
+<svg width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentcolor" d="m9.97 1.47-6 6a.75.75 0 0 0-.052 1.004l.052.056 6 6 1.06-1.06L5.56 8l5.47-5.47z"/></svg>

package/svgs/core/chevron-right.svg

@@ -0,0 +1 @@
+<svg width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentcolor" d="m6.03 1.47 6 6a.75.75 0 0 1 .052 1.004l-.052.056-6 6-1.06-1.06L10.44 8 4.97 2.53z"/></svg>

package/svgs/core/chevron-up.svg

@@ -0,0 +1 @@
+<svg width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentcolor" d="m14.53 9.97-6-6a.75.75 0 0 0-1.004-.052l-.056.052-6 6 1.06 1.06L8 5.56l5.47 5.47z"/></svg>