@atlaskit/focus-ring 1.2.5 → 1.3.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 (10) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/cjs/focus-ring.js +4 -3
  3. package/dist/cjs/version.json +1 -1
  4. package/dist/es2019/focus-ring.js +5 -4
  5. package/dist/es2019/version.json +1 -1
  6. package/dist/esm/focus-ring.js +5 -4
  7. package/dist/esm/version.json +1 -1
  8. package/dist/types/focus-ring.d.ts +1 -1
  9. package/package.json +7 -8
  10. package/report.api.md +13 -0
package/CHANGELOG.md CHANGED
@@ -1,5 +1,21 @@
1
1
  # @atlaskit/focus-ring
2
2
 
3
+ ## 1.3.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip minor dependency bump
8
+
9
+ ### Patch Changes
10
+
11
+ - Updated dependencies
12
+
13
+ ## 1.2.6
14
+
15
+ ### Patch Changes
16
+
17
+ - [`c23cf0b085d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c23cf0b085d) - Adds display name to component for React devtools debugging.
18
+
3
19
  ## 1.2.5
4
20
 
5
21
  ### Patch Changes
package/dist/cjs/focus-ring.js CHANGED
@@ -49,7 +49,7 @@ var insetFocusRingStyles = (0, _react2.css)({
49
49
  * A focus ring visually indicates the currently focused item.
50
50
  *
51
51
  * There are known accessibility issues with this component.
52
- * Do not use without assisitance from the Design System accessibility team.
52
+ * Do not use without assistance from the Design System accessibility team.
53
53
  *
54
54
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/focus-ring)
55
55
  *
@@ -64,7 +64,7 @@ var insetFocusRingStyles = (0, _react2.css)({
64
64
  * )
65
65
  * ```
66
66
  */
67
- var FocusRing = function FocusRing(_ref) {
67
+ var FocusRing = /*#__PURE__*/(0, _react.memo)(function (_ref) {
68
68
  var children = _ref.children,
69
69
  isInset = _ref.isInset,
70
70
  focus = _ref.focus;
@@ -83,6 +83,7 @@ var FocusRing = function FocusRing(_ref) {
83
83
  className: cx([css(focusCls), children.props.className])
84
84
  }) : children);
85
85
  });
86
- };
86
+ });
87
+ FocusRing.displayName = 'FocusRing';
87
88
  var _default = FocusRing;
88
89
  exports.default = _default;
package/dist/cjs/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/focus-ring",
3
- "version": "1.2.5",
3
+ "version": "1.3.0",
4
4
  "sideEffects": false
5
5
  }
package/dist/es2019/focus-ring.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /** @jsx jsx */
2
- import { Children, cloneElement } from 'react';
2
+ import { Children, cloneElement, memo } from 'react';
3
3
  import { ClassNames, css, jsx } from '@emotion/react';
4
4
  const BORDER_WIDTH = 2;
5
5
  const baseFocusOutsideStyles = css({
@@ -42,7 +42,7 @@ const insetFocusRingStyles = css({
42
42
  * A focus ring visually indicates the currently focused item.
43
43
  *
44
44
  * There are known accessibility issues with this component.
45
- * Do not use without assisitance from the Design System accessibility team.
45
+ * Do not use without assistance from the Design System accessibility team.
46
46
  *
47
47
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/focus-ring)
48
48
  *
@@ -57,7 +57,7 @@ const insetFocusRingStyles = css({
57
57
  * )
58
58
  * ```
59
59
  */
60
- const FocusRing = ({
60
+ const FocusRing = /*#__PURE__*/memo(({
61
61
  children,
62
62
  isInset,
63
63
  focus
@@ -76,5 +76,6 @@ const FocusRing = ({
76
76
  cloneElement(children, {
77
77
  className: cx([css(focusCls), children.props.className])
78
78
  }) : children));
79
- };
79
+ });
80
+ FocusRing.displayName = 'FocusRing';
80
81
  export default FocusRing;
package/dist/es2019/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/focus-ring",
3
- "version": "1.2.5",
3
+ "version": "1.3.0",
4
4
  "sideEffects": false
5
5
  }
package/dist/esm/focus-ring.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /** @jsx jsx */
2
- import { Children, cloneElement } from 'react';
2
+ import { Children, cloneElement, memo } from 'react';
3
3
  import { ClassNames, css, jsx } from '@emotion/react';
4
4
  var BORDER_WIDTH = 2;
5
5
  var baseFocusOutsideStyles = css({
@@ -42,7 +42,7 @@ var insetFocusRingStyles = css({
42
42
  * A focus ring visually indicates the currently focused item.
43
43
  *
44
44
  * There are known accessibility issues with this component.
45
- * Do not use without assisitance from the Design System accessibility team.
45
+ * Do not use without assistance from the Design System accessibility team.
46
46
  *
47
47
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/focus-ring)
48
48
  *
@@ -57,7 +57,7 @@ var insetFocusRingStyles = css({
57
57
  * )
58
58
  * ```
59
59
  */
60
- var FocusRing = function FocusRing(_ref) {
60
+ var FocusRing = /*#__PURE__*/memo(function (_ref) {
61
61
  var children = _ref.children,
62
62
  isInset = _ref.isInset,
63
63
  focus = _ref.focus;
@@ -76,5 +76,6 @@ var FocusRing = function FocusRing(_ref) {
76
76
  className: cx([css(focusCls), children.props.className])
77
77
  }) : children);
78
78
  });
79
- };
79
+ });
80
+ FocusRing.displayName = 'FocusRing';
80
81
  export default FocusRing;
