qpp-style 9.34.2-beta.0 → 9.34.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "qpp-style",
-  "version": "9.34.2-beta.0",
+  "version": "9.34.2",
   "description": "Shared style guide across the QPP program.",
   "main": "dist/index.js",
   "homepage": "https://cmsgov.github.io/qpp-style",
@@ -88,7 +88,7 @@
   "dependencies": {
     "@material-design-icons/svg": "^0.14.11",
     "ariakit": "^2.0.0-next.44",
-    "axios": "^1.4.0",
+    "axios": "^1.5.0",
     "cookie": "^0.5.0",
     "jwt-decode": "^3.1.2",
     "prop-types": "^15.8.1",

package/styles/qppds/components/sidebar/_sidebar-animation.scss

@@ -61,19 +61,8 @@ $detailsMaxHeight: 130px;
 @include delayKeyframes('Details', $detailsMaxHeight);
 
 .animation-group {
-  transition: opacity 0.5s ease-in-out;
-  opacity: 0;
-  overflow: hidden;
-
-  &.background-highlight {
-    background-color: $color-slate-dark;
-  }
-}
-
-.animation-group-enter {
   opacity: 1;
   transition-delay: 0.5s;
-
   animation-delay: 0s;
   animation-duration: 0.6s;
   animation-fill-mode: forwards;
@@ -81,42 +70,18 @@ $detailsMaxHeight: 130px;
   animation-timing-function: ease-in-out;
 }
 
-.animation-group-exit {
-  opacity: 0;
+.animation-group.background-highlight {
+  background-color: $color-slate-dark;
+}
 
+.closed .animation-group {
+  opacity: 0;
   animation-delay: 0.3s;
   animation-duration: 0.6s;
   animation-fill-mode: forwards;
   animation-name: delayRemoveSimple;
   animation-timing-function: ease-in-out;
-}
-
-// custom max heights
-.animation-group-details.animation-group-enter {
-  animation-name: delayAddDetails;
-}
-
-.animation-group-details.animation-group-exit {
-  animation-name: delayRemoveDetails;
-}
-
-.animation-group-chart.animation-group-enter {
-  animation-name: delayAddChart;
-}
-
-.animation-group-chart.animation-group-exit {
-  animation-name: delayRemoveChart;
-}
-
-.link-drawer {
-  .animation-group-enter {
-    animation-name: delayAddDrawer;
-  }
-
-  .animation-group-exit {
-    animation-name: delayRemoveDrawer;
-  }
-}
+} 
 
 .sidebar {
   .animation-flat {