legalesign-document-viewer 0.7.2 → 0.7.3

package/dist/ls-document-viewer/index.esm.js

@@ -1,2 +1,18 @@
-function n(n,r,t){return(n||"")+(r?` ${r}`:"")+(t?` ${t}`:"")}export{n as format};
+function format(first, middle, last) {
+    return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');
+}
+
+/**
+ * @fileoverview entry point for your component library
+ *
+ * This is the entry point for your component library. Use this file to export utilities,
+ * constants or data structure that accompany your components.
+ *
+ * DO NOT use this file to export your components. Instead, use the recommended approaches
+ * to consume components of this package as outlined in the `README.md`.
+ */
+
+export { format };
+//# sourceMappingURL=index.esm.js.map
+
 //# sourceMappingURL=index.esm.js.map

package/dist/ls-document-viewer/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["src/utils/utils.ts"],"sourcesContent":["export function format(first?: string, middle?: string, last?: string): string {\n  return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');\n}\n\n\n"],"names":[],"mappings":"SAAgB,MAAM,CAAC,KAAc,EAAE,MAAe,EAAE,IAAa,EAAA;AACnE,IAAA,OAAO,CAAC,KAAK,IAAI,EAAE,KAAK,MAAM,GAAG,CAAI,CAAA,EAAA,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,IAAI,GAAG,CAAI,CAAA,EAAA,IAAI,EAAE,GAAG,EAAE,CAAC;AAChF;;;;"}
+{"version":3,"file":"index.esm.js","sources":["src/utils/utils.ts","src/index.ts"],"sourcesContent":["export function format(first?: string, middle?: string, last?: string): string {\n  return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');\n}\n\n\n","/**\n * @fileoverview entry point for your component library\n *\n * This is the entry point for your component library. Use this file to export utilities,\n * constants or data structure that accompany your components.\n *\n * DO NOT use this file to export your components. Instead, use the recommended approaches\n * to consume components of this package as outlined in the `README.md`.\n */\n\nexport { format } from './utils/utils';\nexport type * from './components';\n"],"names":[],"mappings":"SAAgB,MAAM,CAAC,KAAc,EAAE,MAAe,EAAE,IAAa,EAAA;AACnE,IAAA,OAAO,CAAC,KAAK,IAAI,EAAE,KAAK,MAAM,GAAG,CAAI,CAAA,EAAA,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,IAAI,GAAG,CAAI,CAAA,EAAA,IAAI,EAAE,GAAG,EAAE,CAAC;AAChF;;ACFA;;;;;;;;AAQG;;;;"}

package/dist/ls-document-viewer/ls-compose-manager.entry.js

@@ -0,0 +1,24 @@
+import { r as registerInstance, h, a as Host } from './index-DANCsk1i.js';
+
+const lsComposeManagerCss = () => `:host{display:block}`;
+
+const LsComposeManager = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    /**
+     * The base template information (as JSON).
+     * {LSApiTemplate}
+     */
+    template;
+    render() {
+        return (h(Host, { key: '7d657f7fed3fdfcde20a0c0660ca1ca2a3673028' }, h("div", { key: '129f8e00c9604ae99d7386f64e0b8840481d62e6', class: "ls-editor-infobox" }, h("h2", { key: 'a51811f12ed9b60d968fdc62d7c0dea46035fa25', class: "toolbox-section-title" }, "Recipient Fields"), h("p", { key: '785fac917bf37afbbc9cdd7e421ca76426ad344c', class: "toolbox-section-description" }, "Select and Click to place Signature fields where on the Document.")), h("div", { key: 'f01892a98b7b85d176de8106918723e46efa0e6d', class: "participant-list" }, this.template &&
+            this.template?.roles.map(() => {
+                return (h("div", null));
+            })), h("slot", { key: 'ecd3acd17f6cf69fcabf8238c17ff86a0c9417c4' })));
+    }
+};
+LsComposeManager.style = lsComposeManagerCss();
+
+export { LsComposeManager as ls_compose_manager };
+//# sourceMappingURL=ls-compose-manager.entry.esm.js.map

