@momentum-design/components 0.1.11 → 0.1.13

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

@@ -17,8 +17,13 @@ import ThemeProviderContext from './themeprovider.context';
  *
  * @slot default - children
  *
- * @cssproperty --mdc-themeprovider-font-family - Option to override the font family
- * @cssproperty --mdc-themeprovider-color-default - Option to override the default color
+ * @cssproperty --mdc-themeprovider-color-default - Option to override the default color,
+ * default: color-theme-text-primary-normal
+ * @cssproperty --mdc-themeprovider-font-family - Option to override the font family,
+ * default: `Momentum` (from momentum-design/fonts)
+ * @cssproperty --mdc-themeprovider-font-weight - Option to override the font weight, default: `400`
+ * @cssproperty --mdc-themeprovider-letter-spacing-adjustment - Option to override the default letter-spacing,
+ * default: `-0.25px` (this is to match the old CiscoSans)
  */
 declare class ThemeProvider extends Provider<ThemeProviderContext> {
     constructor();

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

@@ -22,8 +22,13 @@ const themeprovider_styles_1 = tslib_1.__importDefault(require("./themeprovider.
  *
  * @slot default - children
  *
- * @cssproperty --mdc-themeprovider-font-family - Option to override the font family
- * @cssproperty --mdc-themeprovider-color-default - Option to override the default color
+ * @cssproperty --mdc-themeprovider-color-default - Option to override the default color,
+ * default: color-theme-text-primary-normal
+ * @cssproperty --mdc-themeprovider-font-family - Option to override the font family,
+ * default: `Momentum` (from momentum-design/fonts)
+ * @cssproperty --mdc-themeprovider-font-weight - Option to override the font weight, default: `400`
+ * @cssproperty --mdc-themeprovider-letter-spacing-adjustment - Option to override the default letter-spacing,
+ * default: `-0.25px` (this is to match the old CiscoSans)
  */
 class ThemeProvider extends models_1.Provider {
     constructor() {

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

@@ -1,14 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 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: var(--mds-font-family-primary);
     --mdc-themeprovider-color-default: var(--mds-color-theme-text-primary-normal);
+    --mdc-themeprovider-font-family: var(--mds-font-family-primary);
+    --mdc-themeprovider-font-weight: 400;
+    /* adjusting Inter's letter spacing to better match the old CiscoSans */
+    --mdc-themeprovider-letter-spacing-adjustment: -0.25px;
 
-    font-family: var(--mdc-themeprovider-font-family);
     color: var(--mdc-themeprovider-color-default);
+    font-family: var(--mdc-themeprovider-font-family);
+    font-weight: var(--mdc-themeprovider-font-weight);
+    letter-spacing: var(--mdc-themeprovider-letter-spacing-adjustment);
   }
 `;
 exports.default = styles;

package/dist/custom-elements.json

@@ -626,12 +626,20 @@
           "name": "ThemeProvider",
           "cssProperties": [
             {
-              "description": "Option to override the font family",
+              "description": "Option to override the default color, default: color-theme-text-primary-normal",
+              "name": "--mdc-themeprovider-color-default"
+            },
+            {
+              "description": "Option to override the font family, default: `Momentum` (from momentum-design/fonts)",
               "name": "--mdc-themeprovider-font-family"
             },
             {
-              "description": "Option to override the default color",
-              "name": "--mdc-themeprovider-color-default"
+              "description": "Option to override the font weight, default: `400`",
+              "name": "--mdc-themeprovider-font-weight"
+            },
+            {
+              "description": "Option to override the default letter-spacing, default: `-0.25px` (this is to match the old CiscoSans)",
+              "name": "--mdc-themeprovider-letter-spacing-adjustment"
             }
           ],
           "slots": [
@@ -691,7 +699,7 @@
             "module": "/src/models"
           },
           "tagName": "mdc-themeprovider",
-          "jsDoc": "/**\n * ThemeProvider component, which sets the passed in themeclass as class.\n * If the themeclass switches, the existing themeclass will be removed as a class\n * and the new themeclass will be added.\n *\n * CSS variables defined in the themeclass will be used for the styling of child dom nodes.\n *\n * Themeclass context can be be consumed from Lit child components\n * (see providerUtils.consume for how to consume)\n *\n * ThemeProvider also includes basic font defaults for text.\n *\n * @tagname mdc-themeprovider\n *\n * @slot default - children\n *\n * @cssproperty --mdc-themeprovider-font-family - Option to override the font family\n * @cssproperty --mdc-themeprovider-color-default - Option to override the default color\n */",
+          "jsDoc": "/**\n * ThemeProvider component, which sets the passed in themeclass as class.\n * If the themeclass switches, the existing themeclass will be removed as a class\n * and the new themeclass will be added.\n *\n * CSS variables defined in the themeclass will be used for the styling of child dom nodes.\n *\n * Themeclass context can be be consumed from Lit child components\n * (see providerUtils.consume for how to consume)\n *\n * ThemeProvider also includes basic font defaults for text.\n *\n * @tagname mdc-themeprovider\n *\n * @slot default - children\n *\n * @cssproperty --mdc-themeprovider-color-default - Option to override the default color,\n * default: color-theme-text-primary-normal\n * @cssproperty --mdc-themeprovider-font-family - Option to override the font family,\n * default: `Momentum` (from momentum-design/fonts)\n * @cssproperty --mdc-themeprovider-font-weight - Option to override the font weight, default: `400`\n * @cssproperty --mdc-themeprovider-letter-spacing-adjustment - Option to override the default letter-spacing,\n * default: `-0.25px` (this is to match the old CiscoSans)\n */",
           "customElement": true
         }
       ],

package/dist/react/themeprovider/index.d.ts

@@ -15,8 +15,13 @@ import Component from '../../components/themeprovider';
  *
  * @slot default - children
  *
- * @cssproperty --mdc-themeprovider-font-family - Option to override the font family
- * @cssproperty --mdc-themeprovider-color-default - Option to override the default color
+ * @cssproperty --mdc-themeprovider-color-default - Option to override the default color,
+ * default: color-theme-text-primary-normal
+ * @cssproperty --mdc-themeprovider-font-family - Option to override the font family,
+ * default: `Momentum` (from momentum-design/fonts)
+ * @cssproperty --mdc-themeprovider-font-weight - Option to override the font weight, default: `400`
+ * @cssproperty --mdc-themeprovider-letter-spacing-adjustment - Option to override the default letter-spacing,
+ * default: `-0.25px` (this is to match the old CiscoSans)
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {}>;
 export default reactWrapper;

package/dist/react/themeprovider/index.js

@@ -21,8 +21,13 @@ const themeprovider_constants_1 = require("../../components/themeprovider/themep
  *
  * @slot default - children
  *
- * @cssproperty --mdc-themeprovider-font-family - Option to override the font family
- * @cssproperty --mdc-themeprovider-color-default - Option to override the default color
+ * @cssproperty --mdc-themeprovider-color-default - Option to override the default color,
+ * default: color-theme-text-primary-normal
+ * @cssproperty --mdc-themeprovider-font-family - Option to override the font family,
+ * default: `Momentum` (from momentum-design/fonts)
+ * @cssproperty --mdc-themeprovider-font-weight - Option to override the font weight, default: `400`
+ * @cssproperty --mdc-themeprovider-letter-spacing-adjustment - Option to override the default letter-spacing,
+ * default: `-0.25px` (this is to match the old CiscoSans)
  */
 const reactWrapper = (0, react_1.createComponent)({
     tagName: themeprovider_constants_1.TAG_NAME,

package/package.json

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