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

package/dist/{styles/core.css → base.css}

@@ -1,10 +1,4 @@
-@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";
-
-
-@layer incode-theme, incode-base, incode-components;
-
 /*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
-
 @layer properties {
   @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
     *, :before, :after, ::backdrop {
@@ -46,6 +40,59 @@
   }
 }
 
+.IncodeComponent, .IncodeComponent * {
+  box-sizing: border-box;
+}
+
+.IncodeComponent {
+  font-family: var(--primitive-typography-family-dm-sans), sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-rendering: optimizeLegibility;
+  color: var(--text-body-primary);
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  padding: 0;
+}
+
+.IncodeComponent *, .IncodeComponent :after, .IncodeComponent :before, .IncodeComponent ::backdrop {
+  box-sizing: border-box;
+  border: 0 solid;
+  margin: 0;
+  padding: 0;
+}
+
+.IncodeComponent ::file-selector-button {
+  box-sizing: border-box;
+  border: 0 solid;
+  margin: 0;
+  padding: 0;
+}
+
+.IncodeComponent h1, .IncodeComponent h2, .IncodeComponent h3, .IncodeComponent h4, .IncodeComponent h5, .IncodeComponent h6 {
+  font-size: inherit;
+  font-weight: inherit;
+  margin: 0;
+  padding: 0;
+}
+
+.IncodeComponent ol, .IncodeComponent ul, .IncodeComponent menu {
+  list-style: none;
+}
+
+.IncodeComponent img, .IncodeComponent svg, .IncodeComponent video, .IncodeComponent canvas, .IncodeComponent audio, .IncodeComponent iframe, .IncodeComponent embed, .IncodeComponent object {
+  vertical-align: middle;
+  display: block;
+}
+
+.IncodeComponent img, .IncodeComponent video {
+  max-width: 100%;
+  height: auto;
+}
+
+@layer incode-theme, incode-base, incode-components;
+
 @layer incode-utilities {
   .absolute {
     position: absolute;
@@ -149,57 +196,6 @@
   }
 }
 
-.IncodeComponent, .IncodeComponent * {
-  box-sizing: border-box;
-}
-
-.IncodeComponent {
-  font-family: var(--primitive-typography-family-dm-sans), sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  text-rendering: optimizeLegibility;
-  color: var(--text-body-primary);
-  width: 100%;
-  height: 100%;
-  margin: 0;
-  padding: 0;
-}
-
-.IncodeComponent *, .IncodeComponent :after, .IncodeComponent :before, .IncodeComponent ::backdrop {
-  box-sizing: border-box;
-  border: 0 solid;
-  margin: 0;
-  padding: 0;
-}
-
-.IncodeComponent ::file-selector-button {
-  box-sizing: border-box;
-  border: 0 solid;
-  margin: 0;
-  padding: 0;
-}
-
-.IncodeComponent h1, .IncodeComponent h2, .IncodeComponent h3, .IncodeComponent h4, .IncodeComponent h5, .IncodeComponent h6 {
-  font-size: inherit;
-  font-weight: inherit;
-  margin: 0;
-  padding: 0;
-}
-
-.IncodeComponent ol, .IncodeComponent ul, .IncodeComponent menu {
-  list-style: none;
-}
-
-.IncodeComponent img, .IncodeComponent svg, .IncodeComponent video, .IncodeComponent canvas, .IncodeComponent audio, .IncodeComponent iframe, .IncodeComponent embed, .IncodeComponent object {
-  vertical-align: middle;
-  display: block;
-}
-
-.IncodeComponent img, .IncodeComponent video {
-  max-width: 100%;
-  height: auto;
-}
-
 .IncodeButton {
   border-radius: var(--radius-button-primary, var(--button-primary-border-radius));
   text-align: center;

package/dist/email/email.es.js

@@ -1,7 +1,7 @@
 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-BF5MX9GT.js";
+import { a as V, I as P, P as E } from "../incodeModule-DFQUQvfY.js";
 import { O as k } from "../otpInput-BUrV4IAF.js";
 const I = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, w = ({
   prefilledEmail: i,

package/dist/email/styles.css

@@ -14,14 +14,14 @@
   padding-bottom: var(--spacing-16, var(--spacing-16, 16px));
 }
 
-.IncodeEmailInput, .IncodeEmailInputContainer {
+.IncodeEmailPage .IncodeEmailInput, .IncodeEmailPage .IncodeEmailInputContainer {
   flex-direction: column;
   align-items: center;
   width: 100%;
   display: flex;
 }
 
-.IncodeEmailInputWrapper {
+.IncodeEmailPage .IncodeEmailInputWrapper {
   border-radius: var(--radius-small, var(--border-radius-small));
   border-style: var(--tw-border-style);
   border-width: 1px;
@@ -38,20 +38,20 @@
   display: flex;
 }
 
-.IncodeEmailInputWrapper:focus-within {
+.IncodeEmailPage .IncodeEmailInputWrapper:focus-within {
   border-color: var(--color-input-border-active, var(--input-border-active));
 }
 
-.IncodeEmailInputWrapper.IncodeEmailInputWrapperError {
+.IncodeEmailPage .IncodeEmailInputWrapper.IncodeEmailInputWrapperError {
   border-color: var(--color-input-border-negative, var(--input-border-negative));
 }
 
-.IncodeEmailInputWrapper.IncodeEmailInputWrapperDisabled {
+.IncodeEmailPage .IncodeEmailInputWrapper.IncodeEmailInputWrapperDisabled {
   border-color: var(--color-input-border-disabled, var(--input-border-disabled));
   background-color: var(--color-input-surface-disabled, var(--input-surface-disabled));
 }
 
-.IncodeEmailInputLabel {
+.IncodeEmailPage .IncodeEmailInputLabel {
   clip-path: inset(50%);
   white-space: nowrap;
   border-width: 0;
@@ -63,7 +63,7 @@
   overflow: hidden;
 }
 
-.IncodeEmailInputField {
+.IncodeEmailPage .IncodeEmailInputField {
   border-style: var(--tw-border-style);
   border-width: var(--border-width-none, var(--border-none));
   --tw-border-style: none;
@@ -81,23 +81,23 @@
   outline-style: none;
 }
 
-.IncodeEmailInputField::placeholder {
+.IncodeEmailPage .IncodeEmailInputField::placeholder {
   --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
   font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
   color: var(--color-input-text-field-placeholder, var(--input-text-field-placeholder));
 }
 
-.IncodeEmailInputField:disabled {
+.IncodeEmailPage .IncodeEmailInputField:disabled {
   cursor: not-allowed;
   color: var(--color-input-text-field-disabled, var(--input-text-field-disabled));
 }
 
-.IncodeEmailInputField:focus {
+.IncodeEmailPage .IncodeEmailInputField:focus {
   --tw-outline-style: none;
   outline-style: none;
 }
 
-.IncodeEmailInputError {
+.IncodeEmailPage .IncodeEmailInputError {
   margin: var(--spacing-0, var(--spacing-none, 0px));
   text-align: center;
   font-size: var(--text-14, var(--primitive-typography-size-14));