qpp-style 9.12.2 → 9.13.3

package/images/icons/svg/calendar.svg

@@ -1 +1 @@
-<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M12.167 8.8H8v4h4.167v-4zM11.333 0v1.6H4.667V0H3v1.6h-.833c-.925 0-1.659.72-1.659 1.6L.5 14.4c0 .88.742 1.6 1.667 1.6h11.666c.917 0 1.667-.72 1.667-1.6V3.2c0-.88-.75-1.6-1.667-1.6H13V0h-1.667zm2.5 14.4H2.167V5.6h11.666v8.8z" fill-rule="nonzero"/></svg>
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M12.167 8.8H8v4h4.167v-4zM11.333 0v1.6H4.667V0H3v1.6h-.833c-.925 0-1.659.72-1.659 1.6L.5 14.4c0 .88.742 1.6 1.667 1.6h11.666c.917 0 1.667-.72 1.667-1.6V3.2c0-.88-.75-1.6-1.667-1.6H13V0h-1.667zm2.5 14.4H2.167V5.6h11.666v8.8z"/></svg>

package/images/icons/svg/dropdown-arrow.svg

@@ -0,0 +1 @@
+<svg viewBox="-2 -3 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M10.232 7.64a1 1 0 1 0 1.536-1.28l-5-6a1 1 0 0 0-1.536 0l-5 6a1 1 0 0 0 1.536 1.28L6 2.562l4.232 5.078Z"/></svg>

package/images/icons/svg/file-upload.svg

@@ -1 +1 @@
-<svg viewBox="0 0 50 50" ="http://www.w3.org/2000/svg"><g transform="translate(1 1)" stroke-width="2" fill="none" fill-rule="evenodd"><circle stroke="#CCC" cx="22.5" cy="22.5" r="22.5"/><path d="M22.259 14.341v16.98m6.731-11.318L22.21 12.8l-6.412 7.204" stroke="#0073C8" stroke-linecap="square"/></g></svg>
+<svg viewBox="0 0 50 50" xmlns="http://www.w3.org/2000/svg"><g transform="translate(1 1)" stroke-width="2" fill="none" fill-rule="evenodd"><circle stroke="#CCC" cx="22.5" cy="22.5" r="22.5"/><path d="M22.259 14.341v16.98m6.731-11.318L22.21 12.8l-6.412 7.204" stroke="#0073C8" stroke-linecap="square"/></g></svg>

package/images/icons/svg/search.svg

@@ -1,7 +1 @@
-<svg viewBox="0 0 16 18" xmlns="http://www.w3.org/2000/svg">
-    <g transform="translate(1 1)" stroke="#717171" stroke-width="2" fill="none" fill-rule="evenodd"
-        stroke-linecap="round" stroke-linejoin="round">
-        <circle cx="5.988" cy="5.988" r="5.988" />
-        <path d="m13.474 15.233-3.256-3.256" />
-    </g>
-</svg>
+<svg viewBox="0 0 16 18" xmlns="http://www.w3.org/2000/svg"><g transform="translate(1 1)" stroke="#717171" stroke-width="2" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><circle cx="5.988" cy="5.988" r="5.988"/><path d="m13.474 15.233-3.256-3.256"/></g></svg>

package/images/icons/svg/tooltip-question.svg

