@atlaskit/icon 21.12.4 → 21.12.6

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,17 @@
1
1
  # @atlaskit/icon
2
2
 
3
+ ## 21.12.6
4
+
5
+ ### Patch Changes
6
+
7
+ - [`4ae083a7e66`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4ae083a7e66) - Use `@af/accessibility-testing` for default jest-axe config and jest-axe import in accessibility testing.
8
+
9
+ ## 21.12.5
10
+
11
+ ### Patch Changes
12
+
13
+ - [`599bfe90ee3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/599bfe90ee3) - Internal change to use shape tokens. There is no expected visual change.
14
+
3
15
  ## 21.12.4
4
16
 
5
17
  ### Patch Changes
@@ -119,7 +119,7 @@ var Icon = /*#__PURE__*/(0, _react.memo)(function Icon(props) {
119
119
  // We could then simplify how common styles are dealt with simply by encapsualting them
120
120
  // at their appropriate level and/or having a singular approach to css variables in the package
121
121
  dimensions &&
122
- // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
122
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
123
123
  (0, _react2.css)({
124
124
  width: dimensions.width,
125
125
  height: dimensions.height,
@@ -11,7 +11,7 @@ var _styles = require("./styles");
11
11
 
12
12
  var skeletonStyles = (0, _react.css)({
13
13
  display: 'inline-block',
14
- borderRadius: '50%'
14
+ borderRadius: "var(--ds-border-radius-circle, 50%)"
15
15
  });
16
16
  var subtleOpacityStyles = (0, _react.css)({
17
17
  opacity: 0.15
@@ -11,7 +11,7 @@ var _utils = require("./utils");
11
11
  var _styles = require("./styles");
12
12
  /** @jsx jsx */
13
13
 
14
- // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
14
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
15
15
  var svgStyles = (0, _react2.css)(_styles.commonSVGStyles);
16
16
 
17
17
  /**
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/icon",
3
- "version": "21.12.4",
3
+ "version": "21.12.6",
4
4
  "sideEffects": false
5
5
  }
@@ -113,7 +113,7 @@ export const Icon = /*#__PURE__*/memo(function Icon(props) {
113
113
  // We could then simplify how common styles are dealt with simply by encapsualting them
114
114
  // at their appropriate level and/or having a singular approach to css variables in the package
115
115
  dimensions &&
116
- // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
116
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
117
117
  css({
118
118
  width: dimensions.width,
119
119
  height: dimensions.height,
@@ -4,7 +4,7 @@ import { memo } from 'react';
4
4
  import { sizeStyleMap } from './styles';
5
5
  const skeletonStyles = css({
6
6
  display: 'inline-block',
7
- borderRadius: '50%'
7
+ borderRadius: "var(--ds-border-radius-circle, 50%)"
8
8
  });
9
9
  const subtleOpacityStyles = css({
10
10
  opacity: 0.15
@@ -5,7 +5,7 @@ import { useGlobalTheme } from '@atlaskit/theme/components';
5
5
  import { getBackground } from './utils';
6
6
  import { commonSVGStyles, sizeStyleMap } from './styles';
7
7
 
8
- // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
8
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
9
9
  const svgStyles = css(commonSVGStyles);
10
10
 
11
11
  /**
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/icon",
3
- "version": "21.12.4",
3
+ "version": "21.12.6",
4
4
  "sideEffects": false
5
5
  }
@@ -114,7 +114,7 @@ export var Icon = /*#__PURE__*/memo(function Icon(props) {
114
114
  // We could then simplify how common styles are dealt with simply by encapsualting them
115
115
  // at their appropriate level and/or having a singular approach to css variables in the package
116
116
  dimensions &&
117
- // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
117
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
118
118
  css({
119
119
  width: dimensions.width,
120
120
  height: dimensions.height,
@@ -4,7 +4,7 @@ import { memo } from 'react';
4
4
  import { sizeStyleMap } from './styles';
5
5
  var skeletonStyles = css({
6
6
  display: 'inline-block',
7
- borderRadius: '50%'
7
+ borderRadius: "var(--ds-border-radius-circle, 50%)"
8
8
  });
9
9
  var subtleOpacityStyles = css({
10
10
  opacity: 0.15
@@ -5,7 +5,7 @@ import { useGlobalTheme } from '@atlaskit/theme/components';
5
5
  import { getBackground } from './utils';
6
6
  import { commonSVGStyles, sizeStyleMap } from './styles';
7
7
 
8
- // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
8
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
9
9
  var svgStyles = css(commonSVGStyles);
10
10
 
11
11
  /**
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/icon",
3
- "version": "21.12.4",
3
+ "version": "21.12.6",
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.4",
3
+ "version": "21.12.6",
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/"
@@ -25,7 +25,7 @@
25
25
  "homepage": "https://atlassian.design/components/icon/",
26
26
  "atlassian": {
27
27
  "team": "Design System Team",
28
- "releaseModel": "scheduled",
28
+ "releaseModel": "continuous",
29
29
  "website": {
30
30
  "name": "Icon",
31
31
  "category": "Components"
@@ -45,7 +45,7 @@
45
45
  },
46
46
  "dependencies": {
47
47
  "@atlaskit/theme": "^12.5.0",
48
- "@atlaskit/tokens": "^1.5.0",
48
+ "@atlaskit/tokens": "^1.11.0",
49
49
  "@babel/runtime": "^7.0.0",
50
50
  "@emotion/react": "^11.7.1"
51
51
  },
@@ -53,19 +53,11 @@
53
53
  "react": "^16.8.0"
54
54
  },
55
55
  "devDependencies": {
56
+ "@af/accessibility-testing": "*",
56
57
  "@af/icon-build-process": "^0.3.0",
57
- "@atlaskit/button": "^16.7.0",
58
- "@atlaskit/docs": "*",
59
58
  "@atlaskit/ds-lib": "^2.2.0",
60
- "@atlaskit/dynamic-table": "^14.9.0",
61
- "@atlaskit/icon-file-type": "^6.4.0",
62
- "@atlaskit/icon-object": "^6.3.0",
63
59
  "@atlaskit/logo": "^13.14.0",
64
- "@atlaskit/modal-dialog": "^12.5.0",
65
- "@atlaskit/section-message": "^6.4.0",
66
60
  "@atlaskit/ssr": "*",
67
- "@atlaskit/textfield": "^5.5.0",
68
- "@atlaskit/tooltip": "^17.8.0",
69
61
  "@atlaskit/visual-regression": "*",
70
62
  "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
71
63
  "@babel/core": "^7.20.0",
package/report.api.md CHANGED
@@ -8,6 +8,7 @@
8
8
  ### Table of contents
9
9
 
10
10
  - [Main Entry Types](#main-entry-types)
11
+ - [Peer Dependencies](#peer-dependencies)
11
12
 
12
13
  ### Main Entry Types
13
14
 
@@ -97,3 +98,15 @@ export interface SVGProps extends GlyphProps {
97
98
  ```
98
99
 
99
100
  <!--SECTION END: Main Entry Types-->
101
+
102
+ ### Peer Dependencies
103
+
104
+ <!--SECTION START: Peer Dependencies-->
105
+
106
+ ```json
107
+ {
108
+ "react": "^16.8.0"
109
+ }
110
+ ```
111
+
112
+ <!--SECTION END: Peer Dependencies-->