@atlaskit/icon-lab 3.1.0 → 3.2.0

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/icon-lab
 
+## 3.2.0
+
+### Minor Changes
+
+- [#118803](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/118803)
+  [`57557d8b393d1`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/57557d8b393d1) -
+  This release adds two new icons in `@atlaskit/icon-lab`.
+
+  ### Added:
+
+  **`@atlaskit/icon-lab/core`**
+
+  - `if-else`
+  - `webhook`
+
 ## 3.1.0
 
 ### Minor Changes

package/core/if-else.d.ts

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

package/core/if-else.js

@@ -0,0 +1,31 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::09cdf8cb97565bf7473a82eeba724eae>>
+ * @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 }; }
+/**
+ * ⚠️ EXPERIMENTAL ⚠️ - New icons are in alpha - and subject to change or removal in future minor or patch releases.
+ * Please reach out in #icon-contributions before using these in production.
+ *
+ * Icon: "IfElse".
+ * Category: single-purpose
+ * Location: @atlaskit/icon-lab
+ * Usage guidance: Reserved for If Else conditions
+ * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
+ * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
+ */
+const IfElseIcon = props => /*#__PURE__*/_react.default.createElement(_baseNew.default, Object.assign({
+  dangerouslySetGlyph: `<path stroke="currentcolor" stroke-linejoin="round" stroke-width="1.5" d="M14 11.75H9.25c-.69 0-1.25-.56-1.25-1.25V4.375m3.75 9.875 2.5-2.5-2.5-2.5m2.25-5H8m-3.25 0a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0Zm0 0H9.5m2.25 2.5 2.5-2.5-2.5-2.5"/>`
+  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+}, props));
+IfElseIcon.displayName = 'IfElseIcon';
+var _default = exports.default = IfElseIcon;

package/core/webhook.d.ts

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

package/core/webhook.js

@@ -0,0 +1,31 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::0c39e6c13a9f5a151bbccba9e7f332b5>>
+ * @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 }; }
+/**
+ * ⚠️ EXPERIMENTAL ⚠️ - New icons are in alpha - and subject to change or removal in future minor or patch releases.
+ * Please reach out in #icon-contributions before using these in production.
+ *
+ * Icon: "Webhook".
+ * Category: single-purpose
+ * Location: @atlaskit/icon-lab
+ * Usage guidance: Reserved for using a webhook to send data between applications via HTTP
+ * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
+ * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
+ */
+const WebhookIcon = props => /*#__PURE__*/_react.default.createElement(_baseNew.default, Object.assign({
+  dangerouslySetGlyph: `<path stroke="currentcolor" stroke-linejoin="round" stroke-width="1.5" d="m8 3.75 1.443 2.63 1.364 2.49a3 3 0 1 1-.11 5.198M3.75 11.5l1.443-2.63 1.364-2.49A3 3 0 0 1 8 .75a3 3 0 0 1 3 3m1.25 7.75h-5.5a3 3 0 1 1-4.523-2.585"/>`
+  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+}, props));
+WebhookIcon.displayName = 'WebhookIcon';
+var _default = exports.default = WebhookIcon;

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::59c870d1182edf451750202ed7ca53e8>>
+ * @codegen <<SignedSource::1d1ebec75ee9bc7e475dbb1677ad433e>>
  * @codegenCommand yarn build:icon-glyphs
  */
 
@@ -280,6 +280,16 @@ var metadata = {
     usage: 'Used for move/hand tool in Whiteboards',
     team: 'Whiteboards'
   },
