@xplor-education/core-stencil-components 2.0.0

package/components/xplor-badge-active.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface XplorBadgeActive extends Components.XplorBadgeActive, HTMLElement {}
+export const XplorBadgeActive: {
+    prototype: XplorBadgeActive;
+    new (): XplorBadgeActive;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components/xplor-badge-active.js

@@ -0,0 +1,35 @@
+import { p as proxyCustomElement, H, h, a as Host } from './index.js';
+
+const xplorBadgeActiveCss = "@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer base {\n  \n  :root {\n    --color-primary: #db3b03;\n    --color-primary-50: rgba(255, 152, 0, 1);\n    --color-secondary: rgb(0, 119, 107);\n    --color-secondary-50: rgba(1, 163, 157, 1);\n    --color-tertiary: rgb(128, 104, 186);\n    --color-tertiary: rgb(223, 242, 241);\n    --color-white: white;\n    --color-emphasis: rgb(8, 8, 9);\n    --color-supergiant: rgb(213, 66, 99);\n    --color-orange: rgb(250, 200, 127);\n    --color-buttons: #fbbc05;\n    --color-typography: #ea4335;\n    --background: 20 66% 99%;\n    --foreground: 20 51% 4%;\n    --muted: 20 25% 86%;\n    --muted-foreground: 20 7% 25%;\n    --popover: 20 66% 98%;\n    --popover-foreground: 20 51% 3%;\n    --card: 20 66% 98%;\n    --card-foreground: 20 51% 3%;\n    --border: 20 15% 94%;\n    --input: 20 15% 94%;\n    --primary: 20 48% 72%;\n    --primary-foreground: 20 48% 12%;\n    --secondary: 20 12% 92%;\n    --secondary-foreground: 20 12% 32%;\n    --accent: 20 12% 92%;\n    --accent-foreground: 20 12% 32%;\n    --destructive: 11 80% 22%;\n    --destructive-foreground: 11 80% 82%;\n    --ring: 20 48% 72%;\n    --radius: 0.5rem;\n    --chart-1: 12 76% 61%;\n    --chart-2: 173 58% 39%;\n    --chart-3: 197 37% 24%;\n    --chart-4: 43 74% 66%;\n    --chart-5: 27 87% 67%;\n  }\n  .dark {\n    --background: 253 43% 3%;\n    --foreground: 253 31% 98%;\n    --muted: 253 7% 13%;\n    --muted-foreground: 253 13% 63%;\n    --popover: 253 43% 3%;\n    --popover-foreground: 253 31% 98%;\n    --card: 253 43% 4%;\n    --card-foreground: 253 31% 99%;\n    --border: 215 27.9% 16.9%;\n    --input: 215 27.9% 16.9%;\n    --primary: 253 91% 58%;\n    --primary-foreground: 253 91% 98%;\n    --secondary: 253 7% 9%;\n    --secondary-foreground: 253 7% 69%;\n    --accent: 253 13% 14%;\n    --accent-foreground: 253 13% 74%;\n    --destructive: 339.2 90.36% 51.18%;\n    --destructive-foreground: 0 0% 100%;\n    --ring: 253 91% 58%;\n    --chart-1: 220 70% 50%;\n    --chart-2: 160 60% 45%;\n    --chart-3: 30 80% 55%;\n    --chart-4: 280 65% 60%;\n    --chart-5: 340 75% 55%;\n  }\n}\n@layer base {\n  * {\n    @apply border-border;\n  }\n  body {\n    @apply box-border bg-background text-foreground;\n  }\n}\n@layer utilities {\n  .min-h-screen {\n    min-height: 100vh;\n    \n    min-height: 100dvh;\n  }\n  .h-screen {\n    height: 100vh;\n    \n    height: 100dvh;\n  }\n}\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer components {\n  .glass {\n    border: none;\n    backdrop-filter: blur(var(--glass-blur, 40px));\n    background-color: transparent;\n    background-image: linear-gradient(135deg, rgb(255, 255, 255, var(--glass-opacity, 30%)), transparent), linear-gradient(var(--glass-reflex-degree, 100deg), rgb(255, 255, 255, var(--glass-reflex-opacity, 10%)) 25%, transparent 0);\n    box-shadow: 0 0 0 1px rgb(255, 255, 255, var(--glass-border-opacity, 10%)) inset, 0 0 0 2px rgba(0, 0, 0, 0.05);\n    text-shadow: 0 1px rgb(0, 0, 0, var(--glass-text-shadow-opacity, 5%));\n  }\n}\n.tox.tox-tinymce.sc-xplor-badge-active {\n  width: 50% !important;\n  height: 400px !important;\n  display: inline-flex;\n}\n\n\n@media only screen and (min-width: 600px) {\n  .tox.tox-tinymce.sc-xplor-badge-active {\n    width: 600px !important;\n  }\n}\nh1.sc-xplor-badge-active {\n  color: var(--color-primary);\n  \n  font-family: Inter;\n  font-size: 48px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 56px; \n}\n\nh2.sc-xplor-badge-active {\n  color: var(--grey-1100252525, #252525);\n  \n  font-family: Inter;\n  font-size: 32px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 38px; \n  letter-spacing: 0.25px;\n}\n\nh3.sc-xplor-badge-active {\n  color: var(--grey-1100252525, #252525);\n  \n  font-family: Inter;\n  font-size: 24px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 32px; \n}\n\n.overline.sc-xplor-badge-active {\n  color: var(--grey-1100252525, #252525);\n  \n  font-family: Inter;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 16px; \n  letter-spacing: 3.2px;\n  text-transform: uppercase;\n}\n\nol.sc-xplor-badge-active, ul.sc-xplor-badge-active {\n  list-style: none;\n  margin: 1rem;\n  padding: 0;\n}\nol.sc-xplor-badge-active li.sc-xplor-badge-active, ul.sc-xplor-badge-active li.sc-xplor-badge-active {\n  margin: 1rem;\n  padding: 0;\n}\nol.mdc-list.sc-xplor-badge-active, ul.mdc-list.sc-xplor-badge-active {\n  list-style-type: none;\n  list-style: none;\n}\nol.mdc-list.sc-xplor-badge-active li.mdc-list-item.sc-xplor-badge-active, ul.mdc-list.sc-xplor-badge-active li.mdc-list-item.sc-xplor-badge-active {\n  list-style-type: none;\n  list-style: none !important;\n}\n\n.orange-label.sc-xplor-badge-active {\n  color: var(--Orange-900-Primary, #db3b03);\n  \n  font-family: Inter;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 16px; \n  letter-spacing: 0.4px;\n  margin: 0px 0 -9px 16px;\n  z-index: 1 !important;\n  position: relative;\n  width: fit-content;\n}\n.orange-label.grey-bg.sc-xplor-badge-active {\n  background-color: #fefcfb;\n}\n\n#spinnerLoader.sc-xplor-badge-active {\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  background-color: #fff;\n  padding: 20px;\n  border-radius: 5px;\n  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 100;\n  pointer-events: none;\n}\n\n#textfield-Title-label.sc-xplor-badge-active {\n  background-color: white;\n}\n\n.mdc-ripple-upgraded.sc-xplor-badge-active .mdc-text-field--outlined.sc-xplor-badge-active .mdc-notched-outline__notch.sc-xplor-badge-active {\n  border: 0px solid transparent !important;\n  border-bottom: 1px solid #db3b03 !important;\n  padding: 0;\n  height: 0;\n}\n\n.mdc-text-field--focused.sc-xplor-badge-active .mdc-notched-outline__notch.sc-xplor-badge-active {\n  border: 0px solid transparent !important;\n  border-bottom: 2px solid #db3b03 !important;\n}\n\n.mdc-text-field--outlined.sc-xplor-badge-active .mdc-notched-outline.sc-xplor-badge-active .mdc-notched-outline__notch.sc-xplor-badge-active {\n  max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2);\n  border-top: transparent;\n}\n\n.generate-btn.sc-xplor-badge-active {\n  display: flex;\n  height: 48px;\n  padding: 12px 24px;\n  justify-content: center;\n  align-items: center;\n  gap: 10px;\n  border-radius: 16px;\n}\n.generate-btn.link.sc-xplor-badge-active:hover {\n  background-color: var(--Cyan-700-Secondary, #e27046);\n  color: var(--Cyan-700-Secondary-Text, #fff);\n}\n\n.bg-green.sc-xplor-badge-active {\n  background: var(--Cyan-700-Secondary, #00776b);\n}\n\n.sc-xplor-badge-active-h {\n  display: inline-block;\n}\n\n.xplor-badge-active.sc-xplor-badge-active {\n  background-color: #E6F7F7;\n  color: #00605C;\n  font-weight: 400;\n  padding: 4px 12px;\n  border-radius: 16px;\n  display: inline-block;\n}";
+
+const XplorBadgeActive$1 = /*@__PURE__*/ proxyCustomElement(class XplorBadgeActive extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    render() {
+        return (h(Host, { key: '821006a66a77dcb1380c039c7f5932accb290e30' }, h("span", { key: '48942c3389b30d05660061e82ef9461842c38ea8', class: "xplor-badge-active" }, "Active")));
+    }
+    static get style() { return xplorBadgeActiveCss; }
+}, [2, "xplor-badge-active"]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["xplor-badge-active"];
+    components.forEach(tagName => { switch (tagName) {
+        case "xplor-badge-active":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, XplorBadgeActive$1);
+            }
+            break;
+    } });
+}
+
+const XplorBadgeActive = XplorBadgeActive$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { XplorBadgeActive, defineCustomElement };
+//# sourceMappingURL=xplor-badge-active.js.map
+
+//# sourceMappingURL=xplor-badge-active.js.map

package/components/xplor-badge-active.js.map

