@atlaskit/focus-ring 3.0.14 → 4.0.0

package/CHANGELOG.md

@@ -1,5 +1,42 @@
 # @atlaskit/focus-ring
 
+## 4.0.0
+
+### Major Changes
+
+- [`f2dc9097319f0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f2dc9097319f0) - ###
+  Dropped support for _legacy_ Typescript 4 types. **Typescript 5 is now the new minimum**.
+
+  Removes the `typesVersions` property and `dist/types-ts4.5` directory from the dist.
+
+  Types are now exclusively via the `"types": "dist/types/index.d.ts"` property.
+
+  ```diff
+  - "typesVersions": {
+  -    ">=4.5 <4.9": {
+  -        "*": [
+  -            "dist/types-ts4.5/*",
+  -            "dist/types-ts4.5/index.d.ts"
+  -        ]
+  -    }
+  - },
+  ```
+
+### Patch Changes
+
+- Updated dependencies
+
+## 3.1.0
+
+### Minor Changes
+
+- [`e9ea3d59f41a8`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e9ea3d59f41a8) -
+  Autofix: add explicit package exports (barrel removal)
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 3.0.14
 
 ### Patch Changes

package/dist/cjs/entry-points/focus-ring.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _focusRing.default;
+  }
+});
+var _focusRing = _interopRequireDefault(require("../focus-ring"));

package/dist/cjs/entry-points/types.js

@@ -0,0 +1 @@
+"use strict";

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

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "useFocusRing", {
+  enumerable: true,
+  get: function get() {
+    return _useFocusRing.default;
+  }
+});
+var _useFocusRing = _interopRequireDefault(require("../use-focus-ring"));

package/dist/es2019/entry-points/focus-ring.js

@@ -0,0 +1 @@
+export { default } from '../focus-ring';

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

@@ -0,0 +1 @@
+export { default as useFocusRing } from '../use-focus-ring';

package/dist/esm/entry-points/focus-ring.js

@@ -0,0 +1 @@
+export { default } from '../focus-ring';

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

@@ -0,0 +1 @@
+export { default as useFocusRing } from '../use-focus-ring';

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

@@ -0,0 +1 @@
+export { default } from '../focus-ring';

package/dist/types/entry-points/types.d.ts

@@ -0,0 +1 @@
+export type { FocusRingProps, FocusEventHandlers, FocusState } from '../types';

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

@@ -0,0 +1 @@
+export { default as useFocusRing } from '../use-focus-ring';

package/focus-ring/package.json

@@ -0,0 +1,10 @@
+{
+  "name": "@atlaskit/focus-ring/focus-ring",
+  "main": "../dist/cjs/entry-points/focus-ring.js",
+  "module": "../dist/esm/entry-points/focus-ring.js",
+  "module:es2019": "../dist/es2019/entry-points/focus-ring.js",
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
+  "types": "../dist/types/entry-points/focus-ring.d.ts"
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/focus-ring",
-	"version": "3.0.14",
+	"version": "4.0.0",
 	"description": "A focus ring clearly indicates which item has keyboard focus.",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -36,20 +36,12 @@
 	"module": "dist/esm/index.js",
 	"module:es2019": "dist/es2019/index.js",
 	"types": "dist/types/index.d.ts",
-	"typesVersions": {
-		">=4.5 <4.9": {
-			"*": [
-				"dist/types-ts4.5/*",
-				"dist/types-ts4.5/index.d.ts"
-			]
-		}
-	},
 	"sideEffects": [
 		"**/*.compiled.css"
 	],
 	"atlaskit:src": "src/index.tsx",
 	"dependencies": {
-		"@atlaskit/tokens": "^13.0.0",
+		"@atlaskit/tokens": "^14.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1"
 	},
@@ -60,12 +52,13 @@
 		"@af/accessibility-testing": "workspace:^",
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
-		"@atlaskit/button": "^23.11.0",
-		"@atlaskit/docs": "^11.7.0",
-		"@atlaskit/primitives": "^19.0.0",
-		"@atlaskit/textfield": "^8.3.0",
+		"@atlaskit/button": "^24.0.0",
+		"@atlaskit/docs": "^12.0.0",
+		"@atlaskit/primitives": "^20.0.0",
+		"@atlaskit/textfield": "^9.0.0",
 		"@atlassian/react-compiler-gating": "workspace:^",
 		"@testing-library/react": "^16.3.0",
+		"react": "^18.2.0",
 		"react-dom": "^18.2.0"
 	},
 	"techstack": {

package/types/package.json

@@ -0,0 +1,10 @@
+{
+  "name": "@atlaskit/focus-ring/types",
+  "main": "../dist/cjs/entry-points/types.js",
+  "module": "../dist/esm/entry-points/types.js",
+  "module:es2019": "../dist/es2019/entry-points/types.js",
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
+  "types": "../dist/types/entry-points/types.d.ts"
+}

package/use-focus-ring/package.json

@@ -0,0 +1,10 @@
+{
+  "name": "@atlaskit/focus-ring/use-focus-ring",
+  "main": "../dist/cjs/entry-points/use-focus-ring.js",
+  "module": "../dist/esm/entry-points/use-focus-ring.js",
+  "module:es2019": "../dist/es2019/entry-points/use-focus-ring.js",
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
+  "types": "../dist/types/entry-points/use-focus-ring.d.ts"
+}

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

@@ -1,26 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { type FC } from 'react';
-import type { FocusRingProps } from './types';
-/**
- * __Focus ring__
- *
- * A focus ring visually indicates the currently focused item.
- *
- * - [Code](https://atlaskit.atlassian.com/packages/design-system/focus-ring)
- *
- * @example
- * ```jsx
- * import FocusRing from '@atlaskit/focus-ring';
- *
- * const InteractiveComponent = () => (
- *   <FocusRing>
- *     <button type="button">Hello</button>
- *   </FocusRing>
- * )
- * ```
- */
-declare const FocusRing: FC<FocusRingProps>;
-export default FocusRing;

package/dist/types-ts4.5/index.d.ts

@@ -1,3 +0,0 @@
-export { default } from './focus-ring';
-export { default as useFocusRing } from './use-focus-ring';
-export type { FocusRingProps, FocusEventHandlers, FocusState } from './types';

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

@@ -1,22 +0,0 @@
-import type { FocusEventHandler, ReactElement } from 'react';
-export interface FocusEventHandlers {
-    onFocus: FocusEventHandler;
-    onBlur: FocusEventHandler;
-}
-export type FocusState = 'on' | 'off';
-export interface FocusRingProps {
-    /**
-     * Makes the `FocusRing` a controlled component (opting out of native focus behavior). The focus ring
-     * will apply the visual focus indicator when the `focus` prop is set to `on`. This prop should be used
-     * in conjunction with `useFocusRing`.
-     */
-    focus?: FocusState;
-    /**
-     * Controls whether the focus ring should be applied around or within the composed element.
-     */
-    isInset?: boolean;
-    /**
-     * The focusable element to be rendered within the `FocusRing`.
-     */
-    children: ReactElement;
-}

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

@@ -1,13 +0,0 @@
-import type { FocusEventHandlers, FocusState } from './types';
-/**
- * __Use focus ring__
- *
- * 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.
- *
- */
-declare const useFocusRing: (initialState?: FocusState) => {
-    readonly focusState: "on" | "off";
-    readonly focusProps: FocusEventHandlers;
-};
-export default useFocusRing;