+  'if-else': {
+    keywords: ['if-else', 'ifelse', 'icon', 'icon-lab', 'core', 'condition', 'statement', 'branch'],
+    componentName: 'IfElseIcon',
+    package: '@atlaskit/icon-lab/core/if-else',
+    type: 'core',
+    categorization: 'single-purpose',
+    usage: 'Reserved for If Else conditions',
+    team: 'Automation',
+    slackChannel: '#help-automation-design'
+  },
   incognito: {
     keywords: ['incognito', 'icon', 'icon-lab', 'core', 'Whiteboards', 'Private', 'Incognito'],
     componentName: 'IncognitoIcon',
@@ -642,6 +652,16 @@ var metadata = {
     usage: 'Multi purpose',
     team: 'Design System Team'
   },
+  webhook: {
+    keywords: ['webhook', 'icon', 'icon-lab', 'core', 'api', 'callback', 'payload'],
+    componentName: 'WebhookIcon',
+    package: '@atlaskit/icon-lab/core/webhook',
+    type: 'core',
+    categorization: 'single-purpose',
+    usage: 'Reserved for using a webhook to send data between applications via HTTP',
+    team: 'Automation',
+    slackChannel: '#help-automation-design'
+  },
   'welcome-feed': {
     keywords: ['welcome-feed', 'welcomefeed', 'icon', 'icon-lab', 'core', 'welcome', 'hello', 'blog', 'smile', 'intro'],
     componentName: 'WelcomeFeedIcon',

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::59c870d1182edf451750202ed7ca53e8>>
+ * @codegen <<SignedSource::1d1ebec75ee9bc7e475dbb1677ad433e>>
  * @codegenCommand yarn build:icon-glyphs
  */
 
@@ -274,6 +274,16 @@ const metadata = {
     usage: 'Used for move/hand tool in Whiteboards',
     team: 'Whiteboards'
   },
+  'if-else': {
+    keywords: ['if-else', 'ifelse', 'icon', 'icon-lab', 'core', 'condition', 'statement', 'branch'],
+    componentName: 'IfElseIcon',
+    package: '@atlaskit/icon-lab/core/if-else',
+    type: 'core',
+    categorization: 'single-purpose',
+    usage: 'Reserved for If Else conditions',
+    team: 'Automation',
+    slackChannel: '#help-automation-design'
+  },
   incognito: {
     keywords: ['incognito', 'icon', 'icon-lab', 'core', 'Whiteboards', 'Private', 'Incognito'],
     componentName: 'IncognitoIcon',
@@ -636,6 +646,16 @@ const metadata = {
     usage: 'Multi purpose',
     team: 'Design System Team'
   },
+  webhook: {
+    keywords: ['webhook', 'icon', 'icon-lab', 'core', 'api', 'callback', 'payload'],
+    componentName: 'WebhookIcon',
+    package: '@atlaskit/icon-lab/core/webhook',
+    type: 'core',
+    categorization: 'single-purpose',
+    usage: 'Reserved for using a webhook to send data between applications via HTTP',
+    team: 'Automation',
+    slackChannel: '#help-automation-design'
+  },
   'welcome-feed': {
     keywords: ['welcome-feed', 'welcomefeed', 'icon', 'icon-lab', 'core', 'welcome', 'hello', 'blog', 'smile', 'intro'],
     componentName: 'WelcomeFeedIcon',

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::59c870d1182edf451750202ed7ca53e8>>
+ * @codegen <<SignedSource::1d1ebec75ee9bc7e475dbb1677ad433e>>
  * @codegenCommand yarn build:icon-glyphs
  */
 
@@ -274,6 +274,16 @@ var metadata = {
     usage: 'Used for move/hand tool in Whiteboards',
     team: 'Whiteboards'
   },
+  'if-else': {
+    keywords: ['if-else', 'ifelse', 'icon', 'icon-lab', 'core', 'condition', 'statement', 'branch'],
+    componentName: 'IfElseIcon',
+    package: '@atlaskit/icon-lab/core/if-else',
+    type: 'core',
+    categorization: 'single-purpose',
+    usage: 'Reserved for If Else conditions',
+    team: 'Automation',
+    slackChannel: '#help-automation-design'
+  },
   incognito: {
     keywords: ['incognito', 'icon', 'icon-lab', 'core', 'Whiteboards', 'Private', 'Incognito'],
     componentName: 'IncognitoIcon',
@@ -636,6 +646,16 @@ var metadata = {
     usage: 'Multi purpose',
     team: 'Design System Team'
   },
+  webhook: {
+    keywords: ['webhook', 'icon', 'icon-lab', 'core', 'api', 'callback', 'payload'],
+    componentName: 'WebhookIcon',
+    package: '@atlaskit/icon-lab/core/webhook',
+    type: 'core',
+    categorization: 'single-purpose',
+    usage: 'Reserved for using a webhook to send data between applications via HTTP',
+    team: 'Automation',
+    slackChannel: '#help-automation-design'
+  },
   'welcome-feed': {
     keywords: ['welcome-feed', 'welcomefeed', 'icon', 'icon-lab', 'core', 'welcome', 'hello', 'blog', 'smile', 'intro'],
     componentName: 'WelcomeFeedIcon',

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::59c870d1182edf451750202ed7ca53e8>>
+ * @codegen <<SignedSource::1d1ebec75ee9bc7e475dbb1677ad433e>>
  * @codegenCommand yarn build:icon-glyphs
  */
 interface metadata {

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::59c870d1182edf451750202ed7ca53e8>>
+ * @codegen <<SignedSource::1d1ebec75ee9bc7e475dbb1677ad433e>>
  * @codegenCommand yarn build:icon-glyphs
  */
 interface metadata {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/icon-lab",
-	"version": "3.1.0",
+	"version": "3.2.0",
 	"description": "An icon package for public icon contributions",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -44,12 +44,12 @@
 		"@atlaskit/button": "^21.1.0",
 		"@atlaskit/code": "^16.0.0",
 		"@atlaskit/ds-lib": "^4.0.0",
-		"@atlaskit/heading": "^5.0.0",
+		"@atlaskit/heading": "^5.1.0",
 		"@atlaskit/modal-dialog": "^13.0.0",
-		"@atlaskit/primitives": "^14.0.0",
+		"@atlaskit/primitives": "^14.1.0",
 		"@atlaskit/ssr": "*",
 		"@atlaskit/textfield": "^8.0.0",
-		"@atlaskit/tokens": "^4.1.0",
+		"@atlaskit/tokens": "^4.2.0",
 		"@atlaskit/tooltip": "^20.0.0",
 		"@compiled/react": "^0.18.2",
 		"@testing-library/react": "^13.4.0",

package/svgs/core/if-else.svg

@@ -0,0 +1 @@
+<svg width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentcolor" stroke-linejoin="round" stroke-width="1.5" d="M14 11.75H9.25c-.69 0-1.25-.56-1.25-1.25V4.375m3.75 9.875 2.5-2.5-2.5-2.5m2.25-5H8m-3.25 0a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0Zm0 0H9.5m2.25 2.5 2.5-2.5-2.5-2.5"/></svg>

package/svgs/core/webhook.svg

@@ -0,0 +1 @@
+<svg width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentcolor" stroke-linejoin="round" stroke-width="1.5" d="m8 3.75 1.443 2.63 1.364 2.49a3 3 0 1 1-.11 5.198M3.75 11.5l1.443-2.63 1.364-2.49A3 3 0 0 1 8 .75a3 3 0 0 1 3 3m1.25 7.75h-5.5a3 3 0 1 1-4.523-2.585"/></svg>