package/dist/{components/p-Bd5hHfVU.js → ls-document-viewer/ls-document-options.entry.js}

@@ -1,22 +1,15 @@
-import { t as transformTag, p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-BhZ5Udbm.js';
-import { a as attachAllTooltips } from './p-Cb8nDMs-.js';
-import { d as defineCustomElement$3 } from './p-DnyBXRV4.js';
-import { d as defineCustomElement$2 } from './p-mm_laW9q.js';
-import { d as defineCustomElement$1 } from './p-faUZy676.js';
+import { r as registerInstance, d as createEvent, e as getElement, h, a as Host } from './index-DANCsk1i.js';
+import { a as attachAllTooltips } from './tooltip-Cb8nDMs-.js';
 
 const lsDocumentOptionsCss = () => `*{box-sizing:border-box;margin:0;padding:0}:host{display:block}.ls-editor-infobox{padding:0.125rem 0.5rem 0.125rem 0.5rem}.toolbox-section-title{color:var(--gray-100, #45484d);font-size:1.125rem;font-style:normal;font-weight:500;line-height:1.75rem;}.toolbox-section-description{color:var(--gray-80, #5e6066);font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem}.template-details{display:flex;flex-direction:column;gap:0.75rem}.template-detail-section{position:relative;display:flex;padding:0.75rem;align-items:center;gap:0.5rem;border-radius:1rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #fff)}.template-detail-section-title{color:var(--gray-80, #6c6e73);font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;width:100%}.template-detail-section-info{color:var(--gray-70);font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem;width:100%}.template-title{border-radius:0.5rem;padding:0.25rem;color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem;cursor:pointer;width:100%;margin-top:-0.125rem}.template-title:hover{background:var(--gray-10, #f7f8fa)}.column{display:flex;flex-direction:column;align-items:flex-start}.editButton{position:absolute;top:0.75rem;right:0.75rem;margin:0px;padding:0px;max-height:1.25rem !important;max-width:1.25rem !important;background-color:transparent;border:none;cursor:pointer;color:var(--gray-70, #2134dc)}.editButton:hover{color:var(--gray-80)}p{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:2.25rem}.input-wrapper{position:relative;width:fit-content}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}.has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.5rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover,select:hover,textarea:hover{border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #fff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type='checkbox']{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type='checkbox']:checked,input[type='checkbox'].indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type='checkbox']:checked::after{content:'';position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type='checkbox'].indeterminate::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type='checkbox']:checked:hover,input[type='checkbox'].indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type='checkbox']:hover{border:1px solid #9ca3af}input[type='checkbox']:focus,input[type='checkbox']:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type='checkbox']:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type='checkbox']:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.checkbox-container{display:flex;gap:0.5rem;width:100%}.checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.tertiaryGrey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.tertiaryGrey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.button-group{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.button-group button{display:flex;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;min-height:unset;color:var(--gray-80, #6c6e73)}.button-group button:hover{background:var(--gray-10, #f7f8fa)}.button-group>:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}`;
 
-const LsDocumentOptions = /*@__PURE__*/ proxyCustomElement(class LsDocumentOptions extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
+const LsDocumentOptions = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
         this.mutate = createEvent(this, "mutate", 7);
         this.update = createEvent(this, "update", 7);
     }
-    get component() { return this; }
+    get component() { return getElement(this); }
     /**
      * The base template information (as JSON).
      * {LSApiTemplate}
@@ -81,44 +74,8 @@ const LsDocumentOptions = /*@__PURE__*/ proxyCustomElement(class LsDocumentOptio
     static get watchers() { return {
         "template": ["selectedHandler"]
     }; }
-    static get style() { return lsDocumentOptionsCss(); }
-}, [769, "ls-document-options", {
-        "template": [1040],
-        "editTitle": [32]
-    }, undefined, {
-        "template": ["selectedHandler"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ls-document-options", "ls-icon", "ls-toggle", "ls-tooltip"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ls-document-options":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), LsDocumentOptions);
-            }
-            break;
-        case "ls-icon":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$3();
-            }
-            break;
-        case "ls-toggle":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$2();
-            }
-            break;
-        case "ls-tooltip":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { LsDocumentOptions as L, defineCustomElement as d };
-//# sourceMappingURL=p-Bd5hHfVU.js.map
+};
+LsDocumentOptions.style = lsDocumentOptionsCss();
 