package/dist/esm/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/focus-ring",
3
- "version": "1.2.5",
3
+ "version": "1.3.0",
4
4
  "sideEffects": false
5
5
  }
package/dist/types/focus-ring.d.ts CHANGED
@@ -7,7 +7,7 @@ import type { FocusRingProps } from './types';
7
7
  * A focus ring visually indicates the currently focused item.
8
8
  *
9
9
  * There are known accessibility issues with this component.
10
- * Do not use without assisitance from the Design System accessibility team.
10
+ * Do not use without assistance from the Design System accessibility team.
11
11
  *
12
12
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/focus-ring)
13
13
  *
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/focus-ring",
3
- "version": "1.2.5",
3
+ "version": "1.3.0",
4
4
  "description": "A focus ring is used to indicate the currently focused item.",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -8,7 +8,6 @@
8
8
  "registry": "https://registry.npmjs.org/"
9
9
  },
10
10
  "atlassian": {
11
- "disableProductCI": true,
12
11
  "team": "Design System Team",
13
12
  "releaseModel": "scheduled",
14
13
  "website": {
@@ -27,7 +26,7 @@
27
26
  ".": "./src/index.tsx"
28
27
  },
29
28
  "dependencies": {
30
- "@atlaskit/tokens": "^1.2.0",
29
+ "@atlaskit/tokens": "^1.3.0",
31
30
  "@babel/runtime": "^7.0.0",
32
31
  "@emotion/react": "^11.7.1"
33
32
  },
@@ -35,14 +34,14 @@
35
34
  "react": "^16.8.0"
36
35
  },
37
36
  "devDependencies": {
38
- "@atlaskit/button": "^16.5.0",
37
+ "@atlaskit/button": "^16.7.0",
39
38
  "@atlaskit/docs": "*",
40
- "@atlaskit/progress-indicator": "^9.4.0",
41
- "@atlaskit/section-message": "^6.3.10",
39
+ "@atlaskit/progress-indicator": "^9.5.0",
40
+ "@atlaskit/section-message": "^6.4.0",
42
41
  "@atlaskit/ssr": "*",
43
- "@atlaskit/textfield": "^5.3.0",
42
+ "@atlaskit/textfield": "^5.4.0",
44
43
  "@atlaskit/visual-regression": "*",
45
- "@atlaskit/visually-hidden": "^1.1.0",
44
+ "@atlaskit/visually-hidden": "^1.2.0",
46
45
  "@atlaskit/webdriver-runner": "*",
47
46
  "@atlassian/atlassian-frontend-prettier-config-1.0.0": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.0",
48
47
  "@testing-library/react": "^12.1.5",
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
 
@@ -50,3 +51,15 @@ export const useFocusRing: (initialState?: FocusState) => {
50
51
  ```
51
52
 
52
53
  <!--SECTION END: Main Entry Types-->
54
+
55
+ ### Peer Dependencies
56
+
57
+ <!--SECTION START: Peer Dependencies-->
58
+
59
+ ```json
60
+ {
61
+ "react": "^16.8.0"
62
+ }
63
+ ```
64
+
65
+ <!--SECTION END: Peer Dependencies-->