@@ -0,0 +1 @@
+{"file":"xplor-badge-active.js","mappings":";;AAAA,MAAM,mBAAmB,GAAG,y1NAAy1N;;MCOx2NA,kBAAgB,iBAAAC,kBAAA,CAAA,MAAA,gBAAA,SAAAC,CAAA,CAAA;;;;;IAC3B,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,oBAAoB,EAEzB,EAAA,QAAA,CAAA,CACF;;;;;;;;;;;;;;;;;;;;;;;","names":["XplorBadgeActive","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/xplor-badge-active/xplor-badge-active.scss?tag=xplor-badge-active&encapsulation=scoped","src/components/xplor-badge-active/xplor-badge-active.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n}\n\n.xplor-badge-active {\n  background-color: #E6F7F7;\n  color: #00605C;\n  font-weight: 400;\n  padding: 4px 12px;\n  border-radius: 16px;\n  display: inline-block;\n}\n","import { Component, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'xplor-badge-active',\n  styleUrl: 'xplor-badge-active.scss',\n  scoped: true,\n})\nexport class XplorBadgeActive {\n  render() {\n    return (\n      <Host>\n        <span class=\"xplor-badge-active\">\n          Active\n        </span>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/components/xplor-badge-archived.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface XplorBadgeArchived extends Components.XplorBadgeArchived, HTMLElement {}
+export const XplorBadgeArchived: {
+    prototype: XplorBadgeArchived;
+    new (): XplorBadgeArchived;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components/xplor-badge-archived.js

@@ -0,0 +1,35 @@
+import { p as proxyCustomElement, H, h, a as Host } from './index.js';
+
+const xplorBadgeArchivedCss = "@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer base {\n  \n  :root {\n    --color-primary: #db3b03;\n    --color-primary-50: rgba(255, 152, 0, 1);\n    --color-secondary: rgb(0, 119, 107);\n    --color-secondary-50: rgba(1, 163, 157, 1);\n    --color-tertiary: rgb(128, 104, 186);\n    --color-tertiary: rgb(223, 242, 241);\n    --color-white: white;\n    --color-emphasis: rgb(8, 8, 9);\n    --color-supergiant: rgb(213, 66, 99);\n    --color-orange: rgb(250, 200, 127);\n    --color-buttons: #fbbc05;\n    --color-typography: #ea4335;\n    --background: 20 66% 99%;\n    --foreground: 20 51% 4%;\n    --muted: 20 25% 86%;\n    --muted-foreground: 20 7% 25%;\n    --popover: 20 66% 98%;\n    --popover-foreground: 20 51% 3%;\n    --card: 20 66% 98%;\n    --card-foreground: 20 51% 3%;\n    --border: 20 15% 94%;\n    --input: 20 15% 94%;\n    --primary: 20 48% 72%;\n    --primary-foreground: 20 48% 12%;\n    --secondary: 20 12% 92%;\n    --secondary-foreground: 20 12% 32%;\n    --accent: 20 12% 92%;\n    --accent-foreground: 20 12% 32%;\n    --destructive: 11 80% 22%;\n    --destructive-foreground: 11 80% 82%;\n    --ring: 20 48% 72%;\n    --radius: 0.5rem;\n    --chart-1: 12 76% 61%;\n    --chart-2: 173 58% 39%;\n    --chart-3: 197 37% 24%;\n    --chart-4: 43 74% 66%;\n    --chart-5: 27 87% 67%;\n  }\n  .dark {\n    --background: 253 43% 3%;\n    --foreground: 253 31% 98%;\n    --muted: 253 7% 13%;\n    --muted-foreground: 253 13% 63%;\n    --popover: 253 43% 3%;\n    --popover-foreground: 253 31% 98%;\n    --card: 253 43% 4%;\n    --card-foreground: 253 31% 99%;\n    --border: 215 27.9% 16.9%;\n    --input: 215 27.9% 16.9%;\n    --primary: 253 91% 58%;\n    --primary-foreground: 253 91% 98%;\n    --secondary: 253 7% 9%;\n    --secondary-foreground: 253 7% 69%;\n    --accent: 253 13% 14%;\n    --accent-foreground: 253 13% 74%;\n    --destructive: 339.2 90.36% 51.18%;\n    --destructive-foreground: 0 0% 100%;\n    --ring: 253 91% 58%;\n    --chart-1: 220 70% 50%;\n    --chart-2: 160 60% 45%;\n    --chart-3: 30 80% 55%;\n    --chart-4: 280 65% 60%;\n    --chart-5: 340 75% 55%;\n  }\n}\n@layer base {\n  * {\n    @apply border-border;\n  }\n  body {\n    @apply box-border bg-background text-foreground;\n  }\n}\n@layer utilities {\n  .min-h-screen {\n    min-height: 100vh;\n    \n    min-height: 100dvh;\n  }\n  .h-screen {\n    height: 100vh;\n    \n    height: 100dvh;\n  }\n}\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer components {\n  .glass {\n    border: none;\n    backdrop-filter: blur(var(--glass-blur, 40px));\n    background-color: transparent;\n    background-image: linear-gradient(135deg, rgb(255, 255, 255, var(--glass-opacity, 30%)), transparent), linear-gradient(var(--glass-reflex-degree, 100deg), rgb(255, 255, 255, var(--glass-reflex-opacity, 10%)) 25%, transparent 0);\n    box-shadow: 0 0 0 1px rgb(255, 255, 255, var(--glass-border-opacity, 10%)) inset, 0 0 0 2px rgba(0, 0, 0, 0.05);\n    text-shadow: 0 1px rgb(0, 0, 0, var(--glass-text-shadow-opacity, 5%));\n  }\n}\n.tox.tox-tinymce.sc-xplor-badge-archived {\n  width: 50% !important;\n  height: 400px !important;\n  display: inline-flex;\n}\n\n\n@media only screen and (min-width: 600px) {\n  .tox.tox-tinymce.sc-xplor-badge-archived {\n    width: 600px !important;\n  }\n}\nh1.sc-xplor-badge-archived {\n  color: var(--color-primary);\n  \n  font-family: Inter;\n  font-size: 48px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 56px; \n}\n\nh2.sc-xplor-badge-archived {\n  color: var(--grey-1100252525, #252525);\n  \n  font-family: Inter;\n  font-size: 32px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 38px; \n  letter-spacing: 0.25px;\n}\n\nh3.sc-xplor-badge-archived {\n  color: var(--grey-1100252525, #252525);\n  \n  font-family: Inter;\n  font-size: 24px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 32px; \n}\n\n.overline.sc-xplor-badge-archived {\n  color: var(--grey-1100252525, #252525);\n  \n  font-family: Inter;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 16px; \n  letter-spacing: 3.2px;\n  text-transform: uppercase;\n}\n\nol.sc-xplor-badge-archived, ul.sc-xplor-badge-archived {\n  list-style: none;\n  margin: 1rem;\n  padding: 0;\n}\nol.sc-xplor-badge-archived li.sc-xplor-badge-archived, ul.sc-xplor-badge-archived li.sc-xplor-badge-archived {\n  margin: 1rem;\n  padding: 0;\n}\nol.mdc-list.sc-xplor-badge-archived, ul.mdc-list.sc-xplor-badge-archived {\n  list-style-type: none;\n  list-style: none;\n}\nol.mdc-list.sc-xplor-badge-archived li.mdc-list-item.sc-xplor-badge-archived, ul.mdc-list.sc-xplor-badge-archived li.mdc-list-item.sc-xplor-badge-archived {\n  list-style-type: none;\n  list-style: none !important;\n}\n\n.orange-label.sc-xplor-badge-archived {\n  color: var(--Orange-900-Primary, #db3b03);\n  \n  font-family: Inter;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 16px; \n  letter-spacing: 0.4px;\n  margin: 0px 0 -9px 16px;\n  z-index: 1 !important;\n  position: relative;\n  width: fit-content;\n}\n.orange-label.grey-bg.sc-xplor-badge-archived {\n  background-color: #fefcfb;\n}\n\n#spinnerLoader.sc-xplor-badge-archived {\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  background-color: #fff;\n  padding: 20px;\n  border-radius: 5px;\n  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 100;\n  pointer-events: none;\n}\n\n#textfield-Title-label.sc-xplor-badge-archived {\n  background-color: white;\n}\n\n.mdc-ripple-upgraded.sc-xplor-badge-archived .mdc-text-field--outlined.sc-xplor-badge-archived .mdc-notched-outline__notch.sc-xplor-badge-archived {\n  border: 0px solid transparent !important;\n  border-bottom: 1px solid #db3b03 !important;\n  padding: 0;\n  height: 0;\n}\n\n.mdc-text-field--focused.sc-xplor-badge-archived .mdc-notched-outline__notch.sc-xplor-badge-archived {\n  border: 0px solid transparent !important;\n  border-bottom: 2px solid #db3b03 !important;\n}\n\n.mdc-text-field--outlined.sc-xplor-badge-archived .mdc-notched-outline.sc-xplor-badge-archived .mdc-notched-outline__notch.sc-xplor-badge-archived {\n  max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2);\n  border-top: transparent;\n}\n\n.generate-btn.sc-xplor-badge-archived {\n  display: flex;\n  height: 48px;\n  padding: 12px 24px;\n  justify-content: center;\n  align-items: center;\n  gap: 10px;\n  border-radius: 16px;\n}\n.generate-btn.link.sc-xplor-badge-archived:hover {\n  background-color: var(--Cyan-700-Secondary, #e27046);\n  color: var(--Cyan-700-Secondary-Text, #fff);\n}\n\n.bg-green.sc-xplor-badge-archived {\n  background: var(--Cyan-700-Secondary, #00776b);\n}\n\n.sc-xplor-badge-archived-h {\n  display: inline-block;\n}\n\n.xplor-badge-archived.sc-xplor-badge-archived {\n  background-color: #E8E0F0;\n  color: #60479A;\n  font-weight: 400;\n  padding: 4px 12px;\n  border-radius: 16px;\n  display: inline-block;\n}";
+
+const XplorBadgeArchived$1 = /*@__PURE__*/ proxyCustomElement(class XplorBadgeArchived extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    render() {
+        return (h(Host, { key: '599e09f32f830d73850b5ec237839da8a7121c80' }, h("span", { key: '844fd6e6bc86467cfe4be78922462d7a8da3a3ce', class: "xplor-badge-archived" }, "Archived")));
+    }
+    static get style() { return xplorBadgeArchivedCss; }
+}, [2, "xplor-badge-archived"]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["xplor-badge-archived"];
+    components.forEach(tagName => { switch (tagName) {
+        case "xplor-badge-archived":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, XplorBadgeArchived$1);
+            }
+            break;
+    } });
+}
+
+const XplorBadgeArchived = XplorBadgeArchived$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { XplorBadgeArchived, defineCustomElement };
+//# sourceMappingURL=xplor-badge-archived.js.map
+
+//# sourceMappingURL=xplor-badge-archived.js.map

package/components/xplor-badge-archived.js.map