@@ -1,6 +1 @@
-<svg viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
-    <path d="M6 0C2.691 0 0 2.691 0 6s2.691 6 6 6 6-2.691 6-6-2.691-6-6-6z" />
-    <path
-        d="M6.045 8.535c.246 0 .474.153.474.4v.3c0 .248-.228.4-.474.4-.246 0-.475-.152-.475-.4v-.3c0-.247.229-.4.475-.4zM6.07 2.5c1.098.015 2.004.878 2.02 1.933a1.933 1.933 0 0 1-.942 1.679 1.365 1.365 0 0 0-.629 1.162v.608c0 .259-.215.464-.474.464a.469.469 0 0 1-.475-.464v-.608c0-.805.401-1.535 1.072-1.947.32-.196.504-.525.499-.881-.008-.538-.504-1.01-1.083-1.018a1.11 1.11 0 0 0-.787.301.995.995 0 0 0-.322.732c0 .259-.215.463-.475.463A.469.469 0 0 1 4 4.461c0-.531.219-1.03.613-1.4A2.077 2.077 0 0 1 6.06 2.5h.01z"
-        fill="#FFF" />
-</svg>
+<svg viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg"><path d="M6 0C2.691 0 0 2.691 0 6s2.691 6 6 6 6-2.691 6-6-2.691-6-6-6z"/><path d="M6.045 8.535c.246 0 .474.153.474.4v.3c0 .248-.228.4-.474.4-.246 0-.475-.152-.475-.4v-.3c0-.247.229-.4.475-.4zM6.07 2.5c1.098.015 2.004.878 2.02 1.933a1.933 1.933 0 0 1-.942 1.679 1.365 1.365 0 0 0-.629 1.162v.608a.47.47 0 0 1-.474.464.469.469 0 0 1-.475-.464v-.608c0-.805.401-1.535 1.072-1.947.32-.196.504-.525.499-.881-.008-.538-.504-1.01-1.083-1.018a1.11 1.11 0 0 0-.787.301.995.995 0 0 0-.322.732.468.468 0 0 1-.475.463A.469.469 0 0 1 4 4.461c0-.531.219-1.03.613-1.4A2.077 2.077 0 0 1 6.06 2.5h.01z" fill="#FFF"/></svg>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "qpp-style",
-  "version": "9.12.2",
+  "version": "9.13.3",
   "description": "Shared style guide across the QPP program.",
   "main": "dist/index.js",
   "homepage": "https://cmsgov.github.io/qpp-style",
