qpp-style 9.45.1 → 9.45.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.babelrc +2 -8
- package/.browserlistrc +3 -0
- package/components/Accordion/index.jsx +21 -21
- package/components/Button/index.js +5 -20
- package/components/Dropdown/index.js +12 -28
- package/components/Header/HeaderAccountMenu.jsx +5 -5
- package/components/Header/HeaderContainer.jsx +5 -12
- package/components/Header/HeaderLogo.jsx +1 -1
- package/components/Header/HeaderMenuItem.jsx +3 -9
- package/components/Header/HeaderUI.jsx +7 -20
- package/components/Header/hooks.js +1 -5
- package/components/Infotip/Infotip.jsx +6 -7
- package/components/Infotip/InfotipIcon.jsx +1 -5
- package/components/Modal/Modal.jsx +3 -12
- package/components/Modal/index.jsx +1 -4
- package/components/NotificationBanner/index.js +11 -13
- package/components/SideNav/Links/NavLinkContainer.jsx +0 -5
- package/components/SideNav/UI/SideNavUI.jsx +5 -14
- package/components/Tabs/Tabs.js +0 -6
- package/dist/browser.js +1 -1
- package/dist/browser.js.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/react/index.js +1 -1
- package/dist/react/index.js.map +1 -1
- package/lib/Chevron.jsx +5 -8
- package/lib/SvgComponents.jsx +14 -30
- package/package.json +7 -8
package/lib/Chevron.jsx
CHANGED
|
@@ -1,14 +1,15 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import PropTypes from
|
|
1
|
+
import React from "react";
|
|
2
|
+
import PropTypes from "prop-types";
|
|
3
3
|
|
|
4
|
-
export const Chevron = (
|
|
4
|
+
export const Chevron = ({ className = "accordion-icon", ...rest }) => {
|
|
5
5
|
return (
|
|
6
6
|
<svg
|
|
7
7
|
width="10px"
|
|
8
8
|
height="6px"
|
|
9
9
|
viewBox="0 0 10 6"
|
|
10
10
|
xmlns="http://www.w3.org/2000/svg"
|
|
11
|
-
{
|
|
11
|
+
className={className}
|
|
12
|
+
{...rest}
|
|
12
13
|
>
|
|
13
14
|
<g stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
|
|
14
15
|
<g
|
|
@@ -26,7 +27,3 @@ export const Chevron = (props) => {
|
|
|
26
27
|
Chevron.propTypes = {
|
|
27
28
|
className: PropTypes.string,
|
|
28
29
|
};
|
|
29
|
-
|
|
30
|
-
Chevron.defaultProps = {
|
|
31
|
-
className: 'accordion-icon',
|
|
32
|
-
};
|
package/lib/SvgComponents.jsx
CHANGED
|
@@ -584,7 +584,7 @@ export const AuthorContentIcon = () => (
|
|
|
584
584
|
</svg>
|
|
585
585
|
);
|
|
586
586
|
|
|
587
|
-
export const OpenInNewIcon = ({ className, ...rest }) => (
|
|
587
|
+
export const OpenInNewIcon = ({ className = "", ...rest }) => (
|
|
588
588
|
<svg
|
|
589
589
|
xmlns="http://www.w3.org/2000/svg"
|
|
590
590
|
viewBox="0 0 24 24"
|
|
@@ -600,11 +600,11 @@ OpenInNewIcon.propTypes = {
|
|
|
600
600
|
className: PropTypes.string,
|
|
601
601
|
};
|
|
602
602
|
|
|
603
|
-
|
|
604
|
-
className
|
|
605
|
-
|
|
606
|
-
|
|
607
|
-
|
|
603
|
+
export const SearchIcon = ({
|
|
604
|
+
className = "",
|
|
605
|
+
viewBox = "0 0 24 24",
|
|
606
|
+
...rest
|
|
607
|
+
}) => (
|
|
608
608
|
<svg
|
|
609
609
|
className={`qpp-icon-mat ${className}`}
|
|
610
610
|
xmlns="http://www.w3.org/2000/svg"
|
|
@@ -620,11 +620,11 @@ SearchIcon.propTypes = {
|
|
|
620
620
|
viewBox: PropTypes.string,
|
|
621
621
|
};
|
|
622
622
|
|
|
623
|
-
|
|
624
|
-
className
|
|
625
|
-
|
|
626
|
-
|
|
627
|
-
|
|
623
|
+
export const DownloadIcon = ({
|
|
624
|
+
className = "",
|
|
625
|
+
viewBox = "0 0 24 24",
|
|
626
|
+
...rest
|
|
627
|
+
}) => (
|
|
628
628
|
<svg
|
|
629
629
|
className={`qpp-icon-mat ${className}`}
|
|
630
630
|
xmlns="http://www.w3.org/2000/svg"
|
|
@@ -640,11 +640,7 @@ DownloadIcon.propTypes = {
|
|
|
640
640
|
viewBox: PropTypes.string,
|
|
641
641
|
};
|
|
642
642
|
|
|
643
|
-
|
|
644
|
-
className: "",
|
|
645
|
-
};
|
|
646
|
-
|
|
647
|
-
export const CloseIcon = ({ className, ...rest }) => (
|
|
643
|
+
export const CloseIcon = ({ className = "", ...rest }) => (
|
|
648
644
|
<svg
|
|
649
645
|
className={`${className}`}
|
|
650
646
|
xmlns="http://www.w3.org/2000/svg"
|
|
@@ -660,11 +656,7 @@ CloseIcon.propTypes = {
|
|
|
660
656
|
className: PropTypes.string,
|
|
661
657
|
};
|
|
662
658
|
|
|
663
|
-
|
|
664
|
-
className: "",
|
|
665
|
-
};
|
|
666
|
-
|
|
667
|
-
export const ExpandMoreIcon = ({ className, ...rest }) => (
|
|
659
|
+
export const ExpandMoreIcon = ({ className = "", ...rest }) => (
|
|
668
660
|
<svg
|
|
669
661
|
xmlns="http://www.w3.org/2000/svg"
|
|
670
662
|
viewBox="0 0 24 24"
|
|
@@ -680,11 +672,7 @@ ExpandMoreIcon.propTypes = {
|
|
|
680
672
|
className: PropTypes.string,
|
|
681
673
|
};
|
|
682
674
|
|
|
683
|
-
|
|
684
|
-
className: "",
|
|
685
|
-
};
|
|
686
|
-
|
|
687
|
-
export const ExpandLessIcon = ({ className, ...rest }) => (
|
|
675
|
+
export const ExpandLessIcon = ({ className = "", ...rest }) => (
|
|
688
676
|
<svg
|
|
689
677
|
xmlns="http://www.w3.org/2000/svg"
|
|
690
678
|
viewBox="0 0 24 24"
|
|
@@ -699,7 +687,3 @@ export const ExpandLessIcon = ({ className, ...rest }) => (
|
|
|
699
687
|
ExpandLessIcon.propTypes = {
|
|
700
688
|
className: PropTypes.string,
|
|
701
689
|
};
|
|
702
|
-
|
|
703
|
-
ExpandLessIcon.defaultProps = {
|
|
704
|
-
className: "",
|
|
705
|
-
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "qpp-style",
|
|
3
|
-
"version": "9.45.
|
|
3
|
+
"version": "9.45.2",
|
|
4
4
|
"description": "Shared style guide across the QPP program.",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"homepage": "https://cmsgov.github.io/qpp-style",
|
|
@@ -23,13 +23,12 @@
|
|
|
23
23
|
"devDependencies": {
|
|
24
24
|
"@babel/eslint-parser": "^7.24.7",
|
|
25
25
|
"@svgr/webpack": "^8.0.1",
|
|
26
|
-
"@testing-library/react": "^16.0.
|
|
26
|
+
"@testing-library/react": "^16.0.1",
|
|
27
27
|
"@types/node": "^20.14.5",
|
|
28
28
|
"@types/webpack": "^5.28.5",
|
|
29
|
-
"autoprefixer": "^10.4.
|
|
29
|
+
"autoprefixer": "^10.4.20",
|
|
30
30
|
"babel-jest": "^29.6.1",
|
|
31
31
|
"babel-loader": "^9.1.3",
|
|
32
|
-
"babel-plugin-transform-class-properties": "^6.24.1",
|
|
33
32
|
"babel-plugin-transform-es2015-modules-umd": "^6.24.1",
|
|
34
33
|
"copy-webpack-plugin": "^12.0.2",
|
|
35
34
|
"css-loader": "^7.1.2",
|
|
@@ -37,15 +36,15 @@
|
|
|
37
36
|
"eslint-config-prettier": "^9.1.0",
|
|
38
37
|
"eslint-plugin-babel": "^5.3.1",
|
|
39
38
|
"eslint-plugin-prettier": "^5.1.3",
|
|
40
|
-
"eslint-plugin-react": "^7.
|
|
39
|
+
"eslint-plugin-react": "^7.36.1",
|
|
41
40
|
"eslint-webpack-plugin": "^4.2.0",
|
|
42
41
|
"feather-icons-react": "^0.7.0",
|
|
43
42
|
"gh-pages": "^6.1.1",
|
|
44
|
-
"husky": "^9.
|
|
43
|
+
"husky": "^9.1.6",
|
|
45
44
|
"jest": "^29.6.1",
|
|
46
45
|
"jest-environment-jsdom": "^29.6.1",
|
|
47
46
|
"jsonwebtoken": "^9.0.2",
|
|
48
|
-
"mini-css-extract-plugin": "^2.9.
|
|
47
|
+
"mini-css-extract-plugin": "^2.9.1",
|
|
49
48
|
"moxios": "^0.4.0",
|
|
50
49
|
"preact": "^10.22.0",
|
|
51
50
|
"prettier": "^3.3.2",
|
|
@@ -59,7 +58,7 @@
|
|
|
59
58
|
"svgo": "^3.3.2",
|
|
60
59
|
"svgo-loader": "^4.0.0",
|
|
61
60
|
"terser-webpack-plugin": "^5.3.10",
|
|
62
|
-
"webpack": "^5.
|
|
61
|
+
"webpack": "^5.94.0",
|
|
63
62
|
"webpack-cli": "^5.1.4"
|
|
64
63
|
},
|
|
65
64
|
"repository": {
|