@@ -0,0 +1 @@
+{"file":"xplor-badge-archived.js","mappings":";;AAAA,MAAM,qBAAqB,GAAG,i6NAAi6N;;MCOl7NA,oBAAkB,iBAAAC,kBAAA,CAAA,MAAA,kBAAA,SAAAC,CAAA,CAAA;;;;;IAC7B,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,sBAAsB,EAE3B,EAAA,UAAA,CAAA,CACF;;;;;;;;;;;;;;;;;;;;;;;","names":["XplorBadgeArchived","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/xplor-badge-archived/xplor-badge-archived.scss?tag=xplor-badge-archived&encapsulation=scoped","src/components/xplor-badge-archived/xplor-badge-archived.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n}\n\n.xplor-badge-archived {\n  background-color: #E8E0F0;\n  color: #60479A;\n  font-weight: 400;\n  padding: 4px 12px;\n  border-radius: 16px;\n  display: inline-block;\n}\n","import { Component, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'xplor-badge-archived',\n  styleUrl: 'xplor-badge-archived.scss',\n  scoped: true,\n})\nexport class XplorBadgeArchived {\n  render() {\n    return (\n      <Host>\n        <span class=\"xplor-badge-archived\">\n          Archived\n        </span>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/components/xplor-badge-deleted.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface XplorBadgeDeleted extends Components.XplorBadgeDeleted, HTMLElement {}
+export const XplorBadgeDeleted: {
+    prototype: XplorBadgeDeleted;
+    new (): XplorBadgeDeleted;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components/xplor-badge-deleted.js

@@ -0,0 +1,35 @@
+import { p as proxyCustomElement, H, h, a as Host } from './index.js';
+
+const xplorBadgeDeletedCss = "@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer base {\n  \n  :root {\n    --color-primary: #db3b03;\n    --color-primary-50: rgba(255, 152, 0, 1);\n    --color-secondary: rgb(0, 119, 107);\n    --color-secondary-50: rgba(1, 163, 157, 1);\n    --color-tertiary: rgb(128, 104, 186);\n    --color-tertiary: rgb(223, 242, 241);\n    --color-white: white;\n    --color-emphasis: rgb(8, 8, 9);\n    --color-supergiant: rgb(213, 66, 99);\n    --color-orange: rgb(250, 200, 127);\n    --color-buttons: #fbbc05;\n    --color-typography: #ea4335;\n    --background: 20 66% 99%;\n    --foreground: 20 51% 4%;\n    --muted: 20 25% 86%;\n    --muted-foreground: 20 7% 25%;\n    --popover: 20 66% 98%;\n    --popover-foreground: 20 51% 3%;\n    --card: 20 66% 98%;\n    --card-foreground: 20 51% 3%;\n    --border: 20 15% 94%;\n    --input: 20 15% 94%;\n    --primary: 20 48% 72%;\n    --primary-foreground: 20 48% 12%;\n    --secondary: 20 12% 92%;\n    --secondary-foreground: 20 12% 32%;\n    --accent: 20 12% 92%;\n    --accent-foreground: 20 12% 32%;\n    --destructive: 11 80% 22%;\n    --destructive-foreground: 11 80% 82%;\n    --ring: 20 48% 72%;\n    --radius: 0.5rem;\n    --chart-1: 12 76% 61%;\n    --chart-2: 173 58% 39%;\n    --chart-3: 197 37% 24%;\n    --chart-4: 43 74% 66%;\n    --chart-5: 27 87% 67%;\n  }\n  .dark {\n    --background: 253 43% 3%;\n    --foreground: 253 31% 98%;\n    --muted: 253 7% 13%;\n    --muted-foreground: 253 13% 63%;\n    --popover: 253 43% 3%;\n    --popover-foreground: 253 31% 98%;\n    --card: 253 43% 4%;\n    --card-foreground: 253 31% 99%;\n    --border: 215 27.9% 16.9%;\n    --input: 215 27.9% 16.9%;\n    --primary: 253 91% 58%;\n    --primary-foreground: 253 91% 98%;\n    --secondary: 253 7% 9%;\n    --secondary-foreground: 253 7% 69%;\n    --accent: 253 13% 14%;\n    --accent-foreground: 253 13% 74%;\n    --destructive: 339.2 90.36% 51.18%;\n    --destructive-foreground: 0 0% 100%;\n    --ring: 253 91% 58%;\n    --chart-1: 220 70% 50%;\n    --chart-2: 160 60% 45%;\n    --chart-3: 30 80% 55%;\n    --chart-4: 280 65% 60%;\n    --chart-5: 340 75% 55%;\n  }\n}\n@layer base {\n  * {\n    @apply border-border;\n  }\n  body {\n    @apply box-border bg-background text-foreground;\n  }\n}\n@layer utilities {\n  .min-h-screen {\n    min-height: 100vh;\n    \n    min-height: 100dvh;\n  }\n  .h-screen {\n    height: 100vh;\n    \n    height: 100dvh;\n  }\n}\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer components {\n  .glass {\n    border: none;\n    backdrop-filter: blur(var(--glass-blur, 40px));\n    background-color: transparent;\n    background-image: linear-gradient(135deg, rgb(255, 255, 255, var(--glass-opacity, 30%)), transparent), linear-gradient(var(--glass-reflex-degree, 100deg), rgb(255, 255, 255, var(--glass-reflex-opacity, 10%)) 25%, transparent 0);\n    box-shadow: 0 0 0 1px rgb(255, 255, 255, var(--glass-border-opacity, 10%)) inset, 0 0 0 2px rgba(0, 0, 0, 0.05);\n    text-shadow: 0 1px rgb(0, 0, 0, var(--glass-text-shadow-opacity, 5%));\n  }\n}\n.tox.tox-tinymce.sc-xplor-badge-deleted {\n  width: 50% !important;\n  height: 400px !important;\n  display: inline-flex;\n}\n\n\n@media only screen and (min-width: 600px) {\n  .tox.tox-tinymce.sc-xplor-badge-deleted {\n    width: 600px !important;\n  }\n}\nh1.sc-xplor-badge-deleted {\n  color: var(--color-primary);\n  \n  font-family: Inter;\n  font-size: 48px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 56px; \n}\n\nh2.sc-xplor-badge-deleted {\n  color: var(--grey-1100252525, #252525);\n  \n  font-family: Inter;\n  font-size: 32px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 38px; \n  letter-spacing: 0.25px;\n}\n\nh3.sc-xplor-badge-deleted {\n  color: var(--grey-1100252525, #252525);\n  \n  font-family: Inter;\n  font-size: 24px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 32px; \n}\n\n.overline.sc-xplor-badge-deleted {\n  color: var(--grey-1100252525, #252525);\n  \n  font-family: Inter;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 16px; \n  letter-spacing: 3.2px;\n  text-transform: uppercase;\n}\n\nol.sc-xplor-badge-deleted, ul.sc-xplor-badge-deleted {\n  list-style: none;\n  margin: 1rem;\n  padding: 0;\n}\nol.sc-xplor-badge-deleted li.sc-xplor-badge-deleted, ul.sc-xplor-badge-deleted li.sc-xplor-badge-deleted {\n  margin: 1rem;\n  padding: 0;\n}\nol.mdc-list.sc-xplor-badge-deleted, ul.mdc-list.sc-xplor-badge-deleted {\n  list-style-type: none;\n  list-style: none;\n}\nol.mdc-list.sc-xplor-badge-deleted li.mdc-list-item.sc-xplor-badge-deleted, ul.mdc-list.sc-xplor-badge-deleted li.mdc-list-item.sc-xplor-badge-deleted {\n  list-style-type: none;\n  list-style: none !important;\n}\n\n.orange-label.sc-xplor-badge-deleted {\n  color: var(--Orange-900-Primary, #db3b03);\n  \n  font-family: Inter;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 16px; \n  letter-spacing: 0.4px;\n  margin: 0px 0 -9px 16px;\n  z-index: 1 !important;\n  position: relative;\n  width: fit-content;\n}\n.orange-label.grey-bg.sc-xplor-badge-deleted {\n  background-color: #fefcfb;\n}\n\n#spinnerLoader.sc-xplor-badge-deleted {\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  background-color: #fff;\n  padding: 20px;\n  border-radius: 5px;\n  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 100;\n  pointer-events: none;\n}\n\n#textfield-Title-label.sc-xplor-badge-deleted {\n  background-color: white;\n}\n\n.mdc-ripple-upgraded.sc-xplor-badge-deleted .mdc-text-field--outlined.sc-xplor-badge-deleted .mdc-notched-outline__notch.sc-xplor-badge-deleted {\n  border: 0px solid transparent !important;\n  border-bottom: 1px solid #db3b03 !important;\n  padding: 0;\n  height: 0;\n}\n\n.mdc-text-field--focused.sc-xplor-badge-deleted .mdc-notched-outline__notch.sc-xplor-badge-deleted {\n  border: 0px solid transparent !important;\n  border-bottom: 2px solid #db3b03 !important;\n}\n\n.mdc-text-field--outlined.sc-xplor-badge-deleted .mdc-notched-outline.sc-xplor-badge-deleted .mdc-notched-outline__notch.sc-xplor-badge-deleted {\n  max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2);\n  border-top: transparent;\n}\n\n.generate-btn.sc-xplor-badge-deleted {\n  display: flex;\n  height: 48px;\n  padding: 12px 24px;\n  justify-content: center;\n  align-items: center;\n  gap: 10px;\n  border-radius: 16px;\n}\n.generate-btn.link.sc-xplor-badge-deleted:hover {\n  background-color: var(--Cyan-700-Secondary, #e27046);\n  color: var(--Cyan-700-Secondary-Text, #fff);\n}\n\n.bg-green.sc-xplor-badge-deleted {\n  background: var(--Cyan-700-Secondary, #00776b);\n}\n\n.sc-xplor-badge-deleted-h {\n  display: inline-block;\n}\n\n.xplor-badge-deleted.sc-xplor-badge-deleted {\n  background-color: #FFF3E6;\n  color: #B35A00;\n  font-weight: 400;\n  padding: 4px 12px;\n  border-radius: 16px;\n  display: inline-block;\n}";
+
+const XplorBadgeDeleted$1 = /*@__PURE__*/ proxyCustomElement(class XplorBadgeDeleted extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    render() {
+        return (h(Host, { key: 'df3f8b3c1375d524ab3d43973744d60c2abfaac5' }, h("span", { key: '61801350159e59fe22fd75ebe81d0c6601df3de7', class: "xplor-badge-deleted" }, "Deleted")));
+    }
+    static get style() { return xplorBadgeDeletedCss; }
+}, [2, "xplor-badge-deleted"]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["xplor-badge-deleted"];
+    components.forEach(tagName => { switch (tagName) {
+        case "xplor-badge-deleted":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, XplorBadgeDeleted$1);
+            }
+            break;
+    } });
+}
+
+const XplorBadgeDeleted = XplorBadgeDeleted$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { XplorBadgeDeleted, defineCustomElement };
+//# sourceMappingURL=xplor-badge-deleted.js.map
+
+//# sourceMappingURL=xplor-badge-deleted.js.map

package/components/xplor-badge-deleted.js.map

