formeo 5.4.0 → 5.6.0

package/dist/formeo.css

@@ -1,7 +1,7 @@
 
 /**
 formeo - https://formeo.io
-Version: 5.3.3
+Version: 5.5.0
 Author: Draggable https://draggable.io
 */
 
@@ -2105,6 +2105,131 @@ button[class*=-clone]:hover .svg-icon {
   align-items: center;
   gap: 4px;
 }
+.formeo.formeo-render .formeo-pages-nav {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 8px;
+}
+.formeo.formeo-render .formeo-pages-tabs {
+  gap: 0;
+  margin-bottom: 16px;
+  border-bottom: 1px solid var(--formeo-border);
+}
+.formeo.formeo-render .formeo-pages-tab {
+  margin-bottom: -1px;
+  padding: 8px 16px;
+  border: 0 none;
+  border-bottom: 2px solid transparent;
+  background: transparent;
+  color: var(--formeo-text-secondary);
+  cursor: pointer;
+}
+.formeo.formeo-render .formeo-pages-tab:hover {
+  color: var(--formeo-text-strong);
+}
+.formeo.formeo-render .formeo-pages-tab[aria-selected=true] {
+  border-bottom-color: var(--formeo-primary);
+  color: var(--formeo-text-strong);
+}
+.formeo.formeo-render .formeo-pages-tab:focus-visible {
+  outline: 2px solid var(--formeo-focus);
+  outline-offset: -2px;
+}
+.formeo.formeo-render .formeo-pages-wizard {
+  justify-content: space-between;
+  margin-top: 16px;
+}
+.formeo.formeo-render .formeo-pages-steps {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  margin: 0 0 16px;
+  padding: 0;
+  list-style: none;
+  counter-reset: formeo-pages-step;
+}
+.formeo.formeo-render .formeo-pages-step {
+  display: flex;
+  align-items: center;
+  counter-increment: formeo-pages-step;
+}
+.formeo.formeo-render .formeo-pages-step:not(:last-child)::after {
+  content: "";
+  width: 24px;
+  height: 1px;
+  margin: 0 8px;
+  background: var(--formeo-border);
+}
+.formeo.formeo-render .formeo-pages-step button {
+  position: relative;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 0;
+  border: 0 none;
+  background: transparent;
+  color: var(--formeo-text-secondary);
+  cursor: pointer;
+  font: inherit;
+}
+.formeo.formeo-render .formeo-pages-step button::before {
+  content: counter(formeo-pages-step);
+  content: counter(formeo-pages-step)/"";
+  display: inline-flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+  border: 1px solid var(--formeo-border-strong);
+  border-radius: 50%;
+  color: var(--formeo-text-secondary);
+  font-size: 0.75em;
+}
+.formeo.formeo-render .formeo-pages-step button:hover {
+  color: var(--formeo-text-strong);
+}
+.formeo.formeo-render .formeo-pages-step button:focus-visible {
+  outline: 2px solid var(--formeo-focus);
+  outline-offset: 2px;
+}
+.formeo.formeo-render .formeo-pages-step[data-state=current] button {
+  color: var(--formeo-text-strong);
+  font-weight: bold;
+}
+.formeo.formeo-render .formeo-pages-step[data-state=current] button::before {
+  border-color: var(--formeo-primary);
+  background: var(--formeo-primary);
+  color: var(--formeo-on-accent);
+}
+.formeo.formeo-render .formeo-pages-step[data-state=done] button::before {
+  content: "";
+  border-color: var(--formeo-success);
+  background: var(--formeo-success);
+}
+.formeo.formeo-render .formeo-pages-step[data-state=done] button::after {
+  content: "";
+  position: absolute;
+  top: 50%;
+  inset-inline-start: 0;
+  width: 32px;
+  height: 32px;
+  transform: translateY(-50%);
+  background: var(--formeo-on-accent);
+  clip-path: polygon(9% 45%, 22% 33%, 40% 52%, 78% 12%, 89% 25%, 40% 74%);
+}
+.formeo.formeo-render .formeo-pages-status {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  overflow: hidden;
+  clip-path: inset(50%);
+  white-space: nowrap;
+  border: 0;
+}
 .formeo button .svg-icon {
   max-width: 100%;
   max-height: 100%;