From 69eb5d4438b13c85019fa83771bb26eba075b28b Mon Sep 17 00:00:00 2001
From: TJ Egan <tw15egan@gmail.com>
Date: Tue, 22 Feb 2022 11:34:00 -0500
Subject: [PATCH] fix(pagination): fix tokens based on audit

---
 .../styles/scss/components/pagination-nav/_mixins.scss    | 2 +-
 .../scss/components/pagination-nav/_pagination-nav.scss   | 8 ++++----
 .../styles/scss/components/pagination/_pagination.scss    | 2 +-
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/styles/scss/components/pagination-nav/_mixins.scss b/packages/styles/scss/components/pagination-nav/_mixins.scss
index 6aee8c0bcbf4..87458229490a 100644
--- a/packages/styles/scss/components/pagination-nav/_mixins.scss
+++ b/packages/styles/scss/components/pagination-nav/_mixins.scss
@@ -22,7 +22,7 @@
       display: block;
       width: 0;
       height: $spacing-02;
-      background-color: $background-brand;
+      background-color: $border-interactive;
       content: '';
       opacity: 0;
       transition: width $duration-fast-02 motion(standard, productive);
diff --git a/packages/styles/scss/components/pagination-nav/_pagination-nav.scss b/packages/styles/scss/components/pagination-nav/_pagination-nav.scss
index 2c3c1524ba79..489c79275209 100644
--- a/packages/styles/scss/components/pagination-nav/_pagination-nav.scss
+++ b/packages/styles/scss/components/pagination-nav/_pagination-nav.scss
@@ -32,8 +32,8 @@
 /// @param {Number} $select-icon-top-position [$spacing-05]
 /// @param {Number} $select-icon-left-position [$spacing-05]
 @mixin pagination-nav(
-  $color: $text-secondary,
-  $text-color-active: $text-secondary,
+  $color: $text-primary,
+  $text-color-active: $text-primary,
   $background-color-hover: $background-hover,
   $background-color-active: initial,
   $font-weight: 400,
@@ -78,7 +78,7 @@
     min-width: $button-min-width;
     padding: $button-padding;
     border-radius: 0;
-    color: $text-secondary;
+    color: $text-primary;
     font-weight: $font-weight;
     line-height: 1;
     outline: 0;
@@ -90,7 +90,7 @@
 
     &:hover {
       background-color: $background-color-hover;
-      color: $text-secondary;
+      color: $text-primary;
     }
 
     &:focus {
diff --git a/packages/styles/scss/components/pagination/_pagination.scss b/packages/styles/scss/components/pagination/_pagination.scss
index 824f09fca470..b86d249d754f 100644
--- a/packages/styles/scss/components/pagination/_pagination.scss
+++ b/packages/styles/scss/components/pagination/_pagination.scss
@@ -181,7 +181,7 @@
 
   span.#{$prefix}--pagination__text {
     margin-left: $spacing-05;
-    color: $text-secondary;
+    color: $text-primary;
   }
 
   .#{$prefix}--pagination__button,