@@ -0,0 +1 @@
+{"file":"xplor-badge-deleted.js","mappings":";;AAAA,MAAM,oBAAoB,GAAG,63NAA63N;;MCO74NA,mBAAiB,iBAAAC,kBAAA,CAAA,MAAA,iBAAA,SAAAC,CAAA,CAAA;;;;;IAC5B,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,qBAAqB,EAE1B,EAAA,SAAA,CAAA,CACF;;;;;;;;;;;;;;;;;;;;;;;","names":["XplorBadgeDeleted","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/xplor-badge-deleted/xplor-badge-deleted.scss?tag=xplor-badge-deleted&encapsulation=scoped","src/components/xplor-badge-deleted/xplor-badge-deleted.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n}\n\n.xplor-badge-deleted {\n  background-color: #FFF3E6;\n  color: #B35A00;\n  font-weight: 400;\n  padding: 4px 12px;\n  border-radius: 16px;\n  display: inline-block;\n}\n","import { Component, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'xplor-badge-deleted',\n  styleUrl: 'xplor-badge-deleted.scss',\n  scoped: true,\n})\nexport class XplorBadgeDeleted {\n  render() {\n    return (\n      <Host>\n        <span class=\"xplor-badge-deleted\">\n          Deleted\n        </span>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/components/xplor-badge-expired.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface XplorBadgeExpired extends Components.XplorBadgeExpired, HTMLElement {}
+export const XplorBadgeExpired: {
+    prototype: XplorBadgeExpired;
+    new (): XplorBadgeExpired;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components/xplor-badge-expired.js

@@ -0,0 +1,35 @@
+import { p as proxyCustomElement, H, h, a as Host } from './index.js';
+
+const xplorBadgeExpiredCss = "@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer base {\n  \n  :root {\n    --color-primary: #db3b03;\n    --color-primary-50: rgba(255, 152, 0, 1);\n    --color-secondary: rgb(0, 119, 107);\n    --color-secondary-50: rgba(1, 163, 157, 1);\n    --color-tertiary: rgb(128, 104, 186);\n    --color-tertiary: rgb(223, 242, 241);\n    --color-white: white;\n    --color-emphasis: rgb(8, 8, 9);\n    --color-supergiant: rgb(213, 66, 99);\n    --color-orange: rgb(250, 200, 127);\n    --color-buttons: #fbbc05;\n    --color-typography: #ea4335;\n    --background: 20 66% 99%;\n    --foreground: 20 51% 4%;\n    --muted: 20 25% 86%;\n    --muted-foreground: 20 7% 25%;\n    --popover: 20 66% 98%;\n    --popover-foreground: 20 51% 3%;\n    --card: 20 66% 98%;\n    --card-foreground: 20 51% 3%;\n    --border: 20 15% 94%;\n    --input: 20 15% 94%;\n    --primary: 20 48% 72%;\n    --primary-foreground: 20 48% 12%;\n    --secondary: 20 12% 92%;\n    --secondary-foreground: 20 12% 32%;\n    --accent: 20 12% 92%;\n    --accent-foreground: 20 12% 32%;\n    --destructive: 11 80% 22%;\n    --destructive-foreground: 11 80% 82%;\n    --ring: 20 48% 72%;\n    --radius: 0.5rem;\n    --chart-1: 12 76% 61%;\n    --chart-2: 173 58% 39%;\n    --chart-3: 197 37% 24%;\n    --chart-4: 43 74% 66%;\n    --chart-5: 27 87% 67%;\n  }\n  .dark {\n    --background: 253 43% 3%;\n    --foreground: 253 31% 98%;\n    --muted: 253 7% 13%;\n    --muted-foreground: 253 13% 63%;\n    --popover: 253 43% 3%;\n    --popover-foreground: 253 31% 98%;\n    --card: 253 43% 4%;\n    --card-foreground: 253 31% 99%;\n    --border: 215 27.9% 16.9%;\n    --input: 215 27.9% 16.9%;\n    --primary: 253 91% 58%;\n    --primary-foreground: 253 91% 98%;\n    --secondary: 253 7% 9%;\n    --secondary-foreground: 253 7% 69%;\n    --accent: 253 13% 14%;\n    --accent-foreground: 253 13% 74%;\n    --destructive: 339.2 90.36% 51.18%;\n    --destructive-foreground: 0 0% 100%;\n    --ring: 253 91% 58%;\n    --chart-1: 220 70% 50%;\n    --chart-2: 160 60% 45%;\n    --chart-3: 30 80% 55%;\n    --chart-4: 280 65% 60%;\n    --chart-5: 340 75% 55%;\n  }\n}\n@layer base {\n  * {\n    @apply border-border;\n  }\n  body {\n    @apply box-border bg-background text-foreground;\n  }\n}\n@layer utilities {\n  .min-h-screen {\n    min-height: 100vh;\n    \n    min-height: 100dvh;\n  }\n  .h-screen {\n    height: 100vh;\n    \n    height: 100dvh;\n  }\n}\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer components {\n  .glass {\n    border: none;\n    backdrop-filter: blur(var(--glass-blur, 40px));\n    background-color: transparent;\n    background-image: linear-gradient(135deg, rgb(255, 255, 255, var(--glass-opacity, 30%)), transparent), linear-gradient(var(--glass-reflex-degree, 100deg), rgb(255, 255, 255, var(--glass-reflex-opacity, 10%)) 25%, transparent 0);\n    box-shadow: 0 0 0 1px rgb(255, 255, 255, var(--glass-border-opacity, 10%)) inset, 0 0 0 2px rgba(0, 0, 0, 0.05);\n    text-shadow: 0 1px rgb(0, 0, 0, var(--glass-text-shadow-opacity, 5%));\n  }\n}\n.tox.tox-tinymce.sc-xplor-badge-expired {\n  width: 50% !important;\n  height: 400px !important;\n  display: inline-flex;\n}\n\n\n@media only screen and (min-width: 600px) {\n  .tox.tox-tinymce.sc-xplor-badge-expired {\n    width: 600px !important;\n  }\n}\nh1.sc-xplor-badge-expired {\n  color: var(--color-primary);\n  \n  font-family: Inter;\n  font-size: 48px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 56px; \n}\n\nh2.sc-xplor-badge-expired {\n  color: var(--grey-1100252525, #252525);\n  \n  font-family: Inter;\n  font-size: 32px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 38px; \n  letter-spacing: 0.25px;\n}\n\nh3.sc-xplor-badge-expired {\n  color: var(--grey-1100252525, #252525);\n  \n  font-family: Inter;\n  font-size: 24px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 32px; \n}\n\n.overline.sc-xplor-badge-expired {\n  color: var(--grey-1100252525, #252525);\n  \n  font-family: Inter;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 16px; \n  letter-spacing: 3.2px;\n  text-transform: uppercase;\n}\n\nol.sc-xplor-badge-expired, ul.sc-xplor-badge-expired {\n  list-style: none;\n  margin: 1rem;\n  padding: 0;\n}\nol.sc-xplor-badge-expired li.sc-xplor-badge-expired, ul.sc-xplor-badge-expired li.sc-xplor-badge-expired {\n  margin: 1rem;\n  padding: 0;\n}\nol.mdc-list.sc-xplor-badge-expired, ul.mdc-list.sc-xplor-badge-expired {\n  list-style-type: none;\n  list-style: none;\n}\nol.mdc-list.sc-xplor-badge-expired li.mdc-list-item.sc-xplor-badge-expired, ul.mdc-list.sc-xplor-badge-expired li.mdc-list-item.sc-xplor-badge-expired {\n  list-style-type: none;\n  list-style: none !important;\n}\n\n.orange-label.sc-xplor-badge-expired {\n  color: var(--Orange-900-Primary, #db3b03);\n  \n  font-family: Inter;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 16px; \n  letter-spacing: 0.4px;\n  margin: 0px 0 -9px 16px;\n  z-index: 1 !important;\n  position: relative;\n  width: fit-content;\n}\n.orange-label.grey-bg.sc-xplor-badge-expired {\n  background-color: #fefcfb;\n}\n\n#spinnerLoader.sc-xplor-badge-expired {\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  background-color: #fff;\n  padding: 20px;\n  border-radius: 5px;\n  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 100;\n  pointer-events: none;\n}\n\n#textfield-Title-label.sc-xplor-badge-expired {\n  background-color: white;\n}\n\n.mdc-ripple-upgraded.sc-xplor-badge-expired .mdc-text-field--outlined.sc-xplor-badge-expired .mdc-notched-outline__notch.sc-xplor-badge-expired {\n  border: 0px solid transparent !important;\n  border-bottom: 1px solid #db3b03 !important;\n  padding: 0;\n  height: 0;\n}\n\n.mdc-text-field--focused.sc-xplor-badge-expired .mdc-notched-outline__notch.sc-xplor-badge-expired {\n  border: 0px solid transparent !important;\n  border-bottom: 2px solid #db3b03 !important;\n}\n\n.mdc-text-field--outlined.sc-xplor-badge-expired .mdc-notched-outline.sc-xplor-badge-expired .mdc-notched-outline__notch.sc-xplor-badge-expired {\n  max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2);\n  border-top: transparent;\n}\n\n.generate-btn.sc-xplor-badge-expired {\n  display: flex;\n  height: 48px;\n  padding: 12px 24px;\n  justify-content: center;\n  align-items: center;\n  gap: 10px;\n  border-radius: 16px;\n}\n.generate-btn.link.sc-xplor-badge-expired:hover {\n  background-color: var(--Cyan-700-Secondary, #e27046);\n  color: var(--Cyan-700-Secondary-Text, #fff);\n}\n\n.bg-green.sc-xplor-badge-expired {\n  background: var(--Cyan-700-Secondary, #00776b);\n}\n\n.sc-xplor-badge-expired-h {\n  display: inline-block;\n}\n\n.xplor-badge-expired.sc-xplor-badge-expired {\n  background-color: #FEE;\n  color: #C62828;\n  font-weight: 400;\n  padding: 4px 12px;\n  border-radius: 16px;\n  display: inline-block;\n}";
+
+const XplorBadgeExpired$1 = /*@__PURE__*/ proxyCustomElement(class XplorBadgeExpired extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    render() {
+        return (h(Host, { key: 'fed692675532969ab1353a505743baf529ee8267' }, h("span", { key: '780c2bf72f1b4d0f6dc2057ac1b4fc2c29e9b479', class: "xplor-badge-expired" }, "Expired")));
+    }
+    static get style() { return xplorBadgeExpiredCss; }
+}, [2, "xplor-badge-expired"]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["xplor-badge-expired"];
+    components.forEach(tagName => { switch (tagName) {
+        case "xplor-badge-expired":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, XplorBadgeExpired$1);
+            }
+            break;
+    } });
+}
+
+const XplorBadgeExpired = XplorBadgeExpired$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { XplorBadgeExpired, defineCustomElement };
+//# sourceMappingURL=xplor-badge-expired.js.map
+
+//# sourceMappingURL=xplor-badge-expired.js.map

package/components/xplor-badge-expired.js.map

