@momentum-design/components 0.1.12 → 0.1.14

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

@@ -9,9 +9,14 @@ import IconProviderContext from './iconprovider.context';
  * fetched.
  *
  * @tagname mdc-iconprovider
+ *
+ * @slot default - children
  */
 declare class IconProvider extends Provider<IconProviderContext> {
     constructor();
+    /**
+     * Context object of the IconProvider, to be consumed by child components
+     */
     static get Context(): {
         __context__: IconProviderContext;
     };

package/dist/components/iconprovider/iconprovider.component.js

@@ -14,6 +14,8 @@ const iconprovider_constants_1 = require("./iconprovider.constants");
  * fetched.
  *
  * @tagname mdc-iconprovider
+ *
+ * @slot default - children
  */
 class IconProvider extends models_1.Provider {
     constructor() {
@@ -36,6 +38,9 @@ class IconProvider extends models_1.Provider {
          */
         this.size = iconprovider_constants_1.DEFAULTS.LENGTH_UNIT_SIZE[iconprovider_constants_1.DEFAULTS.LENGTH_UNIT];
     }
+    /**
+     * Context object of the IconProvider, to be consumed by child components
+     */
     static get Context() {
         return iconprovider_context_1.default.context;
     }

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

@@ -436,12 +436,19 @@
           "kind": "class",
           "description": "IconProvider component, which allows to be consumed from sub components\n(see `providerUtils.consume` for how to consume)\n\nBundling icons will be up to the consumer of this component, such\nthat only a url has to be passed in from which the icons will be\nfetched.",
           "name": "IconProvider",
+          "slots": [
+            {
+              "description": "children",
+              "name": "default"
+            }
+          ],
           "members": [
             {
               "kind": "field",
               "name": "Context",
               "privacy": "public",
               "static": true,
+              "description": "Context object of the IconProvider, to be consumed by child components",
               "readonly": true
             },
             {
@@ -540,7 +547,7 @@
             "module": "/src/models"
           },
           "tagName": "mdc-iconprovider",
-          "jsDoc": "/**\n * IconProvider component, which allows to be consumed from sub components\n * (see `providerUtils.consume` for how to consume)\n *\n * Bundling icons will be up to the consumer of this component, such\n * that only a url has to be passed in from which the icons will be\n * fetched.\n *\n * @tagname mdc-iconprovider\n */",
+          "jsDoc": "/**\n * IconProvider component, which allows to be consumed from sub components\n * (see `providerUtils.consume` for how to consume)\n *\n * Bundling icons will be up to the consumer of this component, such\n * that only a url has to be passed in from which the icons will be\n * fetched.\n *\n * @tagname mdc-iconprovider\n *\n * @slot default - children\n */",
           "customElement": true
         }
       ],
@@ -626,12 +633,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 +706,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/iconprovider/index.d.ts

@@ -8,6 +8,8 @@ import Component from '../../components/iconprovider';
  * fetched.
  *
  * @tagname mdc-iconprovider
+ *
+ * @slot default - children
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {}>;
 export default reactWrapper;

package/dist/react/iconprovider/index.js

@@ -14,6 +14,8 @@ const iconprovider_constants_1 = require("../../components/iconprovider/iconprov
  * fetched.
  *
  * @tagname mdc-iconprovider
+ *
+ * @slot default - children
  */
 const reactWrapper = (0, react_1.createComponent)({
     tagName: iconprovider_constants_1.TAG_NAME,

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.12"
+  "version": "0.1.14"
 }