@atlaskit/icon 26.2.0 → 26.3.0

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/icon
 
+## 26.3.0
+
+### Minor Changes
+
+- [#160927](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/160927)
+  [`70494296070b5`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/70494296070b5) -
+  This release adds icons in `@atlaskit/icon`.
+
+  ### Added:
+
+  **`@atlaskit/icon/core`**
+
+  - `panel-left`
+  - `panel-right`
+
 ## 26.2.0
 
 ### Minor Changes

package/core/panel-left.d.ts

@@ -0,0 +1,13 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::ba08d94cacf51afba1b1b73b97f7baf6>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
+
+import type { NewCoreIconProps } from '@atlaskit/icon/base-new';
+
+declare const PanelLeftIcon: {
+  (props: NewCoreIconProps): JSX.Element;
+  displayName: string;
+};
+export default PanelLeftIcon;

package/core/panel-left.js

@@ -0,0 +1,28 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::022a93d8181f11b751c8d1c27d34dcb8>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _baseNew = _interopRequireDefault(require("@atlaskit/icon/base-new"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * Icon: "PanelLeft".
+ * Category: single-purpose
+ * Location: @atlaskit/icon
+ * Usage guidance: Reserved for opening a preview panel to the left of the viewport edge. Use for right-to-left languages which invert the navigational chrome.
+ * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
+ * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
+ */
+const PanelLeftIcon = props => /*#__PURE__*/_react.default.createElement(_baseNew.default, Object.assign({
+  dangerouslySetGlyph: `<path fill="currentcolor" d="M14.5 3a.5.5 0 0 0-.5-.5H8v11h6a.5.5 0 0 0 .5-.5zM5 10v1.5H3V10zm0-3v1.5H3V7zm0-3v1.5H3V4zm-3.5 9a.5.5 0 0 0 .5.5h4.5v-11H2a.5.5 0 0 0-.5.5zM16 13a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2z"/>`
+  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+}, props));
+PanelLeftIcon.displayName = 'PanelLeftIcon';
+var _default = exports.default = PanelLeftIcon;

package/core/panel-right.d.ts

@@ -0,0 +1,13 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::80ad40c5cc61ff972c7d44982e9c64db>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
+
+import type { NewCoreIconProps } from '@atlaskit/icon/base-new';
+
+declare const PanelRightIcon: {
+  (props: NewCoreIconProps): JSX.Element;
+  displayName: string;
+};
+export default PanelRightIcon;

package/core/panel-right.js

@@ -0,0 +1,28 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::8b10c2aaa76d32294bc7ed1c0a1888df>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _baseNew = _interopRequireDefault(require("@atlaskit/icon/base-new"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * Icon: "PanelRight".
+ * Category: single-purpose
+ * Location: @atlaskit/icon
+ * Usage guidance: Reserved for opening a preview panel to the right of the viewport edge. Use only for left-to-right languages.
+ * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
+ * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
+ */
+const PanelRightIcon = props => /*#__PURE__*/_react.default.createElement(_baseNew.default, Object.assign({
+  dangerouslySetGlyph: `<path fill="currentcolor" d="M14.5 3a.5.5 0 0 0-.5-.5H9.5v11H14a.5.5 0 0 0 .5-.5zM13 10v1.5h-2V10zm0-3v1.5h-2V7zm0-3v1.5h-2V4zM1.5 13a.5.5 0 0 0 .5.5h6v-11H2a.5.5 0 0 0-.5.5zM16 13a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2z"/>`
+  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+}, props));
+PanelRightIcon.displayName = 'PanelRightIcon';
+var _default = exports.default = PanelRightIcon;

package/core/sidebar-left.d.ts

@@ -1,13 +1,13 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::d0e4c891ef1d66a3e91395c56a26bd8d>>
+ * @codegen <<SignedSource::92832e7bb082159eab67198c65433053>>
  * @codegenCommand yarn build:icon-glyphs
  */
 
 import type { NewCoreIconProps } from '@atlaskit/icon/base-new';
 
 /**
- * @deprecated The icon "sidebar-left" is deprecated in favour of "drawer-left" from “@atlaskit/icon/core”
+ * @deprecated The icon "sidebar-left" is deprecated in favour of "panel-left" from “@atlaskit/icon/core”
 */
 declare const SidebarLeftIcon: {
   (props: NewCoreIconProps): JSX.Element;

package/core/sidebar-right.d.ts

@@ -1,13 +1,13 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::b5679f9c6d7e1de9322d308af9e73f2a>>
+ * @codegen <<SignedSource::46402e2d2d758d9f400b93e074b1d3e8>>
  * @codegenCommand yarn build:icon-glyphs
  */
 
 import type { NewCoreIconProps } from '@atlaskit/icon/base-new';
 
 /**
- * @deprecated The icon "sidebar-right" is deprecated in favour of "drawer-right" from “@atlaskit/icon/core”
+ * @deprecated The icon "sidebar-right" is deprecated in favour of "panel-right" from “@atlaskit/icon/core”
 */
 declare const SidebarRightIcon: {
   (props: NewCoreIconProps): JSX.Element;

package/dist/cjs/deprecated-core.js

@@ -9,7 +9,7 @@ exports.default = void 0;
  *
  * To change the format of this file, modify `createDeprecatedIconDocs` in icon-build-process/src/create-deprecated-icon-docs.tsx.
  *
- * @codegen <<SignedSource::c2c64d32be380c3e7cc94588fb166f0e>>
+ * @codegen <<SignedSource::7c22ff7738ef2148e1812d19e3326ba2>>
  * @codegenCommand yarn build:icon-glyphs
  */
 var deprecatedIcons = {
@@ -50,10 +50,10 @@ var deprecatedIcons = {
     message: 'The icon "issues" is deprecated in favour of "work-items" from “@atlaskit/icon/core”'
   },
   '@atlaskit/icon/core/sidebar-left': {
-    message: 'The icon "sidebar-left" is deprecated in favour of "drawer-left" from “@atlaskit/icon/core”'
+    message: 'The icon "sidebar-left" is deprecated in favour of "panel-left" from “@atlaskit/icon/core”'
   },
   '@atlaskit/icon/core/sidebar-right': {
-    message: 'The icon "sidebar-right" is deprecated in favour of "drawer-right" from “@atlaskit/icon/core”'
+    message: 'The icon "sidebar-right" is deprecated in favour of "panel-right" from “@atlaskit/icon/core”'
   },
   '@atlaskit/icon/core/migration/align-center--editor-align-center': {
     message: 'The icon "align-center--editor-align-center" is deprecated in favour of "align-text-center--editor-align-center" from “@atlaskit/icon/core/migration”'

package/dist/cjs/metadata-core.js

@@ -9,7 +9,7 @@ exports.default = void 0;
  *
  * To change the format of this file, modify `createIconDocsNew` in icon-build-process/src/create-icon-docs.tsx.
  *
- * @codegen <<SignedSource::36bf23d1966a06c9de1168524e5a2747>>
+ * @codegen <<SignedSource::205e7286912020521b2f575b3086483f>>
  * @codegenCommand yarn build:icon-glyphs
  */
 
@@ -2376,6 +2376,26 @@ var metadata = {
     team: 'Design System Team',
     status: 'published'
   },
+  'panel-left': {
+    keywords: ['panel-left', 'panelleft', 'icon', 'core', 'detail view', 'left rail', 'drawer', 'preview panel', 'sidebar'],
+    componentName: 'PanelLeftIcon',
+    package: '@atlaskit/icon/core/panel-left',
+    type: 'core',
+    categorization: 'single-purpose',
+    usage: 'Reserved for opening a preview panel to the left of the viewport edge. Use for right-to-left languages which invert the navigational chrome.',
+    team: 'Design System Team',
+    status: 'published'
+  },
+  'panel-right': {
+    keywords: ['panel-right', 'panelright', 'icon', 'core', 'detail view', 'right rail', 'drawer', 'preview panel', 'sidebar'],
+    componentName: 'PanelRightIcon',
+    package: '@atlaskit/icon/core/panel-right',
+    type: 'core',
+    categorization: 'single-purpose',
+    usage: 'Reserved for opening a preview panel to the right of the viewport edge. Use only for left-to-right languages.',
+    team: 'Design System Team',
+    status: 'published'
+  },
   pen: {
     keywords: ['pen', 'icon', 'core', 'pen tool', 'nib', 'fountain pen', 'design', 'work type'],
     componentName: 'PenIcon',
@@ -3021,7 +3041,7 @@ var metadata = {
     package: '@atlaskit/icon/core/sidebar-left',
     type: 'core',
     replacement: {
-      name: 'drawer-left',
+      name: 'panel-left',
       type: 'core',
       location: '@atlaskit/icon'
     },
@@ -3037,7 +3057,7 @@ var metadata = {
     oldName: ['detail-view', 'room-menu'],
     type: 'core',
     replacement: {
-      name: 'drawer-right',
+      name: 'panel-right',
       type: 'core',
       location: '@atlaskit/icon'
     },

package/dist/es2019/deprecated-core.js

@@ -3,7 +3,7 @@
  *
  * To change the format of this file, modify `createDeprecatedIconDocs` in icon-build-process/src/create-deprecated-icon-docs.tsx.
  *
- * @codegen <<SignedSource::c2c64d32be380c3e7cc94588fb166f0e>>
+ * @codegen <<SignedSource::7c22ff7738ef2148e1812d19e3326ba2>>
  * @codegenCommand yarn build:icon-glyphs
  */
 const deprecatedIcons = {
@@ -44,10 +44,10 @@ const deprecatedIcons = {
     message: 'The icon "issues" is deprecated in favour of "work-items" from “@atlaskit/icon/core”'
   },
   '@atlaskit/icon/core/sidebar-left': {
-    message: 'The icon "sidebar-left" is deprecated in favour of "drawer-left" from “@atlaskit/icon/core”'
+    message: 'The icon "sidebar-left" is deprecated in favour of "panel-left" from “@atlaskit/icon/core”'
   },
   '@atlaskit/icon/core/sidebar-right': {
-    message: 'The icon "sidebar-right" is deprecated in favour of "drawer-right" from “@atlaskit/icon/core”'
+    message: 'The icon "sidebar-right" is deprecated in favour of "panel-right" from “@atlaskit/icon/core”'
   },
   '@atlaskit/icon/core/migration/align-center--editor-align-center': {
     message: 'The icon "align-center--editor-align-center" is deprecated in favour of "align-text-center--editor-align-center" from “@atlaskit/icon/core/migration”'

package/dist/es2019/metadata-core.js

@@ -3,7 +3,7 @@
  *
  * To change the format of this file, modify `createIconDocsNew` in icon-build-process/src/create-icon-docs.tsx.
  *
- * @codegen <<SignedSource::36bf23d1966a06c9de1168524e5a2747>>
+ * @codegen <<SignedSource::205e7286912020521b2f575b3086483f>>
  * @codegenCommand yarn build:icon-glyphs
  */
 
@@ -2370,6 +2370,26 @@ const metadata = {
     team: 'Design System Team',
     status: 'published'
   },
+  'panel-left': {
+    keywords: ['panel-left', 'panelleft', 'icon', 'core', 'detail view', 'left rail', 'drawer', 'preview panel', 'sidebar'],
+    componentName: 'PanelLeftIcon',
+    package: '@atlaskit/icon/core/panel-left',
+    type: 'core',
+    categorization: 'single-purpose',
+    usage: 'Reserved for opening a preview panel to the left of the viewport edge. Use for right-to-left languages which invert the navigational chrome.',
+    team: 'Design System Team',
+    status: 'published'
+  },
+  'panel-right': {
+    keywords: ['panel-right', 'panelright', 'icon', 'core', 'detail view', 'right rail', 'drawer', 'preview panel', 'sidebar'],
+    componentName: 'PanelRightIcon',
+    package: '@atlaskit/icon/core/panel-right',
+    type: 'core',
+    categorization: 'single-purpose',
+    usage: 'Reserved for opening a preview panel to the right of the viewport edge. Use only for left-to-right languages.',
+    team: 'Design System Team',
+    status: 'published'
+  },
   pen: {
     keywords: ['pen', 'icon', 'core', 'pen tool', 'nib', 'fountain pen', 'design', 'work type'],
     componentName: 'PenIcon',
@@ -3015,7 +3035,7 @@ const metadata = {
     package: '@atlaskit/icon/core/sidebar-left',
     type: 'core',
     replacement: {
-      name: 'drawer-left',
+      name: 'panel-left',
       type: 'core',
       location: '@atlaskit/icon'
     },
@@ -3031,7 +3051,7 @@ const metadata = {
     oldName: ['detail-view', 'room-menu'],
     type: 'core',
     replacement: {
-      name: 'drawer-right',
+      name: 'panel-right',
       type: 'core',
       location: '@atlaskit/icon'
     },

package/dist/esm/deprecated-core.js

@@ -3,7 +3,7 @@
  *
  * To change the format of this file, modify `createDeprecatedIconDocs` in icon-build-process/src/create-deprecated-icon-docs.tsx.
  *
- * @codegen <<SignedSource::c2c64d32be380c3e7cc94588fb166f0e>>
+ * @codegen <<SignedSource::7c22ff7738ef2148e1812d19e3326ba2>>
  * @codegenCommand yarn build:icon-glyphs
  */
 var deprecatedIcons = {
@@ -44,10 +44,10 @@ var deprecatedIcons = {
     message: 'The icon "issues" is deprecated in favour of "work-items" from “@atlaskit/icon/core”'
   },
   '@atlaskit/icon/core/sidebar-left': {
-    message: 'The icon "sidebar-left" is deprecated in favour of "drawer-left" from “@atlaskit/icon/core”'
+    message: 'The icon "sidebar-left" is deprecated in favour of "panel-left" from “@atlaskit/icon/core”'
   },
   '@atlaskit/icon/core/sidebar-right': {
-    message: 'The icon "sidebar-right" is deprecated in favour of "drawer-right" from “@atlaskit/icon/core”'
+    message: 'The icon "sidebar-right" is deprecated in favour of "panel-right" from “@atlaskit/icon/core”'
   },
   '@atlaskit/icon/core/migration/align-center--editor-align-center': {
     message: 'The icon "align-center--editor-align-center" is deprecated in favour of "align-text-center--editor-align-center" from “@atlaskit/icon/core/migration”'

package/dist/esm/metadata-core.js

@@ -3,7 +3,7 @@
  *
  * To change the format of this file, modify `createIconDocsNew` in icon-build-process/src/create-icon-docs.tsx.
  *
- * @codegen <<SignedSource::36bf23d1966a06c9de1168524e5a2747>>
+ * @codegen <<SignedSource::205e7286912020521b2f575b3086483f>>
  * @codegenCommand yarn build:icon-glyphs
  */
 
@@ -2370,6 +2370,26 @@ var metadata = {
     team: 'Design System Team',
     status: 'published'
   },
+  'panel-left': {
+    keywords: ['panel-left', 'panelleft', 'icon', 'core', 'detail view', 'left rail', 'drawer', 'preview panel', 'sidebar'],
+    componentName: 'PanelLeftIcon',
+    package: '@atlaskit/icon/core/panel-left',
+    type: 'core',
+    categorization: 'single-purpose',
+    usage: 'Reserved for opening a preview panel to the left of the viewport edge. Use for right-to-left languages which invert the navigational chrome.',
+    team: 'Design System Team',
+    status: 'published'
+  },
+  'panel-right': {
+    keywords: ['panel-right', 'panelright', 'icon', 'core', 'detail view', 'right rail', 'drawer', 'preview panel', 'sidebar'],
+    componentName: 'PanelRightIcon',
+    package: '@atlaskit/icon/core/panel-right',
+    type: 'core',
+    categorization: 'single-purpose',
+    usage: 'Reserved for opening a preview panel to the right of the viewport edge. Use only for left-to-right languages.',
+    team: 'Design System Team',
+    status: 'published'
+  },
   pen: {
     keywords: ['pen', 'icon', 'core', 'pen tool', 'nib', 'fountain pen', 'design', 'work type'],
     componentName: 'PenIcon',
@@ -3015,7 +3035,7 @@ var metadata = {
     package: '@atlaskit/icon/core/sidebar-left',
     type: 'core',
     replacement: {
-      name: 'drawer-left',
+      name: 'panel-left',
       type: 'core',
       location: '@atlaskit/icon'
     },
@@ -3031,7 +3051,7 @@ var metadata = {
     oldName: ['detail-view', 'room-menu'],
     type: 'core',
     replacement: {
-      name: 'drawer-right',
+      name: 'panel-right',
       type: 'core',
       location: '@atlaskit/icon'
     },

package/dist/types/deprecated-core.d.ts

@@ -3,7 +3,7 @@
  *
  * To change the format of this file, modify `createDeprecatedIconDocs` in icon-build-process/src/create-deprecated-icon-docs.tsx.
  *
- * @codegen <<SignedSource::c2c64d32be380c3e7cc94588fb166f0e>>
+ * @codegen <<SignedSource::7c22ff7738ef2148e1812d19e3326ba2>>
  * @codegenCommand yarn build:icon-glyphs
  */
 declare const deprecatedIcons: Record<string, {

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::36bf23d1966a06c9de1168524e5a2747>>
+ * @codegen <<SignedSource::205e7286912020521b2f575b3086483f>>
  * @codegenCommand yarn build:icon-glyphs
  */
 interface metadata {

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

@@ -3,7 +3,7 @@
  *
  * To change the format of this file, modify `createDeprecatedIconDocs` in icon-build-process/src/create-deprecated-icon-docs.tsx.
  *
- * @codegen <<SignedSource::c2c64d32be380c3e7cc94588fb166f0e>>
+ * @codegen <<SignedSource::7c22ff7738ef2148e1812d19e3326ba2>>
  * @codegenCommand yarn build:icon-glyphs
  */
 declare const deprecatedIcons: Record<string, {

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::36bf23d1966a06c9de1168524e5a2747>>
+ * @codegen <<SignedSource::205e7286912020521b2f575b3086483f>>
  * @codegenCommand yarn build:icon-glyphs
  */
 interface metadata {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/icon",
-	"version": "26.2.0",
+	"version": "26.3.0",
 	"description": "An icon is a symbol representing a command, device, directory, or common action.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"

package/svgs/core/panel-left.svg

@@ -0,0 +1 @@
+<svg width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentcolor" d="M14.5 3a.5.5 0 0 0-.5-.5H8v11h6a.5.5 0 0 0 .5-.5zM5 10v1.5H3V10zm0-3v1.5H3V7zm0-3v1.5H3V4zm-3.5 9a.5.5 0 0 0 .5.5h4.5v-11H2a.5.5 0 0 0-.5.5zM16 13a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2z"/></svg>

package/svgs/core/panel-right.svg

@@ -0,0 +1 @@
+<svg width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentcolor" d="M14.5 3a.5.5 0 0 0-.5-.5H9.5v11H14a.5.5 0 0 0 .5-.5zM13 10v1.5h-2V10zm0-3v1.5h-2V7zm0-3v1.5h-2V4zM1.5 13a.5.5 0 0 0 .5.5h6v-11H2a.5.5 0 0 0-.5.5zM16 13a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2z"/></svg>