@@ -0,0 +1 @@
+{"file":"xplor-badge-expired.js","mappings":";;AAAA,MAAM,oBAAoB,GAAG,03NAA03N;;MCO14NA,mBAAiB,iBAAAC,kBAAA,CAAA,MAAA,iBAAA,SAAAC,CAAA,CAAA;;;;;IAC5B,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,qBAAqB,EAE1B,EAAA,SAAA,CAAA,CACF;;;;;;;;;;;;;;;;;;;;;;;","names":["XplorBadgeExpired","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/xplor-badge-expired/xplor-badge-expired.scss?tag=xplor-badge-expired&encapsulation=scoped","src/components/xplor-badge-expired/xplor-badge-expired.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n}\n\n.xplor-badge-expired {\n  background-color: #FEE;\n  color: #C62828;\n  font-weight: 400;\n  padding: 4px 12px;\n  border-radius: 16px;\n  display: inline-block;\n}\n","import { Component, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'xplor-badge-expired',\n  styleUrl: 'xplor-badge-expired.scss',\n  scoped: true,\n})\nexport class XplorBadgeExpired {\n  render() {\n    return (\n      <Host>\n        <span class=\"xplor-badge-expired\">\n          Expired\n        </span>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/components/xplor-badge-inactive.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface XplorBadgeInactive extends Components.XplorBadgeInactive, HTMLElement {}
+export const XplorBadgeInactive: {
+    prototype: XplorBadgeInactive;
+    new (): XplorBadgeInactive;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components/xplor-badge-inactive.js

@@ -0,0 +1,35 @@
+import { p as proxyCustomElement, H, h, a as Host } from './index.js';
+
+const xplorBadgeInactiveCss = "@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer base {\n  \n  :root {\n    --color-primary: #db3b03;\n    --color-primary-50: rgba(255, 152, 0, 1);\n    --color-secondary: rgb(0, 119, 107);\n    --color-secondary-50: rgba(1, 163, 157, 1);\n    --color-tertiary: rgb(128, 104, 186);\n    --color-tertiary: rgb(223, 242, 241);\n    --color-white: white;\n    --color-emphasis: rgb(8, 8, 9);\n    --color-supergiant: rgb(213, 66, 99);\n    --color-orange: rgb(250, 200, 127);\n    --color-buttons: #fbbc05;\n    --color-typography: #ea4335;\n    --background: 20 66% 99%;\n    --foreground: 20 51% 4%;\n    --muted: 20 25% 86%;\n    --muted-foreground: 20 7% 25%;\n    --popover: 20 66% 98%;\n    --popover-foreground: 20 51% 3%;\n    --card: 20 66% 98%;\n    --card-foreground: 20 51% 3%;\n    --border: 20 15% 94%;\n    --input: 20 15% 94%;\n    --primary: 20 48% 72%;\n    --primary-foreground: 20 48% 12%;\n    --secondary: 20 12% 92%;\n    --secondary-foreground: 20 12% 32%;\n    --accent: 20 12% 92%;\n    --accent-foreground: 20 12% 32%;\n    --destructive: 11 80% 22%;\n    --destructive-foreground: 11 80% 82%;\n    --ring: 20 48% 72%;\n    --radius: 0.5rem;\n    --chart-1: 12 76% 61%;\n    --chart-2: 173 58% 39%;\n    --chart-3: 197 37% 24%;\n    --chart-4: 43 74% 66%;\n    --chart-5: 27 87% 67%;\n  }\n  .dark {\n    --background: 253 43% 3%;\n    --foreground: 253 31% 98%;\n    --muted: 253 7% 13%;\n    --muted-foreground: 253 13% 63%;\n    --popover: 253 43% 3%;\n    --popover-foreground: 253 31% 98%;\n    --card: 253 43% 4%;\n    --card-foreground: 253 31% 99%;\n    --border: 215 27.9% 16.9%;\n    --input: 215 27.9% 16.9%;\n    --primary: 253 91% 58%;\n    --primary-foreground: 253 91% 98%;\n    --secondary: 253 7% 9%;\n    --secondary-foreground: 253 7% 69%;\n    --accent: 253 13% 14%;\n    --accent-foreground: 253 13% 74%;\n    --destructive: 339.2 90.36% 51.18%;\n    --destructive-foreground: 0 0% 100%;\n    --ring: 253 91% 58%;\n    --chart-1: 220 70% 50%;\n    --chart-2: 160 60% 45%;\n    --chart-3: 30 80% 55%;\n    --chart-4: 280 65% 60%;\n    --chart-5: 340 75% 55%;\n  }\n}\n@layer base {\n  * {\n    @apply border-border;\n  }\n  body {\n    @apply box-border bg-background text-foreground;\n  }\n}\n@layer utilities {\n  .min-h-screen {\n    min-height: 100vh;\n    \n    min-height: 100dvh;\n  }\n  .h-screen {\n    height: 100vh;\n    \n    height: 100dvh;\n  }\n}\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer components {\n  .glass {\n    border: none;\n    backdrop-filter: blur(var(--glass-blur, 40px));\n    background-color: transparent;\n    background-image: linear-gradient(135deg, rgb(255, 255, 255, var(--glass-opacity, 30%)), transparent), linear-gradient(var(--glass-reflex-degree, 100deg), rgb(255, 255, 255, var(--glass-reflex-opacity, 10%)) 25%, transparent 0);\n    box-shadow: 0 0 0 1px rgb(255, 255, 255, var(--glass-border-opacity, 10%)) inset, 0 0 0 2px rgba(0, 0, 0, 0.05);\n    text-shadow: 0 1px rgb(0, 0, 0, var(--glass-text-shadow-opacity, 5%));\n  }\n}\n.tox.tox-tinymce.sc-xplor-badge-inactive {\n  width: 50% !important;\n  height: 400px !important;\n  display: inline-flex;\n}\n\n\n@media only screen and (min-width: 600px) {\n  .tox.tox-tinymce.sc-xplor-badge-inactive {\n    width: 600px !important;\n  }\n}\nh1.sc-xplor-badge-inactive {\n  color: var(--color-primary);\n  \n  font-family: Inter;\n  font-size: 48px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 56px; \n}\n\nh2.sc-xplor-badge-inactive {\n  color: var(--grey-1100252525, #252525);\n  \n  font-family: Inter;\n  font-size: 32px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 38px; \n  letter-spacing: 0.25px;\n}\n\nh3.sc-xplor-badge-inactive {\n  color: var(--grey-1100252525, #252525);\n  \n  font-family: Inter;\n  font-size: 24px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 32px; \n}\n\n.overline.sc-xplor-badge-inactive {\n  color: var(--grey-1100252525, #252525);\n  \n  font-family: Inter;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 16px; \n  letter-spacing: 3.2px;\n  text-transform: uppercase;\n}\n\nol.sc-xplor-badge-inactive, ul.sc-xplor-badge-inactive {\n  list-style: none;\n  margin: 1rem;\n  padding: 0;\n}\nol.sc-xplor-badge-inactive li.sc-xplor-badge-inactive, ul.sc-xplor-badge-inactive li.sc-xplor-badge-inactive {\n  margin: 1rem;\n  padding: 0;\n}\nol.mdc-list.sc-xplor-badge-inactive, ul.mdc-list.sc-xplor-badge-inactive {\n  list-style-type: none;\n  list-style: none;\n}\nol.mdc-list.sc-xplor-badge-inactive li.mdc-list-item.sc-xplor-badge-inactive, ul.mdc-list.sc-xplor-badge-inactive li.mdc-list-item.sc-xplor-badge-inactive {\n  list-style-type: none;\n  list-style: none !important;\n}\n\n.orange-label.sc-xplor-badge-inactive {\n  color: var(--Orange-900-Primary, #db3b03);\n  \n  font-family: Inter;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 16px; \n  letter-spacing: 0.4px;\n  margin: 0px 0 -9px 16px;\n  z-index: 1 !important;\n  position: relative;\n  width: fit-content;\n}\n.orange-label.grey-bg.sc-xplor-badge-inactive {\n  background-color: #fefcfb;\n}\n\n#spinnerLoader.sc-xplor-badge-inactive {\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  background-color: #fff;\n  padding: 20px;\n  border-radius: 5px;\n  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 100;\n  pointer-events: none;\n}\n\n#textfield-Title-label.sc-xplor-badge-inactive {\n  background-color: white;\n}\n\n.mdc-ripple-upgraded.sc-xplor-badge-inactive .mdc-text-field--outlined.sc-xplor-badge-inactive .mdc-notched-outline__notch.sc-xplor-badge-inactive {\n  border: 0px solid transparent !important;\n  border-bottom: 1px solid #db3b03 !important;\n  padding: 0;\n  height: 0;\n}\n\n.mdc-text-field--focused.sc-xplor-badge-inactive .mdc-notched-outline__notch.sc-xplor-badge-inactive {\n  border: 0px solid transparent !important;\n  border-bottom: 2px solid #db3b03 !important;\n}\n\n.mdc-text-field--outlined.sc-xplor-badge-inactive .mdc-notched-outline.sc-xplor-badge-inactive .mdc-notched-outline__notch.sc-xplor-badge-inactive {\n  max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2);\n  border-top: transparent;\n}\n\n.generate-btn.sc-xplor-badge-inactive {\n  display: flex;\n  height: 48px;\n  padding: 12px 24px;\n  justify-content: center;\n  align-items: center;\n  gap: 10px;\n  border-radius: 16px;\n}\n.generate-btn.link.sc-xplor-badge-inactive:hover {\n  background-color: var(--Cyan-700-Secondary, #e27046);\n  color: var(--Cyan-700-Secondary-Text, #fff);\n}\n\n.bg-green.sc-xplor-badge-inactive {\n  background: var(--Cyan-700-Secondary, #00776b);\n}\n\n.sc-xplor-badge-inactive-h {\n  display: inline-block;\n}\n\n.xplor-badge-inactive.sc-xplor-badge-inactive {\n  background-color: #FAFAFA;\n  color: #424242;\n  font-weight: 400;\n  padding: 4px 12px;\n  border-radius: 16px;\n  display: inline-block;\n}";
+
+const XplorBadgeInactive$1 = /*@__PURE__*/ proxyCustomElement(class XplorBadgeInactive extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    render() {
+        return (h(Host, { key: '91648179b68ae6aa6db61292bf53b27761b7e00a' }, h("span", { key: '08eab77d253bf84f767f78e0ee147147d7b999ef', class: "xplor-badge-inactive" }, "Inactive")));
+    }
+    static get style() { return xplorBadgeInactiveCss; }
+}, [2, "xplor-badge-inactive"]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["xplor-badge-inactive"];
+    components.forEach(tagName => { switch (tagName) {
+        case "xplor-badge-inactive":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, XplorBadgeInactive$1);
+            }
+            break;
+    } });
+}
+
+const XplorBadgeInactive = XplorBadgeInactive$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { XplorBadgeInactive, defineCustomElement };
+//# sourceMappingURL=xplor-badge-inactive.js.map
+
+//# sourceMappingURL=xplor-badge-inactive.js.map

package/components/xplor-badge-inactive.js.map

