@rogatio/cli 6.9.0 → 6.10.0

package/dist/editor/index.css

@@ -163,28 +163,60 @@
   display: flex;
   flex-wrap: wrap;
   align-items: center;
-  gap: 0.35rem;
+  gap: 0.75rem 1rem;
   border-bottom: 1px solid var(--rogatio-border);
   background: color-mix(in srgb, var(--rogatio-surface) 92%, #000);
   padding: 0.6rem 1rem;
   backdrop-filter: blur(8px);
 }
-.rogatio-editor [data-desktop-route-rail] button {
-  border: 1px solid transparent;
-  border-radius: 999px;
-  background: transparent;
-  padding: 0.35rem 0.8rem;
+.rogatio-editor [data-route-breadcrumb] {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  min-width: 0;
+}
+.rogatio-editor [data-route-breadcrumb] li {
+  display: inline-flex;
+  align-items: center;
+  min-width: 0;
+  max-width: 18rem;
+}
+.rogatio-editor [data-route-breadcrumb] li + li::before {
+  content: "/";
+  margin: 0 0.45rem;
   color: var(--rogatio-muted);
+  font-weight: 500;
 }
-.rogatio-editor [data-desktop-route-rail] button:hover:not(:disabled) {
-  background: var(--rogatio-surface-raised);
-  color: var(--rogatio-text);
+.rogatio-editor [data-route-breadcrumb] button {
+  max-width: 18rem;
+  overflow: hidden;
+  border-color: transparent;
+  background: transparent;
+  padding: 0.15rem 0.2rem;
+  font-weight: 700;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
-.rogatio-editor [data-desktop-route-rail] button[aria-current=page] {
-  border-color: rgba(59, 158, 255, 0.45);
-  background: var(--rogatio-primary-bg);
+.rogatio-editor [data-route-breadcrumb] button:hover:not(:disabled) {
+  border-color: transparent;
+  background: transparent;
+  color: var(--rogatio-primary);
+}
+.rogatio-editor [data-route-breadcrumb] button[aria-current=page] {
   color: var(--rogatio-text);
-  font-weight: 700;
+}
+.rogatio-editor [data-route-breadcrumb] button:not([aria-current=page]) {
+  color: var(--rogatio-muted);
+  font-weight: 600;
+}
+.rogatio-editor [data-search-wrap] {
+  margin-left: auto;
+  flex: 1 1 12rem;
+  min-width: 0;
+  max-width: 100%;
 }
 .rogatio-editor [data-editor-main] {
   min-width: 0;
@@ -192,7 +224,7 @@
 }
 .rogatio-editor [data-editor-header] {
   display: grid;
-  grid-template-columns: minmax(0, 1fr) minmax(14rem, 24rem);
+  grid-template-columns: minmax(0, 1fr);
   gap: 1rem;
   align-items: end;
   margin-bottom: 1rem;
@@ -240,9 +272,6 @@
   min-height: 5rem;
   resize: vertical;
 }
-.rogatio-editor [data-mobile-route-nav] {
-  display: none;
-}
 .rogatio-editor [data-editor-status] {
   min-height: 1.5rem;
   margin-block: 0.5rem;
@@ -273,6 +302,17 @@
   text-align: left;
   text-decoration: underline;
 }
+.rogatio-editor [data-editor-command-bar] button[aria-current=page] {
+  border-color: rgba(59, 158, 255, 0.45);
+  background: var(--rogatio-primary-bg);
+  font-weight: 700;
+}
+.rogatio-editor [data-project-actions] {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5rem;
+  margin-top: 0.75rem;
+}
 .rogatio-editor [data-editor-command-bar] {
   display: flex;
   flex-wrap: wrap;
@@ -580,7 +620,8 @@
   text-decoration: underline;
   color: var(--rogatio-text);
 }
-.rogatio-editor [data-editor-confirmation] {
+.rogatio-editor [data-editor-confirmation],
+.rogatio-editor [data-group-picker] {
   position: fixed;
   inset: 0;
   z-index: 2;
@@ -605,6 +646,27 @@
   flex-wrap: wrap;
   gap: 0.5rem;
 }
+.rogatio-editor [data-group-picker-list] {
+  list-style: none;
+  margin: 0 0 1rem;
+  padding: 0;
+  display: grid;
+  gap: 0.35rem;
+  max-height: min(50vh, 20rem);
+  overflow: auto;
+}
+.rogatio-editor [data-group-picker-list] button {
+  width: 100%;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.35rem 0.75rem;
+  text-align: left;
+}
+.rogatio-editor [data-group-picker-rules],
+.rogatio-editor [data-group-picker-state] {
+  color: var(--rogatio-muted);
+  font-size: 0.875rem;
+}
 .rogatio-editor [data-editor-visually-hidden] {
   position: absolute;
   width: 1px;
@@ -616,17 +678,18 @@
 }
 .rogatio-editor [data-search-wrap] {
   position: relative;
-  margin-left: auto;
 }
 .rogatio-editor [data-search-label] {
-  display: inline-flex;
+  display: flex;
   flex-direction: column;
   gap: 0.15rem;
+  max-width: 100%;
   font-size: 0.75rem;
   color: var(--rogatio-muted);
 }
 .rogatio-editor [data-search-wrap] input[type=search] {
-  width: min(18rem, 60vw);
+  width: 100%;
+  max-width: 18rem;
 }
 .rogatio-editor [data-search-results] {
   position: absolute;
@@ -662,15 +725,6 @@
   .rogatio-editor [data-editor-layout] {
     display: block;
   }
-  .rogatio-editor [data-desktop-route-rail] {
-    display: none;
-  }
-  .rogatio-editor [data-mobile-route-nav] {
-    display: grid;
-    gap: 0.3rem;
-    margin-block: 1rem;
-    color: var(--rogatio-muted);
-  }
   .rogatio-editor [data-editor-header] {
     grid-template-columns: 1fr;
   }
@@ -729,6 +783,10 @@
   .rogatio-editor :focus-visible {
     outline-color: Highlight;
   }
+  .rogatio-editor [data-test-rule-link] {
+    color: LinkText;
+    background: transparent;
+  }
   .rogatio-editor [data-desktop-route-rail] {
     border-bottom-color: ButtonText;
   }
@@ -741,10 +799,40 @@
     transition: none;
   }
 }
-.rogatio-editor [data-test-description] {
+.rogatio-editor [data-test-description],
+.rogatio-editor [data-test-checking] {
   color: var(--rogatio-muted);
   margin-block: 0 1rem;
 }
+.rogatio-editor [data-test-samples] {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5rem;
+  margin-top: 0.75rem;
+}
+.rogatio-editor [data-test-outcome] {
+  margin: 0;
+}
+.rogatio-editor [data-test-rule-link] {
+  display: inline;
+  margin: 0;
+  padding: 0;
+  border: 0;
+  background: none;
+  color: var(--rogatio-primary);
+  font: inherit;
+  text-decoration: underline;
+  cursor: pointer;
+}
+.rogatio-editor [data-test-misses] {
+  margin-top: 0.5rem;
+}
+.rogatio-editor [data-test-misses] summary {
+  cursor: pointer;
+}
+.rogatio-editor [data-test-miss-reason] {
+  color: var(--rogatio-muted);
+}
 .rogatio-editor [data-test-panel] {
   display: grid;
   gap: 1rem;