@atlaskit/icon 22.3.1 → 22.4.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.
Files changed (28) hide show
  1. package/CHANGELOG.md +1081 -1072
  2. package/README.md +5 -2
  3. package/__perf__/default.tsx +7 -9
  4. package/build/index.tsx +39 -42
  5. package/codemods/21.2.0-metadata-entry.tsx +88 -96
  6. package/codemods/__tests__/21.2.0-metadata-entry.test.tsx +63 -63
  7. package/dist/cjs/components/icon-new.js +6 -1
  8. package/dist/cjs/components/icon-tile.js +5 -0
  9. package/dist/cjs/components/icon.js +13 -6
  10. package/dist/cjs/components/skeleton.js +7 -1
  11. package/dist/cjs/components/styles.js +8 -0
  12. package/dist/cjs/components/svg.js +10 -2
  13. package/dist/es2019/components/icon-new.js +5 -1
  14. package/dist/es2019/components/icon-tile.js +4 -0
  15. package/dist/es2019/components/icon.js +15 -5
  16. package/dist/es2019/components/skeleton.js +7 -1
  17. package/dist/es2019/components/styles.js +7 -0
  18. package/dist/es2019/components/svg.js +9 -2
  19. package/dist/esm/components/icon-new.js +5 -1
  20. package/dist/esm/components/icon-tile.js +4 -0
  21. package/dist/esm/components/icon.js +14 -5
  22. package/dist/esm/components/skeleton.js +7 -1
  23. package/dist/esm/components/styles.js +7 -0
  24. package/dist/esm/components/svg.js +9 -2
  25. package/docs/0-intro.tsx +5 -4
  26. package/package.json +116 -118
  27. package/report.api.md +23 -25
  28. package/utils/logo-icons.tsx +0 -32
