@hortiview/default-components 1.0.0 → 1.0.1

package/dist/InternationalizationWrapper-BtWuzVFG.js

@@ -0,0 +1,41 @@
+import { jsx as r } from "react/jsx-runtime";
+import { createContext as n, useMemo as c, createElement as m, useEffect as i } from "react";
+import { i as t } from "./i18n-DIprVS_u.js";
+const p = n();
+class N {
+  constructor() {
+    this.usedNamespaces = {};
+  }
+  addUsedNamespaces(s) {
+    s.forEach((a) => {
+      this.usedNamespaces[a] || (this.usedNamespaces[a] = !0);
+    });
+  }
+  getUsedNamespaces() {
+    return Object.keys(this.usedNamespaces);
+  }
+}
+function u({
+  i18n: e,
+  defaultNS: s,
+  children: a
+}) {
+  const o = c(() => ({
+    i18n: e,
+    defaultNS: s
+  }), [e, s]);
+  return m(p.Provider, {
+    value: o
+  }, a);
+}
+const g = ({ children: e }) => /* @__PURE__ */ r(u, { i18n: t, children: e }), x = (e) => {
+  i(() => {
+    t.changeLanguage(e);
+  }, [e]);
+};
+export {
+  g as I,
+  N as R,
+  p as a,
+  x as u
+};

package/dist/LoadingSpinner-BxqY1o89.js

