infinity-forge 0.41.1 → 0.41.3

package/dist/ui/components/sidebar/index.js

@@ -35,7 +35,7 @@ function SideBar(_a) {
     function handleClose() {
         if (overlay) {
             setOpen(false);
-            react_dom_1.default.unmountComponentAtNode(document.getElementById("__next").querySelector("div").querySelector("div"));
+            react_dom_1.default.unmountComponentAtNode(document.getElementById("__next"));
         }
     }
     function handleContentClick(event) {
@@ -44,7 +44,7 @@ function SideBar(_a) {
     if (!process.browser) {
         return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
     }
-    return react_dom_1.default.createPortal((0, jsx_runtime_1.jsx)(S.SideBar, { "$overlay": overlay, "$open": open, "$maxWidth": maxWidth, "$direction": direction, onClick: handleClose, className: "side_bar_infinity_forge", children: (0, jsx_runtime_1.jsx)("div", { onClick: handleContentClick, className: 'content', children: open && children }) }), document.getElementById("__next").querySelector("div").querySelector("div"));
+    return react_dom_1.default.createPortal((0, jsx_runtime_1.jsx)(S.SideBar, { "$overlay": overlay, "$open": open, "$maxWidth": maxWidth, "$direction": direction, onClick: handleClose, className: "side_bar_infinity_forge", children: (0, jsx_runtime_1.jsx)("div", { onClick: handleContentClick, className: 'content', children: open && children }) }), document.getElementById('__next'));
 }
 exports.SideBar = SideBar;
 //# sourceMappingURL=index.js.map

package/dist/ui/components/sidebar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/sidebar/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wDAAgC;AAIhC,0CAA6B;AAE7B,SAAgB,OAAO,CAAC,EAA6E;QAA3E,QAAQ,cAAA,EAAE,QAAQ,cAAA,EAAE,IAAI,UAAA,EAAE,OAAO,aAAA,EAAE,iBAAmB,EAAnB,SAAS,mBAAG,OAAO,KAAA,EAAE,OAAO,aAAA;IACvF,SAAS,WAAW;QAClB,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,CAAC,KAAK,CAAC,CAAA;YAEd,mBAAQ,CAAC,sBAAsB,CAAC,QAAQ,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAA;QAC9G,CAAC;IACH,CAAC;IAED,SAAS,kBAAkB,CAAC,KAAmD;QAC7E,KAAK,CAAC,eAAe,EAAE,CAAA;IACzB,CAAC;IAGD,IAAG,CAAE,OAAe,CAAC,OAAO,EAAE,CAAC;QAC7B,OAAO,kDAAK,CAAA;IACd,CAAC;IAED,OAAO,mBAAQ,CAAC,YAAY,CAC1B,uBAAC,CAAC,CAAC,OAAO,gBAAW,OAAO,WAAS,IAAI,eAAa,QAAQ,gBAAc,SAAS,EAAE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAC,yBAAyB,YAC9I,gCAAK,OAAO,EAAE,kBAAkB,EAAE,SAAS,EAAC,SAAS,YAClD,IAAI,IAAI,QAAQ,GACb,GACI,EACZ,QAAQ,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAC5E,CAAA;AACH,CAAC;AA1BD,0BA0BC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/sidebar/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wDAAgC;AAIhC,0CAA6B;AAE7B,SAAgB,OAAO,CAAC,EAA6E;QAA3E,QAAQ,cAAA,EAAE,QAAQ,cAAA,EAAE,IAAI,UAAA,EAAE,OAAO,aAAA,EAAE,iBAAmB,EAAnB,SAAS,mBAAG,OAAO,KAAA,EAAE,OAAO,aAAA;IACvF,SAAS,WAAW;QAClB,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,CAAC,KAAK,CAAC,CAAA;YAEd,mBAAQ,CAAC,sBAAsB,CAAC,QAAQ,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAA;QACpE,CAAC;IACH,CAAC;IAED,SAAS,kBAAkB,CAAC,KAAmD;QAC7E,KAAK,CAAC,eAAe,EAAE,CAAA;IACzB,CAAC;IAGD,IAAG,CAAE,OAAe,CAAC,OAAO,EAAE,CAAC;QAC7B,OAAO,kDAAK,CAAA;IACd,CAAC;IAED,OAAO,mBAAQ,CAAC,YAAY,CAC1B,uBAAC,CAAC,CAAC,OAAO,gBAAW,OAAO,WAAS,IAAI,eAAa,QAAQ,gBAAc,SAAS,EAAE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAC,yBAAyB,YAC9I,gCAAK,OAAO,EAAE,kBAAkB,EAAE,SAAS,EAAC,SAAS,YAClD,IAAI,IAAI,QAAQ,GACb,GACI,EACZ,QAAQ,CAAC,cAAc,CAAC,QAAQ,CAAC,CAClC,CAAA;AACH,CAAC;AA1BD,0BA0BC"}

package/dist/ui/components/skeleton/index.d.ts

@@ -0,0 +1,8 @@
+export declare function Skeleton({ type, size }: {
+    type: 'line' | 'square' | 'ball';
+    size?: {
+        width: string;
+        height: string;
+        margin?: string;
+    };
+}): import("react/jsx-runtime").JSX.Element;

package/dist/ui/components/skeleton/index.js

@@ -0,0 +1,34 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Skeleton = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var S = __importStar(require("./styles.js"));
+function Skeleton(_a) {
+    var type = _a.type, size = _a.size;
+    return (0, jsx_runtime_1.jsx)(S.Skeleton, { className: type, style: size });
+}
+exports.Skeleton = Skeleton;
+//# sourceMappingURL=index.js.map

package/dist/ui/components/skeleton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/skeleton/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0CAA6B;AAE7B,SAAgB,QAAQ,CAAC,EAA+G;QAA7G,IAAI,UAAA,EAAE,IAAI,UAAA;IACnC,OAAO,uBAAC,CAAC,CAAC,QAAQ,IAAC,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,GAAG,CAAA;AACpD,CAAC;AAFD,4BAEC"}

package/dist/ui/components/skeleton/styles.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const Skeleton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/ui/components/skeleton/styles.js

@@ -0,0 +1,14 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Skeleton = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+exports.Skeleton = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  overflow: hidden;\n  background-color: #dddbdd;\n  height: 100%;\n  width: 100%;\n\n  &::after {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    transform: translateX(-100%);\n    background-image: linear-gradient(\n      90deg,\n      rgba(255, 255, 255, 0) 0,\n      rgba(255, 255, 255, 0.2) 20%,\n      rgba(255, 255, 255, 0.5) 60%,\n      rgba(255, 255, 255, 0)\n    );\n    animation: shimmer 2.5s infinite;\n    content: '';\n\n    @keyframes shimmer {\n      100% {\n        transform: translateX(100%);\n      }\n    }\n  }\n\n  &.line {\n    width: 100%;\n    height: 8px;\n    margin-bottom: 8px;\n  }\n\n  &.square {\n    width: 40px;\n    height: 40px;\n  }\n\n  &.ball {\n    width: 40px;\n    width: 40px;\n    border-radius: 100%;\n  }\n"], ["\n  position: relative;\n  overflow: hidden;\n  background-color: #dddbdd;\n  height: 100%;\n  width: 100%;\n\n  &::after {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    transform: translateX(-100%);\n    background-image: linear-gradient(\n      90deg,\n      rgba(255, 255, 255, 0) 0,\n      rgba(255, 255, 255, 0.2) 20%,\n      rgba(255, 255, 255, 0.5) 60%,\n      rgba(255, 255, 255, 0)\n    );\n    animation: shimmer 2.5s infinite;\n    content: '';\n\n    @keyframes shimmer {\n      100% {\n        transform: translateX(100%);\n      }\n    }\n  }\n\n  &.line {\n    width: 100%;\n    height: 8px;\n    margin-bottom: 8px;\n  }\n\n  &.square {\n    width: 40px;\n    height: 40px;\n  }\n\n  &.ball {\n    width: 40px;\n    width: 40px;\n    border-radius: 100%;\n  }\n"])));
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

package/dist/ui/components/skeleton/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/ui/components/skeleton/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,QAAQ,GAAG,2BAAM,CAAC,GAAG,w3BAAA,qzBA+CjC,KAAA"}

package/dist/ui/components/tooltip/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { ITooltip } from 'react-tooltip';
+export declare function Tooltip(props: ITooltip & {
+    target: React.ReactNode;
+    custom?: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/ui/components/tooltip/index.js

@@ -0,0 +1,23 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tooltip = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var utils_1 = require("../../../ui/utils/index.js");
+var react_tooltip_1 = require("react-tooltip");
+function Tooltip(props) {
+    var id = String("uid_" + (0, utils_1.uid)(8));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_tooltip_1.Tooltip, __assign({}, props, { id: id, anchorSelect: "#".concat(id), children: props.custom && props.custom })), (0, jsx_runtime_1.jsx)("a", { id: id, children: props.target })] }));
+}
+exports.Tooltip = Tooltip;
+//# sourceMappingURL=index.js.map

