@atlaskit/focus-ring 1.2.2 → 1.2.4

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/focus-ring
 
+## 1.2.4
+
+### Patch Changes
+
+- Updated dependencies
+
+## 1.2.3
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 1.2.2
 
 ### Patch Changes

package/dist/cjs/focus-ring.js

@@ -4,12 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
 var _react2 = require("@emotion/react");
-
 /** @jsx jsx */
+
 var BORDER_WIDTH = 2;
 var baseFocusOutsideStyles = (0, _react2.css)({
   outline: "".concat(BORDER_WIDTH, "px solid ", "var(--ds-border-focused, #4C9AFF)"),
@@ -44,6 +42,7 @@ var insetFocusRingStyles = (0, _react2.css)({
     }
   }
 });
+
 /**
  * __Focus ring__
  *
@@ -62,18 +61,18 @@ var insetFocusRingStyles = (0, _react2.css)({
  * )
  * ```
  */
-
 var FocusRing = function FocusRing(_ref) {
   var children = _ref.children,
-      isInset = _ref.isInset,
-      focus = _ref.focus;
+    isInset = _ref.isInset,
+    focus = _ref.focus;
   var controlledStyles = isInset ? baseInsetStyles : baseFocusOutsideStyles;
   var uncontrolledStyles = isInset ? insetFocusRingStyles : focusRingStyles;
   var focusCls = typeof focus === 'undefined' ? uncontrolledStyles : focus === 'on' && controlledStyles;
   return (0, _react2.jsx)(_react2.ClassNames, null, function (_ref2) {
     var css = _ref2.css,
-        cx = _ref2.cx;
-    return _react.Children.only( // This may look unwieldy but means we skip applying styles / cloning if no className is applicable
+      cx = _ref2.cx;
+    return _react.Children.only(
+    // This may look unwieldy but means we skip applying styles / cloning if no className is applicable
     focusCls ?
     /*#__PURE__*/
     // eslint-disable-next-line @repo/internal/react/no-clone-element
@@ -82,6 +81,5 @@ var FocusRing = function FocusRing(_ref) {
     }) : children);
   });
 };
-
 var _default = FocusRing;
 exports.default = _default;

package/dist/cjs/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -17,7 +16,5 @@ Object.defineProperty(exports, "useFocusRing", {
     return _useFocusRing.default;
   }
 });
-
 var _focusRing = _interopRequireDefault(require("./focus-ring"));
-
 var _useFocusRing = _interopRequireDefault(require("./use-focus-ring"));

package/dist/cjs/use-focus-ring.js

@@ -1,16 +1,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = require("react");
-
 /**
  * __Use focus ring__
  *
@@ -41,12 +37,10 @@ var _react = require("react");
  */
 var useFocusRing = function useFocusRing() {
   var initialState = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'off';
-
   var _useState = (0, _react.useState)(initialState),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      focusState = _useState2[0],
-      setFocusState = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    focusState = _useState2[0],
+    setFocusState = _useState2[1];
   var focusProps = (0, _react.useRef)({
     onFocus: function onFocus() {
       return setFocusState('on');
@@ -60,6 +54,5 @@ var useFocusRing = function useFocusRing() {
     focusProps: focusProps.current
   };
 };
-
 var _default = useFocusRing;
 exports.default = _default;

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/focus-ring",
-	"version": "1.2.2",
+	"version": "1.2.4",
 	"sideEffects": false
 }

package/dist/es2019/focus-ring.js

@@ -35,6 +35,7 @@ const insetFocusRingStyles = css({
     }
   }
 });
+
 /**
  * __Focus ring__
  *
@@ -53,7 +54,6 @@ const insetFocusRingStyles = css({
  * )
  * ```
  */
