diff --git a/.yarn-offline-mirror/carbon-components-9.68.5.tgz b/.yarn-offline-mirror/carbon-components-9.68.5.tgz
deleted file mode 100644
index e8fcb46bea..0000000000
Binary files a/.yarn-offline-mirror/carbon-components-9.68.5.tgz and /dev/null differ
diff --git a/.yarn-offline-mirror/carbon-components-9.69.0.tgz b/.yarn-offline-mirror/carbon-components-9.69.0.tgz
new file mode 100644
index 0000000000..580835d0b4
Binary files /dev/null and b/.yarn-offline-mirror/carbon-components-9.69.0.tgz differ
diff --git a/package.json b/package.json
index 70c496357d..dbee65dd11 100644
--- a/package.json
+++ b/package.json
@@ -177,7 +177,7 @@
     "babel-plugin-dev-expression": "^0.2.1",
     "babel-plugin-react-docgen": "^2.0.0",
     "bowser": "^1.6.1",
-    "carbon-components": "^9.68.5",
+    "carbon-components": "^9.69.0",
     "carbon-icons": "^7.0.5",
     "chalk": "^2.3.0",
     "cli-table": "^0.3.0",
diff --git a/src/components/Pagination/Pagination-story.js b/src/components/Pagination/Pagination-story.js
index 84e6baebf3..b5ef8e816e 100644
--- a/src/components/Pagination/Pagination-story.js
+++ b/src/components/Pagination/Pagination-story.js
@@ -18,6 +18,7 @@ import {
 } from '@storybook/addon-knobs';
 import Pagination from '../Pagination';
 import PaginationV2 from '../PaginationV2';
