@atlaskit/pagination 16.0.0 → 16.0.2

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/pagination
 
+## 16.0.2
+
+### Patch Changes
+
+- Updated dependencies
+
+## 16.0.1
+
+### Patch Changes
+
+- [#119674](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/119674)
+  [`796d5838394c2`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/796d5838394c2) -
+  revert the changes for pagination page navigator markup
+
 ## 16.0.0
 
 ### Major Changes

package/dist/cjs/internal/components/render-ellipsis.compiled.css

@@ -1,3 +1,2 @@
-._19pkidpf{margin-top:0}
 ._1e0c1txw{display:flex}
 ._kqswh2mm{position:relative}

package/dist/cjs/internal/components/render-ellipsis.js

@@ -9,12 +9,10 @@ exports.default = renderEllipsis;
 require("./render-ellipsis.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireDefault(require("react"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _visuallyHidden = _interopRequireDefault(require("@atlaskit/visually-hidden"));
 var styles = {
-  containerOld: "_1e0c1txw _kqswh2mm",
-  containerNew: "_1e0c1txw _kqswh2mm _19pkidpf"
+  container: "_1e0c1txw _kqswh2mm"
 };
 function renderEllipsis(_ref) {
   var key = _ref.key,
@@ -25,7 +23,7 @@ function renderEllipsis(_ref) {
     as: "li",
     testId: testId,
     key: key,
-    xcss: (0, _platformFeatureFlags.fg)('jfp-a11y-team_pagination_list-markup') ? styles.containerNew : styles.containerOld,
+    xcss: styles.container,
     paddingInline: "space.100"
   }, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
     testId: testId && "".concat(testId, "-text")

package/dist/cjs/pagination.js

@@ -17,7 +17,6 @@ var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
 var _useControlled3 = _interopRequireDefault(require("@atlaskit/ds-lib/use-controlled"));
 var _chevronLeftChevronLeftLarge = _interopRequireDefault(require("@atlaskit/icon/utility/migration/chevron-left--chevron-left-large"));
 var _chevronRightChevronRightLarge = _interopRequireDefault(require("@atlaskit/icon/utility/migration/chevron-right--chevron-right-large"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _navigator = _interopRequireDefault(require("./internal/components/navigator"));
 var _page = _interopRequireDefault(require("./internal/components/page"));
@@ -36,7 +35,7 @@ var styles = {
 var analyticsAttributes = {
   componentName: 'pagination',
   packageName: "@atlaskit/pagination",
-  packageVersion: "16.0.0"
+  packageVersion: "16.0.2"
 };
 function NavigatorIcon(_ref) {
   var chevronDirection = _ref.chevronDirection;
@@ -122,94 +121,6 @@ function InnerPagination(_ref2, ref) {
       testId: testId && "".concat(testId, "--").concat(isCurrentPage ? 'current-' : '', "page-").concat(currPageIndex)
     }, getPageLabel ? getPageLabel(page, currPageIndex) : page));
   };
-  var oldPaginationList = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_navigator.default, {
-    key: "left-navigator",
-    component: components.Previous,
-    onClick: function onClick(event) {
-      return onChangeWithAnalytics({
-        event: event,
-        selectedPageIndex: selectedIndexValue - 1
-      });
-    },
-    isDisabled: isDisabled || selectedIndexValue === 0,
-    iconBefore: /*#__PURE__*/_react.default.createElement(NavigatorIcon, {
-      chevronDirection: "left"
-    }),
-    "aria-label": previousLabel,
-    testId: testId && "".concat(testId, "--left-navigator")
-  }), /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
-    space: "space.0",
-    alignBlock: "baseline",
-    as: "ul",
-    xcss: styles.paginationMenu
-  }, (0, _collapseRange.default)(pages, selectedIndexValue, {
-    max: max,
-    ellipsis: renderEllipsis,
-    transform: transform
-  }, testId)), /*#__PURE__*/_react.default.createElement(_navigator.default, {
-    key: "right-navigator",
-    component: components.Next,
-    onClick: function onClick(event) {
-      return onChangeWithAnalytics({
-        event: event,
-        selectedPageIndex: selectedIndexValue + 1
-      });
-    },
-    isDisabled: isDisabled || selectedIndexValue === pages.length - 1,
-    iconBefore: /*#__PURE__*/_react.default.createElement(NavigatorIcon, {
-      chevronDirection: "right"
-    }),
-    "aria-label": nextLabel,
-    testId: testId && "".concat(testId, "--right-navigator")
-  }));
-  var newPaginationList = /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
-    space: "space.0",
-    alignBlock: "center",
-    as: "ul",
-    xcss: styles.paginationMenu
-  }, /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
-    as: "li",
-    xcss: styles.paginationMenuItem,
-    key: "previous-page"
-  }, /*#__PURE__*/_react.default.createElement(_navigator.default, {
-    key: "left-navigator",
-    component: components.Previous,
-    onClick: function onClick(event) {
-      return onChangeWithAnalytics({
-        event: event,
-        selectedPageIndex: selectedIndexValue - 1
-      });
-    },
-    isDisabled: isDisabled || selectedIndexValue === 0,
-    iconBefore: /*#__PURE__*/_react.default.createElement(NavigatorIcon, {
-      chevronDirection: "left"
-    }),
-    "aria-label": previousLabel,
-    testId: testId && "".concat(testId, "--left-navigator")
-  })), (0, _collapseRange.default)(pages, selectedIndexValue, {
-    max: max,
-    ellipsis: renderEllipsis,
-    transform: transform
-  }, testId), /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
-    as: "li",
-    xcss: styles.paginationMenuItem,
-    key: "next-page"
-  }, /*#__PURE__*/_react.default.createElement(_navigator.default, {
-    key: "right-navigator",
-    component: components.Next,
-    onClick: function onClick(event) {
-      return onChangeWithAnalytics({
-        event: event,
-        selectedPageIndex: selectedIndexValue + 1
-      });
-    },
-    isDisabled: isDisabled || selectedIndexValue === pages.length - 1,
-    iconBefore: /*#__PURE__*/_react.default.createElement(NavigatorIcon, {
-      chevronDirection: "right"
-    }),
-    "aria-label": nextLabel,
-    testId: testId && "".concat(testId, "--right-navigator")
-  })));
   return (
     /*#__PURE__*/
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
@@ -222,7 +133,46 @@ function InnerPagination(_ref2, ref) {
     }, /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
       space: "space.0",
       alignBlock: "center"
-    }, (0, _platformFeatureFlags.fg)('jfp-a11y-team_pagination_list-markup') ? newPaginationList : oldPaginationList))
+    }, /*#__PURE__*/_react.default.createElement(_navigator.default, {
+      key: "left-navigator",
+      component: components.Previous,
+      onClick: function onClick(event) {
+        return onChangeWithAnalytics({
+          event: event,
+          selectedPageIndex: selectedIndexValue - 1
+        });
+      },
+      isDisabled: isDisabled || selectedIndexValue === 0,
+      iconBefore: /*#__PURE__*/_react.default.createElement(NavigatorIcon, {
+        chevronDirection: "left"
+      }),
+      "aria-label": previousLabel,
+      testId: testId && "".concat(testId, "--left-navigator")
+    }), /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
+      space: "space.0",
+      alignBlock: "baseline",
+      as: "ul",
+      xcss: styles.paginationMenu
+    }, (0, _collapseRange.default)(pages, selectedIndexValue, {
+      max: max,
+      ellipsis: renderEllipsis,
+      transform: transform
+    }, testId)), /*#__PURE__*/_react.default.createElement(_navigator.default, {
+      key: "right-navigator",
+      component: components.Next,
+      onClick: function onClick(event) {
+        return onChangeWithAnalytics({
+          event: event,
+          selectedPageIndex: selectedIndexValue + 1
+        });
+      },
+      isDisabled: isDisabled || selectedIndexValue === pages.length - 1,
+      iconBefore: /*#__PURE__*/_react.default.createElement(NavigatorIcon, {
+        chevronDirection: "right"
+      }),
+      "aria-label": nextLabel,
+      testId: testId && "".concat(testId, "--right-navigator")
+    })))
   );
 }
 

