@atlaskit/icon 30.0.2 → 30.1.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 +17 -0
- package/core/ai-sparkle.d.ts +13 -0
- package/core/ai-sparkle.js +31 -0
- package/core/chart-pie.js +2 -2
- package/dist/cjs/metadata-core.js +10 -1
- package/dist/es2019/metadata-core.js +10 -1
- package/dist/esm/metadata-core.js +10 -1
- package/dist/types/components/skeleton.d.ts +6 -1
- package/dist/types/components/svg.d.ts +6 -1
- package/dist/types/metadata-core.d.ts +1 -1
- package/dist/types-ts4.5/components/skeleton.d.ts +6 -1
- package/dist/types-ts4.5/components/svg.d.ts +6 -1
- package/dist/types-ts4.5/metadata-core.d.ts +1 -1
- package/package.json +2 -2
- package/svgs/core/ai-sparkle.svg +1 -0
- package/svgs/core/chart-pie.svg +1 -1
- package/tsconfig.json +17 -18
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,22 @@
|
|
|
1
1
|
# @atlaskit/icon
|
|
2
2
|
|
|
3
|
+
## 30.1.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [`ea7a01d023b36`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ea7a01d023b36) -
|
|
8
|
+
This release adds and updates icons in `@atlaskit/icon`.
|
|
9
|
+
|
|
10
|
+
### Added:
|
|
11
|
+
|
|
12
|
+
**`@atlaskit/icon/core`**
|
|
13
|
+
- `ai-sparkle`
|
|
14
|
+
|
|
15
|
+
### Updated:
|
|
16
|
+
|
|
17
|
+
**`@atlaskit/icon/core`**
|
|
18
|
+
- `chart-pie`
|
|
19
|
+
|
|
3
20
|
## 30.0.2
|
|
4
21
|
|
|
5
22
|
### Patch Changes
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
+
* @codegen <<SignedSource::656e7a16dfb45951e38c3aca7ee2e71d>>
|
|
4
|
+
* @codegenCommand yarn build:icon-glyphs
|
|
5
|
+
*/
|
|
6
|
+
|
|
7
|
+
import type { NewCoreIconProps } from '@atlaskit/icon/base-new';
|
|
8
|
+
|
|
9
|
+
declare const AiSparkleIcon: {
|
|
10
|
+
(props: NewCoreIconProps): JSX.Element;
|
|
11
|
+
displayName: string;
|
|
12
|
+
};
|
|
13
|
+
export default AiSparkleIcon;
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
+
* @codegen <<SignedSource::b61845f1547de2636ef983731a146ccf>>
|
|
4
|
+
* @codegenCommand yarn build:icon-glyphs
|
|
5
|
+
*/
|
|
6
|
+
"use strict";
|
|
7
|
+
|
|
8
|
+
Object.defineProperty(exports, "__esModule", {
|
|
9
|
+
value: true
|
|
10
|
+
});
|
|
11
|
+
exports.default = void 0;
|
|
12
|
+
var _react = _interopRequireDefault(require("react"));
|
|
13
|
+
var _baseNew = _interopRequireDefault(require("@atlaskit/icon/base-new"));
|
|
14
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
15
|
+
/**
|
|
16
|
+
* Icon: "AiSparkle".
|
|
17
|
+
* Category: single-purpose
|
|
18
|
+
* Location: @atlaskit/icon
|
|
19
|
+
* Usage guidance: Reserved for representing AI-powered features and functionality.
|
|
20
|
+
|
|
21
|
+
Note: The "Editions" gem icon has replaced the sparkle icon for representing premium features in upsell experiences.
|
|
22
|
+
* - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
|
|
23
|
+
* - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
|
|
24
|
+
*/
|
|
25
|
+
const AiSparkleIcon = props => /*#__PURE__*/_react.default.createElement(_baseNew.default, Object.assign({
|
|
26
|
+
name: "AiSparkleIcon",
|
|
27
|
+
dangerouslySetGlyph: `<path fill="currentcolor" d="M14.5 11.5V13H16v1.5h-1.5V16H13v-1.5h-1.5V13H13v-1.5zM8 1c.31 0 .587.19.7.479l1.63 4.19 4.192 1.632a.75.75 0 0 1 0 1.398l-4.193 1.63-1.63 4.192a.75.75 0 0 1-1.398 0L5.67 10.33 1.479 8.7a.75.75 0 0 1 0-1.398l4.19-1.631L7.301 1.48l.05-.104A.75.75 0 0 1 8 1M6.95 6.521a.75.75 0 0 1-.429.428L3.82 8l2.702 1.05a.75.75 0 0 1 .428.429l1.05 2.7 1.05-2.7.033-.073a.75.75 0 0 1 .396-.355L12.179 8l-2.7-1.05a.75.75 0 0 1-.428-.429L8 3.82zM3 0v1.5h1.5V3H3v1.5H1.5V3H0V1.5h1.5V0z"/>`
|
|
28
|
+
// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
|
|
29
|
+
}, props));
|
|
30
|
+
AiSparkleIcon.displayName = 'AiSparkleIcon';
|
|
31
|
+
var _default = exports.default = AiSparkleIcon;
|
package/core/chart-pie.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::73aa242f320d942684323257fb8f0809>>
|
|
4
4
|
* @codegenCommand yarn build:icon-glyphs
|
|
5
5
|
*/
|
|
6
6
|
"use strict";
|
|
@@ -22,7 +22,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
|
|
|
22
22
|
*/
|
|
23
23
|
const ChartPieIcon = props => /*#__PURE__*/_react.default.createElement(_baseNew.default, Object.assign({
|
|
24
24
|
name: "ChartPieIcon",
|
|
25
|
-
dangerouslySetGlyph: `<mask id="
|
|
25
|
+
dangerouslySetGlyph: `<mask id="mask0_63315_17541" width="16" height="16" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="currentcolor" d="M5.106 0C5.04.239 5 .49 5 .75v7.5a2.75 2.75 0 0 0 3.462 2.656l7.246-1.941q.15-.04.292-.098V16H0V0zm5.672 4.59-.278.076v-.29q.143.102.278.215M16 2.17A10.3 10.3 0 0 0 13.831 0H16z"/></mask><g mask="url(#mask0_63315_17541)"><path stroke="currentcolor" stroke-linejoin="round" stroke-width="1.5" d="M1.75 8a6.25 6.25 0 1 0 12.5 0 6.25 6.25 0 0 0-12.5 0Z"/></g><path stroke="currentcolor" stroke-linejoin="round" stroke-width="1.5" d="M7.75 8.25V.75c3.47 0 6.39 2.357 7.246 5.558z"/>`
|
|
26
26
|
// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
|
|
27
27
|
}, props));
|
|
28
28
|
ChartPieIcon.displayName = 'ChartPieIcon';
|
|
@@ -9,7 +9,7 @@ exports.default = void 0;
|
|
|
9
9
|
*
|
|
10
10
|
* To change the format of this file, modify `createIconDocsNew` in icon-build-process/src/create-icon-docs.tsx.
|
|
11
11
|
*
|
|
12
|
-
* @codegen <<SignedSource::
|
|
12
|
+
* @codegen <<SignedSource::eb2aff60a1ad64d7d4ee816170401efd>>
|
|
13
13
|
* @codegenCommand yarn build:icon-glyphs
|
|
14
14
|
*/
|
|
15
15
|
|
|
@@ -62,6 +62,15 @@ var metadata = {
|
|
|
62
62
|
status: 'published',
|
|
63
63
|
slackChannel: '#feedback-loom-vizrefresh'
|
|
64
64
|
},
|
|
65
|
+
'ai-sparkle': {
|
|
66
|
+
keywords: ['ai-sparkle', 'aisparkle', 'icon', 'AI', 'sparkles', 'generative AI', 'AI functionality'],
|
|
67
|
+
componentName: 'AiSparkleIcon',
|
|
68
|
+
package: '@atlaskit/icon/core/ai-sparkle',
|
|
69
|
+
categorization: 'single-purpose',
|
|
70
|
+
usage: "Reserved for representing AI-powered features and functionality. Note: The 'Editions' gem icon has replaced the sparkle icon for representing premium features in upsell experiences.",
|
|
71
|
+
team: 'Design System Team',
|
|
72
|
+
status: 'published'
|
|
73
|
+
},
|
|
65
74
|
alert: {
|
|
66
75
|
keywords: ['alert', 'icon', 'alert', 'event', 'operations'],
|
|
67
76
|
componentName: 'AlertIcon',
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*
|
|
4
4
|
* To change the format of this file, modify `createIconDocsNew` in icon-build-process/src/create-icon-docs.tsx.
|
|
5
5
|
*
|
|
6
|
-
* @codegen <<SignedSource::
|
|
6
|
+
* @codegen <<SignedSource::eb2aff60a1ad64d7d4ee816170401efd>>
|
|
7
7
|
* @codegenCommand yarn build:icon-glyphs
|
|
8
8
|
*/
|
|
9
9
|
|
|
@@ -56,6 +56,15 @@ const metadata = {
|
|
|
56
56
|
status: 'published',
|
|
57
57
|
slackChannel: '#feedback-loom-vizrefresh'
|
|
58
58
|
},
|
|
59
|
+
'ai-sparkle': {
|
|
60
|
+
keywords: ['ai-sparkle', 'aisparkle', 'icon', 'AI', 'sparkles', 'generative AI', 'AI functionality'],
|
|
61
|
+
componentName: 'AiSparkleIcon',
|
|
62
|
+
package: '@atlaskit/icon/core/ai-sparkle',
|
|
63
|
+
categorization: 'single-purpose',
|
|
64
|
+
usage: "Reserved for representing AI-powered features and functionality. Note: The 'Editions' gem icon has replaced the sparkle icon for representing premium features in upsell experiences.",
|
|
65
|
+
team: 'Design System Team',
|
|
66
|
+
status: 'published'
|
|
67
|
+
},
|
|
59
68
|
alert: {
|
|
60
69
|
keywords: ['alert', 'icon', 'alert', 'event', 'operations'],
|
|
61
70
|
componentName: 'AlertIcon',
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*
|
|
4
4
|
* To change the format of this file, modify `createIconDocsNew` in icon-build-process/src/create-icon-docs.tsx.
|
|
5
5
|
*
|
|
6
|
-
* @codegen <<SignedSource::
|
|
6
|
+
* @codegen <<SignedSource::eb2aff60a1ad64d7d4ee816170401efd>>
|
|
7
7
|
* @codegenCommand yarn build:icon-glyphs
|
|
8
8
|
*/
|
|
9
9
|
|
|
@@ -56,6 +56,15 @@ var metadata = {
|
|
|
56
56
|
status: 'published',
|
|
57
57
|
slackChannel: '#feedback-loom-vizrefresh'
|
|
58
58
|
},
|
|
59
|
+
'ai-sparkle': {
|
|
60
|
+
keywords: ['ai-sparkle', 'aisparkle', 'icon', 'AI', 'sparkles', 'generative AI', 'AI functionality'],
|
|
61
|
+
componentName: 'AiSparkleIcon',
|
|
62
|
+
package: '@atlaskit/icon/core/ai-sparkle',
|
|
63
|
+
categorization: 'single-purpose',
|
|
64
|
+
usage: "Reserved for representing AI-powered features and functionality. Note: The 'Editions' gem icon has replaced the sparkle icon for representing premium features in upsell experiences.",
|
|
65
|
+
team: 'Design System Team',
|
|
66
|
+
status: 'published'
|
|
67
|
+
},
|
|
59
68
|
alert: {
|
|
60
69
|
keywords: ['alert', 'icon', 'alert', 'event', 'operations'],
|
|
61
70
|
componentName: 'AlertIcon',
|
|
@@ -1,6 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @jsxRuntime classic
|
|
3
|
+
* @jsx jsx
|
|
4
|
+
*/
|
|
5
|
+
import { type NamedExoticComponent } from 'react';
|
|
1
6
|
import type { SkeletonProps } from '../types';
|
|
2
7
|
/**
|
|
3
8
|
* __Skeleton__
|
|
4
9
|
*/
|
|
5
|
-
declare const Skeleton:
|
|
10
|
+
declare const Skeleton: NamedExoticComponent<SkeletonProps>;
|
|
6
11
|
export default Skeleton;
|
|
@@ -1,3 +1,8 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @jsxRuntime classic
|
|
3
|
+
* @jsx jsx
|
|
4
|
+
*/
|
|
5
|
+
import { type NamedExoticComponent } from 'react';
|
|
1
6
|
import type { SVGProps } from '../types';
|
|
2
7
|
/**
|
|
3
8
|
* __SVG__
|
|
@@ -8,5 +13,5 @@ import type { SVGProps } from '../types';
|
|
|
8
13
|
*
|
|
9
14
|
* - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
|
|
10
15
|
*/
|
|
11
|
-
declare const SVG:
|
|
16
|
+
declare const SVG: NamedExoticComponent<SVGProps>;
|
|
12
17
|
export default SVG;
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*
|
|
4
4
|
* To change the format of this file, modify `createIconDocsNew` in icon-build-process/src/create-icon-docs.tsx.
|
|
5
5
|
*
|
|
6
|
-
* @codegen <<SignedSource::
|
|
6
|
+
* @codegen <<SignedSource::eb2aff60a1ad64d7d4ee816170401efd>>
|
|
7
7
|
* @codegenCommand yarn build:icon-glyphs
|
|
8
8
|
*/
|
|
9
9
|
interface metadata {
|
|
@@ -1,6 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @jsxRuntime classic
|
|
3
|
+
* @jsx jsx
|
|
4
|
+
*/
|
|
5
|
+
import { type NamedExoticComponent } from 'react';
|
|
1
6
|
import type { SkeletonProps } from '../types';
|
|
2
7
|
/**
|
|
3
8
|
* __Skeleton__
|
|
4
9
|
*/
|
|
5
|
-
declare const Skeleton:
|
|
10
|
+
declare const Skeleton: NamedExoticComponent<SkeletonProps>;
|
|
6
11
|
export default Skeleton;
|
|
@@ -1,3 +1,8 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @jsxRuntime classic
|
|
3
|
+
* @jsx jsx
|
|
4
|
+
*/
|
|
5
|
+
import { type NamedExoticComponent } from 'react';
|
|
1
6
|
import type { SVGProps } from '../types';
|
|
2
7
|
/**
|
|
3
8
|
* __SVG__
|
|
@@ -8,5 +13,5 @@ import type { SVGProps } from '../types';
|
|
|
8
13
|
*
|
|
9
14
|
* - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
|
|
10
15
|
*/
|
|
11
|
-
declare const SVG:
|
|
16
|
+
declare const SVG: NamedExoticComponent<SVGProps>;
|
|
12
17
|
export default SVG;
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*
|
|
4
4
|
* To change the format of this file, modify `createIconDocsNew` in icon-build-process/src/create-icon-docs.tsx.
|
|
5
5
|
*
|
|
6
|
-
* @codegen <<SignedSource::
|
|
6
|
+
* @codegen <<SignedSource::eb2aff60a1ad64d7d4ee816170401efd>>
|
|
7
7
|
* @codegenCommand yarn build:icon-glyphs
|
|
8
8
|
*/
|
|
9
9
|
interface metadata {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/icon",
|
|
3
|
-
"version": "30.0
|
|
3
|
+
"version": "30.1.0",
|
|
4
4
|
"description": "An icon is a symbol representing a command, device, directory, or common action.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
"@atlaskit/css": "^0.19.0",
|
|
54
54
|
"@atlaskit/docs": "^11.3.0",
|
|
55
55
|
"@atlaskit/form": "^15.3.0",
|
|
56
|
-
"@atlaskit/heading": "^5.
|
|
56
|
+
"@atlaskit/heading": "^5.3.0",
|
|
57
57
|
"@atlaskit/icon-file-type": "^7.0.0",
|
|
58
58
|
"@atlaskit/icon-object": "^7.4.0",
|
|
59
59
|
"@atlaskit/link": "^3.3.0",
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentcolor" d="M14.5 11.5V13H16v1.5h-1.5V16H13v-1.5h-1.5V13H13v-1.5zM8 1c.31 0 .587.19.7.479l1.63 4.19 4.192 1.632a.75.75 0 0 1 0 1.398l-4.193 1.63-1.63 4.192a.75.75 0 0 1-1.398 0L5.67 10.33 1.479 8.7a.75.75 0 0 1 0-1.398l4.19-1.631L7.301 1.48l.05-.104A.75.75 0 0 1 8 1M6.95 6.521a.75.75 0 0 1-.429.428L3.82 8l2.702 1.05a.75.75 0 0 1 .428.429l1.05 2.7 1.05-2.7.033-.073a.75.75 0 0 1 .396-.355L12.179 8l-2.7-1.05a.75.75 0 0 1-.428-.429L8 3.82zM3 0v1.5h1.5V3H3v1.5H1.5V3H0V1.5h1.5V0z"/></svg>
|
package/svgs/core/chart-pie.svg
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg width="16" height="16" fill="none" viewBox="0 0 16 16"><mask id="
|
|
1
|
+
<svg width="16" height="16" fill="none" viewBox="0 0 16 16"><mask id="mask0_63315_17541" width="16" height="16" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="currentcolor" d="M5.106 0C5.04.239 5 .49 5 .75v7.5a2.75 2.75 0 0 0 3.462 2.656l7.246-1.941q.15-.04.292-.098V16H0V0zm5.672 4.59-.278.076v-.29q.143.102.278.215M16 2.17A10.3 10.3 0 0 0 13.831 0H16z"/></mask><g mask="url(#mask0_63315_17541)"><path stroke="currentcolor" stroke-linejoin="round" stroke-width="1.5" d="M1.75 8a6.25 6.25 0 1 0 12.5 0 6.25 6.25 0 0 0-12.5 0Z"/></g><path stroke="currentcolor" stroke-linejoin="round" stroke-width="1.5" d="M7.75 8.25V.75c3.47 0 6.39 2.357 7.246 5.558z"/></svg>
|
package/tsconfig.json
CHANGED
|
@@ -1,20 +1,19 @@
|
|
|
1
1
|
{
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
"compilerOptions": {}
|
|
2
|
+
"extends": "../../../tsconfig.json",
|
|
3
|
+
"include": [
|
|
4
|
+
"build",
|
|
5
|
+
"./src/**/*.ts",
|
|
6
|
+
"./src/**/*.tsx",
|
|
7
|
+
"./docs/**/*.ts",
|
|
8
|
+
"./docs/**/*.tsx",
|
|
9
|
+
"./examples/**/*.ts",
|
|
10
|
+
"./examples/**/*.tsx",
|
|
11
|
+
"./codemods",
|
|
12
|
+
"**/stories.ts",
|
|
13
|
+
"**/stories.tsx",
|
|
14
|
+
"**/stories/*.ts",
|
|
15
|
+
"**/stories/*.tsx",
|
|
16
|
+
"**/stories/**/*.ts",
|
|
17
|
+
"**/stories/**/*.tsx"
|
|
18
|
+
]
|
|
20
19
|
}
|