@react-md/typography - npm Package Compare versions

Comparing version 2.0.0-alpha.0 to 2.0.0-alpha.1

dist/scssVariables.d.ts

@@ -8,2 +8,3 @@ declare const _default: {
         "font-family": string;
+        "overflow-wrap": string;
         "-moz-osx-font-smoothing": string;
@@ -21,3 +22,14 @@ "-webkit-font-smoothing": string;
     };
-    "rmd-typography-default-font-weights": string;
+    "rmd-typography-default-font-weights": string[];
+    "rmd-typography-colors": {
+        secondary: string;
+        hint: string;
+        "theme-primary": string;
+        "theme-secondary": string;
+        "theme-warning": string;
+        "theme-error": string;
+    };
+    "rmd-typography-alignments": string[];
+    "rmd-typography-decorations": string[];
+    "rmd-typography-transforms": string[];
     "rmd-typography-google-font-weight-suffixes": {
@@ -35,2 +47,3 @@ thin: string;
             "font-family": string;
+            "overflow-wrap": string;
             "-moz-osx-font-smoothing": string;
@@ -47,2 +60,3 @@ "-webkit-font-smoothing": string;
             "font-family": string;
+            "overflow-wrap": string;
             "-moz-osx-font-smoothing": string;
@@ -59,2 +73,3 @@ "-webkit-font-smoothing": string;
             "font-family": string;
+            "overflow-wrap": string;
             "-moz-osx-font-smoothing": string;
@@ -71,2 +86,3 @@ "-webkit-font-smoothing": string;
             "font-family": string;
+            "overflow-wrap": string;
             "-moz-osx-font-smoothing": string;
@@ -83,2 +99,3 @@ "-webkit-font-smoothing": string;
             "font-family": string;
+            "overflow-wrap": string;
             "-moz-osx-font-smoothing": string;
@@ -95,2 +112,3 @@ "-webkit-font-smoothing": string;
             "font-family": string;
+            "overflow-wrap": string;
             "-moz-osx-font-smoothing": string;
@@ -107,2 +125,3 @@ "-webkit-font-smoothing": string;
             "font-family": string;
+            "overflow-wrap": string;
             "-moz-osx-font-smoothing": string;
@@ -119,2 +138,3 @@ "-webkit-font-smoothing": string;
             "font-family": string;
+            "overflow-wrap": string;
             "-moz-osx-font-smoothing": string;
@@ -131,2 +151,3 @@ "-webkit-font-smoothing": string;
             "font-family": string;
+            "overflow-wrap": string;
             "-moz-osx-font-smoothing": string;
@@ -143,2 +164,3 @@ "-webkit-font-smoothing": string;
             "font-family": string;
+            "overflow-wrap": string;
             "-moz-osx-font-smoothing": string;
@@ -155,2 +177,3 @@ "-webkit-font-smoothing": string;
             "font-family": string;
+            "overflow-wrap": string;
             "-moz-osx-font-smoothing": string;
@@ -167,2 +190,3 @@ "-webkit-font-smoothing": string;
             "font-family": string;
+            "overflow-wrap": string;
             "-moz-osx-font-smoothing": string;
@@ -179,2 +203,3 @@ "-webkit-font-smoothing": string;
             "font-family": string;
+            "overflow-wrap": string;
             "-moz-osx-font-smoothing": string;
@@ -181,0 +206,0 @@ "-webkit-font-smoothing": string;

dist/scssVariables.js

@@ -11,2 +11,3 @@ "use strict";
         "font-family": "Roboto, sans-serif",
+        "overflow-wrap": "break-word",
         "-moz-osx-font-smoothing": "grayscale",
@@ -24,3 +25,14 @@ "-webkit-font-smoothing": "antialiased",
     },