package/dist/es2019/internal/components/render-ellipsis.compiled.css

@@ -1,3 +1,2 @@
-._19pkidpf{margin-top:0}
 ._1e0c1txw{display:flex}
 ._kqswh2mm{position:relative}

package/dist/es2019/internal/components/render-ellipsis.js

@@ -2,12 +2,10 @@
 import "./render-ellipsis.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, Text } from '@atlaskit/primitives/compiled';
 import VisuallyHidden from '@atlaskit/visually-hidden';
 const styles = {
-  containerOld: "_1e0c1txw _kqswh2mm",
-  containerNew: "_1e0c1txw _kqswh2mm _19pkidpf"
+  container: "_1e0c1txw _kqswh2mm"
 };
 export default function renderEllipsis({
   key,
@@ -19,7 +17,7 @@ export default function renderEllipsis({
     as: "li",
     testId: testId,
     key: key,
-    xcss: fg('jfp-a11y-team_pagination_list-markup') ? styles.containerNew : styles.containerOld,
+    xcss: styles.container,
     paddingInline: "space.100"
   }, /*#__PURE__*/React.createElement(Text, {
     testId: testId && `${testId}-text`

package/dist/es2019/pagination.js

@@ -7,7 +7,6 @@ import noop from '@atlaskit/ds-lib/noop';
 import useControlled from '@atlaskit/ds-lib/use-controlled';
 import ChevronLeftLargeIcon from '@atlaskit/icon/utility/migration/chevron-left--chevron-left-large';
 import ChevronRightLargeIcon from '@atlaskit/icon/utility/migration/chevron-right--chevron-right-large';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, Inline } from '@atlaskit/primitives/compiled';
 import Navigator from './internal/components/navigator';
 import PageComponent from './internal/components/page';
@@ -22,7 +21,7 @@ const styles = {
 const analyticsAttributes = {
   componentName: 'pagination',
   packageName: "@atlaskit/pagination",
-  packageVersion: "16.0.0"
+  packageVersion: "16.0.2"
 };
 function NavigatorIcon({
   chevronDirection
@@ -96,86 +95,6 @@ function InnerPagination({
       testId: testId && `${testId}--${isCurrentPage ? 'current-' : ''}page-${currPageIndex}`
     }, getPageLabel ? getPageLabel(page, currPageIndex) : page));
   };
-  const oldPaginationList = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Navigator, {
-    key: "left-navigator",
-    component: components.Previous,
-    onClick: event => onChangeWithAnalytics({
-      event,
-      selectedPageIndex: selectedIndexValue - 1
-    }),
-    isDisabled: isDisabled || selectedIndexValue === 0,
-    iconBefore: /*#__PURE__*/React.createElement(NavigatorIcon, {
-      chevronDirection: "left"
-    }),
-    "aria-label": previousLabel,
-    testId: testId && `${testId}--left-navigator`
-  }), /*#__PURE__*/React.createElement(Inline, {
-    space: "space.0",
-    alignBlock: "baseline",
-    as: "ul",
-    xcss: styles.paginationMenu
-  }, collapseRange(pages, selectedIndexValue, {
-    max: max,
-    ellipsis: renderEllipsis,
-    transform
-  }, testId)), /*#__PURE__*/React.createElement(Navigator, {
-    key: "right-navigator",
-    component: components.Next,
-    onClick: event => onChangeWithAnalytics({
-      event,
-      selectedPageIndex: selectedIndexValue + 1
-    }),
-    isDisabled: isDisabled || selectedIndexValue === pages.length - 1,
-    iconBefore: /*#__PURE__*/React.createElement(NavigatorIcon, {
-      chevronDirection: "right"
-    }),
-    "aria-label": nextLabel,
-    testId: testId && `${testId}--right-navigator`
-  }));
-  const newPaginationList = /*#__PURE__*/React.createElement(Inline, {
-    space: "space.0",
-    alignBlock: "center",
-    as: "ul",
-    xcss: styles.paginationMenu
-  }, /*#__PURE__*/React.createElement(Inline, {
-    as: "li",
-    xcss: styles.paginationMenuItem,
-    key: "previous-page"
-  }, /*#__PURE__*/React.createElement(Navigator, {
-    key: "left-navigator",
-    component: components.Previous,
-    onClick: event => onChangeWithAnalytics({
-      event,
-      selectedPageIndex: selectedIndexValue - 1
-    }),
-    isDisabled: isDisabled || selectedIndexValue === 0,
-    iconBefore: /*#__PURE__*/React.createElement(NavigatorIcon, {
-      chevronDirection: "left"
-    }),
-    "aria-label": previousLabel,
-    testId: testId && `${testId}--left-navigator`
-  })), collapseRange(pages, selectedIndexValue, {
-    max: max,
-    ellipsis: renderEllipsis,
-    transform
-  }, testId), /*#__PURE__*/React.createElement(Inline, {
-    as: "li",
-    xcss: styles.paginationMenuItem,
-    key: "next-page"
-  }, /*#__PURE__*/React.createElement(Navigator, {
-    key: "right-navigator",
-    component: components.Next,
-    onClick: event => onChangeWithAnalytics({
-      event,
-      selectedPageIndex: selectedIndexValue + 1
-    }),
-    isDisabled: isDisabled || selectedIndexValue === pages.length - 1,
-    iconBefore: /*#__PURE__*/React.createElement(NavigatorIcon, {
-      chevronDirection: "right"
-    }),
-    "aria-label": nextLabel,
-    testId: testId && `${testId}--right-navigator`
-  })));
   return (
     /*#__PURE__*/
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
@@ -188,7 +107,42 @@ function InnerPagination({
     }, /*#__PURE__*/React.createElement(Inline, {
       space: "space.0",
       alignBlock: "center"
-    }, fg('jfp-a11y-team_pagination_list-markup') ? newPaginationList : oldPaginationList))
+    }, /*#__PURE__*/React.createElement(Navigator, {
+      key: "left-navigator",
+      component: components.Previous,
+      onClick: event => onChangeWithAnalytics({
+        event,
+        selectedPageIndex: selectedIndexValue - 1
+      }),
+      isDisabled: isDisabled || selectedIndexValue === 0,
+      iconBefore: /*#__PURE__*/React.createElement(NavigatorIcon, {
+        chevronDirection: "left"
+      }),
+      "aria-label": previousLabel,
+      testId: testId && `${testId}--left-navigator`
+    }), /*#__PURE__*/React.createElement(Inline, {
+      space: "space.0",
+      alignBlock: "baseline",
+      as: "ul",
+      xcss: styles.paginationMenu
+    }, collapseRange(pages, selectedIndexValue, {
+      max: max,
+      ellipsis: renderEllipsis,
+      transform
+    }, testId)), /*#__PURE__*/React.createElement(Navigator, {
+      key: "right-navigator",
+      component: components.Next,
+      onClick: event => onChangeWithAnalytics({
+        event,
+        selectedPageIndex: selectedIndexValue + 1
+      }),
+      isDisabled: isDisabled || selectedIndexValue === pages.length - 1,
+      iconBefore: /*#__PURE__*/React.createElement(NavigatorIcon, {
+        chevronDirection: "right"
+      }),
+      "aria-label": nextLabel,
+      testId: testId && `${testId}--right-navigator`
+    })))
   );
 }
 

