fix(pagination): fix tokens based on audit

carbon-design-system · Feb 22, 2022 · 69eb5d4 · 69eb5d4
1 parent 41994b6
commit 69eb5d4
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git 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
@@ -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
@@ -181,7 +181,7 @@
 
   span.#{$prefix}--pagination__text {
     margin-left: $spacing-05;
-    color: $text-secondary;
+    color: $text-primary;
   }
 
   .#{$prefix}--pagination__button,