@@ -0,0 +1 @@
+{"file":"xplor-badge-inactive.js","mappings":";;AAAA,MAAM,qBAAqB,GAAG,i6NAAi6N;;MCOl7NA,oBAAkB,iBAAAC,kBAAA,CAAA,MAAA,kBAAA,SAAAC,CAAA,CAAA;;;;;IAC7B,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,sBAAsB,EAE3B,EAAA,UAAA,CAAA,CACF;;;;;;;;;;;;;;;;;;;;;;;","names":["XplorBadgeInactive","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/xplor-badge-inactive/xplor-badge-inactive.scss?tag=xplor-badge-inactive&encapsulation=scoped","src/components/xplor-badge-inactive/xplor-badge-inactive.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n}\n\n.xplor-badge-inactive {\n  background-color: #FAFAFA;\n  color: #424242;\n  font-weight: 400;\n  padding: 4px 12px;\n  border-radius: 16px;\n  display: inline-block;\n}\n","import { Component, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'xplor-badge-inactive',\n  styleUrl: 'xplor-badge-inactive.scss',\n  scoped: true,\n})\nexport class XplorBadgeInactive {\n  render() {\n    return (\n      <Host>\n        <span class=\"xplor-badge-inactive\">\n          Inactive\n        </span>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/components/xplor-badge-recalled.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface XplorBadgeRecalled extends Components.XplorBadgeRecalled, HTMLElement {}
+export const XplorBadgeRecalled: {
+    prototype: XplorBadgeRecalled;
+    new (): XplorBadgeRecalled;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components/xplor-badge-recalled.js

@@ -0,0 +1,35 @@
+import { p as proxyCustomElement, H, h, a as Host } from './index.js';
+
+const xplorBadgeRecalledCss = "@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer base {\n  \n  :root {\n    --color-primary: #db3b03;\n    --color-primary-50: rgba(255, 152, 0, 1);\n    --color-secondary: rgb(0, 119, 107);\n    --color-secondary-50: rgba(1, 163, 157, 1);\n    --color-tertiary: rgb(128, 104, 186);\n    --color-tertiary: rgb(223, 242, 241);\n    --color-white: white;\n    --color-emphasis: rgb(8, 8, 9);\n    --color-supergiant: rgb(213, 66, 99);\n    --color-orange: rgb(250, 200, 127);\n    --color-buttons: #fbbc05;\n    --color-typography: #ea4335;\n    --background: 20 66% 99%;\n    --foreground: 20 51% 4%;\n    --muted: 20 25% 86%;\n    --muted-foreground: 20 7% 25%;\n    --popover: 20 66% 98%;\n    --popover-foreground: 20 51% 3%;\n    --card: 20 66% 98%;\n    --card-foreground: 20 51% 3%;\n    --border: 20 15% 94%;\n    --input: 20 15% 94%;\n    --primary: 20 48% 72%;\n    --primary-foreground: 20 48% 12%;\n    --secondary: 20 12% 92%;\n    --secondary-foreground: 20 12% 32%;\n    --accent: 20 12% 92%;\n    --accent-foreground: 20 12% 32%;\n    --destructive: 11 80% 22%;\n    --destructive-foreground: 11 80% 82%;\n    --ring: 20 48% 72%;\n    --radius: 0.5rem;\n    --chart-1: 12 76% 61%;\n    --chart-2: 173 58% 39%;\n    --chart-3: 197 37% 24%;\n    --chart-4: 43 74% 66%;\n    --chart-5: 27 87% 67%;\n  }\n  .dark {\n    --background: 253 43% 3%;\n    --foreground: 253 31% 98%;\n    --muted: 253 7% 13%;\n    --muted-foreground: 253 13% 63%;\n    --popover: 253 43% 3%;\n    --popover-foreground: 253 31% 98%;\n    --card: 253 43% 4%;\n    --card-foreground: 253 31% 99%;\n    --border: 215 27.9% 16.9%;\n    --input: 215 27.9% 16.9%;\n    --primary: 253 91% 58%;\n    --primary-foreground: 253 91% 98%;\n    --secondary: 253 7% 9%;\n    --secondary-foreground: 253 7% 69%;\n    --accent: 253 13% 14%;\n    --accent-foreground: 253 13% 74%;\n    --destructive: 339.2 90.36% 51.18%;\n    --destructive-foreground: 0 0% 100%;\n    --ring: 253 91% 58%;\n    --chart-1: 220 70% 50%;\n    --chart-2: 160 60% 45%;\n    --chart-3: 30 80% 55%;\n    --chart-4: 280 65% 60%;\n    --chart-5: 340 75% 55%;\n  }\n}\n@layer base {\n  * {\n    @apply border-border;\n  }\n  body {\n    @apply box-border bg-background text-foreground;\n  }\n}\n@layer utilities {\n  .min-h-screen {\n    min-height: 100vh;\n    \n    min-height: 100dvh;\n  }\n  .h-screen {\n    height: 100vh;\n    \n    height: 100dvh;\n  }\n}\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer components {\n  .glass {\n    border: none;\n    backdrop-filter: blur(var(--glass-blur, 40px));\n    background-color: transparent;\n    background-image: linear-gradient(135deg, rgb(255, 255, 255, var(--glass-opacity, 30%)), transparent), linear-gradient(var(--glass-reflex-degree, 100deg), rgb(255, 255, 255, var(--glass-reflex-opacity, 10%)) 25%, transparent 0);\n    box-shadow: 0 0 0 1px rgb(255, 255, 255, var(--glass-border-opacity, 10%)) inset, 0 0 0 2px rgba(0, 0, 0, 0.05);\n    text-shadow: 0 1px rgb(0, 0, 0, var(--glass-text-shadow-opacity, 5%));\n  }\n}\n.tox.tox-tinymce.sc-xplor-badge-recalled {\n  width: 50% !important;\n  height: 400px !important;\n  display: inline-flex;\n}\n\n\n@media only screen and (min-width: 600px) {\n  .tox.tox-tinymce.sc-xplor-badge-recalled {\n    width: 600px !important;\n  }\n}\nh1.sc-xplor-badge-recalled {\n  color: var(--color-primary);\n  \n  font-family: Inter;\n  font-size: 48px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 56px; \n}\n\nh2.sc-xplor-badge-recalled {\n  color: var(--grey-1100252525, #252525);\n  \n  font-family: Inter;\n  font-size: 32px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 38px; \n  letter-spacing: 0.25px;\n}\n\nh3.sc-xplor-badge-recalled {\n  color: var(--grey-1100252525, #252525);\n  \n  font-family: Inter;\n  font-size: 24px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 32px; \n}\n\n.overline.sc-xplor-badge-recalled {\n  color: var(--grey-1100252525, #252525);\n  \n  font-family: Inter;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 16px; \n  letter-spacing: 3.2px;\n  text-transform: uppercase;\n}\n\nol.sc-xplor-badge-recalled, ul.sc-xplor-badge-recalled {\n  list-style: none;\n  margin: 1rem;\n  padding: 0;\n}\nol.sc-xplor-badge-recalled li.sc-xplor-badge-recalled, ul.sc-xplor-badge-recalled li.sc-xplor-badge-recalled {\n  margin: 1rem;\n  padding: 0;\n}\nol.mdc-list.sc-xplor-badge-recalled, ul.mdc-list.sc-xplor-badge-recalled {\n  list-style-type: none;\n  list-style: none;\n}\nol.mdc-list.sc-xplor-badge-recalled li.mdc-list-item.sc-xplor-badge-recalled, ul.mdc-list.sc-xplor-badge-recalled li.mdc-list-item.sc-xplor-badge-recalled {\n  list-style-type: none;\n  list-style: none !important;\n}\n\n.orange-label.sc-xplor-badge-recalled {\n  color: var(--Orange-900-Primary, #db3b03);\n  \n  font-family: Inter;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 16px; \n  letter-spacing: 0.4px;\n  margin: 0px 0 -9px 16px;\n  z-index: 1 !important;\n  position: relative;\n  width: fit-content;\n}\n.orange-label.grey-bg.sc-xplor-badge-recalled {\n  background-color: #fefcfb;\n}\n\n#spinnerLoader.sc-xplor-badge-recalled {\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  background-color: #fff;\n  padding: 20px;\n  border-radius: 5px;\n  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 100;\n  pointer-events: none;\n}\n\n#textfield-Title-label.sc-xplor-badge-recalled {\n  background-color: white;\n}\n\n.mdc-ripple-upgraded.sc-xplor-badge-recalled .mdc-text-field--outlined.sc-xplor-badge-recalled .mdc-notched-outline__notch.sc-xplor-badge-recalled {\n  border: 0px solid transparent !important;\n  border-bottom: 1px solid #db3b03 !important;\n  padding: 0;\n  height: 0;\n}\n\n.mdc-text-field--focused.sc-xplor-badge-recalled .mdc-notched-outline__notch.sc-xplor-badge-recalled {\n  border: 0px solid transparent !important;\n  border-bottom: 2px solid #db3b03 !important;\n}\n\n.mdc-text-field--outlined.sc-xplor-badge-recalled .mdc-notched-outline.sc-xplor-badge-recalled .mdc-notched-outline__notch.sc-xplor-badge-recalled {\n  max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2);\n  border-top: transparent;\n}\n\n.generate-btn.sc-xplor-badge-recalled {\n  display: flex;\n  height: 48px;\n  padding: 12px 24px;\n  justify-content: center;\n  align-items: center;\n  gap: 10px;\n  border-radius: 16px;\n}\n.generate-btn.link.sc-xplor-badge-recalled:hover {\n  background-color: var(--Cyan-700-Secondary, #e27046);\n  color: var(--Cyan-700-Secondary-Text, #fff);\n}\n\n.bg-green.sc-xplor-badge-recalled {\n  background: var(--Cyan-700-Secondary, #00776b);\n}\n\n.sc-xplor-badge-recalled-h {\n  display: inline-block;\n}\n\n.xplor-badge-recalled.sc-xplor-badge-recalled {\n  background-color: #FFF9E6;\n  color: #F9A825;\n  font-weight: 400;\n  padding: 4px 12px;\n  border-radius: 16px;\n  display: inline-block;\n}";
+
+const XplorBadgeRecalled$1 = /*@__PURE__*/ proxyCustomElement(class XplorBadgeRecalled extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    render() {
+        return (h(Host, { key: '9233d1e70a44d0b058b44f42afab990f4bdb851d' }, h("span", { key: 'be98dcedb815e3df2c68c94ba21b7084f55523a7', class: "xplor-badge-recalled" }, "Recalled")));
+    }
+    static get style() { return xplorBadgeRecalledCss; }
+}, [2, "xplor-badge-recalled"]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["xplor-badge-recalled"];
+    components.forEach(tagName => { switch (tagName) {
+        case "xplor-badge-recalled":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, XplorBadgeRecalled$1);
+            }
+            break;
+    } });
+}
+
+const XplorBadgeRecalled = XplorBadgeRecalled$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { XplorBadgeRecalled, defineCustomElement };
+//# sourceMappingURL=xplor-badge-recalled.js.map
+
+//# sourceMappingURL=xplor-badge-recalled.js.map

package/components/xplor-badge-recalled.js.map

