Merge pull request #7068 from himdel/carbon-base

Carbon - add carbon scss

(cherry picked from commit 9cfcf1c)

app/stylesheet/application-webpack.scss

@@ -7,3 +7,4 @@
 @import '~@manageiq/react-ui-components/dist/textual_summary.css';
 @import '~@manageiq/react-ui-components/dist/wooden-tree.css';
 @import '~@manageiq/ui-components/dist/css/ui-components.css';
+@import './carbon.scss';

app/stylesheet/carbon.scss

@@ -0,0 +1,25 @@
+// enable carbon UI shell
+$feature-flags: (
+  ui-shell: true,
+);
+
+// disable IBM fonts until we can override patternfly
+$css--font-face: false;
+$css--plex: false;
+
+// don't break patternfly styling
+$css--body: false;
+$css--reset: false;
+$css--default-type: false;
+
+// Use the gray 90 theme
+@import '~@carbon/themes/scss/themes';
+$carbon--theme: $carbon--theme--g90;
+@include carbon--theme();
+
+@import '~carbon-components/scss/globals/scss/styles.scss';
+
+// ignored by patternfly, but sets the right base for carbon rem units
+html {
+  font-size: 100%;
+}

package.json

@@ -23,6 +23,7 @@
   },
   "homepage": "https://github.com/ManageIQ/manageiq#readme",
   "dependencies": {
+    "@carbon/themes": "~10.12.0",
     "@data-driven-forms/pf3-component-mapper": "~1.18.0",
     "@data-driven-forms/react-form-renderer": "~1.18.0",
     "@manageiq/react-ui-components": "~0.11.57",
@@ -44,6 +45,7 @@
     "awesome-debounce-promise": "^2.1.0",
     "bootstrap-filestyle": "~1.2.1",
     "bootstrap-switch": "3.3.4",
+    "carbon-components": "~10.12.0",
     "classnames": "~2.2.6",
     "codemirror": "~5.47.0",
     "connected-react-router": "~6.7.0",