@atlaskit/dynamic-table 14.12.0 → 14.12.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/dynamic-table
 
+## 14.12.1
+
+### Patch Changes
+
+- [#66234](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/66234) [`eca303e7af0a`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/eca303e7af0a) - Changed :focus selector with :focus-visible
+
 ## 14.12.0
 
 ### Minor Changes

package/dist/cjs/components/stateless.js

@@ -29,7 +29,7 @@ var _tableHead = _interopRequireDefault(require("./table-head"));
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var packageName = "@atlaskit/dynamic-table";
-var packageVersion = "14.12.0";
+var packageVersion = "14.12.1";
 function toggleSortOrder(currentSortOrder) {
   switch (currentSortOrder) {
     case _constants.DESC:

package/dist/cjs/styled/rankable/table-row.js

@@ -23,7 +23,7 @@ var rankingItemStyles = (0, _react2.css)({
 });
 var draggableStyles = (0, _react2.css)({
   outlineWidth: "var(--ds-border-width, 2px)",
-  '&:focus': {
+  '&:focus-visible': {
     outlineColor: "var(--ds-border-focused, ".concat(_colors.B100, ")"),
     outlineStyle: 'solid'
   }

package/dist/cjs/styled/table-head.js

@@ -47,7 +47,7 @@ var headCellStyles = (0, _react2.css)([_constants2.cellStyles, {
   fontWeight: 600,
   textAlign: 'left',
   verticalAlign: 'top',
-  '&:focus': {
+  '&:focus-visible': {
     outline: "solid 2px ".concat("var(--ds-border-focused, ".concat(_colors.B100, ")"))
   }
 }]);

package/dist/cjs/styled/table-row.js

@@ -14,7 +14,7 @@ var _excluded = ["isHighlighted", "children", "style", "testId"];
 /** @jsx jsx */
 var rowStyles = (0, _react2.css)({
   backgroundColor: "var(--ds-background-neutral-subtle, transparent)",
-  '&:focus': {
+  '&:focus-visible': {
     outline: "2px solid ".concat("var(--ds-border-focused, ".concat("var(".concat(_dynamicTable.tableRowCSSVars.CSS_VAR_HOVER_BACKGROUND, ")"), ")")),
     outlineOffset: "-2px"
   }

package/dist/es2019/components/stateless.js

@@ -14,7 +14,7 @@ import ManagedPagination from './managed-pagination';
 import RankableTableBody from './rankable/body';
 import TableHead from './table-head';
 const packageName = "@atlaskit/dynamic-table";
-const packageVersion = "14.12.0";
+const packageVersion = "14.12.1";
 function toggleSortOrder(currentSortOrder) {
   switch (currentSortOrder) {
     case DESC:

package/dist/es2019/styled/rankable/table-row.js

@@ -14,7 +14,7 @@ const rankingItemStyles = css({
 });
 const draggableStyles = css({
   outlineWidth: "var(--ds-border-width, 2px)",
-  '&:focus': {
+  '&:focus-visible': {
     outlineColor: `var(--ds-border-focused, ${B100})`,
     outlineStyle: 'solid'
   }

package/dist/es2019/styled/table-head.js

@@ -35,7 +35,7 @@ const headCellStyles = css([cellStyles, {
   fontWeight: 600,
   textAlign: 'left',
   verticalAlign: 'top',
-  '&:focus': {
+  '&:focus-visible': {
     outline: `solid 2px ${`var(--ds-border-focused, ${B100})`}`
   }
 }]);

package/dist/es2019/styled/table-row.js

@@ -5,7 +5,7 @@ import { css, jsx } from '@emotion/react';
 import { tableRowCSSVars as cssVars } from './dynamic-table';
 const rowStyles = css({
   backgroundColor: "var(--ds-background-neutral-subtle, transparent)",
-  '&:focus': {
+  '&:focus-visible': {
     outline: `2px solid ${`var(--ds-border-focused, ${`var(${cssVars.CSS_VAR_HOVER_BACKGROUND})`})`}`,
     outlineOffset: `-2px`
   }

package/dist/esm/components/stateless.js

@@ -22,7 +22,7 @@ import ManagedPagination from './managed-pagination';
 import RankableTableBody from './rankable/body';
 import TableHead from './table-head';
 var packageName = "@atlaskit/dynamic-table";
-var packageVersion = "14.12.0";
+var packageVersion = "14.12.1";
 function toggleSortOrder(currentSortOrder) {
   switch (currentSortOrder) {
     case DESC:

package/dist/esm/styled/rankable/table-row.js

@@ -16,7 +16,7 @@ var rankingItemStyles = css({
 });
 var draggableStyles = css({
   outlineWidth: "var(--ds-border-width, 2px)",
-  '&:focus': {
+  '&:focus-visible': {
     outlineColor: "var(--ds-border-focused, ".concat(B100, ")"),
     outlineStyle: 'solid'
   }

package/dist/esm/styled/table-head.js

@@ -40,7 +40,7 @@ var headCellStyles = css([cellStyles, {
   fontWeight: 600,
   textAlign: 'left',
   verticalAlign: 'top',
-  '&:focus': {
+  '&:focus-visible': {
     outline: "solid 2px ".concat("var(--ds-border-focused, ".concat(B100, ")"))
   }
 }]);

package/dist/esm/styled/table-row.js

@@ -7,7 +7,7 @@ import { css, jsx } from '@emotion/react';
 import { tableRowCSSVars as cssVars } from './dynamic-table';
 var rowStyles = css({
   backgroundColor: "var(--ds-background-neutral-subtle, transparent)",
-  '&:focus': {
+  '&:focus-visible': {
     outline: "2px solid ".concat("var(--ds-border-focused, ".concat("var(".concat(cssVars.CSS_VAR_HOVER_BACKGROUND, ")"), ")")),
     outlineOffset: "-2px"
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/dynamic-table",
-  "version": "14.12.0",
+  "version": "14.12.1",
   "description": "A dynamic table displays rows of data with built-in pagination, sorting, and re-ordering functionality.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"