fix: Fix overridden lui styles (#410)

* Fix overriding lui styles. Update libs
linz · Aug 31, 2023 · 82b5a33 · 82b5a33
1 parent 9de8c68
commit 82b5a33
Show file tree

Hide file tree

Showing 7 changed files with 120 additions and 65 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -84,7 +84,7 @@
     "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
     "@rollup/plugin-commonjs": "^25.0.4",
     "@rollup/plugin-json": "^6.0.0",
-    "@rollup/plugin-node-resolve": "^15.1.0",
+    "@rollup/plugin-node-resolve": "^15.2.1",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
     "@storybook/addon-essentials": "^7.2.3",
@@ -111,7 +111,7 @@
     "@typescript-eslint/parser": "^5.62.0",
     "babel-jest": "^29.6.2",
     "babel-preset-react-app": "^10.0.1",
-    "chromatic": "^6.21.0",
+    "chromatic": "^6.24.1",
     "conventional-changelog-conventionalcommits": "^6.1.0",
     "css-loader": "^6.8.1",
     "eslint": "^8.47.0",
@@ -132,7 +132,7 @@
     "jest-expect-message": "^1.1.3",
     "mkdirp": "^3.0.1",
     "npm-run-all": "^4.1.5",
-    "postcss": "^8.4.27",
+    "postcss": "^8.4.29",
     "postcss-loader": "^7.3.3",
     "postcss-scss": "^4.0.6",
     "prettier": "^2.8.8",
@@ -143,13 +143,13 @@
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-typescript2": "^0.35.0",
-    "sass": "1.64.2",
+    "sass": "1.66.1",
     "sass-loader": "^13.3.2",
-    "semantic-release": "^21.0.7",
+    "semantic-release": "^21.1.1",
     "storybook": "^7.2.3",
     "storybook-css-modules-preset": "^1.1.1",
     "style-loader": "^3.3.3",
-    "stylelint": "^15.10.2",
+    "stylelint": "^15.10.3",
     "stylelint-config-recommended-scss": "^12.0.0",
     "stylelint-config-standard": "^34.0.0",
     "stylelint-prettier": "^3.0.0",

diff --git a/src/lui/FormError.scss b/src/lui/FormError.scss
@@ -1,6 +1,6 @@
 @use "../../node_modules/@linzjs/lui/dist/scss/Foundation/Variables/ColorVars" as colors;
 
-.helpText {
+.FormError-helpText {
   font-size: 0.75rem;
   color: colors.$fuscous;
   font-weight: 400;

diff --git a/src/lui/FormError.tsx b/src/lui/FormError.tsx
@@ -16,7 +16,7 @@ export const FormError = (props: FormErrorProps) => {
         </span>
       )}
 
-      {props.helpText && !props.error && <span className={"helpText"}>{props.helpText}</span>}
+      {props.helpText && !props.error && <span className={"FormError-helpText"}>{props.helpText}</span>}
     </>
   );
 };
diff --git a/src/lui/TextInputFormatted.scss b/src/lui/TextInputFormatted.scss
@@ -1,4 +1,4 @@
-.LuiTextInput {
+.LuiTextInput.GridLuiTextInput {
   margin-bottom: 0;
 }
-Original file line number
+Diff line change
@@ Expand Up / @@ -16,7 +16,7 @@ export const FormError = (props: FormErrorProps) => { @@
             </span>
           )}
-          {props.helpText && !props.error && <span className={"helpText"}>{props.helpText}</span>}
+          {props.helpText && !props.error && <span className={"FormError-helpText"}>{props.helpText}</span>}
         </>
       );
     };