package/dist/ui/components/tooltip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/tooltip/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,oCAAiC;AACjC,+CAAiE;AAEjE,SAAgB,OAAO,CAAC,KAAuE;IAC7F,IAAM,EAAE,GAAG,MAAM,CAAC,MAAM,GAAG,IAAA,WAAG,EAAC,CAAC,CAAC,CAAC,CAAC;IAEnC,OAAO,CACL,6DACE,uBAAC,uBAAY,eAAK,KAAK,IAAE,EAAE,EAAE,EAAE,EAAE,YAAY,EAAE,WAAI,EAAE,CAAE,YACpD,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,MAAM,IAChB,EAEf,8BAAG,EAAE,EAAE,EAAE,YAAG,KAAK,CAAC,MAAM,GAAK,IAC5B,CACJ,CAAA;AACH,CAAC;AAZD,0BAYC"}

package/dist/ui/styles/libs/react-tool-tip.css

@@ -0,0 +1,109 @@
+:root {
+    --rt-color-white: #fff;
+    --rt-color-dark: #222;
+    --rt-color-success: #8dc572;
+    --rt-color-error: #be6464;
+    --rt-color-warning: #f0ad4e;
+    --rt-color-info: #337ab7;
+    --rt-opacity: 0.9;
+    --rt-transition-show-delay: 0.15s;
+    --rt-transition-closing-delay: 0.15s;
+  }
+  
+  .core-styles-module_tooltip__3vRRp {
+    position: absolute;
+    top: 0;
+    left: 0;
+    pointer-events: none;
+    opacity: 0;
+    will-change: opacity;
+  }
+  
+  .core-styles-module_fixed__pcSol {
+    position: fixed;
+  }
+  
+  .core-styles-module_arrow__cvMwQ {
+    position: absolute;
+    background: inherit;
+  }
+  
+  .core-styles-module_noArrow__xock6 {
+    display: none;
+  }
+  
+  .core-styles-module_clickable__ZuTTB {
+    pointer-events: auto;
+  }
+  
+  .core-styles-module_show__Nt9eE {
+    opacity: var(--rt-opacity);
+    transition: opacity var(--rt-transition-show-delay) ease-out;
+  }
+  
+  .core-styles-module_closing__sGnxF {
+    opacity: 0;
+    transition: opacity var(--rt-transition-closing-delay) ease-in;
+  }
+  
+  /** end - core styles **/
+  
+  .styles-module_tooltip__mnnfp {
+    padding: 8px 16px;
+    border-radius: 3px;
+    font-size: 90%;
+    width: max-content;
+  }
+  
+  .styles-module_arrow__K0L3T {
+    width: 8px;
+    height: 8px;
+  }
+  
+  [class*='react-tooltip__place-top'] > .styles-module_arrow__K0L3T {
+    transform: rotate(45deg);
+  }
+  
+  [class*='react-tooltip__place-right'] > .styles-module_arrow__K0L3T {
+    transform: rotate(135deg);
+  }
+  
+  [class*='react-tooltip__place-bottom'] > .styles-module_arrow__K0L3T {
+    transform: rotate(225deg);
+  }
+  
+  [class*='react-tooltip__place-left'] > .styles-module_arrow__K0L3T {
+    transform: rotate(315deg);
+  }
+  
+  /** Types variant **/
+  .styles-module_dark__xNqje {
+    background: var(--rt-color-dark);
+    color: var(--rt-color-white);
+  }
+  
+  .styles-module_light__Z6W-X {
+    background-color: var(--rt-color-white);
+    color: var(--rt-color-dark);
+  }
+  
+  .styles-module_success__A2AKt {
+    background-color: var(--rt-color-success);
+    color: var(--rt-color-white);
+  }
+  
+  .styles-module_warning__SCK0X {
+    background-color: var(--rt-color-warning);
+    color: var(--rt-color-white);
+  }
+  
+  .styles-module_error__JvumD {
+    background-color: var(--rt-color-error);
+    color: var(--rt-color-white);
+  }
+  
+  .styles-module_info__BWdHW {
+    background-color: var(--rt-color-info);
+    color: var(--rt-color-white);
+  }
+  