-//# sourceMappingURL=p-Bd5hHfVU.js.map
+export { LsDocumentOptions as ls_document_options };
+//# sourceMappingURL=ls-document-options.entry.esm.js.map

package/dist/ls-document-viewer/ls-document-viewer.css

@@ -1 +1,259 @@
-:root{--font-family:'IBM Plex Sans', sans-serif;--text-xs:0.75rem;--text-xs-line-height:1rem;--text-sm:0.875rem;--text-sm-line-height:1.25rem;--text-base:1rem;--text-base-line-height:1.5rem;--text-lg:1.125rem;--text-lg-line-height:1.75rem;--text-xl:1.25rem;--text-xl-line-height:1.75rem;--text-2xl:1.5rem;--text-2xl-line-height:2rem;--text-3xl:1.875rem;--text-3xl-line-height:2.25rem;--text-4xl:2.25rem;--text-4xl-line-height:2.5rem;--text-5xl:3rem;--text-5xl-line-height:1;--text-6xl:3.75rem;--text-6xl-line-height:1;--text-7xl:4.5rem;--text-7xl-line-height:1;--text-9xl:8rem;--text-9xl-line-height:1;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--radius-xs:0.125rem;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--white:#ffffff;--black:#000000;--pink-10:#fff0f9;--pink-20:#ffe5f5;--pink-30:#fabee2;--pink-40:#f5a2d4;--pink-50:#fa78c6;--pink-60:#f056b2;--pink-70:#e043a2;--pink-80:#cc2d8c;--pink-90:#ad2376;--pink-100:#7a1451;--red-10:#fff0f0;--red-20:#ffe1e0;--red-30:#ffc9c7;--red-40:#ffa19e;--red-50:#ff706b;--red-60:#f64a44;--red-70:#dc2721;--red-80:#c1140e;--red-90:#990500;--red-100:#7a1714;--yellow-10:#fffcef;--yellow-20:#fff3c2;--yellow-30:#fcec9d;--yellow-40:#ffe561;--yellow-50:#fad232;--yellow-60:#f0b618;--yellow-70:#cc8904;--yellow-80:#9e5913;--yellow-90:#8a3f0e;--yellow-100:#70350d;--green-10:#effff9;--green-20:#c5fde8;--green-30:#9df5d4;--green-40:#72f0c2;--green-50:#57e5b1;--green-60:#46dbaa;--green-70:#33b88c;--green-80:#15946a;--green-90:#177559;--green-100:#125241;--teal-10:#effffc;--teal-20:#c5fcf1;--teal-30:#a5fae9;--teal-40:#76f5db;--teal-50:#54ebcd;--teal-60:#46dbbd;--teal-70:#33b8a2;--teal-80:#148f7e;--teal-90:#17756c;--teal-100:#15524c;--cyan-10:#efffff;--cyan-20:#c5fcfc;--cyan-30:#a0fafa;--cyan-40:#76f5f5;--cyan-50:#54ebeb;--cyan-60:#46dbdb;--cyan-70:#33b3b8;--cyan-80:#11868f;--cyan-90:#166a70;--cyan-100:#11474d;--lightblue-10:#effbff;--lightblue-20:#c7f1ff;--lightblue-30:#9de4fc;--lightblue-40:#79dbfc;--lightblue-50:#51d3ff;--lightblue-60:#48c5f0;--lightblue-70:#20a6d6;--lightblue-80:#0b80b2;--lightblue-90:#19648a;--lightblue-100:#0c3e57;--blue-10:#f0f6ff;--blue-20:#e0ecff;--blue-30:#bed4fa;--blue-40:#a2bdf5;--blue-50:#78a3fa;--blue-60:#5684f0;--blue-70:#4368e0;--blue-80:#2d4dcc;--blue-90:#233ead;--blue-100:#14287a;--purple-10:#f4f0ff;--purple-20:#eee5ff;--purple-30:#d6befa;--purple-40:#c6a2f5;--purple-50:#b078fa;--purple-60:#9956f0;--purple-70:#8743e0;--purple-80:#722dcc;--purple-90:#5f23ad;--purple-100:#40147a;--primary-10:#eff4ff;--primary-20:#c7ddff;--primary-30:#9dc3fc;--primary-40:#79adfc;--primary-50:#5185ff;--primary-60:#4456f6;--primary-70:#2134dc;--primary-80:#0e20c1;--primary-90:#000f99;--primary-100:#0c1457;--gray-10:#f7f8fa;--gray-20:#edeff2;--gray-30:#e0e2e5;--gray-40:#d8d9dc;--gray-50:#c8c9cc;--gray-60:#afb0b2;--gray-70:#939599;--gray-80:#6f7176;--gray-90:#5e6066;--gray-100:#45484d;--gray-110:#292c33;--gray-120:#151923;--gray-130:#0c1019;--gray-140:#05080d;--aubergine-10:#fcf0ff;--aubergine-20:#fae5ff;--aubergine-30:#eebefa;--aubergine-40:#e4a2f5;--aubergine-50:#e078fa;--aubergine-60:#d156f0;--aubergine-70:#c143e0;--aubergine-80:#ac2dcc;--aubergine-90:#9223ad;--aubergine-100:#66147a;--indigo-10:#f2f0ff;--indigo-20:#e9e5ff;--indigo-30:#c6befa;--indigo-40:#ada2f5;--indigo-50:#8978fa;--indigo-60:#6b56f0;--indigo-70:#5843e0;--indigo-80:#422dcc;--indigo-90:#3523ad;--indigo-100:#21147a;--lime-10:#fafff0;--lime-20:#f6ffe5;--lime-30:#e6fabe;--lime-40:#d9f5a2;--lime-50:#cffa78;--lime-60:#bdf056;--lime-70:#ace043;--lime-80:#97cc2d;--lime-90:#7fad23;--lime-100:#587a14;--trueGreen-10:#f0fff0;--trueGreen-20:#e5ffe5;--trueGreen-30:#befabe;--trueGreen-40:#a2f5a2;--trueGreen-50:#78fa78;--trueGreen-60:#56f056;--trueGreen-70:#43e043;--trueGreen-80:#2dcc2d;--trueGreen-90:#23ad23;--trueGreen-100:#147a14;--burnt-10:#fff6f0;--burnt-20:#fff0e5;--burnt-30:#fad6be;--burnt-40:#f5c3a2;--burnt-50:#faac78;--burnt-60:#f09456;--burnt-70:#e08243;--burnt-80:#cc6d2d;--burnt-90:#ad5a23;--burnt-100:#7a3d14;--shadow-base:0px 1px 2px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.1);--shadow-lg:0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);--active:0px 1px 3px rgba(0, 15, 153, 0.25), 0px 1px 2px rgba(0, 15, 153, 0.06), 0px 0px 0px 4px #9dc3fc}body{margin:0;font-family:var(--font-family)}html *{box-sizing:border-box;padding:0;margin:0;font-family:var(--font-family);font-size:var(--text-sm);text-align:left}
+:root {
+  /* Font Family */
+  --font-family: 'IBM Plex Sans', sans-serif;
+
+  /* Font Sizes & Line Heights */
+  --text-xs: 0.75rem;
+  --text-xs-line-height: 1rem;
+
+  --text-sm: 0.875rem;
+  --text-sm-line-height: 1.25rem;
+
+  --text-base: 1rem;
+  --text-base-line-height: 1.5rem;
+
+  --text-lg: 1.125rem;
+  --text-lg-line-height: 1.75rem;
+
+  --text-xl: 1.25rem;
+  --text-xl-line-height: 1.75rem;
+
+  --text-2xl: 1.5rem;
+  --text-2xl-line-height: 2rem;
+
+  --text-3xl: 1.875rem;
+  --text-3xl-line-height: 2.25rem;
+
+  --text-4xl: 2.25rem;
+  --text-4xl-line-height: 2.5rem;
+
+  --text-5xl: 3rem;
+  --text-5xl-line-height: 1;
+
+  --text-6xl: 3.75rem;
+  --text-6xl-line-height: 1;
+
+  --text-7xl: 4.5rem;
+  --text-7xl-line-height: 1;
+
+  --text-9xl: 8rem;
+  --text-9xl-line-height: 1;
+
+  /* Font Weights */
+  --font-weight-light: 300;
+  --font-weight-normal: 400;
+  --font-weight-medium: 500;
+  --font-weight-semibold: 600;
+  --font-weight-bold: 700;
+  --font-weight-black: 900;
+
+  /* Border Radius */
+  --radius-xs: 0.125rem;
+  --radius-sm: 0.25rem;
+  --radius-md: 0.375rem;
+  --radius-lg: 0.5rem;
+  --radius-xl: 0.75rem;
+  --radius-2xl: 1rem;
+
+  /* Colors */
+  --white: #ffffff;
+  --black: #000000;
+
+  --pink-10: #fff0f9;
+  --pink-20: #ffe5f5;
+  --pink-30: #fabee2;
+  --pink-40: #f5a2d4;
+  --pink-50: #fa78c6;
+  --pink-60: #f056b2;
+  --pink-70: #e043a2;
+  --pink-80: #cc2d8c;
+  --pink-90: #ad2376;
+  --pink-100: #7a1451;
+
+  --red-10: #fff0f0;
+  --red-20: #ffe1e0;
+  --red-30: #ffc9c7;
+  --red-40: #ffa19e;
+  --red-50: #ff706b;
+  --red-60: #f64a44;
+  --red-70: #dc2721;
+  --red-80: #c1140e;
+  --red-90: #990500;
+  --red-100: #7a1714;
+
+  --yellow-10: #fffcef;
+  --yellow-20: #fff3c2;
+  --yellow-30: #fcec9d;
+  --yellow-40: #ffe561;
+  --yellow-50: #fad232;
+  --yellow-60: #f0b618;
+  --yellow-70: #cc8904;
+  --yellow-80: #9e5913;
+  --yellow-90: #8a3f0e;
+  --yellow-100: #70350d;
+
+  --green-10: #effff9;
+  --green-20: #c5fde8;
+  --green-30: #9df5d4;
+  --green-40: #72f0c2;
+  --green-50: #57e5b1;
+  --green-60: #46dbaa;
+  --green-70: #33b88c;
+  --green-80: #15946a;
+  --green-90: #177559;
+  --green-100: #125241;
+
+  --teal-10: #effffc;
+  --teal-20: #c5fcf1;
+  --teal-30: #a5fae9;
+  --teal-40: #76f5db;
+  --teal-50: #54ebcd;
+  --teal-60: #46dbbd;
+  --teal-70: #33b8a2;
+  --teal-80: #148f7e;
+  --teal-90: #17756c;
+  --teal-100: #15524c;
+
+  --cyan-10: #efffff;
+  --cyan-20: #c5fcfc;
+  --cyan-30: #a0fafa;
+  --cyan-40: #76f5f5;
+  --cyan-50: #54ebeb;
+  --cyan-60: #46dbdb;
+  --cyan-70: #33b3b8;
+  --cyan-80: #11868f;
+  --cyan-90: #166a70;
+  --cyan-100: #11474d;
+
+  --lightblue-10: #effbff;
+  --lightblue-20: #c7f1ff;
+  --lightblue-30: #9de4fc;
+  --lightblue-40: #79dbfc;
+  --lightblue-50: #51d3ff;
+  --lightblue-60: #48c5f0;
+  --lightblue-70: #20a6d6;
+  --lightblue-80: #0b80b2;
+  --lightblue-90: #19648a;
+  --lightblue-100: #0c3e57;
+
+  --blue-10: #f0f6ff;
+  --blue-20: #e0ecff;
+  --blue-30: #bed4fa;
+  --blue-40: #a2bdf5;
+  --blue-50: #78a3fa;
+  --blue-60: #5684f0;
+  --blue-70: #4368e0;
+  --blue-80: #2d4dcc;
+  --blue-90: #233ead;
+  --blue-100: #14287a;
+
+  --purple-10: #f4f0ff;
+  --purple-20: #eee5ff;
+  --purple-30: #d6befa;
+  --purple-40: #c6a2f5;
+  --purple-50: #b078fa;
+  --purple-60: #9956f0;
+  --purple-70: #8743e0;
+  --purple-80: #722dcc;
+  --purple-90: #5f23ad;
+  --purple-100: #40147a;
+
+  --primary-10: #eff4ff;
+  --primary-20: #c7ddff;
+  --primary-30: #9dc3fc;
+  --primary-40: #79adfc;
+  --primary-50: #5185ff;
+  --primary-60: #4456f6;
+  --primary-70: #2134dc;
+  --primary-80: #0e20c1;
+  --primary-90: #000f99;
+  --primary-100: #0c1457;
+
+  --gray-10: #f7f8fa;
+  --gray-20: #edeff2;
+  --gray-30: #e0e2e5;
+  --gray-40: #d8d9dc;
+  --gray-50: #c8c9cc;
+  --gray-60: #afb0b2;
+  --gray-70: #939599;
+  --gray-80: #6f7176;
+  --gray-90: #5e6066;
+  --gray-100: #45484d;
+  --gray-110: #292c33;
+  --gray-120: #151923;
+  --gray-130: #0c1019;
+  --gray-140: #05080d;
+
+  --aubergine-10: #fcf0ff;
+  --aubergine-20: #fae5ff;
+  --aubergine-30: #eebefa;
+  --aubergine-40: #e4a2f5;
+  --aubergine-50: #e078fa;
+  --aubergine-60: #d156f0;
+  --aubergine-70: #c143e0;
+  --aubergine-80: #ac2dcc;
+  --aubergine-90: #9223ad;
+  --aubergine-100: #66147a;
+
+  --indigo-10: #f2f0ff;
+  --indigo-20: #e9e5ff;
+  --indigo-30: #c6befa;
+  --indigo-40: #ada2f5;
+  --indigo-50: #8978fa;
+  --indigo-60: #6b56f0;
+  --indigo-70: #5843e0;
+  --indigo-80: #422dcc;
+  --indigo-90: #3523ad;
+  --indigo-100: #21147a;
+
+  --lime-10: #fafff0;
+  --lime-20: #f6ffe5;
+  --lime-30: #e6fabe;
+  --lime-40: #d9f5a2;
+  --lime-50: #cffa78;
+  --lime-60: #bdf056;
+  --lime-70: #ace043;
+  --lime-80: #97cc2d;
+  --lime-90: #7fad23;
+  --lime-100: #587a14;
+
+  --trueGreen-10: #f0fff0;
+  --trueGreen-20: #e5ffe5;
+  --trueGreen-30: #befabe;
+  --trueGreen-40: #a2f5a2;
+  --trueGreen-50: #78fa78;
+  --trueGreen-60: #56f056;
+  --trueGreen-70: #43e043;
+  --trueGreen-80: #2dcc2d;
+  --trueGreen-90: #23ad23;
+  --trueGreen-100: #147a14;
+
+  --burnt-10: #fff6f0;
+  --burnt-20: #fff0e5;
+  --burnt-30: #fad6be;
+  --burnt-40: #f5c3a2;
+  --burnt-50: #faac78;
+  --burnt-60: #f09456;
+  --burnt-70: #e08243;
+  --burnt-80: #cc6d2d;
+  --burnt-90: #ad5a23;
+  --burnt-100: #7a3d14;
+
+  --shadow-base: 0px 1px 2px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.1);
+  --shadow-lg: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
+  --active: 0px 1px 3px rgba(0, 15, 153, 0.25), 0px 1px 2px rgba(0, 15, 153, 0.06), 0px 0px 0px 4px #9dc3fc;
+}
+
+body {
+  margin: 0;
+  font-family: var(--font-family);
+}
+
+html * {
+  box-sizing: border-box;
+  padding: 0;
+  margin: 0;
+  font-family: var(--font-family);
+  font-size: var(--text-sm);
+  text-align: left;
+}