@incodetech/web 2.0.0-alpha.5 → 2.0.0-alpha.7

package/dist/base.css

@@ -829,6 +829,236 @@
   color: var(--spinner-text-subtitle);
 }
 
+.IncodePermissionsImageContainer {
+  flex-direction: column;
+  align-items: center;
+  display: flex;
+  position: relative;
+}
+
+.IncodePermissionsActions {
+  flex-direction: column;
+  align-items: center;
+  width: 100%;
+  margin-top: auto;
+  display: flex;
+}
+
+.IncodePermissionsActionsGap {
+  align-items: center;
+  gap: var(--spacing-12, var(--spacing-12, 12px));
+  flex-direction: column;
+  width: 100%;
+  margin-top: auto;
+  display: flex;
+}
+
+.IncodeBoldWithArrow {
+  --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
+  font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
+  color: var(--color-text-body-primary, var(--text-body-primary));
+  display: inline;
+}
+
+.IncodeBoldWithArrowIcon {
+  vertical-align: middle;
+  width: .8em;
+  height: .8em;
+  margin-inline: .2em;
+  display: inline-block;
+}
+
+.IncodeDeniedPage .IncodePageInner {
+  max-width: 468px;
+}
+
+.IncodeDeniedTitle {
+  text-align: left;
+  font-size: var(--text-24, var(--primitive-typography-size-24));
+  --tw-leading: var(--leading-tight, 1.25);
+  line-height: var(--leading-tight, 1.25);
+  --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
+  font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
+  --tw-tracking: -1px;
+  letter-spacing: -1px;
+  color: var(--color-text-body-primary, var(--text-body-primary));
+}
+
+.IncodeDeniedInstructionsContainer {
+  width: 100%;
+  max-width: 420px;
+}
+
+.IncodeDeniedStepsList {
+  gap: var(--spacing-16, var(--spacing-16, 16px));
+  flex-direction: column;
+  display: flex;
+}
+
+.IncodeDeniedStepItem {
+  align-items: center;
+  gap: var(--spacing-16, var(--spacing-16, 16px));
+  display: flex;
+}
+
+.IncodeDeniedStepText {
+  font-size: var(--text-18, var(--primitive-typography-size-18));
+  --tw-leading: 114%;
+  --tw-font-weight: var(--font-weight-normal, 400);
+  line-height: 114%;
+  font-weight: var(--font-weight-normal, 400);
+  --tw-tracking: -.5px;
+  letter-spacing: -.5px;
+  color: var(--color-text-body-secondary, var(--text-body-secondary));
+}
+
+.IncodeDeniedStepTextBold {
+  --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
+  font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
+}
+
+.IncodeDeniedStepsList .IncodeDeniedStepTextBold {
+  color: var(--color-text-body-primary, var(--text-body-primary));
+}
+
+.IncodeDeniedActions {
+  width: 100%;
+  padding-block: var(--spacing-16, var(--spacing-16, 16px));
+  flex-direction: column;
+  align-items: center;
+  margin-top: auto;
+  display: flex;
+}
+
+.IncodeDeniedDesktopContainer {
+  flex-direction: column;
+  display: flex;
+}
+
+.IncodeDeniedDesktopStep {
+  align-items: center;
+  gap: var(--spacing-8, var(--spacing-8, 8px));
+  display: flex;
+}
+
+.IncodeIconWrapper {
+  aspect-ratio: 1;
+  justify-content: center;
+  align-items: center;
+  width: 38px;
+  min-width: 38px;
+  height: 38px;
+  min-height: 38px;
+  display: flex;
+}
+
+.IncodeIconWrapperImage {
+  width: 100%;
+  height: 100%;
+}
+
+.IncodeLearnMoreContainer {
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.IncodeLearnMoreImage {
+  aspect-ratio: 1;
+  height: var(--spacing-32, var(--spacing-32, 32px));
+  width: var(--spacing-32, var(--spacing-32, 32px));
+}
+
+.IncodeLearnMoreTitle {
+  text-align: center;
+  font-size: var(--text-20, var(--primitive-typography-size-20));
+  --tw-leading: 114%;
+  --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
+  line-height: 114%;
+  font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
+  --tw-tracking: -1px;
+  letter-spacing: -1px;
+  color: var(--color-text-body-primary, var(--text-body-primary));
+}
+
+.IncodeLearnMoreInstructions {
+  align-items: center;
+  gap: var(--spacing-24, var(--spacing-24, 24px));
+  flex-direction: column;
+  display: flex;
+}
+
+.IncodeLearnMoreInstruction {
+  align-items: center;
+  gap: var(--spacing-12, var(--spacing-12, 12px));
+  width: 100%;
+  display: flex;
+}
+
+.IncodeLearnMoreInstructionIcon {
+  aspect-ratio: 1;
+  height: var(--spacing-32, var(--spacing-32, 32px));
+  width: var(--spacing-32, var(--spacing-32, 32px));
+  flex-shrink: 0;
+  display: flex;
+}
+
+.IncodeLearnMoreInstructionIconImage {
+  width: 100%;
+  height: 100%;
+}
+
+.IncodeLearnMoreInstructionText {
+  font-size: var(--text-18, var(--primitive-typography-size-18));
+  --tw-leading: 114%;
+  --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
+  line-height: 114%;
+  font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
+  --tw-tracking: -.5px;
+  letter-spacing: -.5px;
+  color: var(--color-text-body-primary, var(--text-body-primary));
+}
+
+.IncodeLearnMoreActions {
+  width: 100%;
+  padding-block: var(--spacing-16, var(--spacing-16, 16px));
+  flex-direction: column;
+  align-items: center;
+  margin-top: auto;
+  display: flex;
+}
+
+.IncodeNumberedStep {
+  border-radius: var(--radius-lg, .5rem);
+  border-style: var(--tw-border-style);
+  --tw-border-style: solid;
+  border-style: solid;
+  border-width: 2px;
+  border-color: var(--color-border-neutral-100, var(--border-neutral-100));
+  justify-content: center;
+  align-items: center;
+  width: 46px;
+  min-width: 46px;
+  height: 46px;
+  min-height: 46px;
+  display: flex;
+}
+
+.IncodeNumberedStepText {
+  font-size: var(--text-18, var(--primitive-typography-size-18));
+  --tw-font-weight: var(--font-weight-semibold, var(--primitive-typography-weight-semibold));
+  font-weight: var(--font-weight-semibold, var(--primitive-typography-weight-semibold));
+  color: var(--color-text-body-primary, var(--text-body-primary));
+}
+
+.IncodeNumberedStepConnector {
+  margin-left: var(--spacing-24, var(--spacing-24, 24px));
+  height: var(--spacing-12, var(--spacing-12, 12px));
+  width: var(--spacing-2, var(--spacing-2, 2px));
+  background-color: var(--color-border-neutral-100, var(--border-neutral-100));
+}
+
 @property --tw-rotate-x {
   syntax: "*";
   inherits: false

package/dist/email/email.es.js

@@ -1,8 +1,8 @@
-import { u as e, S as g, a as h, B as v } from "../button-DeMZ_34N.js";
-import { createEmailManager as O } from "@incodetech/core/email";
-import { d as f, y as b, k as y } from "../vendor-preact-CK0WeTOR.js";
-import { a as V, I as P, P as E } from "../incodeModule-DFQUQvfY.js";
-import { O as k } from "../otpInput-BUrV4IAF.js";
+import { u as e, S as g, r as h, a as v, B as O } from "../incodeModule-Dv8Qllrv.js";
+import { createEmailManager as y } from "@incodetech/core/email";
+import { d as f, y as b, k as V } from "../vendor-preact-CK0WeTOR.js";
+import { I as P, P as E } from "../page-CSoG4tGT.js";
+import { O as k } from "../otpInput-BtoZe0Wz.js";
 const I = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, w = ({
   prefilledEmail: i,
   emailError: s,
@@ -50,7 +50,7 @@ const I = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, w = ({
         ]
       }
     ),
-    s && /* @__PURE__ */ e(y, { children: [
+    s && /* @__PURE__ */ e(V, { children: [
       /* @__PURE__ */ e(g, { size: 8 }),
       /* @__PURE__ */ e(
         "p",
@@ -65,10 +65,10 @@ const I = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, w = ({
     ] })
   ] }) });
 }, C = ({ config: i, onFinish: s, onError: r }) => {
-  const [t, n] = h(() => {
+  const [t, n] = v(() => {
     if (!i)
       throw new Error("Email config is required");
-    return O({ config: i });
+    return y({ config: i });
   }), [o, m] = f(!1);
   if (b(() => {
     if (t.status === "idle" && n.load)
@@ -101,7 +101,7 @@ const I = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, w = ({
           ),
           /* @__PURE__ */ e(g, {}),
           /* @__PURE__ */ e(
-            v,
+            O,
             {
               onClick: () => n.submit(),
               disabled: !o,
@@ -139,7 +139,7 @@ const I = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, w = ({
   }
   return t.status === "success" ? (s?.(), null) : (t.status === "error" && r?.(t.error), null);
 }, L = ({ config: i, onFinish: s, onError: r }) => /* @__PURE__ */ e(P, { children: i ? /* @__PURE__ */ e(C, { config: i, onFinish: s, onError: r }) : null });
-V(L, "incode-email");
+h(L, "incode-email");
 export {
   L as Email
 };