package/dist/ui/styles/reset.css

@@ -0,0 +1,352 @@
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+button,
+a {
+  outline: unset !important;
+  cursor: pointer;
+}
+
+html {
+  font-family: sans-serif;
+  line-height: 1.15;
+  -webkit-text-size-adjust: 100%;
+  -ms-text-size-adjust: 100%;
+  -ms-overflow-style: scrollbar;
+  -webkit-tap-highlight-color: transparent;
+}
+
+.row {
+  display: flex;
+  gap: 15px;
+}
+
+@-ms-viewport {
+  width: device-width;
+}
+
+article,
+aside,
+dialog,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+nav,
+section {
+  display: block;
+}
+
+body {
+  margin: 0;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
+    "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
+    "Segoe UI Symbol";
+  font-size: 1rem;
+  font-weight: normal;
+  line-height: 1.5;
+  color: #212529;
+  text-align: left;
+  background-color: #fff;
+}
+
+[tabindex="-1"]:focus {
+  outline: none !important;
+}
+
+hr {
+  box-sizing: content-box;
+  height: 0;
+  overflow: visible;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  margin-top: 0;
+  margin-bottom: 0.5rem;
+}
+
+p {
+  margin-top: 0;
+  margin-bottom: 1rem;
+}
+
+abbr[title],
+abbr[data-original-title] {
+  text-decoration: underline;
+  -webkit-text-decoration: underline dotted;
+  text-decoration: underline dotted;
+  cursor: help;
+  border-bottom: 0;
+}
+address {
+  margin-bottom: 1rem;
+  font-style: normal;
+  line-height: inherit;
+}
+ol,
+ul,
+dl {
+  margin-top: 0;
+  margin-bottom: 1rem;
+}
+ol ol,
+ul ul,
+ol ul,
+ul ol {
+  margin-bottom: 0;
+}
+dt {
+  font-weight: bold;
+}
+dd {
+  margin-bottom: 0.5rem;
+  margin-left: 0;
+}
+blockquote {
+  margin: 0 0 1rem;
+}
+dfn {
+  font-style: italic;
+}
+b,
+strong {
+  font-weight: bolder;
+}
+small {
+  font-size: 80%;
+}
+sub,
+sup {
+  position: relative;
+  font-size: 75%;
+  line-height: 0;
+  vertical-align: baseline;
+}
+sub {
+  bottom: -0.25em;
+}
+sup {
+  top: -0.5em;
+}
+
+a {
+  color: #007bff;
+  text-decoration: none;
+  background-color: transparent;
+  -webkit-text-decoration-skip: objects;
+}
+a:hover {
+  color: #0056b3;
+  text-decoration: underline;
+}
+
+a:not([href]):not([tabindex]) {
+  text-decoration: none;
+}
+a:not([href]):not([tabindex]):focus,
+a:not([href]):not([tabindex]):hover {
+  text-decoration: none;
+}
+a:not([href]):not([tabindex]):focus {
+  outline: 0;
+}
+
+pre,
+code,
+kbd,
+samp {
+  font-family: monospace, monospace;
+  font-size: 1em;
+}
+pre {
+  margin-top: 0;
+
+  margin-bottom: 1rem;
+  overflow: auto;
+  -ms-overflow-style: scrollbar;
+}
+
+figure {
+  margin: 0 0 1rem;
+}
+
+img {
+  vertical-align: middle;
+  border-style: none;
+}
+svg:not(:root) {
+  overflow: hidden;
+}
+
+a,
+area,
+button,
+[role="button"],
+input:not([type="range"]),
+label,
+select,
+summary,
+textarea {
+  -ms-touch-action: manipulation;
+  touch-action: manipulation;
+}
+
+table {
+  border-collapse: collapse;
+}
+caption {
+  padding-top: 0.75rem;
+  padding-bottom: 0.75rem;
+  color: #868e96;
+  text-align: left;
+  caption-side: bottom;
+}
+th {
+  text-align: inherit;
+}
+
+label {
+  display: inline-block;
+  margin-bottom: 0.5rem;
+}
+
+button {
+  border-radius: 0;
+}
+
+button:focus {
+  outline: 1px dotted;
+  outline: 5px auto -webkit-focus-ring-color;
+}
+input,
+button,
+select,
+optgroup,
+textarea {
+  margin: 0;
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+}
+button,
+input {
+  overflow: visible;
+}
+button,
+select {
+  text-transform: none;
+}
+
+button,
+html [type="button"],
+[type="reset"],
+[type="submit"] {
+  -webkit-appearance: button;
+}
+
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+  padding: 0;
+  border-style: none;
+}
+input[type="radio"],
+input[type="checkbox"] {
+  box-sizing: border-box;
+  padding: 0;
+}
+input[type="date"],
+input[type="time"],
+input[type="datetime-local"],
+input[type="month"] {
+  -webkit-appearance: listbox;
+}
+textarea {
+  overflow: auto;
+  resize: vertical;
+}
+fieldset {
+  min-width: 0;
+  padding: 0;
+  margin: 0;
+  border: 0;
+}
+
+legend {
+  display: block;
+  width: 100%;
+  max-width: 100%;
+  padding: 0;
+  margin-bottom: 0.5rem;
+  font-size: 1.5rem;
+  line-height: inherit;
+  color: inherit;
+  white-space: normal;
+}
+progress {
+  vertical-align: baseline;
+}
+
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+  height: auto;
+}
+[type="search"] {
+  outline-offset: -2px;
+  -webkit-appearance: none;
+}
+
+[type="search"]::-webkit-search-cancel-button,
+[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+::-webkit-file-upload-button {
+  font: inherit;
+  -webkit-appearance: button;
+}
+
+output {
+  display: inline-block;
+}
+summary {
+  display: list-item;
+}
+template {
+  display: none;
+}
+
+[hidden] {
+  display: none !important;
+}
+
+ul,
+ul li {
+  list-style-type: none;
+  padding-left: 0;
+}
+
+@keyframes placeHolderShimmer {
+  0% {
+    background-position: 0px 0;
+  }
+  100% {
+    background-position: 100vw 0;
+  }
+}
+.ReactModal__Overlay, .ReactModalPortal {
+  z-index: 100000;
+  position: relative;
+}
+

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "infinity-forge",
-  "version": "0.41.1",
+  "version": "0.41.3",
   "description": "codie Library",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -73,6 +73,7 @@
     "react-semantic-ui-datepickers": "^2.17.2",
     "react-share": "^5.1.0",
     "react-slick": "^0.30.2",
+    "react-tooltip": "^5.26.4",
     "reflect-metadata": "^0.2.2",
     "semantic-ui-react": "^2.1.5",
     "sharp": "^0.33.4",