@atlaskit/focus-ring 1.0.7 → 1.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.
Files changed (9) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/cjs/focus-ring.js +6 -6
  3. package/dist/cjs/version.json +1 -1
  4. package/dist/es2019/focus-ring.js +1 -1
  5. package/dist/es2019/version.json +1 -1
  6. package/dist/esm/focus-ring.js +1 -1
  7. package/dist/esm/version.json +1 -1
  8. package/package.json +3 -3
  9. package/report.api.md +4 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/focus-ring
2
2
 
3
+ ## 1.1.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`b5d79ded842`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b5d79ded842) - Updates `@emotion/core` to `@emotion/react`; v10 to v11. There is no expected behavior change.
8
+
3
9
  ## 1.0.7
4
10
 
5
11
  ### Patch Changes
package/dist/cjs/focus-ring.js CHANGED
@@ -7,21 +7,21 @@ exports.default = void 0;
7
7
 
8
8
  var _react = require("react");
9
9
 
10
- var _core = require("@emotion/core");
10
+ var _react2 = require("@emotion/react");
11
11
 
12
12
  var _colors = require("@atlaskit/theme/colors");
13
13
 
14
14
  /** @jsx jsx */
15
15
  var BORDER_WIDTH = 2;
16
- var baseFocusOutsideStyles = (0, _core.css)({
16
+ var baseFocusOutsideStyles = (0, _react2.css)({
17
17
  outline: "".concat(BORDER_WIDTH, "px solid ", "var(--ds-border-focused, ".concat(_colors.B100, ")")),
18
18
  outlineOffset: BORDER_WIDTH
19
19
  });
20
- var baseInsetStyles = (0, _core.css)({
20
+ var baseInsetStyles = (0, _react2.css)({
21
21
  boxShadow: "inset 0px 0px 0px ".concat(BORDER_WIDTH, "px ", "var(--ds-border-focused, ".concat(_colors.B100, ")")),
22
22
  outline: 'none'
23
23
  });
24
- var focusRingStyles = (0, _core.css)({
24
+ var focusRingStyles = (0, _react2.css)({
25
25
  '&:focus-visible': baseFocusOutsideStyles,
26
26
  '@supports not selector(*:focus-visible)': {
27
27
  '&:focus': baseFocusOutsideStyles
@@ -32,7 +32,7 @@ var focusRingStyles = (0, _core.css)({
32
32
  }
33
33
  }
34
34
  });
35
- var insetFocusRingStyles = (0, _core.css)({
35
+ var insetFocusRingStyles = (0, _react2.css)({
36
36
  '&:focus-visible': baseInsetStyles,
37
37
  '@supports not selector(*:focus-visible)': {
38
38
  '&:focus': baseInsetStyles
@@ -70,7 +70,7 @@ var FocusRing = function FocusRing(_ref) {
70
70
  var controlledStyles = isInset ? baseInsetStyles : baseFocusOutsideStyles;
71
71
  var uncontrolledStyles = isInset ? insetFocusRingStyles : focusRingStyles;
72
72
  var focusCls = typeof focus === 'undefined' ? uncontrolledStyles : focus === 'on' && controlledStyles;
73
- return (0, _core.jsx)(_core.ClassNames, null, function (_ref2) {
73
+ return (0, _react2.jsx)(_react2.ClassNames, null, function (_ref2) {
74
74
  var css = _ref2.css,
75
75
  cx = _ref2.cx;
76
76
  return _react.Children.only( // This may look unwieldy but means we skip applying styles / cloning if no className is applicable
package/dist/cjs/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/focus-ring",
3
- "version": "1.0.7",
3
+ "version": "1.1.0",
4
4
  "sideEffects": false
5
5
  }
package/dist/es2019/focus-ring.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /** @jsx jsx */
2
2
  import { Children, cloneElement } from 'react';
3
- import { ClassNames, css, jsx } from '@emotion/core';
3
+ import { ClassNames, css, jsx } from '@emotion/react';
4
4
  import { B100 } from '@atlaskit/theme/colors';
5
5
  const BORDER_WIDTH = 2;
6
6
  const baseFocusOutsideStyles = css({
package/dist/es2019/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/focus-ring",
3
- "version": "1.0.7",
3
+ "version": "1.1.0",
4
4
  "sideEffects": false
5
5
  }
package/dist/esm/focus-ring.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /** @jsx jsx */
2
2
  import { Children, cloneElement } from 'react';
3
- import { ClassNames, css, jsx } from '@emotion/core';
3
+ import { ClassNames, css, jsx } from '@emotion/react';
4
4
  import { B100 } from '@atlaskit/theme/colors';
5
5
  var BORDER_WIDTH = 2;
6
6
  var baseFocusOutsideStyles = css({
package/dist/esm/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/focus-ring",
3
- "version": "1.0.7",
3
+ "version": "1.1.0",
4
4
  "sideEffects": false
5
5
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/focus-ring",
3
- "version": "1.0.7",
3
+ "version": "1.1.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",
@@ -36,7 +36,7 @@
36
36
  "@atlaskit/theme": "^12.2.0",
37
37
  "@atlaskit/tokens": "^0.10.0",
38
38
  "@babel/runtime": "^7.0.0",
39
- "@emotion/core": "^10.0.9"
39
+ "@emotion/react": "^11.7.1"
40
40
  },
41
41
  "peerDependencies": {
42
42
  "react": "^16.8.0"
@@ -46,7 +46,7 @@
46
46
  "@atlaskit/docs": "*",
47
47
  "@atlaskit/progress-indicator": "^9.3.0",
48
48
  "@atlaskit/ssr": "*",
49
- "@atlaskit/textfield": "^5.2.0",
49
+ "@atlaskit/textfield": "^5.3.0",
50
50
  "@atlaskit/visual-regression": "*",
51
51
  "@atlaskit/visually-hidden": "^1.1.0",
52
52
  "@atlaskit/webdriver-runner": "*",
package/report.api.md CHANGED
@@ -1,6 +1,8 @@
1
- ## API Report File for "@atlaskit/focus-ring"
1
+ ## API Report File for "@atlaskit/focus-ring".
2
2
 
3
- > Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
3
+ > Do not edit this file. This report is auto-generated by [API Extractor](https://api-extractor.com/).
4
+
5
+ [Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
4
6
 
5
7
  ````ts
6
8
  import { FC } from 'react';