@atlaskit/icon 21.12.6 → 21.12.7

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 CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/icon
2
2
 
3
+ ## 21.12.7
4
+
5
+ ### Patch Changes
6
+
7
+ - [`8a5ce2c105e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8a5ce2c105e) - This package is now onboarded onto the product push model.Th
8
+
3
9
  ## 21.12.6
4
10
 
5
11
  ### Patch Changes
@@ -23,7 +23,7 @@ var iconStyles = (0, _react2.css)({
23
23
  display: 'inline-block',
24
24
  flexShrink: 0,
25
25
  lineHeight: 1,
26
- // eslint-disable-next-line @repo/internal/styles/no-nested-styles
26
+ // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
27
27
  '> svg': _objectSpread(_objectSpread({}, _styles.commonSVGStyles), {}, {
28
28
  maxWidth: '100%',
29
29
  maxHeight: '100%',
@@ -37,7 +37,7 @@ var iconStyles = (0, _react2.css)({
37
37
  */
38
38
  var baseHcmStyles = (0, _react2.css)({
39
39
  '@media screen and (forced-colors: active)': {
40
- // eslint-disable-next-line @repo/internal/styles/no-nested-styles
40
+ // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
41
41
  '> svg': {
42
42
  filter: 'grayscale(1)',
43
43
  '--icon-primary-color': 'CanvasText',
@@ -49,7 +49,7 @@ var baseHcmStyles = (0, _react2.css)({
49
49
 
50
50
  var primaryEqualsSecondaryHcmStyles = (0, _react2.css)({
51
51
  '@media screen and (forced-colors: active)': {
52
- // eslint-disable-next-line @repo/internal/styles/no-nested-styles
52
+ // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
53
53
  '> svg': {
54
54
  // if the primaryColor is the same as the secondaryColor we
55
55
  // set the --icon-primary-color to Canvas
@@ -61,7 +61,7 @@ var primaryEqualsSecondaryHcmStyles = (0, _react2.css)({
61
61
 
62
62
  var secondaryTransparentHcmStyles = (0, _react2.css)({
63
63
  '@media screen and (forced-colors: active)': {
64
- // eslint-disable-next-line @repo/internal/styles/no-nested-styles
64
+ // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
65
65
  '> svg': {
66
66
  '--icon-secondary-color': 'transparent' // background
67
67
  }
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/icon",
3
- "version": "21.12.6",
3
+ "version": "21.12.7",
4
4
  "sideEffects": false
5
5
  }
@@ -15,7 +15,7 @@ const iconStyles = css({
15
15
  display: 'inline-block',
16
16
  flexShrink: 0,
17
17
  lineHeight: 1,
18
- // eslint-disable-next-line @repo/internal/styles/no-nested-styles
18
+ // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
19
19
  '> svg': {
20
20
  ...commonSVGStyles,
21
21
  maxWidth: '100%',
@@ -30,7 +30,7 @@ const iconStyles = css({
30
30
  */
31
31
  const baseHcmStyles = css({
32
32
  '@media screen and (forced-colors: active)': {
33
- // eslint-disable-next-line @repo/internal/styles/no-nested-styles
33
+ // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
34
34
  '> svg': {
35
35
  filter: 'grayscale(1)',
36
36
  '--icon-primary-color': 'CanvasText',
@@ -42,7 +42,7 @@ const baseHcmStyles = css({
42
42
 
43
43
  const primaryEqualsSecondaryHcmStyles = css({
44
44
  '@media screen and (forced-colors: active)': {
45
- // eslint-disable-next-line @repo/internal/styles/no-nested-styles
45
+ // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
46
46
  '> svg': {
47
47
  // if the primaryColor is the same as the secondaryColor we
48
48
  // set the --icon-primary-color to Canvas
@@ -54,7 +54,7 @@ const primaryEqualsSecondaryHcmStyles = css({
54
54
 
55
55
  const secondaryTransparentHcmStyles = css({
56
56
  '@media screen and (forced-colors: active)': {
57
- // eslint-disable-next-line @repo/internal/styles/no-nested-styles
57
+ // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
58
58
  '> svg': {
59
59
  '--icon-secondary-color': 'transparent' // background
60
60
  }
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/icon",
3
- "version": "21.12.6",
3
+ "version": "21.12.7",
4
4
  "sideEffects": false
5
5
  }
@@ -18,7 +18,7 @@ var iconStyles = css({
18
18
  display: 'inline-block',
19
19
  flexShrink: 0,
20
20
  lineHeight: 1,
21
- // eslint-disable-next-line @repo/internal/styles/no-nested-styles
21
+ // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
22
22
  '> svg': _objectSpread(_objectSpread({}, commonSVGStyles), {}, {
23
23
  maxWidth: '100%',
24
24
  maxHeight: '100%',
@@ -32,7 +32,7 @@ var iconStyles = css({
32
32
  */
33
33
  var baseHcmStyles = css({
34
34
  '@media screen and (forced-colors: active)': {
35
- // eslint-disable-next-line @repo/internal/styles/no-nested-styles
35
+ // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
36
36
  '> svg': {
37
37
  filter: 'grayscale(1)',
38
38
  '--icon-primary-color': 'CanvasText',
@@ -44,7 +44,7 @@ var baseHcmStyles = css({
44
44
 
45
45
  var primaryEqualsSecondaryHcmStyles = css({
46
46
  '@media screen and (forced-colors: active)': {
47
- // eslint-disable-next-line @repo/internal/styles/no-nested-styles
47
+ // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
48
48
  '> svg': {
49
49
  // if the primaryColor is the same as the secondaryColor we
50
50
  // set the --icon-primary-color to Canvas
@@ -56,7 +56,7 @@ var primaryEqualsSecondaryHcmStyles = css({
56
56
 
57
57
  var secondaryTransparentHcmStyles = css({
58
58
  '@media screen and (forced-colors: active)': {
59
- // eslint-disable-next-line @repo/internal/styles/no-nested-styles
59
+ // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
60
60
  '> svg': {
61
61
  '--icon-secondary-color': 'transparent' // background
62
62
  }
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/icon",
3
- "version": "21.12.6",
3
+ "version": "21.12.7",
4
4
  "sideEffects": false
5
5
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/icon",
3
- "version": "21.12.6",
3
+ "version": "21.12.7",
4
4
  "description": "An icon is a visual representation of a command, device, directory, or common action.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -12,40 +12,25 @@
12
12
  "module": "dist/esm/index.js",
13
13
  "module:es2019": "dist/es2019/index.js",
14
14
  "types": "dist/types/index.d.ts",
15
- "typesVersions": {
16
- ">=4.5 <4.9": {
17
- "*": [
18
- "dist/types-ts4.5/*",
19
- "dist/types-ts4.5/index.d.ts"
20
- ]
21
- }
22
- },
23
15
  "sideEffects": false,
24
16
  "atlaskit:src": "src/index.tsx",
25
- "homepage": "https://atlassian.design/components/icon/",
26
17
  "atlassian": {
27
18
  "team": "Design System Team",
19
+ "productPushConsumption": [
20
+ "jira"
21
+ ],
28
22
  "releaseModel": "continuous",
29
23
  "website": {
30
24
  "name": "Icon",
31
25
  "category": "Components"
32
26
  }
33
27
  },
34
- "af:exports": {
35
- "./base": "./src/entry-points/base.tsx",
36
- "./constants": "./src/entry-points/constants.tsx",
37
- "./metadata": "./src/entry-points/metadata.tsx",
38
- "./svg": "./src/entry-points/svg.tsx",
39
- "./types": "./src/entry-points/types.tsx",
40
- "./glyph": "./glyph",
41
- ".": "./src/index.tsx"
42
- },
43
28
  "scripts": {
44
29
  "build-glyphs": "ts-node --project ../../../tsconfig.node.json ./build/index.tsx"
45
30
  },
46
31
  "dependencies": {
47
32
  "@atlaskit/theme": "^12.5.0",
48
- "@atlaskit/tokens": "^1.11.0",
33
+ "@atlaskit/tokens": "^1.14.0",
49
34
  "@babel/runtime": "^7.0.0",
50
35
  "@emotion/react": "^11.7.1"
51
36
  },
@@ -55,6 +40,7 @@
55
40
  "devDependencies": {
56
41
  "@af/accessibility-testing": "*",
57
42
  "@af/icon-build-process": "^0.3.0",
43
+ "@af/visual-regression": "*",
58
44
  "@atlaskit/ds-lib": "^2.2.0",
59
45
  "@atlaskit/logo": "^13.14.0",
60
46
  "@atlaskit/ssr": "*",
@@ -95,5 +81,23 @@
95
81
  "deprecation": "no-deprecated-imports"
96
82
  }
97
83
  },
84
+ "typesVersions": {
85
+ ">=4.5 <4.9": {
86
+ "*": [
87
+ "dist/types-ts4.5/*",
88
+ "dist/types-ts4.5/index.d.ts"
89
+ ]
90
+ }
91
+ },
92
+ "homepage": "https://atlassian.design/components/icon/",
93
+ "af:exports": {
94
+ "./base": "./src/entry-points/base.tsx",
95
+ "./constants": "./src/entry-points/constants.tsx",
96
+ "./metadata": "./src/entry-points/metadata.tsx",
97
+ "./svg": "./src/entry-points/svg.tsx",
98
+ "./types": "./src/entry-points/types.tsx",
99
+ "./glyph": "./glyph",
100
+ ".": "./src/index.tsx"
101
+ },
98
102
  "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
99
103
  }
@@ -0,0 +1,86 @@
1
+ ## API Report File for "@atlaskit/icon"
2
+
3
+ > Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
4
+
5
+ ```ts
6
+
7
+ /// <reference types="react" />
8
+
9
+ import type { ComponentType } from 'react';
10
+ import { NamedExoticComponent } from 'react';
11
+ import type { ReactNode } from 'react';
12
+ import type { SVGProps as SVGProps_2 } from 'react';
13
+
14
+ // @public (undocumented)
15
+ export interface CustomGlyphProps extends SVGProps_2<SVGSVGElement> {
16
+ 'aria-label'?: string;
17
+ 'data-testid'?: string;
18
+ className?: string;
19
+ }
20
+
21
+ // @public (undocumented)
22
+ interface GlyphColorProps {
23
+ primaryColor?: string;
24
+ secondaryColor?: string;
25
+ }
26
+
27
+ // @public (undocumented)
28
+ export interface GlyphProps extends OtherGlyphProps, GlyphSizeProps, GlyphColorProps {
29
+ }
30
+
31
+ // @public (undocumented)
32
+ interface GlyphSizeProps {
33
+ size?: Size;
34
+ }
35
+
36
+ // @public
37
+ const Icon: NamedExoticComponent<IconProps>;
38
+ export default Icon;
39
+
40
+ // @public (undocumented)
41
+ export interface IconProps extends GlyphProps {
42
+ // @deprecated (undocumented)
43
+ dangerouslySetGlyph?: string;
44
+ glyph?: ComponentType<CustomGlyphProps>;
45
+ }
46
+
47
+ // @public (undocumented)
48
+ interface OtherGlyphProps {
49
+ label: string;
50
+ testId?: string;
51
+ }
52
+
53
+ // @public (undocumented)
54
+ export type Size = 'large' | 'medium' | 'small' | 'xlarge';
55
+
56
+ // @public (undocumented)
57
+ export const size: Record<Size, Size>;
58
+
59
+ // @public (undocumented)
60
+ export const sizes: Record<Size, string>;
61
+
62
+ // @public
63
+ export const Skeleton: NamedExoticComponent<SkeletonProps>;
64
+
65
+ // @public (undocumented)
66
+ export interface SkeletonProps {
67
+ // (undocumented)
68
+ color?: string;
69
+ // (undocumented)
70
+ size?: Size;
71
+ testId?: string;
72
+ // (undocumented)
73
+ weight?: 'normal' | 'strong';
74
+ }
75
+
76
+ // @public
77
+ export const SVG: NamedExoticComponent<SVGProps>;
78
+
79
+ // @public (undocumented)
80
+ export interface SVGProps extends GlyphProps {
81
+ children?: ReactNode;
82
+ }
83
+
84
+ // (No @packageDocumentation comment for this package)
85
+
86
+ ```