package/package.json CHANGED
@@ -1,119 +1,117 @@
1
1
  {
2
- "name": "@atlaskit/icon",
3
- "version": "22.3.1",
4
- "description": "An icon is a visual representation of a command, device, directory, or common action.",
5
- "publishConfig": {
6
- "registry": "https://registry.npmjs.org/"
7
- },
8
- "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
9
- "author": "Atlassian Pty Ltd",
10
- "license": "Apache-2.0",
11
- "main": "dist/cjs/index.js",
12
- "module": "dist/esm/index.js",
13
- "module:es2019": "dist/es2019/index.js",
14
- "types": "dist/types/index.d.ts",
15
- "sideEffects": false,
16
- "atlaskit:src": "src/index.tsx",
17
- "atlassian": {
18
- "team": "Design System Team",
19
- "productPushConsumption": [
20
- "jira"
21
- ],
22
- "releaseModel": "continuous",
23
- "website": {
24
- "name": "Icon",
25
- "category": "Components"
26
- },
27
- "runReact18": true
28
- },
29
- "scripts": {
30
- "build-glyphs": "ts-node --project ../../../tsconfig.node.json ./build/index.tsx"
31
- },
32
- "dependencies": {
33
- "@atlaskit/platform-feature-flags": "^0.2.0",
34
- "@atlaskit/tokens": "^1.49.0",
35
- "@babel/runtime": "^7.0.0",
36
- "@emotion/react": "^11.7.1"
37
- },
38
- "peerDependencies": {
39
- "react": "^16.8.0 || ^17.0.0 || ~18.2.0"
40
- },
41
- "devDependencies": {
42
- "@af/accessibility-testing": "*",
43
- "@af/icon-build-process": "^0.6.0",
44
- "@af/visual-regression": "*",
45
- "@atlaskit/code": "^15.2.0",
46
- "@atlaskit/ds-lib": "^2.3.0",
47
- "@atlaskit/logo": "^13.17.0",
48
- "@atlaskit/primitives": "^6.3.0",
49
- "@atlaskit/ssr": "*",
50
- "@atlaskit/textfield": "^6.3.0",
51
- "@atlaskit/theme": "^12.8.0",
52
- "@atlaskit/toggle": "^13.1.0",
53
- "@atlaskit/tooltip": "^18.4.0",
54
- "@atlaskit/visual-regression": "*",
55
- "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
56
- "@atlassian/icon-lab": "^0.0.1",
57
- "@babel/core": "^7.20.0",
58
- "@emotion/babel-preset-css-prop": "^10.0.7",
59
- "@testing-library/react": "^12.1.5",
60
- "classnames": "^2.2.5",
61
- "fs-extra": "^4.0.2",
62
- "jest-emotion": "^10.0.32",
63
- "jscodeshift": "^0.13.0",
64
- "lodash": "^4.17.21",
65
- "nullthrows": "^1.1.1",
66
- "pkg-dir": "^4.2.0",
67
- "react-dom": "^16.8.0",
68
- "ts-node": "^10.9.1",
69
- "wait-for-expect": "^1.2.0"
70
- },
71
- "keywords": [
72
- "atlaskit",
73
- "ui"
74
- ],
75
- "techstack": {
76
- "@repo/internal": {
77
- "dom-events": "use-bind-event-listener",
78
- "design-system": "v1",
79
- "styling": [
80
- "static",
81
- "emotion"
82
- ],
83
- "ui-components": "lite-mode",
84
- "analytics": "analytics-next",
85
- "design-tokens": [
86
- "color",
87
- "spacing"
88
- ],
89
- "deprecation": "no-deprecated-imports"
90
- }
91
- },
92
- "typesVersions": {
93
- ">=4.5 <4.9": {
94
- "*": [
95
- "dist/types-ts4.5/*",
96
- "dist/types-ts4.5/index.d.ts"
97
- ]
98
- }
99
- },
100
- "homepage": "https://atlassian.design/components/icon/",
101
- "af:exports": {
102
- "./base": "./src/entry-points/base.tsx",
103
- "./UNSAFE_base-new": "./src/entry-points/base-new.tsx",
104
- "./constants": "./src/entry-points/constants.tsx",
105
- "./metadata": "./src/entry-points/metadata.tsx",
106
- "./svg": "./src/entry-points/svg.tsx",
107
- "./types": "./src/entry-points/types.tsx",
108
- "./glyph": "./glyph",
109
- "./core": "./core",
110
- "./utility": "./utility",
111
- ".": "./src/index.tsx"
112
- },
113
- "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1",
114
- "platform-feature-flags": {
115
- "platform.design-system-team.enable-new-icons": {
116
- "type": "boolean"
117
- }
118
- }
119
- }
2
+ "name": "@atlaskit/icon",
3
+ "version": "22.4.0",
4
+ "description": "An icon is a visual representation of a command, device, directory, or common action.",
5
+ "publishConfig": {
6
+ "registry": "https://registry.npmjs.org/"
7
+ },
8
+ "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
9
+ "author": "Atlassian Pty Ltd",
10
+ "license": "Apache-2.0",
11
+ "main": "dist/cjs/index.js",
12
+ "module": "dist/esm/index.js",
13
+ "module:es2019": "dist/es2019/index.js",
14
+ "types": "dist/types/index.d.ts",
15
+ "sideEffects": false,
16
+ "atlaskit:src": "src/index.tsx",
17
+ "atlassian": {
18
+ "team": "Design System Team",
19
+ "productPushConsumption": [
20
+ "jira"
21
+ ],
22
+ "releaseModel": "continuous",
23
+ "website": {
24
+ "name": "Icon",
25
+ "category": "Components"
26
+ },
27
+ "runReact18": true
28
+ },
29
+ "scripts": {
30
+ "build-glyphs": "ts-node --project ../../../tsconfig.node.json ./build/index.tsx"
31
+ },
32
+ "dependencies": {
33
+ "@atlaskit/platform-feature-flags": "^0.2.0",
34
+ "@atlaskit/tokens": "^1.51.0",
35
+ "@babel/runtime": "^7.0.0",
36
+ "@emotion/react": "^11.7.1"
37
+ },
38
+ "peerDependencies": {
39
+ "react": "^16.8.0 || ^17.0.0 || ~18.2.0"
40
+ },
41
+ "devDependencies": {
42
+ "@af/accessibility-testing": "*",
43
+ "@af/icon-build-process": "^0.6.0",
44
+ "@af/visual-regression": "*",
45
+ "@atlaskit/code": "^15.2.0",
46
+ "@atlaskit/ds-lib": "^2.3.0",
47
+ "@atlaskit/logo": "^14.1.0",
48
+ "@atlaskit/primitives": "^7.4.0",
49
+ "@atlaskit/ssr": "*",
50
+ "@atlaskit/textfield": "^6.4.0",
51
+ "@atlaskit/theme": "^12.10.0",
52
+ "@atlaskit/toggle": "^13.2.0",
53
+ "@atlaskit/tooltip": "^18.5.0",
54
+ "@atlaskit/visual-regression": "*",
55
+ "@atlassian/icon-lab": "^0.0.1",
56
+ "@babel/core": "^7.20.0",
57
+ "@emotion/babel-preset-css-prop": "^10.0.7",
58
+ "@testing-library/react": "^12.1.5",
59
+ "classnames": "^2.2.5",
60
+ "fs-extra": "^4.0.2",
61
+ "jest-emotion": "^10.0.32",
62
+ "jscodeshift": "^0.13.0",
63
+ "lodash": "^4.17.21",
64
+ "nullthrows": "^1.1.1",
65
+ "pkg-dir": "^4.2.0",
66
+ "react-dom": "^16.8.0",
67
+ "ts-node": "^10.9.1",
68
+ "wait-for-expect": "^1.2.0"
69
+ },
70
+ "keywords": [
71
+ "atlaskit",
72
+ "ui"
73
+ ],
74
+ "techstack": {
75
+ "@repo/internal": {
76
+ "dom-events": "use-bind-event-listener",
77
+ "design-system": "v1",
78
+ "styling": [
79
+ "static",
80
+ "emotion"
81
+ ],
82
+ "ui-components": "lite-mode",
83
+ "analytics": "analytics-next",
84
+ "design-tokens": [
85
+ "color",
86
+ "spacing"
87
+ ],
88
+ "deprecation": "no-deprecated-imports"
89
+ }
90
+ },
91
+ "typesVersions": {
92
+ ">=4.5 <4.9": {
93
+ "*": [
94
+ "dist/types-ts4.5/*",
95
+ "dist/types-ts4.5/index.d.ts"
96
+ ]
97
+ }
98
+ },
99
+ "homepage": "https://atlassian.design/components/icon/",
100
+ "af:exports": {
101
+ "./base": "./src/entry-points/base.tsx",
102
+ "./UNSAFE_base-new": "./src/entry-points/base-new.tsx",
103
+ "./constants": "./src/entry-points/constants.tsx",
104
+ "./metadata": "./src/entry-points/metadata.tsx",
105
+ "./svg": "./src/entry-points/svg.tsx",
106
+ "./types": "./src/entry-points/types.tsx",
107
+ "./glyph": "./glyph",
108
+ "./core": "./core",
109
+ "./utility": "./utility",
110
+ ".": "./src/index.tsx"
111
+ },
112
+ "platform-feature-flags": {
113
+ "platform.design-system-team.enable-new-icons": {
114
+ "type": "boolean"
115
+ }
116
+ }
117
+ }
package/report.api.md CHANGED
@@ -2,7 +2,8 @@
2
2
 
