diff --git a/.gitignore b/.gitignore index 22cf5c450e..31b5015585 100644 --- a/.gitignore +++ b/.gitignore @@ -40,4 +40,4 @@ node_modules .DS_Store /.vscode -storybook-static/ \ No newline at end of file +storybook-static/ diff --git a/package.json b/package.json index b8f1d446c5..edd22b71f2 100644 --- a/package.json +++ b/package.json @@ -26,7 +26,7 @@ "test:a11y:medicare": "yarn cmsds test:a11y ./packages/ds-medicare-gov --config cmsds.medicare.config.js", "update-snapshots": "yarn cmsds test ./packages --updateSnapshot", "posttest": "yarn lint", - "lint": "yarn cmsds lint ./ --ignorePatterns '**/node_modules/**' '**/dist/**' '**/helpers/**' '**/__tests__/**' 'tmp/**' '**/types/**' 'examples/create-react-app-typescript/**' 'examples/create-react-app/**' 'storybook-static/**'", + "lint": "yarn cmsds lint ./ --ignorePatterns '**/node_modules/**' '**/dist/**' '**/helpers/**' '**/__tests__/**' 'tmp/**' '**/types/**' 'examples/create-react-app-typescript/**' 'examples/create-react-app/**' 'storybook-static/**' 'packages/coverage/**'", "type-check": "yarn tsc --noEmit", "prepare": "husky install", "storybook": "STORYBOOK_DS=core start-storybook -p 6006", diff --git a/packages/design-system-docs/src/pages/styles/icons/_icons.docs.scss b/packages/design-system-docs/src/pages/styles/icons/_icons.docs.scss deleted file mode 100644 index 221cd6da09..0000000000 --- a/packages/design-system-docs/src/pages/styles/icons/_icons.docs.scss +++ /dev/null @@ -1,57 +0,0 @@ -/* -Icons - -Iconography should be used sparingly and only with support of labels. We use a subset of FontAwesome icons, with one or two bespoke icons. - -Please refer to [USWDS' documentation](https://designsystem.digital.gov/components/icons/) for more detail. - -Style guide: styles.icons -*/ - -/* -Status icons - -@hide-markup - -These icons are used primarily as part of the Alert Box component, though the Checkmark can sometimes be found in other places, without the background. - -Markup: status-icons.example.html - -Style guide: styles.icons.alert -*/ - -/* -Checkbox and radio icons - -@hide-markup - -These checkmark icons are drawn with SCSS/CSS and used for both checkbox and radio buttons. The reasoning behind this is background images are not displayed in high contrast mode on certain systems and browsers so switching to draw the icons with SCSS/CSS ensures that the icons are always visibile and support as many users as possible. - -Markup: checkbox-radio-icons.example.html - -Style guide: styles.icons.checkbox -*/ - -/* -Interaction icons - -@hide-markup - -These icons are used primarily for interaction with the user interface. - -Markup: interaction-icons.example.html - -Style guide: styles.icons.interaction -*/ - -/* -Supplemental icons - -@hide-markup - -These icons are used to convey more information about a given block of text or interaction. They should be used sparingly. - -Markup: supplemental-icons.example.html - -Style guide: styles.icons.supplemental -*/ diff --git a/packages/design-system-scripts/cli.js b/packages/design-system-scripts/cli.js index 6fe4e1d87e..8e3db847cf 100755 --- a/packages/design-system-scripts/cli.js +++ b/packages/design-system-scripts/cli.js @@ -150,6 +150,11 @@ yargs alias: 'w', type: 'boolean', default: false, + }) + .option('collectCoverage', { + desc: 'outputs test coverage data', + type: 'boolean', + default: true, }); }, handler: async (argv) => { diff --git a/packages/design-system/src/images/add.svg b/packages/design-system/src/images/add.svg deleted file mode 100644 index 1afe94d362..0000000000 --- a/packages/design-system/src/images/add.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - \ No newline at end of file diff --git a/packages/design-system/src/images/arrow-down.svg b/packages/design-system/src/images/arrow-down.svg deleted file mode 100644 index 3ac68f2bee..0000000000 --- a/packages/design-system/src/images/arrow-down.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/packages/design-system/src/images/arrow-up.svg b/packages/design-system/src/images/arrow-up.svg deleted file mode 100644 index e62a9b717e..0000000000 --- a/packages/design-system/src/images/arrow-up.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/packages/design-system/src/images/checkmark-green.svg b/packages/design-system/src/images/checkmark-green.svg deleted file mode 100644 index d5a2d24fde..0000000000 --- a/packages/design-system/src/images/checkmark-green.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/packages/design-system/src/images/checkmark-white.svg b/packages/design-system/src/images/checkmark-white.svg deleted file mode 100755 index 4801bd7861..0000000000 --- a/packages/design-system/src/images/checkmark-white.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/packages/design-system/src/images/chevron-left-solid.svg b/packages/design-system/src/images/chevron-left-solid.svg deleted file mode 100644 index 41061c287f..0000000000 --- a/packages/design-system/src/images/chevron-left-solid.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/packages/design-system/src/images/chevron-right-solid.svg b/packages/design-system/src/images/chevron-right-solid.svg deleted file mode 100644 index 6f3ecc4dc0..0000000000 --- a/packages/design-system/src/images/chevron-right-solid.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/packages/design-system/src/images/close--primary-darker.svg b/packages/design-system/src/images/close--primary-darker.svg deleted file mode 100644 index 2c8d44c64c..0000000000 --- a/packages/design-system/src/images/close--primary-darker.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/packages/design-system/src/images/close--primary.svg b/packages/design-system/src/images/close--primary.svg deleted file mode 100644 index bb41327e29..0000000000 --- a/packages/design-system/src/images/close--primary.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/packages/design-system/src/images/close-alt.svg b/packages/design-system/src/images/close-alt.svg deleted file mode 100644 index 243587f5b0..0000000000 --- a/packages/design-system/src/images/close-alt.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/packages/design-system/src/images/close.svg b/packages/design-system/src/images/close.svg deleted file mode 100644 index a67325ac16..0000000000 --- a/packages/design-system/src/images/close.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/packages/design-system/src/images/download.svg b/packages/design-system/src/images/download.svg deleted file mode 100644 index 210c0174aa..0000000000 --- a/packages/design-system/src/images/download.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/packages/design-system/src/images/error.svg b/packages/design-system/src/images/error.svg deleted file mode 100755 index 345e132ed2..0000000000 --- a/packages/design-system/src/images/error.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/packages/design-system/src/images/image.svg b/packages/design-system/src/images/image.svg deleted file mode 100644 index c548439ca8..0000000000 --- a/packages/design-system/src/images/image.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/packages/design-system/src/images/information-new-generic.svg b/packages/design-system/src/images/information-new-generic.svg deleted file mode 100644 index ac293b8ab3..0000000000 --- a/packages/design-system/src/images/information-new-generic.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/packages/design-system/src/images/information-new-hover.svg b/packages/design-system/src/images/information-new-hover.svg deleted file mode 100644 index aa25415b8b..0000000000 --- a/packages/design-system/src/images/information-new-hover.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/packages/design-system/src/images/information-new.svg b/packages/design-system/src/images/information-new.svg deleted file mode 100644 index 968a5d0b8b..0000000000 --- a/packages/design-system/src/images/information-new.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/packages/design-system/src/images/information.svg b/packages/design-system/src/images/information.svg deleted file mode 100755 index 1548f63b2d..0000000000 --- a/packages/design-system/src/images/information.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/packages/design-system/src/images/next.svg b/packages/design-system/src/images/next.svg deleted file mode 100644 index 58f3a9f626..0000000000 --- a/packages/design-system/src/images/next.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/packages/design-system/src/images/pdf.svg b/packages/design-system/src/images/pdf.svg deleted file mode 100644 index 1117990549..0000000000 --- a/packages/design-system/src/images/pdf.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/packages/design-system/src/images/remove.svg b/packages/design-system/src/images/remove.svg deleted file mode 100644 index 97e98d7e8d..0000000000 --- a/packages/design-system/src/images/remove.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - \ No newline at end of file diff --git a/packages/design-system/src/images/star-filled.svg b/packages/design-system/src/images/star-filled.svg deleted file mode 100644 index b7f34364b9..0000000000 --- a/packages/design-system/src/images/star-filled.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/packages/design-system/src/images/star.svg b/packages/design-system/src/images/star.svg deleted file mode 100644 index 4379966806..0000000000 --- a/packages/design-system/src/images/star.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/packages/design-system/src/images/success-fill.svg b/packages/design-system/src/images/success-fill.svg deleted file mode 100755 index 1b2d859622..0000000000 --- a/packages/design-system/src/images/success-fill.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/packages/design-system/src/images/success.svg b/packages/design-system/src/images/success.svg deleted file mode 100644 index 880f4509eb..0000000000 --- a/packages/design-system/src/images/success.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/packages/design-system/src/images/usa-banner-dot-gov.svg b/packages/design-system/src/images/usa-banner-dot-gov.svg deleted file mode 100644 index 87dd294043..0000000000 --- a/packages/design-system/src/images/usa-banner-dot-gov.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/packages/design-system/src/images/usa-banner-flag-es.svg b/packages/design-system/src/images/usa-banner-flag-es.svg deleted file mode 100644 index 6e32ef5a32..0000000000 --- a/packages/design-system/src/images/usa-banner-flag-es.svg +++ /dev/null @@ -1,11 +0,0 @@ - - - - - - - - - - - diff --git a/packages/design-system/src/images/usa-banner-flag.svg b/packages/design-system/src/images/usa-banner-flag.svg deleted file mode 100644 index ed833f02fb..0000000000 --- a/packages/design-system/src/images/usa-banner-flag.svg +++ /dev/null @@ -1,11 +0,0 @@ - - - - - - - - - - - diff --git a/packages/design-system/src/images/usa-banner-https.svg b/packages/design-system/src/images/usa-banner-https.svg deleted file mode 100644 index a079fab9f1..0000000000 --- a/packages/design-system/src/images/usa-banner-https.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/packages/design-system/src/images/usa-banner-lock-es.svg b/packages/design-system/src/images/usa-banner-lock-es.svg deleted file mode 100644 index 3c98add8fa..0000000000 --- a/packages/design-system/src/images/usa-banner-lock-es.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - diff --git a/packages/design-system/src/images/usa-banner-lock.svg b/packages/design-system/src/images/usa-banner-lock.svg deleted file mode 100644 index 21d3c0cdb7..0000000000 --- a/packages/design-system/src/images/usa-banner-lock.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - diff --git a/packages/design-system/src/images/warning.svg b/packages/design-system/src/images/warning.svg deleted file mode 100755 index c06b059fc1..0000000000 --- a/packages/design-system/src/images/warning.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/packages/design-system/src/styles/base/_icons.scss b/packages/design-system/src/styles/base/_icons.scss index 995b481668..24ae55f794 100644 --- a/packages/design-system/src/styles/base/_icons.scss +++ b/packages/design-system/src/styles/base/_icons.scss @@ -7,127 +7,4 @@ text-transform: capitalize; } -.icon-container { - height: auto; - overflow: auto; - padding-bottom: 48px; - padding-right: 16px; - width: 32px; - - &.information { - background-image: url('#{$image-path}/information.svg'); - background-repeat: no-repeat; - background-size: 32px; - } - - &.success { - background-image: url('#{$image-path}/success.svg'); - background-repeat: no-repeat; - background-size: 24px; - margin-left: 4px; - margin-right: -4px; - } - - &.success-fill { - background-image: url('#{$image-path}/success-fill.svg'); - background-repeat: no-repeat; - background-size: 32px; - } - - &.warning { - background-image: url('#{$image-path}/warning.svg'); - background-repeat: no-repeat; - background-size: 32px; - } - - &.error { - background-image: url('#{$image-path}/error.svg'); - background-repeat: no-repeat; - background-size: 32px; - } - - &.close { - background-image: url('#{$image-path}/close.svg'); - background-repeat: no-repeat; - background-size: 16px; - margin-top: 5px; - } - - &.arrow-up { - background-image: url('#{$image-path}/arrow-up.svg'); - background-repeat: no-repeat; - background-size: 16px; - margin-top: 5px; - } - - &.arrow-down { - background-image: url('#{$image-path}/arrow-down.svg'); - background-repeat: no-repeat; - background-size: 16px; - margin-top: 5px; - } - - &.star-filled { - background-image: url('#{$image-path}/star-filled.svg'); - background-repeat: no-repeat; - background-size: 24px; - } - - &.star { - background-image: url('#{$image-path}/star.svg'); - background-repeat: no-repeat; - background-size: 24px; - } - - &.information-new-hover { - background-image: url('#{$image-path}/information-new-hover.svg'); - background-repeat: no-repeat; - background-size: 24px; - } - - &.information-new { - background-image: url('#{$image-path}/information-new.svg'); - background-repeat: no-repeat; - background-size: 16px; - margin-left: 4px; - margin-right: -4px; - margin-top: 5px; - } - - &.PDF { - background-image: url('#{$image-path}/pdf.svg'); - background-repeat: no-repeat; - background-size: 16px; - margin-left: 5px; - margin-right: -5px; - margin-top: 2px; - } - - &.image { - background-image: url('#{$image-path}/image.svg'); - background-repeat: no-repeat; - background-size: 16px; - margin-left: 5px; - margin-right: -5px; - margin-top: 5px; - } - - &.download { - background-image: url('#{$image-path}/download.svg'); - background-repeat: no-repeat; - background-size: 16px; - margin-left: 5px; - margin-right: -5px; - } - - &.next { - background-image: url('#{$image-path}/next.svg'); - background-repeat: no-repeat; - background-size: 16px; - margin-left: 5px; - margin-right: -5px; - margin-top: 5px; - } -} - /* stylelint-enable */