+import { componentsX } from '../../internal/FeatureFlags';
 
 const props = () => ({
   disabled: boolean('Disable backward/forward buttons (disabled)', false),
@@ -25,7 +26,9 @@ const props = () => ({
   totalItems: number('Total number of items (totalItems)', 103),
   pagesUnknown: boolean('Total number of items unknown (pagesUnknown)', false),
   pageInputDisabled: boolean('Disable page input (pageInputDisabled)', false),
-  isLastPage: boolean('At the last page (isLastPage)', false),
+  isLastPage: componentsX
+    ? null
+    : boolean('At the last page (isLastPage)', false),
   backwardText: text(
     'The description for the backward icon (backwardText)',
     'Backward'
diff --git a/src/components/PaginationV2/PaginationV2.js b/src/components/PaginationV2/PaginationV2.js
index 725aa43240..e2b3690db8 100644
--- a/src/components/PaginationV2/PaginationV2.js
+++ b/src/components/PaginationV2/PaginationV2.js
@@ -9,11 +9,15 @@ import PropTypes from 'prop-types';
 import React, { Component } from 'react';
 import classnames from 'classnames';
 import { iconChevronLeft, iconChevronRight } from 'carbon-icons';
+// TODO: import { CaretRight24, CaretLeft24 } from '@carbon/icons-react';
+import CaretRight24 from '@carbon/icons-react/lib/caret--right/24';
+import CaretLeft24 from '@carbon/icons-react/lib/caret--left/24';
 import { settings } from 'carbon-components';
 import Icon from '../Icon';
 import Select from '../Select';
 import SelectItem from '../SelectItem';
 import { equals } from '../../tools/array';
+import { componentsX } from '../../internal/FeatureFlags';
 
 const { prefix } = settings;
 
@@ -123,6 +127,7 @@ export default class PaginationV2 extends Component {
      */
     pagesUnknown: PropTypes.bool,
 
+    // TODO: remove when v9 is deprecated
     /**
      * `true` if the current page should be the last page.
      */
@@ -140,7 +145,8 @@ export default class PaginationV2 extends Component {
     forwardText: 'Forward',
     itemsPerPageText: 'Items per page:',
     pageNumberText: 'Page Number',
-    pageRangeText: (current, total) => `${current} of ${total} pages`,
+    pageRangeText: (current, total) =>
+      componentsX ? `of ${total} pages` : `${current} of ${total} pages`,
     disabled: false,
     page: 1,
     pagesUnknown: false,
@@ -246,21 +252,121 @@ export default class PaginationV2 extends Component {
       ...other
     } = this.props;
 
-    const statePage = this.state.page;
-    const statePageSize = this.state.pageSize;
     const classNames = classnames(`${prefix}--pagination`, className);
+    const inputId = id || this.uniqueId;
+    const { page: statePage, pageSize: statePageSize } = this.state;
+    const totalPages = Math.max(Math.ceil(totalItems / statePageSize), 1);
+    const backButtonDisabled = this.props.disabled || statePage === 1;
     const backButtonClasses = classnames(
       `${prefix}--pagination__button`,
       `${prefix}--pagination__button--backward`,
       {
-        [`${prefix}--pagination__button--no-index`]: pageInputDisabled,
+        [`${prefix}--pagination__button--no-index`]:
+          pageInputDisabled || backButtonDisabled,
+      }
+    );
+    const forwardButtonDisabled =
+      this.props.disabled || statePage === totalPages;
+    const forwardButtonClasses = classnames(
+      `${prefix}--pagination__button`,
+      `${prefix}--pagination__button--forward`,
+      {
+        [`${prefix}--pagination__button--no-index`]:
+          pageInputDisabled || forwardButtonDisabled,
       }
     );
-    const inputId = id || this.uniqueId;
-    const totalPages = Math.max(Math.ceil(totalItems / statePageSize), 1);
     const selectItems = this.renderSelectItems(totalPages);
-
-    return (
+    const pageRange = (() => {
+      if (pageInputDisabled) {
+        return null;
+      }
+      return (
+        <span className={`${prefix}--pagination__text`}>
+          {pagesUnknown
+            ? pageText(statePage)
+            : pageRangeText(statePage, totalPages)}
+        </span>
+      );
+    })();
+    return componentsX ? (
+      <div className={classNames} {...other}>
+        <div className={`${prefix}--pagination__left`}>
+          <label
+            id={`${prefix}-pagination-select-${inputId}-count-label`}
+            className={`${prefix}--pagination__text`}
+            htmlFor={`${prefix}-pagination-select-${inputId}`}>
+            {itemsPerPageText}
+          </label>
+          <Select
+            id={`${prefix}-pagination-select-${inputId}`}
+            className={`${prefix}--select__item-count`}
+            hideLabel
+            inline
+            onChange={this.handleSizeChange}
+            value={statePageSize}>
+            {pageSizes.map(size => (
+              <SelectItem key={size} value={size} text={String(size)} />
+            ))}
+          </Select>
+          <span className={`${prefix}--pagination__text`}>
+            {pagesUnknown
+              ? itemText(
+                  statePageSize * (statePage - 1) + 1,
+                  statePage * statePageSize
+                )
+              : itemRangeText(
+                  Math.min(statePageSize * (statePage - 1) + 1, totalItems),
+                  Math.min(statePage * statePageSize, totalItems),
+                  totalItems
+                )}
+          </span>
+        </div>
+        <div className={`${prefix}--pagination__right`}>
+          {pageInputDisabled ? null : (
+            <Select
+              id={`${prefix}-pagination-select-${inputId + 2}`}
+              className={`${prefix}--select__page-number`}
+              hideLabel
+              inline
+              onChange={this.handlePageInputChange}
+              value={statePage}>
+              {selectItems}
+            </Select>
+          )}
+          {pageRange}
+          <button
+            className={backButtonClasses}
+            onClick={this.decrementPage}
+            aria-label={backwardText}
+            disabled={backButtonDisabled}>
+            {componentsX ? (
+              <CaretLeft24 />
+            ) : (
+              <Icon
+                className={`${prefix}--pagination__button-icon`}
+                icon={iconChevronLeft}
+                description={backwardText}
+              />
+            )}
+          </button>
+          <button
+            className={forwardButtonClasses}
+            aria-label={forwardText}
+            onClick={this.incrementPage}
+            disabled={forwardButtonDisabled}>
+            {componentsX ? (
+              <CaretRight24 />
+            ) : (
+              <Icon
+                className={`${prefix}--pagination__button-icon`}
+                icon={iconChevronRight}
+                description={forwardText}
+              />
+            )}
+          </button>
+        </div>
+      </div>
+    ) : (
       <div className={classNames} {...other}>
         <div className={`${prefix}--pagination__left`}>
           <span className={`${prefix}--pagination__text`}>
@@ -294,11 +400,7 @@ export default class PaginationV2 extends Component {
         </div>
         <div
           className={`${prefix}--pagination__right ${prefix}--pagination--inline`}>
-          <span className={`${prefix}--pagination__text`}>
-            {pagesUnknown
-              ? pageText(statePage)
-              : pageRangeText(statePage, totalPages)}
-          </span>
+          {pageRange}
           <button
             className={backButtonClasses}
             onClick={this.decrementPage}
diff --git a/yarn.lock b/yarn.lock
index 507ae30083..c4a84d6dc5 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3158,10 +3158,10 @@ capture-stack-trace@^1.0.0:
   resolved "https://registry.yarnpkg.com/capture-stack-trace/-/capture-stack-trace-1.0.1.tgz#a6c0bbe1f38f3aa0b92238ecb6ff42c344d4135d"
   integrity sha512-mYQLZnx5Qt1JgB1WEiMCf2647plpGeQ2NMR/5L0HNZzGQo4fuSPnK+wjfPnKZV0aiJDgzmWqqkV/g7JD+DW0qw==
 
-carbon-components@^9.68.5:
-  version "9.68.5"
-  resolved "https://registry.yarnpkg.com/carbon-components/-/carbon-components-9.68.5.tgz#b9a1fc823e969c0a9e737942721becc95ced3a6b"
-  integrity sha512-+000FPC1L1KqSLZfB/MYT+FTOrfx6tDJtU5fkasKG6chPaWwl/JmJ+H1FAQzdxBWPhi66suHhvYGv4sw23XsFQ==
+carbon-components@^9.69.0:
+  version "9.69.0"
+  resolved "https://registry.yarnpkg.com/carbon-components/-/carbon-components-9.69.0.tgz#7736f7f2e7c2f7d0c3707acf8ac81c03af4681da"
+  integrity sha512-JWySn/dZgF2jl8l/eRYotRT5tUFJTftfK6OhX7vrqUHUA026+gZunpo0CteD2aHA4jUa1ZqoPpfvAE4pMnTnRQ==
   dependencies:
     carbon-icons "^7.0.7"
     flatpickr "4.5.2"