-
 const FocusRing = ({
   children,
   isInset,
@@ -65,7 +65,8 @@ const FocusRing = ({
   return jsx(ClassNames, null, ({
     css,
     cx
-  }) => Children.only( // This may look unwieldy but means we skip applying styles / cloning if no className is applicable
+  }) => Children.only(
+  // This may look unwieldy but means we skip applying styles / cloning if no className is applicable
   focusCls ?
   /*#__PURE__*/
   // eslint-disable-next-line @repo/internal/react/no-clone-element
@@ -73,5 +74,4 @@ const FocusRing = ({
     className: cx([css(focusCls), children.props.className])
   }) : children));
 };
-
 export default FocusRing;

package/dist/es2019/use-focus-ring.js

@@ -1,5 +1,4 @@
 import { useRef, useState } from 'react';
-
 /**
  * __Use focus ring__
  *
@@ -39,5 +38,4 @@ const useFocusRing = (initialState = 'off') => {
     focusProps: focusProps.current
   };
 };
-
 export default useFocusRing;

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/focus-ring",
-	"version": "1.2.2",
+	"version": "1.2.4",
 	"sideEffects": false
 }

package/dist/esm/focus-ring.js

@@ -35,6 +35,7 @@ var insetFocusRingStyles = css({
     }
   }
 });
+
 /**
  * __Focus ring__
  *
@@ -53,18 +54,18 @@ var insetFocusRingStyles = css({
  * )
  * ```
  */
-
 var FocusRing = function FocusRing(_ref) {
   var children = _ref.children,
-      isInset = _ref.isInset,
-      focus = _ref.focus;
+    isInset = _ref.isInset,
+    focus = _ref.focus;
   var controlledStyles = isInset ? baseInsetStyles : baseFocusOutsideStyles;
   var uncontrolledStyles = isInset ? insetFocusRingStyles : focusRingStyles;
   var focusCls = typeof focus === 'undefined' ? uncontrolledStyles : focus === 'on' && controlledStyles;
   return jsx(ClassNames, null, function (_ref2) {
     var css = _ref2.css,
-        cx = _ref2.cx;
-    return Children.only( // This may look unwieldy but means we skip applying styles / cloning if no className is applicable
+      cx = _ref2.cx;
+    return Children.only(
+    // This may look unwieldy but means we skip applying styles / cloning if no className is applicable
     focusCls ?
     /*#__PURE__*/
     // eslint-disable-next-line @repo/internal/react/no-clone-element
@@ -73,5 +74,4 @@ var FocusRing = function FocusRing(_ref) {
     }) : children);
   });
 };
-
 export default FocusRing;

package/dist/esm/use-focus-ring.js

@@ -1,6 +1,5 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { useRef, useState } from 'react';
-
 /**
  * __Use focus ring__
  *
@@ -31,12 +30,10 @@ import { useRef, useState } from 'react';
  */
 var useFocusRing = function useFocusRing() {
   var initialState = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'off';
-
   var _useState = useState(initialState),
-      _useState2 = _slicedToArray(_useState, 2),
-      focusState = _useState2[0],
-      setFocusState = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    focusState = _useState2[0],
+    setFocusState = _useState2[1];
   var focusProps = useRef({
     onFocus: function onFocus() {
       return setFocusState('on');
@@ -50,5 +47,4 @@ var useFocusRing = function useFocusRing() {
     focusProps: focusProps.current
   };
 };
-
 export default useFocusRing;

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/focus-ring",
-	"version": "1.2.2",
+	"version": "1.2.4",
 	"sideEffects": false
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/focus-ring",
-  "version": "1.2.2",
+  "version": "1.2.4",
   "description": "A focus ring is used to indicate the currently focused item.",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -27,7 +27,7 @@
     ".": "./src/index.tsx"
   },
   "dependencies": {
-    "@atlaskit/tokens": "^0.12.0",
+    "@atlaskit/tokens": "^1.0.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1"
   },

package/report.api.md

@@ -1,4 +1,4 @@
-<!-- API Report Version: 2.2 -->
+<!-- API Report Version: 2.3 -->
 
 ## API Report File for "@atlaskit/focus-ring"