Merge pull request #713 from indiana-university/release/2.5.1

Release 2.5.1
indiana-university · Jul 25, 2023 · 2687312 · 2687312
2 parents ffa465f + 57467ee
commit 2687312
Show file tree

Hide file tree

Showing 8 changed files with 15 additions and 18 deletions.
diff --git a/package.json b/package.json
@@ -2,7 +2,7 @@
   "name": "rivet-core",
   "description": "Indiana University design system",
   "homepage": "https://rivet.iu.edu",
-  "version": "2.5.0",
+  "version": "2.5.1",
   "license": "BSD-3-Clause",
   "repository": {
     "type": "git",

diff --git a/src/sass/dropdown/_base.scss b/src/sass/dropdown/_base.scss
@@ -104,7 +104,7 @@
       }
 
       &.#{$prefix}-is-selected,
-      &[aria-current],
+      &[aria-current]:not([aria-current='false']),
       &[aria-checked='true'] {
         box-shadow: inset $spacing-xxs 0 0 $color-crimson-500;
         background-color: $color-orange-000;

diff --git a/src/sass/hero-area/_base.scss b/src/sass/hero-area/_base.scss
@@ -14,8 +14,6 @@
     font-weight: $font-weight-medium;
     font-size: $ts-14;
     display: block;
-    text-transform: uppercase;
-    letter-spacing: $spacing-xxs * .125;
   }
 
   &__title {

diff --git a/src/sass/pagination/_base.scss b/src/sass/pagination/_base.scss
@@ -51,14 +51,14 @@
     }
 
     a:focus,
-    a[aria-current]:focus {
+    a[aria-current='page']:focus {
       border-radius: inherit;
       outline: solid math.div($spacing-xxs, 2) $color-blue-400;
       outline-offset: math.div($spacing-xxs, 2);
       z-index: map.get($z-index, '1000');
     }
 
-    a[aria-current] {
+    a[aria-current='page'] {
       background-color: $color-orange-000;
       box-shadow: 0 $spacing-xxs 0 $color-crimson-500;
     }

diff --git a/src/sass/quote/_base.scss b/src/sass/quote/_base.scss
@@ -25,7 +25,6 @@
   &__text {
     font-family: $font-serif;
     font-size: $ts-26;
-    font-style: italic;
     margin: 0;
     color: $color-black-400;
   }

diff --git a/src/sass/sidenav/_base.scss b/src/sass/sidenav/_base.scss
@@ -62,11 +62,11 @@
     position: relative;
     text-decoration: none;
 
-    &[aria-current] {
+    &[aria-current='page'] {
       background-color: $color-orange-000;
     }
 
-    &[aria-current]::before {
+    &[aria-current='page']::before {
       content: '';
       display: block;
       width: .25rem;
@@ -89,20 +89,20 @@
     padding-bottom: $spacing-xxs * 1.2;
   }
 
-  &__item > &__list &__link[aria-current]::before {
+  &__item > &__list &__link[aria-current='page']::before {
     margin-left: -$spacing-xxs;
   }
 
-  &__link[aria-current] + &__toggle {
+  &__link[aria-current='page'] + &__toggle {
     background-color: $color-orange-000;
 
     > svg {
       color: $color-crimson-500;
     }
   }
 
-  &__link[aria-current] + &__toggle:hover,
-  &__link[aria-current] + &__toggle:focus {
+  &__link[aria-current='page'] + &__toggle:hover,
+  &__link[aria-current='page'] + &__toggle:focus {
     color: $color-blue-500;
     background-color: $color-blue-000;
 

diff --git a/src/sass/step-indicator/_base.scss b/src/sass/step-indicator/_base.scss
@@ -53,7 +53,7 @@
     flex-direction: column;
   }
 
-  &__item-content[aria-current] &__indicator {
+  &__item-content[aria-current='step'] &__indicator {
     font-weight: 700;
   }
 
@@ -163,7 +163,7 @@ a.#{$prefix}-steps__item-content:focus .#{$prefix}-steps__label {
 
 a.#{$prefix}-steps__item-content:hover .#{$prefix}-steps__indicator,
 a.#{$prefix}-steps__item-content:focus .#{$prefix}-steps__indicator,
-a.#{$prefix}-steps__item-content[aria-current] .#{$prefix}-steps__indicator {
+a.#{$prefix}-steps__item-content[aria-current='step'] .#{$prefix}-steps__indicator {
   background-color: $color-crimson-500;
   color: $color-white-base;
   border-color: $color-crimson-500;

diff --git a/src/sass/subnav/_base.scss b/src/sass/subnav/_base.scss
@@ -39,7 +39,7 @@
     }
   }
 
-  &__item a[aria-current] {
+  &__item a[aria-current='page'] {
     background-color: $color-orange-000;
     color: $color-crimson-500;
 
@@ -48,7 +48,7 @@
     }
   }
 
-  &__item a[aria-current]::after,
+  &__item a[aria-current='page']::after,
   &__item a:hover::after {
     content: '';
     display: block;
@@ -60,7 +60,7 @@
     position: absolute;
   }
 
-  &__item a:hover:not([aria-current]),
+  &__item a:hover:not([aria-current='page']),
   &__item button:hover {
     background-color: $color-blue-000;
     color: $color-blue-500;