qpp-style 9.18.2 → 9.19.1

package/images/icons/svg/registration.svg

@@ -0,0 +1,8 @@
+<svg xmlns="http: //www.w3.org/2000/svg" viewBox="0 0 26 26">
+    <g stroke="#80CBC4" stroke-width="1.167" fill="none" fill-rule="evenodd" stroke-linecap="round"
+        stroke-linejoin="round">
+        <path
+            d="M11.5 3.475H3.333A2.333 2.333 0 0 0 1 5.808v16.334a2.333 2.333 0 0 0 2.333 2.333h16.334A2.333 2.333 0 0 0 22 22.142v-8.167" />
+        <path d="M20.25 1.725a2.475 2.475 0 0 1 3.5 3.5L12.667 16.308 8 17.475l1.167-4.667L20.25 1.725Z" />
+    </g>
+</svg>

package/lib/SvgComponents.jsx

@@ -485,7 +485,7 @@ export const YoutubeIcon = () => (
 
 export const TwitterIcon = () => (
   <svg className="twitter-icon" width="19px" height="16px" viewBox="0 0 19 16">
-    <g stroke="none" stroke-Width="1" fill="none" fillRule="evenodd">
+    <g stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
       <g
         transform="translate(-763.000000, -177.000000)"
         fill="#242424"
@@ -567,4 +567,4 @@ export const AuthorContentIcon = () => (
       <path d="M12.3690401,0 C12.5089135,0 12.643038,0.0545896414 12.7419831,0.151701195 L12.7419831,0.151701195 L17.0947785,4.42616335 C17.1936709,4.5232749 17.2492616,4.65503586 17.2492616,4.79239044 L17.2492616,4.79239044 L17.2492616,10.8009801 C18.8116034,11.8150319 19.7705696,13.5487968 19.7705696,15.3972311 C19.7705696,16.2998247 19.5464135,17.181753 19.1197785,17.9722151 L19.1197785,17.9722151 L24.4784283,23.2343147 C25.1216772,23.8659801 25.1216772,24.8938088 24.4783755,25.5254741 C24.1667722,25.8314661 23.7524262,26 23.3117089,26 C22.8710443,26 22.4566983,25.8314661 22.1450949,25.5254741 L22.1450949,25.5254741 L17.2492616,20.7178048 L17.2492616,22.6715339 C17.2492616,22.9575857 17.0130802,23.1894622 16.7218354,23.1894622 L16.7218354,23.1894622 L0.52742616,23.1894622 C0.236181435,23.1894622 2.4158453e-13,22.9575857 2.4158453e-13,22.6715339 L2.4158453e-13,22.6715339 L2.4158453e-13,0.517928287 C2.4158453e-13,0.231876494 0.236181435,0 0.52742616,0 L0.52742616,0 Z M18.5264241,18.854506 L18.332801,19.076681 C18.1332707,19.2942789 17.916192,19.4965817 17.6845464,19.6807052 L17.6845464,19.6807052 L22.890981,24.7930199 C23.0033228,24.9033904 23.1527426,24.9641434 23.3117089,24.9641434 C23.4706751,24.9641434 23.6200949,24.9033904 23.7324895,24.7930199 C23.9644515,24.5652351 23.9644515,24.1946056 23.7324895,23.9668207 L23.7324895,23.9668207 L18.5264241,18.854506 Z M11.8416139,1.03585657 L1.05485232,1.03585657 L1.05485232,22.1536056 L16.1944093,22.1536056 L16.194884,20.5287092 C15.5506857,20.774259 14.8618143,20.9023944 14.164346,20.9023944 C11.0731013,20.9023944 8.55812236,18.432757 8.55812236,15.3971793 C8.55812236,12.3616016 11.0731013,9.89196414 14.164346,9.89196414 C14.8618143,9.89196414 15.5506857,10.0200996 16.194884,10.2656494 L16.194884,10.2656494 L16.1944093,5.31031873 L12.3690401,5.31031873 C12.0777954,5.31031873 11.8416139,5.07844223 11.8416139,4.79239044 L11.8416139,4.79239044 L11.8416139,1.03585657 Z M14.1643987,10.9278725 C11.6547468,10.9278725 9.61302743,12.9328247 9.61302743,15.3972311 C9.61302743,17.8616375 11.6547468,19.8665896 14.1643987,19.8665896 C14.9709388,19.8665896 15.7632911,19.6566215 16.4558544,19.2593705 C16.501635,19.2331633 16.5468882,19.2061793 16.5916139,19.1784183 C17.1621835,18.8243625 17.6543249,18.3411355 18.0148207,17.7808406 C18.473365,17.0682749 18.7157173,16.2440438 18.7157173,15.3972311 C18.7157173,13.8143904 17.849789,12.3345139 16.4559072,11.5350916 C15.7632911,11.1378406 14.9708861,10.9278725 14.1643987,10.9278725 Z M12.2609177,12.3475657 C12.5091245,12.1978845 12.8339135,12.2741753 12.9863397,12.5179641 C13.1387658,12.7617012 13.0611287,13.0806414 12.8128692,13.2303227 C12.039135,13.6968725 11.5771624,14.5069124 11.5771624,15.3972311 C11.5771624,15.6832829 11.340981,15.9151594 11.0497363,15.9151594 C10.7584916,15.9151594 10.5223101,15.6832829 10.5223101,15.3972311 C10.5223101,14.1440518 11.1722574,13.003988 12.2609177,12.3475657 Z M14.164346,11.8207809 C14.8095992,11.8207809 15.4439346,11.9889522 15.9987869,12.3072191 C16.2503165,12.4514622 16.3351266,12.7686414 16.1881857,13.0156932 C16.0900844,13.1805498 15.9135549,13.2724821 15.7322257,13.2724821 C15.6418776,13.2724821 15.5503692,13.2496414 15.4667194,13.2016813 C15.0732068,12.9759681 14.6228376,12.8566375 14.164346,12.8566375 C13.8731013,12.8566375 13.6369198,12.624761 13.6369198,12.3387092 C13.6369198,12.0526574 13.8731013,11.8207809 14.164346,11.8207809 Z M12.896519,1.76836255 L12.896519,4.27446215 L15.4485759,4.27446215 L12.896519,1.76836255 Z"></path>
     </g>
   </svg>
-)
+)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "qpp-style",
-  "version": "9.18.2",
+  "version": "9.19.1",
   "description": "Shared style guide across the QPP program.",
   "main": "dist/index.js",
   "homepage": "https://cmsgov.github.io/qpp-style",
@@ -26,25 +26,27 @@
   },
   "devDependencies": {
     "@babel/cli": "^7.18.10",
-    "@babel/core": "^7.18.13",
-    "@babel/preset-env": "^7.18.10",
+    "@babel/core": "^7.19.0",
+    "@babel/preset-env": "^7.19.0",
     "@babel/preset-react": "^7.18.6",
     "@babel/register": "^7.18.9",
-    "@storybook/addon-a11y": "^6.5.10",
-    "@storybook/addon-actions": "^6.5.10",
-    "@storybook/addon-backgrounds": "^6.5.10",
-    "@storybook/addon-docs": "^6.5.10",
+    "@storybook/addon-a11y": "^6.5.12",
+    "@storybook/addon-actions": "^6.5.12",
+    "@storybook/addon-backgrounds": "^6.5.12",
+    "@storybook/addon-docs": "^6.5.12",
     "@storybook/addon-knobs": "^6.4.0",
-    "@storybook/addon-links": "^6.5.10",
+    "@storybook/addon-links": "^6.5.12",
     "@storybook/addon-postcss": "^2.0.0",
-    "@storybook/addon-storysource": "^6.5.10",
-    "@storybook/addon-viewport": "^6.5.10",
-    "@storybook/addons": "^6.5.10",
-    "@storybook/react": "^6.5.10",
-    "@testing-library/react": "^12.1.2",
-    "autoprefixer": "^10.4.8",
+    "@storybook/addon-storysource": "^6.5.12",
+    "@storybook/addon-viewport": "^6.5.12",
+    "@storybook/addons": "^6.5.12",
+    "@storybook/builder-webpack5": "^6.5.12",
+    "@storybook/manager-webpack5": "^6.5.12",
+    "@storybook/react": "^6.5.12",
+    "@testing-library/react": "^12.1.5",
+    "autoprefixer": "^10.4.10",
     "babel-eslint": "^10.1.0",
-    "babel-jest": "^28.1.3",
+    "babel-jest": "^29.0.3",
     "babel-loader": "^8.2.5",
     "babel-plugin-transform-class-properties": "^6.24.1",
     "babel-plugin-transform-es2015-modules-umd": "^6.24.1",
@@ -55,26 +57,26 @@
     "eslint-config-prettier": "^6.15.0",
     "eslint-plugin-babel": "^5.3.1",
     "eslint-plugin-prettier": "^4.2.1",
-    "eslint-plugin-react": "^7.30.1",
+    "eslint-plugin-react": "^7.31.8",
     "eslint-webpack-plugin": "^3.2.0",
     "feather-icons-react": "^0.4.3",
     "gh-pages": "^3.2.3",
     "husky": "^8.0.0",
-    "jest": "^27.4.7",
+    "jest": "^29.0.3",
+    "jest-environment-jsdom": "^29.0.3",
     "jsonwebtoken": "^8.5.1",
     "mini-css-extract-plugin": "^2.6.1",
     "moxios": "^0.4.0",
-    "node-fetch": "^2.6.7",
+    "preact": "^10.11.0",
     "prettier": "^2.7.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
-    "react-svg-inline": "^2.1.1",
     "react-test-renderer": "^17.0.2",
     "regenerator-runtime": "^0.13.9",
     "rimraf": "^3.0.2",
     "sass": "^1.54.6",
     "sass-loader": "^13.0.2",
-    "sinon": "^12.0.1",
+    "sinon": "^14.0.0",
     "style-loader": "^3.3.1",
     "svgo": "^1.3.2",
     "svgo-loader": "^2.2.2",
@@ -100,7 +102,6 @@
     "url": "https://github.com/CMSgov/qpp-style/issues"
   },
   "dependencies": {
-    "@cmsgov/design-system": "^2.13.0",
     "@material-ui/core": "^4.12.3",
     "@material-ui/icons": "^4.11.2",
     "@reach/portal": "^0.17.0",
@@ -110,7 +111,6 @@
     "d3-selection": "^1.4.2",
     "d3-shape": "^1.3.7",
     "jwt-decode": "^3.1.2",
-    "preact": "^10.10.6",
     "prop-types": "^15.8.1",
     "react-modal": "^3.14.4",
     "retry": "^0.13.1",

package/test-setup.js

@@ -1,5 +1 @@
 import 'regenerator-runtime/runtime';
-
-const fetch = require('node-fetch');
-
-global.fetch = fetch;

package/components/Spinner/index.js

@@ -1,9 +0,0 @@
-import React from 'react';
-import { render } from 'react-dom';
-import DSSpinner from '@cmsgov/design-system/dist/components/Spinner/Spinner';
-
-export default class Spinner {
-  constructor(options) {
-    render(<DSSpinner />, options.rootElement);
-  }
-}

package/components/UnwrappedSpinner/index.js

@@ -1,8 +0,0 @@
-import React, { Component } from 'react';
-import DSSpinner from '@cmsgov/design-system/dist/components/Spinner/Spinner';
-
-export default class SpinnerUI extends Component {
-  render() {
-    return <DSSpinner />;
-  }
-}