` that contains all accordion items.
10 | */
11 | className?: string;
12 | }
13 | export declare const Accordion: FunctionComponent;
14 | export default Accordion;
15 |
--------------------------------------------------------------------------------
/assets/images/success.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/assets/images/usa-banner-dot-gov.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/404.html:
--------------------------------------------------------------------------------
1 | ---
2 | permalink: /404.html
3 | layout: default
4 | ---
5 |
6 |
19 |
20 | {
16 | render(): JSX.Element;
17 | }
18 |
--------------------------------------------------------------------------------
/assets/images/checkmark-white.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/.github/ISSUE_TEMPLATE/issue_template.md:
--------------------------------------------------------------------------------
1 | ## What is the goal or purpose of this issue?
2 | _Insert a clear and concise description of the purpose of this issue.
3 | Ex: The purpose of this issue is to revise outcome statements for readability and clarity.
4 | Ex: The purpose of this issue is to update the Roadmap markdown file._
5 |
6 | ## This issue is resolved when...
7 | - [ ] thing 1
8 | - [ ] thing 2
9 | - [ ] thing 3
10 | - [ ] ...
11 |
12 | ## Additional context
13 | _Add any other context, screenshots, or links about the request here_
14 |
--------------------------------------------------------------------------------
/assets/scss/settings/variables/_animation.scss:
--------------------------------------------------------------------------------
1 | $ease-in-out-expo: cubic-bezier(1, 0, 0, 1) !default;
2 |
3 | // Changing the base to a larger number will slow down all animations.
4 | // This can be useful when debugging animations.
5 | $speed-base: 1 !default;
6 | // 250ms is the quickest an animation can be for it to even be noticeable
7 | $animation-speed-1: 0.25s * $speed-base !default;
8 | $animation-speed-2: 0.3s * $speed-base !default;
9 | $animation-speed-3: 0.5s * $speed-base !default;
10 | $animation-speed-4: 0.8s * $speed-base !default;
11 |
--------------------------------------------------------------------------------
/_includes/header.html:
--------------------------------------------------------------------------------
1 |
10 |
11 |
14 |
15 |
--------------------------------------------------------------------------------
/assets/types/StepList/Step.d.ts:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 | import { StepObjectWithSubStep } from './StepList';
3 |
4 | export interface StepProps {
5 | step: StepObjectWithSubStep;
6 | onStepLinkClick?: (...args: any[]) => any;
7 | showSubSubSteps?: boolean;
8 | completedText: string;
9 | editText: string;
10 | resumeText: string;
11 | startText: string;
12 | actionsLabelText?: string;
13 | descriptionLabelText?: string;
14 | substepsLabelText?: string;
15 | }
16 |
17 | declare const Step: React.FC;
18 |
19 | export default Step;
20 |
--------------------------------------------------------------------------------
/.github/PULL_REQUEST_TEMPLATE.md:
--------------------------------------------------------------------------------
1 | This pull request resolves #
2 |
3 | **This pull request changes...**
4 | - expected change 1
5 | - expected change 2
6 |
7 | **Steps to manually review and verify this change...**
8 | 1. steps to view and verify change
9 | 2. ...
10 | 3. ...
11 |
12 | ### This pull request can be merged when…
13 | - [ ] The above pull request description is complete
14 | - [ ] The pull request author has tested the change successfully
15 | - [ ] The pull request author has assigned a CMS reviewer
16 | - [ ] The change has been reviewed and approved by CMS
17 |
--------------------------------------------------------------------------------
/assets/types/Table/TableRow.d.ts:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 |
3 | export interface TableRowProps {
4 | /**
5 | * The table row contents, usually `TableCell`.
6 | */
7 | children?: React.ReactNode;
8 | /**
9 | * @hide-prop This gets set from the parent `TableHead`
10 | */
11 | _isTableHeadChild?: boolean;
12 | /**
13 | * @hide-prop This gets set from the parent `Table`
14 | */
15 | _stackable?: boolean;
16 | }
17 |
18 | declare const TableRow: React.FC & TableRowProps>;
19 |
20 | export default TableRow;
21 |
--------------------------------------------------------------------------------
/_scss/color_schemes/cmms.scss:
--------------------------------------------------------------------------------
1 |
2 | $body-background-color: $grey-dk-300;
3 | $sidebar-color: $grey-dk-300;
4 | $border-color: $grey-dk-200;
5 |
6 | $body-text-color: $grey-lt-300;
7 | $body-heading-color: $grey-lt-000;
8 | $nav-child-link-color: $grey-dk-000;
9 | $search-result-preview-color: $grey-dk-000;
10 |
11 | $link-color: $blue-000;
12 | $btn-primary-color: $blue-200;
13 | $base-button-color: $grey-dk-250;
14 |
15 | $code-background-color: $grey-dk-250;
16 | $search-background-color: $grey-dk-250;
17 | $table-background-color: $grey-dk-250;
18 | $feedback-color: darken($sidebar-color, 3%);
--------------------------------------------------------------------------------
/assets/types/StepList/StepLink.d.ts:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 |
3 | export type StepLinkComponent = React.ReactElement | ((...args: any[]) => any);
4 |
5 | export interface StepLinkProps {
6 | /**
7 | * Label text or HTML.
8 | */
9 | children: React.ReactNode;
10 | href: string;
11 | stepId?: string;
12 | screenReaderText?: string;
13 | className?: string;
14 | onClick?: (...args: any[]) => any;
15 | component?: StepLinkComponent;
16 | }
17 |
18 | export default class StepLink extends React.Component {
19 | render(): JSX.Element;
20 | }
21 |
--------------------------------------------------------------------------------
/_layouts/csv.html:
--------------------------------------------------------------------------------
1 | {% assign source = page.source | remove: ".csv" | replace: " ", "_" %}
2 | {%- for row in site.data[source] -%}
3 | {%- if forloop.first -%}
4 | {%- for pair in row -%}
5 | "{{ pair[0] }}"{%- unless forloop.last %},{% endunless -%}
6 | {% if forloop.last %}
7 | {% endif %}
8 | {%- endfor -%}
9 | {%- endif -%}
10 | {% raw %}
11 | {% endraw %}
12 | {%- for pair in row -%}
13 | "{{ pair[1] }}"{%- unless forloop.last %},{% endunless -%}
14 | {% if forloop.last %}
15 | {% endif %}
16 | {%- endfor -%}
17 | {%- endfor -%}
18 |
--------------------------------------------------------------------------------
/assets/images/usa-banner-flag.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/assets/types/InlineError/InlineError.d.ts:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | /**
3 | * is an internal component used by and
4 | * is also exported for advanced design system use cases, where the internal component can be leveraged to build custom form components
5 | */
6 | interface InlineErrorProps {
7 | children?: React.ReactNode;
8 | className?: string;
9 | id?: string;
10 | inversed?: boolean;
11 | }
12 | export declare function InlineError({ children, className, id, inversed, }: InlineErrorProps): React.ReactElement;
13 | export default InlineError;
14 |
--------------------------------------------------------------------------------
/assets/images/usa-banner-flag-es.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/assets/scss/settings/variables/_build.scss:
--------------------------------------------------------------------------------
1 | // Paths
2 | $font-path: '../fonts' !default;
3 | $image-path: '../images' !default;
4 |
5 | // Override these variables to change what CSS rulesets get outputted when
6 | // the Sass is transpiled to CSS
7 | $ds-include-base-html-rulesets: true !default;
8 |
9 | // Set $ds-include-focus-styles to enable the CMSDS focus styles.
10 | $ds-include-focus-styles: true !default;
11 |
12 | // Set $ds-include-choice-error-highlight to automatically add an error highlight to choice components inside a ChoiceList with an errorMessage.
13 | $ds-include-choice-error-highlight: false !default;
14 |
--------------------------------------------------------------------------------
/assets/scss/settings/variables/_shadow.scss:
--------------------------------------------------------------------------------
1 | // Shadows can be used to indicate focus or depth, and should behave as if there
2 | // is one light source. In practice, this means the offsets should be similar and
3 | // different elements shouldn't have contradicting offsets (ie. one is positive
4 | // and the other is negative).
5 | $shadow-base-offset-x: 2px !default;
6 | $shadow-base-offset-y: 2px !default;
7 | $shadow-base-blur-radius: 4px !default;
8 | $shadow-base-color: rgba(0, 0, 0, 0.25) !default;
9 | $shadow-base: $shadow-base-offset-x $shadow-base-offset-y $shadow-base-blur-radius
10 | $shadow-base-color !default;
11 |
--------------------------------------------------------------------------------
/assets/images/close.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/assets/scss/settings/mixins/_layout.scss:
--------------------------------------------------------------------------------
1 | @mixin clearfix {
2 | &::before {
3 | content: '';
4 | display: table;
5 | }
6 |
7 | &::after {
8 | clear: both;
9 | content: '';
10 | display: table;
11 | }
12 | }
13 |
14 | @mixin flexbox-col($size) {
15 | flex: 0 0 percentage($size / $grid-columns);
16 | max-width: percentage($size / $grid-columns); // IE10+ and Firefox
17 | }
18 |
19 | @mixin equal-width-flexbox-col() {
20 | flex-basis: 0;
21 | flex-grow: 1;
22 | max-width: 100%;
23 | }
24 |
25 | @mixin auto-width-flexbox-col() {
26 | flex: 0 0 auto;
27 | max-width: none;
28 | width: auto;
29 | }
30 |
--------------------------------------------------------------------------------
/assets/types/flags.d.ts:
--------------------------------------------------------------------------------
1 | declare type errorPlacementValue = 'top' | 'bottom';
2 | export declare function errorPlacementDefault(): errorPlacementValue;
3 | export declare function setErrorPlacementDefault(value: errorPlacementValue): void;
4 | export declare function alertSendsAnalytics(): boolean;
5 | export declare function setAlertSendsAnalytics(value: boolean): void;
6 | export declare function dialogSendsAnalytics(): boolean;
7 | export declare function setDialogSendsAnalytics(value: boolean): void;
8 | export declare function helpDrawerSendsAnalytics(): boolean;
9 | export declare function setHelpDrawerSendsAnalytics(value: boolean): void;
10 | export {};
11 |
--------------------------------------------------------------------------------
/assets/components/Tabs/index.js:
--------------------------------------------------------------------------------
1 | "use strict";
2 |
3 | Object.defineProperty(exports, "__esModule", {
4 | value: true
5 | });
6 | Object.defineProperty(exports, "Tabs", {
7 | enumerable: true,
8 | get: function get() {
9 | return _Tabs.default;
10 | }
11 | });
12 | Object.defineProperty(exports, "TabPanel", {
13 | enumerable: true,
14 | get: function get() {
15 | return _TabPanel.default;
16 | }
17 | });
18 |
19 | var _Tabs = _interopRequireDefault(require("./Tabs"));
20 |
21 | var _TabPanel = _interopRequireDefault(require("./TabPanel"));
22 |
23 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
--------------------------------------------------------------------------------
/assets/images/close--primary.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/assets/components/Dropdown/index.js:
--------------------------------------------------------------------------------
1 | "use strict";
2 |
3 | Object.defineProperty(exports, "__esModule", {
4 | value: true
5 | });
6 | Object.defineProperty(exports, "Dropdown", {
7 | enumerable: true,
8 | get: function get() {
9 | return _Dropdown.default;
10 | }
11 | });
12 | Object.defineProperty(exports, "Select", {
13 | enumerable: true,
14 | get: function get() {
15 | return _Select.default;
16 | }
17 | });
18 |
19 | var _Dropdown = _interopRequireDefault(require("./Dropdown"));
20 |
21 | var _Select = _interopRequireDefault(require("./Select"));
22 |
23 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
--------------------------------------------------------------------------------
/assets/esnext/DateField/defaultDateFormatter.js:
--------------------------------------------------------------------------------
1 | // Prevents day/month greater than 2 digits and year greater than 4 digits
2 | var standardLengthFormatter = function standardLengthFormatter(_ref) {
3 | var day = _ref.day,
4 | month = _ref.month,
5 | year = _ref.year;
6 | return {
7 | day: day.length > 2 ? day.substring(0, 2) : day,
8 | month: month.length > 2 ? month.substring(0, 2) : month,
9 | year: year.length > 4 ? year.substring(0, 4) : year
10 | };
11 | };
12 |
13 | export var defaultDateFormatter = function defaultDateFormatter(dateObject) {
14 | return standardLengthFormatter(dateObject);
15 | };
16 | export default defaultDateFormatter;
--------------------------------------------------------------------------------
/assets/types/UsaBanner/UsaBanner.d.ts:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 |
3 | export type LocaleLanguage = 'en' | 'es';
4 |
5 | export interface UsaBannerProps {
6 | /**
7 | * Additional classes to be added to the root `section` element
8 | */
9 | className?: string;
10 | /**
11 | * A unique ID to be applied to the banner content. A unique ID will be generated if one isn't provided.
12 | */
13 | id?: string;
14 | /**
15 | * The language the USA Banner will be presented in.
16 | */
17 | locale?: LocaleLanguage,
18 | }
19 |
20 | export default class UsaBanner extends React.Component {
21 | render(): JSX.Element;
22 | }
23 |
--------------------------------------------------------------------------------
/assets/images/close--primary-darker.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/assets/components/ChoiceList/index.js:
--------------------------------------------------------------------------------
1 | "use strict";
2 |
3 | Object.defineProperty(exports, "__esModule", {
4 | value: true
5 | });
6 | Object.defineProperty(exports, "ChoiceList", {
7 | enumerable: true,
8 | get: function get() {
9 | return _ChoiceList.default;
10 | }
11 | });
12 | Object.defineProperty(exports, "Choice", {
13 | enumerable: true,
14 | get: function get() {
15 | return _Choice.default;
16 | }
17 | });
18 |
19 | var _ChoiceList = _interopRequireDefault(require("./ChoiceList"));
20 |
21 | var _Choice = _interopRequireDefault(require("./Choice"));
22 |
23 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
--------------------------------------------------------------------------------
/assets/components/DateField/index.js:
--------------------------------------------------------------------------------
1 | "use strict";
2 |
3 | Object.defineProperty(exports, "__esModule", {
4 | value: true
5 | });
6 | Object.defineProperty(exports, "DateField", {
7 | enumerable: true,
8 | get: function get() {
9 | return _DateField.default;
10 | }
11 | });
12 | Object.defineProperty(exports, "DateInput", {
13 | enumerable: true,
14 | get: function get() {
15 | return _DateInput.default;
16 | }
17 | });
18 |
19 | var _DateField = _interopRequireDefault(require("./DateField"));
20 |
21 | var _DateInput = _interopRequireDefault(require("./DateInput"));
22 |
23 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
--------------------------------------------------------------------------------
/assets/components/Tooltip/index.js:
--------------------------------------------------------------------------------
1 | "use strict";
2 |
3 | Object.defineProperty(exports, "__esModule", {
4 | value: true
5 | });
6 | Object.defineProperty(exports, "Tooltip", {
7 | enumerable: true,
8 | get: function get() {
9 | return _Tooltip.default;
10 | }
11 | });
12 | Object.defineProperty(exports, "TooltipIcon", {
13 | enumerable: true,
14 | get: function get() {
15 | return _TooltipIcon.default;
16 | }
17 | });
18 |
19 | var _Tooltip = _interopRequireDefault(require("./Tooltip"));
20 |
21 | var _TooltipIcon = _interopRequireDefault(require("./TooltipIcon"));
22 |
23 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
--------------------------------------------------------------------------------
/assets/scss/index.scss:
--------------------------------------------------------------------------------
1 | /**
2 | * index.scss - SCSS entry point
3 | */
4 | // Settings: Globally-available variables, mixins, functions and config (Sass code that doesn't output CSS)
5 | @import 'settings/index';
6 | // Fonts are unique from other settings because font-faces are compiled and included css build files
7 | // TODO: use @use or some other solution to handle fontfaces and font/image paths better
8 | @import 'font';
9 |
10 | // Base: Namespaced selectors for HTML elements (i.e. ds-base, ds-h1, ds-text)
11 | @import 'base/index';
12 |
13 | // Components: Designed UI units
14 | @import 'components/index';
15 |
16 | // Utilities: Overrides, helpers
17 | @import 'utilities/index';
18 |
--------------------------------------------------------------------------------
/assets/types/SkipNav/SkipNav.d.ts:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 |
3 | export interface SkipNavProps {
4 | /**
5 | * Skip nav label
6 | */
7 | children: React.ReactNode;
8 | /**
9 | * The anchor or target for the link (where the link will jump the user to)
10 | */
11 | href: string;
12 | /**
13 | * An onClick handler used for manually setting focus on the content.
14 | * Sometimes it's necessary to manually set focus, like when an app uses hash
15 | * routing and element-id links will be mistaken for routes.
16 | */
17 | onClick?: (...args: any[]) => any;
18 | }
19 |
20 | declare const SkipNav: React.FC;
21 |
22 | export default SkipNav;
23 |
--------------------------------------------------------------------------------
/assets/components/MonthPicker/index.js:
--------------------------------------------------------------------------------
1 | "use strict";
2 |
3 | Object.defineProperty(exports, "__esModule", {
4 | value: true
5 | });
6 | Object.defineProperty(exports, "MonthPicker", {
7 | enumerable: true,
8 | get: function get() {
9 | return _MonthPicker.default;
10 | }
11 | });
12 | Object.defineProperty(exports, "getMonthNames", {
13 | enumerable: true,
14 | get: function get() {
15 | return _getMonthNames.getMonthNames;
16 | }
17 | });
18 |
19 | var _MonthPicker = _interopRequireDefault(require("./MonthPicker"));
20 |
21 | var _getMonthNames = require("./getMonthNames");
22 |
23 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
--------------------------------------------------------------------------------
/assets/css/style.scss:
--------------------------------------------------------------------------------
1 | ---
2 | ---
3 |
4 | @import "{{ site.theme }}";
5 |
6 | $color-primary: #0071BC;
7 | $color-primary-darker: #205493;
8 | $color-primary-darkest: #112E51;
9 | $color-black: #000000;
10 | $color-base: #212121;
11 | $color-gray-dark: #323A45;
12 | $color-gray-light: #AEB0B5;
13 | $color-white: #FFFFFF;
14 |
15 | a {
16 | color: $color-primary;
17 | text-decoration:none;
18 | }
19 |
20 | a:hover, a:focus {
21 | color: $color-primary-darker;
22 | font-weight: bold;
23 | }
24 |
25 | a small {
26 | font-size:11px;
27 | color:#777;
28 | margin-top:-0.3em;
29 | display:block;
30 | }
31 |
32 | a:hover small {
33 | color:#777;
34 | }
--------------------------------------------------------------------------------
/assets/components/Accordion/index.js:
--------------------------------------------------------------------------------
1 | "use strict";
2 |
3 | Object.defineProperty(exports, "__esModule", {
4 | value: true
5 | });
6 | Object.defineProperty(exports, "Accordion", {
7 | enumerable: true,
8 | get: function get() {
9 | return _Accordion.default;
10 | }
11 | });
12 | Object.defineProperty(exports, "AccordionItem", {
13 | enumerable: true,
14 | get: function get() {
15 | return _AccordionItem.default;
16 | }
17 | });
18 |
19 | var _Accordion = _interopRequireDefault(require("./Accordion"));
20 |
21 | var _AccordionItem = _interopRequireDefault(require("./AccordionItem"));
22 |
23 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
--------------------------------------------------------------------------------
/assets/components/HelpDrawer/index.js:
--------------------------------------------------------------------------------
1 | "use strict";
2 |
3 | Object.defineProperty(exports, "__esModule", {
4 | value: true
5 | });
6 | Object.defineProperty(exports, "HelpDrawer", {
7 | enumerable: true,
8 | get: function get() {
9 | return _HelpDrawer.default;
10 | }
11 | });
12 | Object.defineProperty(exports, "HelpDrawerToggle", {
13 | enumerable: true,
14 | get: function get() {
15 | return _HelpDrawerToggle.default;
16 | }
17 | });
18 |
19 | var _HelpDrawer = _interopRequireDefault(require("./HelpDrawer"));
20 |
21 | var _HelpDrawerToggle = _interopRequireDefault(require("./HelpDrawerToggle"));
22 |
23 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
--------------------------------------------------------------------------------
/assets/scss/components/_Mask.scss:
--------------------------------------------------------------------------------
1 | @import '../settings/index.scss';
2 |
3 | .ds-c-field-mask {
4 | position: relative;
5 | }
6 |
7 | .ds-c-field__before {
8 | bottom: $input-padding;
9 | left: $input-padding;
10 | position: absolute;
11 | top: $input-padding;
12 | }
13 |
14 | .ds-c-field__before--currency {
15 | // Increase currency size so it serves more as an icon and
16 | // better aligns with the input value text
17 | font-size: $base-font-size + 2;
18 | font-weight: $font-bold;
19 | // Adjust to better align icon with value's baseline
20 | padding-top: 1px;
21 | }
22 |
23 | .ds-c-field--currency {
24 | // Normal padding + space for the icon + normal padding
25 | padding-left: $input-padding + 4px + $input-padding;
26 | }
27 |
--------------------------------------------------------------------------------
/assets/types/VerticalNav/VerticalNavItemLabel.d.ts:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 |
3 | export type VerticalNavItemLabelComponent =
4 | | React.ReactElement
5 | | any
6 | | ((...args: any[]) => any);
7 |
8 | export interface VerticalNavItemLabelProps {
9 | ariaCollapsedStateButtonLabel?: string;
10 | ariaExpandedStateButtonLabel?: string;
11 | collapsed?: boolean;
12 | component?: VerticalNavItemLabelComponent;
13 | hasSubnav?: boolean;
14 | label: React.ReactNode;
15 | onClick?: (...args: any[]) => any;
16 | selected?: boolean;
17 | subnavId: string;
18 | url?: string;
19 | }
20 |
21 | export default class VerticalNavItemLabel extends React.Component {
22 | render(): JSX.Element;
23 | }
24 |
--------------------------------------------------------------------------------
/assets/scss/utilities/index.scss:
--------------------------------------------------------------------------------
1 | // Utilities Sass
2 | @import 'background-color.scss';
3 | @import 'border.scss';
4 | @import 'border-radius.scss';
5 | @import 'display-visibility.scss';
6 | @import 'flexbox.scss';
7 | @import 'float.scss';
8 | @import 'font-family.scss';
9 | @import 'font-size.scss';
10 | @import 'font-style.scss';
11 | @import 'font-weight.scss';
12 | @import 'grid.scss';
13 | @import 'line-height.scss';
14 | @import 'margin.scss';
15 | @import 'measure.scss';
16 | @import 'overflow.scss';
17 | @import 'padding.scss';
18 | @import 'text-align.scss';
19 | @import 'text-color.scss';
20 | @import 'text-decoration.scss';
21 | @import 'text-transform.scss';
22 | @import 'truncate.scss';
23 | @import 'vertical-align.scss';
24 | @import 'word-break.scss';
25 |
--------------------------------------------------------------------------------
/assets/scss/components/_Badge.scss:
--------------------------------------------------------------------------------
1 | @import '../settings/index.scss';
2 |
3 | .ds-c-badge {
4 | background-color: $color-gray;
5 | border-radius: $border-radius-pill;
6 | color: $color-white;
7 | display: inline-block;
8 | font-size: $font-size-sm;
9 | line-height: $heading-line-height;
10 | margin-right: $spacer-half;
11 | padding: $spacer-half $spacer-1;
12 |
13 | &:only-of-type {
14 | margin-right: 0;
15 | }
16 | }
17 |
18 | .ds-c-badge--info {
19 | background-color: $color-primary;
20 | }
21 |
22 | .ds-c-badge--success {
23 | background-color: $color-success;
24 | }
25 |
26 | .ds-c-badge--warn {
27 | background-color: $color-warn;
28 | color: $color-base;
29 | }
30 |
31 | .ds-c-badge--alert {
32 | background-color: $color-error;
33 | }
34 |
--------------------------------------------------------------------------------
/assets/locale/en.json:
--------------------------------------------------------------------------------
1 | {
2 | "usaBanner": {
3 | "bannerLabel": "Official government website",
4 | "bannerText": "An official website of the United States government",
5 | "bannerActionText": "Here’s how you know",
6 | "domainHeaderText": "Official websites use .gov",
7 | "domainAText": "A",
8 | "domainText": "website belongs to an official government organization in the United States.",
9 | "govText": ".gov",
10 | "httpsHeaderText": "Secure .gov websites use HTTPS",
11 | "httpsOrText": "or",
12 | "httpsText": "https://",
13 | "httpsAText": "A",
14 | "httpsLockText": "lock",
15 | "httpsDetailText": "means you’ve safely connected to the .gov website. Share sensitive information only on official, secure websites. "
16 | }
17 | }
18 |
--------------------------------------------------------------------------------
/assets/esnext/MonthPicker/getMonthNames.js:
--------------------------------------------------------------------------------
1 | export var NUM_MONTHS = 12;
2 | /**
3 | * Generates an array of month names according to the given or default locale
4 | *
5 | * @param {string} [locale] locale for generating month names
6 | * @param {boolean} [short] whether to return short month names
7 | * @return {string[]} array of month names
8 | */
9 |
10 | export function getMonthNames(locale) {
11 | var short = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
12 | var options = {
13 | month: short ? 'short' : 'long'
14 | };
15 | var months = [];
16 |
17 | for (var i = 0; i < NUM_MONTHS; i++) {
18 | var date = new Date();
19 | date.setMonth(i, 1);
20 | months.push(date.toLocaleString(locale, options));
21 | }
22 |
23 | return months;
24 | }
--------------------------------------------------------------------------------
/assets/types/Badge/Badge.d.ts:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 |
3 | export type BadgeSize = 'big';
4 |
5 | export type BadgeVariation = 'info' | 'success' | 'warn' | 'alert';
6 |
7 | export interface BadgeProps {
8 | /**
9 | * Additional classes to be added to the root badge element.
10 | * Useful for adding utility classes.
11 | */
12 | className?: string;
13 | /**
14 | * Label text or HTML.
15 | */
16 | children: React.ReactNode;
17 | /**
18 | * Sets the font size of the Badge
19 | */
20 | size?: BadgeSize;
21 | /**
22 | * A string corresponding to the badge-component variation classes
23 | */
24 | variation?: BadgeVariation;
25 | }
26 |
27 | declare const Badge: React.FC & BadgeProps>;
28 |
29 | export default Badge;
30 |
--------------------------------------------------------------------------------
/assets/types/TextField/maskHelpers.d.ts:
--------------------------------------------------------------------------------
1 | /**
2 | * Performs various transforms to format provided string as currency.
3 | * @param {String} value - a string containing at least one digit
4 | * @returns {String}
5 | */
6 | export declare function toCurrency(value: string): string;
7 | /**
8 | * Returns the value with additional masking characters, or the same value back if invalid numeric string
9 | * @param {String} value
10 | * @returns {String}
11 | */
12 | export declare function maskValue(value: string, mask: string): string;
13 | /**
14 | * Remove mask characters from value, or the same value back if invalid numeric string
15 | * @param {String} value
16 | * @param {String} mask
17 | * @returns {String}
18 | */
19 | export declare function unmaskValue(value: string, mask: string): string;
20 |
--------------------------------------------------------------------------------
/_includes/table.html:
--------------------------------------------------------------------------------
1 | {% if include.table %}
2 |
3 | {% assign table = include.table | replace: " ", "_" %}
4 |
5 | {% for row in site.data[table] %}
6 | {% if forloop.first %}
7 |
8 |
24 | {% else %}
25 | {% endif %}
26 |
27 |
--------------------------------------------------------------------------------
/assets/types/Tabs/Tabs.d.ts:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 |
3 | export interface TabsProps {
4 | /**
5 | * Must only contain `TabPanel` components
6 | */
7 | children: React.ReactNode;
8 | /**
9 | * Sets the initial selected `TabPanel` state. If this isn't set, the first
10 | * `TabPanel` will be selected.
11 | */
12 | defaultSelectedId?: string;
13 | /**
14 | * A callback function that's invoked when the selected tab is changed.
15 | * `(selectedId, prevSelectedId) => void`
16 | */
17 | onChange?: (...args: any[]) => any;
18 | /**
19 | * Additional classes to be added to the component wrapping the tabs
20 | */
21 | tablistClassName?: string;
22 | }
23 |
24 | export default class Tabs extends React.Component {
25 | render(): JSX.Element;
26 | }
27 |
--------------------------------------------------------------------------------
/assets/scss/utilities/_float.scss:
--------------------------------------------------------------------------------
1 | /* stylelint-disable declaration-no-important */
2 | @import '../settings/index.scss';
3 |
4 | .ds-u-float--left {
5 | float: left !important;
6 | }
7 |
8 | .ds-u-float--right {
9 | float: right !important;
10 | }
11 |
12 | .ds-u-float--none {
13 | float: none !important;
14 | }
15 |
16 | @each $breakpoint in map-keys($breakpoints) {
17 | $value: map-get($breakpoints, $breakpoint);
18 |
19 | @media (min-width: $value) {
20 | .ds-u-#{$breakpoint}-float--left {
21 | float: left !important;
22 | }
23 |
24 | .ds-u-#{$breakpoint}-float--right {
25 | float: right !important;
26 | }
27 |
28 | .ds-u-#{$breakpoint}-float--none {
29 | float: none !important;
30 | }
31 | }
32 | }
33 |
34 | .ds-u-clearfix {
35 | @include clearfix;
36 | }
37 |
--------------------------------------------------------------------------------
/assets/scss/components/_DateField.scss:
--------------------------------------------------------------------------------
1 | @import '../settings/index.scss';
2 |
3 | .ds-c-field--month,
4 | .ds-c-field--day,
5 | .ds-c-field--year {
6 | box-sizing: content-box; // allows us to set width based on # of characters
7 | }
8 |
9 | .ds-c-field--month,
10 | .ds-c-field--day {
11 | width: 4ch; // provide additional spacing for browser UI
12 | }
13 |
14 | .ds-c-field--year {
15 | width: 6ch; // provide additional spacing for browser UI
16 | }
17 |
18 | .ds-c-datefield__separator {
19 | font-size: $font-size-2xl;
20 | line-height: $input-line-height * $base-font-size; // vertical dimensions should match adjacent inputs
21 | margin: ($input-border-width + $spacer-half) 0;
22 | padding: $input-padding 0;
23 | }
24 |
25 | .ds-c-datefield__label {
26 | font-weight: $font-normal;
27 | margin-top: $spacer-1;
28 | }
29 |
--------------------------------------------------------------------------------
/assets/locale/es.json:
--------------------------------------------------------------------------------
1 | {
2 | "usaBanner": {
3 | "bannerLabel": "Sitio web oficial del gobierno",
4 | "bannerText": "Un sitio oficial del Gobierno de Estados Unidos",
5 | "bannerActionText": "Así es como usted puede verificarlo",
6 | "domainHeaderText": "Los sitios web oficiales usan .gov",
7 | "domainAText": "Un sitio web",
8 | "domainText": "pertenece a una organización oficial del Gobierno de Estados Unidos.",
9 | "govText": ".gov",
10 | "httpsHeaderText": "Los sitios web seguros .gov usan HTTPS",
11 | "httpsOrText": "o",
12 | "httpsText": "https://",
13 | "httpsAText": "Un",
14 | "httpsLockText": "candado",
15 | "httpsDetailText": "significa que usted se conectó de forma segura a un sitio web .gov. Comparta información sensible sólo en sitios web oficiales y seguros."
16 | }
17 | }
18 |
--------------------------------------------------------------------------------
/assets/scss/components/_Dropdown.scss:
--------------------------------------------------------------------------------
1 | @import '../settings/index.scss';
2 |
3 | // stylelint-disable selector-no-qualifying-type
4 | select.ds-c-field {
5 | $select-icon-size: 10px;
6 | appearance: none;
7 | background-color: $color-white;
8 | background-image: url('#{$image-path}/arrow-both.svg');
9 | background-position: right $spacer-1 center;
10 | background-repeat: no-repeat;
11 | background-size: $select-icon-size;
12 | padding-right: ($select-icon-size * 2) + $spacer-1;
13 |
14 | &[multiple] {
15 | background-image: none;
16 | }
17 |
18 | @if $ds-include-focus-styles {
19 | // Removes inner outline on select elements in Firefox.
20 | &:-moz-focusring {
21 | color: transparent;
22 | text-shadow: 0 0 0 #000;
23 | }
24 | }
25 | }
26 |
27 | // stylelint-enable selector-no-qualifying-type
28 |
--------------------------------------------------------------------------------
/assets/types/Spinner/Spinner.d.ts:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 |
3 | export type SpinnerSize = 'small' | 'big';
4 |
5 | export interface SpinnerProps {
6 | /**
7 | * The text announced to screen readers
8 | */
9 | 'aria-valuetext'?: string;
10 | /**
11 | * Additional classes to be added to the spinner element.
12 | * Useful for adding utility classes.
13 | */
14 | className?: string;
15 | /**
16 | * Applies the inverse theme styling
17 | */
18 | inversed?: boolean;
19 | /**
20 | * Adds a background behind the spinner for extra contrast
21 | */
22 | filled?: boolean;
23 | /**
24 | * Landmark role so the spinner can receive keyboard focus
25 | */
26 | role?: string;
27 | /**
28 | * Smaller or larger variant
29 | */
30 | size?: SpinnerSize;
31 | }
32 |
33 | declare const Spinner: React.FC;
34 |
35 | export default Spinner;
36 |
--------------------------------------------------------------------------------
/Ongoing Reporting/Module Abbreviations/readme.md:
--------------------------------------------------------------------------------
1 | # Module Abbreviations
2 |
3 | The table below lists the MES module and their approved abbreviation for metrics reporting.
4 |
5 | | Module Abbreviation | Module Type |
6 | | ------------------- | ----------- |
7 | | CP | Claims Processing |
8 | | DSSDW | Decision Support System & Data Warehouse |
9 | | EE | Eligibility & Enrollment |
10 | | EPS | Encounter Processing System |
11 | | EVV | Electronic Visit Verification |
12 | | FM | Financial Management |
13 | | HIE | Health Information Exchange |
14 | | LTSS | Long Term Services and Support |
15 | | MM | Member Management |
16 | | OT | Other module not listed (do not use or create an abbreviation not listed in this table) |
17 | | PBM | Pharmacy Benefits Manager |
18 | | PDMP | Prescription Drug Monitoring Program |
19 | | PI | Program Integrity |
20 | | PM | Provider Management |
21 | | TPL | Third Party Liability |
22 |
--------------------------------------------------------------------------------
/assets/types/Table/TableCaption.d.ts:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 |
3 | export interface TableCaptionProps {
4 | /**
5 | * The table caption contents.
6 | */
7 | children?: React.ReactNode;
8 | /**
9 | * Additional classes to be added to the caption element.
10 | */
11 | className?: string;
12 | /**
13 | * @hide-prop This gets passed from the parent `Table` component when the table `scrollable` prop is set.
14 | */
15 | _id?: string;
16 | /**
17 | * @hide-prop This gets passed from the parent `Table` component when the table `scrollable` prop is set.
18 | */
19 | _scrollActive?: boolean;
20 | /**
21 | * @hide-prop This gets passed from the parent `Table` component when the table `scrollable` prop is set.
22 | */
23 | _scrollableNotice?: React.ReactNode;
24 | }
25 |
26 | declare const TableCaption: React.FC;
27 |
28 | export default TableCaption;
29 |
--------------------------------------------------------------------------------
/assets/components/DateField/defaultDateFormatter.js:
--------------------------------------------------------------------------------
1 | "use strict";
2 |
3 | Object.defineProperty(exports, "__esModule", {
4 | value: true
5 | });
6 | exports.default = exports.defaultDateFormatter = void 0;
7 |
8 | // Prevents day/month greater than 2 digits and year greater than 4 digits
9 | var standardLengthFormatter = function standardLengthFormatter(_ref) {
10 | var day = _ref.day,
11 | month = _ref.month,
12 | year = _ref.year;
13 | return {
14 | day: day.length > 2 ? day.substring(0, 2) : day,
15 | month: month.length > 2 ? month.substring(0, 2) : month,
16 | year: year.length > 4 ? year.substring(0, 4) : year
17 | };
18 | };
19 |
20 | var defaultDateFormatter = function defaultDateFormatter(dateObject) {
21 | return standardLengthFormatter(dateObject);
22 | };
23 |
24 | exports.defaultDateFormatter = defaultDateFormatter;
25 | var _default = defaultDateFormatter;
26 | exports.default = _default;
--------------------------------------------------------------------------------
/assets/esnext/index.esm.js:
--------------------------------------------------------------------------------
1 | /**
2 | * index.js - JS entry point
3 | */
4 | export * from './Accordion';
5 | export * from './Alert';
6 | export * from './Autocomplete';
7 | export * from './Badge';
8 | export * from './Button';
9 | export * from './ChoiceList';
10 | export * from './DateField';
11 | export * from './Dialog';
12 | export * from './Dropdown';
13 | export * from './FilterChip';
14 | export * from './FormControl';
15 | export * from './FormLabel';
16 | export * from './HelpDrawer';
17 | export * from './InlineError';
18 | export * from './MonthPicker';
19 | export * from './Review';
20 | export * from './SkipNav';
21 | export * from './Spinner';
22 | export * from './StepList';
23 | export * from './Table';
24 | export * from './Tabs';
25 | export * from './TextField';
26 | export * from './Tooltip';
27 | export * from './UsaBanner';
28 | export * from './VerticalNav';
29 | export * from './analytics';
30 | export * from './flags';
--------------------------------------------------------------------------------
/assets/scss/components/index.scss:
--------------------------------------------------------------------------------
1 | // Component Sass
2 | @import 'Accordion.scss';
3 | @import 'Alert.scss';
4 | @import 'Autocomplete.scss';
5 | @import 'Badge.scss';
6 | @import 'Button.scss';
7 | @import 'Choice.scss'; // This should eventually be renamed to `ChoiceList`
8 | @import 'Dialog.scss';
9 | @import 'Dropdown.scss';
10 | @import 'FilterChip.scss';
11 | @import 'FormLabel.scss';
12 | @import 'HelpDrawer.scss';
13 | @import 'List.scss';
14 | @import 'MonthPicker.scss';
15 | @import 'Review.scss';
16 | @import 'SkipNav.scss';
17 | @import 'Spinner.scss';
18 | @import 'StepList.scss';
19 | @import 'Table.scss';
20 | @import 'Tabs.scss';
21 | // Mask and Date field styles need imported
22 | // after TextField since they modify it
23 | @import 'TextField.scss';
24 | @import 'Tooltip.scss';
25 | @import 'TooltipIcon.scss';
26 | @import 'Mask.scss';
27 | @import 'DateField.scss';
28 | @import 'UsaBanner.scss';
29 | @import 'VerticalNav.scss';
30 |
--------------------------------------------------------------------------------
/assets/images/success-fill.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/assets/images/pdf.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/assets/images/warning.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/assets/types/Tabs/TabPanel.d.ts:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 |
3 | export interface TabPanelProps {
4 | children: React.ReactNode;
5 | /**
6 | * Additional classes to be added to the root element.
7 | */
8 | className?: string;
9 | /**
10 | * A unique `id`, to be used on the rendered panel element.
11 | */
12 | id: string;
13 | selected?: boolean;
14 | disabled?: boolean;
15 | /**
16 | * eslint-disable react/no-unused-prop-types
17 | */
18 | tab?: string;
19 | /**
20 | * Additional classes for the associated tab. Only applicable when the panel
21 | * is a child of `Tabs`.
22 | */
23 | tabClassName?: string;
24 | /**
25 | * The associated tab's `href`. Only applicable when the panel is a
26 | * child of `Tabs`.
27 | */
28 | tabHref?: string;
29 | /**
30 | * eslint-enable react/no-unused-prop-types
31 | */
32 | tabId?: string;
33 | }
34 |
35 | declare const TabPanel: React.FC;
36 |
37 | export default TabPanel;
38 |
--------------------------------------------------------------------------------
/assets/components/MonthPicker/getMonthNames.js:
--------------------------------------------------------------------------------
1 | "use strict";
2 |
3 | Object.defineProperty(exports, "__esModule", {
4 | value: true
5 | });
6 | exports.getMonthNames = getMonthNames;
7 | exports.NUM_MONTHS = void 0;
8 | var NUM_MONTHS = 12;
9 | /**
10 | * Generates an array of month names according to the given or default locale
11 | *
12 | * @param {string} [locale] locale for generating month names
13 | * @param {boolean} [short] whether to return short month names
14 | * @return {string[]} array of month names
15 | */
16 |
17 | exports.NUM_MONTHS = NUM_MONTHS;
18 |
19 | function getMonthNames(locale) {
20 | var short = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
21 | var options = {
22 | month: short ? 'short' : 'long'
23 | };
24 | var months = [];
25 |
26 | for (var i = 0; i < NUM_MONTHS; i++) {
27 | var date = new Date();
28 | date.setMonth(i, 1);
29 | months.push(date.toLocaleString(locale, options));
30 | }
31 |
32 | return months;
33 | }
--------------------------------------------------------------------------------
/assets/esnext/flags.js:
--------------------------------------------------------------------------------
1 | // featureFlags.js
2 | var flags = {
3 | ERROR_PLACEMENT_DEFAULT: 'top',
4 | ALERT_SENDS_ANALYTICS: false,
5 | DIALOG_SENDS_ANALYTICS: false,
6 | HELP_DRAWER_SENDS_ANALYTICS: false
7 | };
8 | export function errorPlacementDefault() {
9 | return flags.ERROR_PLACEMENT_DEFAULT;
10 | }
11 | export function setErrorPlacementDefault(value) {
12 | flags.ERROR_PLACEMENT_DEFAULT = value;
13 | }
14 | export function alertSendsAnalytics() {
15 | return flags.ALERT_SENDS_ANALYTICS;
16 | }
17 | export function setAlertSendsAnalytics(value) {
18 | flags.ALERT_SENDS_ANALYTICS = value;
19 | }
20 | export function dialogSendsAnalytics() {
21 | return flags.DIALOG_SENDS_ANALYTICS;
22 | }
23 | export function setDialogSendsAnalytics(value) {
24 | flags.DIALOG_SENDS_ANALYTICS = value;
25 | }
26 | export function helpDrawerSendsAnalytics() {
27 | return flags.HELP_DRAWER_SENDS_ANALYTICS;
28 | }
29 | export function setHelpDrawerSendsAnalytics(value) {
30 | flags.HELP_DRAWER_SENDS_ANALYTICS = value;
31 | }
--------------------------------------------------------------------------------
/assets/esnext/InlineError/InlineError.js:
--------------------------------------------------------------------------------
1 | import _pt from "prop-types";
2 | import React from 'react';
3 | import classNames from 'classnames';
4 | /**
5 | * is an internal component used by and
6 | * is also exported for advanced design system use cases, where the internal component can be leveraged to build custom form components
7 | */
8 |
9 | export function InlineError(_ref) {
10 | var children = _ref.children,
11 | className = _ref.className,
12 | id = _ref.id,
13 | inversed = _ref.inversed;
14 | var classes = classNames('ds-c-field__error-message', {
15 | 'ds-c-field__error-message--inverse': inversed
16 | }, className);
17 | return /*#__PURE__*/React.createElement("span", {
18 | className: classes,
19 | id: id,
20 | role: "alert"
21 | }, children);
22 | }
23 | InlineError.propTypes = {
24 | children: _pt.node,
25 | className: _pt.string,
26 | id: _pt.string,
27 | inversed: _pt.bool
28 | };
29 | export default InlineError;
--------------------------------------------------------------------------------
/assets/esnext/Tooltip/TooltipIcon.js:
--------------------------------------------------------------------------------
1 | var InformationIcon = function InformationIcon(props) {
2 | return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.createElement("path", {
3 | d: "M8 16c-4.4 0-8-3.6-8-8s3.6-8 8-8 8 3.6 8 8-3.6 8-8 8zm1-3.7V6.4H7v5.9h2zM7 4.9c0 .6.3.9 1 .9s1-.3 1-.9c0-.3-.1-.5-.2-.7-.2-.1-.5-.2-.8-.2-.3 0-.6.1-.8.2-.1.2-.2.4-.2.7z"
4 | }));
5 | };
6 |
7 | InformationIcon.defaultProps = {
8 | xmlns: "http://www.w3.org/2000/svg"
9 | };
10 | import PropTypes from 'prop-types';
11 | import React from 'react';
12 | import classNames from 'classnames';
13 | export var TooltipIcon = function TooltipIcon(props) {
14 | return /*#__PURE__*/React.createElement("span", {
15 | className: "ds-c-tooltip-icon__container"
16 | }, /*#__PURE__*/React.createElement(InformationIcon, {
17 | className: classNames('ds-c-tooltip-icon', {
18 | 'ds-c-tooltip-icon--inverse': props.inversed
19 | })
20 | }));
21 | };
22 | TooltipIcon.propTypes = {
23 | inversed: PropTypes.bool
24 | };
25 | export default TooltipIcon;
--------------------------------------------------------------------------------
/assets/components/TextField/index.js:
--------------------------------------------------------------------------------
1 | "use strict";
2 |
3 | Object.defineProperty(exports, "__esModule", {
4 | value: true
5 | });
6 | Object.defineProperty(exports, "TextField", {
7 | enumerable: true,
8 | get: function get() {
9 | return _TextField.default;
10 | }
11 | });
12 | Object.defineProperty(exports, "TextInput", {
13 | enumerable: true,
14 | get: function get() {
15 | return _TextInput.default;
16 | }
17 | });
18 | Object.defineProperty(exports, "maskValue", {
19 | enumerable: true,
20 | get: function get() {
21 | return _maskHelpers.maskValue;
22 | }
23 | });
24 | Object.defineProperty(exports, "unmaskValue", {
25 | enumerable: true,
26 | get: function get() {
27 | return _maskHelpers.unmaskValue;
28 | }
29 | });
30 |
31 | var _TextField = _interopRequireDefault(require("./TextField"));
32 |
33 | var _TextInput = _interopRequireDefault(require("./TextInput"));
34 |
35 | var _maskHelpers = require("./maskHelpers");
36 |
37 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
--------------------------------------------------------------------------------
/assets/images/error.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/assets/esnext/SkipNav/SkipNav.js:
--------------------------------------------------------------------------------
1 | import PropTypes from 'prop-types';
2 | import React from 'react';
3 | export function SkipNav(_ref) {
4 | var children = _ref.children,
5 | href = _ref.href,
6 | onClick = _ref.onClick;
7 | return /*#__PURE__*/React.createElement("a", {
8 | className: "ds-c-skip-nav",
9 | href: href,
10 | onClick: onClick
11 | }, children);
12 | }
13 | SkipNav.defaultProps = {
14 | children: 'Skip to main content'
15 | };
16 | SkipNav.propTypes = {
17 | /**
18 | * Skip nav label
19 | */
20 | children: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).isRequired,
21 |
22 | /**
23 | * The anchor or target for the link (where the link will jump the user to)
24 | */
25 | href: PropTypes.string.isRequired,
26 |
27 | /**
28 | * An onClick handler used for manually setting focus on the content.
29 | * Sometimes it's necessary to manually set focus, like when an app uses hash
30 | * routing and element-id links will be mistaken for routes.
31 | */
32 | onClick: PropTypes.func
33 | };
34 | export default SkipNav;
--------------------------------------------------------------------------------
/_includes/footer.html:
--------------------------------------------------------------------------------
1 |
35 |
--------------------------------------------------------------------------------
/assets/types/HelpDrawer/HelpDrawerToggle.d.ts:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 |
3 | export interface HelpDrawerToggleProps {
4 | /**
5 | * Whether or not the Help Drawer controlled by this toggle is open or closed.
6 | * This value is used to re-focus the toggle that opened the drawer when the drawer closes.
7 | */
8 | helpDrawerOpen: boolean;
9 | /**
10 | * The HelpDrawerToggle content
11 | */
12 | children: React.ReactNode;
13 | /**
14 | * Additional classes for the toggle button anchor element.
15 | */
16 | className?: string;
17 | /**
18 | * Adds `display: inline` to the HelpDrawerToggle.
19 | */
20 | inline?: boolean;
21 | /**
22 | * This function is called with an id that the toggle generates.
23 | * It can be used in implementing the help drawer for keeping track of the drawer the toggle controls
24 | */
25 | showDrawer: (...args: any[]) => any;
26 | }
27 |
28 | export default class HelpDrawerToggle extends React.Component<
29 | React.ComponentPropsWithRef<'button'> & HelpDrawerToggleProps,
30 | any
31 | > {
32 | render(): JSX.Element;
33 | }
34 |
--------------------------------------------------------------------------------
/assets/esnext/FilterChip/ClearIconAlternate.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | /**
3 | * is an internal component used by
4 | */
5 |
6 | export function ClearIconAlternate() {
7 | return /*#__PURE__*/React.createElement("svg", {
8 | className: "ds-c-clear-icon",
9 | height: "14",
10 | viewBox: "0 0 14 14",
11 | width: "14",
12 | xmlns: "http://www.w3.org/2000/svg"
13 | }, /*#__PURE__*/React.createElement("path", {
14 | d: "m8.6002309 7 5.2573243-5.25732429c.1899264-.1899264.1899264-.49704142 0-.68696782l-.9132631-.91326309c-.1899264-.1899264-.4970414-.1899264-.6869678 0l-5.2573243 5.2573243-5.25732429-5.2573243c-.1899264-.1899264-.49704142-.1899264-.68696782 0l-.91326309.91326309c-.1899264.1899264-.1899264.49704142 0 .68696782l5.2573243 5.25732429-5.2573243 5.2573243c-.1899264.1899264-.1899264.4970414 0 .6869678l.91326309.9132631c.1899264.1899264.49704142.1899264.68696782 0l5.25732429-5.2573243 5.2573243 5.2573243c.1899264.1899264.4970414.1899264.6869678 0l.9132631-.9132631c.1899264-.1899264.1899264-.4970414 0-.6869678z"
15 | }));
16 | }
17 | export default ClearIconAlternate;
--------------------------------------------------------------------------------
/.circleci/config.yml:
--------------------------------------------------------------------------------
1 | version: 2.1
2 |
3 | jobs:
4 | deploy-prod-from-main:
5 | docker:
6 | - image: cimg/base:stable
7 | steps:
8 | - checkout
9 | # Add deployment key fingerprint from prod repo for CircleCI to use for a push at https://github.com/CMSgov/MESCertificationRepo/settings/keys
10 | - add_ssh_keys:
11 | fingerprints:
12 | - "00:5c:4a:a0:67:2f:28:b1:81:83:b2:d3:40:da:c3:5e"
13 | # update this line when the repo is renamed
14 | - run: git remote add prod_repo git@github.com:CMSgov/CMCS-DSG-DSS-Certification.git
15 | - run: git config --global user.email "jerome.lee@cms.hhs.gov"
16 | - run: git config --global user.name "Jerome Lee"
17 | - run: git fetch origin
18 | - run: git merge origin/main --allow-unrelated-histories -X theirs
19 | - run:
20 | name: "Updating prod"
21 | command: "git push prod_repo main:main --force"
22 |
23 | workflows:
24 | # Workflow to deploy staging repo changes to prod on changes to main
25 | deploy-prod-workflow:
26 | jobs:
27 | - deploy-prod-from-main:
28 | filters:
29 | branches:
30 | only:
31 | - main
32 |
--------------------------------------------------------------------------------
/assets/types/FilterChip/FilterChip.d.ts:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | export interface FilterChipProps {
3 | /**
4 | * Id for filter chip button. If not provided, a unique id will be automatically generated and used.
5 | */
6 | id?: string;
7 | /**
8 | * Class to be applied to the outer `
21 |
26 |
--------------------------------------------------------------------------------
/_data/MES Outcomes - CMS-Required DSSDW.csv:
--------------------------------------------------------------------------------
1 | Reference #,CMS Required Outcomes,Default Metrics,Regulatory Sources
2 | DSS/DW1,The system supports various business processes' reporting requirements, - Verify and validate the CMS annual report provisions from 431.428 (1) through 431.428 (11) are met annually. ,42 CFR 431.428
3 | DSS/DW2,The solution includes analytical and reporting capabilities to support key policy decision making, - Produce data-driven reporting on transaction data and performance to meet 433.112 (b) (15).,42 CFR 433.112
4 |
--------------------------------------------------------------------------------
/assets/types/Review/ReviewLink.d.ts:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 |
3 | export interface ReviewLinkProps {
4 | /**
5 | * Provide this value to give screenreaders longer, more descriptive text to
6 | * explain the context of the link.
7 | */
8 | ariaLabel?: string;
9 | className?: string;
10 | children: React.ReactNode;
11 | href: string;
12 | onClick?: (...args: any[]) => any;
13 | }
14 |
15 | export default class ReviewLink extends React.Component404
22 | 23 |Page not found :(
24 |The requested page could not be found.
25 |
11 | 
12 | MES Certification Repository
13 |
14 | | {{ pair[0] }} | 11 | {% endfor %} 12 |
|---|
` that contains filter chip button.
9 | */
10 | className?: string;
11 | /**
12 | * Text for the filter chip
13 | */
14 | label: string;
15 | /**
16 | * For screenreaders, text to read for removal
17 | */
18 | ariaClearLabel: string;
19 | /**
20 | * Function to call when filter chip is dismissed
21 | */
22 | onDelete: () => void;
23 | /**
24 | * Use alternate thinner close icon in place of standard
25 | */
26 | useAlternateIcon?: boolean;
27 | /**
28 | * Sets the size of the chip to larger version
29 | */
30 | size?: 'big';
31 | }
32 | export declare class FilterChip extends React.Component {
33 | constructor(props: FilterChipProps);
34 | handleClick(): void;
35 | handleKeyDown(evt: React.KeyboardEvent): void;
36 | render(): React.ReactNode;
37 | }
38 | export default FilterChip;
39 |
--------------------------------------------------------------------------------
/Gemfile:
--------------------------------------------------------------------------------
1 | source "https://rubygems.org"
2 | # Hello! This is where you manage which Jekyll version is used to run.
3 | # When you want to use a different version, change it below, save the
4 | # file and run `bundle install`. Run Jekyll with `bundle exec`, like so:
5 | #
6 | # bundle exec jekyll serve
7 | #
8 | # This will help ensure the proper Jekyll version is running.
9 | # Happy Jekylling!
10 | # gem "jekyll", "~> 4.2.0"
11 | # # This is the default theme for new Jekyll sites. You may change this to anything you like.
12 | # gem "minima", "~> 2.5"
13 |
14 | # If you want to use GitHub Pages, remove the "gem "jekyll"" above and
15 | # uncomment the line below. To upgrade, run `bundle update github-pages`.
16 | gem "github-pages", group: :jekyll_plugins
17 | # If you have any plugins, put them here!
18 | group :jekyll_plugins do
19 | gem "jekyll-feed", "~> 0.12"
20 | end
21 |
22 | # Windows and JRuby does not include zoneinfo files, so bundle the tzinfo-data gem
23 | # and associated library.
24 | platforms :mingw, :x64_mingw, :mswin, :jruby do
25 | gem "tzinfo", "~> 1.2"
26 | gem "tzinfo-data"
27 | end
28 |
29 | # Performance-booster for watching directories on Windows
30 | gem "wdm", "~> 0.1.1", :platforms => [:mingw, :x64_mingw, :mswin]
31 |
32 |
--------------------------------------------------------------------------------
/assets/types/Review/Review.d.ts:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 |
3 | export type ReviewHeadingLevel = '1' | '2' | '3' | '4' | '5';
4 |
5 | export interface ReviewProps {
6 | /**
7 | * `Review` component's body HTML.
8 | */
9 | children: React.ReactNode;
10 | className?: string;
11 | /**
12 | * Optional label to give screenreaders longer, more descriptive text to
13 | * explain the context of an edit link.
14 | */
15 | editAriaLabel?: string;
16 | /**
17 | * An optional node in place of the edit link. If this defined, no edit link will be shown.
18 | */
19 | editContent?: React.ReactNode;
20 | /**
21 | * Href for the edit link. If this is undefined, no edit link will be shown.
22 | */
23 | editHref?: string;
24 | editText?: React.ReactNode;
25 | heading?: React.ReactNode;
26 | /**
27 | * Heading type to override default ``.
28 | */
29 | headingLevel?: ReviewHeadingLevel;
30 | /**
31 | * An optional function that is executed on edit link click. The event and
32 | * props.editHref value are passed to this function.
33 | */
34 | onEditClick?: (...args: any[]) => any;
35 | }
36 |
37 | export default class Review extends React.Component