@atlaskit/icon 22.7.0 → 22.9.0

package/dist/cjs/migration-map.js

@@ -1043,19 +1043,15 @@ var migrationMap = {
       xlarge: 'icon-tile'
     }
   },
-  download: {
-    newIcon: {
-      name: 'cloud-arrow-down',
-      type: 'core',
-      package: '@atlaskit/icon'
-    },
-    sizeGuidance: {
-      small: 'swap',
-      medium: 'swap',
-      large: 'icon-tile',
-      xlarge: 'icon-tile'
-    }
-  },
+  // download: {
+  // 	newIcon: { name: 'cloud-arrow-down', type: 'core', package: '@atlaskit/icon' },
+  // 	sizeGuidance: {
+  // 		small: 'swap',
+  // 		medium: 'swap',
+  // 		large: 'icon-tile',
+  // 		xlarge: 'icon-tile',
+  // 	},
+  // },
   'drag-handler': {
     newIcon: {
       name: 'drag-handle',

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

@@ -0,0 +1,39 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React, { memo } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
+import LegacyIcon from './icon';
+const sizesEligibleForNewIcons = ['small', 'medium'];
+
+/**
+ * `IconFacade` is a component that conditionally renders either a new or legacy icon based on a feature flag.
+ *
+ * @param {IconFacadeProps} props - The props for the IconFacade component. Includes properties for configuring
+ * the icon such as `size`, `spacing`, `primaryColor`, `iconType`, and potentially others depending on the icon.
+ * `dangerouslySetGlyph` is a prop specific to the legacy icon component for setting the icon glyph directly.
+ * @returns A React element representing either the new or legacy icon based on the feature flag and icon size.
+ */
+export const IconFacade = /*#__PURE__*/memo(function IconFacade({
+  dangerouslySetGlyph,
+  ...props
+}) {
+  var _props$size;
+  const NewIcon = props.newIcon;
+
+  // By default, the icon size will be medium and spacing will be none for small icons
+  const size = (_props$size = props.size) !== null && _props$size !== void 0 ? _props$size : 'medium';
+  const spacing = size === 'small' ? 'none' : 'spacious';
+
+  // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
+  const useNewIcon = fg('platform-visual-refresh-icons-legacy-facade') && sizesEligibleForNewIcons.includes(size);
+  if (useNewIcon && NewIcon) {
+    return /*#__PURE__*/React.createElement(NewIcon, _extends({}, props, {
+      spacing: spacing,
+      color: props.primaryColor || 'currentColor',
+      type: props.iconType
+    }));
+  }
+  return /*#__PURE__*/React.createElement(LegacyIcon, _extends({
+    dangerouslySetGlyph: dangerouslySetGlyph
+  }, props));
+});
+export default IconFacade;

package/dist/es2019/entry-points/base.js

@@ -1 +1,2 @@
-export { default, Icon } from '../components/icon';
+export { default, Icon } from '../components/icon';
+export { IconFacade as UNSAFE_IconFacade } from '../components/icon-facade';

package/dist/es2019/metadata-core.js

@@ -105,6 +105,27 @@ const metadata = {
     type: 'Global noun',
     usage: 'Reserved for marketplace apps and integrations across products.'
   },
+  'app-switcher': {
+    keywords: ['app-switcher', 'appswitcher', 'icon', 'core', 'application switcher', 'change product', 'switch product', 'product switcher', 'top navigation'],
+    componentName: 'AppSwitcherIcon',
+    package: '@atlaskit/icon/core/app-switcher',
+    oldName: ['app-switcher', 'switcher'],
+    categorization: 'Single-purpose',
+    location: 'ADS',
+    team: 'ADS',
+    type: 'Core',
+    usage: 'Reserved for app switcher in global product navigation.'
+  },
+  'app-switcher-legacy': {
+    keywords: ['app-switcher-legacy', 'appswitcherlegacy', 'icon', 'core', 'application switcher', 'change product', 'switch product', 'product switcher', 'top navigation'],
+    componentName: 'AppSwitcherLegacyIcon',
+    package: '@atlaskit/icon/core/app-switcher-legacy',
+    categorization: 'Single-purpose',
+    location: 'ADS',
+    team: 'ADS',
+    type: 'Core',
+    usage: 'Reserved for the legacy app switcher in global product navigation.'
+  },
   apps: {
     keywords: ['apps', 'icon', 'core', 'third-party', 'applications'],
     componentName: 'AppsIcon',
@@ -1162,6 +1183,17 @@ const metadata = {
     type: 'Core',
     usage: 'Reserved for user mentions.'
   },
+  menu: {
+    keywords: ['menu', 'hamburger', 'navigation', 'switcher', 'app switcher', 'icon', 'core', 'menu', 'top navigation', '3 lines', 'hamburger'],
+    componentName: 'MenuIcon',
+    package: '@atlaskit/icon/core/menu',
+    oldName: ['menu-expand', 'menu'],
+    categorization: 'Single-purpose',
+    location: 'ADS',
+    team: 'ADS',
+    type: 'Core',
+    usage: 'Reserved for accessing the menu in global product navigation.'
+  },
   microphone: {
     keywords: ['microphone', 'icon', 'core', 'mic', 'mic on', 'voice', 'speak'],
     componentName: 'MicrophoneIcon',
@@ -1192,6 +1224,17 @@ const metadata = {
     type: 'Core',
     usage: 'Reserved for a non-expandable item in a page tree.'
   },
+  notification: {
+    keywords: ['notification', 'bell', 'alarm', 'icon', 'core', 'bell', 'alert', 'top navigation'],
+    componentName: 'NotificationIcon',
+    package: '@atlaskit/icon/core/notification',
+    oldName: ['notification-direct', 'notification'],
+    categorization: 'Single-purpose',
+    location: 'ADS',
+    team: 'ADS',
+    type: 'Core',
+    usage: 'Reserved for notifications within global product navigation and within product screens.'
+  },
   'office-building': {
     keywords: ['office-building', 'officebuilding', 'icon', 'core', 'organization', 'organisation', 'business'],
     componentName: 'OfficeBuildingIcon',

package/dist/es2019/migration-map.js

@@ -1037,19 +1037,15 @@ const migrationMap = {
       xlarge: 'icon-tile'
     }
   },
-  download: {
-    newIcon: {
-      name: 'cloud-arrow-down',
-      type: 'core',
-      package: '@atlaskit/icon'
-    },
-    sizeGuidance: {
-      small: 'swap',
-      medium: 'swap',
-      large: 'icon-tile',
-      xlarge: 'icon-tile'
-    }
-  },
+  // download: {
+  // 	newIcon: { name: 'cloud-arrow-down', type: 'core', package: '@atlaskit/icon' },
+  // 	sizeGuidance: {
+  // 		small: 'swap',
+  // 		medium: 'swap',
+  // 		large: 'icon-tile',
+  // 		xlarge: 'icon-tile',
+  // 	},
+  // },
   'drag-handler': {
     newIcon: {
       name: 'drag-handle',

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

@@ -0,0 +1,40 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["dangerouslySetGlyph"];
+import React, { memo } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
+import LegacyIcon from './icon';
+var sizesEligibleForNewIcons = ['small', 'medium'];
+
+/**
+ * `IconFacade` is a component that conditionally renders either a new or legacy icon based on a feature flag.
+ *
+ * @param {IconFacadeProps} props - The props for the IconFacade component. Includes properties for configuring
+ * the icon such as `size`, `spacing`, `primaryColor`, `iconType`, and potentially others depending on the icon.
+ * `dangerouslySetGlyph` is a prop specific to the legacy icon component for setting the icon glyph directly.
+ * @returns A React element representing either the new or legacy icon based on the feature flag and icon size.
+ */
+export var IconFacade = /*#__PURE__*/memo(function IconFacade(_ref) {
+  var _props$size;
+  var dangerouslySetGlyph = _ref.dangerouslySetGlyph,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var NewIcon = props.newIcon;
+
+  // By default, the icon size will be medium and spacing will be none for small icons
+  var size = (_props$size = props.size) !== null && _props$size !== void 0 ? _props$size : 'medium';
+  var spacing = size === 'small' ? 'none' : 'spacious';
+
+  // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
+  var useNewIcon = fg('platform-visual-refresh-icons-legacy-facade') && sizesEligibleForNewIcons.includes(size);
+  if (useNewIcon && NewIcon) {
+    return /*#__PURE__*/React.createElement(NewIcon, _extends({}, props, {
+      spacing: spacing,
+      color: props.primaryColor || 'currentColor',
+      type: props.iconType
+    }));
+  }
+  return /*#__PURE__*/React.createElement(LegacyIcon, _extends({
+    dangerouslySetGlyph: dangerouslySetGlyph
+  }, props));
+});
+export default IconFacade;

package/dist/esm/entry-points/base.js

@@ -1 +1,2 @@
-export { default, Icon } from '../components/icon';
+export { default, Icon } from '../components/icon';
+export { IconFacade as UNSAFE_IconFacade } from '../components/icon-facade';

package/dist/esm/metadata-core.js

@@ -105,6 +105,27 @@ var metadata = {
     type: 'Global noun',
     usage: 'Reserved for marketplace apps and integrations across products.'
   },
+  'app-switcher': {
+    keywords: ['app-switcher', 'appswitcher', 'icon', 'core', 'application switcher', 'change product', 'switch product', 'product switcher', 'top navigation'],
+    componentName: 'AppSwitcherIcon',
+    package: '@atlaskit/icon/core/app-switcher',
+    oldName: ['app-switcher', 'switcher'],
+    categorization: 'Single-purpose',
+    location: 'ADS',
+    team: 'ADS',
+    type: 'Core',
+    usage: 'Reserved for app switcher in global product navigation.'
+  },
+  'app-switcher-legacy': {
+    keywords: ['app-switcher-legacy', 'appswitcherlegacy', 'icon', 'core', 'application switcher', 'change product', 'switch product', 'product switcher', 'top navigation'],
+    componentName: 'AppSwitcherLegacyIcon',
+    package: '@atlaskit/icon/core/app-switcher-legacy',
+    categorization: 'Single-purpose',
+    location: 'ADS',
+    team: 'ADS',
+    type: 'Core',
+    usage: 'Reserved for the legacy app switcher in global product navigation.'
+  },
   apps: {
     keywords: ['apps', 'icon', 'core', 'third-party', 'applications'],
     componentName: 'AppsIcon',
@@ -1162,6 +1183,17 @@ var metadata = {
     type: 'Core',
     usage: 'Reserved for user mentions.'
   },
+  menu: {
+    keywords: ['menu', 'hamburger', 'navigation', 'switcher', 'app switcher', 'icon', 'core', 'menu', 'top navigation', '3 lines', 'hamburger'],
+    componentName: 'MenuIcon',
+    package: '@atlaskit/icon/core/menu',
+    oldName: ['menu-expand', 'menu'],
+    categorization: 'Single-purpose',
+    location: 'ADS',
+    team: 'ADS',
+    type: 'Core',
+    usage: 'Reserved for accessing the menu in global product navigation.'
+  },
   microphone: {
     keywords: ['microphone', 'icon', 'core', 'mic', 'mic on', 'voice', 'speak'],
     componentName: 'MicrophoneIcon',
@@ -1192,6 +1224,17 @@ var metadata = {
     type: 'Core',
     usage: 'Reserved for a non-expandable item in a page tree.'
   },
+  notification: {
+    keywords: ['notification', 'bell', 'alarm', 'icon', 'core', 'bell', 'alert', 'top navigation'],
+    componentName: 'NotificationIcon',
+    package: '@atlaskit/icon/core/notification',
+    oldName: ['notification-direct', 'notification'],
+    categorization: 'Single-purpose',
+    location: 'ADS',
+    team: 'ADS',
+    type: 'Core',
+    usage: 'Reserved for notifications within global product navigation and within product screens.'
+  },
   'office-building': {
     keywords: ['office-building', 'officebuilding', 'icon', 'core', 'organization', 'organisation', 'business'],
     componentName: 'OfficeBuildingIcon',

package/dist/esm/migration-map.js

@@ -1037,19 +1037,15 @@ var migrationMap = {
       xlarge: 'icon-tile'
     }
   },
-  download: {
-    newIcon: {
-      name: 'cloud-arrow-down',
-      type: 'core',
-      package: '@atlaskit/icon'
-    },
-    sizeGuidance: {
-      small: 'swap',
-      medium: 'swap',
-      large: 'icon-tile',
-      xlarge: 'icon-tile'
-    }
-  },
+  // download: {
+  // 	newIcon: { name: 'cloud-arrow-down', type: 'core', package: '@atlaskit/icon' },
+  // 	sizeGuidance: {
+  // 		small: 'swap',
+  // 		medium: 'swap',
+  // 		large: 'icon-tile',
+  // 		xlarge: 'icon-tile',
+  // 	},
+  // },
   'drag-handler': {
     newIcon: {
       name: 'drag-handle',

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import type { NewIconProps } from '../types';
+/**
+ * `IconFacade` is a component that conditionally renders either a new or legacy icon based on a feature flag.
+ *
+ * @param {IconFacadeProps} props - The props for the IconFacade component. Includes properties for configuring
+ * the icon such as `size`, `spacing`, `primaryColor`, `iconType`, and potentially others depending on the icon.
+ * `dangerouslySetGlyph` is a prop specific to the legacy icon component for setting the icon glyph directly.
+ * @returns A React element representing either the new or legacy icon based on the feature flag and icon size.
+ */
+export declare const IconFacade: React.NamedExoticComponent<import("../types").IconProps & {
+    newIcon?: React.ComponentType<NewIconProps> | undefined;
+    iconType?: "utility" | "global" | undefined;
+}>;
+export default IconFacade;

package/dist/types/entry-points/base.d.ts

@@ -1,2 +1,3 @@
 export { default, Icon } from '../components/icon';
+export { IconFacade as UNSAFE_IconFacade } from '../components/icon-facade';
 export type { IconProps } from '../types';

package/dist/types/types.d.ts

@@ -170,4 +170,8 @@ type IconMigrationResult = {
 };
 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 IconMigrationMap = Record<string, IconMigrationResult>;
+export type IconFacadeProps = IconProps & {
+    newIcon?: React.ComponentType<NewIconProps>;
+    iconType?: NewIconProps['type'];
+};
 export {};

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import type { NewIconProps } from '../types';
+/**
+ * `IconFacade` is a component that conditionally renders either a new or legacy icon based on a feature flag.
+ *
+ * @param {IconFacadeProps} props - The props for the IconFacade component. Includes properties for configuring
+ * the icon such as `size`, `spacing`, `primaryColor`, `iconType`, and potentially others depending on the icon.
+ * `dangerouslySetGlyph` is a prop specific to the legacy icon component for setting the icon glyph directly.
+ * @returns A React element representing either the new or legacy icon based on the feature flag and icon size.
+ */
+export declare const IconFacade: React.NamedExoticComponent<import("../types").IconProps & {
+    newIcon?: React.ComponentType<NewIconProps> | undefined;
+    iconType?: "utility" | "global" | undefined;
+}>;
+export default IconFacade;

package/dist/types-ts4.5/entry-points/base.d.ts

@@ -1,2 +1,3 @@
 export { default, Icon } from '../components/icon';
+export { IconFacade as UNSAFE_IconFacade } from '../components/icon-facade';
 export type { IconProps } from '../types';

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

@@ -170,4 +170,8 @@ type IconMigrationResult = {
 };
 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 IconMigrationMap = Record<string, IconMigrationResult>;
+export type IconFacadeProps = IconProps & {
+    newIcon?: React.ComponentType<NewIconProps>;
+    iconType?: NewIconProps['type'];
+};
 export {};

package/glyph/activity.js

@@ -4,17 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _base = require("@atlaskit/icon/base");
-
+var _dashboard = _interopRequireDefault(require("@atlaskit/icon/core/dashboard"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const ActivityIcon = props => /*#__PURE__*/_react.default.createElement(_base.Icon, Object.assign({
-  dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><g fill="currentColor" fill-rule="evenodd"><path d="M19.004 17C19 17 19 7.006 19 7.006 19 7 4.996 7 4.996 7 5 7 5 16.994 5 16.994 5 17 19.004 17 19.004 17zM3 7.006A2 2 0 014.995 5h14.01A2 2 0 0121 7.006v9.988A2 2 0 0119.005 19H4.995A2 2 0 013 16.994V7.006z" fill-rule="nonzero"/><path d="M4 6h16v5H4V6zm5 2c0 .556.446 1 .995 1h8.01c.54 0 .995-.448.995-1 0-.556-.446-1-.995-1h-8.01C9.455 7 9 7.448 9 8zM5 8c0 .556.448 1 1 1 .556 0 1-.448 1-1 0-.556-.448-1-1-1-.556 0-1 .448-1 1z"/></g></svg>`
-}, props));
-
+const ActivityIcon = props => /*#__PURE__*/_react.default.createElement(_base.UNSAFE_IconFacade, Object.assign({
+  dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><g fill="currentColor" fill-rule="evenodd"><path fill-rule="nonzero" d="M19.004 17C19 17 19 7.006 19 7.006 19 7 4.996 7 4.996 7 5 7 5 16.994 5 16.994 5 17 19.004 17 19.004 17M3 7.006A2 2 0 0 1 4.995 5h14.01A2 2 0 0 1 21 7.006v9.988A2 2 0 0 1 19.005 19H4.995A2 2 0 0 1 3 16.994z"/><path d="M4 6h16v5H4zm5 2c0 .556.446 1 .995 1h8.01c.54 0 .995-.448.995-1 0-.556-.446-1-.995-1h-8.01C9.455 7 9 7.448 9 8M5 8c0 .556.448 1 1 1 .556 0 1-.448 1-1 0-.556-.448-1-1-1-.556 0-1 .448-1 1"/></g></svg>`
+}, props, {
+  newIcon: _dashboard.default
+}));
 ActivityIcon.displayName = 'ActivityIcon';
-var _default = ActivityIcon;
-exports.default = _default;
+var _default = exports.default = ActivityIcon;

package/glyph/add-circle.js

@@ -4,17 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _base = require("@atlaskit/icon/base");
-
+var _add = _interopRequireDefault(require("@atlaskit/icon/core/add"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const AddCircleIcon = props => /*#__PURE__*/_react.default.createElement(_base.Icon, Object.assign({
-  dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><g fill-rule="evenodd"><circle fill="currentColor" cx="12" cy="12" r="10"/><path d="M11.046 7.958v3.088H7.958a.954.954 0 100 1.908h3.088v3.088a.954.954 0 101.908 0v-3.088h3.088a.954.954 0 100-1.908h-3.088V7.958a.954.954 0 10-1.908 0z" fill="inherit"/></g></svg>`
-}, props));
-
+const AddCircleIcon = props => /*#__PURE__*/_react.default.createElement(_base.UNSAFE_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.046 7.958v3.088H7.958a.954.954 0 1 0 0 1.908h3.088v3.088a.954.954 0 1 0 1.908 0v-3.088h3.088a.954.954 0 1 0 0-1.908h-3.088V7.958a.954.954 0 1 0-1.908 0"/></g></svg>`
+}, props, {
+  newIcon: _add.default
+}));
 AddCircleIcon.displayName = 'AddCircleIcon';
-var _default = AddCircleIcon;
-exports.default = _default;
+var _default = exports.default = AddCircleIcon;

package/glyph/add-item.js

@@ -4,17 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _base = require("@atlaskit/icon/base");
-
+var _shortcut = _interopRequireDefault(require("@atlaskit/icon/core/shortcut"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const AddItemIcon = props => /*#__PURE__*/_react.default.createElement(_base.Icon, Object.assign({
-  dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><g fill="currentColor" fill-rule="evenodd"><path d="M16.002 3H4.995A1.995 1.995 0 003 4.995v14.01C3 20.107 3.893 21 4.995 21h14.01A1.995 1.995 0 0021 19.005V7.998 11h-2v8H5V5h8V3h3.002z" fill-rule="nonzero"/><path d="M19 5V3.99A1 1 0 0018 3c-.556 0-1 .444-1 .99V5h-1a1 1 0 000 2h1v1.01A1 1 0 0018 9c.556 0 1-.444 1-.99V7h1a1 1 0 000-2h-1z"/></g></svg>`
-}, props));
-
+const AddItemIcon = props => /*#__PURE__*/_react.default.createElement(_base.UNSAFE_IconFacade, Object.assign({
+  dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><g fill="currentColor" fill-rule="evenodd"><path fill-rule="nonzero" d="M16.002 3H4.995A1.995 1.995 0 0 0 3 4.995v14.01C3 20.107 3.893 21 4.995 21h14.01A1.995 1.995 0 0 0 21 19.005V7.998 11h-2v8H5V5h8V3z"/><path d="M19 5V3.99A1 1 0 0 0 18 3c-.556 0-1 .444-1 .99V5h-1a1 1 0 0 0 0 2h1v1.01A1 1 0 0 0 18 9c.556 0 1-.444 1-.99V7h1a1 1 0 0 0 0-2z"/></g></svg>`
+}, props, {
+  newIcon: _shortcut.default
+}));
 AddItemIcon.displayName = 'AddItemIcon';
-var _default = AddItemIcon;
-exports.default = _default;
+var _default = exports.default = AddItemIcon;

package/glyph/add.js

@@ -4,17 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _base = require("@atlaskit/icon/base");
-
+var _add = _interopRequireDefault(require("@atlaskit/icon/core/add"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const AddIcon = props => /*#__PURE__*/_react.default.createElement(_base.Icon, Object.assign({
-  dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><path d="M13 11V3.993A.997.997 0 0012 3c-.556 0-1 .445-1 .993V11H3.993A.997.997 0 003 12c0 .557.445 1 .993 1H11v7.007c0 .548.448.993 1 .993.556 0 1-.445 1-.993V13h7.007A.997.997 0 0021 12c0-.556-.445-1-.993-1H13z" fill="currentColor" fill-rule="evenodd"/></svg>`
-}, props));
-
+const AddIcon = props => /*#__PURE__*/_react.default.createElement(_base.UNSAFE_IconFacade, Object.assign({
+  dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><path fill="currentColor" fill-rule="evenodd" d="M13 11V3.993A.997.997 0 0 0 12 3c-.556 0-1 .445-1 .993V11H3.993A.997.997 0 0 0 3 12c0 .557.445 1 .993 1H11v7.007c0 .548.448.993 1 .993.556 0 1-.445 1-.993V13h7.007A.997.997 0 0 0 21 12c0-.556-.445-1-.993-1z"/></svg>`
+}, props, {
+  newIcon: _add.default
+}));
 AddIcon.displayName = 'AddIcon';
-var _default = AddIcon;
-exports.default = _default;
+var _default = exports.default = AddIcon;

package/glyph/addon.js

@@ -4,17 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _base = require("@atlaskit/icon/base");
-
+var _app = _interopRequireDefault(require("@atlaskit/icon/core/app"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const AddonIcon = props => /*#__PURE__*/_react.default.createElement(_base.Icon, Object.assign({
-  dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><g fill="currentColor" fill-rule="evenodd"><path d="M5.376 6.455l5.248-3.104c.792-.469 1.963-.467 2.752 0l5.248 3.104C19.416 6.923 20 7.962 20 8.895v6.21c0 .936-.587 1.973-1.376 2.44l-5.248 3.104c-.792.469-1.963.467-2.752 0l-5.248-3.104C4.584 17.077 4 16.038 4 15.105v-6.21c0-.936.587-1.973 1.376-2.44zm6.99-1.314c-.165-.098-.566-.098-.733 0L6.385 8.245c-.166.098-.367.454-.367.65v6.21c0 .195.2.551.367.65l5.248 3.104c.166.098.567.098.734 0l5.248-3.104c.166-.098.367-.454.367-.65v-6.21c0-.195-.2-.551-.367-.65l-5.248-3.104z"/><path d="M12 16a4 4 0 110-8 4 4 0 010 8zm0-2a2 2 0 100-4 2 2 0 000 4z"/></g></svg>`
-}, props));
-
+const AddonIcon = props => /*#__PURE__*/_react.default.createElement(_base.UNSAFE_IconFacade, Object.assign({
+  dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><g fill="currentColor" fill-rule="evenodd"><path d="m5.376 6.455 5.248-3.104c.792-.469 1.963-.467 2.752 0l5.248 3.104C19.416 6.923 20 7.962 20 8.895v6.21c0 .936-.587 1.973-1.376 2.44l-5.248 3.104c-.792.469-1.963.467-2.752 0l-5.248-3.104C4.584 17.077 4 16.038 4 15.105v-6.21c0-.936.587-1.973 1.376-2.44m6.99-1.314c-.165-.098-.566-.098-.733 0L6.385 8.245c-.166.098-.367.454-.367.65v6.21c0 .195.2.551.367.65l5.248 3.104c.166.098.567.098.734 0l5.248-3.104c.166-.098.367-.454.367-.65v-6.21c0-.195-.2-.551-.367-.65z"/><path d="M12 16a4 4 0 1 1 0-8 4 4 0 0 1 0 8m0-2a2 2 0 1 0 0-4 2 2 0 0 0 0 4"/></g></svg>`
+}, props, {
+  newIcon: _app.default
+}));
 AddonIcon.displayName = 'AddonIcon';
-var _default = AddonIcon;
-exports.default = _default;
+var _default = exports.default = AddonIcon;

package/glyph/app-access.js

@@ -4,17 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _base = require("@atlaskit/icon/base");
-
+var _personAdded = _interopRequireDefault(require("@atlaskit/icon/core/person-added"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const AppAccessIcon = props => /*#__PURE__*/_react.default.createElement(_base.Icon, Object.assign({
-  dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><g fill-rule="evenodd"><path d="M12.682 12H5.01A2.006 2.006 0 003 14v4.446c0 2.162 4.836 2.951 8.368 2.368A5.975 5.975 0 0110 17a5.994 5.994 0 012.682-5z" fill="currentColor"/><circle fill="currentColor" cx="9" cy="7" r="4"/><circle fill="currentColor" cx="16" cy="17" r="5"/><path d="M14.674 19.331c.36.36.941.36 1.3 0l2.758-2.763a.92.92 0 00-1.301-1.298l-2.108 2.11-.755-.754a.92.92 0 00-1.3 1.3l1.406 1.405z" fill="inherit"/></g></svg>`
-}, props));
-
+const AppAccessIcon = props => /*#__PURE__*/_react.default.createElement(_base.UNSAFE_IconFacade, Object.assign({
+  dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><g fill-rule="evenodd"><path fill="currentColor" d="M12.682 12H5.01A2.006 2.006 0 0 0 3 14v4.446c0 2.162 4.836 2.951 8.368 2.368A5.98 5.98 0 0 1 10 17a6 6 0 0 1 2.682-5"/><circle cx="9" cy="7" r="4" fill="currentColor"/><circle cx="16" cy="17" r="5" fill="currentColor"/><path fill="inherit" d="M14.674 19.331c.36.36.941.36 1.3 0l2.758-2.763a.92.92 0 0 0-1.301-1.298l-2.108 2.11-.755-.754a.92.92 0 0 0-1.3 1.3z"/></g></svg>`
+}, props, {
+  newIcon: _personAdded.default
+}));
 AppAccessIcon.displayName = 'AppAccessIcon';
-var _default = AppAccessIcon;
-exports.default = _default;
+var _default = exports.default = AppAccessIcon;

package/glyph/app-switcher.js

@@ -4,17 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _base = require("@atlaskit/icon/base");
-
+var _appSwitcher = _interopRequireDefault(require("@atlaskit/icon/core/app-switcher"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const AppSwitcherIcon = props => /*#__PURE__*/_react.default.createElement(_base.Icon, Object.assign({
-  dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><path fill="currentColor" fill-rule="evenodd" d="M4 5.01C4 4.451 4.443 4 5.01 4h1.98C7.549 4 8 4.443 8 5.01v1.98C8 7.549 7.557 8 6.99 8H5.01C4.451 8 4 7.557 4 6.99V5.01zm0 6c0-.558.443-1.01 1.01-1.01h1.98c.558 0 1.01.443 1.01 1.01v1.98C8 13.549 7.557 14 6.99 14H5.01C4.451 14 4 13.557 4 12.99v-1.98zm6-6c0-.558.443-1.01 1.01-1.01h1.98c.558 0 1.01.443 1.01 1.01v1.98C14 7.549 13.557 8 12.99 8h-1.98C10.451 8 10 7.557 10 6.99V5.01zm0 6c0-.558.443-1.01 1.01-1.01h1.98c.558 0 1.01.443 1.01 1.01v1.98c0 .558-.443 1.01-1.01 1.01h-1.98c-.558 0-1.01-.443-1.01-1.01v-1.98zm6-6c0-.558.443-1.01 1.01-1.01h1.98c.558 0 1.01.443 1.01 1.01v1.98C20 7.549 19.557 8 18.99 8h-1.98C16.451 8 16 7.557 16 6.99V5.01zm0 6c0-.558.443-1.01 1.01-1.01h1.98c.558 0 1.01.443 1.01 1.01v1.98c0 .558-.443 1.01-1.01 1.01h-1.98c-.558 0-1.01-.443-1.01-1.01v-1.98zm-12 6c0-.558.443-1.01 1.01-1.01h1.98c.558 0 1.01.443 1.01 1.01v1.98C8 19.549 7.557 20 6.99 20H5.01C4.451 20 4 19.557 4 18.99v-1.98zm6 0c0-.558.443-1.01 1.01-1.01h1.98c.558 0 1.01.443 1.01 1.01v1.98c0 .558-.443 1.01-1.01 1.01h-1.98c-.558 0-1.01-.443-1.01-1.01v-1.98zm6 0c0-.558.443-1.01 1.01-1.01h1.98c.558 0 1.01.443 1.01 1.01v1.98c0 .558-.443 1.01-1.01 1.01h-1.98c-.558 0-1.01-.443-1.01-1.01v-1.98z"/></svg>`
-}, props));
-
+const AppSwitcherIcon = props => /*#__PURE__*/_react.default.createElement(_base.UNSAFE_IconFacade, Object.assign({
+  dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><path fill="currentColor" fill-rule="evenodd" d="M4 5.01C4 4.451 4.443 4 5.01 4h1.98C7.549 4 8 4.443 8 5.01v1.98C8 7.549 7.557 8 6.99 8H5.01C4.451 8 4 7.557 4 6.99zm0 6c0-.558.443-1.01 1.01-1.01h1.98c.558 0 1.01.443 1.01 1.01v1.98C8 13.549 7.557 14 6.99 14H5.01C4.451 14 4 13.557 4 12.99zm6-6c0-.558.443-1.01 1.01-1.01h1.98c.558 0 1.01.443 1.01 1.01v1.98C14 7.549 13.557 8 12.99 8h-1.98C10.451 8 10 7.557 10 6.99zm0 6c0-.558.443-1.01 1.01-1.01h1.98c.558 0 1.01.443 1.01 1.01v1.98c0 .558-.443 1.01-1.01 1.01h-1.98c-.558 0-1.01-.443-1.01-1.01zm6-6c0-.558.443-1.01 1.01-1.01h1.98c.558 0 1.01.443 1.01 1.01v1.98C20 7.549 19.557 8 18.99 8h-1.98C16.451 8 16 7.557 16 6.99zm0 6c0-.558.443-1.01 1.01-1.01h1.98c.558 0 1.01.443 1.01 1.01v1.98c0 .558-.443 1.01-1.01 1.01h-1.98c-.558 0-1.01-.443-1.01-1.01zm-12 6c0-.558.443-1.01 1.01-1.01h1.98c.558 0 1.01.443 1.01 1.01v1.98C8 19.549 7.557 20 6.99 20H5.01C4.451 20 4 19.557 4 18.99zm6 0c0-.558.443-1.01 1.01-1.01h1.98c.558 0 1.01.443 1.01 1.01v1.98c0 .558-.443 1.01-1.01 1.01h-1.98c-.558 0-1.01-.443-1.01-1.01zm6 0c0-.558.443-1.01 1.01-1.01h1.98c.558 0 1.01.443 1.01 1.01v1.98c0 .558-.443 1.01-1.01 1.01h-1.98c-.558 0-1.01-.443-1.01-1.01z"/></svg>`
+}, props, {
+  newIcon: _appSwitcher.default
+}));
 AppSwitcherIcon.displayName = 'AppSwitcherIcon';
-var _default = AppSwitcherIcon;
-exports.default = _default;
+var _default = exports.default = AppSwitcherIcon;

package/glyph/archive.js

@@ -4,17 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _base = require("@atlaskit/icon/base");
-
+var _archiveBox = _interopRequireDefault(require("@atlaskit/icon/core/archive-box"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const ArchiveIcon = props => /*#__PURE__*/_react.default.createElement(_base.Icon, Object.assign({
-  dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><path fill-rule="evenodd" clip-rule="evenodd" d="M19 3H4.85A2 2 0 003 5v4h1v10.45A1.67 1.67 0 005.77 21h12.46A1.67 1.67 0 0020 19.45V9h1V5a2 2 0 00-2-2zm-1 16H6V9h12v10zm1-12H5V5h14v2zm-4 7H9v-2h6v2z" fill="currentColor"/></svg>`
-}, props));
-
+const ArchiveIcon = props => /*#__PURE__*/_react.default.createElement(_base.UNSAFE_IconFacade, Object.assign({
+  dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><path fill="currentColor" fill-rule="evenodd" d="M19 3H4.85A2 2 0 0 0 3 5v4h1v10.45A1.67 1.67 0 0 0 5.77 21h12.46A1.67 1.67 0 0 0 20 19.45V9h1V5a2 2 0 0 0-2-2m-1 16H6V9h12zm1-12H5V5h14zm-4 7H9v-2h6z" clip-rule="evenodd"/></svg>`
+}, props, {
+  newIcon: _archiveBox.default
+}));
 ArchiveIcon.displayName = 'ArchiveIcon';
-var _default = ArchiveIcon;
-exports.default = _default;
+var _default = exports.default = ArchiveIcon;

package/glyph/arrow-down-circle.js

@@ -4,17 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _base = require("@atlaskit/icon/base");
-
+var _arrowDown = _interopRequireDefault(require("@atlaskit/icon/core/arrow-down"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const ArrowDownCircleIcon = props => /*#__PURE__*/_react.default.createElement(_base.Icon, Object.assign({
-  dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><g fill-rule="evenodd"><circle fill="currentColor" fill-rule="nonzero" cx="12" cy="12" r="10"/><path d="M10.994 8v5.586l-1.279-1.272a1.01 1.01 0 00-1.421 0 .998.998 0 000 1.416l2.994 2.977a1.01 1.01 0 001.423 0l2.994-2.977a.998.998 0 000-1.416 1.01 1.01 0 00-1.421 0l-1.279 1.272V8c0-.552-.45-1-1.005-1-.555 0-1.006.448-1.006 1z" fill="inherit"/></g></svg>`
-}, props));
-
+const ArrowDownCircleIcon = props => /*#__PURE__*/_react.default.createElement(_base.UNSAFE_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" fill-rule="nonzero"/><path fill="inherit" d="M10.994 8v5.586l-1.279-1.272a1.01 1.01 0 0 0-1.421 0 1 1 0 0 0 0 1.416l2.994 2.977a1.01 1.01 0 0 0 1.423 0l2.994-2.977a1 1 0 0 0 0-1.416 1.01 1.01 0 0 0-1.421 0l-1.279 1.272V8c0-.552-.45-1-1.005-1s-1.006.448-1.006 1"/></g></svg>`
+}, props, {
+  newIcon: _arrowDown.default
+}));
 ArrowDownCircleIcon.displayName = 'ArrowDownCircleIcon';
-var _default = ArrowDownCircleIcon;
-exports.default = _default;
+var _default = exports.default = ArrowDownCircleIcon;