@@ -0,0 +1 @@
+{"file":"xplor-badge-recalled.js","mappings":";;AAAA,MAAM,qBAAqB,GAAG,i6NAAi6N;;MCOl7NA,oBAAkB,iBAAAC,kBAAA,CAAA,MAAA,kBAAA,SAAAC,CAAA,CAAA;;;;;IAC7B,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,sBAAsB,EAE3B,EAAA,UAAA,CAAA,CACF;;;;;;;;;;;;;;;;;;;;;;;","names":["XplorBadgeRecalled","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/xplor-badge-recalled/xplor-badge-recalled.scss?tag=xplor-badge-recalled&encapsulation=scoped","src/components/xplor-badge-recalled/xplor-badge-recalled.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n}\n\n.xplor-badge-recalled {\n  background-color: #FFF9E6;\n  color: #F9A825;\n  font-weight: 400;\n  padding: 4px 12px;\n  border-radius: 16px;\n  display: inline-block;\n}\n","import { Component, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'xplor-badge-recalled',\n  styleUrl: 'xplor-badge-recalled.scss',\n  scoped: true,\n})\nexport class XplorBadgeRecalled {\n  render() {\n    return (\n      <Host>\n        <span class=\"xplor-badge-recalled\">\n          Recalled\n        </span>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/components/xplor-badge-session-booking.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface XplorBadgeSessionBooking extends Components.XplorBadgeSessionBooking, HTMLElement {}
+export const XplorBadgeSessionBooking: {
+    prototype: XplorBadgeSessionBooking;
+    new (): XplorBadgeSessionBooking;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components/xplor-badge-session-booking.js

@@ -0,0 +1,60 @@
+import { p as proxyCustomElement, H, h, a as Host } from './index.js';
+
+const xplorBadgeSessionBookingCss = "@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer base {\n  \n  :root {\n    --color-primary: #db3b03;\n    --color-primary-50: rgba(255, 152, 0, 1);\n    --color-secondary: rgb(0, 119, 107);\n    --color-secondary-50: rgba(1, 163, 157, 1);\n    --color-tertiary: rgb(128, 104, 186);\n    --color-tertiary: rgb(223, 242, 241);\n    --color-white: white;\n    --color-emphasis: rgb(8, 8, 9);\n    --color-supergiant: rgb(213, 66, 99);\n    --color-orange: rgb(250, 200, 127);\n    --color-buttons: #fbbc05;\n    --color-typography: #ea4335;\n    --background: 20 66% 99%;\n    --foreground: 20 51% 4%;\n    --muted: 20 25% 86%;\n    --muted-foreground: 20 7% 25%;\n    --popover: 20 66% 98%;\n    --popover-foreground: 20 51% 3%;\n    --card: 20 66% 98%;\n    --card-foreground: 20 51% 3%;\n    --border: 20 15% 94%;\n    --input: 20 15% 94%;\n    --primary: 20 48% 72%;\n    --primary-foreground: 20 48% 12%;\n    --secondary: 20 12% 92%;\n    --secondary-foreground: 20 12% 32%;\n    --accent: 20 12% 92%;\n    --accent-foreground: 20 12% 32%;\n    --destructive: 11 80% 22%;\n    --destructive-foreground: 11 80% 82%;\n    --ring: 20 48% 72%;\n    --radius: 0.5rem;\n    --chart-1: 12 76% 61%;\n    --chart-2: 173 58% 39%;\n    --chart-3: 197 37% 24%;\n    --chart-4: 43 74% 66%;\n    --chart-5: 27 87% 67%;\n  }\n  .dark {\n    --background: 253 43% 3%;\n    --foreground: 253 31% 98%;\n    --muted: 253 7% 13%;\n    --muted-foreground: 253 13% 63%;\n    --popover: 253 43% 3%;\n    --popover-foreground: 253 31% 98%;\n    --card: 253 43% 4%;\n    --card-foreground: 253 31% 99%;\n    --border: 215 27.9% 16.9%;\n    --input: 215 27.9% 16.9%;\n    --primary: 253 91% 58%;\n    --primary-foreground: 253 91% 98%;\n    --secondary: 253 7% 9%;\n    --secondary-foreground: 253 7% 69%;\n    --accent: 253 13% 14%;\n    --accent-foreground: 253 13% 74%;\n    --destructive: 339.2 90.36% 51.18%;\n    --destructive-foreground: 0 0% 100%;\n    --ring: 253 91% 58%;\n    --chart-1: 220 70% 50%;\n    --chart-2: 160 60% 45%;\n    --chart-3: 30 80% 55%;\n    --chart-4: 280 65% 60%;\n    --chart-5: 340 75% 55%;\n  }\n}\n@layer base {\n  * {\n    @apply border-border;\n  }\n  body {\n    @apply box-border bg-background text-foreground;\n  }\n}\n@layer utilities {\n  .min-h-screen {\n    min-height: 100vh;\n    \n    min-height: 100dvh;\n  }\n  .h-screen {\n    height: 100vh;\n    \n    height: 100dvh;\n  }\n}\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer components {\n  .glass {\n    border: none;\n    backdrop-filter: blur(var(--glass-blur, 40px));\n    background-color: transparent;\n    background-image: linear-gradient(135deg, rgb(255, 255, 255, var(--glass-opacity, 30%)), transparent), linear-gradient(var(--glass-reflex-degree, 100deg), rgb(255, 255, 255, var(--glass-reflex-opacity, 10%)) 25%, transparent 0);\n    box-shadow: 0 0 0 1px rgb(255, 255, 255, var(--glass-border-opacity, 10%)) inset, 0 0 0 2px rgba(0, 0, 0, 0.05);\n    text-shadow: 0 1px rgb(0, 0, 0, var(--glass-text-shadow-opacity, 5%));\n  }\n}\n.tox.tox-tinymce.sc-xplor-badge-session-booking {\n  width: 50% !important;\n  height: 400px !important;\n  display: inline-flex;\n}\n\n\n@media only screen and (min-width: 600px) {\n  .tox.tox-tinymce.sc-xplor-badge-session-booking {\n    width: 600px !important;\n  }\n}\nh1.sc-xplor-badge-session-booking {\n  color: var(--color-primary);\n  \n  font-family: Inter;\n  font-size: 48px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 56px; \n}\n\nh2.sc-xplor-badge-session-booking {\n  color: var(--grey-1100252525, #252525);\n  \n  font-family: Inter;\n  font-size: 32px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 38px; \n  letter-spacing: 0.25px;\n}\n\nh3.sc-xplor-badge-session-booking {\n  color: var(--grey-1100252525, #252525);\n  \n  font-family: Inter;\n  font-size: 24px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 32px; \n}\n\n.overline.sc-xplor-badge-session-booking {\n  color: var(--grey-1100252525, #252525);\n  \n  font-family: Inter;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 16px; \n  letter-spacing: 3.2px;\n  text-transform: uppercase;\n}\n\nol.sc-xplor-badge-session-booking, ul.sc-xplor-badge-session-booking {\n  list-style: none;\n  margin: 1rem;\n  padding: 0;\n}\nol.sc-xplor-badge-session-booking li.sc-xplor-badge-session-booking, ul.sc-xplor-badge-session-booking li.sc-xplor-badge-session-booking {\n  margin: 1rem;\n  padding: 0;\n}\nol.mdc-list.sc-xplor-badge-session-booking, ul.mdc-list.sc-xplor-badge-session-booking {\n  list-style-type: none;\n  list-style: none;\n}\nol.mdc-list.sc-xplor-badge-session-booking li.mdc-list-item.sc-xplor-badge-session-booking, ul.mdc-list.sc-xplor-badge-session-booking li.mdc-list-item.sc-xplor-badge-session-booking {\n  list-style-type: none;\n  list-style: none !important;\n}\n\n.orange-label.sc-xplor-badge-session-booking {\n  color: var(--Orange-900-Primary, #db3b03);\n  \n  font-family: Inter;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 16px; \n  letter-spacing: 0.4px;\n  margin: 0px 0 -9px 16px;\n  z-index: 1 !important;\n  position: relative;\n  width: fit-content;\n}\n.orange-label.grey-bg.sc-xplor-badge-session-booking {\n  background-color: #fefcfb;\n}\n\n#spinnerLoader.sc-xplor-badge-session-booking {\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  background-color: #fff;\n  padding: 20px;\n  border-radius: 5px;\n  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 100;\n  pointer-events: none;\n}\n\n#textfield-Title-label.sc-xplor-badge-session-booking {\n  background-color: white;\n}\n\n.mdc-ripple-upgraded.sc-xplor-badge-session-booking .mdc-text-field--outlined.sc-xplor-badge-session-booking .mdc-notched-outline__notch.sc-xplor-badge-session-booking {\n  border: 0px solid transparent !important;\n  border-bottom: 1px solid #db3b03 !important;\n  padding: 0;\n  height: 0;\n}\n\n.mdc-text-field--focused.sc-xplor-badge-session-booking .mdc-notched-outline__notch.sc-xplor-badge-session-booking {\n  border: 0px solid transparent !important;\n  border-bottom: 2px solid #db3b03 !important;\n}\n\n.mdc-text-field--outlined.sc-xplor-badge-session-booking .mdc-notched-outline.sc-xplor-badge-session-booking .mdc-notched-outline__notch.sc-xplor-badge-session-booking {\n  max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2);\n  border-top: transparent;\n}\n\n.generate-btn.sc-xplor-badge-session-booking {\n  display: flex;\n  height: 48px;\n  padding: 12px 24px;\n  justify-content: center;\n  align-items: center;\n  gap: 10px;\n  border-radius: 16px;\n}\n.generate-btn.link.sc-xplor-badge-session-booking:hover {\n  background-color: var(--Cyan-700-Secondary, #e27046);\n  color: var(--Cyan-700-Secondary-Text, #fff);\n}\n\n.bg-green.sc-xplor-badge-session-booking {\n  background: var(--Cyan-700-Secondary, #00776b);\n}\n\n.sc-xplor-badge-session-booking-h {\n  display: inline-block;\n}\n\n.xplor-badge-session-booking.sc-xplor-badge-session-booking {\n  border-radius: 0.25rem;\n  color: #000;\n  width: 200px;\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  padding: 4px 12px;\n}\n.xplor-badge-session-booking--default.sc-xplor-badge-session-booking {\n  background-color: #fef2e0;\n  border: solid 2px #f69202;\n}\n.xplor-badge-session-booking--absent.sc-xplor-badge-session-booking {\n  background-color: #f0f0f0;\n  border: solid 2px #7b7b7b;\n}\n.xplor-badge-session-booking--attend.sc-xplor-badge-session-booking {\n  background-color: #dff6f6;\n  border: solid 2px #00b2a8;\n}\n.xplor-badge-session-booking--holiday.sc-xplor-badge-session-booking {\n  background-color: #f0f0f0;\n  border: solid 2px #7b7b7b;\n}\n.xplor-badge-session-booking--waived.sc-xplor-badge-session-booking {\n  opacity: 0.5;\n}";
+
+const XplorBadgeSessionBooking$1 = /*@__PURE__*/ proxyCustomElement(class XplorBadgeSessionBooking extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    getBookingTypeClass() {
+        var _a, _b;
+        const classes = ['xplor-badge-session-booking'];
+        switch ((_a = this.booking) === null || _a === void 0 ? void 0 : _a.type) {
+            case 'absence':
+                classes.push('xplor-badge-session-booking--absent');
+                break;
+            case 'attendance':
+                classes.push('xplor-badge-session-booking--attend');
+                break;
+            case 'holiday':
+                classes.push('xplor-badge-session-booking--holiday');
+                break;
+            default:
+                classes.push('xplor-badge-session-booking--default');
+                break;
+        }
+        if ((_b = this.item) === null || _b === void 0 ? void 0 : _b.ccs_gap_fee_is_waived) {
+            classes.push('xplor-badge-session-booking--waived');
+        }
+        return classes.join(' ');
+    }
+    render() {
+        return (h(Host, { key: '2de356577c682b61f7bab3df1963df5b23884a19' }, h("span", { key: '810ab3316b54ada35c0352a5ae47f60a4590b986', class: this.getBookingTypeClass() }, h("slot", { key: '7da46c8b9e18ee6a1553a088bea17494e0aee832' }))));
+    }
+    static get style() { return xplorBadgeSessionBookingCss; }
+}, [6, "xplor-badge-session-booking", {
+        "booking": [16],
+        "item": [16]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["xplor-badge-session-booking"];
+    components.forEach(tagName => { switch (tagName) {
+        case "xplor-badge-session-booking":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, XplorBadgeSessionBooking$1);
+            }
+            break;
+    } });
+}
+
+const XplorBadgeSessionBooking = XplorBadgeSessionBooking$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { XplorBadgeSessionBooking, defineCustomElement };
+//# sourceMappingURL=xplor-badge-session-booking.js.map
+
+//# sourceMappingURL=xplor-badge-session-booking.js.map

package/components/xplor-badge-session-booking.js.map

@@ -0,0 +1 @@
+{"file":"xplor-badge-session-booking.js","mappings":";;AAAA,MAAM,2BAA2B,GAAG,myPAAmyP;;MCiB1zPA,0BAAwB,iBAAAC,kBAAA,CAAA,MAAA,wBAAA,SAAAC,CAAA,CAAA;;;;;IAW3B,mBAAmB,GAAA;;AACzB,QAAA,MAAM,OAAO,GAAG,CAAC,6BAA6B,CAAC;QAE/C,QAAQ,MAAA,IAAI,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAI;AACxB,YAAA,KAAK,SAAS;AACZ,gBAAA,OAAO,CAAC,IAAI,CAAC,qCAAqC,CAAC;gBACnD;AACF,YAAA,KAAK,YAAY;AACf,gBAAA,OAAO,CAAC,IAAI,CAAC,qCAAqC,CAAC;gBACnD;AACF,YAAA,KAAK,SAAS;AACZ,gBAAA,OAAO,CAAC,IAAI,CAAC,sCAAsC,CAAC;gBACpD;AACF,YAAA;AACE,gBAAA,OAAO,CAAC,IAAI,CAAC,sCAAsC,CAAC;gBACpD;;QAGJ,IAAI,MAAA,IAAI,CAAC,IAAI,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,qBAAqB,EAAE;AACpC,YAAA,OAAO,CAAC,IAAI,CAAC,qCAAqC,CAAC;;AAGrD,QAAA,OAAO,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;;IAG1B,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAE,IAAI,CAAC,mBAAmB,EAAE,EAAA,EACrC,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["XplorBadgeSessionBooking","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/xplor-badge-session-booking/xplor-badge-session-booking.scss?tag=xplor-badge-session-booking&encapsulation=scoped","src/components/xplor-badge-session-booking/xplor-badge-session-booking.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n}\n\n.xplor-badge-session-booking {\n  border-radius: 0.25rem;\n  color: #000;\n  width: 200px;\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  padding: 4px 12px;\n\n  &--default {\n    background-color: #fef2e0;\n    border: solid 2px #f69202;\n  }\n\n  &--absent {\n    background-color: #f0f0f0;\n    border: solid 2px #7b7b7b;\n  }\n\n  &--attend {\n    background-color: #dff6f6;\n    border: solid 2px #00b2a8;\n  }\n\n  &--holiday {\n    background-color: #f0f0f0;\n    border: solid 2px #7b7b7b;\n  }\n\n  &--waived {\n    opacity: 0.5;\n  }\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\n\nexport interface Booking {\n  type: 'absence' | 'attendance' | 'holiday' | string;\n  [key: string]: any;\n}\n\nexport interface BookingItem {\n  ccs_gap_fee_is_waived?: boolean;\n  [key: string]: any;\n}\n\n@Component({\n  tag: 'xplor-badge-session-booking',\n  styleUrl: 'xplor-badge-session-booking.scss',\n  scoped: true,\n})\nexport class XplorBadgeSessionBooking {\n  /**\n   * Booking object\n   */\n  @Prop() booking!: Booking;\n\n  /**\n   * Item object\n   */\n  @Prop() item!: BookingItem;\n\n  private getBookingTypeClass(): string {\n    const classes = ['xplor-badge-session-booking'];\n\n    switch (this.booking?.type) {\n      case 'absence':\n        classes.push('xplor-badge-session-booking--absent');\n        break;\n      case 'attendance':\n        classes.push('xplor-badge-session-booking--attend');\n        break;\n      case 'holiday':\n        classes.push('xplor-badge-session-booking--holiday');\n        break;\n      default:\n        classes.push('xplor-badge-session-booking--default');\n        break;\n    }\n\n    if (this.item?.ccs_gap_fee_is_waived) {\n      classes.push('xplor-badge-session-booking--waived');\n    }\n\n    return classes.join(' ');\n  }\n\n  render() {\n    return (\n      <Host>\n        <span class={this.getBookingTypeClass()}>\n          <slot />\n        </span>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/components/xplor-badge-upcoming.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface XplorBadgeUpcoming extends Components.XplorBadgeUpcoming, HTMLElement {}
+export const XplorBadgeUpcoming: {
+    prototype: XplorBadgeUpcoming;
+    new (): XplorBadgeUpcoming;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components/xplor-badge-upcoming.js

@@ -0,0 +1,35 @@
+import { p as proxyCustomElement, H, h, a as Host } from './index.js';
+
+const xplorBadgeUpcomingCss = "@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer base {\n  \n  :root {\n    --color-primary: #db3b03;\n    --color-primary-50: rgba(255, 152, 0, 1);\n    --color-secondary: rgb(0, 119, 107);\n    --color-secondary-50: rgba(1, 163, 157, 1);\n    --color-tertiary: rgb(128, 104, 186);\n    --color-tertiary: rgb(223, 242, 241);\n    --color-white: white;\n    --color-emphasis: rgb(8, 8, 9);\n    --color-supergiant: rgb(213, 66, 99);\n    --color-orange: rgb(250, 200, 127);\n    --color-buttons: #fbbc05;\n    --color-typography: #ea4335;\n    --background: 20 66% 99%;\n    --foreground: 20 51% 4%;\n    --muted: 20 25% 86%;\n    --muted-foreground: 20 7% 25%;\n    --popover: 20 66% 98%;\n    --popover-foreground: 20 51% 3%;\n    --card: 20 66% 98%;\n    --card-foreground: 20 51% 3%;\n    --border: 20 15% 94%;\n    --input: 20 15% 94%;\n    --primary: 20 48% 72%;\n    --primary-foreground: 20 48% 12%;\n    --secondary: 20 12% 92%;\n    --secondary-foreground: 20 12% 32%;\n    --accent: 20 12% 92%;\n    --accent-foreground: 20 12% 32%;\n    --destructive: 11 80% 22%;\n    --destructive-foreground: 11 80% 82%;\n    --ring: 20 48% 72%;\n    --radius: 0.5rem;\n    --chart-1: 12 76% 61%;\n    --chart-2: 173 58% 39%;\n    --chart-3: 197 37% 24%;\n    --chart-4: 43 74% 66%;\n    --chart-5: 27 87% 67%;\n  }\n  .dark {\n    --background: 253 43% 3%;\n    --foreground: 253 31% 98%;\n    --muted: 253 7% 13%;\n    --muted-foreground: 253 13% 63%;\n    --popover: 253 43% 3%;\n    --popover-foreground: 253 31% 98%;\n    --card: 253 43% 4%;\n    --card-foreground: 253 31% 99%;\n    --border: 215 27.9% 16.9%;\n    --input: 215 27.9% 16.9%;\n    --primary: 253 91% 58%;\n    --primary-foreground: 253 91% 98%;\n    --secondary: 253 7% 9%;\n    --secondary-foreground: 253 7% 69%;\n    --accent: 253 13% 14%;\n    --accent-foreground: 253 13% 74%;\n    --destructive: 339.2 90.36% 51.18%;\n    --destructive-foreground: 0 0% 100%;\n    --ring: 253 91% 58%;\n    --chart-1: 220 70% 50%;\n    --chart-2: 160 60% 45%;\n    --chart-3: 30 80% 55%;\n    --chart-4: 280 65% 60%;\n    --chart-5: 340 75% 55%;\n  }\n}\n@layer base {\n  * {\n    @apply border-border;\n  }\n  body {\n    @apply box-border bg-background text-foreground;\n  }\n}\n@layer utilities {\n  .min-h-screen {\n    min-height: 100vh;\n    \n    min-height: 100dvh;\n  }\n  .h-screen {\n    height: 100vh;\n    \n    height: 100dvh;\n  }\n}\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer components {\n  .glass {\n    border: none;\n    backdrop-filter: blur(var(--glass-blur, 40px));\n    background-color: transparent;\n    background-image: linear-gradient(135deg, rgb(255, 255, 255, var(--glass-opacity, 30%)), transparent), linear-gradient(var(--glass-reflex-degree, 100deg), rgb(255, 255, 255, var(--glass-reflex-opacity, 10%)) 25%, transparent 0);\n    box-shadow: 0 0 0 1px rgb(255, 255, 255, var(--glass-border-opacity, 10%)) inset, 0 0 0 2px rgba(0, 0, 0, 0.05);\n    text-shadow: 0 1px rgb(0, 0, 0, var(--glass-text-shadow-opacity, 5%));\n  }\n}\n.tox.tox-tinymce.sc-xplor-badge-upcoming {\n  width: 50% !important;\n  height: 400px !important;\n  display: inline-flex;\n}\n\n\n@media only screen and (min-width: 600px) {\n  .tox.tox-tinymce.sc-xplor-badge-upcoming {\n    width: 600px !important;\n  }\n}\nh1.sc-xplor-badge-upcoming {\n  color: var(--color-primary);\n  \n  font-family: Inter;\n  font-size: 48px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 56px; \n}\n\nh2.sc-xplor-badge-upcoming {\n  color: var(--grey-1100252525, #252525);\n  \n  font-family: Inter;\n  font-size: 32px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 38px; \n  letter-spacing: 0.25px;\n}\n\nh3.sc-xplor-badge-upcoming {\n  color: var(--grey-1100252525, #252525);\n  \n  font-family: Inter;\n  font-size: 24px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 32px; \n}\n\n.overline.sc-xplor-badge-upcoming {\n  color: var(--grey-1100252525, #252525);\n  \n  font-family: Inter;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 16px; \n  letter-spacing: 3.2px;\n  text-transform: uppercase;\n}\n\nol.sc-xplor-badge-upcoming, ul.sc-xplor-badge-upcoming {\n  list-style: none;\n  margin: 1rem;\n  padding: 0;\n}\nol.sc-xplor-badge-upcoming li.sc-xplor-badge-upcoming, ul.sc-xplor-badge-upcoming li.sc-xplor-badge-upcoming {\n  margin: 1rem;\n  padding: 0;\n}\nol.mdc-list.sc-xplor-badge-upcoming, ul.mdc-list.sc-xplor-badge-upcoming {\n  list-style-type: none;\n  list-style: none;\n}\nol.mdc-list.sc-xplor-badge-upcoming li.mdc-list-item.sc-xplor-badge-upcoming, ul.mdc-list.sc-xplor-badge-upcoming li.mdc-list-item.sc-xplor-badge-upcoming {\n  list-style-type: none;\n  list-style: none !important;\n}\n\n.orange-label.sc-xplor-badge-upcoming {\n  color: var(--Orange-900-Primary, #db3b03);\n  \n  font-family: Inter;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 16px; \n  letter-spacing: 0.4px;\n  margin: 0px 0 -9px 16px;\n  z-index: 1 !important;\n  position: relative;\n  width: fit-content;\n}\n.orange-label.grey-bg.sc-xplor-badge-upcoming {\n  background-color: #fefcfb;\n}\n\n#spinnerLoader.sc-xplor-badge-upcoming {\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  background-color: #fff;\n  padding: 20px;\n  border-radius: 5px;\n  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 100;\n  pointer-events: none;\n}\n\n#textfield-Title-label.sc-xplor-badge-upcoming {\n  background-color: white;\n}\n\n.mdc-ripple-upgraded.sc-xplor-badge-upcoming .mdc-text-field--outlined.sc-xplor-badge-upcoming .mdc-notched-outline__notch.sc-xplor-badge-upcoming {\n  border: 0px solid transparent !important;\n  border-bottom: 1px solid #db3b03 !important;\n  padding: 0;\n  height: 0;\n}\n\n.mdc-text-field--focused.sc-xplor-badge-upcoming .mdc-notched-outline__notch.sc-xplor-badge-upcoming {\n  border: 0px solid transparent !important;\n  border-bottom: 2px solid #db3b03 !important;\n}\n\n.mdc-text-field--outlined.sc-xplor-badge-upcoming .mdc-notched-outline.sc-xplor-badge-upcoming .mdc-notched-outline__notch.sc-xplor-badge-upcoming {\n  max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2);\n  border-top: transparent;\n}\n\n.generate-btn.sc-xplor-badge-upcoming {\n  display: flex;\n  height: 48px;\n  padding: 12px 24px;\n  justify-content: center;\n  align-items: center;\n  gap: 10px;\n  border-radius: 16px;\n}\n.generate-btn.link.sc-xplor-badge-upcoming:hover {\n  background-color: var(--Cyan-700-Secondary, #e27046);\n  color: var(--Cyan-700-Secondary-Text, #fff);\n}\n\n.bg-green.sc-xplor-badge-upcoming {\n  background: var(--Cyan-700-Secondary, #00776b);\n}\n\n.sc-xplor-badge-upcoming-h {\n  display: inline-block;\n}\n\n.xplor-badge-upcoming.sc-xplor-badge-upcoming {\n  background-color: #E3F2FD;\n  color: #1976D2;\n  font-weight: 400;\n  padding: 4px 12px;\n  border-radius: 16px;\n  display: inline-block;\n}";
+
+const XplorBadgeUpcoming$1 = /*@__PURE__*/ proxyCustomElement(class XplorBadgeUpcoming extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    render() {
+        return (h(Host, { key: '51078127992721291d5b557148239d657b050ad4' }, h("span", { key: 'cd95ea48dad3fb544df80a70318da7671b8700be', class: "xplor-badge-upcoming" }, "Upcoming")));
+    }
+    static get style() { return xplorBadgeUpcomingCss; }
+}, [2, "xplor-badge-upcoming"]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["xplor-badge-upcoming"];
+    components.forEach(tagName => { switch (tagName) {
+        case "xplor-badge-upcoming":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, XplorBadgeUpcoming$1);
+            }
+            break;
+    } });
+}
+
+const XplorBadgeUpcoming = XplorBadgeUpcoming$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { XplorBadgeUpcoming, defineCustomElement };
+//# sourceMappingURL=xplor-badge-upcoming.js.map
+
+//# sourceMappingURL=xplor-badge-upcoming.js.map

package/components/xplor-badge-upcoming.js.map

@@ -0,0 +1 @@
+{"file":"xplor-badge-upcoming.js","mappings":";;AAAA,MAAM,qBAAqB,GAAG,i6NAAi6N;;MCOl7NA,oBAAkB,iBAAAC,kBAAA,CAAA,MAAA,kBAAA,SAAAC,CAAA,CAAA;;;;;IAC7B,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,sBAAsB,EAE3B,EAAA,UAAA,CAAA,CACF;;;;;;;;;;;;;;;;;;;;;;;","names":["XplorBadgeUpcoming","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/xplor-badge-upcoming/xplor-badge-upcoming.scss?tag=xplor-badge-upcoming&encapsulation=scoped","src/components/xplor-badge-upcoming/xplor-badge-upcoming.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n}\n\n.xplor-badge-upcoming {\n  background-color: #E3F2FD;\n  color: #1976D2;\n  font-weight: 400;\n  padding: 4px 12px;\n  border-radius: 16px;\n  display: inline-block;\n}\n","import { Component, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'xplor-badge-upcoming',\n  styleUrl: 'xplor-badge-upcoming.scss',\n  scoped: true,\n})\nexport class XplorBadgeUpcoming {\n  render() {\n    return (\n      <Host>\n        <span class=\"xplor-badge-upcoming\">\n          Upcoming\n        </span>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/components/xplor-badge-waitlist.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface XplorBadgeWaitlist extends Components.XplorBadgeWaitlist, HTMLElement {}
+export const XplorBadgeWaitlist: {
+    prototype: XplorBadgeWaitlist;
+    new (): XplorBadgeWaitlist;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;