@incodetech/web 2.0.0-alpha.1 → 2.0.0-alpha.2

package/dist/flow/styles.css

@@ -0,0 +1,204 @@
+/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
+.IncodeSpinner {
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.IncodeSpinner.IncodeSpinnerFullScreen {
+  inset: var(--spacing-0, var(--spacing-none, 0px));
+  z-index: 50;
+  background-color: var(--spinner-surface-overlay);
+  opacity: var(--spinner-surface-overlay-opacity, 1);
+  position: fixed;
+}
+
+.IncodeSpinnerContent {
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.IncodeSpinnerText {
+  text-align: center;
+  flex-direction: column;
+  align-items: center;
+  display: flex;
+}
+
+.IncodeSpinnerTitle {
+  color: var(--spinner-text-title);
+}
+
+.IncodeSpinnerSubtitle {
+  font-size: var(--text-base, 1rem);
+  line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
+  color: var(--spinner-text-subtitle);
+}
+/*! 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 {
+      --tw-font-weight: initial;
+    }
+  }
+}
+
+.IncodeUnsupportedModule {
+  min-height: 100vh;
+  padding: var(--spacing-16, var(--spacing-16, 16px));
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.IncodeUnsupportedModuleContent {
+  max-width: var(--container-md, 28rem);
+  align-items: center;
+  gap: var(--spacing-16, var(--spacing-16, 16px));
+  text-align: center;
+  flex-direction: column;
+  display: flex;
+}
+
+.IncodeUnsupportedModuleTitle {
+  font-size: var(--text-24, var(--primitive-typography-size-24));
+  --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));
+}
+
+.IncodeUnsupportedModuleMessage {
+  font-size: var(--text-16, var(--primitive-typography-size-16));
+  color: var(--color-text-body-secondary, var(--text-body-secondary));
+}
+
+.IncodeUnsupportedModuleButton {
+  margin-top: var(--spacing-8, var(--spacing-8, 8px));
+}
+
+@property --tw-font-weight {
+  syntax: "*";
+  inherits: false
+}
+/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
+.IncodeFlow {
+  width: 100%;
+  height: 100%;
+}
+
+.IncodeFlowModuleLoading {
+  text-align: center;
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+  display: flex;
+}
+/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
+.IncodeFlowStart {
+  width: 100%;
+  height: 100%;
+  padding-inline: var(--spacing-24, var(--spacing-24, 24px));
+  padding-top: var(--spacing-20, var(--spacing-20, 20px));
+  padding-bottom: var(--spacing-32, var(--spacing-32, 32px));
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.IncodeFlowStartContent {
+  text-align: center;
+  flex-direction: column;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+  height: 100%;
+  display: flex;
+}
+
+.IncodeFlowStartCenterSection {
+  flex-direction: column;
+  flex: 1;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  display: flex;
+}
+
+.IncodeFlowStartLogoContainer {
+  justify-content: center;
+  align-items: center;
+  min-width: 100px;
+  max-height: 250px;
+  display: flex;
+}
+
+.IncodeFlowStartLogo {
+  object-fit: contain;
+  width: 260px;
+  max-width: 100%;
+  height: auto;
+  max-height: 100%;
+}
+
+@media screen and (max-width: 767px) {
+  .IncodeFlowStartLogo {
+    width: 200px;
+  }
+}
+
+.IncodeFlowStartSubtitle {
+  color: #20263d;
+  text-align: center;
+  margin-top: 10px;
+  font-size: 1.5rem;
+  font-weight: bold;
+  line-height: 1.37;
+}
+
+.IncodeFlowStartButton {
+  margin-top: auto;
+}
+
+@media screen and (min-width: 992px) {
+  .IncodeFlowStart {
+    padding: 5% 20% 15%;
+  }
+}
+/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
+.IncodeFlowCompleted {
+  width: 100%;
+  height: 100%;
+  padding: var(--spacing-20, var(--spacing-20, 20px));
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.IncodeComponent .IncodeFlowCompleted h1.IncodeFlowCompletedTitle {
+  color: #20263d;
+  text-align: left;
+  width: 100%;
+  margin: 20px 0;
+  font-size: 2rem;
+  font-weight: 700;
+}
+
+.IncodeComponent .IncodeFlowCompleted p.IncodeFlowCompletedSubtitle {
+  color: #20263d;
+  text-align: left;
+  width: 100%;
+  margin: 20px 0;
+  font-size: 1rem;
+  font-weight: 700;
+}
+
+@media screen and (min-width: 992px) {
+  .IncodeComponent .IncodeFlowCompleted h1.IncodeFlowCompletedTitle, .IncodeComponent .IncodeFlowCompleted p.IncodeFlowCompletedSubtitle {
+    text-align: center;
+  }
+}