package/dist/esm/internal/components/render-ellipsis.compiled.css

@@ -1,3 +1,2 @@
-._19pkidpf{margin-top:0}
 ._1e0c1txw{display:flex}
 ._kqswh2mm{position:relative}

package/dist/esm/internal/components/render-ellipsis.js

@@ -2,12 +2,10 @@
 import "./render-ellipsis.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, Text } from '@atlaskit/primitives/compiled';
 import VisuallyHidden from '@atlaskit/visually-hidden';
 var styles = {
-  containerOld: "_1e0c1txw _kqswh2mm",
-  containerNew: "_1e0c1txw _kqswh2mm _19pkidpf"
+  container: "_1e0c1txw _kqswh2mm"
 };
 export default function renderEllipsis(_ref) {
   var key = _ref.key,
@@ -18,7 +16,7 @@ export default function renderEllipsis(_ref) {
     as: "li",
     testId: testId,
     key: key,
-    xcss: fg('jfp-a11y-team_pagination_list-markup') ? styles.containerNew : styles.containerOld,
+    xcss: styles.container,
     paddingInline: "space.100"
   }, /*#__PURE__*/React.createElement(Text, {
     testId: testId && "".concat(testId, "-text")

package/dist/esm/pagination.js

@@ -11,7 +11,6 @@ import noop from '@atlaskit/ds-lib/noop';
 import useControlled from '@atlaskit/ds-lib/use-controlled';
 import ChevronLeftLargeIcon from '@atlaskit/icon/utility/migration/chevron-left--chevron-left-large';
 import ChevronRightLargeIcon from '@atlaskit/icon/utility/migration/chevron-right--chevron-right-large';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, Inline } from '@atlaskit/primitives/compiled';
 import Navigator from './internal/components/navigator';
 import PageComponent from './internal/components/page';
@@ -26,7 +25,7 @@ var styles = {
 var analyticsAttributes = {
   componentName: 'pagination',
   packageName: "@atlaskit/pagination",
-  packageVersion: "16.0.0"
+  packageVersion: "16.0.2"
 };
 function NavigatorIcon(_ref) {
   var chevronDirection = _ref.chevronDirection;
@@ -112,94 +111,6 @@ function InnerPagination(_ref2, ref) {
       testId: testId && "".concat(testId, "--").concat(isCurrentPage ? 'current-' : '', "page-").concat(currPageIndex)
     }, getPageLabel ? getPageLabel(page, currPageIndex) : page));
   };
-  var oldPaginationList = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Navigator, {
-    key: "left-navigator",
-    component: components.Previous,
-    onClick: function onClick(event) {
-      return onChangeWithAnalytics({
-        event: event,
-        selectedPageIndex: selectedIndexValue - 1
-      });
-    },
-    isDisabled: isDisabled || selectedIndexValue === 0,
-    iconBefore: /*#__PURE__*/React.createElement(NavigatorIcon, {
-      chevronDirection: "left"
-    }),
-    "aria-label": previousLabel,
-    testId: testId && "".concat(testId, "--left-navigator")
-  }), /*#__PURE__*/React.createElement(Inline, {
-    space: "space.0",
-    alignBlock: "baseline",
-    as: "ul",
-    xcss: styles.paginationMenu
-  }, collapseRange(pages, selectedIndexValue, {
-    max: max,
-    ellipsis: renderEllipsis,
-    transform: transform
-  }, testId)), /*#__PURE__*/React.createElement(Navigator, {
-    key: "right-navigator",
-    component: components.Next,
-    onClick: function onClick(event) {
-      return onChangeWithAnalytics({
-        event: event,
-        selectedPageIndex: selectedIndexValue + 1
-      });
-    },
-    isDisabled: isDisabled || selectedIndexValue === pages.length - 1,
-    iconBefore: /*#__PURE__*/React.createElement(NavigatorIcon, {
-      chevronDirection: "right"
-    }),
-    "aria-label": nextLabel,
-    testId: testId && "".concat(testId, "--right-navigator")
-  }));
-  var newPaginationList = /*#__PURE__*/React.createElement(Inline, {
-    space: "space.0",
-    alignBlock: "center",
-    as: "ul",
-    xcss: styles.paginationMenu
-  }, /*#__PURE__*/React.createElement(Inline, {
-    as: "li",
-    xcss: styles.paginationMenuItem,
-    key: "previous-page"
-  }, /*#__PURE__*/React.createElement(Navigator, {
-    key: "left-navigator",
-    component: components.Previous,
-    onClick: function onClick(event) {
-      return onChangeWithAnalytics({
-        event: event,
-        selectedPageIndex: selectedIndexValue - 1
-      });
-    },
-    isDisabled: isDisabled || selectedIndexValue === 0,
-    iconBefore: /*#__PURE__*/React.createElement(NavigatorIcon, {
-      chevronDirection: "left"
-    }),
-    "aria-label": previousLabel,
-    testId: testId && "".concat(testId, "--left-navigator")
-  })), collapseRange(pages, selectedIndexValue, {
-    max: max,
-    ellipsis: renderEllipsis,
-    transform: transform
-  }, testId), /*#__PURE__*/React.createElement(Inline, {
-    as: "li",
-    xcss: styles.paginationMenuItem,
-    key: "next-page"
-  }, /*#__PURE__*/React.createElement(Navigator, {
-    key: "right-navigator",
-    component: components.Next,
-    onClick: function onClick(event) {
-      return onChangeWithAnalytics({
-        event: event,
-        selectedPageIndex: selectedIndexValue + 1
-      });
-    },
-    isDisabled: isDisabled || selectedIndexValue === pages.length - 1,
-    iconBefore: /*#__PURE__*/React.createElement(NavigatorIcon, {
-      chevronDirection: "right"
-    }),
-    "aria-label": nextLabel,
-    testId: testId && "".concat(testId, "--right-navigator")
-  })));
   return (
     /*#__PURE__*/
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
@@ -212,7 +123,46 @@ function InnerPagination(_ref2, ref) {
     }, /*#__PURE__*/React.createElement(Inline, {
       space: "space.0",
       alignBlock: "center"
-    }, fg('jfp-a11y-team_pagination_list-markup') ? newPaginationList : oldPaginationList))
+    }, /*#__PURE__*/React.createElement(Navigator, {
+      key: "left-navigator",
+      component: components.Previous,
+      onClick: function onClick(event) {
+        return onChangeWithAnalytics({
+          event: event,
+          selectedPageIndex: selectedIndexValue - 1
+        });
+      },
+      isDisabled: isDisabled || selectedIndexValue === 0,
+      iconBefore: /*#__PURE__*/React.createElement(NavigatorIcon, {
+        chevronDirection: "left"
+      }),
+      "aria-label": previousLabel,
+      testId: testId && "".concat(testId, "--left-navigator")
+    }), /*#__PURE__*/React.createElement(Inline, {
+      space: "space.0",
+      alignBlock: "baseline",
+      as: "ul",
+      xcss: styles.paginationMenu
+    }, collapseRange(pages, selectedIndexValue, {
+      max: max,
+      ellipsis: renderEllipsis,
+      transform: transform
+    }, testId)), /*#__PURE__*/React.createElement(Navigator, {
+      key: "right-navigator",
+      component: components.Next,
+      onClick: function onClick(event) {
+        return onChangeWithAnalytics({
+          event: event,
+          selectedPageIndex: selectedIndexValue + 1
+        });
+      },
+      isDisabled: isDisabled || selectedIndexValue === pages.length - 1,
+      iconBefore: /*#__PURE__*/React.createElement(NavigatorIcon, {
+        chevronDirection: "right"
+      }),
+      "aria-label": nextLabel,
+      testId: testId && "".concat(testId, "--right-navigator")
+    })))
   );
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/pagination",
-	"version": "16.0.0",
+	"version": "16.0.2",
 	"description": "Pagination allows you to divide large amounts of content into smaller chunks across multiple pages.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -39,15 +39,15 @@
 	},
 	"dependencies": {
 		"@atlaskit/analytics-next": "^11.0.0",
-		"@atlaskit/button": "^21.0.0",
+		"@atlaskit/button": "^21.1.0",
 		"@atlaskit/codemod-utils": "^4.2.0",
 		"@atlaskit/css": "^0.10.0",
 		"@atlaskit/ds-lib": "^4.0.0",
-		"@atlaskit/icon": "^24.0.0",
+		"@atlaskit/icon": "^24.1.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/primitives": "^14.0.0",
-		"@atlaskit/tokens": "^4.0.0",
-		"@atlaskit/visually-hidden": "^2.0.0",
+		"@atlaskit/primitives": "^14.1.0",
+		"@atlaskit/tokens": "^4.3.0",
+		"@atlaskit/visually-hidden": "^3.0.0",
 		"@babel/runtime": "^7.0.0",
 		"memoize-one": "^6.0.0"
 	},
@@ -60,13 +60,12 @@
 		"@af/visual-regression": "*",
 		"@atlaskit/code": "^16.0.0",
 		"@atlaskit/docs": "*",
-		"@atlaskit/heading": "^5.0.0",
+		"@atlaskit/heading": "^5.1.0",
 		"@atlaskit/link": "*",
 		"@atlaskit/section-message": "^8.0.0",
 		"@atlaskit/ssr": "*",
 		"@atlaskit/visual-regression": "*",
-		"@atlassian/feature-flags-storybook-utils": "^0.3.0",
-		"@atlassian/feature-flags-test-utils": "*",
+		"@testing-library/dom": "^10.1.0",
 		"@testing-library/react": "^13.4.0",
 		"react-dom": "^18.2.0",
 		"typescript": "~5.4.2"
@@ -93,10 +92,5 @@
 				"static"
 			]
 		}
-	},
-	"platform-feature-flags": {
-		"jfp-a11y-team_pagination_list-markup": {
-			"type": "boolean"
-		}
 	}
 }