@react-md/typography - npm Package Compare versions

Comparing version 2.0.0-alpha.12 to 2.0.0-alpha.13

es/SrOnly.js

@@ -33,4 +33,4 @@ var __assign = (this && this.__assign) || function () {
  */
-var SrOnly = function (providedProps) {
-    var _a = providedProps, className = _a.className, forwardedRef = _a.forwardedRef, children = _a.children, focusable = _a.focusable, propTabIndex = _a.tabIndex, props = __rest(_a, ["className", "forwardedRef", "children", "focusable", "tabIndex"]);
+function SrOnly(_a, ref) {
+    var className = _a.className, children = _a.children, _b = _a.focusable, focusable = _b === void 0 ? false : _b, propTabIndex = _a.tabIndex, _c = _a.component, component = _c === void 0 ? "span" : _c, props = __rest(_a, ["className", "children", "focusable", "tabIndex", "component"]);
     var tabIndex = propTabIndex;
@@ -40,18 +40,9 @@ if (focusable && typeof tabIndex === "undefined") {
     }
-    return (React.createElement(Text, __assign({}, props, { tabIndex: tabIndex, ref: forwardedRef, className: cn(block({ focusable: focusable }), className) }), children));
-};
-var defaultProps = {
-    component: "span",
-    focusable: false,
-};
-SrOnly.defaultProps = defaultProps;
+    return (React.createElement(Text, __assign({}, props, { ref: ref, tabIndex: tabIndex, component: component, className: cn(block({ focusable: focusable }), className) }), children));
+}
+var ForwardedSrOnly = forwardRef(SrOnly);
 if (process.env.NODE_ENV !== "production") {
-    SrOnly.displayName = "SrOnly";
-    var PropTypes = null;
     try {
-        PropTypes = require("prop-types");
-    }
-    catch (e) { }
-    if (PropTypes) {
-        SrOnly.propTypes = {
+        var PropTypes = require("prop-types");
+        ForwardedSrOnly.propTypes = {
             focusable: PropTypes.bool,
@@ -65,4 +56,5 @@ component: PropTypes.oneOfType([
     }
+    catch (e) { }
 }
-export default forwardRef(function (props, ref) { return (React.createElement(SrOnly, __assign({}, props, { forwardedRef: ref }))); });
+export default ForwardedSrOnly;
 //# sourceMappingURL=SrOnly.js.map

es/Text.js

@@ -23,3 +23,3 @@ var __assign = (this && this.__assign) || function () {
 };
-import React, { createElement, forwardRef, } from "react";
+import { createElement, forwardRef, } from "react";
 import cn from "classnames";
@@ -59,8 +59,10 @@ import { bem } from "@react-md/utils";
 /**
- * The `Text` component is used to render text with the material design typography styles applied.
- * By default, everything will be rendered in a `<p>` tag with the normal paragraph styles.
+ * The `Text` component is used to render text with the material design
+ * typography styles applied.  By default, everything will be rendered in a
+ * `<p>` tag with the normal paragraph styles.
  *
- * When the `type` prop is changed to another typography style, this component will determine the
- * "best" element to render the text in *unless* the `component` prop is provided. The default
- * mapping is:
+ * When the `type` prop is changed to another typography style, this component
+ * will determine the "best" element to render the text in *unless* the
+ * `component` prop is provided. The default mapping is:
+ *
  * - `"headline-1" -> <h1>`
@@ -79,46 +81,32 @@ * - `"headline-2" -> <h2>`
  * - `"button"     -> <button>`
- * NOTE: if the `component` prop is not `null`, this logic will be ignored and the provided
- * `component` will be used instead.
+ *
+ * NOTE: if the `component` prop is not `null`, this logic will be ignored and
+ * the provided `component` will be used instead.
  */
-var Text = function (providedProps) {
-    var _a;
-    var _b = providedProps, propClassName = _b.className, children = _b.children, type = _b.type, component = _b.component, forwardedRef = _b.forwardedRef, align = _b.align, color = _b.color, decoration = _b.decoration, transform = _b.transform, weight = _b.weight, margin = _b.margin, props = __rest(_b, ["className", "children", "type", "component", "forwardedRef", "align", "color", "decoration", "transform", "weight", "margin"]);
-    var className = cn(block((_a = {},
-        _a[type] = true,
-        _a["no-margin"] = margin === "none",
-        _a["no-margin-top"] = margin === "bottom",
-        _a["no-margin-bottom"] = margin === "top",
-        _a[align] = align,
-        _a[decoration] = decoration && decoration !== "overline",
-        _a[color] = color,
+function Text(_a, ref) {
+    var _b;
+    var propClassName = _a.className, children = _a.children, _c = _a.type, type = _c === void 0 ? "body-1" : _c, _d = _a.component, component = _d === void 0 ? null : _d, _e = _a.align, align = _e === void 0 ? "" : _e, _f = _a.color, color = _f === void 0 ? "" : _f, _g = _a.decoration, decoration = _g === void 0 ? "" : _g, _h = _a.transform, transform = _h === void 0 ? "" : _h, _j = _a.weight, weight = _j === void 0 ? "" : _j, _k = _a.margin, margin = _k === void 0 ? "initial" : _k, props = __rest(_a, ["className", "children", "type", "component", "align", "color", "decoration", "transform", "weight", "margin"]);
+    var className = cn(block((_b = {},
+        _b[type] = true,
+        _b["no-margin"] = margin === "none",
+        _b["no-margin-top"] = margin === "bottom",
+        _b["no-margin-bottom"] = margin === "top",
+        _b[align] = align,
+        _b[decoration] = decoration && decoration !== "overline",
+        _b[color] = color,
         // only because "overline" is technically one of the valid material design types :/
-        _a["overline-decoration"] = decoration === "overline",
-        _a[transform] = transform,
-        _a[weight] = weight,
-        _a)), propClassName);
+        _b["overline-decoration"] = decoration === "overline",
+        _b[transform] = transform,
+        _b[weight] = weight,
+        _b)), propClassName);
     if (typeof children === "function") {
         return children({ className: className });
     }
-    return createElement(getComponent(component, type), __assign(__assign({}, props), { className: className, ref: forwardedRef }), children);
-};
-var defaultProps = {
-    align: "",
-    color: "",
-    decoration: "",
-    transform: "",
-    weight: "",
-    type: "body-1",
-    component: null,
-    margin: "initial",
-};
-Text.defaultProps = defaultProps;
+    return createElement(getComponent(component, type), __assign(__assign({}, props), { className: className, ref: ref }), children);
+}
+var ForwardedText = forwardRef(Text);
 if (process.env.NODE_ENV !== "production") {
-    Text.displayName = "Text";
-    var PropTypes = null;
     try {
-        PropTypes = require("prop-types");
-    }
-    catch (e) { }
-    if (PropTypes) {
-        Text.propTypes = {
+        var PropTypes = require("prop-types");
+        ForwardedText.propTypes = {
             className: PropTypes.string,
@@ -176,4 +164,5 @@ type: PropTypes.oneOf([
     }
+    catch (e) { }
 }
-export default forwardRef(function (props, ref) { return (React.createElement(Text, __assign({}, props, { forwardedRef: ref }))); });
+export default ForwardedText;
 //# sourceMappingURL=Text.js.map

es/TextContainer.js

@@ -25,4 +25,4 @@ var __assign = (this && this.__assign) || function () {
 import cn from "classnames";
-var TextContainer = function (providedProps) {
-    var _a = providedProps, propClassName = _a.className, Component = _a.component, size = _a.size, children = _a.children, forwardedRef = _a.forwardedRef, props = __rest(_a, ["className", "component", "size", "children", "forwardedRef"]);
+function TextContainer(_a, ref) {
+    var propClassName = _a.className, _b = _a.component, Component = _b === void 0 ? "div" : _b, _c = _a.size, size = _c === void 0 ? "auto" : _c, children = _a.children, props = __rest(_a, ["className", "component", "size", "children"]);
     var className = cn("rmd-text-container rmd-text-container--" + size, propClassName);
@@ -32,18 +32,9 @@ if (typeof children === "function") {
     }
-    return (React.createElement(Component, __assign({}, props, { className: className, ref: forwardedRef }), children));
-};
-var defaultProps = {
-    size: "auto",
-    component: "div",
-};
-TextContainer.defaultProps = defaultProps;
+    return (React.createElement(Component, __assign({}, props, { className: className, ref: ref }), children));
+}
+var ForwardedTextContainer = forwardRef(TextContainer);
 if (process.env.NODE_ENV !== "production") {
-    TextContainer.displayName = "TextContainer";
-    var PropTypes = null;
     try {
-        PropTypes = require("prop-types");
-    }
-    catch (e) { }
-    if (PropTypes) {
-        TextContainer.propTypes = {
+        var PropTypes = require("prop-types");
+        ForwardedTextContainer.propTypes = {
             className: PropTypes.string,
@@ -59,4 +50,5 @@ size: PropTypes.oneOf(["auto", "mobile", "desktop"]),
     }
+    catch (e) { }
 }
-export default forwardRef(function (props, ref) { return React.createElement(TextContainer, __assign({}, props, { forwardedRef: ref })); });
+export default ForwardedTextContainer;
 //# sourceMappingURL=TextContainer.js.map

lib/SrOnly.js

@@ -45,4 +45,4 @@ "use strict";
  */
-var SrOnly = function (providedProps) {
-    var _a = providedProps, className = _a.className, forwardedRef = _a.forwardedRef, children = _a.children, focusable = _a.focusable, propTabIndex = _a.tabIndex, props = __rest(_a, ["className", "forwardedRef", "children", "focusable", "tabIndex"]);
+function SrOnly(_a, ref) {
+    var className = _a.className, children = _a.children, _b = _a.focusable, focusable = _b === void 0 ? false : _b, propTabIndex = _a.tabIndex, _c = _a.component, component = _c === void 0 ? "span" : _c, props = __rest(_a, ["className", "children", "focusable", "tabIndex", "component"]);
     var tabIndex = propTabIndex;
@@ -52,18 +52,9 @@ if (focusable && typeof tabIndex === "undefined") {
     }
-    return (react_1.default.createElement(Text_1.default, __assign({}, props, { tabIndex: tabIndex, ref: forwardedRef, className: classnames_1.default(block({ focusable: focusable }), className) }), children));
-};
-var defaultProps = {
-    component: "span",
-    focusable: false,
-};
-SrOnly.defaultProps = defaultProps;
+    return (react_1.default.createElement(Text_1.default, __assign({}, props, { ref: ref, tabIndex: tabIndex, component: component, className: classnames_1.default(block({ focusable: focusable }), className) }), children));
+}
+var ForwardedSrOnly = react_1.forwardRef(SrOnly);
 if (process.env.NODE_ENV !== "production") {
-    SrOnly.displayName = "SrOnly";
-    var PropTypes = null;
     try {
-        PropTypes = require("prop-types");
-    }
-    catch (e) { }
-    if (PropTypes) {
-        SrOnly.propTypes = {
+        var PropTypes = require("prop-types");
+        ForwardedSrOnly.propTypes = {
             focusable: PropTypes.bool,
@@ -77,4 +68,5 @@ component: PropTypes.oneOfType([
     }
+    catch (e) { }
 }
-exports.default = react_1.forwardRef(function (props, ref) { return (react_1.default.createElement(SrOnly, __assign({}, props, { forwardedRef: ref }))); });
+exports.default = ForwardedSrOnly;
 //# sourceMappingURL=SrOnly.js.map

lib/Text.js

@@ -24,9 +24,2 @@ "use strict";
 };
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
-    result["default"] = mod;
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
@@ -36,3 +29,3 @@ return (mod && mod.__esModule) ? mod : { "default": mod };
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
+var react_1 = require("react");
 var classnames_1 = __importDefault(require("classnames"));
@@ -72,8 +65,10 @@ var utils_1 = require("@react-md/utils");
 /**
- * The `Text` component is used to render text with the material design typography styles applied.
- * By default, everything will be rendered in a `<p>` tag with the normal paragraph styles.
+ * The `Text` component is used to render text with the material design
+ * typography styles applied.  By default, everything will be rendered in a
+ * `<p>` tag with the normal paragraph styles.
  *
- * When the `type` prop is changed to another typography style, this component will determine the
- * "best" element to render the text in *unless* the `component` prop is provided. The default
- * mapping is:
+ * When the `type` prop is changed to another typography style, this component
+ * will determine the "best" element to render the text in *unless* the
+ * `component` prop is provided. The default mapping is:
+ *
  * - `"headline-1" -> <h1>`
@@ -92,46 +87,32 @@ * - `"headline-2" -> <h2>`
  * - `"button"     -> <button>`
- * NOTE: if the `component` prop is not `null`, this logic will be ignored and the provided
- * `component` will be used instead.
+ *
+ * NOTE: if the `component` prop is not `null`, this logic will be ignored and
+ * the provided `component` will be used instead.
  */
-var Text = function (providedProps) {
-    var _a;
-    var _b = providedProps, propClassName = _b.className, children = _b.children, type = _b.type, component = _b.component, forwardedRef = _b.forwardedRef, align = _b.align, color = _b.color, decoration = _b.decoration, transform = _b.transform, weight = _b.weight, margin = _b.margin, props = __rest(_b, ["className", "children", "type", "component", "forwardedRef", "align", "color", "decoration", "transform", "weight", "margin"]);
-    var className = classnames_1.default(block((_a = {},
-        _a[type] = true,
-        _a["no-margin"] = margin === "none",
-        _a["no-margin-top"] = margin === "bottom",
-        _a["no-margin-bottom"] = margin === "top",
-        _a[align] = align,
-        _a[decoration] = decoration && decoration !== "overline",
-        _a[color] = color,
+function Text(_a, ref) {
+    var _b;
+    var propClassName = _a.className, children = _a.children, _c = _a.type, type = _c === void 0 ? "body-1" : _c, _d = _a.component, component = _d === void 0 ? null : _d, _e = _a.align, align = _e === void 0 ? "" : _e, _f = _a.color, color = _f === void 0 ? "" : _f, _g = _a.decoration, decoration = _g === void 0 ? "" : _g, _h = _a.transform, transform = _h === void 0 ? "" : _h, _j = _a.weight, weight = _j === void 0 ? "" : _j, _k = _a.margin, margin = _k === void 0 ? "initial" : _k, props = __rest(_a, ["className", "children", "type", "component", "align", "color", "decoration", "transform", "weight", "margin"]);
+    var className = classnames_1.default(block((_b = {},
+        _b[type] = true,
+        _b["no-margin"] = margin === "none",
+        _b["no-margin-top"] = margin === "bottom",
+        _b["no-margin-bottom"] = margin === "top",
+        _b[align] = align,
+        _b[decoration] = decoration && decoration !== "overline",
+        _b[color] = color,
         // only because "overline" is technically one of the valid material design types :/
-        _a["overline-decoration"] = decoration === "overline",
-        _a[transform] = transform,
-        _a[weight] = weight,
-        _a)), propClassName);
+        _b["overline-decoration"] = decoration === "overline",
+        _b[transform] = transform,
+        _b[weight] = weight,
+        _b)), propClassName);
     if (typeof children === "function") {
         return children({ className: className });
     }
-    return react_1.createElement(getComponent(component, type), __assign(__assign({}, props), { className: className, ref: forwardedRef }), children);
-};
-var defaultProps = {
-    align: "",
-    color: "",
-    decoration: "",
-    transform: "",
-    weight: "",
-    type: "body-1",
-    component: null,
-    margin: "initial",
-};
-Text.defaultProps = defaultProps;
+    return react_1.createElement(getComponent(component, type), __assign(__assign({}, props), { className: className, ref: ref }), children);
+}
+var ForwardedText = react_1.forwardRef(Text);
 if (process.env.NODE_ENV !== "production") {
-    Text.displayName = "Text";
-    var PropTypes = null;
     try {
-        PropTypes = require("prop-types");
-    }
-    catch (e) { }
-    if (PropTypes) {
-        Text.propTypes = {
+        var PropTypes = require("prop-types");
+        ForwardedText.propTypes = {
             className: PropTypes.string,
@@ -189,4 +170,5 @@ type: PropTypes.oneOf([
     }
+    catch (e) { }
 }
-exports.default = react_1.forwardRef(function (props, ref) { return (react_1.default.createElement(Text, __assign({}, props, { forwardedRef: ref }))); });
+exports.default = ForwardedText;
 //# sourceMappingURL=Text.js.map

lib/TextContainer.js

@@ -37,4 +37,4 @@ "use strict";
 var classnames_1 = __importDefault(require("classnames"));
-var TextContainer = function (providedProps) {
-    var _a = providedProps, propClassName = _a.className, Component = _a.component, size = _a.size, children = _a.children, forwardedRef = _a.forwardedRef, props = __rest(_a, ["className", "component", "size", "children", "forwardedRef"]);
+function TextContainer(_a, ref) {
+    var propClassName = _a.className, _b = _a.component, Component = _b === void 0 ? "div" : _b, _c = _a.size, size = _c === void 0 ? "auto" : _c, children = _a.children, props = __rest(_a, ["className", "component", "size", "children"]);
     var className = classnames_1.default("rmd-text-container rmd-text-container--" + size, propClassName);
@@ -44,18 +44,9 @@ if (typeof children === "function") {
     }
-    return (react_1.default.createElement(Component, __assign({}, props, { className: className, ref: forwardedRef }), children));
-};
-var defaultProps = {
-    size: "auto",
-    component: "div",
-};
-TextContainer.defaultProps = defaultProps;
+    return (react_1.default.createElement(Component, __assign({}, props, { className: className, ref: ref }), children));
+}
+var ForwardedTextContainer = react_1.forwardRef(TextContainer);
 if (process.env.NODE_ENV !== "production") {
-    TextContainer.displayName = "TextContainer";
-    var PropTypes = null;
     try {
-        PropTypes = require("prop-types");
-    }
-    catch (e) { }
-    if (PropTypes) {
-        TextContainer.propTypes = {
+        var PropTypes = require("prop-types");
+        ForwardedTextContainer.propTypes = {
             className: PropTypes.string,
@@ -71,4 +62,5 @@ size: PropTypes.oneOf(["auto", "mobile", "desktop"]),
     }
+    catch (e) { }
 }
-exports.default = react_1.forwardRef(function (props, ref) { return react_1.default.createElement(TextContainer, __assign({}, props, { forwardedRef: ref })); });
+exports.default = ForwardedTextContainer;
 //# sourceMappingURL=TextContainer.js.map

package.json

 {
   "name": "@react-md/typography",
-  "version": "2.0.0-alpha.12",
+  "version": "2.0.0-alpha.13",
   "description": "The base package for including typography for react-md.",
@@ -38,4 +38,4 @@ "scripts": {
   "dependencies": {
-    "@react-md/theme": "^2.0.0-alpha.12",
-    "@react-md/utils": "^2.0.0-alpha.12",
+    "@react-md/theme": "^2.0.0-alpha.13",
+    "@react-md/utils": "^2.0.0-alpha.13",
     "classnames": "^2.2.6"
@@ -52,3 +52,3 @@ },
   },
-  "gitHead": "b31afe8dc076cf0647ac3e99dc0b61f8f4b7b0e2"
+  "gitHead": "47959dd8c691deae0310c7cd01b3c275699e6f8c"
 }

types/SrOnly.d.ts

 import React from "react";
-import { TextProps, TextElement } from "./Text";
+import { TextElement, TextProps } from "./Text";
 export interface SrOnlyProps extends TextProps {
@@ -11,3 +11,3 @@ /**
 }
-declare const _default: React.ForwardRefExoticComponent<SrOnlyProps & React.RefAttributes<TextElement>>;
-export default _default;
+declare const ForwardedSrOnly: React.ForwardRefExoticComponent<SrOnlyProps & React.RefAttributes<TextElement>>;
+export default ForwardedSrOnly;

types/Text.d.ts

@@ -1,6 +0,6 @@
-import React, { ElementType, HTMLAttributes, ReactElement, ReactNode } from "react";
+import { ElementType, HTMLAttributes, ReactElement, ReactNode } from "react";
 /**
- * A union of all the material design provided typography styles. When used with the Text
- * component, this will generate the correct typography className to apply and determine
- * what component to be rendered as if none was provided.
+ * A union of all the material design provided typography styles. When used with
+ * the Text component, this will generate the correct typography className to
+ * apply and determine what component to be rendered as if none was provided.
  */
@@ -14,4 +14,5 @@ export declare type TextTypes = "headline-1" | "headline-2" | "headline-3" | "headline-4" | "headline-5" | "headline-6" | "subtitle-1" | "subtitle-2" | "body-1" | "body-2" | "caption" | "overline" | "button";
 /**
- * A union of the default supported elements that the `Text` component can be rendered as. This
- * is mostly used for adding the correct HTMLAttributes and enabling the forward ref.
+ * A union of the default supported elements that the `Text` component can be
+ * rendered as. This is mostly used for adding the correct HTMLAttributes and
+ * enabling the forward ref.
  */
@@ -28,4 +29,6 @@ export declare type TextElement = HTMLHeadingElement | HTMLParagraphElement | HTMLSpanElement | HTMLDivElement | HTMLButtonElement | HTMLAnchorElement | HTMLBodyElement | HTMLHtmlElement;
     /**
-     * The component to render as when the children are not a render function. If this prop
-     * is omitted, the component will be determined by the `type` prop where:
+     * The component to render as when the children are not a render function. If
+     * this prop is omitted, the component will be determined by the `type` prop
+     * where:
+     *
      * - `"headline-1" -> <h1>`
@@ -48,9 +51,11 @@ * - `"headline-2" -> <h2>`
     /**
-     * One of the material design typography text styles. This is used to generate a className
-     * that can be applied to any element and have the correct typography.
+     * One of the material design typography text styles. This is used to generate
+     * a className that can be applied to any element and have the correct
+     * typography.
      */
     type?: TextTypes;
     /**
-     * Either a child render function or a react node. If this is not the child render function, a
-     * different wrapper component can be provided using the `component` prop.
+     * Either a child render function or a react node. If this is not the child
+     * render function, a different wrapper component can be provided using the
+     * `component` prop.
      */
@@ -63,5 +68,5 @@ children?: ReactNode | TextRenderFunction;
     /**
-     * An optional text color to apply. Unline normal theme colors, these will reflect
-     * the `text-secondary-on-background` and `text-hint-on-background` instead of the
-     * primary or secondary theme colors.
+     * An optional text color to apply. Unline normal theme colors, these will
+     * reflect the `text-secondary-on-background` and `text-hint-on-background`
+     * instead of the primary or secondary theme colors.
      */
@@ -82,5 +87,7 @@ color?: TextColor;
     /**
-     * Since the typography within react-md tries to not modify base elements, the default
-     * margin applied to heading tags (h1-h6) and paragraph (p) might have large margin that
-     * you don't want applied when using this component. You can disable:
+     * Since the typography within react-md tries to not modify base elements, the
+     * default margin applied to heading tags (h1-h6) and paragraph (p) might have
+     * large margin that you don't want applied when using this component. You can
+     * disable:
+     *
      * - only the top margin by setting this prop to `"bottom"`
@@ -93,3 +100,3 @@ * - only the bottom margin by setting this prop to `"top"`
 }
-declare const _default: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<TextElement>>;
-export default _default;
+declare const ForwardedText: import("react").ForwardRefExoticComponent<TextProps & import("react").RefAttributes<TextElement>>;
+export default ForwardedText;

types/TextContainer.d.ts

 import React, { ElementType, HTMLAttributes, ReactElement, ReactNode } from "react";
 /**
- * A union of the available text container sizes. One of these values must be chosen
- * to help set the max width for text.
+ * A union of the available text container sizes. One of these values must be
+ * chosen to help set the max width for text.
  */
 export declare type TextContainerSize = "auto" | "mobile" | "desktop";
 /**
- * A type describing the text container's children render function. It provides an object containing
- * the correct (and merged) className and exects a renderable element to be returned.
+ * A type describing the text container's children render function. It provides
+ * an object containing the correct (and merged) className and exects a
+ * renderable element to be returned.
  */
@@ -23,18 +24,21 @@ export declare type TextContainerRenderFunction = (props: {
     /**
-     * The size for the text container. This can usually just be left at the default of `"auto"` since
-     * it will automatically transition between `"mobile"` and `"desktop"` based on media queries.
-     * However, you can also manually specify `"mobile"` or `"desktop"` if needed.
+     * The size for the text container. This can usually just be left at the
+     * default of `"auto"` since it will automatically transition between
+     * `"mobile"` and `"desktop"` based on media queries.  However, you can also
+     * manually specify `"mobile"` or `"desktop"` if needed.
      */
     size?: TextContainerSize;
     /**
-     * The component to render as. By default this will just be a div, but anything can be provided.
+     * The component to render as. By default this will just be a div, but
+     * anything can be provided.
      */
     component?: ElementType;
     /**
-     * Either a child render function or a react node. If this is not the child render function, a
-     * different wrapper component can be provided using the `component` prop.
+     * Either a child render function or a react node. If this is not the child
+     * render function, a different wrapper component can be provided using the
+     * `component` prop.
      */
     children?: ReactNode | TextContainerRenderFunction;
 }
-declare const _default: React.ForwardRefExoticComponent<TextContainerProps & React.RefAttributes<"symbol" | "object" | "big" | "link" | "small" | "sub" | "sup" | "track" | "progress" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "map" | "mark" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "source" | "span" | "strong" | "style" | "summary" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "u" | "ul" | "var" | "video" | "wbr" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "svg" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | HTMLDivElement | "menuitem" | "keygen" | "noindex" | "webview" | "animate" | "animateMotion" | "animateTransform" | "feDropShadow" | "mpath" | React.ComponentClass<any, any> | React.FunctionComponent<any>>>;
-export default _default;
+declare const ForwardedTextContainer: React.ForwardRefExoticComponent<TextContainerProps & React.RefAttributes<"symbol" | "object" | "big" | "link" | "small" | "sub" | "sup" | "track" | "progress" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "map" | "mark" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "source" | "span" | "strong" | "style" | "summary" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "u" | "ul" | "var" | "video" | "wbr" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "svg" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | HTMLDivElement | "menuitem" | "keygen" | "noindex" | "webview" | "animate" | "animateMotion" | "animateTransform" | "feDropShadow" | "mpath" | React.ComponentClass<any, any> | React.FunctionComponent<any>>>;
+export default ForwardedTextContainer;

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

511314

increased by0.07%

Worsened metrics

Lines of code

1992

decreased by-4.14%

Dependency changes

• Updated@react-md/theme@^2.0.0-alpha.13

• Updated@react-md/utils@^2.0.0-alpha.13