@atlaskit/focus-ring 1.3.6 → 1.3.8

package/CHANGELOG.md

@@ -1,46 +1,58 @@
 # @atlaskit/focus-ring
 
+## 1.3.8
+
+### Patch Changes
+
+- [#83116](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/83116) [`8d4e99057fe0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8d4e99057fe0) - Upgrade Typescript from `4.9.5` to `5.4.2`
+
+## 1.3.7
+
+### Patch Changes
+
+- [#72130](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/72130) [`b037e5451037`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b037e5451037) - Update new button text color fallback for default theme (non-token) to match that of old button current text color
+
 ## 1.3.6
 
 ### Patch Changes
 
-- [`1e90520801a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1e90520801a) - Added this package into push model consumption.
+- [#39309](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/39309) [`1e90520801a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1e90520801a) - Added this package into push model consumption.
 
 ## 1.3.5
 
 ### Patch Changes
 
-- [`63ee052ee1b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/63ee052ee1b) - Fix focus-ring border width token with `border.width.outline`
+- [#38098](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/38098) [`63ee052ee1b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/63ee052ee1b) - Fix focus-ring border width token with `border.width.outline`
 
 ## 1.3.4
 
 ### Patch Changes
 
-- [`ce22a54e852`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ce22a54e852) - [ux] update focus ring outline border.focused fallback to B200 to meet contrast
+- [#37186](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/37186) [`ce22a54e852`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ce22a54e852) - [ux] update focus ring outline border.focused fallback to B200 to meet contrast
 
 ## 1.3.3
 
 ### Patch Changes
 
-- [`b1bdec7cce2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b1bdec7cce2) - Internal change to enforce token usage for spacing properties. There is no expected visual or behaviour change.
+- [#32935](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/32935) [`b1bdec7cce2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b1bdec7cce2) - Internal change to enforce token usage for spacing properties. There is no expected visual or behaviour change.
 
 ## 1.3.2
 
 ### Patch Changes
 
-- [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure legacy types are published for TS 4.5-4.8
+- [#33793](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33793) [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure legacy types are published for TS 4.5-4.8
 
 ## 1.3.1
 
 ### Patch Changes
 
-- [`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) - Upgrade Typescript from `4.5.5` to `4.9.5`
+- [#33649](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33649) [`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) - Upgrade Typescript from `4.5.5` to `4.9.5`
 
 ## 1.3.0
 
 ### Minor Changes
 
-- [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip minor dependency bump
+- [#33258](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33258) [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip minor dependency bump
 
 ### Patch Changes
 
@@ -50,13 +62,13 @@
 
 ### Patch Changes
 
-- [`c23cf0b085d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c23cf0b085d) - Adds display name to component for React devtools debugging.
+- [#31299](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/31299) [`c23cf0b085d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c23cf0b085d) - Adds display name to component for React devtools debugging.
 
 ## 1.2.5
 
 ### Patch Changes
 
-- [`7f5f23dcb68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7f5f23dcb68) - Introduce shape tokens to some packages.
+- [#30125](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/30125) [`7f5f23dcb68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7f5f23dcb68) - Introduce shape tokens to some packages.
 
 ## 1.2.4
 
@@ -86,25 +98,25 @@
 
 ### Minor Changes
 
-- [`71bf011db22`](https://bitbucket.org/atlassian/atlassian-frontend/commits/71bf011db22) - Focus ring inset styles are now applied via outline - consistent with offset styles.
+- [#26244](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/26244) [`71bf011db22`](https://bitbucket.org/atlassian/atlassian-frontend/commits/71bf011db22) - Focus ring inset styles are now applied via outline - consistent with offset styles.
 
 ## 1.1.0
 
 ### Minor Changes
 
-- [`b5d79ded842`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b5d79ded842) - Updates `@emotion/core` to `@emotion/react`; v10 to v11. There is no expected behavior change.
+- [#24710](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24710) [`b5d79ded842`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b5d79ded842) - Updates `@emotion/core` to `@emotion/react`; v10 to v11. There is no expected behavior change.
 
 ## 1.0.7
 
 ### Patch Changes
 
-- [`8cc2f888c83`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8cc2f888c83) - Upgrade Typescript from `4.3.5` to `4.5.5`
+- [#24874](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24874) [`8cc2f888c83`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8cc2f888c83) - Upgrade Typescript from `4.3.5` to `4.5.5`
 
 ## 1.0.6
 
 ### Patch Changes
 
-- [`8d4228767b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8d4228767b0) - Upgrade Typescript from `4.2.4` to `4.3.5`.
+- [#24492](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24492) [`8d4228767b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8d4228767b0) - Upgrade Typescript from `4.2.4` to `4.3.5`.
 
 ## 1.0.5
 
@@ -116,7 +128,7 @@
 
 ### Patch Changes
 
-- [`cb2392f6d33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb2392f6d33) - Upgrade to TypeScript 4.2.4
+- [#20650](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/20650) [`cb2392f6d33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb2392f6d33) - Upgrade to TypeScript 4.2.4
 
 ## 1.0.3
 
@@ -140,7 +152,7 @@
 
 ### Major Changes
 
-- [`3e1a93c6b67`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3e1a93c6b67) - Releases FocusRing to v1.
+- [#16752](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/16752) [`3e1a93c6b67`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3e1a93c6b67) - Releases FocusRing to v1.
 
 ### Minor Changes
 
@@ -164,21 +176,21 @@
 
 ### Patch Changes
 
-- [`f460cc7c411`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f460cc7c411) - Builds for this package now pass through a tokens babel plugin, removing runtime invocations of the tokens() function and improving bundle size.
+- [#15998](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/15998) [`f460cc7c411`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f460cc7c411) - Builds for this package now pass through a tokens babel plugin, removing runtime invocations of the tokens() function and improving bundle size.
 - Updated dependencies
 
 ## 0.2.4
 
 ### Patch Changes
 
-- [`6c1c909296d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6c1c909296d) - [ux] When composing elements that define class name they will now be correctly retained.
+- [#14777](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/14777) [`6c1c909296d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6c1c909296d) - [ux] When composing elements that define class name they will now be correctly retained.
 - Updated dependencies
 
 ## 0.2.3
 
 ### Patch Changes
 
-- [`34282240102`](https://bitbucket.org/atlassian/atlassian-frontend/commits/34282240102) - Adds explicit type to button usages components.
+- [#15632](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/15632) [`34282240102`](https://bitbucket.org/atlassian/atlassian-frontend/commits/34282240102) - Adds explicit type to button usages components.
 
 ## 0.2.2
 
@@ -196,7 +208,7 @@
 
 ### Minor Changes
 
-- [`c765dce3afb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c765dce3afb) - [ux] Focus Ring now exposes an additional prop `isInset` to support inset focus states; for example on inputs, or textfields.
+- [#13302](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/13302) [`c765dce3afb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c765dce3afb) - [ux] Focus Ring now exposes an additional prop `isInset` to support inset focus states; for example on inputs, or textfields.
 - [`0dac09c47b6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0dac09c47b6) - [ux] Colors are now sourced through tokens.
 
 ### Patch Changes
@@ -207,13 +219,13 @@
 
 ### Patch Changes
 
-- [`9c9296f2959`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9c9296f2959) - Fix bug where the package was being exported from the wrong file.
+- [#13232](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/13232) [`9c9296f2959`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9c9296f2959) - Fix bug where the package was being exported from the wrong file.
 
 ## 0.1.0
 
 ### Minor Changes
 
-- [`5ab09801cfa`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5ab09801cfa) - [ux] Updates focus-ring to use an offset box-shadow for its focus state.
+- [#12837](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/12837) [`5ab09801cfa`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5ab09801cfa) - [ux] Updates focus-ring to use an offset box-shadow for its focus state.
 - [`adaa7913de0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/adaa7913de0) - Initial release for the package. A Focus Ring can be used to compose focusable elements with a simple composable API.
 
 ### Patch Changes
@@ -224,19 +236,19 @@
 
 ### Patch Changes
 
-- [`229b32842b5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/229b32842b5) - Fix .npmignore and tsconfig.json for **tests**
+- [#8306](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/8306) [`229b32842b5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/229b32842b5) - Fix .npmignore and tsconfig.json for **tests**
 
 ## 0.0.3
 
 ### Patch Changes
 
-- [`d3265f19be`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d3265f19be) - Transpile packages using babel rather than tsc
+- [#5857](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5857) [`d3265f19be`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d3265f19be) - Transpile packages using babel rather than tsc
 
 ## 0.0.2
 
 ### Patch Changes
 
-- [`5f58283e1f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5f58283e1f) - Export types using Typescript's new "export type" syntax to satisfy Typescript's --isolatedModules compiler option.
+- [#5497](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5497) [`5f58283e1f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5f58283e1f) - Export types using Typescript's new "export type" syntax to satisfy Typescript's --isolatedModules compiler option.
   This requires version 3.8 of Typescript, read more about how we handle Typescript versions here: https://atlaskit.atlassian.com/get-started
   Also add `typescript` to `devDependencies` to denote version that the package was built with.
 
@@ -244,4 +256,4 @@
 
 ### Patch Changes
 
-- [`b443b5a60f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b443b5a60f) - Renamed template package
+- [#4967](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/4967) [`b443b5a60f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b443b5a60f) - Renamed template package

package/README.md

@@ -2,8 +2,6 @@
 
 A focus ring is used to visually indicate the currently focused item.
 
-This component has accessibility issues that we are working to resolve. Do not use without support from the Atlassian Design System accessibility team.
-
 ## Usage
 
 `import FocusRing from '@atlaskit/focus-ring';`

package/constellation/index/examples.mdx

@@ -9,5 +9,3 @@ import FocusRingDefault from '../../examples/constellation/focus-ring-default';
 A focus ring is used to indicate the currently focused item.
 
 <Example Component={FocusRingDefault} packageName="@atlaskit/focus-ring" />
-
-

package/dist/cjs/focus-ring.js

@@ -48,9 +48,6 @@ var insetFocusRingStyles = (0, _react2.css)({
  *
  * A focus ring visually indicates the currently focused item.
  *
- * There are known accessibility issues with this component.
- * Do not use without assistance from the Design System accessibility team.
- *
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/focus-ring)
  *
  * @example
@@ -85,5 +82,4 @@ var FocusRing = /*#__PURE__*/(0, _react.memo)(function (_ref) {
   });
 });
 FocusRing.displayName = 'FocusRing';
-var _default = FocusRing;
-exports.default = _default;
+var _default = exports.default = FocusRing;

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

@@ -10,9 +10,6 @@ var _react = require("react");
 /**
  * __Use focus ring__
  *
- * This component has accessibility issues that we are working to resolve.
- * Do not use without support from the Atlassian Design System accessibility team.
- *
  * The useFocusRing hook manages focus in the rare cases where the focus ring’s visual application and the element that takes focus differ.
  * This is not typically a good practice for accessibility, so don’t do this unless you’ve consulted with the accessibility team.
  *
@@ -36,5 +33,4 @@ var useFocusRing = function useFocusRing() {
     focusProps: focusProps.current
   };
 };
-var _default = useFocusRing;
-exports.default = _default;
+var _default = exports.default = useFocusRing;

package/dist/es2019/focus-ring.js

@@ -41,9 +41,6 @@ const insetFocusRingStyles = css({
  *
  * A focus ring visually indicates the currently focused item.
  *
- * There are known accessibility issues with this component.
- * Do not use without assistance from the Design System accessibility team.
- *
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/focus-ring)
  *
  * @example

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

@@ -2,9 +2,6 @@ import { useRef, useState } from 'react';
 /**
  * __Use focus ring__
  *
- * This component has accessibility issues that we are working to resolve.
- * Do not use without support from the Atlassian Design System accessibility team.
- *
  * The useFocusRing hook manages focus in the rare cases where the focus ring’s visual application and the element that takes focus differ.
  * This is not typically a good practice for accessibility, so don’t do this unless you’ve consulted with the accessibility team.
  *

package/dist/esm/focus-ring.js

@@ -41,9 +41,6 @@ var insetFocusRingStyles = css({
  *
  * A focus ring visually indicates the currently focused item.
  *
- * There are known accessibility issues with this component.
- * Do not use without assistance from the Design System accessibility team.
- *
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/focus-ring)
  *
  * @example

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

@@ -3,9 +3,6 @@ import { useRef, useState } from 'react';
 /**
  * __Use focus ring__
  *
- * This component has accessibility issues that we are working to resolve.
- * Do not use without support from the Atlassian Design System accessibility team.
- *
  * The useFocusRing hook manages focus in the rare cases where the focus ring’s visual application and the element that takes focus differ.
  * This is not typically a good practice for accessibility, so don’t do this unless you’ve consulted with the accessibility team.
  *

package/dist/types/focus-ring.d.ts

@@ -6,9 +6,6 @@ import type { FocusRingProps } from './types';
  *
  * A focus ring visually indicates the currently focused item.
  *
- * There are known accessibility issues with this component.
- * Do not use without assistance from the Design System accessibility team.
- *
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/focus-ring)
  *
  * @example

package/dist/types/use-focus-ring.d.ts

@@ -2,9 +2,6 @@ import type { FocusEventHandlers, FocusState } from './types';
 /**
  * __Use focus ring__
  *
- * This component has accessibility issues that we are working to resolve.
- * Do not use without support from the Atlassian Design System accessibility team.
- *
  * The useFocusRing hook manages focus in the rare cases where the focus ring’s visual application and the element that takes focus differ.
  * This is not typically a good practice for accessibility, so don’t do this unless you’ve consulted with the accessibility team.
  *

package/dist/types-ts4.5/focus-ring.d.ts

@@ -6,9 +6,6 @@ import type { FocusRingProps } from './types';
  *
  * A focus ring visually indicates the currently focused item.
  *
- * There are known accessibility issues with this component.
- * Do not use without assistance from the Design System accessibility team.
- *
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/focus-ring)
  *
  * @example

package/dist/types-ts4.5/use-focus-ring.d.ts

@@ -2,9 +2,6 @@ import type { FocusEventHandlers, FocusState } from './types';
 /**
  * __Use focus ring__
  *
- * This component has accessibility issues that we are working to resolve.
- * Do not use without support from the Atlassian Design System accessibility team.
- *
  * The useFocusRing hook manages focus in the rare cases where the focus ring’s visual application and the element that takes focus differ.
  * This is not typically a good practice for accessibility, so don’t do this unless you’ve consulted with the accessibility team.
  *

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/focus-ring",
-  "version": "1.3.6",
+  "version": "1.3.8",
   "description": "A focus ring is used to indicate the currently focused item.",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -37,7 +37,7 @@
     ".": "./src/index.tsx"
   },
   "dependencies": {
-    "@atlaskit/tokens": "^1.18.0",
+    "@atlaskit/tokens": "^1.42.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1"
   },
@@ -46,11 +46,11 @@
   },
   "devDependencies": {
     "@af/accessibility-testing": "*",
-    "@atlaskit/visual-regression": "*",
+    "@af/visual-regression": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.0": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.0",
     "@testing-library/react": "^12.1.5",
     "react-dom": "^16.8.0",
-    "typescript": "~4.9.5",
+    "typescript": "~5.4.2",
     "wait-for-expect": "^1.2.0"
   },
   "techstack": {
@@ -76,4 +76,4 @@
   },
   "homepage": "https://atlaskit.atlassian.com/packages/design-system/focus-ring",
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.0"
-}
+}

package/tmp/api-report-tmp.d.ts

@@ -1,41 +0,0 @@
-## API Report File for "@atlaskit/focus-ring"
-
-> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
-
-```ts
-
-import { FC } from 'react';
-import type { FocusEventHandler } from 'react';
-import type { ReactElement } from 'react';
-
-// @public (undocumented)
-export interface FocusEventHandlers {
-    // (undocumented)
-    onBlur: FocusEventHandler;
-    // (undocumented)
-    onFocus: FocusEventHandler;
-}
-
-// @public
-const FocusRing: FC<FocusRingProps>;
-export default FocusRing;
-
-// @public (undocumented)
-export interface FocusRingProps {
-    children: ReactElement;
-    focus?: FocusState;
-    isInset?: boolean;
-}
-
-// @public (undocumented)
-export type FocusState = 'off' | 'on';
-
-// @public
-export const useFocusRing: (initialState?: FocusState) => {
-    readonly focusState: "off" | "on";
-    readonly focusProps: FocusEventHandlers;
-};
-
-// (No @packageDocumentation comment for this package)
-
-```