3
3
  ## API Report File for "@atlaskit/icon"
4
4
 
5
- > Do not edit this file. This report is auto-generated using [API Extractor](https://api-extractor.com/).
5
+ > Do not edit this file. This report is auto-generated using
6
+ > [API Extractor](https://api-extractor.com/).
6
7
  > [Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
7
8
 
8
9
  ### Table of contents
@@ -24,26 +25,23 @@ import type { SVGProps as SVGProps_2 } from 'react';
24
25
 
25
26
  // @public (undocumented)
26
27
  export interface CustomGlyphProps extends SVGProps_2<SVGSVGElement> {
27
- 'aria-label'?: string;
28
- 'data-testid'?: string;
29
- className?: string;
28
+ 'aria-label'?: string;
29
+ 'data-testid'?: string;
30
+ className?: string;
30
31
  }
31
32
 
32
33
  // @public (undocumented)
33
34
  interface GlyphColorProps {
34
- primaryColor?: string;
35
- secondaryColor?: string;
35
+ primaryColor?: string;
36
+ secondaryColor?: string;
36
37
  }
37
38
 
38
39
  // @public (undocumented)
39
- export interface GlyphProps
40
- extends OtherGlyphProps,
41
- GlyphSizeProps,
42
- GlyphColorProps {}
40
+ export interface GlyphProps extends OtherGlyphProps, GlyphSizeProps, GlyphColorProps {}
43
41
 
44
42
  // @public (undocumented)
45
43
  interface GlyphSizeProps {
46
- size?: Size;
44
+ size?: Size;
47
45
  }
48
46
 
49
47
  // @public
@@ -52,15 +50,15 @@ export default Icon;
52
50
 
53
51
  // @public (undocumented)
54
52
  export interface IconProps extends GlyphProps {
55
- // @deprecated (undocumented)
56
- dangerouslySetGlyph?: string;
57
- glyph?: ComponentType<CustomGlyphProps>;
53
+ // @deprecated (undocumented)
54
+ dangerouslySetGlyph?: string;
55
+ glyph?: ComponentType<CustomGlyphProps>;
58
56
  }
59
57
 
60
58
  // @public (undocumented)
61
59
  interface OtherGlyphProps {
62
- label: string;
63
- testId?: string;
60
+ label: string;
61
+ testId?: string;
64
62
  }
65
63
 
66
64
  // @public (undocumented)
@@ -77,13 +75,13 @@ export const Skeleton: NamedExoticComponent<SkeletonProps>;
77
75
 
78
76
  // @public (undocumented)
79
77
  export interface SkeletonProps {
80
- // (undocumented)
81
- color?: string;
82
- // (undocumented)
83
- size?: Size;
84
- testId?: string;
85
- // (undocumented)
86
- weight?: 'normal' | 'strong';
78
+ // (undocumented)
79
+ color?: string;
80
+ // (undocumented)
81
+ size?: Size;
82
+ testId?: string;
83
+ // (undocumented)
84
+ weight?: 'normal' | 'strong';
87
85
  }
88
86
 
89
87
  // @public
@@ -91,7 +89,7 @@ export const SVG: NamedExoticComponent<SVGProps>;
91
89
 
92
90
  // @public (undocumented)
93
91
  export interface SVGProps extends GlyphProps {
94
- children?: ReactNode;
92
+ children?: ReactNode;
95
93
  }
96
94
 
97
95
  // (No @packageDocumentation comment for this package)
@@ -105,7 +103,7 @@ export interface SVGProps extends GlyphProps {
105
103
 
106
104
  ```json
107
105
  {
108
- "react": "^16.8.0"
106
+ "react": "^16.8.0"
109
107
  }
110
108
  ```
111
109
 
package/utils/logo-icons.tsx CHANGED
@@ -6,13 +6,9 @@ import {
6
6
  AtlassianIcon,
7
7
  BitbucketIcon,
8
8
  ConfluenceIcon,
9
- HipchatIcon,
10
- JiraCoreIcon,
11
- JiraServiceDeskIcon,
12
9
  JiraSoftwareIcon,
13
10
  JiraIcon,
14
11
  StatuspageIcon,
15
- StrideIcon,
16
12
  } from '@atlaskit/logo';
17
13
 
18
14
  export default {
@@ -37,27 +33,6 @@ export default {
37
33
  keywords: ['product', 'logo', 'confluence'],
38
34
  package: '@atlaskit/logo',
39
35
  },
40
- HipchatIcon: {
41
- componentName: 'HipchatIcon',
42
- isNamedImport: true,
43
- component: HipchatIcon,
44
- keywords: ['product', 'logo', 'hipchat'],
45
- package: '@atlaskit/logo',
46
- },
47
- JiraCoreIcon: {
48
- componentName: 'JiraCoreIcon',
49
- isNamedImport: true,
50
- component: JiraCoreIcon,
51
- keywords: ['product', 'logo', 'jira', 'core'],
52
- package: '@atlaskit/logo',
53
- },
54
- JiraServiceDeskIcon: {
55
- componentName: 'JiraServiceDeskIcon',
56
- isNamedImport: true,
57
- component: JiraServiceDeskIcon,
58
- keywords: ['product', 'logo', 'jira', 'servicedesk'],
59
- package: '@atlaskit/logo',
60
- },
61
36
  JiraSoftwareIcon: {
62
37
  componentName: 'JiraSoftwareIcon',
63
38
  isNamedImport: true,
@@ -79,11 +54,4 @@ export default {
79
54
  keywords: ['product', 'logo', 'statuspage'],
80
55
  package: '@atlaskit/logo',
81
56
  },
82
- StrideIcon: {
83
- componentName: 'StrideIcon',
84
- isNamedImport: true,
85
- component: StrideIcon,
86
- keywords: ['product', 'logo', 'stride'],
87
- package: '@atlaskit/logo',
88
- },
89
57
  };