@@ -0,0 +1,514 @@
+import { jsx as c, jsxs as R } from "react/jsx-runtime";
+import { U as M, N as j, _ as W, h as P, p as I, a as U, f as F, R as l, b as H } from "./useTranslation-Bh0VR1ML.js";
+import t, { useState as V, useEffect as k, useMemo as K, forwardRef as q, useRef as O, useImperativeHandle as Y, useCallback as Z } from "react";
+import { l as G, f as B, n as J, a as Q } from "./index.es-D-CKRzIB-Cv9zF1oG.js";
+import './assets/LoadingSpinner.css';const X = "_loadingBigOverlay_7dxo1_1", ee = "_bigLoadSpinnerCard_7dxo1_12", re = "_bigLoadSpinnerCardText_7dxo1_27", te = "_logo_7dxo1_33", x = {
+  loadingBigOverlay: X,
+  bigLoadSpinnerCard: ee,
+  bigLoadSpinnerCardText: re,
+  logo: te
+}, se = ({ text: a }) => /* @__PURE__ */ R("div", { className: x.bigLoadSpinnerCard, role: "progressbar", "data-testid": "loading-spinner", children: [
+  /* @__PURE__ */ c(G, { icon: "hortiview", className: x.logo, "data-testid": "logo-icon" }),
+  /* @__PURE__ */ c(B, { tag: "p", bold: !0, level: 1, className: x.bigLoadSpinnerCardText, children: a })
+] }), ae = (a) => /* @__PURE__ */ c("div", { className: x.loadingBigOverlay, children: /* @__PURE__ */ c(se, { ...a }) });
+var p = {
+  INDETERMINATE_CLASS: "mdc-circular-progress--indeterminate",
+  CLOSED_CLASS: "mdc-circular-progress--closed"
+}, d = {
+  ARIA_HIDDEN: "aria-hidden",
+  ARIA_VALUENOW: "aria-valuenow",
+  DETERMINATE_CIRCLE_SELECTOR: ".mdc-circular-progress__determinate-circle",
+  RADIUS: "r",
+  STROKE_DASHOFFSET: "stroke-dashoffset"
+};
+/**
+ * @license
+ * Copyright 2020 Google Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */
+var T = (
+  /** @class */
+  function(a) {
+    P(e, a);
+    function e(r) {
+      return a.call(this, I(I({}, e.defaultAdapter), r)) || this;
+    }
+    return Object.defineProperty(e, "cssClasses", {
+      get: function() {
+        return p;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e, "strings", {
+      get: function() {
+        return d;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e, "defaultAdapter", {
+      get: function() {
+        return {
+          addClass: function() {
+          },
+          getDeterminateCircleAttribute: function() {
+            return null;
+          },
+          hasClass: function() {
+            return !1;
+          },
+          removeClass: function() {
+          },
+          removeAttribute: function() {
+          },
+          setAttribute: function() {
+          },
+          setDeterminateCircleAttribute: function() {
+          }
+        };
+      },
+      enumerable: !1,
+      configurable: !0
+    }), e.prototype.init = function() {
+      this.closed = this.adapter.hasClass(p.CLOSED_CLASS), this.determinate = !this.adapter.hasClass(p.INDETERMINATE_CLASS), this.progress = 0, this.determinate && this.adapter.setAttribute(d.ARIA_VALUENOW, this.progress.toString()), this.radius = Number(this.adapter.getDeterminateCircleAttribute(d.RADIUS));
+    }, e.prototype.setDeterminate = function(r) {
+      this.determinate = r, this.determinate ? (this.adapter.removeClass(p.INDETERMINATE_CLASS), this.setProgress(this.progress)) : (this.adapter.addClass(p.INDETERMINATE_CLASS), this.adapter.removeAttribute(d.ARIA_VALUENOW));
+    }, e.prototype.isDeterminate = function() {
+      return this.determinate;
+    }, e.prototype.setProgress = function(r) {
+      if (this.progress = r, this.determinate) {
+        var u = (1 - this.progress) * (2 * Math.PI * this.radius);
+        this.adapter.setDeterminateCircleAttribute(d.STROKE_DASHOFFSET, "" + u), this.adapter.setAttribute(d.ARIA_VALUENOW, this.progress.toString());
+      }
+    }, e.prototype.getProgress = function() {
+      return this.progress;
+    }, e.prototype.open = function() {
+      this.closed = !1, this.adapter.removeClass(p.CLOSED_CLASS), this.adapter.removeAttribute(d.ARIA_HIDDEN);
+    }, e.prototype.close = function() {
+      this.closed = !0, this.adapter.addClass(p.CLOSED_CLASS), this.adapter.setAttribute(d.ARIA_HIDDEN, "true");
+    }, e.prototype.isClosed = function() {
+      return this.closed;
+    }, e;
+  }(U)
+);
+/**
+ * @license
+ * Copyright 2020 Google Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */
+var ie = (
+  /** @class */
+  function(a) {
+    P(e, a);
+    function e() {
+      return a !== null && a.apply(this, arguments) || this;
+    }
+    return e.prototype.initialize = function() {
+      this.determinateCircle_ = this.root.querySelector(T.strings.DETERMINATE_CIRCLE_SELECTOR);
+    }, e.attachTo = function(r) {
+      return new e(r);
+    }, Object.defineProperty(e.prototype, "determinate", {
+      /**
+       * Sets whether the progress indicator is in determinate mode.
+       * @param isDeterminate Whether the indicator should be determinate.
+       */
+      set: function(r) {
+        this.foundation.setDeterminate(r);
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e.prototype, "progress", {
+      /**
+       * Sets the current progress value. In indeterminate mode, this has no
+       * visual effect but will be reflected if the indicator is switched to
+       * determinate mode.
+       * @param value The current progress value, which must be between 0 and 1.
+       */
+      set: function(r) {
+        this.foundation.setProgress(r);
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e.prototype, "isClosed", {
+      /**
+       * Whether the progress indicator is hidden.
+       */
+      get: function() {
+        return this.foundation.isClosed();
+      },
+      enumerable: !1,
+      configurable: !0
+    }), e.prototype.open = function() {
+      this.foundation.open();
+    }, e.prototype.close = function() {
+      this.foundation.close();
+    }, e.prototype.getDefaultFoundation = function() {
+      var r = this, u = {
+        addClass: function(s) {
+          return r.root.classList.add(s);
+        },
+        getDeterminateCircleAttribute: function(s) {
+          return r.determinateCircle_.getAttribute(s);
+        },
+        hasClass: function(s) {
+          return r.root.classList.contains(s);
+        },
+        removeClass: function(s) {
+          return r.root.classList.remove(s);
+        },
+        removeAttribute: function(s) {
+          return r.root.removeAttribute(s);
+        },
+        setAttribute: function(s, i) {
+          return r.root.setAttribute(s, i);
+        },
+        setDeterminateCircleAttribute: function(s, i) {
+          return r.determinateCircle_.setAttribute(s, i);
+        }
+      };
+      return new T(u);
+    }, e;
+  }(F)
+);
+const oe = {
+  /**
+   * Accessibility label.
+   *
+   * Defaults to **'Progress Indicator'**.
+   */
+  ariaLabel: l.string,
+  /**
+   * The css class name to be passed through to the component markup.
+   *
+   * Defaults to **undefined**.
+   */
+  className: l.string,
+  /**
+   * The size of the progress indicator.
+   *
+   * Defaults to **'lg'**.
+   */
+  indicatorSize: l.oneOf(["sm", "md", "lg"]),
+  /**
+   * Sets the visibility of the progress indicator.
+   *
+   * Defaults to **true**.
+   */
+  open: l.bool,
+  /**
+   * The current progress of a determinate progress indicator. Must be between 0 and 1.
+   *
+   * Defaults to **0**.
+   */
+  progress: l.number,
+  /**
+   * @deprecated _Renamed, see indicatorSize instead._
+   *
+   * The size of the progress indicator.
+   *
+   * Defaults to **undefined**.
+   */
+  size: H(l.oneOf(["sm", "md", "lg"]), "CircularProgress", "Renamed, see indicatorSize instead."),
+  /**
+   * Color of the indicator stroke with 'primary' or 'secondary' theme color.
+   *
+   * Defaults to **'primary'**.
+   */
+  themeColor: l.oneOf(["primary", "secondary", "primary-variant", "secondary-variant", "two-color", "two-color-variant"]),
+  /**
+   * An indeterminate CircularProgress indicator will continue spinning until closed. A determinate CircularProgress indicator will display the current progress.
+   *
+   * Defaults to **'indeterminate'**.
+   */
+  variant: l.oneOf(["determinate", "indeterminate"])
+}, ne = {
+  ariaLabel: "Progress Indicator",
+  className: void 0,
+  indicatorSize: "lg",
+  open: !0,
+  progress: 0,
+  size: void 0,
+  themeColor: "primary",
+  variant: "indeterminate"
+}, A = /* @__PURE__ */ q((a, e) => {
+  const {
+    ariaLabel: r,
+    className: u,
+    open: s,
+    progress: i,
+    size: y,
+    indicatorSize: b,
+    themeColor: m,
+    variant: h,
+    ...E
+  } = a, _ = O(), g = O();
+  Y(e, () => _.current, []), k(() => (g.current = ie.attachTo(_.current), () => {
+    g.current.destroy();
+  }), []), k(() => {
+    (h === "determinate" && i < 0 || i > 1) && M("CircularProgress: `progress` must be between 0 and 1."), g.current.determinate = h === "determinate", g.current.progress = i;
+  }, [i, h]);
+  const $ = () => {
+    switch (b) {
+      case "xs":
+        return {
+          heightWidth: "16px",
+          viewBox: "24",
+          cxCy: "12",
+          r: "8.75",
+          strokeWidth: "2.5",
+          strokeWidth80: "2",
+          strokeDashArray: "54.978",
+          strokeDashoffset: "54",
+          halfStrokeDashoffset: "27.489"
+        };
+      case "sm":
+        return {
+          heightWidth: "24px",
+          viewBox: "24",
+          cxCy: "12",
+          r: "8.75",
+          strokeWidth: "2.5",
+          strokeWidth80: "2",
+          strokeDashArray: "54.978",
+          strokeDashoffset: "54.978",
+          halfStrokeDashoffset: "27.489"
+        };
+      case "md":
+        return {
+          heightWidth: "36px",
+          viewBox: "32",
+          cxCy: "16",
+          r: "12.5",
+          strokeWidth: "3",
+          strokeWidth80: "2.4",
+          strokeDashArray: "78.54",
+          strokeDashoffset: "78.54",
+          halfStrokeDashoffset: "39.27"
+        };
+      case "lg":
+        return {
+          heightWidth: "48px",
+          viewBox: "48",
+          cxCy: "24",
+          r: "18",
+          strokeWidth: "4",
+          strokeWidth80: "3.2",
+          strokeDashArray: "113.097",
+          strokeDashoffset: "113.097",
+          halfStrokeDashoffset: "56.549"
+        };
+      case "xl":
+        return {
+          heightWidth: "60px",
+          viewBox: "48",
+          cxCy: "24",
+          r: "18",
+          strokeWidth: "3",
+          strokeWidth80: "2.8",
+          strokeDashArray: "113.097",
+          strokeDashoffset: "113.097",
+          halfStrokeDashoffset: "56.549"
+        };
+      default:
+        return {
+          heightWidth: "48px",
+          viewBox: "48",
+          cxCy: "24",
+          r: "18",
+          strokeWidth: "4",
+          strokeWidth80: "3.2",
+          strokeDashArray: "113.097",
+          strokeDashoffset: "113.097",
+          halfStrokeDashoffset: "56.549"
+        };
+    }
+  }, {
+    heightWidth: N,
+    viewBox: n,
+    cxCy: o,
+    r: f,
+    strokeWidth: v,
+    strokeWidth80: w,
+    strokeDashArray: C,
+    strokeDashoffset: z,
+    halfStrokeDashoffset: D
+  } = $(), S = Z(() => /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("div", {
+    className: "mdc-circular-progress__circle-clipper mdc-circular-progress__circle-left"
+  }, /* @__PURE__ */ t.createElement("svg", {
+    className: "mdc-circular-progress__indeterminate-circle-graphic",
+    viewBox: `0 0 ${n} ${n}`,
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /* @__PURE__ */ t.createElement("circle", {
+    cx: o,
+    cy: o,
+    r: f,
+    strokeDasharray: C,
+    strokeDashoffset: D,
+    strokeWidth: v
+  }))), /* @__PURE__ */ t.createElement("div", {
+    className: "mdc-circular-progress__gap-patch"
+  }, /* @__PURE__ */ t.createElement("svg", {
+    className: "mdc-circular-progress__indeterminate-circle-graphic",
+    viewBox: `0 0 ${n} ${n}`,
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /* @__PURE__ */ t.createElement("circle", {
+    cx: o,
+    cy: o,
+    r: f,
+    strokeDasharray: C,
+    strokeDashoffset: D,
+    strokeWidth: w
+  }))), /* @__PURE__ */ t.createElement("div", {
+    className: "mdc-circular-progress__circle-clipper mdc-circular-progress__circle-right"
+  }, /* @__PURE__ */ t.createElement("svg", {
+    className: "mdc-circular-progress__indeterminate-circle-graphic",
+    viewBox: `0 0 ${n} ${n}`,
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /* @__PURE__ */ t.createElement("circle", {
+    cx: o,
+    cy: o,
+    r: f,
+    strokeDasharray: C,
+    strokeDashoffset: D,
+    strokeWidth: v
+  })))), [o, D, f, C, v, w, n]), L = m === "two-color" || m === "two-color-variant";
+  return /* @__PURE__ */ t.createElement("div", j({
+    ref: _,
+    className: W("lmnt", "mdc-circular-progress", h === "indeterminate" && "mdc-circular-progress--indeterminate", !s && "mdc-circular-progress--closed", m && `lmnt-circular-progress--${m}`, u),
+    style: {
+      width: N,
+      height: N
+    },
+    role: "progressbar",
+    "aria-label": r,
+    "aria-valuemin": "0",
+    "aria-valuemax": "1",
+    "aria-valuenow": i
+  }, E), /* @__PURE__ */ t.createElement("div", {
+    className: "mdc-circular-progress__determinate-container"
+  }, /* @__PURE__ */ t.createElement("svg", {
+    className: "mdc-circular-progress__determinate-circle-graphic",
+    viewBox: `0 0 ${n} ${n}`,
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /* @__PURE__ */ t.createElement("circle", {
+    className: "mdc-circular-progress__determinate-track",
+    cx: o,
+    cy: o,
+    r: f,
+    strokeWidth: v
+  }), /* @__PURE__ */ t.createElement("circle", {
+    className: "mdc-circular-progress__determinate-circle",
+    cx: o,
+    cy: o,
+    r: f,
+    strokeDasharray: C,
+    strokeDashoffset: z,
+    strokeWidth: v
+  }))), /* @__PURE__ */ t.createElement("div", {
+    className: "mdc-circular-progress__indeterminate-container"
+  }, /* @__PURE__ */ t.createElement("div", {
+    className: W("mdc-circular-progress__spinner-layer", L && "mdc-circular-progress__color-1")
+  }, S()), L && /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("div", {
+    className: "mdc-circular-progress__spinner-layer mdc-circular-progress__color-2"
+  }, S()), /* @__PURE__ */ t.createElement("div", {
+    className: "mdc-circular-progress__spinner-layer mdc-circular-progress__color-3"
+  }, S()), /* @__PURE__ */ t.createElement("div", {
+    className: "mdc-circular-progress__spinner-layer mdc-circular-progress__color-4"
+  }, S()))));
+});
+A.displayName = "CircularProgress";
+A.propTypes = oe;
+A.defaultProps = ne;
+const ce = "_loadingSpinnerContainer_1f3ss_1", le = {
+  loadingSpinnerContainer: ce
+}, he = ({
+  size: a,
+  center: e = !1,
+  text: r,
+  textPosition: u = "bottom",
+  color: s = "primary",
+  spinnerOnly: i = !1,
+  //Due to we don't have (and want) to use a translation logic in this component, we are using a hardcoded message
+  impatienceMessage: y = "This is taking longer than expected. Please be patient.",
+  impatienceTimeout: b = 10
+}) => {
+  const [m, h] = V(0);
+  k(() => {
+    const _ = setInterval(() => {
+      h((g) => g + 1);
+    }, 1e3);
+    return () => clearInterval(_);
+  }, []);
+  const E = K(() => y && m > b ? y : r, [y, b, r, m]);
+  return a === "big" ? /* @__PURE__ */ c(ae, { text: E }) : i ? /* @__PURE__ */ c(
+    A,
+    {
+      "data-testid": "loading-spinner",
+      themeColor: s,
+      indicatorSize: a ?? "md"
+    }
+  ) : /* @__PURE__ */ c(
+    J,
+    {
+      variant: "standard",
+      style: { textAlign: "center" },
+      className: e ? le.loadingSpinnerContainer : "",
+      children: /* @__PURE__ */ R(
+        Q,
+        {
+          direction: u === "right" ? "horizontal" : "vertical",
+          gap: "dense",
+          primaryAlign: "center",
+          secondaryAlign: "center",
+          children: [
+            /* @__PURE__ */ c(
+              A,
+              {
+                "data-testid": "loading-spinner",
+                themeColor: s,
+                indicatorSize: a ?? "lg"
+              }
+            ),
+            /* @__PURE__ */ c(B, { themeColor: `text-${s}-on-background`, tag: "div", "data-testid": "loading-text", children: E })
+          ]
+        }
+      )
+    }
+  );
+};
+export {
+  he as p
+};

package/dist/assets/DefaultFormNumber.css

@@ -0,0 +1 @@
+._invalid_1dsbr_1+*[class*=mdc-text-field-helper-line] *[class*=mdc-text-field-helper-text]{color:var(--lmnt-theme-danger)!important}

package/dist/assets/HealthCheckFailed.css

@@ -0,0 +1 @@
+._database_11ki8_1{color:var(--lmnt-theme-secondary);animation:_spin_11ki8_1 4s linear infinite}@keyframes _spin_11ki8_1{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}._iot_11ki8_16,._platform_11ki8_17,._other_11ki8_18{color:var(--lmnt-theme-danger)}._crossedOut_11ki8_22{position:relative;display:inline-block}._crossedOut_11ki8_22:after{content:"";position:absolute;width:3rem;height:.25rem;left:50%;top:50%;background:var(--lmnt-theme-danger-on-surface);box-shadow:0 0 0 .125rem var(--lmnt-theme-background);transform:translate(-50%,calc(-50% - .25rem)) rotate(45deg);transform-origin:center;z-index:2}

package/dist/assets/LoadingSpinner.css

@@ -0,0 +1 @@
+._loadingBigOverlay_7dxo1_1{z-index:500;position:fixed;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0000001a}._bigLoadSpinnerCard_7dxo1_12{background-color:var(--lmnt-theme-background);text-align:center;inline-size:auto;padding:2rem 2rem 1.5rem;border-radius:1rem;box-shadow:0 .5rem .625rem -.3125rem #0003,0 .375rem 1.875rem .3125rem #0000001f,0 1rem 1.5rem .125rem #00000024;z-index:500;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}._bigLoadSpinnerCardText_7dxo1_27{padding:0;margin:1rem 0 0;text-align:center}._logo_7dxo1_33{width:4.75rem!important;height:4.75rem!important}@keyframes _rotate360deg_7dxo1_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._logo_7dxo1_33 path[id=Subtract_2]{transform-origin:center;animation:_rotate360deg_7dxo1_1 1s linear infinite}._loadingSpinnerContainer_1f3ss_1{z-index:500;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--lmnt-theme-on-surface-high)}

package/dist/assets/i18n.css

@@ -0,0 +1 @@
+@import"https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,700|Roboto+Mono:400,500|Material+Icons";

package/dist/assets/index.css

@@ -0,0 +1 @@
+._image_178sv_1>svg{width:inherit;height:inherit;color:inherit}