anteriority-ui 1.18.1 → 1.19.0

package/.verify-bundle.css

@@ -3660,6 +3660,9 @@ button.TopBar_searchWrapper {
   display: table;
   width: 100%;
 }
+.DrawPanel_stepper {
+  margin-bottom: 20px;
+}
 
 /* dist/screens/components/ErrorState/index.module.css */
 .ErrorState_errorState {
@@ -3679,8 +3682,8 @@ button.TopBar_searchWrapper {
   font-size: 0.85rem;
 }
 
-/* dist/screens/components/DrawPanel/components/SchemaFormContent/index.module.css */
-.SchemaFormContent_fallback {
+/* dist/common/schema-form/SchemaFormLoader/index.module.css */
+.SchemaFormLoader_fallback {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -3715,6 +3718,31 @@ button.TopBar_searchWrapper {
 }
 .SchemaForm_gridItem {
   width: 100%;
+  min-width: 0;
+  grid-column: span var(--schemaform-span, 1);
+}
+.SchemaForm_fieldsWrap {
+  container-type: inline-size;
+  container-name: SchemaForm_schemaform-fields;
+  width: 100%;
+}
+.SchemaForm_fieldsGrid[data-columns] {
+  display: grid;
+  grid-template-columns: repeat(var(--schemaform-cols, 1), minmax(0, 1fr));
+}
+.SchemaForm_fieldsGrid[data-flow=column] {
+  grid-auto-flow: column;
+  grid-template-rows: repeat(var(--schemaform-rows, 1), auto);
+}
+@container SchemaForm_schemaform-fields (max-width: 520px) {
+  .SchemaForm_fieldsGrid[data-columns] {
+    grid-template-columns: minmax(0, 1fr);
+    grid-template-rows: none;
+    grid-auto-flow: row;
+  }
+  .SchemaForm_gridItem {
+    grid-column: auto;
+  }
 }
 .SchemaForm_field {
   display: flex;
@@ -6319,6 +6347,399 @@ button.TopBar_searchWrapper {
   line-height: 1.4;
 }
 
+/* dist/screens/components/ProgressLine/index.module.css */
+.ProgressLine_line {
+  --progress-line-angle: 90deg;
+  position: relative;
+  display: block;
+  overflow: hidden;
+  box-sizing: border-box;
+  border-radius: 999px;
+  background: var(--progress-line-track, #dbe7fb);
+}
+:where(.ProgressLine_line[data-orientation=horizontal]) {
+  width: 100%;
+}
+.ProgressLine_line[data-orientation=horizontal] {
+  height: var(--progress-line-t);
+}
+:where(.ProgressLine_line[data-orientation=vertical]) {
+  height: 100%;
+}
+.ProgressLine_line[data-orientation=vertical] {
+  --progress-line-angle: 180deg;
+  width: var(--progress-line-t);
+}
+.ProgressLine_fill {
+  position: absolute;
+  inset: 0;
+  border-radius: inherit;
+  background: var(--progress-line-fill, #0284c7);
+  transition: clip-path 0.5s cubic-bezier(0.16, 1, 0.3, 1);
+}
+.ProgressLine_line[data-dashed] {
+  border-radius: 0;
+  background:
+    repeating-linear-gradient(
+      var(--progress-line-angle),
+      var(--progress-line-track, #dbe7fb) 0 var(--progress-line-dash),
+      transparent var(--progress-line-dash) calc(var(--progress-line-dash) + var(--progress-line-gap)));
+}
+.ProgressLine_line[data-dashed] .ProgressLine_fill {
+  border-radius: 0;
+  background:
+    repeating-linear-gradient(
+      var(--progress-line-angle),
+      var(--progress-line-fill, #0284c7) 0 var(--progress-line-dash),
+      transparent var(--progress-line-dash) calc(var(--progress-line-dash) + var(--progress-line-gap)));
+}
+@media (prefers-reduced-motion: reduce) {
+  .ProgressLine_fill {
+    transition: none;
+  }
+}
+
+/* dist/screens/components/Stepper/index.module.css */
+.Stepper_root {
+  --stepper-line-w: 4px;
+  container-type: inline-size;
+  container-name: Stepper_stepper;
+  width: 100%;
+  box-sizing: border-box;
+  padding: 20px 24px 22px;
+  font-family: var(--font-sans, inherit);
+}
+.Stepper_surfaceCard {
+  background: var(--stepper-surface, linear-gradient(180deg, #ffffff 0%, #f1f6fe 100%));
+  border: 1px solid var(--stepper-surface-border, #e2e8f0);
+  border-radius: var(--radius-lg, 0.75rem);
+  box-shadow: var(--shadow-sm, 0 1px 2px 0 rgb(0 0 0 / 0.05));
+}
+.Stepper_surfacePlain {
+  padding: 4px 8px;
+  background: transparent;
+}
+.Stepper_list {
+  display: flex;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.Stepper_step {
+  position: relative;
+  display: flex;
+  min-width: 0;
+}
+.Stepper_stepBody {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  margin: 0;
+  padding: 0;
+  border: 0;
+  background: none;
+  color: inherit;
+  font: inherit;
+  text-align: inherit;
+  cursor: default;
+}
+button.Stepper_stepBody {
+  cursor: pointer;
+  border-radius: 12px;
+}
+button.Stepper_stepBody:focus-visible {
+  outline: 2px solid var(--stepper-line-active, #0284c7);
+  outline-offset: 6px;
+}
+.Stepper_marker {
+  position: relative;
+  flex: none;
+  display: grid;
+  place-items: center;
+  width: var(--stepper-size);
+  height: var(--stepper-size);
+  border-radius: 50%;
+  box-sizing: border-box;
+  border: 2px solid var(--stepper-border, #bfdbfe);
+  background: var(--stepper-bg, #ffffff);
+  color: var(--stepper-text, #475569);
+  font-weight: 700;
+  font-size: calc(var(--stepper-size) * 0.38);
+  line-height: 1;
+  box-shadow: var(--shadow-sm, 0 1px 2px 0 rgb(0 0 0 / 0.05));
+  transition:
+    background 0.3s ease,
+    border-color 0.3s ease,
+    box-shadow 0.3s ease,
+    transform 0.2s ease,
+    color 0.2s ease;
+}
+button.Stepper_stepBody:hover .Stepper_marker {
+  transform: translateY(-2px) scale(1.05);
+  border-color: var(--stepper-line-active, #0284c7);
+}
+.Stepper_markerIcon {
+  width: 56%;
+  height: 56%;
+  display: grid;
+  place-items: center;
+}
+.Stepper_markerImg {
+  display: block;
+  width: 100%;
+  height: 100%;
+  border-radius: 50%;
+}
+.Stepper_badge {
+  position: absolute;
+  right: -3px;
+  bottom: -3px;
+  display: grid;
+  place-items: center;
+  width: 38%;
+  height: 38%;
+  min-width: 11px;
+  min-height: 11px;
+  border-radius: 50%;
+  border: 2px solid var(--stepper-bg, #ffffff);
+  box-sizing: border-box;
+  color: var(--stepper-icon, #ffffff);
+  box-shadow: var(--shadow-sm, 0 1px 2px 0 rgb(0 0 0 / 0.05));
+}
+.Stepper_badgeDone {
+  background: var(--stepper-success, #16a34a);
+}
+.Stepper_badgeError {
+  background: var(--stepper-error, #dc2626);
+}
+.Stepper_markerIcon > svg {
+  width: 100%;
+  height: 100%;
+}
+.Stepper_spinner {
+  width: 46%;
+  height: 46%;
+  box-sizing: border-box;
+  border-radius: 50%;
+  border: 2.5px solid color-mix(in srgb, currentColor 30%, transparent);
+  border-top-color: currentColor;
+  animation: Stepper_stepperSpin 0.8s linear infinite;
+}
+.Stepper_step[data-loading=true] .Stepper_marker::after {
+  content: "";
+  position: absolute;
+  inset: calc(var(--stepper-size) * -0.2);
+  border-radius: 50%;
+  border: 2px solid transparent;
+  border-top-color: var(--stepper-line-active, #0284c7);
+  border-right-color: color-mix(in srgb, var(--stepper-line-active, #0284c7) 35%, transparent);
+  animation: Stepper_stepperSpin 1s linear infinite;
+  pointer-events: none;
+}
+.Stepper_text {
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+}
+.Stepper_label {
+  font-size: 0.92rem;
+  font-weight: 600;
+  letter-spacing: 0.005em;
+  line-height: 1.25;
+  color: var(--stepper-text, #475569);
+  transition: color 0.2s ease;
+}
+.Stepper_description {
+  margin-top: 3px;
+  font-size: 0.78rem;
+  line-height: 1.35;
+  color: var(--stepper-description, #94a3b8);
+}
+.Stepper_srOnly {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  overflow: hidden;
+  clip: rect(0 0 0 0);
+  white-space: nowrap;
+  border: 0;
+}
+.Stepper_step[data-status=active] .Stepper_marker {
+  border-color: transparent;
+  background: var(--stepper-accent, linear-gradient(135deg, #0ea5e9, #0369a1));
+  color: var(--stepper-icon, #ffffff);
+  box-shadow: 0 0 0 calc(var(--stepper-size) * 0.14) var(--stepper-halo, #d4ecfc), 0 10px 20px -6px color-mix(in srgb, var(--stepper-line-active, #0284c7) 60%, transparent);
+  animation: Stepper_stepperHalo 2.6s ease-in-out infinite;
+}
+.Stepper_step[data-status=active] .Stepper_label {
+  color: var(--stepper-text-active, #0f172a);
+  font-weight: 700;
+}
+.Stepper_step[data-status=completed] .Stepper_marker {
+  border-color: transparent;
+  background: var(--stepper-accent, linear-gradient(135deg, #0ea5e9, #0369a1));
+  color: var(--stepper-icon, #ffffff);
+  box-shadow: 0 4px 10px -3px color-mix(in srgb, var(--stepper-line-active, #0284c7) 55%, transparent);
+}
+.Stepper_step[data-status=completed] .Stepper_markerIcon {
+  animation: Stepper_stepperPop 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) both;
+}
+.Stepper_step[data-status=completed] .Stepper_label {
+  color: var(--stepper-text-active, #0f172a);
+}
+.Stepper_step[data-status=error] .Stepper_marker {
+  border-color: transparent;
+  background: var(--stepper-error, #dc2626);
+  color: var(--stepper-icon, #ffffff);
+  box-shadow: 0 0 0 calc(var(--stepper-size) * 0.14) color-mix(in srgb, var(--stepper-error, #dc2626) 20%, transparent);
+}
+.Stepper_step[data-status=error] .Stepper_label {
+  color: var(--stepper-error, #dc2626);
+}
+.Stepper_step[data-disabled=true] {
+  opacity: 0.5;
+}
+.Stepper_connector {
+  flex: 1 1 0;
+  min-width: 12px;
+}
+.Stepper_railFlat {
+  display: contents;
+}
+.Stepper_horizontal .Stepper_list {
+  align-items: flex-start;
+  padding-inline: calc(var(--stepper-size) * 0.14);
+}
+.Stepper_horizontal .Stepper_stepBody {
+  flex-direction: column;
+  gap: 10px;
+}
+.Stepper_horizontal .Stepper_stepBody {
+  align-items: center;
+}
+.Stepper_horizontal .Stepper_text {
+  width: var(--stepper-size);
+  align-items: center;
+  text-align: center;
+}
+.Stepper_horizontal .Stepper_label,
+.Stepper_horizontal .Stepper_description {
+  width: max-content;
+  max-width: 9rem;
+}
+.Stepper_horizontal .Stepper_connector {
+  margin: calc(var(--stepper-size) / 2 - var(--stepper-line-w) / 2) 0 0;
+}
+.Stepper_compact {
+  display: none;
+  margin-top: 16px;
+}
+.Stepper_compactText {
+  margin: 0 0 8px;
+  text-align: center;
+  font-size: 0.88rem;
+  font-weight: 700;
+  color: var(--stepper-text-active, #0f172a);
+}
+@container Stepper_stepper (max-width: 560px) {
+  .Stepper_surfaceCard {
+    padding: 16px 16px 18px;
+  }
+  .Stepper_horizontal .Stepper_marker {
+    width: min(var(--stepper-size), 34px);
+    height: min(var(--stepper-size), 34px);
+    font-size: 0.85rem;
+  }
+  .Stepper_horizontal .Stepper_connector {
+    margin-top: calc(min(var(--stepper-size), 34px) / 2 - var(--stepper-line-w) / 2);
+  }
+  .Stepper_horizontal .Stepper_text {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0 0 0 0);
+    white-space: nowrap;
+  }
+  .Stepper_compact {
+    display: block;
+  }
+}
+.Stepper_vertical .Stepper_list {
+  flex-direction: column;
+  align-items: stretch;
+}
+.Stepper_vertical .Stepper_step {
+  display: block;
+}
+.Stepper_vertical .Stepper_stepBody {
+  align-items: stretch;
+  gap: 12px;
+  width: 100%;
+  text-align: left;
+}
+.Stepper_vertical .Stepper_rail {
+  display: flex;
+  flex: none;
+  flex-direction: column;
+  align-items: center;
+  width: var(--stepper-size);
+}
+.Stepper_vertical .Stepper_connector {
+  flex: 1 1 auto;
+  min-width: 0;
+  min-height: 12px;
+  margin: 0;
+}
+.Stepper_vertical .Stepper_text {
+  min-width: 0;
+  padding-top: calc(var(--stepper-size) / 2 - 0.6rem);
+  padding-bottom: var(--stepper-gap, 28px);
+}
+.Stepper_vertical .Stepper_step:last-child .Stepper_text {
+  padding-bottom: 0;
+}
+@keyframes Stepper_stepperHalo {
+  0%, 100% {
+    box-shadow: 0 0 0 calc(var(--stepper-size) * 0.14) var(--stepper-halo, #d4ecfc), 0 10px 20px -6px color-mix(in srgb, var(--stepper-line-active, #0284c7) 60%, transparent);
+  }
+  50% {
+    box-shadow: 0 0 0 calc(var(--stepper-size) * 0.22) color-mix(in srgb, var(--stepper-halo, #d4ecfc) 55%, transparent), 0 10px 20px -6px color-mix(in srgb, var(--stepper-line-active, #0284c7) 60%, transparent);
+  }
+}
+@keyframes Stepper_stepperSpin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+@keyframes Stepper_stepperPop {
+  from {
+    opacity: 0;
+    transform: scale(0.4);
+  }
+  to {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  .Stepper_marker,
+  .Stepper_label {
+    transition: none;
+  }
+  .Stepper_step[data-status=active] .Stepper_marker,
+  .Stepper_step[data-status=completed] .Stepper_markerIcon {
+    animation: none;
+  }
+  .Stepper_spinner,
+  .Stepper_step[data-loading=true] .Stepper_marker::after {
+    animation-duration: 2.4s;
+  }
+}
+
 /* dist/screens/components/TopBar/components/MobileActionsPanel/index.module.css */
 .MobileActionsPanel_list {
   display: flex;
@@ -6491,6 +6912,22 @@ button.TopBar_searchWrapper {
   top: 0;
   z-index: 10;
 }
+.Container_loadingBlock {
+  display: flex;
+  flex: 1;
+  align-items: center;
+  justify-content: center;
+  padding: 2rem 0;
+}
+.Container_loadingBlockShaped {
+  align-items: flex-start;
+  padding: 0.5rem 0 1rem;
+}
+.Container_stepperContainer {
+  margin-bottom: 16px;
+  padding-bottom: 12px;
+  border-bottom: 1px solid var(--container-header-border, rgba(0, 0, 0, 0.08));
+}
 @media (max-width: 768px) {
   .Container_containerCard {
     max-width: 100%;
@@ -6499,6 +6936,54 @@ button.TopBar_searchWrapper {
   }
 }
 
+/* dist/screens/components/Container/components/ContainerSkeleton/index.module.css */
+.ContainerSkeleton_root {
+  display: flex;
+  flex-direction: column;
+  gap: 24px;
+  width: 100%;
+}
+.ContainerSkeleton_stepper {
+  display: flex;
+  align-items: flex-start;
+  padding-inline: 6px;
+}
+.ContainerSkeleton_step {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 10px;
+  flex: none;
+}
+.ContainerSkeleton_connector {
+  flex: 1 1 0;
+  min-width: 12px;
+  margin-top: 20px;
+}
+.ContainerSkeleton_stepLabel {
+  display: block;
+}
+.ContainerSkeleton_form {
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
+}
+.ContainerSkeleton_fields {
+  display: grid;
+  grid-template-columns: repeat(var(--container-skeleton-cols, 1), minmax(0, 1fr));
+  gap: 20px 24px;
+}
+.ContainerSkeleton_field {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+@media (max-width: 520px) {
+  .ContainerSkeleton_fields {
+    grid-template-columns: minmax(0, 1fr);
+  }
+}
+
 /* dist/screens/components/AppShell/index.module.css */
 .AppShell_shell {
   display: flex;

package/.verify-bundle.js

@@ -1,4 +1,4 @@
 [diffend] Oversized file quarantined before diffing.
 name: package/.verify-bundle.js
-size: 62250827 bytes
-sha256: c576ad36285c2a1f17b30dfa951117e6758fbe3b6fad779fe2652f69709a70ab
+size: 62274863 bytes
+sha256: 8146f095e3e8747a97073c82108d8990155e5264ede4ba7ca354e6ad88df48ab