Modal manager redwood styling (#1994)

package.json

@@ -45,7 +45,7 @@
     },
     "overrides": [
       {
-        "files": ["packages/terra-theme-properties/**/*.scss"],
+        "files": ["packages/terra-theme-properties/**/*.scss", "packages/**/redwood-theme/**/*.scss"],
         "rules": {
           "terra/custom-property-name": false,
           "terra/custom-property-namespace": false
@@ -89,10 +89,11 @@
     "start-static": "npm run compile:prod && terra express-server --site build",
     "test": "npm run lint && npm run jest && npm run wdio",
     "test:docker": "npm run lint && npm run jest && npm run wdio:docker",
-    "wdio": "terra wdio --themes terra-default-theme clinical-lowlight-theme orion-fusion-theme",
+    "wdio": "terra wdio --themes terra-default-theme clinical-lowlight-theme orion-fusion-theme redwood-theme",
     "wdio:default": "terra wdio",
     "wdio:lowlight": "NODE_OPTIONS=--max-old-space-size=2048 terra wdio --themes clinical-lowlight-theme",
     "wdio:fusion": "terra wdio --themes orion-fusion-theme",
+    "wdio:redwood": "terra wdio --themes redwood-theme",
     "wdio:docker": "terra wdio --disableSeleniumService=true --themes terra-default-theme clinical-lowlight-theme orion-fusion-theme"
   },
   "devDependencies": {
@@ -137,7 +138,7 @@
     "regenerator-runtime": "^0.13.2",
     "stylelint": "^15.0.0",
     "terra-aggregate-translations": "^1.0.0",
-    "terra-application": "^1.48.0",
+    "terra-application": "^1.57.0",
     "terra-disclosure-manager": "^4.9.0",
     "terra-enzyme-intl": "^3.4.0",
     "terra-icon": "^3.58.0",

packages/terra-framework-docs/CHANGELOG.md

@@ -2,6 +2,9 @@
 
 ## Unreleased
 
+* Fixed
+  * Fixed font size in `terra-theme-provider` examples.
+
 ## 1.58.0 - (January 18, 2024)
 
 * Changed

packages/terra-framework-docs/src/terra-dev-site/theme/theme-provider-scoped-theme.scss

@@ -10,14 +10,16 @@ $selector: '.cerner-mock-theme';
   --terra-framework-docs-theme-provider-mock-display: inline-block;
 }
 
-.compact {
-  --terra-base-font-size: 14px;
-}
+.redwood-theme {
+  &.compact {
+      --terra-base-font-size: 14px;
+    }
 
-.comfortable {
-  --terra-base-font-size: 16px;
-}
+  &.comfortable {
+    --terra-base-font-size: 16px;
+  }
 
-.spacious {
-  --terra-base-font-size: 18px;
+  &.spacious {
+    --terra-base-font-size: 18px;
+  }
 }

packages/terra-modal-manager/CHANGELOG.md

@@ -2,6 +2,9 @@
 
 ## Unreleased
 
+* Added
+  * Redwood theme styling.
+
 ## 6.69.0 - (December 18, 2023)
 
 * Changed

packages/terra-modal-manager/src/ModalManager.module.scss

@@ -2,6 +2,7 @@
 // Themes
 @import './clinical-lowlight-theme/ModalManager.module';
 @import './orion-fusion-theme/ModalManager.module';
+@import './redwood-theme/ModalManager.module';
 
 :local {
   .container {

packages/terra-modal-manager/src/redwood-theme/ModalManager.module.scss

@@ -0,0 +1,9 @@
+:local {
+  .redwood-theme {
+    --terra-modal-manager-background-color: var(--modal-background-color);
+    --terra-modal-manager-border: none;
+    --terra-modal-manager-border-radius: var(--modal-border-radius);
+    --terra-modal-manager-box-shadow: var(--modal-box-shadow);
+    --terra-modal-manager-foreground-color: inherit;
+  }
+}

terra-theme.config.js

@@ -1,5 +1,5 @@
 const themeConfig = {
-  scoped: ['clinical-lowlight-theme', 'orion-fusion-theme'],
+  scoped: ['clinical-lowlight-theme', 'orion-fusion-theme', 'redwood-theme'],
   density: 'comfortable',
 };