qpp-style 9.44.4 → 9.45.1

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.
@@ -0,0 +1,230 @@
1
+ import React from "react";
2
+ import InfoTip from "../Infotip/Infotip";
3
+ import Subscribe from "./Subscribe";
4
+ import SocialLinks from "./SocialLinks";
5
+ import pjson from "../../package.json";
6
+ import { OpenInNewIcon } from "../../lib/SvgComponents";
7
+
8
+ const infoTipLabel =
9
+ "When dialing 711, you will automatically be connected to a TRS Communications Assistant who will relay your conversation to the help desk agent with strict confidentiality.";
10
+ const { version: buildVersion } = pjson;
11
+ const openWindowStyles = {
12
+ width: "1.3em",
13
+ height: "1.3em",
14
+ verticalAlign: "middle",
15
+ margin: "0 0 4px 4px",
16
+ };
17
+
18
+ const DevPreFooter = () => (
19
+ <>
20
+ <div className="feedback-session-sign-up">
21
+ <div className="responsive-container">
22
+ <hr />
23
+ <p>
24
+ <strong>Help shape the future of QPP.</strong> Participate in a user
25
+ feedback session.{" "}
26
+ <a
27
+ className="email-note-link"
28
+ href="https://qpp.cms.gov/about/hcd-research"
29
+ >
30
+ Sign up now
31
+ <OpenInNewIcon style={openWindowStyles} />
32
+ </a>
33
+ </p>
34
+ </div>
35
+ </div>
36
+ <footer className="global-footer">
37
+ <div className="build-version" id="build-version">
38
+ {buildVersion}
39
+ </div>
40
+ <div className="responsive-container">
41
+ <>
42
+ <div className="global-footer-container">
43
+ <div className="footer-resources">
44
+ <h3 className="sub-title">Resources</h3>
45
+ <ul>
46
+ <li>
47
+ <a
48
+ href="https://qpp.cms.gov/about/resource-library"
49
+ aria-label="Resource Library"
50
+ data-track-category="FooterNav"
51
+ data-track-action="OpenEducationAndTools"
52
+ data-track-label="Education and Tools"
53
+ >
54
+ Resource Library
55
+ <OpenInNewIcon className="ccsq-link-icon" />
56
+ </a>
57
+ </li>
58
+ <li>
59
+ <a
60
+ href="https://qpp.cms.gov/resources/help-and-support"
61
+ aria-label="Help and Support"
62
+ data-track-category="FooterNav"
63
+ data-track-action="OpenHelpAndSupport"
64
+ data-track-label="Help and Support"
65
+ >
66
+ Help and Support
67
+ <OpenInNewIcon className="ccsq-link-icon" />
68
+ </a>
69
+ </li>
70
+ <li>
71
+ <a
72
+ href="https://qpp.cms.gov/about/small-underserved-rural-practices"
73
+ aria-label="Support for Small Practices"
74
+ data-track-category="FooterNav"
75
+ data-track-action="OpenSupportSmallPractices"
76
+ data-track-label="Support for Small Practices"
77
+ >
78
+ Support for Small Practices
79
+ <OpenInNewIcon className="ccsq-link-icon" />
80
+ </a>
81
+ </li>
82
+ <li>
83
+ <a
84
+ href="https://qpp.cms.gov/developers"
85
+ aria-label="Developer Tools"
86
+ data-track-category="FooterNav"
87
+ data-track-action="OpenDeveloperTools"
88
+ data-track-label="Quality Payment Program"
89
+ >
90
+ Developer Tools
91
+ <OpenInNewIcon className="ccsq-link-icon" />
92
+ </a>
93
+ </li>
94
+ <li>
95
+ <a
96
+ href="https://qpp.cms.gov/glossary"
97
+ aria-label="Glossary"
98
+ data-track-category="FooterNav"
99
+ data-track-action="OpenGlossary"
100
+ data-track-label="Glossary"
101
+ >
102
+ Glossary
103
+ <OpenInNewIcon className="ccsq-link-icon" />
104
+ </a>
105
+ </li>
106
+ </ul>
107
+ </div>
108
+ <div className="footer-contact-cms">
109
+ <h3 className="sub-title">Contact CMS</h3>
110
+ <p className="contact-title">Phone:</p>
111
+ <p>Monday - Friday 8 a.m - 8 p.m ET</p>
112
+ <p>
113
+ 1-866-288-8292 (TRS: 711)
114
+ <span id="info-tip" className="footer-trs-infotip">
115
+ <InfoTip
116
+ aria-labelledby="footer-trs-infotip"
117
+ ariaLabel="TRS Communications Assistant Information"
118
+ label={infoTipLabel}
119
+ />
120
+ </span>
121
+ </p>
122
+
123
+ <p className="contact-title">Email:</p>
124
+ <p>
125
+ <a
126
+ aria-label="QPP@cms.hhs.gov"
127
+ href="mailto:QPP@cms.hhs.gov"
128
+ className="email-link"
129
+ >
130
+ QPP@cms.hhs.gov
131
+ </a>
132
+ </p>
133
+
134
+ <p className="contact-title">QPP Service Center:</p>
135
+ <h3 className="sub-title qpp-u-margin-y--0">
136
+ <a
137
+ href="https://cmsqualitysupport.servicenowservices.com/ccsq_support_central"
138
+ aria-label="Create or Track a QPP Service Center Ticket"
139
+ className="email-link"
140
+ target="__blank"
141
+ rel="noopener noreferrer"
142
+ >
143
+ <strong>Create or Track a QPP Service Center Ticket</strong>
144
+ <OpenInNewIcon className="ccsq-link-icon" />
145
+ </a>
146
+ </h3>
147
+ </div>
148
+ <div className="footer-social-newsletter">
149
+ <h3 className="sub-title">Stay Connected</h3>
150
+ <SocialLinks />
151
+ <h3 className="sub-title">Sign Up for the QPP Listserv</h3>
152
+ <Subscribe />
153
+ </div>
154
+ </div>
155
+ <hr />
156
+ </>
157
+
158
+ <div className="other-links">
159
+ <ul className="small">
160
+ <li>
161
+ <a
162
+ href="https://qpp.cms.gov/privacy"
163
+ aria-label="CMS Privacy Notice"
164
+ data-track-category="FooterNav"
165
+ data-track-action="OpenPrivacyDisclaimer"
166
+ data-track-label="CMS Privacy Notice"
167
+ >
168
+ CMS Privacy Notice
169
+ <OpenInNewIcon style={openWindowStyles} />
170
+ </a>
171
+ </li>
172
+ <li className="divider"></li>{" "}
173
+ <li>
174
+ <a
175
+ href="https://qpp.cms.gov/accessibility"
176
+ aria-label="Accessibility"
177
+ data-track-category="FooterNav"
178
+ data-track-action="OpenAccessibility"
179
+ data-track-label="Accessibility"
180
+ >
181
+ Accessibility
182
+ <OpenInNewIcon style={openWindowStyles} />
183
+ </a>
184
+ </li>
185
+ <li className="divider"></li>{" "}
186
+ <li>
187
+ <a
188
+ aria-label="Download Adobe Reader"
189
+ className="adobe-link"
190
+ rel="noopener noreferrer"
191
+ target="_blank"
192
+ href="https://get.adobe.com/reader"
193
+ data-track-category="FooterNav"
194
+ data-track-action="DownloadAdobeReader"
195
+ data-track-label="AdobeReader"
196
+ >
197
+ Download Adobe Reader
198
+ <OpenInNewIcon style={openWindowStyles} />
199
+ </a>
200
+ </li>
201
+ </ul>
202
+ <hr />
203
+ </div>
204
+ <div className="qpp-hhs-logo-container">
205
+ <div className="qpp-logo-container">
206
+ <img
207
+ className="qpp-logo"
208
+ src="/images/qpp_logo_rgb_color.png"
209
+ alt="qpp logo"
210
+ />
211
+ </div>
212
+ <div className="hhs-logo-container">
213
+ <img
214
+ className="hhs-logo"
215
+ alt="Department of Health &amp; Human Services USA"
216
+ src="/images/hhs-logo-black.svg"
217
+ />
218
+ <p>
219
+ A federal government website managed and paid for by the U.S
220
+ Centers for Medicare &amp; Medicaid Services. 7500 Security
221
+ Boulevard, Baltimore MD 21244
222
+ </p>
223
+ </div>
224
+ </div>
225
+ </div>
226
+ </footer>
227
+ </>
228
+ );
229
+
230
+ export default DevPreFooter;
@@ -28,6 +28,7 @@ const InfotipContent = ({ children, label, id }) => {
28
28
  </TooltipAnchor>
29
29
  <TooltipAriaKit
30
30
  state={tooltip}
31
+ id={undefined}
31
32
  ariaLabelledBy={undefined}
32
33
  className="tooltip-content"
33
34
  style={cssStyles}
@@ -1,5 +1,6 @@
1
1
  import Button, { TextButton } from "./Button";
2
2
  import Footer from "./Footer/FooterUI";
3
+ import DevPreFooter from "./Footer/DevPreFooter";
3
4
  import Header from "./Header/HeaderUI";
4
5
  import SideNav from "./SideNav/UI/SideNavUI";
5
6
  import Dropdown from "./Dropdown";
@@ -94,6 +95,7 @@ export {
94
95
  Button,
95
96
  Dropdown,
96
97
  Footer,
98
+ DevPreFooter,
97
99
  Header,
98
100
  Icons,
99
101
  Infotip,