@atlaskit/icon 22.8.0 → 22.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,14 @@
1
1
  # @atlaskit/icon
2
2
 
3
+ ## 22.9.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#125980](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/125980)
8
+ [`4df9272f5f016`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/4df9272f5f016) -
9
+ Adds four new icons to the experimental /core icon set: 'notification', 'menu', 'app-switcher',
10
+ and 'app-switcher-legacy'
11
+
3
12
  ## 22.8.0
4
13
 
5
14
  ### Minor Changes
@@ -0,0 +1,9 @@
1
+
2
+ import React from 'react';
3
+ import Icon from '@atlaskit/icon/UNSAFE_base-new';
4
+
5
+ declare const AppSwitcherLegacyIcon: {
6
+ (props: Omit<React.ComponentProps<typeof Icon>, 'dangerouslySetGlyph' | 'type'>): JSX.Element;
7
+ displayName: string;
8
+ };
9
+ export default AppSwitcherLegacyIcon;
@@ -0,0 +1,26 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+ var _react = _interopRequireDefault(require("react"));
8
+ var _UNSAFE_baseNew = _interopRequireDefault(require("@atlaskit/icon/UNSAFE_base-new"));
9
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
10
+ /**
11
+ * ⚠️ EXPERIMENTAL ⚠️ - New icons are a work in progress and subject to change or removal in future minor or patch releases.
12
+ * Please reach out in #help-design-system before using these in production.
13
+ *
14
+ * Icon: "AppSwitcherLegacy".
15
+ * Category: Single-purpose
16
+ * Location: ADS
17
+ * Usage guidance: Reserved for the legacy app switcher in global product navigation.
18
+ * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
19
+ * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
20
+ */
21
+ const AppSwitcherLegacyIcon = props => /*#__PURE__*/_react.default.createElement(_UNSAFE_baseNew.default, Object.assign({
22
+ dangerouslySetGlyph: `<path fill="currentColor" d="M11.75 11.75h2.5v2.5h-2.5zm-10-10h2.5v2.5h-2.5zm0 5h2.5v2.5h-2.5zm0 5h2.5v2.5h-2.5zm5-10h2.5v2.5h-2.5zm0 5h2.5v2.5h-2.5zm0 5h2.5v2.5h-2.5zm5-10h2.5v2.5h-2.5zm0 5h2.5v2.5h-2.5z"/><path stroke="currentColor" stroke-linejoin="round" stroke-width="1.5" d="M11.75 11.75h2.5v2.5h-2.5zm-10-10h2.5v2.5h-2.5zm0 5h2.5v2.5h-2.5zm0 5h2.5v2.5h-2.5zm5-10h2.5v2.5h-2.5zm0 5h2.5v2.5h-2.5zm0 5h2.5v2.5h-2.5zm5-10h2.5v2.5h-2.5zm0 5h2.5v2.5h-2.5z"/>`
23
+ // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
24
+ }, props));
25
+ AppSwitcherLegacyIcon.displayName = 'AppSwitcherLegacyIcon';
26
+ var _default = exports.default = AppSwitcherLegacyIcon;
@@ -0,0 +1,9 @@
1
+
2
+ import React from 'react';
3
+ import Icon from '@atlaskit/icon/UNSAFE_base-new';
4
+
5
+ declare const AppSwitcherIcon: {
6
+ (props: Omit<React.ComponentProps<typeof Icon>, 'dangerouslySetGlyph' | 'type'>): JSX.Element;
7
+ displayName: string;
8
+ };
9
+ export default AppSwitcherIcon;
@@ -0,0 +1,26 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+ var _react = _interopRequireDefault(require("react"));
8
+ var _UNSAFE_baseNew = _interopRequireDefault(require("@atlaskit/icon/UNSAFE_base-new"));
9
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
10
+ /**
11
+ * ⚠️ EXPERIMENTAL ⚠️ - New icons are a work in progress and subject to change or removal in future minor or patch releases.
12
+ * Please reach out in #help-design-system before using these in production.
13
+ *
14
+ * Icon: "AppSwitcher".
15
+ * Category: Single-purpose
16
+ * Location: ADS
17
+ * Usage guidance: Reserved for app switcher in global product navigation.
18
+ * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
19
+ * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
20
+ */
21
+ const AppSwitcherIcon = props => /*#__PURE__*/_react.default.createElement(_UNSAFE_baseNew.default, Object.assign({
22
+ dangerouslySetGlyph: `<path stroke="currentColor" stroke-linejoin="round" stroke-width="1.5" d="M1.75 3c0-.69.56-1.25 1.25-1.25h2c.69 0 1.25.56 1.25 1.25v2c0 .69-.56 1.25-1.25 1.25H3c-.69 0-1.25-.56-1.25-1.25zm8 0c0-.69.56-1.25 1.25-1.25h2c.69 0 1.25.56 1.25 1.25v2c0 .69-.56 1.25-1.25 1.25h-2c-.69 0-1.25-.56-1.25-1.25zm-8 8c0-.69.56-1.25 1.25-1.25h2c.69 0 1.25.56 1.25 1.25v2c0 .69-.56 1.25-1.25 1.25H3c-.69 0-1.25-.56-1.25-1.25zm8 0c0-.69.56-1.25 1.25-1.25h2c.69 0 1.25.56 1.25 1.25v2c0 .69-.56 1.25-1.25 1.25h-2c-.69 0-1.25-.56-1.25-1.25z"/>`
23
+ // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
24
+ }, props));
25
+ AppSwitcherIcon.displayName = 'AppSwitcherIcon';
26
+ var _default = exports.default = AppSwitcherIcon;
package/core/menu.d.ts ADDED
@@ -0,0 +1,9 @@
1
+
2
+ import React from 'react';
3
+ import Icon from '@atlaskit/icon/UNSAFE_base-new';
4
+
5
+ declare const MenuIcon: {
6
+ (props: Omit<React.ComponentProps<typeof Icon>, 'dangerouslySetGlyph' | 'type'>): JSX.Element;
7
+ displayName: string;
8
+ };
9
+ export default MenuIcon;
package/core/menu.js ADDED
@@ -0,0 +1,26 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+ var _react = _interopRequireDefault(require("react"));
8
+ var _UNSAFE_baseNew = _interopRequireDefault(require("@atlaskit/icon/UNSAFE_base-new"));
9
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
10
+ /**
11
+ * ⚠️ EXPERIMENTAL ⚠️ - New icons are a work in progress and subject to change or removal in future minor or patch releases.
12
+ * Please reach out in #help-design-system before using these in production.
13
+ *
14
+ * Icon: "Menu".
15
+ * Category: Single-purpose
16
+ * Location: ADS
17
+ * Usage guidance: Reserved for accessing the menu in global product navigation.
18
+ * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
19
+ * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
20
+ */
21
+ const MenuIcon = props => /*#__PURE__*/_react.default.createElement(_UNSAFE_baseNew.default, Object.assign({
22
+ dangerouslySetGlyph: `<path stroke="currentColor" stroke-width="1.5" d="M1 13.25h14M1 8h14M1 2.75h14"/>`
23
+ // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
24
+ }, props));
25
+ MenuIcon.displayName = 'MenuIcon';
26
+ var _default = exports.default = MenuIcon;
@@ -0,0 +1,9 @@
1
+
2
+ import React from 'react';
3
+ import Icon from '@atlaskit/icon/UNSAFE_base-new';
4
+
5
+ declare const AppSwitcherIconMigration: {
6
+ (props: Omit<React.ComponentProps<typeof Icon>, 'dangerouslySetGlyph' | 'type' | 'LEGACY_fallbackIcon'> ): JSX.Element;
7
+ displayName: string;
8
+ };
9
+ export default AppSwitcherIconMigration;
@@ -0,0 +1,29 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+ var _react = _interopRequireDefault(require("react"));
8
+ var _appSwitcher = _interopRequireDefault(require("@atlaskit/icon/core/app-switcher"));
9
+ var _switcher = _interopRequireDefault(require("@atlaskit/icon/glyph/switcher"));
10
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
+ /**
12
+ * ⚠️ EXPERIMENTAL ⚠️ - New icons are a work in progress and subject to change or removal in future minor or patch releases.
13
+ * Please reach out in #help-design-system before using these in production.
14
+ *
15
+ * Migration Icon component for AppSwitcherIcon.
16
+ * This component is AppSwitcherIcon, with `UNSAFE_fallbackIcon` set to "SwitcherIcon".
17
+ *
18
+ * Category: Single-purpose
19
+ * Location: ADS
20
+ * Usage guidance: Reserved for app switcher in global product navigation.
21
+ * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
22
+ * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
23
+ */
24
+ const AppSwitcherIcon = props => /*#__PURE__*/_react.default.createElement(_appSwitcher.default, Object.assign({
25
+ LEGACY_fallbackIcon: _switcher.default
26
+ // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
27
+ }, props));
28
+ AppSwitcherIcon.Name = 'AppSwitcherIconMigration';
29
+ var _default = exports.default = AppSwitcherIcon;
@@ -0,0 +1,9 @@
1
+
2
+ import React from 'react';
3
+ import Icon from '@atlaskit/icon/UNSAFE_base-new';
4
+
5
+ declare const AppSwitcherIconMigration: {
6
+ (props: Omit<React.ComponentProps<typeof Icon>, 'dangerouslySetGlyph' | 'type' | 'LEGACY_fallbackIcon'> ): JSX.Element;
7
+ displayName: string;
8
+ };
9
+ export default AppSwitcherIconMigration;
@@ -0,0 +1,29 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+ var _react = _interopRequireDefault(require("react"));
8
+ var _appSwitcher = _interopRequireDefault(require("@atlaskit/icon/core/app-switcher"));
9
+ var _appSwitcher2 = _interopRequireDefault(require("@atlaskit/icon/glyph/app-switcher"));
10
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
+ /**
12
+ * ⚠️ EXPERIMENTAL ⚠️ - New icons are a work in progress and subject to change or removal in future minor or patch releases.
13
+ * Please reach out in #help-design-system before using these in production.
14
+ *
15
+ * Migration Icon component for AppSwitcherIcon.
16
+ * This component is AppSwitcherIcon, with `UNSAFE_fallbackIcon` set to "AppSwitcherIcon".
17
+ *
18
+ * Category: Single-purpose
19
+ * Location: ADS
20
+ * Usage guidance: Reserved for app switcher in global product navigation.
21
+ * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
22
+ * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
23
+ */
24
+ const AppSwitcherIcon = props => /*#__PURE__*/_react.default.createElement(_appSwitcher.default, Object.assign({
25
+ LEGACY_fallbackIcon: _appSwitcher2.default
26
+ // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
27
+ }, props));
28
+ AppSwitcherIcon.Name = 'AppSwitcherIconMigration';
29
+ var _default = exports.default = AppSwitcherIcon;
@@ -0,0 +1,9 @@
1
+
2
+ import React from 'react';
3
+ import Icon from '@atlaskit/icon/UNSAFE_base-new';
4
+
5
+ declare const MenuIconMigration: {
6
+ (props: Omit<React.ComponentProps<typeof Icon>, 'dangerouslySetGlyph' | 'type' | 'LEGACY_fallbackIcon'> ): JSX.Element;
7
+ displayName: string;
8
+ };
9
+ export default MenuIconMigration;
@@ -0,0 +1,29 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+ var _react = _interopRequireDefault(require("react"));
8
+ var _menu = _interopRequireDefault(require("@atlaskit/icon/core/menu"));
9
+ var _menuExpand = _interopRequireDefault(require("@atlaskit/icon/glyph/menu-expand"));
10
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
+ /**
12
+ * ⚠️ EXPERIMENTAL ⚠️ - New icons are a work in progress and subject to change or removal in future minor or patch releases.
13
+ * Please reach out in #help-design-system before using these in production.
14
+ *
15
+ * Migration Icon component for MenuIcon.
16
+ * This component is MenuIcon, with `UNSAFE_fallbackIcon` set to "MenuExpandIcon".
17
+ *
18
+ * Category: Single-purpose
19
+ * Location: ADS
20
+ * Usage guidance: Reserved for accessing the menu in global product navigation.
21
+ * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
22
+ * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
23
+ */
24
+ const MenuIcon = props => /*#__PURE__*/_react.default.createElement(_menu.default, Object.assign({
25
+ LEGACY_fallbackIcon: _menuExpand.default
26
+ // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
27
+ }, props));
28
+ MenuIcon.Name = 'MenuIconMigration';
29
+ var _default = exports.default = MenuIcon;
@@ -0,0 +1,9 @@
1
+
2
+ import React from 'react';
3
+ import Icon from '@atlaskit/icon/UNSAFE_base-new';
4
+
5
+ declare const MenuIconMigration: {
6
+ (props: Omit<React.ComponentProps<typeof Icon>, 'dangerouslySetGlyph' | 'type' | 'LEGACY_fallbackIcon'> ): JSX.Element;
7
+ displayName: string;
8
+ };
9
+ export default MenuIconMigration;
@@ -0,0 +1,29 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+ var _react = _interopRequireDefault(require("react"));
8
+ var _menu = _interopRequireDefault(require("@atlaskit/icon/core/menu"));
9
+ var _menu2 = _interopRequireDefault(require("@atlaskit/icon/glyph/menu"));
10
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
+ /**
12
+ * ⚠️ EXPERIMENTAL ⚠️ - New icons are a work in progress and subject to change or removal in future minor or patch releases.
13
+ * Please reach out in #help-design-system before using these in production.
14
+ *
15
+ * Migration Icon component for MenuIcon.
16
+ * This component is MenuIcon, with `UNSAFE_fallbackIcon` set to "MenuIcon".
17
+ *
18
+ * Category: Single-purpose
19
+ * Location: ADS
20
+ * Usage guidance: Reserved for accessing the menu in global product navigation.
21
+ * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
22
+ * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
23
+ */
24
+ const MenuIcon = props => /*#__PURE__*/_react.default.createElement(_menu.default, Object.assign({
25
+ LEGACY_fallbackIcon: _menu2.default
26
+ // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
27
+ }, props));
28
+ MenuIcon.Name = 'MenuIconMigration';
29
+ var _default = exports.default = MenuIcon;
@@ -0,0 +1,9 @@
1
+
2
+ import React from 'react';
3
+ import Icon from '@atlaskit/icon/UNSAFE_base-new';
4
+
5
+ declare const NotificationIconMigration: {
6
+ (props: Omit<React.ComponentProps<typeof Icon>, 'dangerouslySetGlyph' | 'type' | 'LEGACY_fallbackIcon'> ): JSX.Element;
7
+ displayName: string;
8
+ };
9
+ export default NotificationIconMigration;
@@ -0,0 +1,29 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+ var _react = _interopRequireDefault(require("react"));
8
+ var _notification = _interopRequireDefault(require("@atlaskit/icon/core/notification"));
9
+ var _notificationDirect = _interopRequireDefault(require("@atlaskit/icon/glyph/notification-direct"));
10
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
+ /**
12
+ * ⚠️ EXPERIMENTAL ⚠️ - New icons are a work in progress and subject to change or removal in future minor or patch releases.
13
+ * Please reach out in #help-design-system before using these in production.
14
+ *
15
+ * Migration Icon component for NotificationIcon.
16
+ * This component is NotificationIcon, with `UNSAFE_fallbackIcon` set to "NotificationDirectIcon".
17
+ *
18
+ * Category: Single-purpose
19
+ * Location: ADS
20
+ * Usage guidance: Reserved for notifications within global product navigation and within product screens.
21
+ * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
22
+ * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
23
+ */
24
+ const NotificationIcon = props => /*#__PURE__*/_react.default.createElement(_notification.default, Object.assign({
25
+ LEGACY_fallbackIcon: _notificationDirect.default
26
+ // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
27
+ }, props));
28
+ NotificationIcon.Name = 'NotificationIconMigration';
29
+ var _default = exports.default = NotificationIcon;
@@ -0,0 +1,9 @@
1
+
2
+ import React from 'react';
3
+ import Icon from '@atlaskit/icon/UNSAFE_base-new';
4
+
5
+ declare const NotificationIconMigration: {
6
+ (props: Omit<React.ComponentProps<typeof Icon>, 'dangerouslySetGlyph' | 'type' | 'LEGACY_fallbackIcon'> ): JSX.Element;
7
+ displayName: string;
8
+ };
9
+ export default NotificationIconMigration;
@@ -0,0 +1,29 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+ var _react = _interopRequireDefault(require("react"));
8
+ var _notification = _interopRequireDefault(require("@atlaskit/icon/core/notification"));
9
+ var _notification2 = _interopRequireDefault(require("@atlaskit/icon/glyph/notification"));
10
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
+ /**
12
+ * ⚠️ EXPERIMENTAL ⚠️ - New icons are a work in progress and subject to change or removal in future minor or patch releases.
13
+ * Please reach out in #help-design-system before using these in production.
14
+ *
15
+ * Migration Icon component for NotificationIcon.
16
+ * This component is NotificationIcon, with `UNSAFE_fallbackIcon` set to "NotificationIcon".
17
+ *
18
+ * Category: Single-purpose
19
+ * Location: ADS
20
+ * Usage guidance: Reserved for notifications within global product navigation and within product screens.
21
+ * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
22
+ * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
23
+ */
24
+ const NotificationIcon = props => /*#__PURE__*/_react.default.createElement(_notification.default, Object.assign({
25
+ LEGACY_fallbackIcon: _notification2.default
26
+ // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
27
+ }, props));
28
+ NotificationIcon.Name = 'NotificationIconMigration';
29
+ var _default = exports.default = NotificationIcon;
@@ -0,0 +1,9 @@
1
+
2
+ import React from 'react';
3
+ import Icon from '@atlaskit/icon/UNSAFE_base-new';
4
+
5
+ declare const NotificationIcon: {
6
+ (props: Omit<React.ComponentProps<typeof Icon>, 'dangerouslySetGlyph' | 'type'>): JSX.Element;
7
+ displayName: string;
8
+ };
9
+ export default NotificationIcon;
@@ -0,0 +1,26 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+ var _react = _interopRequireDefault(require("react"));
8
+ var _UNSAFE_baseNew = _interopRequireDefault(require("@atlaskit/icon/UNSAFE_base-new"));
9
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
10
+ /**
11
+ * ⚠️ EXPERIMENTAL ⚠️ - New icons are a work in progress and subject to change or removal in future minor or patch releases.
12
+ * Please reach out in #help-design-system before using these in production.
13
+ *
14
+ * Icon: "Notification".
15
+ * Category: Single-purpose
16
+ * Location: ADS
17
+ * Usage guidance: Reserved for notifications within global product navigation and within product screens.
18
+ * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
19
+ * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
20
+ */
21
+ const NotificationIcon = props => /*#__PURE__*/_react.default.createElement(_UNSAFE_baseNew.default, Object.assign({
22
+ dangerouslySetGlyph: `<path stroke="currentColor" stroke-linejoin="round" stroke-width="1.5" d="m3.675 9.106-2.23 3.159a.625.625 0 0 0 .511.985h12.088a.625.625 0 0 0 .51-.985l-2.229-3.159a.4.4 0 0 1-.075-.236V5a4.25 4.25 0 0 0-8.5 0v3.87a.4.4 0 0 1-.075.236Z"/><path fill="currentColor" stroke="currentColor" stroke-linejoin="round" stroke-width="1.5" d="M10 13.25H6a2 2 0 1 0 4 0Z"/>`
23
+ // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
24
+ }, props));
25
+ NotificationIcon.displayName = 'NotificationIcon';
26
+ var _default = exports.default = NotificationIcon;
@@ -111,6 +111,27 @@ var metadata = {
111
111
  type: 'Global noun',
112
112
  usage: 'Reserved for marketplace apps and integrations across products.'
113
113
  },
