@atlaskit/icon-lab 0.1.0 → 0.2.0

package/CHANGELOG.md

@@ -1,5 +1,33 @@
 # @atlaskit/icon-lab
 
+## 0.2.0
+
+### Minor Changes
+
+- [#140548](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/140548)
+  [`c66b92f724af1`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/c66b92f724af1) - ###
+  Summary:
+
+  - Fixes issue where icons with arrows sometimes rendered incorrectly.
+  - Adds `status` icon.
+
+  ### Added:
+
+  **`@atlaskit/icon-lab/core`**
+
+  - `status`
+
+  ### Updated:
+
+  **`@atlaskit/icon-lab/core`**
+
+  - `highlight`: now feature smaller icon with room for a color indicator underneath.
+  - Icons containing arrows have corrected paths
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 0.1.0
 
 ### Minor Changes

package/core/highlight.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::fe1a23bc44cfe15c7353a43ab60db862>>
+ * @codegen <<SignedSource::5d50894a3b22e9b9b5b7f0718dd9e14e>>
  * @codegenCommand yarn build:icon-glyphs
  */
 "use strict";
@@ -24,7 +24,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
  */
 const HighlightIcon = props => /*#__PURE__*/_react.default.createElement(_UNSAFE_baseNew.default, Object.assign({
-  dangerouslySetGlyph: `<path stroke="currentcolor" stroke-linejoin="round" stroke-width="1.5" d="M13.25 16v-3.25M2.75 16v-3.25m3.5-8H5.5L5 7.5l-2.09 3.715a1.25 1.25 0 0 0-.16.612v.923m3.5-8v-4L9.75 2v2.75m-3.5 0h3.5m0 0h.75L11 7.5l2.09 3.715c.105.187.16.398.16.612v.923m-10.5 0h10.5"/>`
+  dangerouslySetGlyph: `<path stroke="currentcolor" stroke-linejoin="round" stroke-width="1.5" d="M4.125 9.375 3.5 8.75l1.25-3.5L10.946.925a.625.625 0 0 1 .8.07l1.259 1.26a.625.625 0 0 1 .07.8L8.75 9.25l-3.5 1.25-.625-.625m-.5-.5L3 10.5l.5.5 1.125-1.125m-.5-.5.5.5m.12-4.632 4 4"/>`
   // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
 }, props));
 HighlightIcon.displayName = 'HighlightIcon';

package/core/status.d.ts

@@ -0,0 +1,14 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::698f65155436ed13448fee5548dd0d99>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
+
+import React from 'react';
+import Icon from '@atlaskit/icon/UNSAFE_base-new';
+
+declare const StatusIcon: {
+  (props: Omit<React.ComponentProps<typeof Icon>, 'dangerouslySetGlyph' | 'type'>): JSX.Element;
+  displayName: string;
+};
+export default StatusIcon;

package/core/status.js

@@ -0,0 +1,31 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::5cca7e7516a747610e23866a45ac01d3>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _UNSAFE_baseNew = _interopRequireDefault(require("@atlaskit/icon/UNSAFE_base-new"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * ⚠️ 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: "Status".
+ * Category: single-purpose
+ * Location: @atlaskit/icon-lab
+ * Usage guidance: Reserved for inserting status lozenges in Editor.
+ * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
+ * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
+ */
+const StatusIcon = props => /*#__PURE__*/_react.default.createElement(_UNSAFE_baseNew.default, Object.assign({
+  dangerouslySetGlyph: `<path stroke="currentcolor" stroke-width="1.5" d="M3 8h10M2 11.25h12c.69 0 1.25-.56 1.25-1.25V6c0-.69-.56-1.25-1.25-1.25H2C1.31 4.75.75 5.31.75 6v4c0 .69.56 1.25 1.25 1.25Z"/>`
+  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+}, props));
+StatusIcon.displayName = 'StatusIcon';
+var _default = exports.default = StatusIcon;

package/dist/cjs/metadata-core.js

@@ -9,7 +9,7 @@ exports.default = void 0;
  *
  * To change the format of this file, modify `UNSAFE_createIconDocsNew` in icon-build-process/src/create-icon-docs.tsx.
  *
- * @codegen <<SignedSource::5cdf67bfa1b09f0b2b18ce9fe05cffe6>>
+ * @codegen <<SignedSource::2d16b88a415798c547f1c341061067bd>>
  * @codegenCommand yarn build:icon-glyphs
  */
 
@@ -106,6 +106,15 @@ var metadata = {
     usage: 'Multi purpose',
     team: 'Design System Team'
   },
+  status: {
+    keywords: ['status', 'icon', 'icon-lab', 'core', 'insert', 'status', 'badge'],
+    componentName: 'StatusIcon',
+    package: '@atlaskit/icon-lab/core/status',
+    type: 'core',
+    categorization: 'single-purpose',
+    usage: 'Reserved for inserting status lozenges in Editor.',
+    team: 'Editor'
+  },
   'takeout-container': {
     keywords: ['takeout-container', 'takeoutcontainer', 'icon', 'icon-lab', 'core', 'takeaway', 'takeout', 'food'],
     componentName: 'TakeoutContainerIcon',

package/dist/es2019/metadata-core.js

@@ -3,7 +3,7 @@
  *
  * To change the format of this file, modify `UNSAFE_createIconDocsNew` in icon-build-process/src/create-icon-docs.tsx.
  *
- * @codegen <<SignedSource::5cdf67bfa1b09f0b2b18ce9fe05cffe6>>
+ * @codegen <<SignedSource::2d16b88a415798c547f1c341061067bd>>
  * @codegenCommand yarn build:icon-glyphs
  */
 
@@ -100,6 +100,15 @@ const metadata = {
     usage: 'Multi purpose',
     team: 'Design System Team'
   },
+  status: {
+    keywords: ['status', 'icon', 'icon-lab', 'core', 'insert', 'status', 'badge'],
+    componentName: 'StatusIcon',
+    package: '@atlaskit/icon-lab/core/status',
+    type: 'core',
+    categorization: 'single-purpose',
+    usage: 'Reserved for inserting status lozenges in Editor.',
+    team: 'Editor'
+  },
   'takeout-container': {
     keywords: ['takeout-container', 'takeoutcontainer', 'icon', 'icon-lab', 'core', 'takeaway', 'takeout', 'food'],
     componentName: 'TakeoutContainerIcon',

package/dist/esm/metadata-core.js

@@ -3,7 +3,7 @@
  *
  * To change the format of this file, modify `UNSAFE_createIconDocsNew` in icon-build-process/src/create-icon-docs.tsx.
  *
- * @codegen <<SignedSource::5cdf67bfa1b09f0b2b18ce9fe05cffe6>>
+ * @codegen <<SignedSource::2d16b88a415798c547f1c341061067bd>>
  * @codegenCommand yarn build:icon-glyphs
  */
 
@@ -100,6 +100,15 @@ var metadata = {
     usage: 'Multi purpose',
     team: 'Design System Team'
   },
+  status: {
+    keywords: ['status', 'icon', 'icon-lab', 'core', 'insert', 'status', 'badge'],
+    componentName: 'StatusIcon',
+    package: '@atlaskit/icon-lab/core/status',
+    type: 'core',
+    categorization: 'single-purpose',
+    usage: 'Reserved for inserting status lozenges in Editor.',
+    team: 'Editor'
+  },
   'takeout-container': {
     keywords: ['takeout-container', 'takeoutcontainer', 'icon', 'icon-lab', 'core', 'takeaway', 'takeout', 'food'],
     componentName: 'TakeoutContainerIcon',

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

@@ -3,7 +3,7 @@
  *
  * To change the format of this file, modify `UNSAFE_createIconDocsNew` in icon-build-process/src/create-icon-docs.tsx.
  *
- * @codegen <<SignedSource::5cdf67bfa1b09f0b2b18ce9fe05cffe6>>
+ * @codegen <<SignedSource::2d16b88a415798c547f1c341061067bd>>
  * @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 `UNSAFE_createIconDocsNew` in icon-build-process/src/create-icon-docs.tsx.
  *
- * @codegen <<SignedSource::5cdf67bfa1b09f0b2b18ce9fe05cffe6>>
+ * @codegen <<SignedSource::2d16b88a415798c547f1c341061067bd>>
  * @codegenCommand yarn build:icon-glyphs
  */
 interface metadata {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/icon-lab",
-	"version": "0.1.0",
+	"version": "0.2.0",
 	"description": "An icon package for public icon contributions",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -30,7 +30,7 @@
 		"build-glyphs": "ts-node --project ../../../tsconfig.node.json ./build/index.tsx"
 	},
 	"dependencies": {
-		"@atlaskit/icon": "^22.16.0",
+		"@atlaskit/icon": "^22.18.0",
 		"@babel/runtime": "^7.0.0"
 	},
 	"peerDependencies": {