@@ -25,21 +25,21 @@
   },
   "devDependencies": {
     "@babel/cli": "^7.16.8",
-    "@babel/core": "^7.16.7",
-    "@babel/preset-env": "^7.16.8",
+    "@babel/core": "^7.16.12",
+    "@babel/preset-env": "^7.16.11",
     "@babel/preset-react": "^7.16.7",
     "@babel/register": "^7.16.9",
-    "@storybook/addon-a11y": "^6.4.13",
-    "@storybook/addon-actions": "^6.4.13",
-    "@storybook/addon-backgrounds": "^6.4.13",
-    "@storybook/addon-docs": "^6.4.13",
+    "@storybook/addon-a11y": "^6.4.17",
+    "@storybook/addon-actions": "^6.4.17",
+    "@storybook/addon-backgrounds": "^6.4.17",
+    "@storybook/addon-docs": "^6.4.17",
     "@storybook/addon-knobs": "^6.4.0",
-    "@storybook/addon-links": "^6.4.13",
+    "@storybook/addon-links": "^6.4.17",
     "@storybook/addon-postcss": "^2.0.0",
-    "@storybook/addon-storysource": "^6.4.13",
-    "@storybook/addon-viewport": "^6.4.13",
-    "@storybook/addons": "^6.4.13",
-    "@storybook/react": "^6.4.13",
+    "@storybook/addon-storysource": "^6.4.17",
+    "@storybook/addon-viewport": "^6.4.17",
+    "@storybook/addons": "^6.4.17",
+    "@storybook/react": "^6.4.17",
     "@testing-library/react": "^12.1.2",
     "autoprefixer": "^10.4.2",
     "babel-eslint": "^10.1.0",
@@ -47,7 +47,7 @@
     "babel-loader": "^8.2.3",
     "babel-plugin-transform-class-properties": "^6.24.1",
     "babel-plugin-transform-es2015-modules-umd": "^6.24.1",
-    "chai": "^4.3.4",
+    "chai": "^4.3.6",
     "copy-webpack-plugin": "^5.1.2",
     "css-loader": "^3.6.0",
     "enzyme": "^3.11.0",
@@ -67,7 +67,6 @@
     "mini-css-extract-plugin": "^0.11.3",
     "moxios": "^0.4.0",
     "node-fetch": "^2.6.7",
-    "node-sass": "^6.0.1",
     "prettier": "^2.5.1",
     "raw-loader": "^4.0.2",
     "react": "^17.0.2",
@@ -76,7 +75,7 @@
     "react-test-renderer": "^17.0.2",
     "regenerator-runtime": "^0.13.9",
     "rimraf": "^3.0.2",
-    "sass": "^1.48.0",
+    "sass": "^1.49.0",
     "sass-loader": "^10.2.1",
     "sinon": "^12.0.1",
     "style-loader": "^1.3.0",
@@ -114,7 +113,7 @@
     "d3-selection": "^1.4.2",
     "d3-shape": "^1.3.7",
     "jwt-decode": "^3.1.2",
-    "preact": "^10.6.4",
+    "preact": "^10.6.5",
     "prop-types": "^15.8.1",
     "react-modal": "^3.14.4",
     "retry": "^0.13.1",

package/session/logout.js

@@ -3,25 +3,31 @@ import axios from 'axios';
 
 export const deleteImpersonatedUser = (cookies) => {
   const userHasApmPayments = localStorage.getItem('user_has_apm_payments');
-  if (
-    cookies.hasOwnProperty('qpp_impersonated_user', 'user_has_apm_payments')
-  ) {
-    document.cookie = `user_has_apm_payments=${userHasApmPayments}; Path=/;`;
+  if (cookies.hasOwnProperty('qpp_impersonated_user')) {
     document.cookie =
       'qpp_impersonated_user=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;';
   }
+
+  if (cookies.hasOwnProperty('qpp_impersonated_type')) {
+    document.cookie =
+      'qpp_impersonated_type=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;';
+  }
+
+  if (cookies.hasOwnProperty('user_has_apm_payments')) {
+    document.cookie = `user_has_apm_payments=${userHasApmPayments}; Path=/;`;
+  }
 };
 
 export const revertQppHasAuthsCookie = () => {
   const { qppHasAuthorizations, behindSSL } = JSON.parse(
     localStorage.getItem('impersonatorAuthValues')
-  )
+  );
   if (qppHasAuthorizations) {
     document.cookie = `qpp_has_authorizations=${qppHasAuthorizations};path=/${
       behindSSL ? ';secure' : ''
-    }`
+    }`;
   }
-}
+};
 
 /**
  * Makes an API request to end the user session.

package/styles/qppds/base/_typography.scss

@@ -71,7 +71,7 @@
 }
 
 .qpp-error-message {
-  color: $red-60;
+  color: $red-50;
   display: block;
   font-size: $font-size-14;
   font-weight: 400;

package/styles/qppds/components/_button.scss

@@ -173,8 +173,8 @@
   // Danger / Destructive Button
   &.qpp-c-button--danger {
     background-color: transparent;
-    border: 1px solid $red-60;
-    color: $red-60;
+    border: 1px solid $red-50;
+    color: $red-50;
     font-size: $font-size-14;
 
     &:disabled,
@@ -187,6 +187,7 @@
     &:hover,
     &.qpp-c-button--hover {
       background-color: fade-out($red-50, 0.9);
+      color: $red-60;
     }
 
     &:active,

package/styles/qppds/components/_text-input.scss

@@ -29,7 +29,7 @@
   }
 
   &.qpp-c-text-input--error {
-    border: 1px solid $red-60;
+    border: 1px solid $red-50;
 
     &:focus,
     &.qpp-c-button--focus {

package/styles/qppds/utilities/_color.scss

@@ -25,6 +25,10 @@
   color: $blue-70 !important;
 }
 
+.qpp-u-color--red-50 {
+  color: $red-50 !important;
+}
+
 .qpp-u-color--red-60 {
   color: $red-60 !important;
 }