114
+ 'app-switcher': {
115
+ keywords: ['app-switcher', 'appswitcher', 'icon', 'core', 'application switcher', 'change product', 'switch product', 'product switcher', 'top navigation'],
116
+ componentName: 'AppSwitcherIcon',
117
+ package: '@atlaskit/icon/core/app-switcher',
118
+ oldName: ['app-switcher', 'switcher'],
119
+ categorization: 'Single-purpose',
120
+ location: 'ADS',
121
+ team: 'ADS',
122
+ type: 'Core',
123
+ usage: 'Reserved for app switcher in global product navigation.'
124
+ },
125
+ 'app-switcher-legacy': {
126
+ keywords: ['app-switcher-legacy', 'appswitcherlegacy', 'icon', 'core', 'application switcher', 'change product', 'switch product', 'product switcher', 'top navigation'],
127
+ componentName: 'AppSwitcherLegacyIcon',
128
+ package: '@atlaskit/icon/core/app-switcher-legacy',
129
+ categorization: 'Single-purpose',
130
+ location: 'ADS',
131
+ team: 'ADS',
132
+ type: 'Core',
133
+ usage: 'Reserved for the legacy app switcher in global product navigation.'
134
+ },
114
135
  apps: {
115
136
  keywords: ['apps', 'icon', 'core', 'third-party', 'applications'],
116
137
  componentName: 'AppsIcon',
@@ -1168,6 +1189,17 @@ var metadata = {
1168
1189
  type: 'Core',
1169
1190
  usage: 'Reserved for user mentions.'
1170
1191
  },
1192
+ menu: {
1193
+ keywords: ['menu', 'hamburger', 'navigation', 'switcher', 'app switcher', 'icon', 'core', 'menu', 'top navigation', '3 lines', 'hamburger'],
1194
+ componentName: 'MenuIcon',
1195
+ package: '@atlaskit/icon/core/menu',
1196
+ oldName: ['menu-expand', 'menu'],
1197
+ categorization: 'Single-purpose',
1198
+ location: 'ADS',
1199
+ team: 'ADS',
1200
+ type: 'Core',
1201
+ usage: 'Reserved for accessing the menu in global product navigation.'
1202
+ },
1171
1203
  microphone: {
1172
1204
  keywords: ['microphone', 'icon', 'core', 'mic', 'mic on', 'voice', 'speak'],
1173
1205
  componentName: 'MicrophoneIcon',
@@ -1198,6 +1230,17 @@ var metadata = {
1198
1230
  type: 'Core',
1199
1231
  usage: 'Reserved for a non-expandable item in a page tree.'
1200
1232
  },
1233
+ notification: {
1234
+ keywords: ['notification', 'bell', 'alarm', 'icon', 'core', 'bell', 'alert', 'top navigation'],
1235
+ componentName: 'NotificationIcon',
1236
+ package: '@atlaskit/icon/core/notification',
1237
+ oldName: ['notification-direct', 'notification'],
1238
+ categorization: 'Single-purpose',
1239
+ location: 'ADS',
1240
+ team: 'ADS',
1241
+ type: 'Core',
1242
+ usage: 'Reserved for notifications within global product navigation and within product screens.'
1243
+ },
1201
1244
  'office-building': {
1202
1245
  keywords: ['office-building', 'officebuilding', 'icon', 'core', 'organization', 'organisation', 'business'],
1203
1246
  componentName: 'OfficeBuildingIcon',
@@ -122,15 +122,19 @@ var migrationMap = {
122
122
  xlarge: 'icon-tile'
123
123
  }
124
124
  },
125
- // 'app-switcher': {
126
- // newIcon: { name: 'app-switcher', type: 'core', package: '@atlaskit/icon' },
127
- // sizeGuidance: {
128
- // small: 'top-nav',
129
- // medium: 'top-nav',
130
- // large: 'top-nav',
131
- // xlarge: 'top-nav',
132
- // },
133
- // },
125
+ 'app-switcher': {
126
+ newIcon: {
127
+ name: 'app-switcher',
128
+ type: 'core',
129
+ package: '@atlaskit/icon'
130
+ },
131
+ sizeGuidance: {
132
+ small: 'top-nav',
133
+ medium: 'top-nav',
134
+ large: 'top-nav',
135
+ xlarge: 'top-nav'
136
+ }
137
+ },
134
138
  archive: {
135
139
  newIcon: {
136
140
  name: 'archive-box',
@@ -2870,24 +2874,32 @@ var migrationMap = {
2870
2874
  xlarge: 'icon-lab'
2871
2875
  }
2872
2876
  },
2873
- // 'menu-expand': {
2874
- // newIcon: { name: 'menu', type: 'core', package: '@atlaskit/icon' },
2875
- // sizeGuidance: {
2876
- // small: 'swap',
2877
- // medium: 'swap',
2878
- // large: 'icon-tile',
2879
- // xlarge: 'icon-tile',
2880
- // },
2881
- // },
2882
- // menu: {
2883
- // newIcon: { name: 'menu', type: 'core', package: '@atlaskit/icon' },
2884
- // sizeGuidance: {
2885
- // small: 'swap',
2886
- // medium: 'swap',
2887
- // large: 'icon-tile',
2888
- // xlarge: 'icon-tile',
2889
- // },
2890
- // },
2877
+ 'menu-expand': {
2878
+ newIcon: {
2879
+ name: 'menu',
2880
+ type: 'core',
2881
+ package: '@atlaskit/icon'
2882
+ },
2883
+ sizeGuidance: {
2884
+ small: 'swap',
2885
+ medium: 'swap',
2886
+ large: 'icon-tile',
2887
+ xlarge: 'icon-tile'
2888
+ }
2889
+ },
2890
+ menu: {
2891
+ newIcon: {
2892
+ name: 'menu',
2893
+ type: 'core',
2894
+ package: '@atlaskit/icon'
2895
+ },
2896
+ sizeGuidance: {
2897
+ small: 'swap',
2898
+ medium: 'swap',
2899
+ large: 'icon-tile',
2900
+ xlarge: 'icon-tile'
2901
+ }
2902
+ },
2891
2903
  mobile: {
2892
2904
  newIcon: {
2893
2905
  name: 'device-mobile',
@@ -2935,24 +2947,32 @@ var migrationMap = {
2935
2947
  xlarge: 'icon-lab'
2936
2948
  }
2937
2949
  },
2938
- // 'notification-direct': {
2939
- // newIcon: { name: 'notification', type: 'core', package: '@atlaskit/icon' },
2940
- // sizeGuidance: {
2941
- // small: 'swap-slight-visual-change',
2942
- // medium: 'swap-slight-visual-change',
2943
- // large: 'icon-tile',
2944
- // xlarge: 'icon-tile',
2945
- // },
2946
- // },
2947
- // notification: {
2948
- // newIcon: { name: 'notification', type: 'core', package: '@atlaskit/icon' },
2949
- // sizeGuidance: {
2950
- // small: 'swap-visual-change',
2951
- // medium: 'swap-visual-change',
2952
- // large: 'icon-tile',
2953
- // xlarge: 'icon-tile',
2954
- // },
2955
- // },
2950
+ 'notification-direct': {
2951
+ newIcon: {
2952
+ name: 'notification',
2953
+ type: 'core',
2954
+ package: '@atlaskit/icon'
2955
+ },
2956
+ sizeGuidance: {
2957
+ small: 'swap-slight-visual-change',
2958
+ medium: 'swap-slight-visual-change',
2959
+ large: 'icon-tile',
2960
+ xlarge: 'icon-tile'
2961
+ }
2962
+ },
2963
+ notification: {
2964
+ newIcon: {
2965
+ name: 'notification',
2966
+ type: 'core',
2967
+ package: '@atlaskit/icon'
2968
+ },
2969
+ sizeGuidance: {
2970
+ small: 'swap-visual-change',
2971
+ medium: 'swap-visual-change',
2972
+ large: 'icon-tile',
2973
+ xlarge: 'icon-tile'
2974
+ }
2975
+ },
2956
2976
  'office-building-filled': {
2957
2977
  newIcon: {
2958
2978
  name: 'office-building',
@@ -3580,15 +3600,19 @@ var migrationMap = {
3580
3600
  xlarge: 'icon-tile'
3581
3601
  }
3582
3602
  },
3583
- // switcher: {
3584
- // newIcon: { name: 'app-switcher', type: 'core', package: '@atlaskit/icon' },
3585
- // sizeGuidance: {
3586
- // small: 'swap-visual-change',
3587
- // medium: 'swap-visual-change',
3588
- // large: 'not-recommended',
3589
- // xlarge: 'not-recommended',
3590
- // },
3591
- // },
3603
+ switcher: {
3604
+ newIcon: {
3605
+ name: 'app-switcher',
3606
+ type: 'core',
3607
+ package: '@atlaskit/icon'
3608
+ },
3609
+ sizeGuidance: {
3610
+ small: 'swap-visual-change',
3611
+ medium: 'swap-visual-change',
3612
+ large: 'not-recommended',
3613
+ xlarge: 'not-recommended'
3614
+ }
3615
+ },
3592
3616
  table: {
3593
3617
  newIcon: {
3594
3618
  name: 'grid',
@@ -105,6 +105,27 @@ const metadata = {
105
105
  type: 'Global noun',
106
106
  usage: 'Reserved for marketplace apps and integrations across products.'
107
107
  },
108
+ 'app-switcher': {
109
+ keywords: ['app-switcher', 'appswitcher', 'icon', 'core', 'application switcher', 'change product', 'switch product', 'product switcher', 'top navigation'],
110
+ componentName: 'AppSwitcherIcon',
111
+ package: '@atlaskit/icon/core/app-switcher',
112
+ oldName: ['app-switcher', 'switcher'],
113
+ categorization: 'Single-purpose',
114
+ location: 'ADS',
115
+ team: 'ADS',
116
+ type: 'Core',
117
+ usage: 'Reserved for app switcher in global product navigation.'
118
+ },
119
+ 'app-switcher-legacy': {
120
+ keywords: ['app-switcher-legacy', 'appswitcherlegacy', 'icon', 'core', 'application switcher', 'change product', 'switch product', 'product switcher', 'top navigation'],
121
+ componentName: 'AppSwitcherLegacyIcon',
122
+ package: '@atlaskit/icon/core/app-switcher-legacy',
123
+ categorization: 'Single-purpose',
124
+ location: 'ADS',
125
+ team: 'ADS',
126
+ type: 'Core',
127
+ usage: 'Reserved for the legacy app switcher in global product navigation.'
128
+ },
108
129
  apps: {
109
130
  keywords: ['apps', 'icon', 'core', 'third-party', 'applications'],
110
131
  componentName: 'AppsIcon',
@@ -1162,6 +1183,17 @@ const metadata = {
1162
1183
  type: 'Core',
1163
1184
  usage: 'Reserved for user mentions.'
1164
1185
  },
1186
+ menu: {
1187
+ keywords: ['menu', 'hamburger', 'navigation', 'switcher', 'app switcher', 'icon', 'core', 'menu', 'top navigation', '3 lines', 'hamburger'],
1188
+ componentName: 'MenuIcon',
1189
+ package: '@atlaskit/icon/core/menu',
1190
+ oldName: ['menu-expand', 'menu'],
1191
+ categorization: 'Single-purpose',
1192
+ location: 'ADS',
1193
+ team: 'ADS',
1194
+ type: 'Core',
1195
+ usage: 'Reserved for accessing the menu in global product navigation.'
1196
+ },
1165
1197
  microphone: {
1166
1198
  keywords: ['microphone', 'icon', 'core', 'mic', 'mic on', 'voice', 'speak'],
1167
1199
  componentName: 'MicrophoneIcon',
@@ -1192,6 +1224,17 @@ const metadata = {
1192
1224
  type: 'Core',
1193
1225
  usage: 'Reserved for a non-expandable item in a page tree.'
1194
1226
  },
1227
+ notification: {
1228
+ keywords: ['notification', 'bell', 'alarm', 'icon', 'core', 'bell', 'alert', 'top navigation'],
1229
+ componentName: 'NotificationIcon',
1230
+ package: '@atlaskit/icon/core/notification',
1231
+ oldName: ['notification-direct', 'notification'],
1232
+ categorization: 'Single-purpose',
1233
+ location: 'ADS',
1234
+ team: 'ADS',
1235
+ type: 'Core',
1236
+ usage: 'Reserved for notifications within global product navigation and within product screens.'
1237
+ },
1195
1238
  'office-building': {
1196
1239
  keywords: ['office-building', 'officebuilding', 'icon', 'core', 'organization', 'organisation', 'business'],
1197
1240
  componentName: 'OfficeBuildingIcon',
@@ -116,15 +116,19 @@ const migrationMap = {
116
116
  xlarge: 'icon-tile'
117
117
  }
118
118
  },
119
- // 'app-switcher': {
120
- // newIcon: { name: 'app-switcher', type: 'core', package: '@atlaskit/icon' },
121
- // sizeGuidance: {
122
- // small: 'top-nav',
123
- // medium: 'top-nav',
124
- // large: 'top-nav',
125
- // xlarge: 'top-nav',
126
- // },
127
- // },
119
+ 'app-switcher': {
120
+ newIcon: {
121
+ name: 'app-switcher',
122
+ type: 'core',
123
+ package: '@atlaskit/icon'
124
+ },
125
+ sizeGuidance: {
126
+ small: 'top-nav',
127
+ medium: 'top-nav',
128
+ large: 'top-nav',
129
+ xlarge: 'top-nav'
130
+ }
131
+ },
128
132
  archive: {
129
133
  newIcon: {
130
134
  name: 'archive-box',
@@ -2864,24 +2868,32 @@ const migrationMap = {
2864
2868
  xlarge: 'icon-lab'
2865
2869
  }
2866
2870
  },
2867
- // 'menu-expand': {
2868
- // newIcon: { name: 'menu', type: 'core', package: '@atlaskit/icon' },
2869
- // sizeGuidance: {
2870
- // small: 'swap',
2871
- // medium: 'swap',
2872
- // large: 'icon-tile',
2873
- // xlarge: 'icon-tile',
2874
- // },
2875
- // },
2876
- // menu: {
2877
- // newIcon: { name: 'menu', type: 'core', package: '@atlaskit/icon' },
2878
- // sizeGuidance: {
2879
- // small: 'swap',
2880
- // medium: 'swap',
2881
- // large: 'icon-tile',
2882
- // xlarge: 'icon-tile',
2883
- // },
2884
- // },
2871
+ 'menu-expand': {
2872
+ newIcon: {
2873
+ name: 'menu',
2874
+ type: 'core',
2875
+ package: '@atlaskit/icon'
2876
+ },
2877
+ sizeGuidance: {
2878
+ small: 'swap',
2879
+ medium: 'swap',
2880
+ large: 'icon-tile',
2881
+ xlarge: 'icon-tile'
2882
+ }
2883
+ },
2884
+ menu: {
2885
+ newIcon: {
2886
+ name: 'menu',
2887
+ type: 'core',
2888
+ package: '@atlaskit/icon'
2889
+ },
2890
+ sizeGuidance: {
2891
+ small: 'swap',
2892
+ medium: 'swap',
2893
+ large: 'icon-tile',
2894
+ xlarge: 'icon-tile'
2895
+ }
2896
+ },
2885
2897
  mobile: {
2886
2898
  newIcon: {
2887
2899
  name: 'device-mobile',
@@ -2929,24 +2941,32 @@ const migrationMap = {
2929
2941
  xlarge: 'icon-lab'
2930
2942
  }
2931
2943
  },
2932
- // 'notification-direct': {
2933
- // newIcon: { name: 'notification', type: 'core', package: '@atlaskit/icon' },
2934
- // sizeGuidance: {
2935
- // small: 'swap-slight-visual-change',
2936
- // medium: 'swap-slight-visual-change',
2937
- // large: 'icon-tile',
2938
- // xlarge: 'icon-tile',
2939
- // },
2940
- // },
2941
- // notification: {
2942
- // newIcon: { name: 'notification', type: 'core', package: '@atlaskit/icon' },
2943
- // sizeGuidance: {
2944
- // small: 'swap-visual-change',
2945
- // medium: 'swap-visual-change',
2946
- // large: 'icon-tile',
2947
- // xlarge: 'icon-tile',
2948
- // },
2949
- // },
2944
+ 'notification-direct': {
2945
+ newIcon: {
2946
+ name: 'notification',
2947
+ type: 'core',
2948
+ package: '@atlaskit/icon'
2949
+ },
2950
+ sizeGuidance: {
2951
+ small: 'swap-slight-visual-change',
2952
+ medium: 'swap-slight-visual-change',
2953
+ large: 'icon-tile',
2954
+ xlarge: 'icon-tile'
2955
+ }
2956
+ },
2957
+ notification: {
2958
+ newIcon: {
2959
+ name: 'notification',
2960
+ type: 'core',
2961
+ package: '@atlaskit/icon'
2962
+ },
2963
+ sizeGuidance: {
2964
+ small: 'swap-visual-change',
2965
+ medium: 'swap-visual-change',
2966
+ large: 'icon-tile',
2967
+ xlarge: 'icon-tile'
2968
+ }
2969
+ },
2950
2970
  'office-building-filled': {
2951
2971
  newIcon: {
2952
2972
  name: 'office-building',
@@ -3574,15 +3594,19 @@ const migrationMap = {
3574
3594
  xlarge: 'icon-tile'
3575
3595
  }
3576
3596
  },
3577
- // switcher: {
3578
- // newIcon: { name: 'app-switcher', type: 'core', package: '@atlaskit/icon' },
3579
- // sizeGuidance: {
3580
- // small: 'swap-visual-change',
3581
- // medium: 'swap-visual-change',
3582
- // large: 'not-recommended',
3583
- // xlarge: 'not-recommended',
3584
- // },
3585
- // },
3597
+ switcher: {
3598
+ newIcon: {
3599
+ name: 'app-switcher',
3600
+ type: 'core',
3601
+ package: '@atlaskit/icon'
3602
+ },
3603
+ sizeGuidance: {
3604
+ small: 'swap-visual-change',
3605
+ medium: 'swap-visual-change',
3606
+ large: 'not-recommended',
3607
+ xlarge: 'not-recommended'
3608
+ }
3609
+ },
3586
3610
  table: {
3587
3611
  newIcon: {
3588
3612
  name: 'grid',
@@ -105,6 +105,27 @@ var metadata = {
105
105
  type: 'Global noun',
106
106
  usage: 'Reserved for marketplace apps and integrations across products.'
107
107
  },
108
+ 'app-switcher': {
109
+ keywords: ['app-switcher', 'appswitcher', 'icon', 'core', 'application switcher', 'change product', 'switch product', 'product switcher', 'top navigation'],
110
+ componentName: 'AppSwitcherIcon',
111
+ package: '@atlaskit/icon/core/app-switcher',
112
+ oldName: ['app-switcher', 'switcher'],
113
+ categorization: 'Single-purpose',
114
+ location: 'ADS',
115
+ team: 'ADS',
116
+ type: 'Core',
117
+ usage: 'Reserved for app switcher in global product navigation.'
118
+ },
119
+ 'app-switcher-legacy': {
120
+ keywords: ['app-switcher-legacy', 'appswitcherlegacy', 'icon', 'core', 'application switcher', 'change product', 'switch product', 'product switcher', 'top navigation'],
121
+ componentName: 'AppSwitcherLegacyIcon',
122
+ package: '@atlaskit/icon/core/app-switcher-legacy',
123
+ categorization: 'Single-purpose',
124
+ location: 'ADS',
125
+ team: 'ADS',
126
+ type: 'Core',
127
+ usage: 'Reserved for the legacy app switcher in global product navigation.'
128
+ },
108
129
  apps: {
109
130
  keywords: ['apps', 'icon', 'core', 'third-party', 'applications'],
110
131
  componentName: 'AppsIcon',
@@ -1162,6 +1183,17 @@ var metadata = {
1162
1183
  type: 'Core',
1163
1184
  usage: 'Reserved for user mentions.'
1164
1185
  },
1186
+ menu: {
1187
+ keywords: ['menu', 'hamburger', 'navigation', 'switcher', 'app switcher', 'icon', 'core', 'menu', 'top navigation', '3 lines', 'hamburger'],
1188
+ componentName: 'MenuIcon',
1189
+ package: '@atlaskit/icon/core/menu',
1190
+ oldName: ['menu-expand', 'menu'],
1191
+ categorization: 'Single-purpose',
1192
+ location: 'ADS',
1193
+ team: 'ADS',
1194
+ type: 'Core',
1195
+ usage: 'Reserved for accessing the menu in global product navigation.'
1196
+ },
1165
1197
  microphone: {
1166
1198
  keywords: ['microphone', 'icon', 'core', 'mic', 'mic on', 'voice', 'speak'],
1167
1199
  componentName: 'MicrophoneIcon',
@@ -1192,6 +1224,17 @@ var metadata = {
1192
1224
  type: 'Core',
1193
1225
  usage: 'Reserved for a non-expandable item in a page tree.'
1194
1226
  },
1227
+ notification: {
1228
+ keywords: ['notification', 'bell', 'alarm', 'icon', 'core', 'bell', 'alert', 'top navigation'],
1229
+ componentName: 'NotificationIcon',
1230
+ package: '@atlaskit/icon/core/notification',
1231
+ oldName: ['notification-direct', 'notification'],
1232
+ categorization: 'Single-purpose',
1233
+ location: 'ADS',
1234
+ team: 'ADS',
1235
+ type: 'Core',
1236
+ usage: 'Reserved for notifications within global product navigation and within product screens.'
1237
+ },
1195
1238
  'office-building': {
1196
1239
  keywords: ['office-building', 'officebuilding', 'icon', 'core', 'organization', 'organisation', 'business'],
1197
1240
  componentName: 'OfficeBuildingIcon',
@@ -116,15 +116,19 @@ var migrationMap = {
116
116
  xlarge: 'icon-tile'
117
117
  }
118
118
  },
119
- // 'app-switcher': {
120
- // newIcon: { name: 'app-switcher', type: 'core', package: '@atlaskit/icon' },
121
- // sizeGuidance: {
122
- // small: 'top-nav',
123
- // medium: 'top-nav',
124
- // large: 'top-nav',
125
- // xlarge: 'top-nav',
126
- // },
127
- // },
119
+ 'app-switcher': {
120
+ newIcon: {
121
+ name: 'app-switcher',
122
+ type: 'core',
123
+ package: '@atlaskit/icon'
124
+ },
125
+ sizeGuidance: {
126
+ small: 'top-nav',
127
+ medium: 'top-nav',
128
+ large: 'top-nav',
129
+ xlarge: 'top-nav'
130
+ }
131
+ },
128
132
  archive: {
129
133
  newIcon: {
130
134
  name: 'archive-box',
@@ -2864,24 +2868,32 @@ var migrationMap = {
2864
2868
  xlarge: 'icon-lab'
2865
2869
  }
2866
2870
  },
2867
- // 'menu-expand': {
2868
- // newIcon: { name: 'menu', type: 'core', package: '@atlaskit/icon' },
2869
- // sizeGuidance: {
2870
- // small: 'swap',
2871
- // medium: 'swap',
2872
- // large: 'icon-tile',
2873
- // xlarge: 'icon-tile',
2874
- // },
2875
- // },
2876
- // menu: {
2877
- // newIcon: { name: 'menu', type: 'core', package: '@atlaskit/icon' },
2878
- // sizeGuidance: {
2879
- // small: 'swap',
2880
- // medium: 'swap',
2881
- // large: 'icon-tile',
2882
- // xlarge: 'icon-tile',
2883
- // },
2884
- // },
2871
+ 'menu-expand': {
2872
+ newIcon: {
2873
+ name: 'menu',
2874
+ type: 'core',
2875
+ package: '@atlaskit/icon'
2876
+ },
2877
+ sizeGuidance: {
2878
+ small: 'swap',
2879
+ medium: 'swap',
2880
+ large: 'icon-tile',
2881
+ xlarge: 'icon-tile'
2882
+ }
2883
+ },
2884
+ menu: {
2885
+ newIcon: {
2886
+ name: 'menu',
2887
+ type: 'core',
2888
+ package: '@atlaskit/icon'
2889
+ },
2890
+ sizeGuidance: {
2891
+ small: 'swap',
2892
+ medium: 'swap',
2893
+ large: 'icon-tile',
2894
+ xlarge: 'icon-tile'
2895
+ }
2896
+ },
2885
2897
  mobile: {
2886
2898
  newIcon: {
2887
2899
  name: 'device-mobile',
@@ -2929,24 +2941,32 @@ var migrationMap = {
2929
2941
  xlarge: 'icon-lab'
2930
2942
  }
2931
2943
  },
2932
- // 'notification-direct': {
2933
- // newIcon: { name: 'notification', type: 'core', package: '@atlaskit/icon' },
2934
- // sizeGuidance: {
2935
- // small: 'swap-slight-visual-change',
2936
- // medium: 'swap-slight-visual-change',
2937
- // large: 'icon-tile',
2938
- // xlarge: 'icon-tile',
2939
- // },
2940
- // },
2941
- // notification: {
2942
- // newIcon: { name: 'notification', type: 'core', package: '@atlaskit/icon' },
2943
- // sizeGuidance: {
2944
- // small: 'swap-visual-change',
2945
- // medium: 'swap-visual-change',
2946
- // large: 'icon-tile',
2947
- // xlarge: 'icon-tile',
2948
- // },
2949
- // },
2944
+ 'notification-direct': {
2945
+ newIcon: {
2946
+ name: 'notification',
2947
+ type: 'core',
2948
+ package: '@atlaskit/icon'
2949
+ },
2950
+ sizeGuidance: {
2951
+ small: 'swap-slight-visual-change',
2952
+ medium: 'swap-slight-visual-change',
2953
+ large: 'icon-tile',
2954
+ xlarge: 'icon-tile'
2955
+ }
2956
+ },
2957
+ notification: {
2958
+ newIcon: {
2959
+ name: 'notification',
2960
+ type: 'core',
2961
+ package: '@atlaskit/icon'
2962
+ },
2963
+ sizeGuidance: {
2964
+ small: 'swap-visual-change',
2965
+ medium: 'swap-visual-change',
2966
+ large: 'icon-tile',
2967
+ xlarge: 'icon-tile'
2968
+ }
2969
+ },
2950
2970
  'office-building-filled': {
2951
2971
  newIcon: {
2952
2972
  name: 'office-building',
@@ -3574,15 +3594,19 @@ var migrationMap = {
3574
3594
  xlarge: 'icon-tile'
3575
3595
  }
3576
3596
  },
3577
- // switcher: {
3578
- // newIcon: { name: 'app-switcher', type: 'core', package: '@atlaskit/icon' },
3579
- // sizeGuidance: {
3580
- // small: 'swap-visual-change',
3581
- // medium: 'swap-visual-change',
3582
- // large: 'not-recommended',
3583
- // xlarge: 'not-recommended',
3584
- // },
3585
- // },
3597
+ switcher: {
3598
+ newIcon: {
3599
+ name: 'app-switcher',
3600
+ type: 'core',
3601
+ package: '@atlaskit/icon'
3602
+ },
3603
+ sizeGuidance: {
3604
+ small: 'swap-visual-change',
3605
+ medium: 'swap-visual-change',
3606
+ large: 'not-recommended',
3607
+ xlarge: 'not-recommended'
3608
+ }
3609
+ },
3586
3610
  table: {
3587
3611
  newIcon: {
3588
3612
  name: 'grid',
@@ -6,9 +6,12 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.default = void 0;
7
7
  var _react = _interopRequireDefault(require("react"));
8
8
  var _base = require("@atlaskit/icon/base");
9
+ var _appSwitcher = _interopRequireDefault(require("@atlaskit/icon/core/app-switcher"));
9
10
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
10
11
  const AppSwitcherIcon = props => /*#__PURE__*/_react.default.createElement(_base.UNSAFE_IconFacade, Object.assign({
11
12
  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>`
12
- }, props));
13
+ }, props, {
14
+ newIcon: _appSwitcher.default
15
+ }));
13
16
  AppSwitcherIcon.displayName = 'AppSwitcherIcon';
14
17
  var _default = exports.default = AppSwitcherIcon;
@@ -6,9 +6,12 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.default = void 0;
7
7
  var _react = _interopRequireDefault(require("react"));
8
8
  var _base = require("@atlaskit/icon/base");
9
+ var _menu = _interopRequireDefault(require("@atlaskit/icon/core/menu"));
9
10
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
10
11
  const MenuExpandIcon = props => /*#__PURE__*/_react.default.createElement(_base.UNSAFE_IconFacade, Object.assign({
11
12
  dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><path fill="currentColor" d="M6 12c0-.552.456-1 1.002-1h9.996a.999.999 0 1 1 0 2H7.002A1 1 0 0 1 6 12m0 4c0-.552.456-1 1.002-1h9.996a.999.999 0 1 1 0 2H7.002A1 1 0 0 1 6 16m0-8c0-.552.456-1 1.002-1h9.996a.999.999 0 1 1 0 2H7.002A1 1 0 0 1 6 8"/></svg>`
12
- }, props));
13
+ }, props, {
14
+ newIcon: _menu.default
15
+ }));
13
16
  MenuExpandIcon.displayName = 'MenuExpandIcon';
14
17
  var _default = exports.default = MenuExpandIcon;
package/glyph/menu.js CHANGED
@@ -6,9 +6,12 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.default = void 0;
7
7
  var _react = _interopRequireDefault(require("react"));
8
8
  var _base = require("@atlaskit/icon/base");
9
+ var _menu = _interopRequireDefault(require("@atlaskit/icon/core/menu"));
9
10
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
10
11
  const MenuIcon = props => /*#__PURE__*/_react.default.createElement(_base.UNSAFE_IconFacade, Object.assign({
11
12
  dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><path fill="currentColor" fill-rule="evenodd" d="M5 15h14v2H5zm0-8h14v2H5zm0 4h14v2H5z"/></svg>`
12
- }, props));
13
+ }, props, {
14
+ newIcon: _menu.default
15
+ }));
13
16
  MenuIcon.displayName = 'MenuIcon';
14
17
  var _default = exports.default = MenuIcon;
@@ -6,9 +6,12 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.default = void 0;
7
7
  var _react = _interopRequireDefault(require("react"));
8
8
  var _base = require("@atlaskit/icon/base");
9
+ var _notification = _interopRequireDefault(require("@atlaskit/icon/core/notification"));
9
10
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
10
11
  const NotificationDirectIcon = props => /*#__PURE__*/_react.default.createElement(_base.UNSAFE_IconFacade, Object.assign({
11
12
  dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><path fill="currentColor" fill-rule="evenodd" d="M6.59 17.83a2 2 0 0 0 2.83 0L6.59 15a2 2 0 0 0 0 2.83m4.79-12.35A5.04 5.04 0 0 1 14.95 4c.97 0 1.95.28 2.79.84q.03-.04.07-.07a1.01 1.01 0 1 1 1.35 1.49 5.05 5.05 0 0 1-.64 6.36l-.72.73c-.78.78-1.81 2.21-2.31 3.21l-1.51 3.02c-.25.5-.77.58-1.17.19l-8.56-8.55c-.4-.4-.31-.92.19-1.17l3.02-1.51c.99-.49 2.42-1.53 3.21-2.31zm2.74 9.63c.52-.97 1.57-2.4 2.35-3.18l.73-.73a3.05 3.05 0 0 0 .39-3.83c-.19-.29-.72-.77-.86-.86A3.04 3.04 0 0 0 15.05 6c-.8 0-1.57.31-2.16.89l-.95.95c-.78.79-2.22 1.82-3.2 2.31L7 11.02l6.07 6.07z"/></svg>`
12
- }, props));
13
+ }, props, {
14
+ newIcon: _notification.default
15
+ }));
13
16
  NotificationDirectIcon.displayName = 'NotificationDirectIcon';
14
17
  var _default = exports.default = NotificationDirectIcon;
@@ -6,9 +6,12 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.default = void 0;
7
7
  var _react = _interopRequireDefault(require("react"));
8
8
  var _base = require("@atlaskit/icon/base");
9
+ var _notification = _interopRequireDefault(require("@atlaskit/icon/core/notification"));
9
10
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
10
11
  const NotificationIcon = props => /*#__PURE__*/_react.default.createElement(_base.UNSAFE_IconFacade, Object.assign({
11
12
  dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><path fill="currentColor" fill-rule="evenodd" d="M6.49 17.67a2 2 0 0 0 2.83 0l-2.83-2.83a2 2 0 0 0 0 2.83m4.89-12.19-.72.73c-.78.78-2.21 1.81-3.21 2.31l-3.02 1.51c-.49.25-.58.77-.19 1.17l8.56 8.56c.4.4.92.31 1.17-.19l1.51-3.02c.49-.99 1.53-2.42 2.31-3.21l.73-.73a5.05 5.05 0 0 0 .64-6.36 1.01 1.01 0 1 0-1.35-1.49q-.04.04-.07.08A5.04 5.04 0 0 0 14.95 4a5.04 5.04 0 0 0-3.57 1.48"/></svg>`
12
- }, props));
13
+ }, props, {
14
+ newIcon: _notification.default
15
+ }));
13
16
  NotificationIcon.displayName = 'NotificationIcon';
14
17
  var _default = exports.default = NotificationIcon;
package/glyph/switcher.js CHANGED
@@ -6,9 +6,12 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.default = void 0;
7
7
  var _react = _interopRequireDefault(require("react"));
8
8
  var _base = require("@atlaskit/icon/base");
9
+ var _appSwitcher = _interopRequireDefault(require("@atlaskit/icon/core/app-switcher"));
9
10
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
10
11
  const SwitcherIcon = props => /*#__PURE__*/_react.default.createElement(_base.UNSAFE_IconFacade, Object.assign({
11
12
  dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><g fill="currentColor"><path d="M3.507 15H16.5c-.007 0-.007-10-.007-10H3.5c.007 0 .007 10 .007 10M1.5 4.994C1.5 3.893 2.263 3 3.192 3h13.616c.934 0 1.692.895 1.692 1.994v10.012c0 1.101-.763 1.994-1.692 1.994H3.192c-.934 0-1.692-.895-1.692-1.994zM6.5 5v10h2V5zm5 0v10h2V5z"/><path d="M20.5 5h.006c1.101 0 1.994.895 1.994 1.994v12.012A1.995 1.995 0 0 1 20.506 21H8.494A1.995 1.995 0 0 1 6.5 19.006V19h13c.555 0 1-.448 1-1z"/></g></svg>`
12
- }, props));
13
+ }, props, {
14
+ newIcon: _appSwitcher.default
15
+ }));
13
16
  SwitcherIcon.displayName = 'SwitcherIcon';
14
17
  var _default = exports.default = SwitcherIcon;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/icon",
3
- "version": "22.8.0",
3
+ "version": "22.9.0",
4
4
  "description": "An icon is a visual representation of a command, device, directory, or common action.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"