@momentum-design/components 0.1.3 → 0.1.5

package/dist/components/themeprovider/themeprovider.component.js

@@ -41,6 +41,7 @@ class ThemeProvider extends models_1.Provider {
          * Default: 'mds-theme-stable-darkWebex'
          */
         this.themeclass = themeprovider_constants_1.DEFAULTS.THEMECLASS;
+        this.classList.add(themeprovider_constants_1.DEFAULTS.TYPOGRAPHYCLASS);
     }
     /**
      * Context object of the ThemeProvider, to be consumed by child components

package/dist/components/themeprovider/themeprovider.constants.d.ts

@@ -1,5 +1,6 @@
 declare const TAG_NAME: "mdc-themeprovider";
 declare const DEFAULTS: {
     THEMECLASS: "mds-theme-stable-darkWebex";
+    TYPOGRAPHYCLASS: "mds-typography";
 };
 export { DEFAULTS, TAG_NAME };

package/dist/components/themeprovider/themeprovider.constants.js

@@ -8,5 +8,6 @@ const TAG_NAME = tag_name_1.default.constructTagName('themeprovider');
 exports.TAG_NAME = TAG_NAME;
 const DEFAULTS = {
     THEMECLASS: 'mds-theme-stable-darkWebex',
+    TYPOGRAPHYCLASS: 'mds-typography',
 };
 exports.DEFAULTS = DEFAULTS;

package/dist/components/themeprovider/themeprovider.styles.js

@@ -4,7 +4,7 @@ const lit_1 = require("lit");
 // todo: use type tokens once the full set with fallbacks is available
 const styles = (0, lit_1.css) `
   :host {
-    --mdc-themeprovider-font-family: "Momentum";
+    --mdc-themeprovider-font-family: var(--mds-font-family-primary);
     --mdc-themeprovider-color-default: var(--mds-color-theme-text-primary-normal);
 
     font-family: var(--mdc-themeprovider-font-family);

package/package.json

@@ -37,5 +37,5 @@
     "@momentum-design/icons": "*",
     "@momentum-design/tokens": "*"
   },
-  "version": "0.1.3"
+  "version": "0.1.5"
 }