-    "rmd-typography-default-font-weights": "light regular medium bold",
+    "rmd-typography-default-font-weights": ["light", "regular", "medium", "bold"],
+    "rmd-typography-colors": {
+        secondary: "text-secondary-on-background",
+        hint: "text-hint-on-background",
+        "theme-primary": "primary",
+        "theme-secondary": "secondary",
+        "theme-warning": "warning",
+        "theme-error": "error",
+    },
+    "rmd-typography-alignments": ["left", "center", "right"],
+    "rmd-typography-decorations": ["underline", "overline", "line-through"],
+    "rmd-typography-transforms": ["capitalize", "uppercase", "lowercase"],
     "rmd-typography-google-font-weight-suffixes": {
@@ -38,2 +50,3 @@ thin: '"-Thin"',
             "font-family": "Roboto, sans-serif",
+            "overflow-wrap": "break-word",
             "-moz-osx-font-smoothing": "grayscale",
@@ -50,2 +63,3 @@ "-webkit-font-smoothing": "antialiased",
             "font-family": "Roboto, sans-serif",
+            "overflow-wrap": "break-word",
             "-moz-osx-font-smoothing": "grayscale",
@@ -62,2 +76,3 @@ "-webkit-font-smoothing": "antialiased",
             "font-family": "Roboto, sans-serif",
+            "overflow-wrap": "break-word",
             "-moz-osx-font-smoothing": "grayscale",
@@ -74,2 +89,3 @@ "-webkit-font-smoothing": "antialiased",
             "font-family": "Roboto, sans-serif",
+            "overflow-wrap": "break-word",
             "-moz-osx-font-smoothing": "grayscale",
@@ -86,2 +102,3 @@ "-webkit-font-smoothing": "antialiased",
             "font-family": "Roboto, sans-serif",
+            "overflow-wrap": "break-word",
             "-moz-osx-font-smoothing": "grayscale",
@@ -98,2 +115,3 @@ "-webkit-font-smoothing": "antialiased",
             "font-family": "Roboto, sans-serif",
+            "overflow-wrap": "break-word",
             "-moz-osx-font-smoothing": "grayscale",
@@ -110,2 +128,3 @@ "-webkit-font-smoothing": "antialiased",
             "font-family": "Roboto, sans-serif",
+            "overflow-wrap": "break-word",
             "-moz-osx-font-smoothing": "grayscale",
@@ -122,2 +141,3 @@ "-webkit-font-smoothing": "antialiased",
             "font-family": "Roboto, sans-serif",
+            "overflow-wrap": "break-word",
             "-moz-osx-font-smoothing": "grayscale",
@@ -134,2 +154,3 @@ "-webkit-font-smoothing": "antialiased",
             "font-family": "Roboto, sans-serif",
+            "overflow-wrap": "break-word",
             "-moz-osx-font-smoothing": "grayscale",
@@ -146,2 +167,3 @@ "-webkit-font-smoothing": "antialiased",
             "font-family": "Roboto, sans-serif",
+            "overflow-wrap": "break-word",
             "-moz-osx-font-smoothing": "grayscale",
@@ -158,2 +180,3 @@ "-webkit-font-smoothing": "antialiased",
             "font-family": "Roboto, sans-serif",
+            "overflow-wrap": "break-word",
             "-moz-osx-font-smoothing": "grayscale",
@@ -170,2 +193,3 @@ "-webkit-font-smoothing": "antialiased",
             "font-family": "Roboto, sans-serif",
+            "overflow-wrap": "break-word",
             "-moz-osx-font-smoothing": "grayscale",
@@ -182,2 +206,3 @@ "-webkit-font-smoothing": "antialiased",
             "font-family": "Roboto, sans-serif",
+            "overflow-wrap": "break-word",
             "-moz-osx-font-smoothing": "grayscale",
@@ -184,0 +209,0 @@ "-webkit-font-smoothing": "antialiased",

es/Text.js

@@ -23,2 +23,3 @@ var __assign = (this && this.__assign) || function () {
 import cn from "classnames";
+import { bem } from "@react-md/theme";
 function getComponent(component, type) {
@@ -54,2 +55,3 @@ if (component) {
 }
+var block = bem("rmd-typography");
 /**
@@ -80,11 +82,14 @@ * The `Text` component is used to render text with the material design typography styles applied.
     var _a;
-    var _b = providedProps, propClassName = _b.className, children = _b.children, type = _b.type, component = _b.component, forwardedRef = _b.forwardedRef, noMargin = _b.noMargin, align = _b.align, decoration = _b.decoration, transform = _b.transform, weight = _b.weight, props = __rest(_b, ["className", "children", "type", "component", "forwardedRef", "noMargin", "align", "decoration", "transform", "weight"]);
-    var className = cn("rmd-typography rmd-typography--" + type, (_a = {
-            "rmd-typography--no-margin": noMargin
-        },
-        _a["rmd-typography--" + align] = align,
-        _a["rmd-typography--" + decoration] = decoration,
-        _a["rmd-typography--" + transform] = transform,
-        _a["rmd-typography--" + weight] = weight,
-        _a), propClassName);
+    var _b = providedProps, propClassName = _b.className, children = _b.children, type = _b.type, component = _b.component, forwardedRef = _b.forwardedRef, noMargin = _b.noMargin, align = _b.align, color = _b.color, decoration = _b.decoration, transform = _b.transform, weight = _b.weight, props = __rest(_b, ["className", "children", "type", "component", "forwardedRef", "noMargin", "align", "color", "decoration", "transform", "weight"]);
+    var className = cn(block((_a = {},
+        _a[type] = true,
+        _a["no-margin"] = noMargin,
+        _a[align] = align,
+        _a[decoration] = decoration && decoration !== "overline",
+        _a[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);
     if (typeof children === "function") {
@@ -96,2 +101,7 @@ return children({ className: className });
 var defaultProps = {
+    align: "",
+    color: "",
+    decoration: "",
+    transform: "",
+    weight: "",
     type: "body-1",
@@ -133,5 +143,11 @@ component: null,
             children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
-            align: PropTypes.oneOf(["left", "center", "right"]),
-            decoration: PropTypes.oneOf(["underline", "overline", "line-through"]),
+            align: PropTypes.oneOf(["", "left", "center", "right"]),
+            decoration: PropTypes.oneOf([
+                "",
+                "underline",
+                "overline",
+                "line-through",
+            ]),
             weight: PropTypes.oneOf([
+                "",
                 "thin",
@@ -145,3 +161,12 @@ "light",
             ]),
-            transform: PropTypes.oneOf(["capitalize", "uppercase", "lowercase"]),
+            transform: PropTypes.oneOf(["", "capitalize", "uppercase", "lowercase"]),
+            color: PropTypes.oneOf([
+                "",
+                "secondary",
+                "hint",
+                "theme-primary",
+                "theme-secondary",
+                "theme-warning",
+                "theme-error",
+            ]),
         };
@@ -148,0 +173,0 @@ }

lib/Text.js

@@ -35,2 +35,3 @@ "use strict";
 var classnames_1 = __importDefault(require("classnames"));
+var theme_1 = require("@react-md/theme");
 function getComponent(component, type) {
@@ -66,2 +67,3 @@ if (component) {
 }
+var block = theme_1.bem("rmd-typography");
 /**
@@ -92,11 +94,14 @@ * The `Text` component is used to render text with the material design typography styles applied.
     var _a;
-    var _b = providedProps, propClassName = _b.className, children = _b.children, type = _b.type, component = _b.component, forwardedRef = _b.forwardedRef, noMargin = _b.noMargin, align = _b.align, decoration = _b.decoration, transform = _b.transform, weight = _b.weight, props = __rest(_b, ["className", "children", "type", "component", "forwardedRef", "noMargin", "align", "decoration", "transform", "weight"]);
-    var className = classnames_1.default("rmd-typography rmd-typography--" + type, (_a = {
-            "rmd-typography--no-margin": noMargin
-        },
-        _a["rmd-typography--" + align] = align,
-        _a["rmd-typography--" + decoration] = decoration,
-        _a["rmd-typography--" + transform] = transform,
-        _a["rmd-typography--" + weight] = weight,
-        _a), propClassName);
+    var _b = providedProps, propClassName = _b.className, children = _b.children, type = _b.type, component = _b.component, forwardedRef = _b.forwardedRef, noMargin = _b.noMargin, align = _b.align, color = _b.color, decoration = _b.decoration, transform = _b.transform, weight = _b.weight, props = __rest(_b, ["className", "children", "type", "component", "forwardedRef", "noMargin", "align", "color", "decoration", "transform", "weight"]);
+    var className = classnames_1.default(block((_a = {},
+        _a[type] = true,
+        _a["no-margin"] = noMargin,
+        _a[align] = align,
+        _a[decoration] = decoration && decoration !== "overline",
+        _a[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);
     if (typeof children === "function") {
@@ -108,2 +113,7 @@ return children({ className: className });
 var defaultProps = {
+    align: "",
+    color: "",
+    decoration: "",
+    transform: "",
+    weight: "",
     type: "body-1",
@@ -145,5 +155,11 @@ component: null,
             children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
-            align: PropTypes.oneOf(["left", "center", "right"]),
-            decoration: PropTypes.oneOf(["underline", "overline", "line-through"]),
+            align: PropTypes.oneOf(["", "left", "center", "right"]),
+            decoration: PropTypes.oneOf([
+                "",
+                "underline",
+                "overline",
+                "line-through",
+            ]),
             weight: PropTypes.oneOf([
+                "",
                 "thin",
@@ -157,3 +173,12 @@ "light",
             ]),
-            transform: PropTypes.oneOf(["capitalize", "uppercase", "lowercase"]),
+            transform: PropTypes.oneOf(["", "capitalize", "uppercase", "lowercase"]),
+            color: PropTypes.oneOf([
+                "",
+                "secondary",
+                "hint",
+                "theme-primary",
+                "theme-secondary",
+                "theme-warning",
+                "theme-error",
+            ]),
         };
@@ -160,0 +185,0 @@ }

package.json

 {
   "name": "@react-md/typography",
-  "version": "2.0.0-alpha.0",
+  "version": "2.0.0-alpha.1",
   "description": "The base package for including typography for react-md.",
@@ -32,4 +32,4 @@ "scripts": {
   "dependencies": {
-    "@react-md/theme": "^2.0.0-alpha.0",
-    "@react-md/utils": "^2.0.0-alpha.0",
+    "@react-md/theme": "^2.0.0-alpha.1",
+    "@react-md/utils": "^2.0.0-alpha.1",
     "classnames": "^2.2.6"
@@ -46,3 +46,3 @@ },
   },
-  "gitHead": "cc5de21740e62c1fd5da8f832f562c48eb028717"
+  "gitHead": "9197bcdf38df3cff304499431696dc8e950b4b17"
 }

src/scssVariables.ts

@@ -9,2 +9,3 @@ /** this is an auto-generated file from @react-md/dev-utils */
     "font-family": "Roboto, sans-serif",
+    "overflow-wrap": "break-word",
     "-moz-osx-font-smoothing": "grayscale",
@@ -22,3 +23,14 @@ "-webkit-font-smoothing": "antialiased",
   },
-  "rmd-typography-default-font-weights": "light regular medium bold",
+  "rmd-typography-default-font-weights": ["light", "regular", "medium", "bold"],
+  "rmd-typography-colors": {
+    secondary: "text-secondary-on-background",
+    hint: "text-hint-on-background",
+    "theme-primary": "primary",
+    "theme-secondary": "secondary",
+    "theme-warning": "warning",
+    "theme-error": "error",
+  },
+  "rmd-typography-alignments": ["left", "center", "right"],
+  "rmd-typography-decorations": ["underline", "overline", "line-through"],
+  "rmd-typography-transforms": ["capitalize", "uppercase", "lowercase"],
   "rmd-typography-google-font-weight-suffixes": {
@@ -36,2 +48,3 @@ thin: '"-Thin"',
       "font-family": "Roboto, sans-serif",
+      "overflow-wrap": "break-word",
       "-moz-osx-font-smoothing": "grayscale",
@@ -48,2 +61,3 @@ "-webkit-font-smoothing": "antialiased",
       "font-family": "Roboto, sans-serif",
+      "overflow-wrap": "break-word",
       "-moz-osx-font-smoothing": "grayscale",
@@ -60,2 +74,3 @@ "-webkit-font-smoothing": "antialiased",
       "font-family": "Roboto, sans-serif",
+      "overflow-wrap": "break-word",
       "-moz-osx-font-smoothing": "grayscale",
@@ -72,2 +87,3 @@ "-webkit-font-smoothing": "antialiased",
       "font-family": "Roboto, sans-serif",
+      "overflow-wrap": "break-word",
       "-moz-osx-font-smoothing": "grayscale",
@@ -84,2 +100,3 @@ "-webkit-font-smoothing": "antialiased",
       "font-family": "Roboto, sans-serif",
+      "overflow-wrap": "break-word",
       "-moz-osx-font-smoothing": "grayscale",
@@ -96,2 +113,3 @@ "-webkit-font-smoothing": "antialiased",
       "font-family": "Roboto, sans-serif",
+      "overflow-wrap": "break-word",
       "-moz-osx-font-smoothing": "grayscale",
@@ -108,2 +126,3 @@ "-webkit-font-smoothing": "antialiased",
       "font-family": "Roboto, sans-serif",
+      "overflow-wrap": "break-word",
       "-moz-osx-font-smoothing": "grayscale",
@@ -120,2 +139,3 @@ "-webkit-font-smoothing": "antialiased",
       "font-family": "Roboto, sans-serif",
+      "overflow-wrap": "break-word",
       "-moz-osx-font-smoothing": "grayscale",
@@ -132,2 +152,3 @@ "-webkit-font-smoothing": "antialiased",
       "font-family": "Roboto, sans-serif",
+      "overflow-wrap": "break-word",
       "-moz-osx-font-smoothing": "grayscale",
@@ -144,2 +165,3 @@ "-webkit-font-smoothing": "antialiased",
       "font-family": "Roboto, sans-serif",
+      "overflow-wrap": "break-word",
       "-moz-osx-font-smoothing": "grayscale",
@@ -156,2 +178,3 @@ "-webkit-font-smoothing": "antialiased",
       "font-family": "Roboto, sans-serif",
+      "overflow-wrap": "break-word",
       "-moz-osx-font-smoothing": "grayscale",
@@ -168,2 +191,3 @@ "-webkit-font-smoothing": "antialiased",
       "font-family": "Roboto, sans-serif",
+      "overflow-wrap": "break-word",
       "-moz-osx-font-smoothing": "grayscale",
@@ -180,2 +204,3 @@ "-webkit-font-smoothing": "antialiased",
       "font-family": "Roboto, sans-serif",
+      "overflow-wrap": "break-word",
       "-moz-osx-font-smoothing": "grayscale",
@@ -182,0 +207,0 @@ "-webkit-font-smoothing": "antialiased",

types/Text.d.ts

@@ -8,6 +8,7 @@ import React, { HTMLAttributes, ReactElement, ReactType, ReactNode } from "react";
 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";
-export declare type TextAlign = "left" | "center" | "right";
-export declare type TextDecoration = "underline" | "overline" | "line-through";
-export declare type TextTransform = "capitalize" | "uppercase" | "lowercase";
-export declare type TextWeight = "thin" | "light" | "regular" | "medium" | "bold" | "semi-bold" | "black";
+export declare type TextAlign = "" | "left" | "center" | "right";
+export declare type TextDecoration = "" | "underline" | "overline" | "line-through";
+export declare type TextTransform = "" | "capitalize" | "uppercase" | "lowercase";
+export declare type TextWeight = "" | "thin" | "light" | "regular" | "medium" | "bold" | "semi-bold" | "black";
+export declare type TextColor = "" | "secondary" | "hint" | "theme-primary" | "theme-secondary" | "theme-warning" | "theme-error";
 /**
@@ -66,2 +67,8 @@ * A union of the default supported elements that the `Text` component can be rendered as. This
     /**
+     * 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.
+     */
+    color?: TextColor;
+    /**
      * An optional text decoration to apply.
@@ -68,0 +75,0 @@ */

types/TextContainer.d.ts

@@ -38,3 +38,3 @@ import React, { HTMLAttributes, ReactElement, ReactType, ReactNode } from "react";
 }
-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" | "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" | "map" | "mark" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "q" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "source" | "span" | "strong" | "style" | "table" | "tbody" | "td" | "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" | "path" | "metadata" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "svg" | "stop" | "switch" | "tspan" | "text" | "textPath" | "use" | "view" | HTMLDivElement | "menuitem" | "bdi" | "keygen" | "main" | "noindex" | "rp" | "summary" | "webview" | "animate" | "animateMotion" | "animateTransform" | "mpath" | React.ComponentClass<any, any> | React.FunctionComponent<any>>>;
+declare const _default: React.ForwardRefExoticComponent<TextContainerProps & React.RefAttributes<"symbol" | "object" | HTMLDivElement | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "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" | "keygen" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "small" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "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" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | React.ComponentClass<any, any> | React.FunctionComponent<any>>>;
 export default _default;

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

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Mixed license

License

(Experimental) Package contains multiple licenses.

Found 1 instance in 1 package

Improved metrics

Number of low license alerts

0

decreased by-100%

Number of low quality alerts

2

decreased by-33.33%

Worsened metrics

Total package byte prevSize

160692

decreased by-1.33%

Number of package files

41

decreased by-6.82%

Lines of code

2064

decreased by-1.53%

Dependency changes

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

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