text area styles

bcgov · Sep 4, 2024 · 5126836 · 5126836
1 parent fcccd16
commit 5126836
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 5 deletions.
diff --git a/epic.theme/package-lock.json b/epic.theme/package-lock.json
diff --git a/epic.theme/package.json b/epic.theme/package.json
@@ -1,6 +1,6 @@
 {
   "name": "epic.theme",
-  "version": "1.0.10",
+  "version": "1.0.11",
   "main": "dist/epic.theme.umd.js",
   "module": "dist/epic.theme.es.js",
   "types": "dist/index.d.ts",

diff --git a/epic.theme/src/components.ts b/epic.theme/src/components.ts
@@ -311,19 +311,26 @@ export const ComponentStyles: Components = {
           fieldset: {
             display: "none",
           },
-          "MuiInputAdornment-root": {
+          ".MuiInputAdornment-root": {
             color: BCDesignTokens.typographyColorPrimary,
           },
         },
         "& .MuiInputBase-root.MuiInputBase-sizeSmall": {
           height: "2.25rem",
           fontSize: BCDesignTokens.typographyFontSizeSmallBody,
         },
+        "& .MuiInputBase-root.MuiInputBase-multiline": {
+          padding: 0,
+          borderColor: BCDesignTokens.surfaceColorBorderMedium,
+          ".MuiInputBase-inputMultiline": {
+            resize: "vertical"
+          }
+        },
         "& .MuiInputBase-root.Mui-error": {
           borderColor: BCDesignTokens.typographyColorDanger,
         },
         "& .MuiInputBase-root.Mui-disabled": {
-          backgroundColor: BCDesignTokens.surfaceColorFormsDisabled,
+          backgroundColor: `${BCDesignTokens.surfaceColorFormsDisabled} !important`,
           outline: "none",
           borderColor: BCDesignTokens.surfaceColorBorderDefault,
         },