diff --git a/.dockerignore b/.dockerignore index 7fe81a82cb8..ce17c301785 100644 --- a/.dockerignore +++ b/.dockerignore @@ -8,3 +8,4 @@ node_modules packages/*/node_modules lib build +generated-themes diff --git a/.eslintignore b/.eslintignore index 1f337d5111c..3802617ed1d 100644 --- a/.eslintignore +++ b/.eslintignore @@ -3,3 +3,4 @@ node_modules coverage build **/aggregated-translations/*.* +generated-themes \ No newline at end of file diff --git a/.travis.yml b/.travis.yml index d1dcb64b70f..4a7e09e9cbb 100644 --- a/.travis.yml +++ b/.travis.yml @@ -49,6 +49,24 @@ jobs: script: travis_wait docker-compose run -e FORM_FACTOR=huge test-ci - name: enormous script: travis_wait docker-compose run -e FORM_FACTOR=enormous test-ci + + # This should be enabled once after all the 3 mono repos have been merged with the lowlight theme files and screenshots have been generated. + + # - stage: compile - lowlight theme + # script: travis_wait docker-compose run test-ci npm run compile:lowlight + # - stage: wdio - lowlight theme + # name: tiny + # script: travis_wait docker-compose run -e FORM_FACTOR=tiny test-ci sh -c 'npm run wdio-lowlight' + # - name: small + # script: travis_wait docker-compose run -e FORM_FACTOR=small test-ci sh -c 'npm run wdio-lowlight' + # - name: medium + # script: travis_wait docker-compose run -e FORM_FACTOR=medium test-ci sh -c 'npm run wdio-lowlight' + # - name: large + # script: travis_wait docker-compose run -e FORM_FACTOR=large test-ci sh -c 'npm run wdio-lowlight' + # - name: huge + # script: travis_wait docker-compose run -e FORM_FACTOR=huge test-ci sh -c 'npm run wdio-lowlight' + # - name: enormous + # script: travis_wait docker-compose run -e FORM_FACTOR=enormous test-ci sh -c 'npm run wdio-lowlight' - stage: compile - fusion theme script: travis_wait docker-compose run test-ci npm run compile:fusion - stage: wdio - fusion theme @@ -88,6 +106,8 @@ stages: - danger lint and jest - compile - default theme - wdio - default theme + # - compile - lowlight theme + # - wdio - lowlight theme - compile - fusion theme - wdio - fusion theme - name: deploy diff --git a/config/wdio/clinical-lowlight-theme/wdio.conf.js b/config/wdio/clinical-lowlight-theme/wdio.conf.js new file mode 100644 index 00000000000..00c2366fdf0 --- /dev/null +++ b/config/wdio/clinical-lowlight-theme/wdio.conf.js @@ -0,0 +1,17 @@ +const defaultConfig = require('../../../node_modules/terra-toolkit/config/wdio/wdio.conf'); + +// Disabling color contrast rule for clinical-lowlight-theme. May not be addressed, since these rules +// are designed for normal lighting situations and NOT for specialized lighting situations (lowlight) +const config = { + ...defaultConfig.config, + axe: { + ...defaultConfig.config.axe, + options: { + rules: [ + { id: 'color-contrast', enabled: false }, + ], + }, + }, +}; + +exports.config = config; diff --git a/dev-site-config/site.config.js b/dev-site-config/site.config.js index fae971d79ad..7ea8b956028 100644 --- a/dev-site-config/site.config.js +++ b/dev-site-config/site.config.js @@ -1,8 +1,8 @@ - const siteConfig = { appConfig: { themes: { 'Default Theme': '', + 'Clinical Low Light Theme': 'clinical-lowlight-theme', 'Orion Fusion Theme': 'orion-fusion-theme', }, }, diff --git a/package.json b/package.json index 539636ba552..01755132777 100644 --- a/package.json +++ b/package.json @@ -65,6 +65,7 @@ "compile:build": "lerna ls | cut -d ' ' -f1 | xargs -I {} babel packages/{}/src --out-dir packages/{}/lib --copy-files", "compile:clean": "rm -rf packages/**/lib", "compile:prod": "rm -rf ./build; webpack -p", + "compile:lowlight": "rm -rf ./build; THEME=clinical-lowlight-theme webpack -p", "compile:fusion": "rm -rf ./build; THEME=orion-fusion-theme webpack -p", "danger": "danger ci", "deploy": "webpack --config webpack.config -p && gh-pages -d build", @@ -88,8 +89,9 @@ "start-static": "tt-serve-static --site ./build", "test": "npm run jest && npm run wdio", "wdio-default": "NODE_OPTIONS=--max-old-space-size=2048 wdio node_modules/terra-toolkit/config/wdio/wdio.conf.js", + "wdio-lowlight": "NODE_OPTIONS=--max-old-space-size=2048 THEME=clinical-lowlight-theme wdio config/wdio/clinical-lowlight-theme/wdio.conf.js", "wdio-fusion": "NODE_OPTIONS=--max-old-space-size=2048 THEME=orion-fusion-theme wdio node_modules/terra-toolkit/config/wdio/wdio.conf.js", - "wdio": "npm run wdio-default && npm run wdio-fusion" + "wdio": "npm run wdio-default && npm run wdio-lowlight && npm run wdio-fusion" }, "devDependencies": { "@babel/cli": "^7.5.0", diff --git a/packages/terra-action-footer/.npmignore b/packages/terra-action-footer/.npmignore index c59a09bae79..4964b68f07d 100644 --- a/packages/terra-action-footer/.npmignore +++ b/packages/terra-action-footer/.npmignore @@ -5,4 +5,5 @@ tests/**/__snapshots__/ aggregated-translations dev-site-config screenshots -errorScreenshots \ No newline at end of file +errorScreenshots +generated-themes \ No newline at end of file diff --git a/packages/terra-action-footer/CHANGELOG.md b/packages/terra-action-footer/CHANGELOG.md index a3c2e8db339..c88ad380344 100644 --- a/packages/terra-action-footer/CHANGELOG.md +++ b/packages/terra-action-footer/CHANGELOG.md @@ -3,6 +3,8 @@ ChangeLog Unreleased ---------- +### Added +* Added clinical-lowlight-theme theming files 2.33.0 - (February 4, 2020) ------------------ diff --git a/packages/terra-action-footer/clinical-lowlight-wdio.conf.js b/packages/terra-action-footer/clinical-lowlight-wdio.conf.js new file mode 100644 index 00000000000..625eb7211ee --- /dev/null +++ b/packages/terra-action-footer/clinical-lowlight-wdio.conf.js @@ -0,0 +1,6 @@ +const path = require('path'); +const wdioConf = require('../../config/wdio/clinical-lowlight-theme/wdio.conf.js'); + +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; + +exports.config = wdioConf.config; diff --git a/packages/terra-action-footer/package.json b/packages/terra-action-footer/package.json index 92bcecf846f..fbe11886eb1 100644 --- a/packages/terra-action-footer/package.json +++ b/packages/terra-action-footer/package.json @@ -40,7 +40,8 @@ "test": "npm run jest && npm run wdio", "jest": "jest --config ../../jestconfig.js", "wdio-default": "cd ../.. && npx wdio ./packages/$npm_package_name/wdio.conf.js", + "wdio-lowlight": "cd ../.. && THEME=clinical-lowlight-theme npx wdio ./packages/$npm_package_name/clinical-lowlight-wdio.conf.js", "wdio-fusion": "cd ../.. && THEME=orion-fusion-theme npx wdio ./packages/$npm_package_name/wdio.conf.js", - "wdio": "npm run wdio-default && npm run wdio-fusion" + "wdio": "npm run wdio-default && npm run wdio-lowlight && npm run wdio-fusion" } } diff --git a/packages/terra-action-footer/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss b/packages/terra-action-footer/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss new file mode 100644 index 00000000000..d81b0093213 --- /dev/null +++ b/packages/terra-action-footer/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss @@ -0,0 +1,4 @@ +:global { + --terra-action-footer-background-color: transparent; + --terra-action-footer-border-top: 0.07143rem solid #181b1d; +} diff --git a/packages/terra-action-footer/wdio.conf.js b/packages/terra-action-footer/wdio.conf.js index f51b322cd7f..0ca23865eda 100644 --- a/packages/terra-action-footer/wdio.conf.js +++ b/packages/terra-action-footer/wdio.conf.js @@ -1,6 +1,6 @@ const path = require('path'); const wdioConf = require('../../node_modules/terra-toolkit/config/wdio/wdio.conf'); -wdioConf.config.specs = [path.join(__dirname, 'test*', 'wdio', '**', '*-spec.js')]; +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; exports.config = wdioConf.config; diff --git a/packages/terra-action-header/.npmignore b/packages/terra-action-header/.npmignore index c59a09bae79..4964b68f07d 100644 --- a/packages/terra-action-header/.npmignore +++ b/packages/terra-action-header/.npmignore @@ -5,4 +5,5 @@ tests/**/__snapshots__/ aggregated-translations dev-site-config screenshots -errorScreenshots \ No newline at end of file +errorScreenshots +generated-themes \ No newline at end of file diff --git a/packages/terra-action-header/CHANGELOG.md b/packages/terra-action-header/CHANGELOG.md index 5f882fbacb6..f742d162d42 100644 --- a/packages/terra-action-header/CHANGELOG.md +++ b/packages/terra-action-header/CHANGELOG.md @@ -3,6 +3,8 @@ ChangeLog Unreleased ---------- +### Added +* Added clinical-lowlight-theme theming files 2.36.0 - (February 4, 2020) ------------------ diff --git a/packages/terra-action-header/clinical-lowlight-wdio.conf.js b/packages/terra-action-header/clinical-lowlight-wdio.conf.js new file mode 100644 index 00000000000..625eb7211ee --- /dev/null +++ b/packages/terra-action-header/clinical-lowlight-wdio.conf.js @@ -0,0 +1,6 @@ +const path = require('path'); +const wdioConf = require('../../config/wdio/clinical-lowlight-theme/wdio.conf.js'); + +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; + +exports.config = wdioConf.config; diff --git a/packages/terra-action-header/package.json b/packages/terra-action-header/package.json index edd60c79e24..3cb6714a6be 100644 --- a/packages/terra-action-header/package.json +++ b/packages/terra-action-header/package.json @@ -42,7 +42,8 @@ "test": "npm run jest && npm run wdio", "jest": "jest --config ../../jestconfig.js", "wdio-default": "cd ../.. && npx wdio ./packages/$npm_package_name/wdio.conf.js", + "wdio-lowlight": "cd ../.. && THEME=clinical-lowlight-theme npx wdio ./packages/$npm_package_name/clinical-lowlight-wdio.conf.js", "wdio-fusion": "cd ../.. && THEME=orion-fusion-theme npx wdio ./packages/$npm_package_name/wdio.conf.js", - "wdio": "npm run wdio-default && npm run wdio-fusion" + "wdio": "npm run wdio-default && npm run wdio-lowlight && npm run wdio-fusion" } } diff --git a/packages/terra-action-header/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss b/packages/terra-action-header/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss new file mode 100644 index 00000000000..4a5420b46a0 --- /dev/null +++ b/packages/terra-action-header/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss @@ -0,0 +1,18 @@ +@import '~terra-mixins/lib/Mixins'; + +:global { + --terra-action-header-background-color: #141719; + --terra-action-header-border-bottom: 1px solid #181d1b; + --terra-action-header-border-left: none; + --terra-action-header-border-right: none; + --terra-action-header-border-top: none; + --terra-action-header-box-shadow: none; + --terra-action-header-color: #b2b5b6; + + @include terra-inline-svg-var('--terra-action-header-back-background-image', ''); + @include terra-inline-svg-var('--terra-action-header-close-background-image', ''); + @include terra-inline-svg-var('--terra-action-header-maximize-background-image', ''); + @include terra-inline-svg-var('--terra-action-header-minimize-background-image', ''); + @include terra-inline-svg-var('--terra-action-header-next-background-image', ''); + @include terra-inline-svg-var('--terra-action-header-previous-background-image', ''); +} diff --git a/packages/terra-action-header/wdio.conf.js b/packages/terra-action-header/wdio.conf.js index f51b322cd7f..0ca23865eda 100644 --- a/packages/terra-action-header/wdio.conf.js +++ b/packages/terra-action-header/wdio.conf.js @@ -1,6 +1,6 @@ const path = require('path'); const wdioConf = require('../../node_modules/terra-toolkit/config/wdio/wdio.conf'); -wdioConf.config.specs = [path.join(__dirname, 'test*', 'wdio', '**', '*-spec.js')]; +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; exports.config = wdioConf.config; diff --git a/packages/terra-alert/.npmignore b/packages/terra-alert/.npmignore index c59a09bae79..4964b68f07d 100644 --- a/packages/terra-alert/.npmignore +++ b/packages/terra-alert/.npmignore @@ -5,4 +5,5 @@ tests/**/__snapshots__/ aggregated-translations dev-site-config screenshots -errorScreenshots \ No newline at end of file +errorScreenshots +generated-themes \ No newline at end of file diff --git a/packages/terra-alert/CHANGELOG.md b/packages/terra-alert/CHANGELOG.md index 51407c3c64c..04d871e9637 100644 --- a/packages/terra-alert/CHANGELOG.md +++ b/packages/terra-alert/CHANGELOG.md @@ -3,11 +3,13 @@ ChangeLog Unreleased ---------- +### Added +* Added clinical-lowlight-theme theming files 4.20.0 - (February 4, 2020) ------------------ ### Changed -* Update docs to use mdx syntax. +* Update docs to use mdx syntax 4.19.0 - (January 28, 2020) ------------------ @@ -31,12 +33,12 @@ Unreleased 4.15.0 - (December 3, 2019) ------------------ -### Fixed -* Fixed jest tests due to ResponsiveElement change - ### Added * Added orion-fusion-theme and generated the respective reference wdio screenshots. +### Fixed +* Fixed jest tests due to ResponsiveElement change + 4.14.0 - (October 30, 2019) ------------------ ### Fixed diff --git a/packages/terra-alert/clinical-lowlight-wdio.conf.js b/packages/terra-alert/clinical-lowlight-wdio.conf.js new file mode 100644 index 00000000000..625eb7211ee --- /dev/null +++ b/packages/terra-alert/clinical-lowlight-wdio.conf.js @@ -0,0 +1,6 @@ +const path = require('path'); +const wdioConf = require('../../config/wdio/clinical-lowlight-theme/wdio.conf.js'); + +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; + +exports.config = wdioConf.config; diff --git a/packages/terra-alert/package.json b/packages/terra-alert/package.json index 16afebd8486..43af1e955a8 100644 --- a/packages/terra-alert/package.json +++ b/packages/terra-alert/package.json @@ -42,7 +42,8 @@ "test": "npm run jest && npm run wdio", "jest": "jest --config ../../jestconfig.js", "wdio-default": "cd ../.. && npx wdio ./packages/$npm_package_name/wdio.conf.js", + "wdio-lowlight": "cd ../.. && THEME=clinical-lowlight-theme npx wdio ./packages/$npm_package_name/clinical-lowlight-wdio.conf.js", "wdio-fusion": "cd ../.. && THEME=orion-fusion-theme npx wdio ./packages/$npm_package_name/wdio.conf.js", - "wdio": "npm run wdio-default && npm run wdio-fusion" + "wdio": "npm run wdio-default && npm run wdio-lowlight && npm run wdio-fusion" } } diff --git a/packages/terra-alert/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss b/packages/terra-alert/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss new file mode 100644 index 00000000000..67f54575b5e --- /dev/null +++ b/packages/terra-alert/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss @@ -0,0 +1,27 @@ +:global { + --terra-alert-alert-background-color: #332425; + --terra-alert-alert-title-color: #fb4c4c; + + --terra-alert-custom-background-color: #1a2226; + --terra-alert-custom-text-color: #b2b5b6; + + --terra-alert-error-background-color: #332425; + --terra-alert-error-title-color: #fb4c4c; + + --terra-alert-advisory-background-color: #1a2226; + --terra-alert-info-background-color: #1a2226; + --terra-alert-success-background-color: #1a2226; + --terra-alert-warning-background-color: #464232; + + --terra-alert-custom-default-color: #1c1f21; + + --terra-alert-color: #b2b5b6; + + --terra-alert-advisory-box-shadow: 2px 0 0 #5a81ff inset; + --terra-alert-alert-box-shadow: 2px 0 0 #fb4c4c inset; + --terra-alert-custom-box-shadow: 2px 0 0 #9b9fa1 inset; + --terra-alert-error-box-shadow: 2px 0 0 #fb4c4c inset; + --terra-alert-info-box-shadow: 2px 0 0 #5a81ff inset; + --terra-alert-success-box-shadow: 2px 0 0 #407d17 inset; + --terra-alert-warning-box-shadow: 2px 0 0 #ffb166 inset; +} diff --git a/packages/terra-alert/wdio.conf.js b/packages/terra-alert/wdio.conf.js index f51b322cd7f..0ca23865eda 100644 --- a/packages/terra-alert/wdio.conf.js +++ b/packages/terra-alert/wdio.conf.js @@ -1,6 +1,6 @@ const path = require('path'); const wdioConf = require('../../node_modules/terra-toolkit/config/wdio/wdio.conf'); -wdioConf.config.specs = [path.join(__dirname, 'test*', 'wdio', '**', '*-spec.js')]; +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; exports.config = wdioConf.config; diff --git a/packages/terra-arrange/.npmignore b/packages/terra-arrange/.npmignore index c59a09bae79..4964b68f07d 100644 --- a/packages/terra-arrange/.npmignore +++ b/packages/terra-arrange/.npmignore @@ -5,4 +5,5 @@ tests/**/__snapshots__/ aggregated-translations dev-site-config screenshots -errorScreenshots \ No newline at end of file +errorScreenshots +generated-themes \ No newline at end of file diff --git a/packages/terra-arrange/CHANGELOG.md b/packages/terra-arrange/CHANGELOG.md index dd8eb865826..90f4f1abfb5 100644 --- a/packages/terra-arrange/CHANGELOG.md +++ b/packages/terra-arrange/CHANGELOG.md @@ -3,6 +3,8 @@ ChangeLog Unreleased ---------- +### Added +* Added generated-themes to .npmignore 3.28.0 - (February 4, 2020) ------------------ diff --git a/packages/terra-arrange/clinical-lowlight-wdio.conf.js b/packages/terra-arrange/clinical-lowlight-wdio.conf.js new file mode 100644 index 00000000000..625eb7211ee --- /dev/null +++ b/packages/terra-arrange/clinical-lowlight-wdio.conf.js @@ -0,0 +1,6 @@ +const path = require('path'); +const wdioConf = require('../../config/wdio/clinical-lowlight-theme/wdio.conf.js'); + +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; + +exports.config = wdioConf.config; diff --git a/packages/terra-arrange/package.json b/packages/terra-arrange/package.json index dacd4837b2c..715e24e8f34 100644 --- a/packages/terra-arrange/package.json +++ b/packages/terra-arrange/package.json @@ -28,7 +28,10 @@ "precompile": "rm -rf lib", "test": "npm run jest && npm run wdio", "jest": "jest --config ../../jestconfig.js", - "wdio": "cd ../.. && npx wdio ./packages/$npm_package_name/wdio.conf.js" + "wdio-default": "cd ../.. && npx wdio ./packages/$npm_package_name/wdio.conf.js", + "wdio-lowlight": "cd ../.. && THEME=clinical-lowlight-theme npx wdio ./packages/$npm_package_name/clinical-lowlight-wdio.conf.js", + "wdio-fusion": "cd ../.. && THEME=orion-fusion-theme npx wdio ./packages/$npm_package_name/wdio.conf.js", + "wdio": "npm run wdio-default && npm run wdio-lowlight && npm run wdio-fusion" }, "peerDependencies": { "react": "^16.8.5", diff --git a/packages/terra-arrange/wdio.conf.js b/packages/terra-arrange/wdio.conf.js index f51b322cd7f..0ca23865eda 100644 --- a/packages/terra-arrange/wdio.conf.js +++ b/packages/terra-arrange/wdio.conf.js @@ -1,6 +1,6 @@ const path = require('path'); const wdioConf = require('../../node_modules/terra-toolkit/config/wdio/wdio.conf'); -wdioConf.config.specs = [path.join(__dirname, 'test*', 'wdio', '**', '*-spec.js')]; +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; exports.config = wdioConf.config; diff --git a/packages/terra-avatar/.npmignore b/packages/terra-avatar/.npmignore index c59a09bae79..4964b68f07d 100644 --- a/packages/terra-avatar/.npmignore +++ b/packages/terra-avatar/.npmignore @@ -5,4 +5,5 @@ tests/**/__snapshots__/ aggregated-translations dev-site-config screenshots -errorScreenshots \ No newline at end of file +errorScreenshots +generated-themes \ No newline at end of file diff --git a/packages/terra-avatar/CHANGELOG.md b/packages/terra-avatar/CHANGELOG.md index a29daef6853..9ca5b7adfde 100644 --- a/packages/terra-avatar/CHANGELOG.md +++ b/packages/terra-avatar/CHANGELOG.md @@ -3,6 +3,8 @@ ChangeLog Unreleased ---------- +### Added +* Added clinical-lowlight-theme theming files 2.33.0 - (February 4, 2020) ------------------ diff --git a/packages/terra-avatar/clinical-lowlight-wdio.conf.js b/packages/terra-avatar/clinical-lowlight-wdio.conf.js new file mode 100644 index 00000000000..625eb7211ee --- /dev/null +++ b/packages/terra-avatar/clinical-lowlight-wdio.conf.js @@ -0,0 +1,6 @@ +const path = require('path'); +const wdioConf = require('../../config/wdio/clinical-lowlight-theme/wdio.conf.js'); + +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; + +exports.config = wdioConf.config; diff --git a/packages/terra-avatar/package.json b/packages/terra-avatar/package.json index d76f7f26e8f..2a33a6090b4 100644 --- a/packages/terra-avatar/package.json +++ b/packages/terra-avatar/package.json @@ -39,7 +39,8 @@ "test": "npm run jest && npm run wdio", "jest": "jest --config ../../jestconfig.js", "wdio-default": "cd ../.. && npx wdio ./packages/$npm_package_name/wdio.conf.js", + "wdio-lowlight": "cd ../.. && THEME=clinical-lowlight-theme npx wdio ./packages/$npm_package_name/clinical-lowlight-wdio.conf.js", "wdio-fusion": "cd ../.. && THEME=orion-fusion-theme npx wdio ./packages/$npm_package_name/wdio.conf.js", - "wdio": "npm run wdio-default && npm run wdio-fusion" + "wdio": "npm run wdio-default && npm run wdio-lowlight && npm run wdio-fusion" } } diff --git a/packages/terra-avatar/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss b/packages/terra-avatar/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss new file mode 100644 index 00000000000..a3acddf9c39 --- /dev/null +++ b/packages/terra-avatar/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss @@ -0,0 +1,48 @@ +@import '~terra-mixins/lib/Mixins'; + +:global { + --terra-avatar-after-box-shadow: none; + --terra-avatar-border: none; + --terra-avatar-color: #404344; + + --terra-avatar-neutral-background-color: #6f7477; + --terra-avatar-neutral-after-box-shadow: none; + + --terra-avatar-one-background-color: #6f7477; + --terra-avatar-one-after-box-shadow: none; + + --terra-avatar-two-background-color: #6f7477; + --terra-avatar-two-after-box-shadow: none; + + --terra-avatar-three-background-color: #6f7477; + --terra-avatar-three-after-box-shadow: none; + + --terra-avatar-four-background-color: #6f7477; + --terra-avatar-four-after-box-shadow: none; + + --terra-avatar-five-background-color: #6f7477; + --terra-avatar-five-after-box-shadow: none; + + --terra-avatar-six-background-color: #6f7477; + --terra-avatar-six-after-box-shadow: none; + + --terra-avatar-seven-background-color: #6f7477; + --terra-avatar-seven-after-box-shadow: none; + + --terra-avatar-eight-background-color: #6f7477; + --terra-avatar-eight-after-box-shadow: none; + + --terra-avatar-nine-background-color: #6f7477; + --terra-avatar-nine-after-box-shadow: none; + + --terra-avatar-ten-background-color: #6f7477; + --terra-avatar-ten-after-box-shadow: none; + + --terra-avatar-image-is-deceased-opacity: 0.5; + --terra-avatar-is-deceased-background-color: #6f7477; + --terra-avatar-is-deceased-after-box-shadow: none; + + @include terra-inline-svg-var('--terra-avatar-icon-facility-background-image', ""); + @include terra-inline-svg-var('--terra-avatar-icon-shared-user-background-image', ""); + @include terra-inline-svg-var('--terra-avatar-icon-user-background-image', ""); +} diff --git a/packages/terra-avatar/wdio.conf.js b/packages/terra-avatar/wdio.conf.js index f51b322cd7f..0ca23865eda 100644 --- a/packages/terra-avatar/wdio.conf.js +++ b/packages/terra-avatar/wdio.conf.js @@ -1,6 +1,6 @@ const path = require('path'); const wdioConf = require('../../node_modules/terra-toolkit/config/wdio/wdio.conf'); -wdioConf.config.specs = [path.join(__dirname, 'test*', 'wdio', '**', '*-spec.js')]; +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; exports.config = wdioConf.config; diff --git a/packages/terra-badge/.npmignore b/packages/terra-badge/.npmignore index c59a09bae79..4964b68f07d 100644 --- a/packages/terra-badge/.npmignore +++ b/packages/terra-badge/.npmignore @@ -5,4 +5,5 @@ tests/**/__snapshots__/ aggregated-translations dev-site-config screenshots -errorScreenshots \ No newline at end of file +errorScreenshots +generated-themes \ No newline at end of file diff --git a/packages/terra-badge/CHANGELOG.md b/packages/terra-badge/CHANGELOG.md index b4fe4475a10..5561547c42f 100644 --- a/packages/terra-badge/CHANGELOG.md +++ b/packages/terra-badge/CHANGELOG.md @@ -3,6 +3,8 @@ ChangeLog Unreleased ---------- +### Added +* Added clinical-lowlight-theme theming files 3.30.0 - (February 4, 2020) ------------------ diff --git a/packages/terra-badge/clinical-lowlight-wdio.conf.js b/packages/terra-badge/clinical-lowlight-wdio.conf.js new file mode 100644 index 00000000000..625eb7211ee --- /dev/null +++ b/packages/terra-badge/clinical-lowlight-wdio.conf.js @@ -0,0 +1,6 @@ +const path = require('path'); +const wdioConf = require('../../config/wdio/clinical-lowlight-theme/wdio.conf.js'); + +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; + +exports.config = wdioConf.config; diff --git a/packages/terra-badge/package.json b/packages/terra-badge/package.json index a2a9a7658e2..3e53a5e77c1 100644 --- a/packages/terra-badge/package.json +++ b/packages/terra-badge/package.json @@ -29,8 +29,9 @@ "test": "npm run jest && npm run wdio", "jest": "jest --config ../../jestconfig.js", "wdio-default": "cd ../.. && npx wdio ./packages/$npm_package_name/wdio.conf.js", + "wdio-lowlight": "cd ../.. && THEME=clinical-lowlight-theme npx wdio ./packages/$npm_package_name/clinical-lowlight-wdio.conf.js", "wdio-fusion": "cd ../.. && THEME=orion-fusion-theme npx wdio ./packages/$npm_package_name/wdio.conf.js", - "wdio": "npm run wdio-default && npm run wdio-fusion" + "wdio": "npm run wdio-default && npm run wdio-lowlight && npm run wdio-fusion" }, "peerDependencies": { "react": "^16.8.5", diff --git a/packages/terra-badge/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss b/packages/terra-badge/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss new file mode 100644 index 00000000000..ac6d9690fdf --- /dev/null +++ b/packages/terra-badge/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss @@ -0,0 +1,18 @@ +:global { + --terra-badge-background-color-default: #2d3539; + --terra-badge-color-default: #b2b5b6; + --terra-badge-background-color-primary: #004c76; + --terra-badge-color-primary: #c9c9c9; + --terra-badge-background-color-secondary: #406c23; + --terra-badge-color-secondary: #c9c9c9; + --terra-badge-background-color-positive: #406c23; + --terra-badge-color-positive: #c9c9c9; + --terra-badge-background-color-negative: #fb4c4c; + --terra-badge-color-negative: #404040; + --terra-badge-background-color-warning: #ffb166; + --terra-badge-color-warning: #404040; + --terra-badge-background-color-info: #004c76; + --terra-badge-color-info: #c9c9c9; + + --terra-badge-border: none; +} diff --git a/packages/terra-badge/wdio.conf.js b/packages/terra-badge/wdio.conf.js index f51b322cd7f..0ca23865eda 100644 --- a/packages/terra-badge/wdio.conf.js +++ b/packages/terra-badge/wdio.conf.js @@ -1,6 +1,6 @@ const path = require('path'); const wdioConf = require('../../node_modules/terra-toolkit/config/wdio/wdio.conf'); -wdioConf.config.specs = [path.join(__dirname, 'test*', 'wdio', '**', '*-spec.js')]; +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; exports.config = wdioConf.config; diff --git a/packages/terra-base/.npmignore b/packages/terra-base/.npmignore index c59a09bae79..4964b68f07d 100644 --- a/packages/terra-base/.npmignore +++ b/packages/terra-base/.npmignore @@ -5,4 +5,5 @@ tests/**/__snapshots__/ aggregated-translations dev-site-config screenshots -errorScreenshots \ No newline at end of file +errorScreenshots +generated-themes \ No newline at end of file diff --git a/packages/terra-base/CHANGELOG.md b/packages/terra-base/CHANGELOG.md index 7219bfcd721..cc249a089bc 100644 --- a/packages/terra-base/CHANGELOG.md +++ b/packages/terra-base/CHANGELOG.md @@ -3,6 +3,8 @@ ChangeLog Unreleased ---------- +### Added +* Added clinical-lowlight-theme theming files 5.28.0 - (February 13, 2020) ------------------ diff --git a/packages/terra-base/clinical-lowlight-wdio.conf.js b/packages/terra-base/clinical-lowlight-wdio.conf.js new file mode 100644 index 00000000000..625eb7211ee --- /dev/null +++ b/packages/terra-base/clinical-lowlight-wdio.conf.js @@ -0,0 +1,6 @@ +const path = require('path'); +const wdioConf = require('../../config/wdio/clinical-lowlight-theme/wdio.conf.js'); + +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; + +exports.config = wdioConf.config; diff --git a/packages/terra-base/package.json b/packages/terra-base/package.json index 13f9a130be2..d4ac0e5c26b 100644 --- a/packages/terra-base/package.json +++ b/packages/terra-base/package.json @@ -39,7 +39,8 @@ "test": "npm run jest && npm run wdio", "jest": "jest --config ../../jestconfig.js", "wdio-default": "cd ../.. && npx wdio ./packages/$npm_package_name/wdio.conf.js", + "wdio-lowlight": "cd ../.. && THEME=clinical-lowlight-theme npx wdio ./packages/$npm_package_name/clinical-lowlight-wdio.conf.js", "wdio-fusion": "cd ../.. && THEME=orion-fusion-theme npx wdio ./packages/$npm_package_name/wdio.conf.js", - "wdio": "npm run wdio-default && npm run wdio-fusion" + "wdio": "npm run wdio-default && npm run wdio-lowlight && npm run wdio-fusion" } } diff --git a/packages/terra-base/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss b/packages/terra-base/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss new file mode 100644 index 00000000000..e1f4d7a91a0 --- /dev/null +++ b/packages/terra-base/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss @@ -0,0 +1,6 @@ +:global { + --terra-base-background-attachment: none; + --terra-base-background-color: #222a2e; + --terra-base-background-image: none; + --terra-base-color: #b2b5b6; +} diff --git a/packages/terra-base/wdio.conf.js b/packages/terra-base/wdio.conf.js index f51b322cd7f..0ca23865eda 100644 --- a/packages/terra-base/wdio.conf.js +++ b/packages/terra-base/wdio.conf.js @@ -1,6 +1,6 @@ const path = require('path'); const wdioConf = require('../../node_modules/terra-toolkit/config/wdio/wdio.conf'); -wdioConf.config.specs = [path.join(__dirname, 'test*', 'wdio', '**', '*-spec.js')]; +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; exports.config = wdioConf.config; diff --git a/packages/terra-breakpoints/.npmignore b/packages/terra-breakpoints/.npmignore index c59a09bae79..4964b68f07d 100644 --- a/packages/terra-breakpoints/.npmignore +++ b/packages/terra-breakpoints/.npmignore @@ -5,4 +5,5 @@ tests/**/__snapshots__/ aggregated-translations dev-site-config screenshots -errorScreenshots \ No newline at end of file +errorScreenshots +generated-themes \ No newline at end of file diff --git a/packages/terra-breakpoints/CHANGELOG.md b/packages/terra-breakpoints/CHANGELOG.md index ab9bddc0902..ced2b9971d9 100644 --- a/packages/terra-breakpoints/CHANGELOG.md +++ b/packages/terra-breakpoints/CHANGELOG.md @@ -3,6 +3,8 @@ ChangeLog Unreleased ---------- +### Added +* Added generated-themes to .npmignore 2.23.0 - (February 4, 2020) ------------------ diff --git a/packages/terra-breakpoints/clinical-lowlight-wdio.conf.js b/packages/terra-breakpoints/clinical-lowlight-wdio.conf.js new file mode 100644 index 00000000000..625eb7211ee --- /dev/null +++ b/packages/terra-breakpoints/clinical-lowlight-wdio.conf.js @@ -0,0 +1,6 @@ +const path = require('path'); +const wdioConf = require('../../config/wdio/clinical-lowlight-theme/wdio.conf.js'); + +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; + +exports.config = wdioConf.config; diff --git a/packages/terra-breakpoints/package.json b/packages/terra-breakpoints/package.json index 9abbb8e46ce..5bd71f6362d 100644 --- a/packages/terra-breakpoints/package.json +++ b/packages/terra-breakpoints/package.json @@ -36,6 +36,9 @@ "precompile": "rm -rf lib", "test": "npm run jest && npm run wdio", "jest": "jest --config ../../jestconfig.js", - "wdio": "cd ../.. && npx wdio ./packages/$npm_package_name/wdio.conf.js" + "wdio-default": "cd ../.. && npx wdio ./packages/$npm_package_name/wdio.conf.js", + "wdio-lowlight": "cd ../.. && THEME=clinical-lowlight-theme npx wdio ./packages/$npm_package_name/clinical-lowlight-wdio.conf.js", + "wdio-fusion": "cd ../.. && THEME=orion-fusion-theme npx wdio ./packages/$npm_package_name/wdio.conf.js", + "wdio": "npm run wdio-default && npm run wdio-lowlight && npm run wdio-fusion" } } diff --git a/packages/terra-breakpoints/wdio.conf.js b/packages/terra-breakpoints/wdio.conf.js index f51b322cd7f..0ca23865eda 100644 --- a/packages/terra-breakpoints/wdio.conf.js +++ b/packages/terra-breakpoints/wdio.conf.js @@ -1,6 +1,6 @@ const path = require('path'); const wdioConf = require('../../node_modules/terra-toolkit/config/wdio/wdio.conf'); -wdioConf.config.specs = [path.join(__dirname, 'test*', 'wdio', '**', '*-spec.js')]; +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; exports.config = wdioConf.config; diff --git a/packages/terra-button-group/.npmignore b/packages/terra-button-group/.npmignore index c59a09bae79..4964b68f07d 100644 --- a/packages/terra-button-group/.npmignore +++ b/packages/terra-button-group/.npmignore @@ -5,4 +5,5 @@ tests/**/__snapshots__/ aggregated-translations dev-site-config screenshots -errorScreenshots \ No newline at end of file +errorScreenshots +generated-themes \ No newline at end of file diff --git a/packages/terra-button-group/CHANGELOG.md b/packages/terra-button-group/CHANGELOG.md index 660ef5144dc..134205d2c46 100644 --- a/packages/terra-button-group/CHANGELOG.md +++ b/packages/terra-button-group/CHANGELOG.md @@ -3,6 +3,8 @@ ChangeLog Unreleased ---------- +### Added +* Added clinical-lowlight-theme theming files 3.31.0 - (February 4, 2020) ------------------ diff --git a/packages/terra-button-group/clinical-lowlight-wdio.conf.js b/packages/terra-button-group/clinical-lowlight-wdio.conf.js new file mode 100644 index 00000000000..625eb7211ee --- /dev/null +++ b/packages/terra-button-group/clinical-lowlight-wdio.conf.js @@ -0,0 +1,6 @@ +const path = require('path'); +const wdioConf = require('../../config/wdio/clinical-lowlight-theme/wdio.conf.js'); + +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; + +exports.config = wdioConf.config; diff --git a/packages/terra-button-group/package.json b/packages/terra-button-group/package.json index 764dbb50c07..9ceb738b2ad 100644 --- a/packages/terra-button-group/package.json +++ b/packages/terra-button-group/package.json @@ -40,7 +40,8 @@ "test": "npm run jest && npm run wdio", "jest": "jest --config ../../jestconfig.js", "wdio-default": "cd ../.. && npx wdio ./packages/$npm_package_name/wdio.conf.js", + "wdio-lowlight": "cd ../.. && THEME=clinical-lowlight-theme npx wdio ./packages/$npm_package_name/clinical-lowlight-wdio.conf.js", "wdio-fusion": "cd ../.. && THEME=orion-fusion-theme npx wdio ./packages/$npm_package_name/wdio.conf.js", - "wdio": "npm run wdio-default && npm run wdio-fusion" + "wdio": "npm run wdio-default && npm run wdio-lowlight && npm run wdio-fusion" } } diff --git a/packages/terra-button-group/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss b/packages/terra-button-group/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss new file mode 100644 index 00000000000..97c899c5f45 --- /dev/null +++ b/packages/terra-button-group/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss @@ -0,0 +1,35 @@ +:global { + --terra-button-group-button-active-background-color: #1a2023; + --terra-button-group-button-active-border-color: #181b1d; + --terra-button-group-button-active-color: #9b9b9b; + + --terra-button-group-button-background-color: #2d3539; + --terra-button-group-button-border-color: #181b1d; + --terra-button-group-button-box-shadow: none; + --terra-button-group-button-color: #b2b5b6; + --terra-button-group-button-disabled-opacity: 0.3; + + --terra-button-group-button-focus-background-color: #1a2023; + --terra-button-group-button-focus-border-color: #181b1d; + --terra-button-group-button-focus-box-shadow: 0 0 1px 3px rgba(76, 178, 233, 0.5), 0 0 7px 4px rgba(76, 178, 233, 0.35); + + --terra-button-group-button-hover-background-color: #1e272b; + --terra-button-group-button-hover-color: #9b9b9b; + + --terra-button-group-button-active-box-shadow: none; + + --terra-button-group-button-selected-background-color: #1a2023; + --terra-button-group-button-selected-border-color: #181b1d; + --terra-button-group-button-selected-box-shadow: none; + --terra-button-group-button-selected-color: #9b9b9b; + + --terra-button-group-button-selected-and-focus-background-color: #1a2023; + --terra-button-group-button-selected-and-focus-border-color: #181b1d; + --terra-button-group-button-selected-and-focus-box-shadow: 0 0 1px 3px rgba(76, 178, 233, 0.5), 0 0 7px 4px rgba(76, 178, 233, 0.35); + --terra-button-group-button-selected-and-focus-color: #9b9b9b; + + --terra-button-group-button-selected-and-hover-background-color: #121517; + --terra-button-group-button-selected-and-hover-border-color: #181b1d; + --terra-button-group-button-selected-and-hover-box-shadow: none; + --terra-button-group-button-selected-and-hover-color: #9b9b9b; +} diff --git a/packages/terra-button-group/wdio.conf.js b/packages/terra-button-group/wdio.conf.js index f51b322cd7f..0ca23865eda 100644 --- a/packages/terra-button-group/wdio.conf.js +++ b/packages/terra-button-group/wdio.conf.js @@ -1,6 +1,6 @@ const path = require('path'); const wdioConf = require('../../node_modules/terra-toolkit/config/wdio/wdio.conf'); -wdioConf.config.specs = [path.join(__dirname, 'test*', 'wdio', '**', '*-spec.js')]; +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; exports.config = wdioConf.config; diff --git a/packages/terra-button/.npmignore b/packages/terra-button/.npmignore index c59a09bae79..4964b68f07d 100644 --- a/packages/terra-button/.npmignore +++ b/packages/terra-button/.npmignore @@ -5,4 +5,5 @@ tests/**/__snapshots__/ aggregated-translations dev-site-config screenshots -errorScreenshots \ No newline at end of file +errorScreenshots +generated-themes \ No newline at end of file diff --git a/packages/terra-button/CHANGELOG.md b/packages/terra-button/CHANGELOG.md index 4c7c928be69..c361a523826 100644 --- a/packages/terra-button/CHANGELOG.md +++ b/packages/terra-button/CHANGELOG.md @@ -3,6 +3,8 @@ ChangeLog Unreleased ---------- +### Added +* Added clinical-lowlight-theme theming files 3.31.0 - (February 4, 2020) ------------------ diff --git a/packages/terra-button/clinical-lowlight-wdio.conf.js b/packages/terra-button/clinical-lowlight-wdio.conf.js new file mode 100644 index 00000000000..625eb7211ee --- /dev/null +++ b/packages/terra-button/clinical-lowlight-wdio.conf.js @@ -0,0 +1,6 @@ +const path = require('path'); +const wdioConf = require('../../config/wdio/clinical-lowlight-theme/wdio.conf.js'); + +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; + +exports.config = wdioConf.config; diff --git a/packages/terra-button/package.json b/packages/terra-button/package.json index 6229830dda0..19377f49b0a 100644 --- a/packages/terra-button/package.json +++ b/packages/terra-button/package.json @@ -29,8 +29,9 @@ "test": "npm run jest && npm run wdio", "jest": "jest --config ../../jestconfig.js", "wdio-default": "cd ../.. && npx wdio ./packages/$npm_package_name/wdio.conf.js", + "wdio-lowlight": "cd ../.. && THEME=clinical-lowlight-theme npx wdio ./packages/$npm_package_name/clinical-lowlight-wdio.conf.js", "wdio-fusion": "cd ../.. && THEME=orion-fusion-theme npx wdio ./packages/$npm_package_name/wdio.conf.js", - "wdio": "npm run wdio-default && npm run wdio-fusion" + "wdio": "npm run wdio-default && npm run wdio-lowlight && npm run wdio-fusion" }, "peerDependencies": { "react": "^16.8.5", diff --git a/packages/terra-button/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss b/packages/terra-button/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss new file mode 100644 index 00000000000..600aa553f47 --- /dev/null +++ b/packages/terra-button/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss @@ -0,0 +1,165 @@ +:global { + --terra-button-disabled-opacity: 0.3; + + // Neutral button + --terra-button-background-color-neutral: #2d3539; + --terra-button-border-color-neutral: #181b1d; + --terra-button-box-shadow-neutral: none; + --terra-button-color-neutral: #b2b5b6; + + --terra-button-active-background-color-neutral: #0c0d0e; + --terra-button-active-border-color-neutral: #181b1d; + --terra-button-active-color-neutral: #9b9b9b; + + --terra-button-active-and-focus-background-color-neutral: #0c0d0e; + --terra-button-active-and-focus-border-color-neutral: #181b1d; + --terra-button-active-and-focus-box-shadow-neutral: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76; + + --terra-button-disabled-background-color-neutral: #2d3539; + --terra-button-disabled-border-color-neutral: #181b1d; + --terra-button-disabled-box-shadow-neutral: none; + --terra-button-disabled-color-neutral: #b2b5b6; + + --terra-button-focus-background-color-neutral: #2d3539; + --terra-button-focus-border-color-neutral: #181b1d; + --terra-button-focus-box-shadow-neutral: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76; + + --terra-button-hover-background-color-neutral: #1a2023; + --terra-button-hover-border-color-neutral: #1a2023; + --terra-button-hover-color-neutral: #9b9b9b; + + // Emphasis button + --terra-button-background-color-emphasis: #004c76; + --terra-button-border-color-emphasis: #003f61; + --terra-button-box-shadow-emphasis: none; + --terra-button-color-emphasis: #b2b5b6; + + --terra-button-active-background-color-emphasis: #001e2e; + --terra-button-active-border-color-emphasis: #003f61; + --terra-button-active-color-emphasis: #b2b5b6; + + --terra-button-active-and-focus-background-color-emphasis: #001e2e; + --terra-button-active-and-focus-border-color-emphasis: #003f61; + --terra-button-active-and-focus-box-shadow-emphasis: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76; + + --terra-button-disabled-background-color-emphasis: #004c76; + --terra-button-disabled-border-color-emphasis: #003f61; + --terra-button-disabled-box-shadow-emphasis: none; + --terra-button-disabled-color-emphasis: #b2b5b6; + + --terra-button-focus-background-color-emphasis: #004c76; + --terra-button-focus-border-color-emphasis: #003f61; + --terra-button-focus-box-shadow-emphasis: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76; + + --terra-button-hover-background-color-emphasis: #013a5a; + --terra-button-hover-border-color-emphasis: #013a5a; + --terra-button-hover-color-emphasis: #b2b5b6; + + // De-emphasis button + --terra-button-background-color-de-emphasis: transparent; + --terra-button-border-color-de-emphasis: transparent; + --terra-button-box-shadow-de-emphasis: none; + --terra-button-color-de-emphasis: #007ee0; + + --terra-button-active-background-color-de-emphasis: #161e22; + --terra-button-active-border-color-de-emphasis: transparent; + --terra-button-active-color-de-emphasis: #003f61; + + --terra-button-active-and-focus-background-color-de-emphasis: #161e22; + --terra-button-active-and-focus-border-color-de-emphasis: transparent; + --terra-button-active-and-focus-box-shadow-de-emphasis: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76; + + --terra-button-disabled-background-color-de-emphasis: transparent; + --terra-button-disabled-border-color-de-emphasis: transparent; + --terra-button-disabled-box-shadow-de-emphasis: none; + --terra-button-disabled-color-de-emphasis: #007ee0; + + --terra-button-focus-background-color-de-emphasis: transparent; + --terra-button-focus-border-color-de-emphasis: transparent; + --terra-button-focus-box-shadow-de-emphasis: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76; + + --terra-button-hover-background-color-de-emphasis: transparent; + --terra-button-hover-border-color-de-emphasis: transparent; + --terra-button-hover-color-de-emphasis: #003f61; + + // Action button + --terra-button-background-color-action: #004c76; + --terra-button-border-color-action: #003f61; + --terra-button-box-shadow-action: none; + --terra-button-color-action: #b2b5b6; + + --terra-button-active-background-color-action: #001e2e; + --terra-button-active-border-color-action: #003f61; + --terra-button-active-color-action: #b2b5b6; + + --terra-button-active-and-focus-background-color-action: #001e2e; + --terra-button-active-and-focus-border-color-action: #003f61; + --terra-button-active-and-focus-box-shadow-action: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76; + + --terra-button-disabled-background-color-action: #004c76; + --terra-button-disabled-border-color-action: #003f61; + --terra-button-disabled-box-shadow-action: none; + --terra-button-disabled-color-action: #b2b5b6; + + --terra-button-focus-background-color-action: #004c76; + --terra-button-focus-border-color-action: #003f61; + --terra-button-focus-box-shadow-action: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76; + + --terra-button-hover-background-color-action: #013a5a; + --terra-button-hover-border-color-action: #013a5a; + --terra-button-hover-color-action: #9b9b9b; + + // Utility button + --terra-button-background-color-utility: transparent; + --terra-button-border-color-utility: transparent; + --terra-button-box-shadow-utility: none; + --terra-button-color-utility: #b2b5b6; + + --terra-button-active-background-color-utility: #1a2023; + --terra-button-active-border-color-utility: transparent; + --terra-button-active-color-utility: #b2b5b6; + + --terra-button-active-and-focus-background-color-utility: #1a2023; + --terra-button-active-and-focus-border-color-utility: transparent; + --terra-button-active-and-focus-box-shadow-utility: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76; + + --terra-button-disabled-background-color-utility: transparent; + --terra-button-disabled-border-color-utility: transparent; + --terra-button-disabled-box-shadow-utility: none; + --terra-button-disabled-color-utility: #b2b5b6; + + --terra-button-focus-background-color-utility: transparent; + --terra-button-focus-border-color-utility: transparent; + --terra-button-focus-box-shadow-utility: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76; + + --terra-button-hover-background-color-utility: transparent; + --terra-button-hover-border-color-utility: transparent; + --terra-button-hover-color-utility: #b2b5b6; + + // Ghost Button + --terra-button-background-color-ghost: transparent; + --terra-button-border-color-ghost: #616668; + --terra-button-box-shadow-ghost: none; + --terra-button-color-ghost: #b2b5b6; + + --terra-button-active-background-color-ghost: #0c0d0e; + --terra-button-active-border-color-ghost: transparent; + --terra-button-active-color-ghost: #b2b5b6; + + --terra-button-active-and-focus-background-color-ghost: #0c0d0e; + --terra-button-active-and-focus-border-color-ghost: #181b1d; + --terra-button-active-and-focus-box-shadow-ghost: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76; + + --terra-button-disabled-background-color-ghost: transparent; + --terra-button-disabled-border-color-ghost: #616668; + --terra-button-disabled-box-shadow-ghost: none; + --terra-button-disabled-color-ghost: #b2b5b6; + + --terra-button-focus-background-color-ghost: #222a2e; + --terra-button-focus-border-color-ghost: #181b1d; + --terra-button-focus-box-shadow-ghost: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76; + + --terra-button-hover-background-color-ghost: #1a2023; + --terra-button-hover-border-color-ghost: #1a2023; + --terra-button-hover-color-ghost: #9b9b9b; +} diff --git a/packages/terra-button/wdio.conf.js b/packages/terra-button/wdio.conf.js index f51b322cd7f..0ca23865eda 100644 --- a/packages/terra-button/wdio.conf.js +++ b/packages/terra-button/wdio.conf.js @@ -1,6 +1,6 @@ const path = require('path'); const wdioConf = require('../../node_modules/terra-toolkit/config/wdio/wdio.conf'); -wdioConf.config.specs = [path.join(__dirname, 'test*', 'wdio', '**', '*-spec.js')]; +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; exports.config = wdioConf.config; diff --git a/packages/terra-card/.npmignore b/packages/terra-card/.npmignore index c59a09bae79..4964b68f07d 100644 --- a/packages/terra-card/.npmignore +++ b/packages/terra-card/.npmignore @@ -5,4 +5,5 @@ tests/**/__snapshots__/ aggregated-translations dev-site-config screenshots -errorScreenshots \ No newline at end of file +errorScreenshots +generated-themes \ No newline at end of file diff --git a/packages/terra-card/CHANGELOG.md b/packages/terra-card/CHANGELOG.md index cd6c2ec82bf..c1ab4b2d0de 100644 --- a/packages/terra-card/CHANGELOG.md +++ b/packages/terra-card/CHANGELOG.md @@ -3,6 +3,8 @@ ChangeLog Unreleased ---------- +### Added +* Added clinical-lowlight-theme theming files 3.24.0 - (February 4, 2020) ------------------ diff --git a/packages/terra-card/clinical-lowlight-wdio.conf.js b/packages/terra-card/clinical-lowlight-wdio.conf.js new file mode 100644 index 00000000000..625eb7211ee --- /dev/null +++ b/packages/terra-card/clinical-lowlight-wdio.conf.js @@ -0,0 +1,6 @@ +const path = require('path'); +const wdioConf = require('../../config/wdio/clinical-lowlight-theme/wdio.conf.js'); + +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; + +exports.config = wdioConf.config; diff --git a/packages/terra-card/package.json b/packages/terra-card/package.json index 93d89a58fe5..c709b36d84f 100644 --- a/packages/terra-card/package.json +++ b/packages/terra-card/package.json @@ -39,7 +39,8 @@ "test": "npm run jest && npm run wdio", "jest": "jest --config ../../jestconfig.js", "wdio-default": "cd ../.. && npx wdio ./packages/$npm_package_name/wdio.conf.js", + "wdio-lowlight": "cd ../.. && THEME=clinical-lowlight-theme npx wdio ./packages/$npm_package_name/clinical-lowlight-wdio.conf.js", "wdio-fusion": "cd ../.. && THEME=orion-fusion-theme npx wdio ./packages/$npm_package_name/wdio.conf.js", - "wdio": "npm run wdio-default && npm run wdio-fusion" + "wdio": "npm run wdio-default && npm run wdio-lowlight && npm run wdio-fusion" } } diff --git a/packages/terra-card/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss b/packages/terra-card/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss new file mode 100644 index 00000000000..669c25b80a2 --- /dev/null +++ b/packages/terra-card/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss @@ -0,0 +1,7 @@ +:global { + --terra-card-background-color: #222a2e; + --terra-card-border: 1px solid #181b1d; + --terra-card-box-shadow: none; + --terra-card-color: #b2b5b6; + --terra-card-raised-box-shadow: 0 3px 8px -2px rgba(0, 0, 0, 0.18), 0 3px 10px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -3px rgba(0, 0, 0, 0.3); +} diff --git a/packages/terra-card/wdio.conf.js b/packages/terra-card/wdio.conf.js index f51b322cd7f..0ca23865eda 100644 --- a/packages/terra-card/wdio.conf.js +++ b/packages/terra-card/wdio.conf.js @@ -1,6 +1,6 @@ const path = require('path'); const wdioConf = require('../../node_modules/terra-toolkit/config/wdio/wdio.conf'); -wdioConf.config.specs = [path.join(__dirname, 'test*', 'wdio', '**', '*-spec.js')]; +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; exports.config = wdioConf.config; diff --git a/packages/terra-cell-grid/.npmignore b/packages/terra-cell-grid/.npmignore index c59a09bae79..4964b68f07d 100644 --- a/packages/terra-cell-grid/.npmignore +++ b/packages/terra-cell-grid/.npmignore @@ -5,4 +5,5 @@ tests/**/__snapshots__/ aggregated-translations dev-site-config screenshots -errorScreenshots \ No newline at end of file +errorScreenshots +generated-themes \ No newline at end of file diff --git a/packages/terra-cell-grid/CHANGELOG.md b/packages/terra-cell-grid/CHANGELOG.md index 5e616f0d710..3bd322b4daa 100644 --- a/packages/terra-cell-grid/CHANGELOG.md +++ b/packages/terra-cell-grid/CHANGELOG.md @@ -3,6 +3,8 @@ Changelog Unreleased ---------- +### Added +* Added generated-themes to .npmignore 1.1.0 - (February 4, 2020) ------------------ diff --git a/packages/terra-cell-grid/clinical-lowlight-wdio.conf.js b/packages/terra-cell-grid/clinical-lowlight-wdio.conf.js new file mode 100644 index 00000000000..625eb7211ee --- /dev/null +++ b/packages/terra-cell-grid/clinical-lowlight-wdio.conf.js @@ -0,0 +1,6 @@ +const path = require('path'); +const wdioConf = require('../../config/wdio/clinical-lowlight-theme/wdio.conf.js'); + +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; + +exports.config = wdioConf.config; diff --git a/packages/terra-cell-grid/package.json b/packages/terra-cell-grid/package.json index fd6660768a1..b7eee815087 100644 --- a/packages/terra-cell-grid/package.json +++ b/packages/terra-cell-grid/package.json @@ -37,7 +37,8 @@ "test": "npm run jest && npm run wdio", "jest": "jest --config ../../jestconfig.js", "wdio-default": "cd ../.. && npx wdio ./packages/$npm_package_name/wdio.conf.js", + "wdio-lowlight": "cd ../.. && THEME=clinical-lowlight-theme npx wdio ./packages/$npm_package_name/clinical-lowlight-wdio.conf.js", "wdio-fusion": "cd ../.. && THEME=orion-fusion-theme npx wdio ./packages/$npm_package_name/wdio.conf.js", - "wdio": "npm run wdio-default && npm run wdio-fusion" + "wdio": "npm run wdio-default && npm run wdio-lowlight && npm run wdio-fusion" } } diff --git a/packages/terra-cell-grid/wdio.conf.js b/packages/terra-cell-grid/wdio.conf.js index f51b322cd7f..0ca23865eda 100644 --- a/packages/terra-cell-grid/wdio.conf.js +++ b/packages/terra-cell-grid/wdio.conf.js @@ -1,6 +1,6 @@ const path = require('path'); const wdioConf = require('../../node_modules/terra-toolkit/config/wdio/wdio.conf'); -wdioConf.config.specs = [path.join(__dirname, 'test*', 'wdio', '**', '*-spec.js')]; +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; exports.config = wdioConf.config; diff --git a/packages/terra-content-container/.npmignore b/packages/terra-content-container/.npmignore index c59a09bae79..4964b68f07d 100644 --- a/packages/terra-content-container/.npmignore +++ b/packages/terra-content-container/.npmignore @@ -5,4 +5,5 @@ tests/**/__snapshots__/ aggregated-translations dev-site-config screenshots -errorScreenshots \ No newline at end of file +errorScreenshots +generated-themes \ No newline at end of file diff --git a/packages/terra-content-container/CHANGELOG.md b/packages/terra-content-container/CHANGELOG.md index 4cd4336a7f5..00a43f1c387 100644 --- a/packages/terra-content-container/CHANGELOG.md +++ b/packages/terra-content-container/CHANGELOG.md @@ -3,6 +3,8 @@ ChangeLog Unreleased ---------- +### Added +* Added generated-themes to .npmignore 3.23.0 - (February 4, 2020) ------------------ diff --git a/packages/terra-content-container/clinical-lowlight-wdio.conf.js b/packages/terra-content-container/clinical-lowlight-wdio.conf.js new file mode 100644 index 00000000000..625eb7211ee --- /dev/null +++ b/packages/terra-content-container/clinical-lowlight-wdio.conf.js @@ -0,0 +1,6 @@ +const path = require('path'); +const wdioConf = require('../../config/wdio/clinical-lowlight-theme/wdio.conf.js'); + +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; + +exports.config = wdioConf.config; diff --git a/packages/terra-content-container/package.json b/packages/terra-content-container/package.json index 91d9a5ff30a..4d5463ab48b 100644 --- a/packages/terra-content-container/package.json +++ b/packages/terra-content-container/package.json @@ -37,6 +37,9 @@ "precompile": "rm -rf lib", "test": "npm run jest && npm run wdio", "jest": "jest --config ../../jestconfig.js", - "wdio": "cd ../.. && npx wdio ./packages/$npm_package_name/wdio.conf.js" + "wdio-default": "cd ../.. && npx wdio ./packages/$npm_package_name/wdio.conf.js", + "wdio-lowlight": "cd ../.. && THEME=clinical-lowlight-theme npx wdio ./packages/$npm_package_name/clinical-lowlight-wdio.conf.js", + "wdio-fusion": "cd ../.. && THEME=orion-fusion-theme npx wdio ./packages/$npm_package_name/wdio.conf.js", + "wdio": "npm run wdio-default && npm run wdio-lowlight && npm run wdio-fusion" } } diff --git a/packages/terra-content-container/wdio.conf.js b/packages/terra-content-container/wdio.conf.js index f51b322cd7f..0ca23865eda 100644 --- a/packages/terra-content-container/wdio.conf.js +++ b/packages/terra-content-container/wdio.conf.js @@ -1,6 +1,6 @@ const path = require('path'); const wdioConf = require('../../node_modules/terra-toolkit/config/wdio/wdio.conf'); -wdioConf.config.specs = [path.join(__dirname, 'test*', 'wdio', '**', '*-spec.js')]; +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; exports.config = wdioConf.config; diff --git a/packages/terra-demographics-banner/.npmignore b/packages/terra-demographics-banner/.npmignore index c59a09bae79..4964b68f07d 100644 --- a/packages/terra-demographics-banner/.npmignore +++ b/packages/terra-demographics-banner/.npmignore @@ -5,4 +5,5 @@ tests/**/__snapshots__/ aggregated-translations dev-site-config screenshots -errorScreenshots \ No newline at end of file +errorScreenshots +generated-themes \ No newline at end of file diff --git a/packages/terra-demographics-banner/CHANGELOG.md b/packages/terra-demographics-banner/CHANGELOG.md index 4534ea82d2c..c9eef29cb98 100644 --- a/packages/terra-demographics-banner/CHANGELOG.md +++ b/packages/terra-demographics-banner/CHANGELOG.md @@ -3,6 +3,8 @@ ChangeLog Unreleased ---------- +### Added +* Added clinical-lowlight-theme theming files 3.31.0 - (February 4, 2020) ------------------ diff --git a/packages/terra-demographics-banner/clinical-lowlight-wdio.conf.js b/packages/terra-demographics-banner/clinical-lowlight-wdio.conf.js new file mode 100644 index 00000000000..625eb7211ee --- /dev/null +++ b/packages/terra-demographics-banner/clinical-lowlight-wdio.conf.js @@ -0,0 +1,6 @@ +const path = require('path'); +const wdioConf = require('../../config/wdio/clinical-lowlight-theme/wdio.conf.js'); + +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; + +exports.config = wdioConf.config; diff --git a/packages/terra-demographics-banner/package.json b/packages/terra-demographics-banner/package.json index 2f0f1de58ff..2b035b889da 100644 --- a/packages/terra-demographics-banner/package.json +++ b/packages/terra-demographics-banner/package.json @@ -41,7 +41,8 @@ "test": "npm run jest && npm run wdio", "jest": "jest --config ../../jestconfig.js", "wdio-default": "cd ../.. && npx wdio ./packages/$npm_package_name/wdio.conf.js", + "wdio-lowlight": "cd ../.. && THEME=clinical-lowlight-theme npx wdio ./packages/$npm_package_name/clinical-lowlight-wdio.conf.js", "wdio-fusion": "cd ../.. && THEME=orion-fusion-theme npx wdio ./packages/$npm_package_name/wdio.conf.js", - "wdio": "npm run wdio-default && npm run wdio-fusion" + "wdio": "npm run wdio-default && npm run wdio-lowlight && npm run wdio-fusion" } } diff --git a/packages/terra-demographics-banner/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss b/packages/terra-demographics-banner/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss new file mode 100644 index 00000000000..a605981ac69 --- /dev/null +++ b/packages/terra-demographics-banner/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss @@ -0,0 +1,12 @@ +:global { + --terra-demographics-banner-background-color: #004c76; + --terra-demographics-banner-background-image: none; + --terra-demographics-banner-box-shadow: none; + --terra-demographics-banner-color: #b2b5b6; + --terra-demographics-banner-large-box-shadow: none; + + --terra-demographics-banner-deceased-background-color: #1c1f21; + --terra-demographics-banner-deceased-background-image: none; + --terra-demographics-banner-deceased-color: #b2b5b6; + --terra-demographics-banner-deceased-profile-photo-opacity: 0.7; +} diff --git a/packages/terra-demographics-banner/wdio.conf.js b/packages/terra-demographics-banner/wdio.conf.js index f51b322cd7f..0ca23865eda 100644 --- a/packages/terra-demographics-banner/wdio.conf.js +++ b/packages/terra-demographics-banner/wdio.conf.js @@ -1,6 +1,6 @@ const path = require('path'); const wdioConf = require('../../node_modules/terra-toolkit/config/wdio/wdio.conf'); -wdioConf.config.specs = [path.join(__dirname, 'test*', 'wdio', '**', '*-spec.js')]; +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; exports.config = wdioConf.config; diff --git a/packages/terra-dialog/.npmignore b/packages/terra-dialog/.npmignore index c59a09bae79..4964b68f07d 100644 --- a/packages/terra-dialog/.npmignore +++ b/packages/terra-dialog/.npmignore @@ -5,4 +5,5 @@ tests/**/__snapshots__/ aggregated-translations dev-site-config screenshots -errorScreenshots \ No newline at end of file +errorScreenshots +generated-themes \ No newline at end of file diff --git a/packages/terra-dialog/CHANGELOG.md b/packages/terra-dialog/CHANGELOG.md index 892be24129f..35e94fad535 100644 --- a/packages/terra-dialog/CHANGELOG.md +++ b/packages/terra-dialog/CHANGELOG.md @@ -3,6 +3,8 @@ ChangeLog Unreleased ---------- +### Added +* Added clinical-lowlight-theme theming files 2.33.0 - (February 4, 2020) ------------------ diff --git a/packages/terra-dialog/clinical-lowlight-wdio.conf.js b/packages/terra-dialog/clinical-lowlight-wdio.conf.js new file mode 100644 index 00000000000..625eb7211ee --- /dev/null +++ b/packages/terra-dialog/clinical-lowlight-wdio.conf.js @@ -0,0 +1,6 @@ +const path = require('path'); +const wdioConf = require('../../config/wdio/clinical-lowlight-theme/wdio.conf.js'); + +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; + +exports.config = wdioConf.config; diff --git a/packages/terra-dialog/package.json b/packages/terra-dialog/package.json index 6b215d5a46f..196e3f42c9d 100644 --- a/packages/terra-dialog/package.json +++ b/packages/terra-dialog/package.json @@ -42,7 +42,8 @@ "test": "npm run jest && npm run wdio", "jest": "jest --config ../../jestconfig.js", "wdio-default": "cd ../.. && npx wdio ./packages/$npm_package_name/wdio.conf.js", + "wdio-lowlight": "cd ../.. && THEME=clinical-lowlight-theme npx wdio ./packages/$npm_package_name/clinical-lowlight-wdio.conf.js", "wdio-fusion": "cd ../.. && THEME=orion-fusion-theme npx wdio ./packages/$npm_package_name/wdio.conf.js", - "wdio": "npm run wdio-default && npm run wdio-fusion" + "wdio": "npm run wdio-default && npm run wdio-lowlight && npm run wdio-fusion" } } diff --git a/packages/terra-dialog/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss b/packages/terra-dialog/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss new file mode 100644 index 00000000000..87a6ae9ec83 --- /dev/null +++ b/packages/terra-dialog/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss @@ -0,0 +1,15 @@ +@import '~terra-mixins/lib/Mixins'; + +:global { + --terra-dialog-header-background-color: #1e2427; + --terra-dialog-header-foreground-color: #b2b5b6; + --terra-dialog-body-background-color: transparent; + --terra-dialog-body-foreground-color: #b2b5b6; + --terra-dialog-footer-background-color: #1e2427; + --terra-dialog-footer-foreground-color: #b2b5b6; + + --terra-dialog-header-border-bottom: 1px solid #181b1d; + --terra-dialog-footer-border-top: 1px solid #181b1d; + + @include terra-inline-svg-var('--terra-dialog-header-close-background', ""); +} diff --git a/packages/terra-dialog/wdio.conf.js b/packages/terra-dialog/wdio.conf.js index f51b322cd7f..0ca23865eda 100644 --- a/packages/terra-dialog/wdio.conf.js +++ b/packages/terra-dialog/wdio.conf.js @@ -1,6 +1,6 @@ const path = require('path'); const wdioConf = require('../../node_modules/terra-toolkit/config/wdio/wdio.conf'); -wdioConf.config.specs = [path.join(__dirname, 'test*', 'wdio', '**', '*-spec.js')]; +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; exports.config = wdioConf.config; diff --git a/packages/terra-divider/.npmignore b/packages/terra-divider/.npmignore index c59a09bae79..4964b68f07d 100644 --- a/packages/terra-divider/.npmignore +++ b/packages/terra-divider/.npmignore @@ -5,4 +5,5 @@ tests/**/__snapshots__/ aggregated-translations dev-site-config screenshots -errorScreenshots \ No newline at end of file +errorScreenshots +generated-themes \ No newline at end of file diff --git a/packages/terra-divider/CHANGELOG.md b/packages/terra-divider/CHANGELOG.md index 3d61bd70296..0eed622b3a6 100644 --- a/packages/terra-divider/CHANGELOG.md +++ b/packages/terra-divider/CHANGELOG.md @@ -3,6 +3,8 @@ ChangeLog Unreleased ---------- +### Added +* Added clinical-lowlight-theme theming files 3.23.0 - (February 13, 2020) ------------------ diff --git a/packages/terra-divider/clinical-lowlight-wdio.conf.js b/packages/terra-divider/clinical-lowlight-wdio.conf.js new file mode 100644 index 00000000000..625eb7211ee --- /dev/null +++ b/packages/terra-divider/clinical-lowlight-wdio.conf.js @@ -0,0 +1,6 @@ +const path = require('path'); +const wdioConf = require('../../config/wdio/clinical-lowlight-theme/wdio.conf.js'); + +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; + +exports.config = wdioConf.config; diff --git a/packages/terra-divider/package.json b/packages/terra-divider/package.json index 8201c5e6863..0706a0aacaf 100644 --- a/packages/terra-divider/package.json +++ b/packages/terra-divider/package.json @@ -37,7 +37,8 @@ "test": "npm run jest && npm run wdio", "jest": "jest --config ../../jestconfig.js", "wdio-default": "cd ../.. && npx wdio ./packages/$npm_package_name/wdio.conf.js", + "wdio-lowlight": "cd ../.. && THEME=clinical-lowlight-theme npx wdio ./packages/$npm_package_name/clinical-lowlight-wdio.conf.js", "wdio-fusion": "cd ../.. && THEME=orion-fusion-theme npx wdio ./packages/$npm_package_name/wdio.conf.js", - "wdio": "npm run wdio-default && npm run wdio-fusion" + "wdio": "npm run wdio-default && npm run wdio-lowlight && npm run wdio-fusion" } } diff --git a/packages/terra-divider/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss b/packages/terra-divider/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss new file mode 100644 index 00000000000..bc0182d516f --- /dev/null +++ b/packages/terra-divider/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss @@ -0,0 +1,5 @@ +:global { + --terra-divider-border-color: #181b1d; + --terra-divider-border-top-width: 1px; + --terra-divider-text-color: #b2b5b6; +} diff --git a/packages/terra-divider/wdio.conf.js b/packages/terra-divider/wdio.conf.js index f51b322cd7f..0ca23865eda 100644 --- a/packages/terra-divider/wdio.conf.js +++ b/packages/terra-divider/wdio.conf.js @@ -1,6 +1,6 @@ const path = require('path'); const wdioConf = require('../../node_modules/terra-toolkit/config/wdio/wdio.conf'); -wdioConf.config.specs = [path.join(__dirname, 'test*', 'wdio', '**', '*-spec.js')]; +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; exports.config = wdioConf.config; diff --git a/packages/terra-doc-template/.npmignore b/packages/terra-doc-template/.npmignore index c59a09bae79..4964b68f07d 100644 --- a/packages/terra-doc-template/.npmignore +++ b/packages/terra-doc-template/.npmignore @@ -5,4 +5,5 @@ tests/**/__snapshots__/ aggregated-translations dev-site-config screenshots -errorScreenshots \ No newline at end of file +errorScreenshots +generated-themes \ No newline at end of file diff --git a/packages/terra-doc-template/CHANGELOG.md b/packages/terra-doc-template/CHANGELOG.md index 30812c4174e..f3794bf1833 100644 --- a/packages/terra-doc-template/CHANGELOG.md +++ b/packages/terra-doc-template/CHANGELOG.md @@ -3,6 +3,8 @@ ChangeLog Unreleased ---------- +### Added +* Added clinical-lowlight-theme theming files 2.23.0 - (January 7, 2020) ------------------ diff --git a/packages/terra-doc-template/clinical-lowlight-wdio.conf.js b/packages/terra-doc-template/clinical-lowlight-wdio.conf.js new file mode 100644 index 00000000000..625eb7211ee --- /dev/null +++ b/packages/terra-doc-template/clinical-lowlight-wdio.conf.js @@ -0,0 +1,6 @@ +const path = require('path'); +const wdioConf = require('../../config/wdio/clinical-lowlight-theme/wdio.conf.js'); + +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; + +exports.config = wdioConf.config; diff --git a/packages/terra-doc-template/package.json b/packages/terra-doc-template/package.json index ca313bfa517..6df4d966db6 100644 --- a/packages/terra-doc-template/package.json +++ b/packages/terra-doc-template/package.json @@ -39,6 +39,9 @@ "precompile": "rm -rf lib", "test": "npm run jest && npm run wdio", "jest": "jest --config ../../jestconfig.js", - "wdio": "cd ../.. && npx wdio ./packages/$npm_package_name/wdio.conf.js" + "wdio-default": "cd ../.. && npx wdio ./packages/$npm_package_name/wdio.conf.js", + "wdio-lowlight": "cd ../.. && THEME=clinical-lowlight-theme npx wdio ./packages/$npm_package_name/clinical-lowlight-wdio.conf.js", + "wdio-fusion": "cd ../.. && THEME=orion-fusion-theme npx wdio ./packages/$npm_package_name/wdio.conf.js", + "wdio": "npm run wdio-default && npm run wdio-lowlight && npm run wdio-fusion" } } diff --git a/packages/terra-doc-template/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss b/packages/terra-doc-template/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss new file mode 100644 index 00000000000..6a3bcfcd9a0 --- /dev/null +++ b/packages/terra-doc-template/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss @@ -0,0 +1,10 @@ +:global { + --terra-doc-template-content-background-color: #383f42; + --terra-doc-template-doc-card-not-empty-background-color: none; + --terra-doc-template-footer-background-color: #383f42; + --terra-doc-template-header-background-color: #141719; + + --terra-doc-template-examples-header-border-bottom: #181b1d; + --terra-doc-template-examples-header-color: #b2b5b6; + --terra-doc-template-examples-header-text-shadow: none; +} diff --git a/packages/terra-doc-template/wdio.conf.js b/packages/terra-doc-template/wdio.conf.js index f51b322cd7f..0ca23865eda 100644 --- a/packages/terra-doc-template/wdio.conf.js +++ b/packages/terra-doc-template/wdio.conf.js @@ -1,6 +1,6 @@ const path = require('path'); const wdioConf = require('../../node_modules/terra-toolkit/config/wdio/wdio.conf'); -wdioConf.config.specs = [path.join(__dirname, 'test*', 'wdio', '**', '*-spec.js')]; +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; exports.config = wdioConf.config; diff --git a/packages/terra-dropdown-button/.npmignore b/packages/terra-dropdown-button/.npmignore index 218efb2be5c..5ee0caf0070 100644 --- a/packages/terra-dropdown-button/.npmignore +++ b/packages/terra-dropdown-button/.npmignore @@ -6,3 +6,4 @@ aggregate_translations dev-site-config screenshots errorScreenshots +generated-themes diff --git a/packages/terra-dropdown-button/CHANGELOG.md b/packages/terra-dropdown-button/CHANGELOG.md index e7828fc81f4..4e1c23aeb64 100644 --- a/packages/terra-dropdown-button/CHANGELOG.md +++ b/packages/terra-dropdown-button/CHANGELOG.md @@ -3,17 +3,17 @@ ChangeLog Unreleased ---------- +### Added +* Added clinical-lowlight-theme theming files 1.10.0 - (February 4, 2020) ------------------ -### Changed -* Update docs to use mdx syntax. - ### Added * Added metaData for primary-button in SplitButton to `onSelect` callback. ### Changed * Changed focus behaviour of DropdownButton and SplitButton such that focus stays on button when dropdown is opened via mouse click. +* Update docs to use mdx syntax. ### Fixed * Fixed primary button issue of not getting focused on click in Firefox, Safari and IE. diff --git a/packages/terra-dropdown-button/clinical-lowlight-wdio.conf.js b/packages/terra-dropdown-button/clinical-lowlight-wdio.conf.js new file mode 100644 index 00000000000..625eb7211ee --- /dev/null +++ b/packages/terra-dropdown-button/clinical-lowlight-wdio.conf.js @@ -0,0 +1,6 @@ +const path = require('path'); +const wdioConf = require('../../config/wdio/clinical-lowlight-theme/wdio.conf.js'); + +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; + +exports.config = wdioConf.config; diff --git a/packages/terra-dropdown-button/package.json b/packages/terra-dropdown-button/package.json index 45bcef0acb8..12405ffe374 100644 --- a/packages/terra-dropdown-button/package.json +++ b/packages/terra-dropdown-button/package.json @@ -42,7 +42,8 @@ "test": "npm run jest && npm run wdio", "jest": "jest --config ../../jestconfig.js", "wdio-default": "cd ../.. && npx wdio ./packages/$npm_package_name/wdio.conf.js", + "wdio-lowlight": "cd ../.. && THEME=clinical-lowlight-theme npx wdio ./packages/$npm_package_name/clinical-lowlight-wdio.conf.js", "wdio-fusion": "cd ../.. && THEME=orion-fusion-theme npx wdio ./packages/$npm_package_name/wdio.conf.js", - "wdio": "npm run wdio-default && npm run wdio-fusion" + "wdio": "npm run wdio-default && npm run wdio-lowlight && npm run wdio-fusion" } } diff --git a/packages/terra-dropdown-button/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss b/packages/terra-dropdown-button/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss new file mode 100644 index 00000000000..4381db8f016 --- /dev/null +++ b/packages/terra-dropdown-button/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss @@ -0,0 +1,94 @@ +@import '~terra-mixins/lib/Mixins'; + +:global { + --terra-dropdown-button-box-shadow: none; + --terra-dropdown-button-disabled-opacity: 0.3; + --terra-dropdown-button-list-background-color: #222a2e; + --terra-dropdown-button-list-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.35), 0 4px 3px -3px rgba(0, 0, 0, 0.5); + + // menu item + --terra-dropdown-button-menu-item-color: #b2b5b6; + --terra-dropdown-button-menu-item-focus-background-color: #1e3a49; + --terra-dropdown-button-menu-item-focus-box-shadow: none; + --terra-dropdown-button-menu-item-focus-outline: none; + --terra-dropdown-button-menu-item-focus-outline-offset: 0; + --terra-dropdown-button-menu-item-hover-background-color: #1e3a49; + --terra-dropdown-button-menu-item-hover-background-image: none; + --terra-dropdown-button-menu-item-hover-box-shadow: none; + --terra-dropdown-button-menu-item-focus-active-background-color: #1e3a49; + --terra-dropdown-button-menu-item-focus-active-background-image: none; + --terra-dropdown-button-menu-item-focus-active-box-shadow: none; + --terra-dropdown-button-menu-item-focus-active-color: #b2b5b6; + + + // neutral + --terra-dropdown-button-active-background-color-neutral: #0c0d0e; + --terra-dropdown-button-active-border-color-neutral: #181b1d; + --terra-dropdown-button-active-color-neutral: #9b9b9b; + --terra-dropdown-button-background-color-neutral: #2d3539; + --terra-dropdown-button-border-color-neutral: #181b1d; + --terra-dropdown-button-color-neutral: #b2b5b6; + --terra-dropdown-button-disabled-color-neutral: #b2b5b6; + --terra-dropdown-button-dropdown-type-box-shadow-neutral: none; + --terra-dropdown-button-dropdown-type-focus-box-shadow-neutral: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76; + --terra-dropdown-button-focus-background-color-neutral: #2d3539; + --terra-dropdown-button-focus-border-color-neutral: #181b1d; + --terra-dropdown-button-hover-background-color-neutral: #1a2023; + --terra-dropdown-button-hover-color-neutral: #9b9b9b; + + --terra-dropdown-button-split-type-box-shadow-neutral: none; + --terra-dropdown-button-split-type-caret-active-box-shadow-neutral: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76; + --terra-dropdown-button-split-type-caret-box-shadow-neutral: none; + --terra-dropdown-button-split-type-caret-focus-box-shadow-neutral: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76; + --terra-dropdown-button-split-type-caret-hover-box-shadow-neutral: none; + --terra-dropdown-button-split-type-focus-box-shadow-neutral: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76; + + @include terra-inline-svg-var('--terra-dropdown-button-caret-active-background-image-neutral',''); + @include terra-inline-svg-var('--terra-dropdown-button-caret-background-image-neutral', ''); + @include terra-inline-svg-var('--terra-dropdown-button-caret-disabled-background-image-neutral',''); + + // emphasis + --terra-dropdown-button-active-background-color-emphasis: #001e2e; + --terra-dropdown-button-active-border-color-emphasis: #003f61; + --terra-dropdown-button-active-color-emphasis: #b2b5b6; + --terra-dropdown-button-background-color-emphasis: #004c76; + --terra-dropdown-button-border-color-emphasis: #003f61; + --terra-dropdown-button-color-emphasis: #b2b5b6; + --terra-dropdown-button-disabled-color-emphasis: #b2b5b6; + --terra-dropdown-button-dropdown-type-box-shadow-emphasis: none; + --terra-dropdown-button-dropdown-type-focus-box-shadow-emphasis: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76; + --terra-dropdown-button-focus-background-color-emphasis: #004c76; + --terra-dropdown-button-focus-border-color-emphasis: #003f61; + --terra-dropdown-button-hover-background-color-emphasis: #013a5a; + --terra-dropdown-button-hover-color-emphasis: #b2b5b6; + + @include terra-inline-svg-var('--terra-dropdown-button-caret-active-background-image-emphasis',''); + @include terra-inline-svg-var('--terra-dropdown-button-caret-background-image-emphasis',''); + @include terra-inline-svg-var('--terra-dropdown-button-caret-disabled-background-image-emphasis',''); + + // ghost + --terra-dropdown-button-active-background-color-ghost: #0c0d0e; + --terra-dropdown-button-active-border-color-ghost: transparent; + --terra-dropdown-button-active-color-ghost: #b2b5b6; + --terra-dropdown-button-background-color-ghost: transparent; + --terra-dropdown-button-border-color-ghost: #616668; + --terra-dropdown-button-color-ghost: #b2b5b6; + --terra-dropdown-button-disabled-color-ghost: #b2b5b6; + --terra-dropdown-button-dropdown-type-box-shadow-ghost: none; + --terra-dropdown-button-dropdown-type-focus-box-shadow-ghost: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76; + --terra-dropdown-button-focus-background-color-ghost: transparent; + --terra-dropdown-button-focus-border-color-ghost: #616668; + --terra-dropdown-button-hover-background-color-ghost: #1a2023; + --terra-dropdown-button-hover-color-ghost: #9b9b9b; + + --terra-dropdown-button-split-type-box-shadow-ghost: none; + --terra-dropdown-button-split-type-caret-active-box-shadow-ghost: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76; + --terra-dropdown-button-split-type-caret-box-shadow-ghost: none; + --terra-dropdown-button-split-type-caret-focus-box-shadow-ghost: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76; + --terra-dropdown-button-split-type-caret-hover-box-shadow-ghost: none; + --terra-dropdown-button-split-type-focus-box-shadow-ghost: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76; + + @include terra-inline-svg-var('--terra-dropdown-button-caret-active-background-image-ghost',''); + @include terra-inline-svg-var('--terra-dropdown-button-caret-background-image-ghost',''); + @include terra-inline-svg-var('--terra-dropdown-button-caret-disabled-background-image-ghost',''); +} diff --git a/packages/terra-dropdown-button/wdio.conf.js b/packages/terra-dropdown-button/wdio.conf.js index f51b322cd7f..0ca23865eda 100644 --- a/packages/terra-dropdown-button/wdio.conf.js +++ b/packages/terra-dropdown-button/wdio.conf.js @@ -1,6 +1,6 @@ const path = require('path'); const wdioConf = require('../../node_modules/terra-toolkit/config/wdio/wdio.conf'); -wdioConf.config.specs = [path.join(__dirname, 'test*', 'wdio', '**', '*-spec.js')]; +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; exports.config = wdioConf.config; diff --git a/packages/terra-dynamic-grid/.npmignore b/packages/terra-dynamic-grid/.npmignore index c59a09bae79..4964b68f07d 100644 --- a/packages/terra-dynamic-grid/.npmignore +++ b/packages/terra-dynamic-grid/.npmignore @@ -5,4 +5,5 @@ tests/**/__snapshots__/ aggregated-translations dev-site-config screenshots -errorScreenshots \ No newline at end of file +errorScreenshots +generated-themes \ No newline at end of file diff --git a/packages/terra-dynamic-grid/CHANGELOG.md b/packages/terra-dynamic-grid/CHANGELOG.md index 16638e6a3ae..b74b66c5caf 100644 --- a/packages/terra-dynamic-grid/CHANGELOG.md +++ b/packages/terra-dynamic-grid/CHANGELOG.md @@ -3,6 +3,9 @@ ChangeLog Unreleased ---------- +### Added +* Added generated-themes to .npmignore + ### Changed * Update docs to use mdx syntax. diff --git a/packages/terra-dynamic-grid/clinical-lowlight-wdio.conf.js b/packages/terra-dynamic-grid/clinical-lowlight-wdio.conf.js new file mode 100644 index 00000000000..625eb7211ee --- /dev/null +++ b/packages/terra-dynamic-grid/clinical-lowlight-wdio.conf.js @@ -0,0 +1,6 @@ +const path = require('path'); +const wdioConf = require('../../config/wdio/clinical-lowlight-theme/wdio.conf.js'); + +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; + +exports.config = wdioConf.config; diff --git a/packages/terra-dynamic-grid/package.json b/packages/terra-dynamic-grid/package.json index 9338f298aa5..f325676a498 100644 --- a/packages/terra-dynamic-grid/package.json +++ b/packages/terra-dynamic-grid/package.json @@ -37,6 +37,9 @@ "precompile": "rm -rf lib", "test": "npm run jest && npm run wdio", "jest": "jest --config ../../jestconfig.js", - "wdio": "cd ../.. && npx wdio ./packages/$npm_package_name/wdio.conf.js" + "wdio-default": "cd ../.. && npx wdio ./packages/$npm_package_name/wdio.conf.js", + "wdio-lowlight": "cd ../.. && THEME=clinical-lowlight-theme npx wdio ./packages/$npm_package_name/clinical-lowlight-wdio.conf.js", + "wdio-fusion": "cd ../.. && THEME=orion-fusion-theme npx wdio ./packages/$npm_package_name/wdio.conf.js", + "wdio": "npm run wdio-default && npm run wdio-lowlight && npm run wdio-fusion" } } diff --git a/packages/terra-dynamic-grid/wdio.conf.js b/packages/terra-dynamic-grid/wdio.conf.js index f51b322cd7f..0ca23865eda 100644 --- a/packages/terra-dynamic-grid/wdio.conf.js +++ b/packages/terra-dynamic-grid/wdio.conf.js @@ -1,6 +1,6 @@ const path = require('path'); const wdioConf = require('../../node_modules/terra-toolkit/config/wdio/wdio.conf'); -wdioConf.config.specs = [path.join(__dirname, 'test*', 'wdio', '**', '*-spec.js')]; +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; exports.config = wdioConf.config; diff --git a/packages/terra-form-checkbox/.npmignore b/packages/terra-form-checkbox/.npmignore index c59a09bae79..4964b68f07d 100644 --- a/packages/terra-form-checkbox/.npmignore +++ b/packages/terra-form-checkbox/.npmignore @@ -5,4 +5,5 @@ tests/**/__snapshots__/ aggregated-translations dev-site-config screenshots -errorScreenshots \ No newline at end of file +errorScreenshots +generated-themes \ No newline at end of file diff --git a/packages/terra-form-checkbox/CHANGELOG.md b/packages/terra-form-checkbox/CHANGELOG.md index 5b4e1078ca7..26fd5ebb38f 100644 --- a/packages/terra-form-checkbox/CHANGELOG.md +++ b/packages/terra-form-checkbox/CHANGELOG.md @@ -3,6 +3,8 @@ ChangeLog Unreleased ---------- +### Added +* Added clinical-lowlight-theme theming files 3.31.0 - (January 7, 2020) ------------------ diff --git a/packages/terra-form-checkbox/clinical-lowlight-wdio.conf.js b/packages/terra-form-checkbox/clinical-lowlight-wdio.conf.js new file mode 100644 index 00000000000..625eb7211ee --- /dev/null +++ b/packages/terra-form-checkbox/clinical-lowlight-wdio.conf.js @@ -0,0 +1,6 @@ +const path = require('path'); +const wdioConf = require('../../config/wdio/clinical-lowlight-theme/wdio.conf.js'); + +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; + +exports.config = wdioConf.config; diff --git a/packages/terra-form-checkbox/package.json b/packages/terra-form-checkbox/package.json index 95b3878315b..a040440e622 100644 --- a/packages/terra-form-checkbox/package.json +++ b/packages/terra-form-checkbox/package.json @@ -42,7 +42,8 @@ "test": "npm run jest && npm run wdio", "jest": "jest --config ../../jestconfig.js", "wdio-default": "cd ../.. && npx wdio ./packages/$npm_package_name/wdio.conf.js", + "wdio-lowlight": "cd ../.. && THEME=clinical-lowlight-theme npx wdio ./packages/$npm_package_name/clinical-lowlight-wdio.conf.js", "wdio-fusion": "cd ../.. && THEME=orion-fusion-theme npx wdio ./packages/$npm_package_name/wdio.conf.js", - "wdio": "npm run wdio-default && npm run wdio-fusion" + "wdio": "npm run wdio-default && npm run wdio-lowlight && npm run wdio-fusion" } } diff --git a/packages/terra-form-checkbox/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss b/packages/terra-form-checkbox/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss new file mode 100644 index 00000000000..06dda2f5b9d --- /dev/null +++ b/packages/terra-form-checkbox/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss @@ -0,0 +1,82 @@ +@import '~terra-mixins/lib/Mixins'; + +// To create custom form controls, styles for heights, margins, borders, etc. +// must be included. While we have removed these types of styles for other files, +// it is required to keep them for this type of control. + +:global { + //Checkbox + --terra-form-checkbox-font-color: #b2b5b6; + --terra-form-checkbox-native-input-clip: rect(0 0 0 0); + --terra-form-checkbox-native-input-cursor: default; + --terra-form-checkbox-native-input-font-size: 0; + --terra-form-checkbox-native-input-height: 1px; + --terra-form-checkbox-native-input-margin-left: -1px; + --terra-form-checkbox-native-input-margin-right: -1px; + --terra-form-checkbox-native-input-overflow: hidden; + --terra-form-checkbox-native-input-padding: 0; + --terra-form-checkbox-native-input-width: 1px; + + //CheckboxField + --terra-form-checkbox-field-error-text-color: #fb4c4c; + --terra-form-checkbox-field-help-text-color: #6f7477; + --terra-form-checkbox-field-label-color: #b2b5b6; + --terra-form-checkbox-field-label-required-color: #fb4c4c; + + --terra-form-checkbox-before-background-color: #111; + --terra-form-checkbox-before-background-image: linear-gradient(to bottom right, #111, #35383b); + --terra-form-checkbox-before-border: 1px solid #8d8f91; + --terra-form-checkbox-before-border-radius: 2px; + --terra-form-checkbox-before-height: 1rem; + --terra-form-checkbox-before-margin-top: 0.142857rem; + --terra-form-checkbox-before-width: 1rem; + + --terra-form-checkbox-checked-before-background-color: #005887; + --terra-form-checkbox-checked-before-background-image: none; + --terra-form-checkbox-checked-before-border: 1px solid #005887; + --terra-form-checkbox-checked-before-border-radius: 2px; + --terra-form-checkbox-checked-before-height: 1rem; + --terra-form-checkbox-checked-before-line-height: 1rem; + --terra-form-checkbox-checked-before-margin-top: 0.142857rem; + --terra-form-checkbox-checked-before-symbol-padding-left: 0; + --terra-form-checkbox-checked-before-symbol-padding-right: 0; + --terra-form-checkbox-checked-before-symbol-padding-top: 0; + --terra-form-checkbox-checked-before-width: 1rem; + --terra-form-checkbox-checked-disabled-before-border-width: 1px; + + --terra-form-checkbox-is-mobile-before-height: 1rem; + --terra-form-checkbox-is-mobile-before-margin-top: 0.142857rem; + --terra-form-checkbox-is-mobile-before-width: 1rem; + + --terra-form-checkbox-is-mobile-checked-before-height: 1rem; + --terra-form-checkbox-is-mobile-checked-before-line-height: 1rem; + --terra-form-checkbox-is-mobile-checked-before-margin-top: 0.142857rem; + --terra-form-checkbox-is-mobile-checked-before-width: 1rem; + + --terra-form-checkbox-hover-before-border-color: #585a5c; + --terra-form-checkbox-hover-before-border-width: 1px; + --terra-form-checkbox-hover-checked-before-border-color: #005887; + --terra-form-checkbox-hover-checked-before-border-width: 1px; + + --terra-form-checkbox-disabled-before-background-color: rgba(34, 42, 46, 0.5); + --terra-form-checkbox-disabled-before-background-image: none; + --terra-form-checkbox-disabled-before-border-color: rgba(178, 181, 182, 0.2); + --terra-form-checkbox-disabled-before-border-width: 1px; + + --terra-form-checkbox-focus-before-border-color: #004c76; + --terra-form-checkbox-focus-before-border-width: 1px; + + --terra-form-checkbox-focus-after-ring-background-color: rgba(0, 76, 118, 0.35); + --terra-form-checkbox-focus-after-ring-border-radius: 4px; + --terra-form-checkbox-focus-after-ring-height: 1.42857rem; + --terra-form-checkbox-focus-after-ring-left: -0.21428rem; + --terra-form-checkbox-focus-after-ring-top: -0.071428rem; + --terra-form-checkbox-focus-after-ring-width: 1.42857rem; + + @include terra-inline-svg-var('--terra-form-checkbox-checked-disabled-before-content', ''); + @include terra-inline-svg-var('--terra-form-checkbox-checked-before-content', ''); + @include terra-inline-svg-var('--terra-form-checkbox-field-error-background', ''); + + --terra-form-checkbox-disabled-font-color: rgba(212, 222, 225, 0.3); + --terra-form-checkbox-disabled-font-opacity: 1; +} diff --git a/packages/terra-form-checkbox/wdio.conf.js b/packages/terra-form-checkbox/wdio.conf.js index f51b322cd7f..0ca23865eda 100644 --- a/packages/terra-form-checkbox/wdio.conf.js +++ b/packages/terra-form-checkbox/wdio.conf.js @@ -1,6 +1,6 @@ const path = require('path'); const wdioConf = require('../../node_modules/terra-toolkit/config/wdio/wdio.conf'); -wdioConf.config.specs = [path.join(__dirname, 'test*', 'wdio', '**', '*-spec.js')]; +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; exports.config = wdioConf.config; diff --git a/packages/terra-form-field/.npmignore b/packages/terra-form-field/.npmignore index c59a09bae79..4964b68f07d 100644 --- a/packages/terra-form-field/.npmignore +++ b/packages/terra-form-field/.npmignore @@ -5,4 +5,5 @@ tests/**/__snapshots__/ aggregated-translations dev-site-config screenshots -errorScreenshots \ No newline at end of file +errorScreenshots +generated-themes \ No newline at end of file diff --git a/packages/terra-form-field/CHANGELOG.md b/packages/terra-form-field/CHANGELOG.md index ac61fc396e8..1a5b26ac3df 100644 --- a/packages/terra-form-field/CHANGELOG.md +++ b/packages/terra-form-field/CHANGELOG.md @@ -3,6 +3,9 @@ ChangeLog Unreleased ---------- +### Added +* Added clinical-lowlight-theme theming files + ### Changed * Update docs to use mdx syntax. diff --git a/packages/terra-form-field/clinical-lowlight-wdio.conf.js b/packages/terra-form-field/clinical-lowlight-wdio.conf.js new file mode 100644 index 00000000000..625eb7211ee --- /dev/null +++ b/packages/terra-form-field/clinical-lowlight-wdio.conf.js @@ -0,0 +1,6 @@ +const path = require('path'); +const wdioConf = require('../../config/wdio/clinical-lowlight-theme/wdio.conf.js'); + +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; + +exports.config = wdioConf.config; diff --git a/packages/terra-form-field/package.json b/packages/terra-form-field/package.json index 4797d177075..94236cbe9c5 100644 --- a/packages/terra-form-field/package.json +++ b/packages/terra-form-field/package.json @@ -39,7 +39,8 @@ "test": "npm run jest && npm run wdio", "jest": "jest --config ../../jestconfig.js", "wdio-default": "cd ../.. && npx wdio ./packages/$npm_package_name/wdio.conf.js", + "wdio-lowlight": "cd ../.. && THEME=clinical-lowlight-theme npx wdio ./packages/$npm_package_name/clinical-lowlight-wdio.conf.js", "wdio-fusion": "cd ../.. && THEME=orion-fusion-theme npx wdio ./packages/$npm_package_name/wdio.conf.js", - "wdio": "npm run wdio-default && npm run wdio-fusion" + "wdio": "npm run wdio-default && npm run wdio-lowlight && npm run wdio-fusion" } } diff --git a/packages/terra-form-field/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss b/packages/terra-form-field/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss new file mode 100644 index 00000000000..5b4d1ca287f --- /dev/null +++ b/packages/terra-form-field/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss @@ -0,0 +1,22 @@ +:global { + --terra-form-field-margin-bottom: 1.428em; + --terra-form-field-inline-margin-right: 0.7143em; + --terra-form-field-label-font-size: 1rem; + --terra-form-field-label-margin-bottom: 0.357em; + --terra-form-field-label-color: #b2b5b6; + --terra-form-field-label-font-weight: bold; + --terra-form-field-label-error-icon-display: none; + --terra-form-field-label-error-icon-padding-right: 0.357em; + --terra-form-field-label-required-color: #fb4c4c; + --terra-form-field-label-required-padding-right: 0.357em; + --terra-form-field-label-optional-font-style: italic; + --terra-form-field-label-optional-padding-left: 0.357em; + --terra-form-field-help-text-color: #6f7477; + --terra-form-field-help-text-font-size: 0.857rem; + --terra-form-field-help-text-font-weight: normal; + --terra-form-field-help-text-margin-top: 0.357em; + --terra-form-field-error-text-color: #fb4c4c; + --terra-form-field-error-text-font-size: 0.857rem; + --terra-form-field-error-text-font-weight: normal; + --terra-form-field-error-text-margin-top: 0.357em; +} diff --git a/packages/terra-form-field/wdio.conf.js b/packages/terra-form-field/wdio.conf.js index f51b322cd7f..0ca23865eda 100644 --- a/packages/terra-form-field/wdio.conf.js +++ b/packages/terra-form-field/wdio.conf.js @@ -1,6 +1,6 @@ const path = require('path'); const wdioConf = require('../../node_modules/terra-toolkit/config/wdio/wdio.conf'); -wdioConf.config.specs = [path.join(__dirname, 'test*', 'wdio', '**', '*-spec.js')]; +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; exports.config = wdioConf.config; diff --git a/packages/terra-form-fieldset/.npmignore b/packages/terra-form-fieldset/.npmignore index c59a09bae79..4964b68f07d 100644 --- a/packages/terra-form-fieldset/.npmignore +++ b/packages/terra-form-fieldset/.npmignore @@ -5,4 +5,5 @@ tests/**/__snapshots__/ aggregated-translations dev-site-config screenshots -errorScreenshots \ No newline at end of file +errorScreenshots +generated-themes \ No newline at end of file diff --git a/packages/terra-form-fieldset/CHANGELOG.md b/packages/terra-form-fieldset/CHANGELOG.md index d4b0b402c75..836e1b60850 100644 --- a/packages/terra-form-fieldset/CHANGELOG.md +++ b/packages/terra-form-fieldset/CHANGELOG.md @@ -3,6 +3,8 @@ ChangeLog Unreleased ---------- +### Added +* Added clinical-lowlight-theme theming files 2.35.0 - (January 28, 2020) ------------------ diff --git a/packages/terra-form-fieldset/clinical-lowlight-wdio.conf.js b/packages/terra-form-fieldset/clinical-lowlight-wdio.conf.js new file mode 100644 index 00000000000..625eb7211ee --- /dev/null +++ b/packages/terra-form-fieldset/clinical-lowlight-wdio.conf.js @@ -0,0 +1,6 @@ +const path = require('path'); +const wdioConf = require('../../config/wdio/clinical-lowlight-theme/wdio.conf.js'); + +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; + +exports.config = wdioConf.config; diff --git a/packages/terra-form-fieldset/package.json b/packages/terra-form-fieldset/package.json index bfeac9aa317..c53b3978f3f 100644 --- a/packages/terra-form-fieldset/package.json +++ b/packages/terra-form-fieldset/package.json @@ -41,7 +41,8 @@ "test": "npm run jest && npm run wdio", "jest": "jest --config ../../jestconfig.js", "wdio-default": "cd ../.. && npx wdio ./packages/$npm_package_name/wdio.conf.js", + "wdio-lowlight": "cd ../.. && THEME=clinical-lowlight-theme npx wdio ./packages/$npm_package_name/clinical-lowlight-wdio.conf.js", "wdio-fusion": "cd ../.. && THEME=orion-fusion-theme npx wdio ./packages/$npm_package_name/wdio.conf.js", - "wdio": "npm run wdio-default && npm run wdio-fusion" + "wdio": "npm run wdio-default && npm run wdio-lowlight && npm run wdio-fusion" } } diff --git a/packages/terra-form-fieldset/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss b/packages/terra-form-fieldset/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss new file mode 100644 index 00000000000..3ac2cccac0e --- /dev/null +++ b/packages/terra-form-fieldset/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss @@ -0,0 +1,6 @@ +:global { + --terra-form-fieldset-help-text-color: #6f7477; + --terra-form-fieldset-legend-color: #b2b5b6; + + --terra-form-fieldset-required-legend-before-color: #fb4c4c; +} diff --git a/packages/terra-form-fieldset/wdio.conf.js b/packages/terra-form-fieldset/wdio.conf.js index f51b322cd7f..0ca23865eda 100644 --- a/packages/terra-form-fieldset/wdio.conf.js +++ b/packages/terra-form-fieldset/wdio.conf.js @@ -1,6 +1,6 @@ const path = require('path'); const wdioConf = require('../../node_modules/terra-toolkit/config/wdio/wdio.conf'); -wdioConf.config.specs = [path.join(__dirname, 'test*', 'wdio', '**', '*-spec.js')]; +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; exports.config = wdioConf.config; diff --git a/packages/terra-form-input/.npmignore b/packages/terra-form-input/.npmignore index c59a09bae79..4964b68f07d 100644 --- a/packages/terra-form-input/.npmignore +++ b/packages/terra-form-input/.npmignore @@ -5,4 +5,5 @@ tests/**/__snapshots__/ aggregated-translations dev-site-config screenshots -errorScreenshots \ No newline at end of file +errorScreenshots +generated-themes \ No newline at end of file diff --git a/packages/terra-form-input/CHANGELOG.md b/packages/terra-form-input/CHANGELOG.md index ccb5b212e84..611de9f483d 100644 --- a/packages/terra-form-input/CHANGELOG.md +++ b/packages/terra-form-input/CHANGELOG.md @@ -3,6 +3,9 @@ ChangeLog Unreleased ---------- +### Added +* Added clinical-lowlight-theme theming files + ### Changed * Update docs to use mdx syntax. diff --git a/packages/terra-form-input/clinical-lowlight-wdio.conf.js b/packages/terra-form-input/clinical-lowlight-wdio.conf.js new file mode 100644 index 00000000000..625eb7211ee --- /dev/null +++ b/packages/terra-form-input/clinical-lowlight-wdio.conf.js @@ -0,0 +1,6 @@ +const path = require('path'); +const wdioConf = require('../../config/wdio/clinical-lowlight-theme/wdio.conf.js'); + +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; + +exports.config = wdioConf.config; diff --git a/packages/terra-form-input/package.json b/packages/terra-form-input/package.json index 0c03cb67522..bf2a102b73a 100644 --- a/packages/terra-form-input/package.json +++ b/packages/terra-form-input/package.json @@ -39,7 +39,8 @@ "test": "npm run jest && npm run wdio", "jest": "jest --config ../../jestconfig.js", "wdio-default": "cd ../.. && npx wdio ./packages/$npm_package_name/wdio.conf.js", + "wdio-lowlight": "cd ../.. && THEME=clinical-lowlight-theme npx wdio ./packages/$npm_package_name/clinical-lowlight-wdio.conf.js", "wdio-fusion": "cd ../.. && THEME=orion-fusion-theme npx wdio ./packages/$npm_package_name/wdio.conf.js", - "wdio": "npm run wdio-default && npm run wdio-fusion" + "wdio": "npm run wdio-default && npm run wdio-lowlight && npm run wdio-fusion" } } diff --git a/packages/terra-form-input/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss b/packages/terra-form-input/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss new file mode 100644 index 00000000000..b971aba1502 --- /dev/null +++ b/packages/terra-form-input/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss @@ -0,0 +1,53 @@ +:global { + --terra-form-input-background-color: #222a2e; + --terra-form-input-border: 1px solid #181b1d; + --terra-form-input-box-shadow: none; + --terra-form-input-color: #b2b5b6; + --terra-form-input-hover-border: 1px solid #181b1d; + + --terra-form-input-disabled-background-color: #1d2529; + --terra-form-input-disabled-border: 1px solid #242b2b; + --terra-form-input-disabled-color: #404344; + --terra-form-input-disabled-opacity: 0.25; + + --terra-form-input-focus-background-color: #222a2e; + --terra-form-input-focus-border: 1px solid #004c76; + + --terra-form-input-error-border: 1px solid #181b1d; + --terra-form-input-error-disabled-background-color: #1d2529; + --terra-form-input-error-disabled-border: 1px solid #242b2b; + --terra-form-input-error-disabled-color: #404344; + --terra-form-input-error-disabled-opacity: 0.25; + --terra-form-input-error-focus-background-color: #222a2e; + --terra-form-input-error-focus-border: 1px solid #004c76; + --terra-form-input-error-hover-border: 1px solid #181b1d; + + --terra-form-input-placeholder-color: #6f7477; + --terra-form-input-placeholder-disabled-color: #6f7477; + + --terra-form-input-background-image: none; + --terra-form-input-background-size: auto; + + --terra-form-input-focus-background-size: auto; + --terra-form-input-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76; + --terra-form-input-focus-color: #b2b5b6; + --terra-form-input-focus-ltr-box-shadow: none; + --terra-form-input-focus-rtl-box-shadow: none; + + --terra-form-input-hover-background-color: #222a2e; + --terra-form-input-hover-color: #b2b5b6; + + --terra-form-input-error-background-color: #222a2e; + --terra-form-input-error-background-image: none; + --terra-form-input-error-box-shadow: 0 0 0 1px #fb4c4c; + --terra-form-input-error-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76; + --terra-form-input-error-focus-background-size: auto; + --terra-form-input-error-focus-ltr-box-shadow: 0 0 0 1px #004c76; + --terra-form-input-error-focus-rtl-box-shadow: 0 0 0 1px #004c76; + --terra-form-input-error-hover-background-color: #222a2e; + + --terra-form-input-incomplete-background-color: #464232; + --terra-form-input-incomplete-hover-background-color: #464232; + --terra-form-input-incomplete-disabled-background-color: #464232; + --terra-form-input-incomplete-focus-background-color: #464232; +} diff --git a/packages/terra-form-input/wdio.conf.js b/packages/terra-form-input/wdio.conf.js index f51b322cd7f..0ca23865eda 100644 --- a/packages/terra-form-input/wdio.conf.js +++ b/packages/terra-form-input/wdio.conf.js @@ -1,6 +1,6 @@ const path = require('path'); const wdioConf = require('../../node_modules/terra-toolkit/config/wdio/wdio.conf'); -wdioConf.config.specs = [path.join(__dirname, 'test*', 'wdio', '**', '*-spec.js')]; +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; exports.config = wdioConf.config; diff --git a/packages/terra-form-radio/.npmignore b/packages/terra-form-radio/.npmignore index c59a09bae79..4964b68f07d 100644 --- a/packages/terra-form-radio/.npmignore +++ b/packages/terra-form-radio/.npmignore @@ -5,4 +5,5 @@ tests/**/__snapshots__/ aggregated-translations dev-site-config screenshots -errorScreenshots \ No newline at end of file +errorScreenshots +generated-themes \ No newline at end of file diff --git a/packages/terra-form-radio/CHANGELOG.md b/packages/terra-form-radio/CHANGELOG.md index 57ee070cc85..506ad6202ba 100644 --- a/packages/terra-form-radio/CHANGELOG.md +++ b/packages/terra-form-radio/CHANGELOG.md @@ -3,6 +3,8 @@ ChangeLog Unreleased ---------- +### Added +* Added clinical-lowlight-theme theming files 3.37.0 - (February 4, 2020) ------------------ diff --git a/packages/terra-form-radio/clinical-lowlight-wdio.conf.js b/packages/terra-form-radio/clinical-lowlight-wdio.conf.js new file mode 100644 index 00000000000..625eb7211ee --- /dev/null +++ b/packages/terra-form-radio/clinical-lowlight-wdio.conf.js @@ -0,0 +1,6 @@ +const path = require('path'); +const wdioConf = require('../../config/wdio/clinical-lowlight-theme/wdio.conf.js'); + +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; + +exports.config = wdioConf.config; diff --git a/packages/terra-form-radio/package.json b/packages/terra-form-radio/package.json index 929ba277e72..8d92ca4cbcb 100644 --- a/packages/terra-form-radio/package.json +++ b/packages/terra-form-radio/package.json @@ -43,7 +43,8 @@ "test": "npm run jest && npm run wdio", "jest": "jest --config ../../jestconfig.js", "wdio-default": "cd ../.. && npx wdio ./packages/$npm_package_name/wdio.conf.js", + "wdio-lowlight": "cd ../.. && THEME=clinical-lowlight-theme npx wdio ./packages/$npm_package_name/clinical-lowlight-wdio.conf.js", "wdio-fusion": "cd ../.. && THEME=orion-fusion-theme npx wdio ./packages/$npm_package_name/wdio.conf.js", - "wdio": "npm run wdio-default && npm run wdio-fusion" + "wdio": "npm run wdio-default && npm run wdio-lowlight && npm run wdio-fusion" } } diff --git a/packages/terra-form-radio/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss b/packages/terra-form-radio/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss new file mode 100644 index 00000000000..91a2bdeda32 --- /dev/null +++ b/packages/terra-form-radio/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss @@ -0,0 +1,98 @@ +@import '~terra-mixins/lib/Mixins'; + +// To create custom form controls, styles for heights, margins, borders, etc. +// must be included. While we have removed these types of styles for other files, +// it is required to keep them for this type of control. + +:global { + --terra-form-radio-font-color: #b2b5b6; + + --terra-form-radio-native-input-clip: rect(0 0 0 0); + --terra-form-radio-native-input-cursor: default; + --terra-form-radio-native-input-font-size: 0; + --terra-form-radio-native-input-height: 1px; + --terra-form-radio-native-input-margin-left: -1px; + --terra-form-radio-native-input-margin-right: -1px; + --terra-form-radio-native-input-overflow: hidden; + --terra-form-radio-native-input-padding: 0; + --terra-form-radio-native-input-width: 1px; + + --terra-form-radio-outer-ring-background-color: #111; + --terra-form-radio-outer-ring-background-image: linear-gradient(to bottom right, #111, #35383b); + --terra-form-radio-outer-ring-border: 1px solid #8d8f91; + --terra-form-radio-outer-ring-border-radius: 50%; + --terra-form-radio-outer-ring-height: 1rem; + --terra-form-radio-outer-ring-margin-top: 0.142857rem; + --terra-form-radio-outer-ring-width: 1rem; + --terra-form-radio-outer-ring-disabled-background-color: rgba(34, 42, 46, 0.5); + --terra-form-radio-outer-ring-disabled-background-image: none; + --terra-form-radio-outer-ring-disabled-border-color: rgba(178, 181, 182, 0.2); + + --terra-form-radio-outer-ring-checked-background-color: #005887; + --terra-form-radio-outer-ring-checked-background-image: none; + --terra-form-radio-outer-ring-checked-border: 1px solid #005887; + --terra-form-radio-outer-ring-checked-border-radius: 50%; + --terra-form-radio-outer-ring-checked-height: 1rem; + --terra-form-radio-outer-ring-checked-margin-top: 0.142857rem; + --terra-form-radio-outer-ring-checked-width: 1rem; + --terra-form-radio-outer-ring-checked-disabled-background-color: rgba(178, 181, 182, 0.2); + --terra-form-radio-outer-ring-checked-disabled-background-image: none; + --terra-form-radio-outer-ring-checked-disabled-border-color: transparent; + + --terra-form-radio-outer-ring-is-mobile-height: 1rem; + --terra-form-radio-outer-ring-is-mobile-margin-top: 2px; + --terra-form-radio-outer-ring-is-mobile-width: 1rem; + --terra-form-radio-outer-ring-is-mobile-checked-height: 1rem; + --terra-form-radio-outer-ring-is-mobile-checked-margin-top: 0.142857rem; + --terra-form-radio-outer-ring-is-mobile-checked-width: 1rem; + + --terra-form-radio-inner-ring-background-color: transparent; + --terra-form-radio-inner-ring-border: 1px solid transparent; + --terra-form-radio-inner-ring-box-shadow: none; + --terra-form-radio-inner-ring-height: 0.3571428rem; + --terra-form-radio-inner-ring-width: 0.3571428rem; + --terra-form-radio-inner-ring-disabled-background-color: transparent; + --terra-form-radio-inner-ring-disabled-border-color: transparent; + + --terra-form-radio-inner-ring-checked-background-color: #b2b5b6; + --terra-form-radio-inner-ring-checked-border: 1px solid #b2b5b6; + --terra-form-radio-inner-ring-checked-box-shadow: 0 1px 1px 1px #002b42; + --terra-form-radio-inner-ring-checked-height: 0.3571428rem; + --terra-form-radio-inner-ring-checked-width: 0.3571428rem; + --terra-form-radio-inner-ring-checked-disabled-background-color: rgba(178, 181, 182, 0.4); + --terra-form-radio-inner-ring-checked-disabled-border-color: transparent; + + --terra-form-radio-inner-ring-is-mobile-height: 0.3571428rem; + --terra-form-radio-inner-ring-is-mobile-width: 0.3571428rem; + --terra-form-radio-inner-ring-is-mobile-checked-height: 0.3571428rem; + --terra-form-radio-inner-ring-is-mobile-checked-width: 0.3571428rem; + + --terra-form-radio-label-is-hidden-height: 1rem; + --terra-form-radio-label-is-hidden-width: 1rem; + + --terra-form-radio-disabled-font-color: rgba(212, 222, 225, 0.3); + --terra-form-radio-disabled-font-opacity: 1; + + --terra-form-radio-focus-border-color: #004c76; + --terra-form-radio-focus-border-width: 1px; + + --terra-form-radio-hover-border-color: #585a5c; + --terra-form-radio-hover-border-width: 1px; + + //RadioField + --terra-form-radio-field-label-color: #b2b5b6; + --terra-form-radio-field-label-required-color: #fb4c4c; + --terra-form-radio-field-help-text-color: #6f7477; + --terra-form-radio-field-error-text-color: #fb4c4c; + + --terra-form-radio-focus-before-ring-background-color: rgba(0, 76, 118, 0.35); + --terra-form-radio-focus-before-ring-height: 1.571428rem; + --terra-form-radio-focus-before-ring-left: -0.28571rem; + --terra-form-radio-focus-before-ring-top: -0.142857rem; + --terra-form-radio-focus-before-ring-width: 1.571428rem; + --terra-form-radio-hover-checked-outer-ring-border-color: #005887; + --terra-form-radio-hover-checked-outer-ring-border-width: 1px; + + //Inline SVG + @include terra-inline-svg-var('--terra-form-radio-field-error-background', ''); +} diff --git a/packages/terra-form-radio/wdio.conf.js b/packages/terra-form-radio/wdio.conf.js index f51b322cd7f..0ca23865eda 100644 --- a/packages/terra-form-radio/wdio.conf.js +++ b/packages/terra-form-radio/wdio.conf.js @@ -1,6 +1,6 @@ const path = require('path'); const wdioConf = require('../../node_modules/terra-toolkit/config/wdio/wdio.conf'); -wdioConf.config.specs = [path.join(__dirname, 'test*', 'wdio', '**', '*-spec.js')]; +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; exports.config = wdioConf.config; diff --git a/packages/terra-form-select/.npmignore b/packages/terra-form-select/.npmignore index c59a09bae79..4964b68f07d 100644 --- a/packages/terra-form-select/.npmignore +++ b/packages/terra-form-select/.npmignore @@ -5,4 +5,5 @@ tests/**/__snapshots__/ aggregated-translations dev-site-config screenshots -errorScreenshots \ No newline at end of file +errorScreenshots +generated-themes \ No newline at end of file diff --git a/packages/terra-form-select/CHANGELOG.md b/packages/terra-form-select/CHANGELOG.md index d64937a82c7..120dc745e44 100644 --- a/packages/terra-form-select/CHANGELOG.md +++ b/packages/terra-form-select/CHANGELOG.md @@ -3,6 +3,8 @@ ChangeLog Unreleased ---------- +### Added +* Added clinical-lowlight-theme theming files 5.41.0 - (February 13, 2020) ------------------ diff --git a/packages/terra-form-select/clinical-lowlight-wdio.conf.js b/packages/terra-form-select/clinical-lowlight-wdio.conf.js new file mode 100644 index 00000000000..625eb7211ee --- /dev/null +++ b/packages/terra-form-select/clinical-lowlight-wdio.conf.js @@ -0,0 +1,6 @@ +const path = require('path'); +const wdioConf = require('../../config/wdio/clinical-lowlight-theme/wdio.conf.js'); + +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; + +exports.config = wdioConf.config; diff --git a/packages/terra-form-select/package.json b/packages/terra-form-select/package.json index 99c5641e641..eae1f08f2bc 100644 --- a/packages/terra-form-select/package.json +++ b/packages/terra-form-select/package.json @@ -46,7 +46,8 @@ "test": "npm run jest && npm run wdio", "jest": "jest --config ../../jestconfig.js", "wdio-default": "cd ../.. && npx wdio ./packages/$npm_package_name/wdio.conf.js", + "wdio-lowlight": "cd ../.. && THEME=clinical-lowlight-theme npx wdio ./packages/$npm_package_name/clinical-lowlight-wdio.conf.js", "wdio-fusion": "cd ../.. && THEME=orion-fusion-theme npx wdio ./packages/$npm_package_name/wdio.conf.js", - "wdio": "npm run wdio-default && npm run wdio-fusion" + "wdio": "npm run wdio-default && npm run wdio-lowlight && npm run wdio-fusion" } } diff --git a/packages/terra-form-select/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss b/packages/terra-form-select/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss new file mode 100644 index 00000000000..7a4a831ea1a --- /dev/null +++ b/packages/terra-form-select/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss @@ -0,0 +1,83 @@ +@import '~terra-mixins/lib/Mixins'; + +:global { + --terra-form-select-dropdown-background-color: #222a2e; + --terra-form-select-dropdown-border: 1px solid #181b1d; + --terra-form-select-dropdown-above-box-shadow: 0 -3px 12px -5px #181b1d; + --terra-form-select-dropdown-box-shadow: 0 3px 12px -5px #181b1d; + + --terra-form-select-background-color: #222a2e; + --terra-form-select-background-size: 0 0; + --terra-form-select-border: 1px solid #181b1d; + --terra-form-select-color: #b2b5b6; + --terra-form-select-disabled-background-color: #222a2e; + --terra-form-select-disabled-border-color: #202427; + --terra-form-select-disabled-color: #b2b5b6; + --terra-form-select-disabled-placeholder-color: #6f7477; + --terra-form-select-disabled-opacity: 0.3; + --terra-form-select-hover-border-color: #004c76; + --terra-form-select-hover-color: #b2b5b6; + + --terra-form-select-focus-background-image: none; + --terra-form-select-focus-background-size: 0 0; + --terra-form-select-focus-border-color: #004c76; + --terra-form-select-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76; + --terra-form-select-focus-hover-border-color: #004c76; + + --terra-form-select-incomplete-background-color: #464232; + --terra-form-select-incomplete-focus-background-color: #464232; + --terra-form-select-incomplete-hover-background-color: #464232; + --terra-form-select-incomplete-disabled-background-color: #464232; + + --terra-form-select-invalid-background-image: none; + --terra-form-select-invalid-background-color: #222a2e; + --terra-form-select-invalid-border-color: #fb4c4c; + --terra-form-select-invalid-box-shadow: 0 0 0 1px #fb4c4c; + // Since there is no invalid-focus-hover-border, both focus and hover need the same color. + --terra-form-select-invalid-focus-border-color: #fb4c4c; + --terra-form-select-invalid-focus-box-shadow: 0 0 0 1px #fb4c4c, 0 0 0 1px #fb4c4c; + --terra-form-select-invalid-hover-border-color: #fb4c4c; + + --terra-form-select-search-placeholder-color: #6f7477; + --terra-form-select-toggle-border: 1px solid #181b1d; + --terra-form-select-toggle-hover-background-color: #222a2e; + + @include terra-inline-svg-var('--terra-form-select-arrow-background', ''); + @include terra-inline-svg-var('--terra-form-select-disabled-arrow-background', ''); + @include terra-inline-svg-var('--terra-form-select-invalid-arrow-background', ''); + + --terra-form-select-optgroup-label-background-color: #141719; + --terra-form-select-optgroup-label-border-top: 1px solid #141719; + --terra-form-select-optgroup-label-color: #6f7477; + + --terra-form-select-option-active-background-color: #1e3a49; + --terra-form-select-option-color: #b2b5b6; + --terra-form-select-option-disabled-color: #404344; + + --terra-form-select-clear-option-color: #6f7477; + --terra-form-select-default-option-active-background-color: #004c76; + --terra-form-select-default-option-active-color: #b2b5b6; + --terra-form-select-default-option-selected-active-background-color: #004165; + --terra-form-select-default-option-selected-background-color: #004c76; + --terra-form-select-default-option-selected-color: #b2b5b6; + + @include terra-inline-svg-var('--terra-form-select-option-icon-add-background', ''); + @include terra-inline-svg-var('--terra-form-select-option-icon-active-background', ''); + @include terra-inline-svg-var('--terra-form-select-option-icon-background', ''); + @include terra-inline-svg-var('--terra-form-select-option-checkable-active-icon-background', ''); + + --terra-form-select-tag-background: #1d2427; + --terra-form-select-tag-deselect-background: #2d3539; + --terra-form-select-tag-deselect-border-bottom: 1px solid #181b1d; + --terra-form-select-tag-deselect-hover-background: #1a2023; + --terra-form-select-tag-deselect-hover-border-bottom: 1px solid #181b1d; + --terra-form-select-tag-display-border-bottom: 1px solid #181b1d; + --terra-form-select-tag-display-color: #b2b5b6; + + @include terra-inline-svg-var('--terra-form-select-tag-icon-background' , ''); + + --terra-form-select-toggle-invalid-border-color: #fb4c4c; + --terra-form-select-toggle-invalid-box-shadow: 0 0 0 1px #fb4c4c; + --terra-form-select-toggle-invalid-focus-border-color: #004c76; + --terra-form-select-toggle-invalid-focus-box-shadow: 0 0 0 1px #004c76, 0 0 0 1px #004c76; +} diff --git a/packages/terra-form-select/wdio.conf.js b/packages/terra-form-select/wdio.conf.js index f51b322cd7f..0ca23865eda 100644 --- a/packages/terra-form-select/wdio.conf.js +++ b/packages/terra-form-select/wdio.conf.js @@ -1,6 +1,6 @@ const path = require('path'); const wdioConf = require('../../node_modules/terra-toolkit/config/wdio/wdio.conf'); -wdioConf.config.specs = [path.join(__dirname, 'test*', 'wdio', '**', '*-spec.js')]; +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; exports.config = wdioConf.config; diff --git a/packages/terra-form-textarea/.npmignore b/packages/terra-form-textarea/.npmignore index c59a09bae79..4964b68f07d 100644 --- a/packages/terra-form-textarea/.npmignore +++ b/packages/terra-form-textarea/.npmignore @@ -5,4 +5,5 @@ tests/**/__snapshots__/ aggregated-translations dev-site-config screenshots -errorScreenshots \ No newline at end of file +errorScreenshots +generated-themes \ No newline at end of file diff --git a/packages/terra-form-textarea/CHANGELOG.md b/packages/terra-form-textarea/CHANGELOG.md index f56ae006b8b..7cdc672ad6f 100644 --- a/packages/terra-form-textarea/CHANGELOG.md +++ b/packages/terra-form-textarea/CHANGELOG.md @@ -3,6 +3,8 @@ ChangeLog Unreleased ---------- +### Added +* Added clinical-lowlight-theme theming files 3.35.0 - (January 28, 2020) ------------------ diff --git a/packages/terra-form-textarea/clinical-lowlight-wdio.conf.js b/packages/terra-form-textarea/clinical-lowlight-wdio.conf.js new file mode 100644 index 00000000000..625eb7211ee --- /dev/null +++ b/packages/terra-form-textarea/clinical-lowlight-wdio.conf.js @@ -0,0 +1,6 @@ +const path = require('path'); +const wdioConf = require('../../config/wdio/clinical-lowlight-theme/wdio.conf.js'); + +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; + +exports.config = wdioConf.config; diff --git a/packages/terra-form-textarea/package.json b/packages/terra-form-textarea/package.json index 223fc815777..6c9b2015d43 100644 --- a/packages/terra-form-textarea/package.json +++ b/packages/terra-form-textarea/package.json @@ -41,7 +41,8 @@ "test": "npm run jest && npm run wdio", "jest": "jest --config ../../jestconfig.js", "wdio-default": "cd ../.. && npx wdio ./packages/$npm_package_name/wdio.conf.js", + "wdio-lowlight": "cd ../.. && THEME=clinical-lowlight-theme npx wdio ./packages/$npm_package_name/clinical-lowlight-wdio.conf.js", "wdio-fusion": "cd ../.. && THEME=orion-fusion-theme npx wdio ./packages/$npm_package_name/wdio.conf.js", - "wdio": "npm run wdio-default && npm run wdio-fusion" + "wdio": "npm run wdio-default && npm run wdio-lowlight && npm run wdio-fusion" } } diff --git a/packages/terra-form-textarea/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss b/packages/terra-form-textarea/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss new file mode 100644 index 00000000000..44cd2945fef --- /dev/null +++ b/packages/terra-form-textarea/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss @@ -0,0 +1,55 @@ +:global { + --terra-form-textarea-background-color: #222a2e; + --terra-form-textarea-border-color: #181b1d; + --terra-form-textarea-color: #b2b5b6; + --terra-form-textarea-hover-border-color: #181b1d; + + --terra-form-textarea-disabled-background-color: #1d2529; + --terra-form-textarea-disabled-border-color: #24282b; + --terra-form-textarea-disabled-color: #404344; + --terra-form-textarea-disabled-opacity: 0.25; + + --terra-form-textarea-error-border-color: #181b1d; + --terra-form-textarea-error-hover-border-color: #181b1d; + --terra-form-textarea-error-disabled-background-color: #1d2529; + --terra-form-textarea-error-disabled-border-color: #24282b; + --terra-form-textarea-error-disabled-color: #404344; + --terra-form-textarea-error-opacity: 1; + --terra-form-textarea-error-disabled-opacity: 1; + + --terra-form-textarea-placeholder-color: #6f7477; + --terra-form-textarea-placeholder-disabled-color: #6f7477; + + --terra-form-textarea-background-image: none; + --terra-form-textarea-background-size: auto; + --terra-form-textarea-hover-background-color: #222a2e; + --terra-form-textarea-hover-color: #b2b5b6; + + --terra-form-textarea-focus-background-color: #222a2e; + --terra-form-textarea-focus-background-size: auto; + --terra-form-textarea-focus-border-color: #181b1d; + --terra-form-textarea-focus-color: #b2b5b6; + --terra-form-textarea-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76; + --terra-form-textarea-focus-ltr-box-shadow: 0 0 7px 4px rgba(0, 76, 118, 0.35), 0 0 1px 3px rgba(0, 76, 118, 0.5), 0 0 1px 0 #fff; + --terra-form-textarea-focus-rtl-box-shadow: 0 0 7px 4px rgba(0, 76, 118, 0.35), 0 0 1px 3px rgba(0, 76, 118, 0.5), 0 0 1px 0 #fff; + --terra-form-textarea-focus-opacity: 1; + + --terra-form-textarea-error-background-color: #222a2e; + --terra-form-textarea-error-background-image: none; + --terra-form-textarea-error-box-shadow: 0 0 0 1px #fb4c4c; + --terra-form-textarea-error-focus-background-color: #222a2e; + --terra-form-textarea-error-focus-background-size: auto; + --terra-form-textarea-error-focus-border-color: #181b1d; + --terra-form-textarea-error-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76; + --terra-form-textarea-error-focus-color: #b2b5b6; + --terra-form-textarea-error-focus-ltr-box-shadow: 0 0 7px 4px rgba(0, 76, 118, 0.35), 0 0 1px 3px rgba(0, 76, 118, 0.5), 0 0 1px 0 #fff; + --terra-form-textarea-error-focus-rtl-box-shadow: 0 0 7px 4px rgba(0, 76, 118, 0.35), 0 0 1px 3px rgba(0, 76, 118, 0.5), 0 0 1px 0 #fff; + --terra-form-textarea-error-focus-opacity: 1; + --terra-form-textarea-error-hover-background-color: #222a2e; + --terra-form-textarea-error-hover-color: #b2b5b6; + + --terra-form-textarea-incomplete-background-color: #464232; + --terra-form-textarea-incomplete-hover-background-color: #464232; + --terra-form-textarea-incomplete-disabled-background-color: #464232; + --terra-form-textarea-incomplete-focus-background-color: #464232; +} diff --git a/packages/terra-form-textarea/wdio.conf.js b/packages/terra-form-textarea/wdio.conf.js index f51b322cd7f..0ca23865eda 100644 --- a/packages/terra-form-textarea/wdio.conf.js +++ b/packages/terra-form-textarea/wdio.conf.js @@ -1,6 +1,6 @@ const path = require('path'); const wdioConf = require('../../node_modules/terra-toolkit/config/wdio/wdio.conf'); -wdioConf.config.specs = [path.join(__dirname, 'test*', 'wdio', '**', '*-spec.js')]; +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; exports.config = wdioConf.config; diff --git a/packages/terra-grid/.npmignore b/packages/terra-grid/.npmignore index c59a09bae79..4964b68f07d 100644 --- a/packages/terra-grid/.npmignore +++ b/packages/terra-grid/.npmignore @@ -5,4 +5,5 @@ tests/**/__snapshots__/ aggregated-translations dev-site-config screenshots -errorScreenshots \ No newline at end of file +errorScreenshots +generated-themes \ No newline at end of file diff --git a/packages/terra-grid/CHANGELOG.md b/packages/terra-grid/CHANGELOG.md index cbaa14b35a4..84853e976a4 100644 --- a/packages/terra-grid/CHANGELOG.md +++ b/packages/terra-grid/CHANGELOG.md @@ -3,6 +3,8 @@ ChangeLog Unreleased ---------- +### Added +* Added generated-themes to .npmignore 6.15.0 - (February 4, 2020) ------------------ diff --git a/packages/terra-grid/clinical-lowlight-wdio.conf.js b/packages/terra-grid/clinical-lowlight-wdio.conf.js new file mode 100644 index 00000000000..625eb7211ee --- /dev/null +++ b/packages/terra-grid/clinical-lowlight-wdio.conf.js @@ -0,0 +1,6 @@ +const path = require('path'); +const wdioConf = require('../../config/wdio/clinical-lowlight-theme/wdio.conf.js'); + +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; + +exports.config = wdioConf.config; diff --git a/packages/terra-grid/package.json b/packages/terra-grid/package.json index c6bc8e770a6..8674389c728 100644 --- a/packages/terra-grid/package.json +++ b/packages/terra-grid/package.json @@ -29,8 +29,9 @@ "test": "npm run jest && npm run wdio", "jest": "jest --config ../../jestconfig.js", "wdio-default": "cd ../.. && npx wdio ./packages/$npm_package_name/wdio.conf.js", + "wdio-lowlight": "cd ../.. && THEME=clinical-lowlight-theme npx wdio ./packages/$npm_package_name/clinical-lowlight-wdio.conf.js", "wdio-fusion": "cd ../.. && THEME=orion-fusion-theme npx wdio ./packages/$npm_package_name/wdio.conf.js", - "wdio": "npm run wdio-default && npm run wdio-fusion" + "wdio": "npm run wdio-default && npm run wdio-lowlight && npm run wdio-fusion" }, "peerDependencies": { "react": "^16.8.5", diff --git a/packages/terra-grid/wdio.conf.js b/packages/terra-grid/wdio.conf.js index f51b322cd7f..0ca23865eda 100644 --- a/packages/terra-grid/wdio.conf.js +++ b/packages/terra-grid/wdio.conf.js @@ -1,6 +1,6 @@ const path = require('path'); const wdioConf = require('../../node_modules/terra-toolkit/config/wdio/wdio.conf'); -wdioConf.config.specs = [path.join(__dirname, 'test*', 'wdio', '**', '*-spec.js')]; +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; exports.config = wdioConf.config; diff --git a/packages/terra-heading/.npmignore b/packages/terra-heading/.npmignore index c59a09bae79..4964b68f07d 100644 --- a/packages/terra-heading/.npmignore +++ b/packages/terra-heading/.npmignore @@ -5,4 +5,5 @@ tests/**/__snapshots__/ aggregated-translations dev-site-config screenshots -errorScreenshots \ No newline at end of file +errorScreenshots +generated-themes \ No newline at end of file diff --git a/packages/terra-heading/CHANGELOG.md b/packages/terra-heading/CHANGELOG.md index b3cf7bd9a42..3bf7c5b0c1f 100644 --- a/packages/terra-heading/CHANGELOG.md +++ b/packages/terra-heading/CHANGELOG.md @@ -3,6 +3,8 @@ ChangeLog Unreleased ---------- +### Added +* Added generated-themes to .npmignore 4.24.0 - (February 4, 2020) ------------------ diff --git a/packages/terra-heading/clinical-lowlight-wdio.conf.js b/packages/terra-heading/clinical-lowlight-wdio.conf.js new file mode 100644 index 00000000000..625eb7211ee --- /dev/null +++ b/packages/terra-heading/clinical-lowlight-wdio.conf.js @@ -0,0 +1,6 @@ +const path = require('path'); +const wdioConf = require('../../config/wdio/clinical-lowlight-theme/wdio.conf.js'); + +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; + +exports.config = wdioConf.config; diff --git a/packages/terra-heading/package.json b/packages/terra-heading/package.json index e494774a2af..4371dab5b5f 100644 --- a/packages/terra-heading/package.json +++ b/packages/terra-heading/package.json @@ -40,6 +40,9 @@ "precompile": "rm -rf lib", "test": "npm run jest && npm run wdio", "jest": "jest --config ../../jestconfig.js", - "wdio": "cd ../.. && npx wdio ./packages/$npm_package_name/wdio.conf.js" + "wdio-default": "cd ../.. && npx wdio ./packages/$npm_package_name/wdio.conf.js", + "wdio-lowlight": "cd ../.. && THEME=clinical-lowlight-theme npx wdio ./packages/$npm_package_name/clinical-lowlight-wdio.conf.js", + "wdio-fusion": "cd ../.. && THEME=orion-fusion-theme npx wdio ./packages/$npm_package_name/wdio.conf.js", + "wdio": "npm run wdio-default && npm run wdio-lowlight && npm run wdio-fusion" } } diff --git a/packages/terra-heading/wdio.conf.js b/packages/terra-heading/wdio.conf.js index f51b322cd7f..0ca23865eda 100644 --- a/packages/terra-heading/wdio.conf.js +++ b/packages/terra-heading/wdio.conf.js @@ -1,6 +1,6 @@ const path = require('path'); const wdioConf = require('../../node_modules/terra-toolkit/config/wdio/wdio.conf'); -wdioConf.config.specs = [path.join(__dirname, 'test*', 'wdio', '**', '*-spec.js')]; +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; exports.config = wdioConf.config; diff --git a/packages/terra-html-table/.npmignore b/packages/terra-html-table/.npmignore index c59a09bae79..4964b68f07d 100644 --- a/packages/terra-html-table/.npmignore +++ b/packages/terra-html-table/.npmignore @@ -5,4 +5,5 @@ tests/**/__snapshots__/ aggregated-translations dev-site-config screenshots -errorScreenshots \ No newline at end of file +errorScreenshots +generated-themes \ No newline at end of file diff --git a/packages/terra-html-table/CHANGELOG.md b/packages/terra-html-table/CHANGELOG.md index 54bc45d474e..2f62fee0913 100644 --- a/packages/terra-html-table/CHANGELOG.md +++ b/packages/terra-html-table/CHANGELOG.md @@ -2,7 +2,9 @@ Changelog ========= Unreleased ------------------- +---------- +### Added +* Added generated-themes to .npmignore 1.0.0 - (January 17, 2020) ------------------ diff --git a/packages/terra-html-table/clinical-lowlight-wdio.conf.js b/packages/terra-html-table/clinical-lowlight-wdio.conf.js new file mode 100644 index 00000000000..625eb7211ee --- /dev/null +++ b/packages/terra-html-table/clinical-lowlight-wdio.conf.js @@ -0,0 +1,6 @@ +const path = require('path'); +const wdioConf = require('../../config/wdio/clinical-lowlight-theme/wdio.conf.js'); + +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; + +exports.config = wdioConf.config; diff --git a/packages/terra-html-table/package.json b/packages/terra-html-table/package.json index ea3cc8e4886..07dc1458144 100644 --- a/packages/terra-html-table/package.json +++ b/packages/terra-html-table/package.json @@ -38,7 +38,8 @@ "test": "npm run jest && npm run wdio", "jest": "jest --config ../../jestconfig.js", "wdio-default": "cd ../.. && npx wdio ./packages/$npm_package_name/wdio.conf.js", + "wdio-lowlight": "cd ../.. && THEME=clinical-lowlight-theme npx wdio ./packages/$npm_package_name/clinical-lowlight-wdio.conf.js", "wdio-fusion": "cd ../.. && THEME=orion-fusion-theme npx wdio ./packages/$npm_package_name/wdio.conf.js", - "wdio": "npm run wdio-default && npm run wdio-fusion" + "wdio": "npm run wdio-default && npm run wdio-lowlight && npm run wdio-fusion" } } diff --git a/packages/terra-html-table/themes/orion-fusion-theme/clinical-temp.scss b/packages/terra-html-table/themes/orion-fusion-theme/clinical-temp.scss deleted file mode 100644 index 480bcefcc43..00000000000 --- a/packages/terra-html-table/themes/orion-fusion-theme/clinical-temp.scss +++ /dev/null @@ -1,58 +0,0 @@ -:global { - // Table - --terra-html-table-background-color: #eef5fe; - --terra-html-table-border: 0; - --terra-html-table-border-radius: 3px; - --terra-html-table-body-background-color: transparent; - - // Header Cell - --terra-html-table-header-cell-color: rgba(17, 22, 25, 0.85); - --terra-html-table-header-cell-font-size: 0.857142857rem; - --terra-html-table-header-cell-font-weight: normal; - --terra-html-table-header-cell-border-left: 1px solid #4983d1; - --terra-html-table-first-header-cell-border-left: 0; - --terra-html-table-last-header-cell-border-right: 0; - - // Header - --terra-html-table-header-background-color: rgba(89, 159, 253, 0.05); - --terra-html-table-header-box-shadow: 0 2px 7px 1px rgba(17, 22, 25, 0.05); - --terra-html-table-header-row-border-bottom: 1px solid #3a67a4; - --terra-html-table-header-row-border-top: 0; - - // Footer - --terra-html-table-footer-row-border-bottom: 0; - --terra-html-table-footer-row-border-top: 0; - - // Cell - --terra-html-table-cell-border-left: 1px solid #4983d1; - --terra-html-table-cell-font-size: 1rem; - --terra-html-table-cell-color: rgba(17, 22, 25, 0.85); - --terra-html-table-first-cell-border-left: 0; - --terra-html-table-last-cell-border-right: 0; - - // Header Cell - --terra-html-table-header-cell-standard-padding-bottom: 0.5rem; - --terra-html-table-header-cell-standard-padding-left: 0.7142857143rem; - --terra-html-table-header-cell-standard-padding-right: 0.7142857143rem; - --terra-html-table-header-cell-standard-padding-top: 1.0714285714rem; - --terra-html-table-header-cell-compact-padding-bottom: 0.5rem; - --terra-html-table-header-cell-compact-padding-left: 0.7142857143rem; - --terra-html-table-header-cell-compact-padding-right: 0.7142857143rem; - --terra-html-table-header-cell-compact-padding-top: 1.0714285714rem; - - // Row Cell - --terra-html-table-cell-standard-padding-bottom: 0.5rem; - --terra-html-table-cell-standard-padding-left: 0.7142857143rem; - --terra-html-table-cell-standard-padding-right: 0.7142857143rem; - --terra-html-table-cell-standard-padding-top: 0.5rem; - --terra-html-table-cell-compact-padding-bottom: 0.3571428571rem; - --terra-html-table-cell-compact-padding-left: 0.7142857143rem; - --terra-html-table-cell-compact-padding-right: 0.7142857143rem; - --terra-html-table-cell-compact-padding-top: 0.3571428571rem; - - // Row - --terra-html-table-row-border-top: 1px solid #4983d1; - --terra-html-table-last-row-border-bottom: 0; - --terra-html-table-row-background-color: rgba(255, 255, 255, 0.3); - --terra-html-table-row-striped-background-color: rgba(89, 159, 253, 0.10); -} diff --git a/packages/terra-html-table/wdio.conf.js b/packages/terra-html-table/wdio.conf.js index f51b322cd7f..0ca23865eda 100644 --- a/packages/terra-html-table/wdio.conf.js +++ b/packages/terra-html-table/wdio.conf.js @@ -1,6 +1,6 @@ const path = require('path'); const wdioConf = require('../../node_modules/terra-toolkit/config/wdio/wdio.conf'); -wdioConf.config.specs = [path.join(__dirname, 'test*', 'wdio', '**', '*-spec.js')]; +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; exports.config = wdioConf.config; diff --git a/packages/terra-hyperlink/.npmignore b/packages/terra-hyperlink/.npmignore index c59a09bae79..4964b68f07d 100644 --- a/packages/terra-hyperlink/.npmignore +++ b/packages/terra-hyperlink/.npmignore @@ -5,4 +5,5 @@ tests/**/__snapshots__/ aggregated-translations dev-site-config screenshots -errorScreenshots \ No newline at end of file +errorScreenshots +generated-themes \ No newline at end of file diff --git a/packages/terra-hyperlink/CHANGELOG.md b/packages/terra-hyperlink/CHANGELOG.md index 35680c90271..cf9043bacb2 100644 --- a/packages/terra-hyperlink/CHANGELOG.md +++ b/packages/terra-hyperlink/CHANGELOG.md @@ -3,6 +3,8 @@ ChangeLog Unreleased ---------- +### Added +* Added clinical-lowlight-theme theming files 2.27.0 - (January 28, 2020) ------------------ diff --git a/packages/terra-hyperlink/clinical-lowlight-wdio.conf.js b/packages/terra-hyperlink/clinical-lowlight-wdio.conf.js new file mode 100644 index 00000000000..625eb7211ee --- /dev/null +++ b/packages/terra-hyperlink/clinical-lowlight-wdio.conf.js @@ -0,0 +1,6 @@ +const path = require('path'); +const wdioConf = require('../../config/wdio/clinical-lowlight-theme/wdio.conf.js'); + +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; + +exports.config = wdioConf.config; diff --git a/packages/terra-hyperlink/package.json b/packages/terra-hyperlink/package.json index 79f367f5d23..d3f3c4a502f 100644 --- a/packages/terra-hyperlink/package.json +++ b/packages/terra-hyperlink/package.json @@ -41,7 +41,8 @@ "test": "npm run jest && npm run wdio", "jest": "jest --config ../../jestconfig.js", "wdio-default": "cd ../.. && npx wdio ./packages/$npm_package_name/wdio.conf.js", + "wdio-lowlight": "cd ../.. && THEME=clinical-lowlight-theme npx wdio ./packages/$npm_package_name/clinical-lowlight-wdio.conf.js", "wdio-fusion": "cd ../.. && THEME=orion-fusion-theme npx wdio ./packages/$npm_package_name/wdio.conf.js", - "wdio": "npm run wdio-default && npm run wdio-fusion" + "wdio": "npm run wdio-default && npm run wdio-lowlight && npm run wdio-fusion" } } diff --git a/packages/terra-hyperlink/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss b/packages/terra-hyperlink/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss new file mode 100644 index 00000000000..b513cd684da --- /dev/null +++ b/packages/terra-hyperlink/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss @@ -0,0 +1,20 @@ +@import '~terra-mixins/lib/Mixins'; + +:global { + --terra-hyperlink-active-color: #007ee0; + --terra-hyperlink-color: #007ee0; + --terra-hyperlink-disabled-color: rgba(212, 222, 225, 0.15); + --terra-hyperlink-focus-background-color: transparent; + --terra-hyperlink-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76; + --terra-hyperlink-focus-color: #007ee0; + --terra-hyperlink-hover-background-color: transparent; + --terra-hyperlink-hover-color: #007ee0; + --terra-hyperlink-visited-color: #007ee0; + --terra-hyperlink-visited-focus-color: #007ee0; + + --terra-hyperlink-underline-hidden-color: #007ee0; + --terra-hyperlink-underline-hidden-focus-color: #007ee0; + --terra-hyperlink-underline-hidden-hover-color: #007ee0; + --terra-hyperlink-underline-hidden-visited-color: #007ee0; + --terra-hyperlink-underline-hidden-visited-focus-color: #007ee0; +} diff --git a/packages/terra-hyperlink/wdio.conf.js b/packages/terra-hyperlink/wdio.conf.js index f51b322cd7f..0ca23865eda 100644 --- a/packages/terra-hyperlink/wdio.conf.js +++ b/packages/terra-hyperlink/wdio.conf.js @@ -1,6 +1,6 @@ const path = require('path'); const wdioConf = require('../../node_modules/terra-toolkit/config/wdio/wdio.conf'); -wdioConf.config.specs = [path.join(__dirname, 'test*', 'wdio', '**', '*-spec.js')]; +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; exports.config = wdioConf.config; diff --git a/packages/terra-i18n/.npmignore b/packages/terra-i18n/.npmignore index c59a09bae79..4964b68f07d 100644 --- a/packages/terra-i18n/.npmignore +++ b/packages/terra-i18n/.npmignore @@ -5,4 +5,5 @@ tests/**/__snapshots__/ aggregated-translations dev-site-config screenshots -errorScreenshots \ No newline at end of file +errorScreenshots +generated-themes \ No newline at end of file diff --git a/packages/terra-i18n/CHANGELOG.md b/packages/terra-i18n/CHANGELOG.md index bda2afa0a64..daaf46509fe 100644 --- a/packages/terra-i18n/CHANGELOG.md +++ b/packages/terra-i18n/CHANGELOG.md @@ -3,6 +3,9 @@ ChangeLog Unreleased ---------- +### Added +* Added generated-themes to .npmignore + ### Changes * Be the most explicit when checking when checking if Intl, Intl.DateTimeFormat and Int.NumberFormat by checking against expected type instead of check for undefined. Addresses: https://github.com/cerner/terra-core/issues/2841 diff --git a/packages/terra-i18n/clinical-lowlight-wdio.conf.js b/packages/terra-i18n/clinical-lowlight-wdio.conf.js new file mode 100644 index 00000000000..625eb7211ee --- /dev/null +++ b/packages/terra-i18n/clinical-lowlight-wdio.conf.js @@ -0,0 +1,6 @@ +const path = require('path'); +const wdioConf = require('../../config/wdio/clinical-lowlight-theme/wdio.conf.js'); + +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; + +exports.config = wdioConf.config; diff --git a/packages/terra-i18n/package.json b/packages/terra-i18n/package.json index 0adc0ccbec1..6fb84d64ced 100644 --- a/packages/terra-i18n/package.json +++ b/packages/terra-i18n/package.json @@ -38,6 +38,9 @@ "lint:js": "eslint --ext .js,.jsx . --ignore-path ../../.eslintignore", "test": "npm run jest && npm run wdio", "jest": "jest --config ../../jestconfig.js", - "wdio": "cd ../.. && npx wdio ./packages/$npm_package_name/wdio.conf.js" + "wdio-default": "cd ../.. && npx wdio ./packages/$npm_package_name/wdio.conf.js", + "wdio-lowlight": "cd ../.. && THEME=clinical-lowlight-theme npx wdio ./packages/$npm_package_name/clinical-lowlight-wdio.conf.js", + "wdio-fusion": "cd ../.. && THEME=orion-fusion-theme npx wdio ./packages/$npm_package_name/wdio.conf.js", + "wdio": "npm run wdio-default && npm run wdio-lowlight && npm run wdio-fusion" } } diff --git a/packages/terra-i18n/wdio.conf.js b/packages/terra-i18n/wdio.conf.js index f51b322cd7f..0ca23865eda 100644 --- a/packages/terra-i18n/wdio.conf.js +++ b/packages/terra-i18n/wdio.conf.js @@ -1,6 +1,6 @@ const path = require('path'); const wdioConf = require('../../node_modules/terra-toolkit/config/wdio/wdio.conf'); -wdioConf.config.specs = [path.join(__dirname, 'test*', 'wdio', '**', '*-spec.js')]; +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; exports.config = wdioConf.config; diff --git a/packages/terra-icon/.npmignore b/packages/terra-icon/.npmignore index c59a09bae79..4964b68f07d 100644 --- a/packages/terra-icon/.npmignore +++ b/packages/terra-icon/.npmignore @@ -5,4 +5,5 @@ tests/**/__snapshots__/ aggregated-translations dev-site-config screenshots -errorScreenshots \ No newline at end of file +errorScreenshots +generated-themes \ No newline at end of file diff --git a/packages/terra-icon/CHANGELOG.md b/packages/terra-icon/CHANGELOG.md index 38fdfb2551f..458c46bb10f 100644 --- a/packages/terra-icon/CHANGELOG.md +++ b/packages/terra-icon/CHANGELOG.md @@ -3,6 +3,8 @@ ChangeLog Unreleased ---------- +### Added +* Added clinical-lowlight-theme theming files 3.26.0 - (January 28, 2020) ------------------ diff --git a/packages/terra-icon/clinical-lowlight-wdio.conf.js b/packages/terra-icon/clinical-lowlight-wdio.conf.js new file mode 100644 index 00000000000..625eb7211ee --- /dev/null +++ b/packages/terra-icon/clinical-lowlight-wdio.conf.js @@ -0,0 +1,6 @@ +const path = require('path'); +const wdioConf = require('../../config/wdio/clinical-lowlight-theme/wdio.conf.js'); + +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; + +exports.config = wdioConf.config; diff --git a/packages/terra-icon/package.json b/packages/terra-icon/package.json index f080a25fedd..f6295a75e06 100644 --- a/packages/terra-icon/package.json +++ b/packages/terra-icon/package.json @@ -53,6 +53,9 @@ "precompile": "rm -rf lib", "test": "npm run jest && npm run wdio", "jest": "jest --config ../../jestconfig.js", - "wdio": "cd ../.. && npx wdio ./packages/$npm_package_name/wdio.conf.js" + "wdio-default": "cd ../.. && npx wdio ./packages/$npm_package_name/wdio.conf.js", + "wdio-lowlight": "cd ../.. && THEME=clinical-lowlight-theme npx wdio ./packages/$npm_package_name/clinical-lowlight-wdio.conf.js", + "wdio-fusion": "cd ../.. && THEME=orion-fusion-theme npx wdio ./packages/$npm_package_name/wdio.conf.js", + "wdio": "npm run wdio-default && npm run wdio-lowlight && npm run wdio-fusion" } } diff --git a/packages/terra-icon/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_huge/icon-spec/AllIcons[default].png b/packages/terra-icon/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_huge/icon-spec/AllIcons[default].png new file mode 100644 index 00000000000..9b283de9cc8 Binary files /dev/null and b/packages/terra-icon/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_huge/icon-spec/AllIcons[default].png differ diff --git a/packages/terra-icon/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_huge/icon-spec/Bidi[default].png b/packages/terra-icon/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_huge/icon-spec/Bidi[default].png new file mode 100644 index 00000000000..689d3709dfc Binary files /dev/null and b/packages/terra-icon/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_huge/icon-spec/Bidi[default].png differ diff --git a/packages/terra-icon/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_huge/icon-spec/Default[default].png b/packages/terra-icon/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_huge/icon-spec/Default[default].png new file mode 100644 index 00000000000..bedaa71b2f5 Binary files /dev/null and b/packages/terra-icon/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_huge/icon-spec/Default[default].png differ diff --git a/packages/terra-icon/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_huge/icon-spec/HeightWidth[default].png b/packages/terra-icon/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_huge/icon-spec/HeightWidth[default].png new file mode 100644 index 00000000000..6a28b8213f4 Binary files /dev/null and b/packages/terra-icon/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_huge/icon-spec/HeightWidth[default].png differ diff --git a/packages/terra-icon/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/icon-spec/AllIcons[default].png b/packages/terra-icon/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/icon-spec/AllIcons[default].png deleted file mode 100644 index 78acde56029..00000000000 Binary files a/packages/terra-icon/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/icon-spec/AllIcons[default].png and /dev/null differ diff --git a/packages/terra-icon/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/icon-spec/Bidi[default].png b/packages/terra-icon/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/icon-spec/Bidi[default].png deleted file mode 100644 index 1b215d346a6..00000000000 Binary files a/packages/terra-icon/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/icon-spec/Bidi[default].png and /dev/null differ diff --git a/packages/terra-icon/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/icon-spec/Default[default].png b/packages/terra-icon/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/icon-spec/Default[default].png deleted file mode 100644 index 58f072a48f3..00000000000 Binary files a/packages/terra-icon/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/icon-spec/Default[default].png and /dev/null differ diff --git a/packages/terra-icon/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/icon-spec/HeightWidth[default].png b/packages/terra-icon/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/icon-spec/HeightWidth[default].png deleted file mode 100644 index 3770d6811ce..00000000000 Binary files a/packages/terra-icon/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/icon-spec/HeightWidth[default].png and /dev/null differ diff --git a/packages/terra-icon/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss b/packages/terra-icon/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss new file mode 100644 index 00000000000..c79354663ef --- /dev/null +++ b/packages/terra-icon/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss @@ -0,0 +1,82 @@ +:global { + --terra-icon-abnormal-low-light-path-1-fill: #b08a74; + --terra-icon-abnormal-path-1-fill: #b08a74; + --terra-icon-alert-path-1-fill: #fb4c4c; + --terra-icon-alert-path-2-fill: #222a2e; + --terra-icon-available-path-1-fill: #427c1e; + --terra-icon-available-path-2-fill: #ededed; + --terra-icon-bed-assigned-circle-1-fill: #427c1e; + --terra-icon-bed-assigned-path-1-fill: #ededed; + --terra-icon-bed-assigned-path-2-fill: #b2b5b6; + --terra-icon-complete-path-1-fill: #427c1e; + --terra-icon-complete-path-2-fill: #ededed; + --terra-icon-critical-path-1-fill: #fb4c4c; + --terra-icon-critical-path-2-fill: #222a2e; + --terra-icon-critical-inverse-path-1-fill: #b2b5b6; + --terra-icon-device-alert-path-1-fill: #b2b5b6; + --terra-icon-device-alert-path-2-fill: #fb4c4c; + --terra-icon-device-alert-path-3-fill: #222a2e; + --terra-icon-device-check-path-1-fill: #b2b5b6; + --terra-icon-device-check-path-2-fill: #427c1e; + --terra-icon-device-check-path-3-fill: #ededed; + --terra-icon-diamon-path-1-fill: #c270d7; + --terra-icon-diamond-path-1-fill: #c270d7; + --terra-icon-discharge-coming-due-path-1-fill: #ffb166; + --terra-icon-discharge-coming-due-path-2-fill: #b2b5b6; + --terra-icon-discharge-complete-path-1-fill: #b2b5b6; + --terra-icon-discharge-complete-path-2-fill: #427c1e; + --terra-icon-discharge-complete-path-3-fill: #ededed; + --terra-icon-discharge-over-due-path-1-fill: #fb4c4c; + --terra-icon-discharge-over-due-path-2-fill: #222a2e; + --terra-icon-discharge-over-due-path-3-fill: #b2b5b6; + --terra-icon-do-not-disturb-path-1-fill: #fb4c4c; + --terra-icon-do-not-disturb-path-2-fill: #222a2e; + --terra-icon-drug-path-1-fill: #ffb166; + --terra-icon-drug-path-2-fill: #222a2e; + --terra-icon-drug-path-3-fill: #b2b5b6; + --terra-icon-due-soon-path-1-fill: #b2b5b6; + --terra-icon-due-soon-path-2-fill: #ffb166; + --terra-icon-due-soon-path-3-fill: #222a2e; + --terra-icon-due-soon-path-4-fill: #222a2e; + --terra-icon-error-path-1-fill: #fb4c4c; + --terra-icon-error-path-2-fill: #222a2e; + --terra-icon-error-dark-path-1-fill: #b2b5b6; + --terra-icon-error-dark-path-2-fill: #222a2e; + --terra-icon-featured-outline-yellow-path-1-fill: #ffb166; + --terra-icon-featured-outline-yellow-path-2-fill: #404040; + --terra-icon-help-inverse-path-1-fill: #b2b5b6; + --terra-icon-help-path-1-fill: #004c76; + --terra-icon-help-path-2-fill: #b2b5b6; + --terra-icon-hide-path-1-fill: #b2b5b6; + --terra-icon-high-path-1-fill: #ffb166; + --terra-icon-high-inverse-path-1-fill: #b2b5b6; + --terra-icon-high-priority-path-1-fill: #b2b5b6; + --terra-icon-incomplete-inverse-path-1-fill: #b2b5b6; + --terra-icon-information-path-1-fill: #004c76; + --terra-icon-information-path-2-fill: #b2b5b6; + --terra-icon-information-inverse-path-1-fill: #b2b5b6; + --terra-icon-low-path-1-fill: #5a81ff; + --terra-icon-low-risk-path-1-fill: #b2b5b6; + --terra-icon-max-path-1-fill: #b2b5b6; + --terra-icon-min-path-1-fill: #b2b5b6; + --terra-icon-moderate-path-1-fill: #b2b5b6; + --terra-icon-no-risk-path-1-fill: #b2b5b6; + --terra-icon-out-of-network-path-1-fill: #b2b5b6; + --terra-icon-out-of-network-path-2-fill: #fb4c4c; + --terra-icon-over-due-path-1-fill: #b2b5b6; + --terra-icon-over-due-path-2-fill: #fb4c4c; + --terra-icon-over-due-path-3-fill: #222a2e; + --terra-icon-pharmacy-reject-path-1-fill: #fb4c4c; + --terra-icon-pharmacy-reject-path-2-fill: #b2b5b6; + --terra-icon-roll-up-path-1-fill: #b2b5b6; + --terra-icon-scheduled-path-1-fill: #b2b5b6; + --terra-icon-scheduled-path-2-fill: #427c1e; + --terra-icon-scheduled-path-3-fill: #ededed; + --terra-icon-success-path-1-fill: #427c1e; + --terra-icon-success-path-2-fill: #ededed; + --terra-icon-success-inverse-path-1-fill: #b2b5b6; + --terra-icon-unexpected-path-1-fill: #6f7477; + --terra-icon-unspecified-path-1-fill: #b2b5b6; + --terra-icon-warning-path-1-fill: #ffb166; + --terra-icon-warning-path-2-fill: #222a2e; +} diff --git a/packages/terra-icon/wdio.conf.js b/packages/terra-icon/wdio.conf.js index f51b322cd7f..0ca23865eda 100644 --- a/packages/terra-icon/wdio.conf.js +++ b/packages/terra-icon/wdio.conf.js @@ -1,6 +1,6 @@ const path = require('path'); const wdioConf = require('../../node_modules/terra-toolkit/config/wdio/wdio.conf'); -wdioConf.config.specs = [path.join(__dirname, 'test*', 'wdio', '**', '*-spec.js')]; +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; exports.config = wdioConf.config; diff --git a/packages/terra-image/.npmignore b/packages/terra-image/.npmignore index c59a09bae79..4964b68f07d 100644 --- a/packages/terra-image/.npmignore +++ b/packages/terra-image/.npmignore @@ -5,4 +5,5 @@ tests/**/__snapshots__/ aggregated-translations dev-site-config screenshots -errorScreenshots \ No newline at end of file +errorScreenshots +generated-themes \ No newline at end of file diff --git a/packages/terra-image/CHANGELOG.md b/packages/terra-image/CHANGELOG.md index b86a0bbb00e..0333a53afe6 100644 --- a/packages/terra-image/CHANGELOG.md +++ b/packages/terra-image/CHANGELOG.md @@ -3,6 +3,8 @@ ChangeLog Unreleased ---------- +### Added +* Added clinical-lowlight-theme theming files 3.22.0 - (January 7, 2020) ------------------ diff --git a/packages/terra-image/clinical-lowlight-wdio.conf.js b/packages/terra-image/clinical-lowlight-wdio.conf.js new file mode 100644 index 00000000000..625eb7211ee --- /dev/null +++ b/packages/terra-image/clinical-lowlight-wdio.conf.js @@ -0,0 +1,6 @@ +const path = require('path'); +const wdioConf = require('../../config/wdio/clinical-lowlight-theme/wdio.conf.js'); + +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; + +exports.config = wdioConf.config; diff --git a/packages/terra-image/package.json b/packages/terra-image/package.json index 409e5a6bbc2..02582be8d0f 100644 --- a/packages/terra-image/package.json +++ b/packages/terra-image/package.json @@ -29,8 +29,9 @@ "test": "npm run jest && npm run wdio", "jest": "jest --config ../../jestconfig.js", "wdio-default": "cd ../.. && npx wdio ./packages/$npm_package_name/wdio.conf.js", + "wdio-lowlight": "cd ../.. && THEME=clinical-lowlight-theme npx wdio ./packages/$npm_package_name/clinical-lowlight-wdio.conf.js", "wdio-fusion": "cd ../.. && THEME=orion-fusion-theme npx wdio ./packages/$npm_package_name/wdio.conf.js", - "wdio": "npm run wdio-default && npm run wdio-fusion" + "wdio": "npm run wdio-default && npm run wdio-lowlight && npm run wdio-fusion" }, "peerDependencies": { "react": "^16.8.5", diff --git a/packages/terra-image/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss b/packages/terra-image/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss new file mode 100644 index 00000000000..14ab899a522 --- /dev/null +++ b/packages/terra-image/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss @@ -0,0 +1,13 @@ +:global { + --terra-image-rounded-border-radius: 0.3rem; + --terra-image-circle-border-radius: 50%; + --terra-image-thumbnail-background-color: #fff; + --terra-image-thumbnail-border-color: #ddd; + --terra-image-thumbnail-border-radius: 0.25em; + --terra-image-thumbnail-border-style: solid; + --terra-image-thumbnail-border-width: 1px; + --terra-image-thumbnail-padding-bottom: 0.25rem; + --terra-image-thumbnail-padding-left: 0.25rem; + --terra-image-thumbnail-padding-right: 0.25rem; + --terra-image-thumbnail-padding-top: 0.25rem; +} diff --git a/packages/terra-image/wdio.conf.js b/packages/terra-image/wdio.conf.js index f51b322cd7f..0ca23865eda 100644 --- a/packages/terra-image/wdio.conf.js +++ b/packages/terra-image/wdio.conf.js @@ -1,6 +1,6 @@ const path = require('path'); const wdioConf = require('../../node_modules/terra-toolkit/config/wdio/wdio.conf'); -wdioConf.config.specs = [path.join(__dirname, 'test*', 'wdio', '**', '*-spec.js')]; +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; exports.config = wdioConf.config; diff --git a/packages/terra-legacy-theme/.npmignore b/packages/terra-legacy-theme/.npmignore index c59a09bae79..4964b68f07d 100644 --- a/packages/terra-legacy-theme/.npmignore +++ b/packages/terra-legacy-theme/.npmignore @@ -5,4 +5,5 @@ tests/**/__snapshots__/ aggregated-translations dev-site-config screenshots -errorScreenshots \ No newline at end of file +errorScreenshots +generated-themes \ No newline at end of file diff --git a/packages/terra-legacy-theme/CHANGELOG.md b/packages/terra-legacy-theme/CHANGELOG.md index e6813abd9de..535d1770302 100644 --- a/packages/terra-legacy-theme/CHANGELOG.md +++ b/packages/terra-legacy-theme/CHANGELOG.md @@ -3,6 +3,8 @@ Changelog Unreleased ---------- +### Added +* Added generated-themes to .npmignore 2.30.0 - (January 7, 2020) ------------------ diff --git a/packages/terra-legacy-theme/clinical-lowlight-wdio.conf.js b/packages/terra-legacy-theme/clinical-lowlight-wdio.conf.js new file mode 100644 index 00000000000..625eb7211ee --- /dev/null +++ b/packages/terra-legacy-theme/clinical-lowlight-wdio.conf.js @@ -0,0 +1,6 @@ +const path = require('path'); +const wdioConf = require('../../config/wdio/clinical-lowlight-theme/wdio.conf.js'); + +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; + +exports.config = wdioConf.config; diff --git a/packages/terra-legacy-theme/package.json b/packages/terra-legacy-theme/package.json index f7d24c75fdb..7980edf5140 100644 --- a/packages/terra-legacy-theme/package.json +++ b/packages/terra-legacy-theme/package.json @@ -27,7 +27,10 @@ "lint:scss": "stylelint src/**/*.scss", "precompile": "rm -rf lib", "test": "npm run wdio", - "wdio": "cd ../.. && npx wdio ./packages/$npm_package_name/wdio.conf.js" + "wdio-default": "cd ../.. && npx wdio ./packages/$npm_package_name/wdio.conf.js", + "wdio-lowlight": "cd ../.. && THEME=clinical-lowlight-theme npx wdio ./packages/$npm_package_name/clinical-lowlight-wdio.conf.js", + "wdio-fusion": "cd ../.. && THEME=orion-fusion-theme npx wdio ./packages/$npm_package_name/wdio.conf.js", + "wdio": "npm run wdio-default && npm run wdio-lowlight && npm run wdio-fusion" }, "peerDependencies": { "react": "^16.8.5", diff --git a/packages/terra-legacy-theme/wdio.conf.js b/packages/terra-legacy-theme/wdio.conf.js index f51b322cd7f..0ca23865eda 100644 --- a/packages/terra-legacy-theme/wdio.conf.js +++ b/packages/terra-legacy-theme/wdio.conf.js @@ -1,6 +1,6 @@ const path = require('path'); const wdioConf = require('../../node_modules/terra-toolkit/config/wdio/wdio.conf'); -wdioConf.config.specs = [path.join(__dirname, 'test*', 'wdio', '**', '*-spec.js')]; +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; exports.config = wdioConf.config; diff --git a/packages/terra-list/.npmignore b/packages/terra-list/.npmignore index c59a09bae79..4964b68f07d 100644 --- a/packages/terra-list/.npmignore +++ b/packages/terra-list/.npmignore @@ -5,4 +5,5 @@ tests/**/__snapshots__/ aggregated-translations dev-site-config screenshots -errorScreenshots \ No newline at end of file +errorScreenshots +generated-themes \ No newline at end of file diff --git a/packages/terra-list/CHANGELOG.md b/packages/terra-list/CHANGELOG.md index e6b68f1bac1..fb3de298bc4 100644 --- a/packages/terra-list/CHANGELOG.md +++ b/packages/terra-list/CHANGELOG.md @@ -3,6 +3,8 @@ ChangeLog Unreleased ---------- +### Added +* Added clinical-lowlight-theme theming files 4.25.0 - (January 28, 2020) ------------------ diff --git a/packages/terra-list/clinical-lowlight-wdio.conf.js b/packages/terra-list/clinical-lowlight-wdio.conf.js new file mode 100644 index 00000000000..625eb7211ee --- /dev/null +++ b/packages/terra-list/clinical-lowlight-wdio.conf.js @@ -0,0 +1,6 @@ +const path = require('path'); +const wdioConf = require('../../config/wdio/clinical-lowlight-theme/wdio.conf.js'); + +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; + +exports.config = wdioConf.config; diff --git a/packages/terra-list/package.json b/packages/terra-list/package.json index 93115c32d26..86bd44cd286 100644 --- a/packages/terra-list/package.json +++ b/packages/terra-list/package.json @@ -41,7 +41,8 @@ "test": "npm run jest && npm run wdio", "jest": "jest --config ../../jestconfig.js", "wdio-default": "cd ../.. && npx wdio ./packages/$npm_package_name/wdio.conf.js", + "wdio-lowlight": "cd ../.. && THEME=clinical-lowlight-theme npx wdio ./packages/$npm_package_name/clinical-lowlight-wdio.conf.js", "wdio-fusion": "cd ../.. && THEME=orion-fusion-theme npx wdio ./packages/$npm_package_name/wdio.conf.js", - "wdio": "npm run wdio-default && npm run wdio-fusion" + "wdio": "npm run wdio-default && npm run wdio-lowlight && npm run wdio-fusion" } } diff --git a/packages/terra-list/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss b/packages/terra-list/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss new file mode 100644 index 00000000000..d4823cbf972 --- /dev/null +++ b/packages/terra-list/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss @@ -0,0 +1,40 @@ +@import '~terra-mixins/lib/Mixins'; + +:global { + --terra-list-item-background-color: #222a2e; + --terra-list-item-focus-background-color: #1e3a49; + --terra-list-item-selected-background-color: #004c76; + --terra-list-item-selected-hover-background-color: #004064; + --terra-list-item-hover-active-background-color: #1e3a49; + + // accordion icon + @include terra-inline-svg-var('--terra-list-section-header-accordion-icon-background','0023_caretRight_a'); + @include terra-inline-svg-var('--terra-list-subsection-header-accordion-icon-background','0023_caretRight_a'); + + --terra-list-item-divider-border-top: 1px solid #181b1d; + --terra-list-item-last-divider-border-bottom: 1px solid #181b1d; + --terra-list-item-focus-outline: none; + --terra-list-item-focus-border-color: #181b1d; + --terra-list-item-focus-box-shadow: none; + + --terra-list-section-header-background-color: #141719; + --terra-list-section-header-border-bottom: 1px solid #08090a; + --terra-list-section-header-title-color: #b2b5b6; + --terra-list-section-header-focus-background-color: #08090a; + --terra-list-section-header-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76; + --terra-list-section-header-focus-outline: none; + --terra-list-section-header-hover-active-background-color: #000; + + --terra-list-subsection-header-background-color: #141719; + --terra-list-subsection-header-border-bottom: 1px solid #08090a; + --terra-list-subsection-header-title-color: #b2b5b6; + --terra-list-subsection-header-focus-background-color: #08090a; + --terra-list-subsection-header-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76; + --terra-list-subsection-header-focus-outline: none; + --terra-list-subsection-header-hover-active-background-color: #000; + + --terra-list-item-chevron-color: #b2b5b6; + --terra-list-item-selected-divider-border-color: #181b1d; + --terra-list-item-selected-divider-border-top-color: #181b1d; + --terra-list-item-selected-focus-background-color: #004c76; +} diff --git a/packages/terra-list/wdio.conf.js b/packages/terra-list/wdio.conf.js index f51b322cd7f..0ca23865eda 100644 --- a/packages/terra-list/wdio.conf.js +++ b/packages/terra-list/wdio.conf.js @@ -1,6 +1,6 @@ const path = require('path'); const wdioConf = require('../../node_modules/terra-toolkit/config/wdio/wdio.conf'); -wdioConf.config.specs = [path.join(__dirname, 'test*', 'wdio', '**', '*-spec.js')]; +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; exports.config = wdioConf.config; diff --git a/packages/terra-markdown/.npmignore b/packages/terra-markdown/.npmignore index c59a09bae79..4964b68f07d 100644 --- a/packages/terra-markdown/.npmignore +++ b/packages/terra-markdown/.npmignore @@ -5,4 +5,5 @@ tests/**/__snapshots__/ aggregated-translations dev-site-config screenshots -errorScreenshots \ No newline at end of file +errorScreenshots +generated-themes \ No newline at end of file diff --git a/packages/terra-markdown/CHANGELOG.md b/packages/terra-markdown/CHANGELOG.md index f9c80f5ed60..e904d6c2ee3 100644 --- a/packages/terra-markdown/CHANGELOG.md +++ b/packages/terra-markdown/CHANGELOG.md @@ -3,6 +3,8 @@ Changelog Unreleased ---------- +### Added +* Added clinical-lowlight-theme theming files 2.37.0 - (January 7, 2020) ------------------ diff --git a/packages/terra-markdown/clinical-lowlight-wdio.conf.js b/packages/terra-markdown/clinical-lowlight-wdio.conf.js new file mode 100644 index 00000000000..625eb7211ee --- /dev/null +++ b/packages/terra-markdown/clinical-lowlight-wdio.conf.js @@ -0,0 +1,6 @@ +const path = require('path'); +const wdioConf = require('../../config/wdio/clinical-lowlight-theme/wdio.conf.js'); + +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; + +exports.config = wdioConf.config; diff --git a/packages/terra-markdown/package.json b/packages/terra-markdown/package.json index 3a7b49bf8a4..2facaa13890 100644 --- a/packages/terra-markdown/package.json +++ b/packages/terra-markdown/package.json @@ -38,6 +38,9 @@ "precompile": "rm -rf lib", "test": "npm run jest && npm run wdio", "jest": "jest --config ../../jestconfig.js", - "wdio": "cd ../.. && npx wdio ./packages/$npm_package_name/wdio.conf.js" + "wdio-default": "cd ../.. && npx wdio ./packages/$npm_package_name/wdio.conf.js", + "wdio-lowlight": "cd ../.. && THEME=clinical-lowlight-theme npx wdio ./packages/$npm_package_name/clinical-lowlight-wdio.conf.js", + "wdio-fusion": "cd ../.. && THEME=orion-fusion-theme npx wdio ./packages/$npm_package_name/wdio.conf.js", + "wdio": "npm run wdio-default && npm run wdio-lowlight && npm run wdio-fusion" } } diff --git a/packages/terra-markdown/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss b/packages/terra-markdown/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss new file mode 100644 index 00000000000..2f913b89ca9 --- /dev/null +++ b/packages/terra-markdown/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss @@ -0,0 +1,3 @@ +:global { + --terra-markdown-blockquote-color: #b2b5b6; +} diff --git a/packages/terra-markdown/wdio.conf.js b/packages/terra-markdown/wdio.conf.js index f51b322cd7f..0ca23865eda 100644 --- a/packages/terra-markdown/wdio.conf.js +++ b/packages/terra-markdown/wdio.conf.js @@ -1,6 +1,6 @@ const path = require('path'); const wdioConf = require('../../node_modules/terra-toolkit/config/wdio/wdio.conf'); -wdioConf.config.specs = [path.join(__dirname, 'test*', 'wdio', '**', '*-spec.js')]; +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; exports.config = wdioConf.config; diff --git a/packages/terra-mixins/.npmignore b/packages/terra-mixins/.npmignore index c59a09bae79..4964b68f07d 100644 --- a/packages/terra-mixins/.npmignore +++ b/packages/terra-mixins/.npmignore @@ -5,4 +5,5 @@ tests/**/__snapshots__/ aggregated-translations dev-site-config screenshots -errorScreenshots \ No newline at end of file +errorScreenshots +generated-themes \ No newline at end of file diff --git a/packages/terra-mixins/CHANGELOG.md b/packages/terra-mixins/CHANGELOG.md index d8fd9dd8a6b..1e2c3487d74 100644 --- a/packages/terra-mixins/CHANGELOG.md +++ b/packages/terra-mixins/CHANGELOG.md @@ -3,6 +3,8 @@ Changelog Unreleased ---------- +### Added +* Added generated-themes to .npmignore 1.34.0 - (January 7, 2020) ------------------ diff --git a/packages/terra-overlay/.npmignore b/packages/terra-overlay/.npmignore index c59a09bae79..4964b68f07d 100644 --- a/packages/terra-overlay/.npmignore +++ b/packages/terra-overlay/.npmignore @@ -5,4 +5,5 @@ tests/**/__snapshots__/ aggregated-translations dev-site-config screenshots -errorScreenshots \ No newline at end of file +errorScreenshots +generated-themes \ No newline at end of file diff --git a/packages/terra-overlay/CHANGELOG.md b/packages/terra-overlay/CHANGELOG.md index c290d0e607d..52b4ac0f377 100644 --- a/packages/terra-overlay/CHANGELOG.md +++ b/packages/terra-overlay/CHANGELOG.md @@ -3,6 +3,9 @@ ChangeLog Unreleased ---------- +### Added +* Added clinical-lowlight-theme theming files + ### Changed * Update dependency `wicg-inert` from `v2` to `v3`. diff --git a/packages/terra-overlay/clinical-lowlight-wdio.conf.js b/packages/terra-overlay/clinical-lowlight-wdio.conf.js new file mode 100644 index 00000000000..625eb7211ee --- /dev/null +++ b/packages/terra-overlay/clinical-lowlight-wdio.conf.js @@ -0,0 +1,6 @@ +const path = require('path'); +const wdioConf = require('../../config/wdio/clinical-lowlight-theme/wdio.conf.js'); + +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; + +exports.config = wdioConf.config; diff --git a/packages/terra-overlay/package.json b/packages/terra-overlay/package.json index aff5d4fa638..cacba1d7fa0 100644 --- a/packages/terra-overlay/package.json +++ b/packages/terra-overlay/package.json @@ -46,7 +46,8 @@ "test": "npm run jest && npm run wdio", "jest": "jest --config ../../jestconfig.js", "wdio-default": "cd ../.. && npx wdio ./packages/$npm_package_name/wdio.conf.js", + "wdio-lowlight": "cd ../.. && THEME=clinical-lowlight-theme npx wdio ./packages/$npm_package_name/clinical-lowlight-wdio.conf.js", "wdio-fusion": "cd ../.. && THEME=orion-fusion-theme npx wdio ./packages/$npm_package_name/wdio.conf.js", - "wdio": "npm run wdio-default && npm run wdio-fusion" + "wdio": "npm run wdio-default && npm run wdio-lowlight && npm run wdio-fusion" } } diff --git a/packages/terra-overlay/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss b/packages/terra-overlay/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss new file mode 100644 index 00000000000..c3147c026bf --- /dev/null +++ b/packages/terra-overlay/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss @@ -0,0 +1,15 @@ +:global { + --terra-overlay-content-color: #c5c5c6; + + --terra-overlay-dark-background-image: none; + --terra-overlay-dark-content-color: #c5c5c6; + + --terra-overlay-light-background-image: none; + --terra-overlay-light-content-color: #c5c5c6; + + --terra-overlay-dark-background: rgba(28, 35, 39, 0.8); + --terra-overlay-dark-content-text-shadow: none; + + --terra-overlay-light-background: rgba(28, 35, 39, 0.7); + --terra-overlay-light-content-text-shadow: none; +} diff --git a/packages/terra-overlay/wdio.conf.js b/packages/terra-overlay/wdio.conf.js index f51b322cd7f..0ca23865eda 100644 --- a/packages/terra-overlay/wdio.conf.js +++ b/packages/terra-overlay/wdio.conf.js @@ -1,6 +1,6 @@ const path = require('path'); const wdioConf = require('../../node_modules/terra-toolkit/config/wdio/wdio.conf'); -wdioConf.config.specs = [path.join(__dirname, 'test*', 'wdio', '**', '*-spec.js')]; +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; exports.config = wdioConf.config; diff --git a/packages/terra-paginator/.npmignore b/packages/terra-paginator/.npmignore index ecd337d2b74..17e3806e5c5 100644 --- a/packages/terra-paginator/.npmignore +++ b/packages/terra-paginator/.npmignore @@ -4,4 +4,5 @@ reports aggregated-translations dev-site-config screenshots -errorScreenshots \ No newline at end of file +errorScreenshots +generated-themes \ No newline at end of file diff --git a/packages/terra-paginator/CHANGELOG.md b/packages/terra-paginator/CHANGELOG.md index 45be8952dc4..39f3d99ef13 100644 --- a/packages/terra-paginator/CHANGELOG.md +++ b/packages/terra-paginator/CHANGELOG.md @@ -3,6 +3,8 @@ ChangeLog Unreleased ---------- +### Added +* Added clinical-lowlight-theme theming files 2.38.0 - (February 4, 2020) ------------------ diff --git a/packages/terra-paginator/clinical-lowlight-wdio.conf.js b/packages/terra-paginator/clinical-lowlight-wdio.conf.js new file mode 100644 index 00000000000..625eb7211ee --- /dev/null +++ b/packages/terra-paginator/clinical-lowlight-wdio.conf.js @@ -0,0 +1,6 @@ +const path = require('path'); +const wdioConf = require('../../config/wdio/clinical-lowlight-theme/wdio.conf.js'); + +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; + +exports.config = wdioConf.config; diff --git a/packages/terra-paginator/package.json b/packages/terra-paginator/package.json index 7c1e22d8223..cc6730fce79 100644 --- a/packages/terra-paginator/package.json +++ b/packages/terra-paginator/package.json @@ -51,7 +51,8 @@ "test": "npm run jest && npm run wdio", "jest": "jest --config ../../jestconfig.js", "wdio-default": "cd ../.. && npx wdio ./packages/$npm_package_name/wdio.conf.js", + "wdio-lowlight": "cd ../.. && THEME=clinical-lowlight-theme npx wdio ./packages/$npm_package_name/clinical-lowlight-wdio.conf.js", "wdio-fusion": "cd ../.. && THEME=orion-fusion-theme npx wdio ./packages/$npm_package_name/wdio.conf.js", - "wdio": "npm run wdio-default && npm run wdio-fusion" + "wdio": "npm run wdio-default && npm run wdio-lowlight && npm run wdio-fusion" } } diff --git a/packages/terra-paginator/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss b/packages/terra-paginator/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss new file mode 100644 index 00000000000..f675a96c658 --- /dev/null +++ b/packages/terra-paginator/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss @@ -0,0 +1,33 @@ +@import '~terra-mixins/lib/Mixins'; + +:global { + --terra-paginator-nav-link-active-color: #b2b5b6; + --terra-paginator-nav-link-border: none; + --terra-paginator-nav-link-color: #007ee0; + --terra-paginator-nav-link-disabled-color: #6f7477; + --terra-paginator-nav-link-disabled-focus-box-shadow: none; + --terra-paginator-nav-link-focus-border: none; + --terra-paginator-nav-link-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76; + --terra-paginator-nav-link-focus-color: #007ee0; + --terra-paginator-nav-link-hover-color: #003f61; + --terra-paginator-nav-link-selected-color: inherit; + + --terra-paginator-nav-link-active-background-color: #161e22; + --terra-paginator-nav-link-active-border: none; + --terra-paginator-nav-link-active-box-shadow: none; + --terra-paginator-nav-link-background-color: none; + --terra-paginator-nav-link-box-shadow: none; + --terra-paginator-nav-link-disabled-background-color: none; + --terra-paginator-nav-link-disabled-border: none; + --terra-paginator-nav-link-disabled-box-shadow: none; + --terra-paginator-nav-link-disabled-opacity: 30%; + --terra-paginator-nav-link-focus-background-color: none; + --terra-paginator-nav-link-hover-background-color: none; + --terra-paginator-nav-link-hover-border: none; + --terra-paginator-nav-link-hover-box-shadow: none; + + @include terra-inline-svg-var('--terra-paginator-nav-link-icon-previous-background-image', ''); + @include terra-inline-svg-var('--terra-paginator-nav-link-icon-previous-disabled-background-image', ''); + @include terra-inline-svg-var('--terra-paginator-nav-link-icon-next-background-image', ''); + @include terra-inline-svg-var('--terra-paginator-nav-link-icon-next-disabled-background-image', ''); +} diff --git a/packages/terra-paginator/wdio.conf.js b/packages/terra-paginator/wdio.conf.js index f51b322cd7f..0ca23865eda 100644 --- a/packages/terra-paginator/wdio.conf.js +++ b/packages/terra-paginator/wdio.conf.js @@ -1,6 +1,6 @@ const path = require('path'); const wdioConf = require('../../node_modules/terra-toolkit/config/wdio/wdio.conf'); -wdioConf.config.specs = [path.join(__dirname, 'test*', 'wdio', '**', '*-spec.js')]; +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; exports.config = wdioConf.config; diff --git a/packages/terra-profile-image/.npmignore b/packages/terra-profile-image/.npmignore index c59a09bae79..4964b68f07d 100644 --- a/packages/terra-profile-image/.npmignore +++ b/packages/terra-profile-image/.npmignore @@ -5,4 +5,5 @@ tests/**/__snapshots__/ aggregated-translations dev-site-config screenshots -errorScreenshots \ No newline at end of file +errorScreenshots +generated-themes \ No newline at end of file diff --git a/packages/terra-profile-image/CHANGELOG.md b/packages/terra-profile-image/CHANGELOG.md index f43a5a7f778..070981f0853 100644 --- a/packages/terra-profile-image/CHANGELOG.md +++ b/packages/terra-profile-image/CHANGELOG.md @@ -3,6 +3,8 @@ ChangeLog Unreleased ---------- +### Added +* Added clinical-lowlight-theme theming files 3.23.0 - (January 7, 2020) ------------------ diff --git a/packages/terra-profile-image/clinical-lowlight-wdio.conf.js b/packages/terra-profile-image/clinical-lowlight-wdio.conf.js new file mode 100644 index 00000000000..625eb7211ee --- /dev/null +++ b/packages/terra-profile-image/clinical-lowlight-wdio.conf.js @@ -0,0 +1,6 @@ +const path = require('path'); +const wdioConf = require('../../config/wdio/clinical-lowlight-theme/wdio.conf.js'); + +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; + +exports.config = wdioConf.config; diff --git a/packages/terra-profile-image/package.json b/packages/terra-profile-image/package.json index f3e7b95e81d..092ca2a7a61 100644 --- a/packages/terra-profile-image/package.json +++ b/packages/terra-profile-image/package.json @@ -28,7 +28,10 @@ "precompile": "rm -rf lib", "test": "npm run jest && npm run wdio", "jest": "jest --config ../../jestconfig.js", - "wdio": "cd ../.. && npx wdio ./packages/$npm_package_name/wdio.conf.js" + "wdio-default": "cd ../.. && npx wdio ./packages/$npm_package_name/wdio.conf.js", + "wdio-lowlight": "cd ../.. && THEME=clinical-lowlight-theme npx wdio ./packages/$npm_package_name/clinical-lowlight-wdio.conf.js", + "wdio-fusion": "cd ../.. && THEME=orion-fusion-theme npx wdio ./packages/$npm_package_name/wdio.conf.js", + "wdio": "npm run wdio-default && npm run wdio-lowlight && npm run wdio-fusion" }, "peerDependencies": { "react": "^16.8.5", diff --git a/packages/terra-profile-image/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss b/packages/terra-profile-image/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss new file mode 100644 index 00000000000..b9073296630 --- /dev/null +++ b/packages/terra-profile-image/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss @@ -0,0 +1,5 @@ +@import '~terra-mixins/lib/Mixins'; + +:global { + @include terra-inline-svg-var('--terra-profile-image-placeholder-background-image', ''); +} diff --git a/packages/terra-profile-image/wdio.conf.js b/packages/terra-profile-image/wdio.conf.js index f51b322cd7f..0ca23865eda 100644 --- a/packages/terra-profile-image/wdio.conf.js +++ b/packages/terra-profile-image/wdio.conf.js @@ -1,6 +1,6 @@ const path = require('path'); const wdioConf = require('../../node_modules/terra-toolkit/config/wdio/wdio.conf'); -wdioConf.config.specs = [path.join(__dirname, 'test*', 'wdio', '**', '*-spec.js')]; +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; exports.config = wdioConf.config; diff --git a/packages/terra-progress-bar/.npmignore b/packages/terra-progress-bar/.npmignore index c59a09bae79..4964b68f07d 100644 --- a/packages/terra-progress-bar/.npmignore +++ b/packages/terra-progress-bar/.npmignore @@ -5,4 +5,5 @@ tests/**/__snapshots__/ aggregated-translations dev-site-config screenshots -errorScreenshots \ No newline at end of file +errorScreenshots +generated-themes \ No newline at end of file diff --git a/packages/terra-progress-bar/CHANGELOG.md b/packages/terra-progress-bar/CHANGELOG.md index 18117adc282..b6d9cfef6a0 100644 --- a/packages/terra-progress-bar/CHANGELOG.md +++ b/packages/terra-progress-bar/CHANGELOG.md @@ -3,6 +3,8 @@ ChangeLog Unreleased ---------- +### Added +* Added clinical-lowlight-theme theming files 4.18.0 - (January 7, 2020) ------------------ diff --git a/packages/terra-progress-bar/clinical-lowlight-wdio.conf.js b/packages/terra-progress-bar/clinical-lowlight-wdio.conf.js new file mode 100644 index 00000000000..625eb7211ee --- /dev/null +++ b/packages/terra-progress-bar/clinical-lowlight-wdio.conf.js @@ -0,0 +1,6 @@ +const path = require('path'); +const wdioConf = require('../../config/wdio/clinical-lowlight-theme/wdio.conf.js'); + +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; + +exports.config = wdioConf.config; diff --git a/packages/terra-progress-bar/package.json b/packages/terra-progress-bar/package.json index b92ff4e7df5..95e58a9e554 100644 --- a/packages/terra-progress-bar/package.json +++ b/packages/terra-progress-bar/package.json @@ -29,8 +29,9 @@ "test": "npm run jest && npm run wdio", "jest": "jest --config ../../jestconfig.js", "wdio-default": "cd ../.. && npx wdio ./packages/$npm_package_name/wdio.conf.js", + "wdio-lowlight": "cd ../.. && THEME=clinical-lowlight-theme npx wdio ./packages/$npm_package_name/clinical-lowlight-wdio.conf.js", "wdio-fusion": "cd ../.. && THEME=orion-fusion-theme npx wdio ./packages/$npm_package_name/wdio.conf.js", - "wdio": "npm run wdio-default && npm run wdio-fusion" + "wdio": "npm run wdio-default && npm run wdio-lowlight && npm run wdio-fusion" }, "peerDependencies": { "react": "^16.8.5", diff --git a/packages/terra-progress-bar/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss b/packages/terra-progress-bar/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss new file mode 100644 index 00000000000..87139b6891a --- /dev/null +++ b/packages/terra-progress-bar/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss @@ -0,0 +1,4 @@ +:global { + --terra-progress-bar-background-color: #000; + --terra-progress-bar-progress-background-color: #6f7477; +} diff --git a/packages/terra-progress-bar/wdio.conf.js b/packages/terra-progress-bar/wdio.conf.js index f51b322cd7f..0ca23865eda 100644 --- a/packages/terra-progress-bar/wdio.conf.js +++ b/packages/terra-progress-bar/wdio.conf.js @@ -1,6 +1,6 @@ const path = require('path'); const wdioConf = require('../../node_modules/terra-toolkit/config/wdio/wdio.conf'); -wdioConf.config.specs = [path.join(__dirname, 'test*', 'wdio', '**', '*-spec.js')]; +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; exports.config = wdioConf.config; diff --git a/packages/terra-props-table/.npmignore b/packages/terra-props-table/.npmignore index c59a09bae79..4964b68f07d 100644 --- a/packages/terra-props-table/.npmignore +++ b/packages/terra-props-table/.npmignore @@ -5,4 +5,5 @@ tests/**/__snapshots__/ aggregated-translations dev-site-config screenshots -errorScreenshots \ No newline at end of file +errorScreenshots +generated-themes \ No newline at end of file diff --git a/packages/terra-props-table/CHANGELOG.md b/packages/terra-props-table/CHANGELOG.md index dff47f61bbf..ee1f373b1ef 100644 --- a/packages/terra-props-table/CHANGELOG.md +++ b/packages/terra-props-table/CHANGELOG.md @@ -3,6 +3,8 @@ Changelog Unreleased ---------- +### Added +* Added generated-themes to .npmignore 2.44.0 - (January 7, 2020) ------------------ diff --git a/packages/terra-props-table/clinical-lowlight-wdio.conf.js b/packages/terra-props-table/clinical-lowlight-wdio.conf.js new file mode 100644 index 00000000000..625eb7211ee --- /dev/null +++ b/packages/terra-props-table/clinical-lowlight-wdio.conf.js @@ -0,0 +1,6 @@ +const path = require('path'); +const wdioConf = require('../../config/wdio/clinical-lowlight-theme/wdio.conf.js'); + +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; + +exports.config = wdioConf.config; diff --git a/packages/terra-props-table/package.json b/packages/terra-props-table/package.json index 5747754d513..cc95bdb08e9 100644 --- a/packages/terra-props-table/package.json +++ b/packages/terra-props-table/package.json @@ -43,6 +43,9 @@ "precompile": "rm -rf lib", "test": "npm run jest && npm run wdio", "jest": "jest --config ../../jestconfig.js", - "wdio": "cd ../.. && npx wdio ./packages/$npm_package_name/wdio.conf.js" + "wdio-default": "cd ../.. && npx wdio ./packages/$npm_package_name/wdio.conf.js", + "wdio-lowlight": "cd ../.. && THEME=clinical-lowlight-theme npx wdio ./packages/$npm_package_name/clinical-lowlight-wdio.conf.js", + "wdio-fusion": "cd ../.. && THEME=orion-fusion-theme npx wdio ./packages/$npm_package_name/wdio.conf.js", + "wdio": "npm run wdio-default && npm run wdio-lowlight && npm run wdio-fusion" } } diff --git a/packages/terra-props-table/wdio.conf.js b/packages/terra-props-table/wdio.conf.js index f51b322cd7f..0ca23865eda 100644 --- a/packages/terra-props-table/wdio.conf.js +++ b/packages/terra-props-table/wdio.conf.js @@ -1,6 +1,6 @@ const path = require('path'); const wdioConf = require('../../node_modules/terra-toolkit/config/wdio/wdio.conf'); -wdioConf.config.specs = [path.join(__dirname, 'test*', 'wdio', '**', '*-spec.js')]; +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; exports.config = wdioConf.config; diff --git a/packages/terra-responsive-element/.npmignore b/packages/terra-responsive-element/.npmignore index c59a09bae79..4964b68f07d 100644 --- a/packages/terra-responsive-element/.npmignore +++ b/packages/terra-responsive-element/.npmignore @@ -5,4 +5,5 @@ tests/**/__snapshots__/ aggregated-translations dev-site-config screenshots -errorScreenshots \ No newline at end of file +errorScreenshots +generated-themes \ No newline at end of file diff --git a/packages/terra-responsive-element/CHANGELOG.md b/packages/terra-responsive-element/CHANGELOG.md index 78bb2389317..06e5af02645 100644 --- a/packages/terra-responsive-element/CHANGELOG.md +++ b/packages/terra-responsive-element/CHANGELOG.md @@ -3,6 +3,8 @@ Changelog Unreleased ---------- +### Added +* Added generated-themes to .npmignore 5.14.0 - (February 4, 2020) ------------------ @@ -16,12 +18,12 @@ Unreleased 5.12.0 - (December 3, 2019) ------------------ -### Fixed -* Flicker for responsiveTo parent elements - ### Added * Added reference wdio screenshots for "orion-fusion-theme". +### Fixed +* Flicker for responsiveTo parent elements + 5.11.0 - (October 30, 2019) ------------------ ### Added diff --git a/packages/terra-responsive-element/clinical-lowlight-wdio.conf.js b/packages/terra-responsive-element/clinical-lowlight-wdio.conf.js new file mode 100644 index 00000000000..625eb7211ee --- /dev/null +++ b/packages/terra-responsive-element/clinical-lowlight-wdio.conf.js @@ -0,0 +1,6 @@ +const path = require('path'); +const wdioConf = require('../../config/wdio/clinical-lowlight-theme/wdio.conf.js'); + +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; + +exports.config = wdioConf.config; diff --git a/packages/terra-responsive-element/package.json b/packages/terra-responsive-element/package.json index 64d9e5c685d..e0c644aada2 100644 --- a/packages/terra-responsive-element/package.json +++ b/packages/terra-responsive-element/package.json @@ -39,6 +39,9 @@ "precompile": "rm -rf lib", "test": "npm run jest && npm run wdio", "jest": "jest --config ../../jestconfig.js", - "wdio": "cd ../.. && npx wdio ./packages/$npm_package_name/wdio.conf.js" + "wdio-default": "cd ../.. && npx wdio ./packages/$npm_package_name/wdio.conf.js", + "wdio-lowlight": "cd ../.. && THEME=clinical-lowlight-theme npx wdio ./packages/$npm_package_name/clinical-lowlight-wdio.conf.js", + "wdio-fusion": "cd ../.. && THEME=orion-fusion-theme npx wdio ./packages/$npm_package_name/wdio.conf.js", + "wdio": "npm run wdio-default && npm run wdio-lowlight && npm run wdio-fusion" } } diff --git a/packages/terra-responsive-element/wdio.conf.js b/packages/terra-responsive-element/wdio.conf.js index f51b322cd7f..0ca23865eda 100644 --- a/packages/terra-responsive-element/wdio.conf.js +++ b/packages/terra-responsive-element/wdio.conf.js @@ -1,6 +1,6 @@ const path = require('path'); const wdioConf = require('../../node_modules/terra-toolkit/config/wdio/wdio.conf'); -wdioConf.config.specs = [path.join(__dirname, 'test*', 'wdio', '**', '*-spec.js')]; +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; exports.config = wdioConf.config; diff --git a/packages/terra-scroll/.npmignore b/packages/terra-scroll/.npmignore index c59a09bae79..4964b68f07d 100644 --- a/packages/terra-scroll/.npmignore +++ b/packages/terra-scroll/.npmignore @@ -5,4 +5,5 @@ tests/**/__snapshots__/ aggregated-translations dev-site-config screenshots -errorScreenshots \ No newline at end of file +errorScreenshots +generated-themes \ No newline at end of file diff --git a/packages/terra-scroll/CHANGELOG.md b/packages/terra-scroll/CHANGELOG.md index ed77f1d15fb..b2d68c940ea 100644 --- a/packages/terra-scroll/CHANGELOG.md +++ b/packages/terra-scroll/CHANGELOG.md @@ -3,6 +3,8 @@ ChangeLog Unreleased ---------- +### Added +* Added generated-themes to .npmignore 2.21.0 - (January 7, 2020) ------------------ diff --git a/packages/terra-scroll/clinical-lowlight-wdio.conf.js b/packages/terra-scroll/clinical-lowlight-wdio.conf.js new file mode 100644 index 00000000000..625eb7211ee --- /dev/null +++ b/packages/terra-scroll/clinical-lowlight-wdio.conf.js @@ -0,0 +1,6 @@ +const path = require('path'); +const wdioConf = require('../../config/wdio/clinical-lowlight-theme/wdio.conf.js'); + +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; + +exports.config = wdioConf.config; diff --git a/packages/terra-scroll/package.json b/packages/terra-scroll/package.json index 7a0bd703690..f32641c21a2 100644 --- a/packages/terra-scroll/package.json +++ b/packages/terra-scroll/package.json @@ -37,6 +37,9 @@ "precompile": "rm -rf lib", "test": "npm run jest && npm run wdio", "jest": "jest --config ../../jestconfig.js", - "wdio": "cd ../.. && npx wdio ./packages/$npm_package_name/wdio.conf.js" + "wdio-default": "cd ../.. && npx wdio ./packages/$npm_package_name/wdio.conf.js", + "wdio-lowlight": "cd ../.. && THEME=clinical-lowlight-theme npx wdio ./packages/$npm_package_name/clinical-lowlight-wdio.conf.js", + "wdio-fusion": "cd ../.. && THEME=orion-fusion-theme npx wdio ./packages/$npm_package_name/wdio.conf.js", + "wdio": "npm run wdio-default && npm run wdio-lowlight && npm run wdio-fusion" } } diff --git a/packages/terra-scroll/wdio.conf.js b/packages/terra-scroll/wdio.conf.js index f51b322cd7f..0ca23865eda 100644 --- a/packages/terra-scroll/wdio.conf.js +++ b/packages/terra-scroll/wdio.conf.js @@ -1,6 +1,6 @@ const path = require('path'); const wdioConf = require('../../node_modules/terra-toolkit/config/wdio/wdio.conf'); -wdioConf.config.specs = [path.join(__dirname, 'test*', 'wdio', '**', '*-spec.js')]; +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; exports.config = wdioConf.config; diff --git a/packages/terra-search-field/.npmignore b/packages/terra-search-field/.npmignore index c59a09bae79..4964b68f07d 100644 --- a/packages/terra-search-field/.npmignore +++ b/packages/terra-search-field/.npmignore @@ -5,4 +5,5 @@ tests/**/__snapshots__/ aggregated-translations dev-site-config screenshots -errorScreenshots \ No newline at end of file +errorScreenshots +generated-themes \ No newline at end of file diff --git a/packages/terra-search-field/CHANGELOG.md b/packages/terra-search-field/CHANGELOG.md index c04a7ccbf44..b7f195149f5 100644 --- a/packages/terra-search-field/CHANGELOG.md +++ b/packages/terra-search-field/CHANGELOG.md @@ -3,6 +3,8 @@ ChangeLog Unreleased ---------- +### Added +* Added clinical-lowlight-theme theming files 3.38.0 - (February 4, 2020) ------------------ diff --git a/packages/terra-search-field/clinical-lowlight-wdio.conf.js b/packages/terra-search-field/clinical-lowlight-wdio.conf.js new file mode 100644 index 00000000000..625eb7211ee --- /dev/null +++ b/packages/terra-search-field/clinical-lowlight-wdio.conf.js @@ -0,0 +1,6 @@ +const path = require('path'); +const wdioConf = require('../../config/wdio/clinical-lowlight-theme/wdio.conf.js'); + +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; + +exports.config = wdioConf.config; diff --git a/packages/terra-search-field/package.json b/packages/terra-search-field/package.json index 89c618427e1..27c61003c24 100644 --- a/packages/terra-search-field/package.json +++ b/packages/terra-search-field/package.json @@ -44,7 +44,8 @@ "test": "npm run jest && npm run wdio", "jest": "jest --config ../../jestconfig.js", "wdio-default": "cd ../.. && npx wdio ./packages/$npm_package_name/wdio.conf.js", + "wdio-lowlight": "cd ../.. && THEME=clinical-lowlight-theme npx wdio ./packages/$npm_package_name/clinical-lowlight-wdio.conf.js", "wdio-fusion": "cd ../.. && THEME=orion-fusion-theme npx wdio ./packages/$npm_package_name/wdio.conf.js", - "wdio": "npm run wdio-default && npm run wdio-fusion" + "wdio": "npm run wdio-default && npm run wdio-lowlight && npm run wdio-fusion" } } diff --git a/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/Auto_Search_Disabled[searched_text].png b/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/Auto_Search_Disabled[searched_text].png index 3d636ee2552..d0e3073fba5 100644 Binary files a/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/Auto_Search_Disabled[searched_text].png and b/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/Auto_Search_Disabled[searched_text].png differ diff --git a/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/Default[with_text].png b/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/Default[with_text].png index ea43e2f8ab8..489d3ad9a79 100644 Binary files a/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/Default[with_text].png and b/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/Default[with_text].png differ diff --git a/packages/terra-search-field/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss b/packages/terra-search-field/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss new file mode 100644 index 00000000000..0becab0ef3c --- /dev/null +++ b/packages/terra-search-field/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss @@ -0,0 +1,13 @@ +@import '~terra-mixins/lib/Mixins'; + +:global { + --terra-search-field-button-border: #181b1d; + + --terra-search-field-button-box-shadow: none; + --terra-search-field-button-icon-color: #b2b5b6; + --terra-search-field-button-focus-border-color: #004c76; + --terra-search-field-button-focus-box-shadow: #004c76; + --terra-search-field-clear-active-background-color: #0c0d0e; + + @include terra-inline-svg-var('--terra-search-field-clear-icon-background-image', ''); +} diff --git a/packages/terra-search-field/wdio.conf.js b/packages/terra-search-field/wdio.conf.js index f51b322cd7f..0ca23865eda 100644 --- a/packages/terra-search-field/wdio.conf.js +++ b/packages/terra-search-field/wdio.conf.js @@ -1,6 +1,6 @@ const path = require('path'); const wdioConf = require('../../node_modules/terra-toolkit/config/wdio/wdio.conf'); -wdioConf.config.specs = [path.join(__dirname, 'test*', 'wdio', '**', '*-spec.js')]; +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; exports.config = wdioConf.config; diff --git a/packages/terra-section-header/.npmignore b/packages/terra-section-header/.npmignore index c59a09bae79..4964b68f07d 100644 --- a/packages/terra-section-header/.npmignore +++ b/packages/terra-section-header/.npmignore @@ -5,4 +5,5 @@ tests/**/__snapshots__/ aggregated-translations dev-site-config screenshots -errorScreenshots \ No newline at end of file +errorScreenshots +generated-themes \ No newline at end of file diff --git a/packages/terra-section-header/CHANGELOG.md b/packages/terra-section-header/CHANGELOG.md index db38670d764..2c579df2383 100644 --- a/packages/terra-section-header/CHANGELOG.md +++ b/packages/terra-section-header/CHANGELOG.md @@ -3,6 +3,8 @@ ChangeLog Unreleased ---------- +### Added +* Added clinical-lowlight-theme theming files 2.30.0 - (February 4, 2020) ------------------ diff --git a/packages/terra-section-header/clinical-lowlight-wdio.conf.js b/packages/terra-section-header/clinical-lowlight-wdio.conf.js new file mode 100644 index 00000000000..625eb7211ee --- /dev/null +++ b/packages/terra-section-header/clinical-lowlight-wdio.conf.js @@ -0,0 +1,6 @@ +const path = require('path'); +const wdioConf = require('../../config/wdio/clinical-lowlight-theme/wdio.conf.js'); + +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; + +exports.config = wdioConf.config; diff --git a/packages/terra-section-header/package.json b/packages/terra-section-header/package.json index 84cbeb3d5c4..bd91f6513c5 100644 --- a/packages/terra-section-header/package.json +++ b/packages/terra-section-header/package.json @@ -41,7 +41,8 @@ "test": "npm run jest && npm run wdio", "jest": "jest --config ../../jestconfig.js", "wdio-default": "cd ../.. && npx wdio ./packages/$npm_package_name/wdio.conf.js", + "wdio-lowlight": "cd ../.. && THEME=clinical-lowlight-theme npx wdio ./packages/$npm_package_name/clinical-lowlight-wdio.conf.js", "wdio-fusion": "cd ../.. && THEME=orion-fusion-theme npx wdio ./packages/$npm_package_name/wdio.conf.js", - "wdio": "npm run wdio-default && npm run wdio-fusion" + "wdio": "npm run wdio-default && npm run wdio-lowlight && npm run wdio-fusion" } } diff --git a/packages/terra-section-header/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss b/packages/terra-section-header/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss new file mode 100644 index 00000000000..201fff2857b --- /dev/null +++ b/packages/terra-section-header/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss @@ -0,0 +1,62 @@ +@import '~terra-mixins/lib/Mixins'; + +:global { + --terra-section-header-background: #141719; + --terra-section-header-border-bottom: 1px solid #08090a; + --terra-section-header-border-left: none; + --terra-section-header-border-right: none; + --terra-section-header-border-top: none; + --terra-section-header-box-shadow: none; + --terra-section-header-color: #b2b5b6; + + --terra-section-header-active-background: #000; + --terra-section-header-active-border-bottom: 1px solid #08090a; + --terra-section-header-active-border-left: none; + --terra-section-header-active-border-right: none; + --terra-section-header-active-border-top: none; + --terra-section-header-active-box-shadow: none; + --terra-section-header-active-color: #b2b5b6; + + --terra-section-header-focus-background: #08090a; + --terra-section-header-focus-border-bottom: 1px solid #08090a; + --terra-section-header-focus-border-left: none; + --terra-section-header-focus-border-right: none; + --terra-section-header-focus-border-top: none; + --terra-section-header-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76; + --terra-section-header-focus-color: #b2b5b6; + + --terra-section-header-hover-background: #08090a; + --terra-section-header-hover-border-bottom: 1px solid #08090a; + --terra-section-header-hover-border-left: none; + --terra-section-header-hover-border-right: none; + --terra-section-header-hover-border-top: none; + --terra-section-header-hover-box-shadow: none; + --terra-section-header-hover-color: #b2b5b6; + + --terra-section-header-transparent-active-background: #191d20; + --terra-section-header-transparent-active-border-bottom: 1px solid #08090a; + --terra-section-header-transparent-active-border-left: none; + --terra-section-header-transparent-active-border-right: none; + --terra-section-header-transparent-active-border-top: none; + --terra-section-header-transparent-active-box-shadow: none; + --terra-section-header-transparent-active-color: #b2b5b6; + + --terra-section-header-transparent-focus-background: #222a2e; + --terra-section-header-transparent-focus-border-bottom: 1px solid #08090a; + --terra-section-header-transparent-focus-border-left: none; + --terra-section-header-transparent-focus-border-right: none; + --terra-section-header-transparent-focus-border-top: none; + --terra-section-header-transparent-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76; + --terra-section-header-transparent-focus-color: #b2b5b6; + + --terra-section-header-transparent-hover-background: #1e272b; + --terra-section-header-transparent-hover-border-bottom: 1px solid #08090a; + --terra-section-header-transparent-hover-border-left: none; + --terra-section-header-transparent-hover-border-right: none; + --terra-section-header-transparent-hover-border-top: none; + --terra-section-header-transparent-hover-box-shadow: none; + --terra-section-header-transparent-hover-color: #9b9b9b; + + // accordion icon + @include terra-inline-svg-var('--terra-section-header-accordion-icon-background','0023_caretRight_a'); +} diff --git a/packages/terra-section-header/wdio.conf.js b/packages/terra-section-header/wdio.conf.js index f51b322cd7f..0ca23865eda 100644 --- a/packages/terra-section-header/wdio.conf.js +++ b/packages/terra-section-header/wdio.conf.js @@ -1,6 +1,6 @@ const path = require('path'); const wdioConf = require('../../node_modules/terra-toolkit/config/wdio/wdio.conf'); -wdioConf.config.specs = [path.join(__dirname, 'test*', 'wdio', '**', '*-spec.js')]; +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; exports.config = wdioConf.config; diff --git a/packages/terra-show-hide/.npmignore b/packages/terra-show-hide/.npmignore index c59a09bae79..4964b68f07d 100644 --- a/packages/terra-show-hide/.npmignore +++ b/packages/terra-show-hide/.npmignore @@ -5,4 +5,5 @@ tests/**/__snapshots__/ aggregated-translations dev-site-config screenshots -errorScreenshots \ No newline at end of file +errorScreenshots +generated-themes \ No newline at end of file diff --git a/packages/terra-show-hide/CHANGELOG.md b/packages/terra-show-hide/CHANGELOG.md index 3673de99423..1c15476bda3 100644 --- a/packages/terra-show-hide/CHANGELOG.md +++ b/packages/terra-show-hide/CHANGELOG.md @@ -3,6 +3,8 @@ ChangeLog Unreleased ---------- +### Added +* Added clinical-lowlight-theme theming files 2.28.0 - (January 28, 2020) ------------------ diff --git a/packages/terra-show-hide/clinical-lowlight-wdio.conf.js b/packages/terra-show-hide/clinical-lowlight-wdio.conf.js new file mode 100644 index 00000000000..625eb7211ee --- /dev/null +++ b/packages/terra-show-hide/clinical-lowlight-wdio.conf.js @@ -0,0 +1,6 @@ +const path = require('path'); +const wdioConf = require('../../config/wdio/clinical-lowlight-theme/wdio.conf.js'); + +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; + +exports.config = wdioConf.config; diff --git a/packages/terra-show-hide/package.json b/packages/terra-show-hide/package.json index 191d8e385ae..1d923652271 100644 --- a/packages/terra-show-hide/package.json +++ b/packages/terra-show-hide/package.json @@ -45,7 +45,8 @@ "test": "npm run jest && npm run wdio", "jest": "jest --config ../../jestconfig.js", "wdio-default": "cd ../.. && npx wdio ./packages/$npm_package_name/wdio.conf.js", + "wdio-lowlight": "cd ../.. && THEME=clinical-lowlight-theme npx wdio ./packages/$npm_package_name/clinical-lowlight-wdio.conf.js", "wdio-fusion": "cd ../.. && THEME=orion-fusion-theme npx wdio ./packages/$npm_package_name/wdio.conf.js", - "wdio": "npm run wdio-default && npm run wdio-fusion" + "wdio": "npm run wdio-default && npm run wdio-lowlight && npm run wdio-fusion" } } diff --git a/packages/terra-show-hide/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss b/packages/terra-show-hide/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss new file mode 100644 index 00000000000..8a14a29213f --- /dev/null +++ b/packages/terra-show-hide/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss @@ -0,0 +1,15 @@ +@import '~terra-mixins/lib/Mixins'; + +:global { + --terra-show-hide-v1-button-color: #007ee0; + --terra-show-hide-v1-button-focus-background-color: transparent; + --terra-show-hide-v1-button-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76; + --terra-show-hide-v1-button-focus-color: #007ee0; + --terra-show-hide-v1-button-hover-background-color: none; + --terra-show-hide-v1-button-hover-color: #003f61; + --terra-show-hide-v1-button-active-color: #003f61; + + @include terra-inline-svg-var('--terra-show-hide-v1-button-icon-background-image', ''); + @include terra-inline-svg-var('--terra-show-hide-v1-button-focus-icon-background-image', ''); + @include terra-inline-svg-var('--terra-show-hide-v1-button-hover-icon-background-image', ''); +} diff --git a/packages/terra-show-hide/wdio.conf.js b/packages/terra-show-hide/wdio.conf.js index f51b322cd7f..0ca23865eda 100644 --- a/packages/terra-show-hide/wdio.conf.js +++ b/packages/terra-show-hide/wdio.conf.js @@ -1,6 +1,6 @@ const path = require('path'); const wdioConf = require('../../node_modules/terra-toolkit/config/wdio/wdio.conf'); -wdioConf.config.specs = [path.join(__dirname, 'test*', 'wdio', '**', '*-spec.js')]; +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; exports.config = wdioConf.config; diff --git a/packages/terra-signature/.npmignore b/packages/terra-signature/.npmignore index c59a09bae79..4964b68f07d 100644 --- a/packages/terra-signature/.npmignore +++ b/packages/terra-signature/.npmignore @@ -5,4 +5,5 @@ tests/**/__snapshots__/ aggregated-translations dev-site-config screenshots -errorScreenshots \ No newline at end of file +errorScreenshots +generated-themes \ No newline at end of file diff --git a/packages/terra-signature/CHANGELOG.md b/packages/terra-signature/CHANGELOG.md index 583a63f5e2f..89005e4d434 100644 --- a/packages/terra-signature/CHANGELOG.md +++ b/packages/terra-signature/CHANGELOG.md @@ -3,6 +3,8 @@ ChangeLog Unreleased ---------- +### Added +* Added clinical-lowlight-theme theming files 2.25.0 - (January 7, 2020) ------------------ diff --git a/packages/terra-signature/clinical-lowlight-wdio.conf.js b/packages/terra-signature/clinical-lowlight-wdio.conf.js new file mode 100644 index 00000000000..625eb7211ee --- /dev/null +++ b/packages/terra-signature/clinical-lowlight-wdio.conf.js @@ -0,0 +1,6 @@ +const path = require('path'); +const wdioConf = require('../../config/wdio/clinical-lowlight-theme/wdio.conf.js'); + +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; + +exports.config = wdioConf.config; diff --git a/packages/terra-signature/package.json b/packages/terra-signature/package.json index a77c962898e..3ceb701cf28 100644 --- a/packages/terra-signature/package.json +++ b/packages/terra-signature/package.json @@ -38,7 +38,8 @@ "test": "npm run jest && npm run wdio", "jest": "jest --config ../../jestconfig.js", "wdio-default": "cd ../.. && npx wdio ./packages/$npm_package_name/wdio.conf.js", + "wdio-lowlight": "cd ../.. && THEME=clinical-lowlight-theme npx wdio ./packages/$npm_package_name/clinical-lowlight-wdio.conf.js", "wdio-fusion": "cd ../.. && THEME=orion-fusion-theme npx wdio ./packages/$npm_package_name/wdio.conf.js", - "wdio": "npm run wdio-default && npm run wdio-fusion" + "wdio": "npm run wdio-default && npm run wdio-lowlight && npm run wdio-fusion" } } diff --git a/packages/terra-signature/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss b/packages/terra-signature/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss new file mode 100644 index 00000000000..3e3f717a63d --- /dev/null +++ b/packages/terra-signature/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss @@ -0,0 +1,4 @@ +:global { + --terra-signature-background-color: #222a2e; + --terra-signature-line-color: #c5c5c6; +} diff --git a/packages/terra-signature/wdio.conf.js b/packages/terra-signature/wdio.conf.js index f51b322cd7f..0ca23865eda 100644 --- a/packages/terra-signature/wdio.conf.js +++ b/packages/terra-signature/wdio.conf.js @@ -1,6 +1,6 @@ const path = require('path'); const wdioConf = require('../../node_modules/terra-toolkit/config/wdio/wdio.conf'); -wdioConf.config.specs = [path.join(__dirname, 'test*', 'wdio', '**', '*-spec.js')]; +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; exports.config = wdioConf.config; diff --git a/packages/terra-spacer/.npmignore b/packages/terra-spacer/.npmignore index c59a09bae79..4964b68f07d 100644 --- a/packages/terra-spacer/.npmignore +++ b/packages/terra-spacer/.npmignore @@ -5,4 +5,5 @@ tests/**/__snapshots__/ aggregated-translations dev-site-config screenshots -errorScreenshots \ No newline at end of file +errorScreenshots +generated-themes \ No newline at end of file diff --git a/packages/terra-spacer/CHANGELOG.md b/packages/terra-spacer/CHANGELOG.md index 8c7c2a7a8e9..dca6ec928be 100644 --- a/packages/terra-spacer/CHANGELOG.md +++ b/packages/terra-spacer/CHANGELOG.md @@ -3,6 +3,8 @@ ChangeLog Unreleased ---------- +### Added +* Added clinical-lowlight-theme theming files 3.29.0 - (February 4, 2020) ------------------ diff --git a/packages/terra-spacer/clinical-lowlight-wdio.conf.js b/packages/terra-spacer/clinical-lowlight-wdio.conf.js new file mode 100644 index 00000000000..625eb7211ee --- /dev/null +++ b/packages/terra-spacer/clinical-lowlight-wdio.conf.js @@ -0,0 +1,6 @@ +const path = require('path'); +const wdioConf = require('../../config/wdio/clinical-lowlight-theme/wdio.conf.js'); + +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; + +exports.config = wdioConf.config; diff --git a/packages/terra-spacer/package.json b/packages/terra-spacer/package.json index 1958d6f914b..d6b6e92d848 100644 --- a/packages/terra-spacer/package.json +++ b/packages/terra-spacer/package.json @@ -40,7 +40,8 @@ "test": "npm run jest && npm run wdio", "jest": "jest --config ../../jestconfig.js", "wdio-default": "cd ../.. && npx wdio ./packages/$npm_package_name/wdio.conf.js", + "wdio-lowlight": "cd ../.. && THEME=clinical-lowlight-theme npx wdio ./packages/$npm_package_name/clinical-lowlight-wdio.conf.js", "wdio-fusion": "cd ../.. && THEME=orion-fusion-theme npx wdio ./packages/$npm_package_name/wdio.conf.js", - "wdio": "npm run wdio-default && npm run wdio-fusion" + "wdio": "npm run wdio-default && npm run wdio-lowlight && npm run wdio-fusion" } } diff --git a/packages/terra-spacer/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss b/packages/terra-spacer/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss new file mode 100644 index 00000000000..a578c29d3b5 --- /dev/null +++ b/packages/terra-spacer/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss @@ -0,0 +1,11 @@ +:global { + --terra-spacer-small-minus-2: 0.21429rem; + --terra-spacer-small-minus-1: 0.35714rem; + --terra-spacer-small: 0.5rem; + --terra-spacer-medium: 0.71429rem; + --terra-spacer-large: 0.85714rem; + --terra-spacer-large-plus-1: 1.07143rem; + --terra-spacer-large-plus-2: 1.42857rem; + --terra-spacer-large-plus-3: 2.14286rem; + --terra-spacer-large-plus-4: 3.57143rem; +} diff --git a/packages/terra-spacer/wdio.conf.js b/packages/terra-spacer/wdio.conf.js index f51b322cd7f..0ca23865eda 100644 --- a/packages/terra-spacer/wdio.conf.js +++ b/packages/terra-spacer/wdio.conf.js @@ -1,6 +1,6 @@ const path = require('path'); const wdioConf = require('../../node_modules/terra-toolkit/config/wdio/wdio.conf'); -wdioConf.config.specs = [path.join(__dirname, 'test*', 'wdio', '**', '*-spec.js')]; +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; exports.config = wdioConf.config; diff --git a/packages/terra-status-view/.npmignore b/packages/terra-status-view/.npmignore index c59a09bae79..4964b68f07d 100644 --- a/packages/terra-status-view/.npmignore +++ b/packages/terra-status-view/.npmignore @@ -5,4 +5,5 @@ tests/**/__snapshots__/ aggregated-translations dev-site-config screenshots -errorScreenshots \ No newline at end of file +errorScreenshots +generated-themes \ No newline at end of file diff --git a/packages/terra-status-view/CHANGELOG.md b/packages/terra-status-view/CHANGELOG.md index 70166aa69be..9a827debd57 100644 --- a/packages/terra-status-view/CHANGELOG.md +++ b/packages/terra-status-view/CHANGELOG.md @@ -3,6 +3,8 @@ ChangeLog Unreleased ---------- +### Added +* Added clinical-lowlight-theme theming files 4.17.0 - (February 13, 2020) ------------------ @@ -25,7 +27,7 @@ Unreleased * Removed yarn reference in docs ### Changed -* replaced css grid with flex-box +* Replaced css grid with flex-box 4.13.0 - (December 10, 2019) ------------------ diff --git a/packages/terra-status-view/clinical-lowlight-wdio.conf.js b/packages/terra-status-view/clinical-lowlight-wdio.conf.js new file mode 100644 index 00000000000..625eb7211ee --- /dev/null +++ b/packages/terra-status-view/clinical-lowlight-wdio.conf.js @@ -0,0 +1,6 @@ +const path = require('path'); +const wdioConf = require('../../config/wdio/clinical-lowlight-theme/wdio.conf.js'); + +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; + +exports.config = wdioConf.config; diff --git a/packages/terra-status-view/package.json b/packages/terra-status-view/package.json index 50ddf922bc2..c05ba5f1a82 100644 --- a/packages/terra-status-view/package.json +++ b/packages/terra-status-view/package.json @@ -29,8 +29,9 @@ "test": "npm run jest && npm run wdio", "jest": "jest --config ../../jestconfig.js", "wdio-default": "cd ../.. && npx wdio ./packages/$npm_package_name/wdio.conf.js", + "wdio-lowlight": "cd ../.. && THEME=clinical-lowlight-theme npx wdio ./packages/$npm_package_name/clinical-lowlight-wdio.conf.js", "wdio-fusion": "cd ../.. && THEME=orion-fusion-theme npx wdio ./packages/$npm_package_name/wdio.conf.js", - "wdio": "npm run wdio-default && npm run wdio-fusion" + "wdio": "npm run wdio-default && npm run wdio-lowlight && npm run wdio-fusion" }, "peerDependencies": { "react": "^16.8.5", diff --git a/packages/terra-status-view/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss b/packages/terra-status-view/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss new file mode 100644 index 00000000000..8594c7b5b87 --- /dev/null +++ b/packages/terra-status-view/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss @@ -0,0 +1,11 @@ +@import '~terra-mixins/lib/Mixins'; + +:global { + --terra-status-view-message-color: #6f7477; + --terra-status-view-title-color: #4b5255; + + --terra-status-view-glyph-error-background: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2048%2048%27%3E%3Cpath%20fill%3D%27rgba%2875%2C%2082%2C%2085%2C%201%29%27%20d%3D%27M24%200c13.3%200%2024%2010.7%2024%2024S37.3%2048%2024%2048%200%2037.3%200%2024C0%2010.8%2010.7%200%2023.9%200h.1z%27%2F%3E%3Cpath%20fill%3D%27%23222a2e%27%20d%3D%27M7%2021.5h34v5H7v-5z%27%2F%3E%3C%2Fsvg%3E'); + --terra-status-view-glyph-no-data-background: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2048%2048%27%20class%3D%27is-bidi%27%3E%3Cpath%20fill%3D%27rgba%2875%2C%2082%2C%2085%2C%201%29%27%20d%3D%27M45.8%2012c1.2%200%202.2%201%202.2%202.2v26.7c0%201.2-1%202.2-2.2%202.2H2.2C1%2043%200%2042%200%2040.8V7.2C0%206%201%205%202.2%205H15c1.4.1%202.7.6%203.7%201.6l3.8%203.9c1%201%202.3%201.5%203.7%201.6l19.4-.1h.2z%27%2F%3E%3C%2Fsvg%3E'); + --terra-status-view-glyph-no-matching-results-background: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20data-name%3D%27Layer%201%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2048%2048%27%3E%3Cpath%20fill%3D%27rgba%2875%2C%2082%2C%2085%2C%201%29%27%20d%3D%27M47.4%2043.2l-13-13A19.66%2019.66%200%200%200%2038%2019a19%2019%200%201%200-7.9%2015.4l13%2013a2.05%202.05%200%200%200%202.9%200l1.4-1.4a1.93%201.93%200%200%200%200-2.8zM3%2019a16%2016%200%201%201%2016%2016A16%2016%200%200%201%203%2019z%27%2F%3E%3C%2Fsvg%3E'); + --terra-status-view-glyph-not-authorized-background: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20data-name%3D%27Layer%201%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2048%2048%27%3E%3Cpath%20fill%3D%27rgba%2875%2C%2082%2C%2085%2C%201%29%27%20d%3D%27M38.8%2020H35v-9a11%2011%200%200%200-22%200v9H9.2A2.22%202.22%200%200%200%207%2022.2v23.7A2.2%202.2%200%200%200%209.2%2048h29.7a2.22%202.22%200%200%200%202.2-2.2V22.2a2.38%202.38%200%200%200-2.3-2.2zM26%2033.5V40h-4v-6.5a3.26%203.26%200%200%201-1-2.3%203%203%200%200%201%203-3%203.08%203.08%200%200%201%203%203%203.26%203.26%200%200%201-1%202.3zm6-14.9V20H16v-9a8%208%200%200%201%2016%200z%27%2F%3E%3C%2Fsvg%3E'); +} diff --git a/packages/terra-status-view/wdio.conf.js b/packages/terra-status-view/wdio.conf.js index f51b322cd7f..0ca23865eda 100644 --- a/packages/terra-status-view/wdio.conf.js +++ b/packages/terra-status-view/wdio.conf.js @@ -1,6 +1,6 @@ const path = require('path'); const wdioConf = require('../../node_modules/terra-toolkit/config/wdio/wdio.conf'); -wdioConf.config.specs = [path.join(__dirname, 'test*', 'wdio', '**', '*-spec.js')]; +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; exports.config = wdioConf.config; diff --git a/packages/terra-status/.npmignore b/packages/terra-status/.npmignore index c59a09bae79..4964b68f07d 100644 --- a/packages/terra-status/.npmignore +++ b/packages/terra-status/.npmignore @@ -5,4 +5,5 @@ tests/**/__snapshots__/ aggregated-translations dev-site-config screenshots -errorScreenshots \ No newline at end of file +errorScreenshots +generated-themes \ No newline at end of file diff --git a/packages/terra-status/CHANGELOG.md b/packages/terra-status/CHANGELOG.md index cab0d12241f..8153c1b0987 100644 --- a/packages/terra-status/CHANGELOG.md +++ b/packages/terra-status/CHANGELOG.md @@ -3,6 +3,8 @@ ChangeLog Unreleased ---------- +### Added +* Added generated-themes to .npmignore 4.24.0 - (February 4, 2020) ------------------ diff --git a/packages/terra-status/clinical-lowlight-wdio.conf.js b/packages/terra-status/clinical-lowlight-wdio.conf.js new file mode 100644 index 00000000000..625eb7211ee --- /dev/null +++ b/packages/terra-status/clinical-lowlight-wdio.conf.js @@ -0,0 +1,6 @@ +const path = require('path'); +const wdioConf = require('../../config/wdio/clinical-lowlight-theme/wdio.conf.js'); + +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; + +exports.config = wdioConf.config; diff --git a/packages/terra-status/package.json b/packages/terra-status/package.json index 71869f4f3c0..72ab38c9ad9 100644 --- a/packages/terra-status/package.json +++ b/packages/terra-status/package.json @@ -28,7 +28,10 @@ "precompile": "rm -rf lib", "test": "npm run jest && npm run wdio", "jest": "jest --config ../../jestconfig.js", - "wdio": "cd ../.. && npx wdio ./packages/$npm_package_name/wdio.conf.js" + "wdio-default": "cd ../.. && npx wdio ./packages/$npm_package_name/wdio.conf.js", + "wdio-lowlight": "cd ../.. && THEME=clinical-lowlight-theme npx wdio ./packages/$npm_package_name/clinical-lowlight-wdio.conf.js", + "wdio-fusion": "cd ../.. && THEME=orion-fusion-theme npx wdio ./packages/$npm_package_name/wdio.conf.js", + "wdio": "npm run wdio-default && npm run wdio-lowlight && npm run wdio-fusion" }, "peerDependencies": { "react": "^16.8.5", diff --git a/packages/terra-status/wdio.conf.js b/packages/terra-status/wdio.conf.js index f51b322cd7f..0ca23865eda 100644 --- a/packages/terra-status/wdio.conf.js +++ b/packages/terra-status/wdio.conf.js @@ -1,6 +1,6 @@ const path = require('path'); const wdioConf = require('../../node_modules/terra-toolkit/config/wdio/wdio.conf'); -wdioConf.config.specs = [path.join(__dirname, 'test*', 'wdio', '**', '*-spec.js')]; +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; exports.config = wdioConf.config; diff --git a/packages/terra-table/.npmignore b/packages/terra-table/.npmignore index c59a09bae79..4964b68f07d 100644 --- a/packages/terra-table/.npmignore +++ b/packages/terra-table/.npmignore @@ -5,4 +5,5 @@ tests/**/__snapshots__/ aggregated-translations dev-site-config screenshots -errorScreenshots \ No newline at end of file +errorScreenshots +generated-themes \ No newline at end of file diff --git a/packages/terra-table/CHANGELOG.md b/packages/terra-table/CHANGELOG.md index e823720b0b7..df922e94506 100644 --- a/packages/terra-table/CHANGELOG.md +++ b/packages/terra-table/CHANGELOG.md @@ -3,6 +3,8 @@ ChangeLog Unreleased ---------- +### Added +* Added clinical-lowlight-theme theming files 4.1.0 - (February 4, 2020) ------------------ diff --git a/packages/terra-table/clinical-lowlight-wdio.conf.js b/packages/terra-table/clinical-lowlight-wdio.conf.js new file mode 100644 index 00000000000..625eb7211ee --- /dev/null +++ b/packages/terra-table/clinical-lowlight-wdio.conf.js @@ -0,0 +1,6 @@ +const path = require('path'); +const wdioConf = require('../../config/wdio/clinical-lowlight-theme/wdio.conf.js'); + +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; + +exports.config = wdioConf.config; diff --git a/packages/terra-table/package.json b/packages/terra-table/package.json index 681ed44a90d..c0d2e08d414 100644 --- a/packages/terra-table/package.json +++ b/packages/terra-table/package.json @@ -42,7 +42,8 @@ "test": "npm run jest && npm run wdio", "jest": "jest --config ../../jestconfig.js", "wdio-default": "cd ../.. && npx wdio ./packages/$npm_package_name/wdio.conf.js", + "wdio-lowlight": "cd ../.. && THEME=clinical-lowlight-theme npx wdio ./packages/$npm_package_name/clinical-lowlight-wdio.conf.js", "wdio-fusion": "cd ../.. && THEME=orion-fusion-theme npx wdio ./packages/$npm_package_name/wdio.conf.js", - "wdio": "npm run wdio-default && npm run wdio-fusion" + "wdio": "npm run wdio-default && npm run wdio-lowlight && npm run wdio-fusion" } } diff --git a/packages/terra-table/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss b/packages/terra-table/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss new file mode 100644 index 00000000000..4e73bfe1e92 --- /dev/null +++ b/packages/terra-table/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss @@ -0,0 +1,47 @@ +:global { + --terra-table-background-color: #383f42; + --terra-table-border: 0; + + --terra-table-tfoot-tr-border-bottom: 1px solid #181b1d; + --terra-table-tfoot-tr-border-top: 0; + + --terra-table-thead-background-color: #141719; + --terra-table-thead-tr-border-bottom: 0; + --terra-table-thead-tr-border-top: 1px solid #181b1d; + --terra-table-thead-th-color: #b2b5b6; + + --terra-table-sort-indicator-color: #b2b5b6; + + --terra-table-subheader-background-color: #0e1011; + --terra-table-subheader-color: #b2b5b6; + + --terra-table-row-hover-background-color: #232a2d; + --terra-table-row-selected-background-color: #1e3a49; + --terra-table-row-selected-hover-background-color: #1e3a49; + --terra-table-row-striped-background-color: #2d3539; + --terra-table-row-striped-hover-background-color: #191e1e; + --terra-table-row-striped-selected-background-color: #1e3a49; + --terra-table-row-striped-selected-hover-background-color: #1e3a49; + + --terra-table-cell-border-left: 0; + --terra-table-header-cell-border-left: 0; + + --terra-table-first-cell-border-left: 1px solid #181b1d; + --terra-table-first-header-cell-border-left: 1px solid #181b1d; + --terra-table-last-cell-border-right: 1px solid #181b1d; + --terra-table-last-header-cell-border-right: 1px solid #181b1d; + --terra-table-last-row-border-bottom: 1px solid #181b1d; + + --terra-table-row-border-top: 1px solid #181b1d; + --terra-table-row-focus-background-color: #232a2d; + --terra-table-row-selected-border-top-color: #004c76; + --terra-table-row-selected-focus-background-color: #1e3a49; + --terra-table-row-striped-focus-background-color: #1e3a49; + --terra-table-row-striped-selected-focus-background-color: #1e3a49; + + --terra-table-subheader-border-bottom: none; + + --terra-table-tbody-background-color: #383f42; + + --terra-table-row-selected-border-color: #004c76; +} diff --git a/packages/terra-table/themes/orion-fusion-theme/clinical-temp.scss b/packages/terra-table/themes/orion-fusion-theme/clinical-temp.scss deleted file mode 100644 index dfe27fb1600..00000000000 --- a/packages/terra-table/themes/orion-fusion-theme/clinical-temp.scss +++ /dev/null @@ -1,201 +0,0 @@ -@import '~terra-mixins/lib/Mixins'; - -:global { - // Table - --terra-table-background-color: #eef5fe; - --terra-table-border-bottom: 1px solid #dedfe0; - --terra-table-body-background-color: transparent; - --terra-table-header-background-color: rgba(89, 159, 253, 0.05); - --terra-table-header-border-bottom: 1px solid #3a67a4; - --terra-table-header-box-shadow: 0 2px 7px 1px rgba(17, 22, 25, 0.05); - --terra-table-border: 1px solid #dedfe0; - --terra-table-border-radius: 3px; - --terra-table-blank-footer-background-color: #eef5fe; - --terra-table-blank-footer-box-shadow: none; - --terra-table-blank-footer-height: 0.7142857143rem; - - // Cell - --terra-table-cell-standard-padding-bottom: 0.5rem; - --terra-table-cell-standard-padding-left: 0.7142857143rem; - --terra-table-cell-standard-padding-right: 0.7142857143rem; - --terra-table-cell-standard-padding-top: 0.5rem; - --terra-table-cell-compact-padding-bottom: 0.3571428571rem; - --terra-table-cell-compact-padding-left: 0.7142857143rem; - --terra-table-cell-compact-padding-right: 0.7142857143rem; - --terra-table-cell-compact-padding-top: 0.3571428571rem; - - // CheckMarkCell - --terra-table-checkmark-cell-border-radius: 3px; - --terra-table-checkmark-cell-height: 1rem; - --terra-table-checkmark-cell-width: 1rem; - --terra-table-checkmark-cell-hover-border: 1px solid #3a67a4; - --terra-table-checkmark-cell-active-background-color: #b5d4fe; - --terra-table-checkmark-cell-active-border: 1px solid #3a67a4; - --terra-table-checkmark-cell-focus-outline: 2px dashed #2a4b77; - --terra-table-checkmark-cell-focus-outline-offset: -2px; - --terra-table-checkmark-cell-selected-hover-background-color: #2a4b77; - --terra-table-checkmark-cell-selected-active-background-color: #1a2f4b; - --terra-table-checkmark-cell-selected-background-color: transparent; - --terra-table-checkmark-cell-selectable-background-color: #fff; - --terra-table-checkmark-cell-selectable-border: 1px solid #4983d1; - --terra-table-checkmark-cell-selectable-selected-background-color: #3a67a4; - --terra-table-checkmark-cell-selectable-disabled-background-color: rgba(255, 255, 255, 0.5); - --terra-table-checkmark-cell-selectable-selectable-disabled-border: 1px solid rgba(89, 159, 253, 0.5); - --terra-table-checkmark-cell-default-padding-left: 0.7142857143rem; - --terra-table-checkmark-cell-default-padding-right: 0.7142857143rem; - - @include terra-inline-svg-var('--terra-table-checkmark-cell-selected-background-image', ''); - @include terra-inline-svg-var('--terra-table-checkmark-cell-selected-disabled-background-image', ''); - @include terra-inline-svg-var('--terra-table-checkmark-cell-selectable-selected-background-image', ''); - @include terra-inline-svg-var('--terra-table-checkmark-cell-background-image', ''); - - // ChevronCell - --terra-table-chevron-cell-height: 1rem; - --terra-table-chevron-cell-padding: 1px; - --terra-table-chevron-cell-width: 1rem; - --terra-table-chevron-cell-padding-left: 0.7142857143rem; - --terra-table-chevron-cell-padding-right: 0.7142857143rem; - - @include terra-inline-svg-var('--terra-table-chevron-cell-visible-background', ''); - - // HeaderCell - --terra-table-header-cell-active-background-color: #fff; - --terra-table-header-cell-border-right: 1px solid #4983d1; - --terra-table-header-cell-color: rgba(17, 22, 25, 0.85); - --terra-table-header-cell-font-size: 1rem; - --terra-table-header-cell-font-weight: normal; - --terra-table-header-cell-line-height: 1.143; - --terra-table-header-cell-sort-indicator-height: 0.6429rem; - --terra-table-header-cell-sort-indicator-width: 0.6429rem; - --terra-table-header-cell-outline: none; - --terra-table-header-cell-hover-background-color: rgba(255, 255, 255, .50); - --terra-table-header-cell-focus-background-color: rgba(255, 255, 255, .50); - --terra-table-header-cell-focus-outline: 2px solid #2a4b77; - --terra-table-header-cell-focus-outline-offset: -2px; - --terra-table-header-cell-standard-padding-bottom: 0.5rem; - --terra-table-header-cell-standard-padding-left: 0.7142857143rem; - --terra-table-header-cell-standard-padding-right: 0.7142857143rem; - --terra-table-header-cell-standard-padding-top: 1.0714285714rem; - --terra-table-header-cell-compact-padding-bottom: 0.5rem; - --terra-table-header-cell-compact-padding-left: 0.7142857143rem; - --terra-table-header-cell-compact-padding-right: 0.7142857143rem; - --terra-table-header-cell-compact-padding-top: 1.0714285714rem; - --terra-table-header-cell-hover-background-image: none; - --terra-table-header-cell-hover-box-shadow: none; - - @include terra-inline-svg-var('--terra-table-header-cell-desc-background', ''); - @include terra-inline-svg-var('--terra-table-header-cell-sort-asc-background', ''); - @include terra-inline-svg-var('--terra-table-header-cell-hover-asc-background', ''); - @include terra-inline-svg-var('--terra-table-header-cell-hover-desc-background', ''); - @include terra-inline-svg-var('--terra-table-header-cell-active-hover-asc-background', ''); - @include terra-inline-svg-var('--terra-table-header-cell-active-hover-desc-background', ''); - - // HeaderCheckMarkCell - --terra-table-header-checkmark-cell-border-right: 1px solid #4983d1; - --terra-table-header-checkmark-cell-border: 1px solid transparent; - --terra-table-header-checkmark-cell-border-radius: 3px; - --terra-table-header-checkmark-cell-height: 1rem; - --terra-table-header-checkmark-cell-padding: 1px; - --terra-table-header-checkmark-cell-width: 1rem; - --terra-table-header-checkmark-cell-interactable-background-color: #fff; - --terra-table-header-checkmark-cell-interactable-border: 1px solid #4983d1; - --terra-table-header-checkmark-cell-interactable-hover-border: 1px solid #3a67a4; - --terra-table-header-checkmark-cell-interactable-active-background-color: #b5d4fe; - --terra-table-header-checkmark-cell-interactable-active-border: 1px solid #3a67a4; - --terra-table-header-checkmark-cell-interactable-hover-selected-background-color: #2a4b77; - --terra-table-header-checkmark-cell-interactable-active-selected-background-color: #1a2f4b; - --terra-table-header-checkmark-cell-interactable-focus-outline: 2px dashed #2a4b77; - --terra-table-header-checkmark-cell-interactable-focus-outline-offset: -2px; - --terra-table-header-checkmark-cell-selected-background-color: #3a67a4; - --terra-table-header-checkmark-cell-disabled-background-color: rgba(255, 255, 255, 0.5); - --terra-table-header-checkmark-cell-disabled-border: 1px solid rgba(89, 159, 253, 0.5); - --terra-table-header-checkmark-cell-disabled-selected-background-color: rgba(42, 75, 119, 0.5); - --terra-table-header-checkmark-cell-disabled-intermediate-background-color: rgba(42, 75, 119, 0.5); - --terra-table-header-checkmark-cell-default-padding-left: 0.7142857143rem; - --terra-table-header-checkmark-cell-default-padding-right: 0.7142857143rem; - --terra-table-header-checkmark-cell-standard-padding-bottom: 0.5rem; - --terra-table-header-checkmark-cell-compact-padding-bottom: 0.35715rem; - - @include terra-inline-svg-var('--terra-table-header-checkmark-cell-selected-background-image', ''); - @include terra-inline-svg-var('--terra-table-header-checkmark-cell-intermediate-background-image', ''); - @include terra-inline-svg-var('--terra-table-header-checkmark-cell-disabled-background-image', ''); - @include terra-inline-svg-var('--terra-table-header-checkmark-cell-disabled-intermediate-background-image', ''); - - // HeaderChevronCell - --terra-table-header-chevron-cell-spacer-padding: 1px; - --terra-table-header-chevron-cell-width: 1rem; - --terra-table-header-chevron-cell-padding-left: 0.7142857143rem; - --terra-table-header-chevron-cell-padding-right: 0.7142857143rem; - - // Row - --terra-table-row-background-color: rgba(255, 255, 255, 0.3); - --terra-table-row-child-border-right: 1px solid transparent; - --terra-table-row-divider-child-border-right: 1px solid #4983d1; - --terra-table-row-divider-border-top: 1px solid #4983d1; - --terra-table-row-divider-first-margin-top: -1px; - --terra-table-row-divider-border-bottom: 1px solid #4983d1; - --terra-table-row-divider-last-margin-bottom: -1px; - --terra-table-row-striped-background-color: rgba(89, 159, 253, 0.1); - --terra-table-row-striped-selected-background-color: #cbe7fa; - --terra-table-row-striped-hover-background-color: #e2f2fc; - --terra-table-row-striped-selected-hover-background-color: #b3ddf7; - --terra-table-row-striped-focus-background-color: #e2f2fc; - --terra-table-row-striped-selected-focus-background-color: #b3ddf7; - --terra-table-row-selected-background-color: #fff; - --terra-table-row-selected-border-color: #0092e0; - --terra-table-row-selected-border-top-color: #0092e0; - --terra-table-row-hover-background-color: transparent; - --terra-table-row-hover-background-image: linear-gradient(to bottom, rgba(89, 159, 253, 0.4) 0%, rgba(89, 159, 253, 0.2) 100%); - --terra-table-row-active-background-color: rgba(89, 159, 253, 0.4); - --terra-table-row-active-background-image: none; - --terra-table-row-focus-background-color: rgba(255, 255, 255, 0.3); - --terra-table-row-focus-outline: 2px solid #2a4b77; - --terra-table-row-focus-outline-offset: -2px; - --terra-table-row-selected-focus-background-color: #fff; - --terra-table-row-selected-hover-background-color: #cbe7fa; - --terra-table-checkmark-cell-ie-focus-before-border: 0; - --terra-table-row-striped-hover-background-image: none; - --terra-table-row-striped-hover-box-shadow: none; - --terra-table-row-striped-selected-hover-background-image: none; - --terra-table-row-striped-selected-hover-box-shadow: none; - --terra-table-row-hover-box-shadow: none; - --terra-table-row-selected-hover-background-image: none; - --terra-table-row-selected-hover-box-shadow: none; - --terra-table-row-active-box-shadow: none; - --terra-table-row-active-hover-border-top-color: #4983d1; - --terra-table-row-active-hover-last-border-bottom-color: #4983d1; - --terra-table-row-active-hover-last-border-top-color: #4983d1; - --terra-table-row-active-hover-next-border-top-color: #4983d1; - --terra-table-row-active-hover-next-selected-border-top-color: #3a67a4; - --terra-table-row-selected-active-hover-border-top-color: #3a67a4; - --terra-table-row-selected-active-hover-last-border-bottom-color: #3a67a4; - --terra-table-row-selected-active-hover-last-border-top-color: #3a67a4; - --terra-table-row-selected-active-hover-next-border-top-color: #3a67a4; - - // SectionHeader - --terra-table-section-header-background-color: rgba(89, 159, 253, 0.1); - --terra-table-section-header-border-top: 1px solid #3a67a4; - --terra-table-section-header-next-border-top: 1px solid #3a67a4; - --terra-table-section-header-first-margin-top: -1px; - --terra-table-section-header-last-margin-bottom: -1px; - --terra-table-section-header-content-padding-bottom: 0.5rem; - --terra-table-section-header-content-padding-left: 0.7142857143rem; - --terra-table-section-header-content-padding-right: 0.7142857143rem; - --terra-table-section-header-content-padding-top: 0.5rem; - --terra-table-section-header-title-color: rgba(17, 22, 25, .75); - --terra-table-section-header-title-font-size: 1rem; - --terra-table-section-header-title-font-weight: normal; - --terra-table-section-header-title-line-height: 1.1428571429; - --terra-table-section-header-collapsible-padding-left: 0.5rem; - --terra-table-section-header-focus-outline: 2px solid #2a4b77; - --terra-table-section-header-focus-outline-offset: -2px; - --terra-table-section-header-focus-background-color: rgba(89, 159, 253, 0.2); - --terra-table-section-header-hover-background-color: rgba(89, 159, 253, 0.2); - --terra-table-section-header-active-background-color: rgba(89, 159, 253, 0.3); - --terra-table-section-header-start-padding-right: 0.7142857143rem; - --terra-table-section-header-hover-background-image: none; - --terra-table-section-header-hover-box-shadow: none; - --terra-table-section-header-active-box-shadow: none; - - @include terra-inline-svg-var('--terra-table-section-header-accordion-icon-background', '0023_caretRight_a'); -} diff --git a/packages/terra-table/wdio.conf.js b/packages/terra-table/wdio.conf.js index f51b322cd7f..0ca23865eda 100644 --- a/packages/terra-table/wdio.conf.js +++ b/packages/terra-table/wdio.conf.js @@ -1,6 +1,6 @@ const path = require('path'); const wdioConf = require('../../node_modules/terra-toolkit/config/wdio/wdio.conf'); -wdioConf.config.specs = [path.join(__dirname, 'test*', 'wdio', '**', '*-spec.js')]; +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; exports.config = wdioConf.config; diff --git a/packages/terra-tag/.npmignore b/packages/terra-tag/.npmignore index c59a09bae79..4964b68f07d 100644 --- a/packages/terra-tag/.npmignore +++ b/packages/terra-tag/.npmignore @@ -5,4 +5,5 @@ tests/**/__snapshots__/ aggregated-translations dev-site-config screenshots -errorScreenshots \ No newline at end of file +errorScreenshots +generated-themes \ No newline at end of file diff --git a/packages/terra-tag/CHANGELOG.md b/packages/terra-tag/CHANGELOG.md index 39a06905cc3..052f2c97a6f 100644 --- a/packages/terra-tag/CHANGELOG.md +++ b/packages/terra-tag/CHANGELOG.md @@ -3,6 +3,8 @@ ChangeLog Unreleased ---------- +### Added +* Added clinical-lowlight-theme theming files 2.28.0 - (January 28, 2020) ------------------ diff --git a/packages/terra-tag/clinical-lowlight-wdio.conf.js b/packages/terra-tag/clinical-lowlight-wdio.conf.js new file mode 100644 index 00000000000..625eb7211ee --- /dev/null +++ b/packages/terra-tag/clinical-lowlight-wdio.conf.js @@ -0,0 +1,6 @@ +const path = require('path'); +const wdioConf = require('../../config/wdio/clinical-lowlight-theme/wdio.conf.js'); + +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; + +exports.config = wdioConf.config; diff --git a/packages/terra-tag/package.json b/packages/terra-tag/package.json index de9d99603d9..74e38b6ebc0 100644 --- a/packages/terra-tag/package.json +++ b/packages/terra-tag/package.json @@ -40,7 +40,8 @@ "test": "npm run jest && npm run wdio", "jest": "jest --config ../../jestconfig.js", "wdio-default": "cd ../.. && npx wdio ./packages/$npm_package_name/wdio.conf.js", + "wdio-lowlight": "cd ../.. && THEME=clinical-lowlight-theme npx wdio ./packages/$npm_package_name/clinical-lowlight-wdio.conf.js", "wdio-fusion": "cd ../.. && THEME=orion-fusion-theme npx wdio ./packages/$npm_package_name/wdio.conf.js", - "wdio": "npm run wdio-default && npm run wdio-fusion" + "wdio": "npm run wdio-default && npm run wdio-lowlight && npm run wdio-fusion" } } diff --git a/packages/terra-tag/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss b/packages/terra-tag/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss new file mode 100644 index 00000000000..2509f6b39a1 --- /dev/null +++ b/packages/terra-tag/themes/clinical-lowlight-theme/clinical-lowlight-theme.scss @@ -0,0 +1,22 @@ +:global { + --terra-tag-background-color: #1d2427; + --terra-tag-border-color: #181b1d; + --terra-tag-box-shadow: none; + --terra-tag-color: #c5c5c6; + + // Interactive + --terra-tag-interactive-background-color: #1d2427; + --terra-tag-interactive-color: #007ee0; + + // Focus + --terra-tag-focus-background-color: #2d3539; + --terra-tag-focus-border-color: #181b1d; + --terra-tag-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76; + --terra-tag-focus-color: #007ee0; + + // Hover + --terra-tag-hover-background-color: #1d2427; + --terra-tag-hover-border-color: #181b1d; + --terra-tag-hover-box-shadow: none; + --terra-tag-hover-color: #003f61; +} diff --git a/packages/terra-tag/wdio.conf.js b/packages/terra-tag/wdio.conf.js index f51b322cd7f..0ca23865eda 100644 --- a/packages/terra-tag/wdio.conf.js +++ b/packages/terra-tag/wdio.conf.js @@ -1,6 +1,6 @@ const path = require('path'); const wdioConf = require('../../node_modules/terra-toolkit/config/wdio/wdio.conf'); -wdioConf.config.specs = [path.join(__dirname, 'test*', 'wdio', '**', '*-spec.js')]; +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; exports.config = wdioConf.config; diff --git a/packages/terra-text/.npmignore b/packages/terra-text/.npmignore index c59a09bae79..4964b68f07d 100644 --- a/packages/terra-text/.npmignore +++ b/packages/terra-text/.npmignore @@ -5,4 +5,5 @@ tests/**/__snapshots__/ aggregated-translations dev-site-config screenshots -errorScreenshots \ No newline at end of file +errorScreenshots +generated-themes \ No newline at end of file diff --git a/packages/terra-text/CHANGELOG.md b/packages/terra-text/CHANGELOG.md index e1f65e6aea5..609ec84df85 100644 --- a/packages/terra-text/CHANGELOG.md +++ b/packages/terra-text/CHANGELOG.md @@ -3,6 +3,8 @@ ChangeLog Unreleased ---------- +### Added +* Added generated-themes to .npmignore 4.24.0 - (February 4, 2020) ------------------ diff --git a/packages/terra-text/clinical-lowlight-wdio.conf.js b/packages/terra-text/clinical-lowlight-wdio.conf.js new file mode 100644 index 00000000000..625eb7211ee --- /dev/null +++ b/packages/terra-text/clinical-lowlight-wdio.conf.js @@ -0,0 +1,6 @@ +const path = require('path'); +const wdioConf = require('../../config/wdio/clinical-lowlight-theme/wdio.conf.js'); + +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; + +exports.config = wdioConf.config; diff --git a/packages/terra-text/package.json b/packages/terra-text/package.json index a3c7d314c63..83b9a4ca8b6 100644 --- a/packages/terra-text/package.json +++ b/packages/terra-text/package.json @@ -41,7 +41,8 @@ "test": "npm run jest && npm run wdio", "jest": "jest --config ../../jestconfig.js", "wdio-default": "cd ../.. && npx wdio ./packages/$npm_package_name/wdio.conf.js", + "wdio-lowlight": "cd ../.. && THEME=clinical-lowlight-theme npx wdio ./packages/$npm_package_name/clinical-lowlight-wdio.conf.js", "wdio-fusion": "cd ../.. && THEME=orion-fusion-theme npx wdio ./packages/$npm_package_name/wdio.conf.js", - "wdio": "npm run wdio-default && npm run wdio-fusion" + "wdio": "npm run wdio-default && npm run wdio-lowlight && npm run wdio-fusion" } } diff --git a/packages/terra-text/wdio.conf.js b/packages/terra-text/wdio.conf.js index f51b322cd7f..0ca23865eda 100644 --- a/packages/terra-text/wdio.conf.js +++ b/packages/terra-text/wdio.conf.js @@ -1,6 +1,6 @@ const path = require('path'); const wdioConf = require('../../node_modules/terra-toolkit/config/wdio/wdio.conf'); -wdioConf.config.specs = [path.join(__dirname, 'test*', 'wdio', '**', '*-spec.js')]; +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; exports.config = wdioConf.config; diff --git a/packages/terra-toggle-button/.npmignore b/packages/terra-toggle-button/.npmignore index c59a09bae79..4964b68f07d 100644 --- a/packages/terra-toggle-button/.npmignore +++ b/packages/terra-toggle-button/.npmignore @@ -5,4 +5,5 @@ tests/**/__snapshots__/ aggregated-translations dev-site-config screenshots -errorScreenshots \ No newline at end of file +errorScreenshots +generated-themes \ No newline at end of file diff --git a/packages/terra-toggle-button/CHANGELOG.md b/packages/terra-toggle-button/CHANGELOG.md index 8e037201222..72356ba7352 100644 --- a/packages/terra-toggle-button/CHANGELOG.md +++ b/packages/terra-toggle-button/CHANGELOG.md @@ -3,6 +3,8 @@ ChangeLog Unreleased ---------- +### Added +* Added generated-themes to .npmignore 3.30.0 - (February 4, 2020) ------------------ diff --git a/packages/terra-toggle-button/clinical-lowlight-wdio.conf.js b/packages/terra-toggle-button/clinical-lowlight-wdio.conf.js new file mode 100644 index 00000000000..625eb7211ee --- /dev/null +++ b/packages/terra-toggle-button/clinical-lowlight-wdio.conf.js @@ -0,0 +1,6 @@ +const path = require('path'); +const wdioConf = require('../../config/wdio/clinical-lowlight-theme/wdio.conf.js'); + +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; + +exports.config = wdioConf.config; diff --git a/packages/terra-toggle-button/package.json b/packages/terra-toggle-button/package.json index dd665cbdbec..4e04072ca52 100644 --- a/packages/terra-toggle-button/package.json +++ b/packages/terra-toggle-button/package.json @@ -40,6 +40,9 @@ "precompile": "rm -rf lib", "test": "npm run jest && npm run wdio", "jest": "jest --config ../../jestconfig.js", - "wdio": "cd ../.. && npx wdio ./packages/$npm_package_name/wdio.conf.js" + "wdio-default": "cd ../.. && npx wdio ./packages/$npm_package_name/wdio.conf.js", + "wdio-lowlight": "cd ../.. && THEME=clinical-lowlight-theme npx wdio ./packages/$npm_package_name/clinical-lowlight-wdio.conf.js", + "wdio-fusion": "cd ../.. && THEME=orion-fusion-theme npx wdio ./packages/$npm_package_name/wdio.conf.js", + "wdio": "npm run wdio-default && npm run wdio-lowlight && npm run wdio-fusion" } } diff --git a/packages/terra-toggle-button/wdio.conf.js b/packages/terra-toggle-button/wdio.conf.js index f51b322cd7f..0ca23865eda 100644 --- a/packages/terra-toggle-button/wdio.conf.js +++ b/packages/terra-toggle-button/wdio.conf.js @@ -1,6 +1,6 @@ const path = require('path'); const wdioConf = require('../../node_modules/terra-toolkit/config/wdio/wdio.conf'); -wdioConf.config.specs = [path.join(__dirname, 'test*', 'wdio', '**', '*-spec.js')]; +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; exports.config = wdioConf.config; diff --git a/packages/terra-toggle-section-header/.npmignore b/packages/terra-toggle-section-header/.npmignore index c59a09bae79..4964b68f07d 100644 --- a/packages/terra-toggle-section-header/.npmignore +++ b/packages/terra-toggle-section-header/.npmignore @@ -5,4 +5,5 @@ tests/**/__snapshots__/ aggregated-translations dev-site-config screenshots -errorScreenshots \ No newline at end of file +errorScreenshots +generated-themes \ No newline at end of file diff --git a/packages/terra-toggle-section-header/CHANGELOG.md b/packages/terra-toggle-section-header/CHANGELOG.md index 64ae3f95975..7b99f8edbe2 100644 --- a/packages/terra-toggle-section-header/CHANGELOG.md +++ b/packages/terra-toggle-section-header/CHANGELOG.md @@ -3,6 +3,8 @@ ChangeLog Unreleased ---------- +### Added +* Added generated-themes to .npmignore 2.29.0 - (February 4, 2020) ------------------ diff --git a/packages/terra-toggle-section-header/clinical-lowlight-wdio.conf.js b/packages/terra-toggle-section-header/clinical-lowlight-wdio.conf.js new file mode 100644 index 00000000000..625eb7211ee --- /dev/null +++ b/packages/terra-toggle-section-header/clinical-lowlight-wdio.conf.js @@ -0,0 +1,6 @@ +const path = require('path'); +const wdioConf = require('../../config/wdio/clinical-lowlight-theme/wdio.conf.js'); + +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; + +exports.config = wdioConf.config; diff --git a/packages/terra-toggle-section-header/package.json b/packages/terra-toggle-section-header/package.json index 16e6f4028ff..ed08496ae9c 100644 --- a/packages/terra-toggle-section-header/package.json +++ b/packages/terra-toggle-section-header/package.json @@ -40,6 +40,9 @@ "precompile": "rm -rf lib", "test": "npm run jest && npm run wdio", "jest": "jest --config ../../jestconfig.js", - "wdio": "cd ../.. && npx wdio ./packages/$npm_package_name/wdio.conf.js" + "wdio-default": "cd ../.. && npx wdio ./packages/$npm_package_name/wdio.conf.js", + "wdio-lowlight": "cd ../.. && THEME=clinical-lowlight-theme npx wdio ./packages/$npm_package_name/clinical-lowlight-wdio.conf.js", + "wdio-fusion": "cd ../.. && THEME=orion-fusion-theme npx wdio ./packages/$npm_package_name/wdio.conf.js", + "wdio": "npm run wdio-default && npm run wdio-lowlight && npm run wdio-fusion" } } diff --git a/packages/terra-toggle-section-header/wdio.conf.js b/packages/terra-toggle-section-header/wdio.conf.js index f51b322cd7f..0ca23865eda 100644 --- a/packages/terra-toggle-section-header/wdio.conf.js +++ b/packages/terra-toggle-section-header/wdio.conf.js @@ -1,6 +1,6 @@ const path = require('path'); const wdioConf = require('../../node_modules/terra-toolkit/config/wdio/wdio.conf'); -wdioConf.config.specs = [path.join(__dirname, 'test*', 'wdio', '**', '*-spec.js')]; +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; exports.config = wdioConf.config; diff --git a/packages/terra-toggle/.npmignore b/packages/terra-toggle/.npmignore index c59a09bae79..4964b68f07d 100644 --- a/packages/terra-toggle/.npmignore +++ b/packages/terra-toggle/.npmignore @@ -5,4 +5,5 @@ tests/**/__snapshots__/ aggregated-translations dev-site-config screenshots -errorScreenshots \ No newline at end of file +errorScreenshots +generated-themes \ No newline at end of file diff --git a/packages/terra-toggle/CHANGELOG.md b/packages/terra-toggle/CHANGELOG.md index d7feec40c9b..44ab9591bba 100644 --- a/packages/terra-toggle/CHANGELOG.md +++ b/packages/terra-toggle/CHANGELOG.md @@ -3,6 +3,8 @@ ChangeLog Unreleased ---------- +### Added +* Added generated-themes to .npmignore 3.27.0 - (January 28, 2020) ------------------ diff --git a/packages/terra-toggle/clinical-lowlight-wdio.conf.js b/packages/terra-toggle/clinical-lowlight-wdio.conf.js new file mode 100644 index 00000000000..625eb7211ee --- /dev/null +++ b/packages/terra-toggle/clinical-lowlight-wdio.conf.js @@ -0,0 +1,6 @@ +const path = require('path'); +const wdioConf = require('../../config/wdio/clinical-lowlight-theme/wdio.conf.js'); + +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; + +exports.config = wdioConf.config; diff --git a/packages/terra-toggle/package.json b/packages/terra-toggle/package.json index fd163ad79ac..e3494b199c3 100644 --- a/packages/terra-toggle/package.json +++ b/packages/terra-toggle/package.json @@ -39,6 +39,9 @@ "precompile": "rm -rf lib", "test": "npm run jest && npm run wdio", "jest": "jest --config ../../jestconfig.js", - "wdio": "cd ../.. && npx wdio ./packages/$npm_package_name/wdio.conf.js" + "wdio-default": "cd ../.. && npx wdio ./packages/$npm_package_name/wdio.conf.js", + "wdio-lowlight": "cd ../.. && THEME=clinical-lowlight-theme npx wdio ./packages/$npm_package_name/clinical-lowlight-wdio.conf.js", + "wdio-fusion": "cd ../.. && THEME=orion-fusion-theme npx wdio ./packages/$npm_package_name/wdio.conf.js", + "wdio": "npm run wdio-default && npm run wdio-lowlight && npm run wdio-fusion" } } diff --git a/packages/terra-toggle/wdio.conf.js b/packages/terra-toggle/wdio.conf.js index f51b322cd7f..0ca23865eda 100644 --- a/packages/terra-toggle/wdio.conf.js +++ b/packages/terra-toggle/wdio.conf.js @@ -1,6 +1,6 @@ const path = require('path'); const wdioConf = require('../../node_modules/terra-toolkit/config/wdio/wdio.conf'); -wdioConf.config.specs = [path.join(__dirname, 'test*', 'wdio', '**', '*-spec.js')]; +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; exports.config = wdioConf.config; diff --git a/packages/terra-visually-hidden-text/.npmignore b/packages/terra-visually-hidden-text/.npmignore index c59a09bae79..4964b68f07d 100644 --- a/packages/terra-visually-hidden-text/.npmignore +++ b/packages/terra-visually-hidden-text/.npmignore @@ -5,4 +5,5 @@ tests/**/__snapshots__/ aggregated-translations dev-site-config screenshots -errorScreenshots \ No newline at end of file +errorScreenshots +generated-themes \ No newline at end of file diff --git a/packages/terra-visually-hidden-text/CHANGELOG.md b/packages/terra-visually-hidden-text/CHANGELOG.md index 2d5ad9ba0dc..cc551da33d9 100644 --- a/packages/terra-visually-hidden-text/CHANGELOG.md +++ b/packages/terra-visually-hidden-text/CHANGELOG.md @@ -3,6 +3,8 @@ ChangeLog Unreleased ---------- +### Added +* Added generated-themes to .npmignore 2.22.0 - (January 7, 2020) ------------------ diff --git a/packages/terra-visually-hidden-text/clinical-lowlight-wdio.conf.js b/packages/terra-visually-hidden-text/clinical-lowlight-wdio.conf.js new file mode 100644 index 00000000000..625eb7211ee --- /dev/null +++ b/packages/terra-visually-hidden-text/clinical-lowlight-wdio.conf.js @@ -0,0 +1,6 @@ +const path = require('path'); +const wdioConf = require('../../config/wdio/clinical-lowlight-theme/wdio.conf.js'); + +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; + +exports.config = wdioConf.config; diff --git a/packages/terra-visually-hidden-text/package.json b/packages/terra-visually-hidden-text/package.json index 74467cf0c9f..dee25a92fdd 100644 --- a/packages/terra-visually-hidden-text/package.json +++ b/packages/terra-visually-hidden-text/package.json @@ -37,6 +37,9 @@ "precompile": "rm -rf lib", "test": "npm run jest && npm run wdio", "jest": "jest --config ../../jestconfig.js", - "wdio": "cd ../.. && npx wdio ./packages/$npm_package_name/wdio.conf.js" + "wdio-default": "cd ../.. && npx wdio ./packages/$npm_package_name/wdio.conf.js", + "wdio-lowlight": "cd ../.. && THEME=clinical-lowlight-theme npx wdio ./packages/$npm_package_name/clinical-lowlight-wdio.conf.js", + "wdio-fusion": "cd ../.. && THEME=orion-fusion-theme npx wdio ./packages/$npm_package_name/wdio.conf.js", + "wdio": "npm run wdio-default && npm run wdio-lowlight && npm run wdio-fusion" } } diff --git a/packages/terra-visually-hidden-text/wdio.conf.js b/packages/terra-visually-hidden-text/wdio.conf.js index f51b322cd7f..0ca23865eda 100644 --- a/packages/terra-visually-hidden-text/wdio.conf.js +++ b/packages/terra-visually-hidden-text/wdio.conf.js @@ -1,6 +1,6 @@ const path = require('path'); const wdioConf = require('../../node_modules/terra-toolkit/config/wdio/wdio.conf'); -wdioConf.config.specs = [path.join(__dirname, 'test*', 'wdio', '**', '*-spec.js')]; +wdioConf.config.specs = [path.join(__dirname, 'tests', 'wdio', '**', '*-spec.js')]; exports.config = wdioConf.config; diff --git a/terra-theme.config.js b/terra-theme.config.js index 056aa30a55a..f56bd9f015e 100644 --- a/terra-theme.config.js +++ b/terra-theme.config.js @@ -1,5 +1,5 @@ const themeConfig = { - scoped: ['orion-fusion-theme'], + scoped: ['clinical-lowlight-theme', 'orion-fusion-theme'], }; module.exports = themeConfig;