@servicetitan/anvil2 1.26.1 → 1.27.0

package/dist/Page.css

@@ -1,11 +1,11 @@
 @layer starter, reset, base, state, application;
 
-html:has(._page_kzh2s_1)::-webkit-scrollbar {
+html:has(._page_1yc3p_1)::-webkit-scrollbar {
   display: none;
 }
 
 @layer base {
-  ._page_kzh2s_1 {
+  ._page_1yc3p_1 {
     margin: 0;
     padding: 0;
     border-style: none;
@@ -13,19 +13,17 @@ html:has(._page_kzh2s_1)::-webkit-scrollbar {
     border-color: transparent;
     box-sizing: border-box;
     container: page/inline-size;
-    display: flex;
-    flex-direction: column;
     min-height: calc(100dvh - var(--offset, 0px));
+    isolation: isolate;
   }
-  ._page_kzh2s_1 ._container_kzh2s_18 {
-    display: flex;
-    flex-grow: 1;
-    flex-direction: column;
-    -moz-column-gap: 0px;
-         column-gap: 0px;
-    row-gap: 0px;
+  ._page_1yc3p_1 ._container_1yc3p_17 {
+    display: grid;
+    grid-template-areas: "sidebar" "header" "content" "panel";
+    grid-template-columns: 1fr;
+    grid-template-rows: auto auto 1fr auto;
     margin: 0;
     padding: 0;
+    min-height: inherit;
     border-style: none;
     border-width: 0;
     border-color: transparent;
@@ -35,17 +33,22 @@ html:has(._page_kzh2s_1)::-webkit-scrollbar {
     overflow-x: clip;
     transition: 300ms cubic-bezier(0.4, 0, 0.6, 1);
   }
-  ._content_kzh2s_35 {
-    flex-grow: 1;
+  ._content_1yc3p_34 {
+    grid-area: content;
     container: content/inline-size;
     display: flex;
   }
-  ._content_kzh2s_35 ._content-inner_kzh2s_40 {
+  ._content_1yc3p_34 ._content-inner_1yc3p_39 {
     padding-block: 1.5rem;
     padding-inline: 1rem;
     flex-basis: 100%;
   }
-  ._sidebar_kzh2s_45 {
+  ._content_1yc3p_34 ._content-header-inner_1yc3p_44 {
+    padding-block-start: 2rem;
+    padding-block-end: 0.5rem;
+  }
+  ._sidebar_1yc3p_48 {
+    grid-area: sidebar;
     display: flex;
     flex-direction: row;
     align-items: flex-start;
@@ -55,7 +58,7 @@ html:has(._page_kzh2s_1)::-webkit-scrollbar {
     position: relative;
     background-color: var(--background-color, #ffffff);
   }
-  ._sidebar_kzh2s_45 ._sidebar-inner_kzh2s_55 {
+  ._sidebar_1yc3p_48 ._sidebar-inner_1yc3p_59 {
     position: sticky;
     top: var(--offset, 0px);
     width: 100%;
@@ -68,7 +71,7 @@ html:has(._page_kzh2s_1)::-webkit-scrollbar {
     transition-behavior: allow-discrete;
     overflow-x: clip;
   }
-  ._sidebar_kzh2s_45 ._sidebar-inner_kzh2s_55 > div {
+  ._sidebar_1yc3p_48 ._sidebar-inner_1yc3p_59 > div {
     background-color: inherit;
     flex-direction: column;
     display: flex;
@@ -82,7 +85,7 @@ html:has(._page_kzh2s_1)::-webkit-scrollbar {
     bottom: 0;
     right: 0;
   }
-  ._sidebar_kzh2s_45 ._toggle-button-wrapper_kzh2s_82 {
+  ._sidebar_1yc3p_48 ._toggle-button-wrapper_1yc3p_86 {
     position: absolute;
     width: 0px;
     overflow: visible;
@@ -90,7 +93,7 @@ html:has(._page_kzh2s_1)::-webkit-scrollbar {
     right: 0;
     height: 100%;
   }
-  ._sidebar_kzh2s_45 ._toggle-button-wrapper_kzh2s_82 ._toggle-button-tooltip_kzh2s_90 {
+  ._sidebar_1yc3p_48 ._toggle-button-wrapper_1yc3p_86 ._toggle-button-tooltip_1yc3p_94 {
     position: sticky;
     top: calc(1.5rem + var(--offset, 0px));
     margin-left: -1rem;
@@ -98,7 +101,7 @@ html:has(._page_kzh2s_1)::-webkit-scrollbar {
     width: -moz-fit-content;
     width: fit-content;
   }
-  ._sidebar_kzh2s_45 ._toggle-button-wrapper_kzh2s_82 ._toggle-button_kzh2s_82 {
+  ._sidebar_1yc3p_48 ._toggle-button-wrapper_1yc3p_86 ._toggle-button_1yc3p_86 {
     padding: 0.5rem;
     min-width: 2rem;
     width: 2rem;
@@ -106,16 +109,16 @@ html:has(._page_kzh2s_1)::-webkit-scrollbar {
     border-radius: 100%;
     border-color: var(--border-color-subdued, #dfe0e1);
   }
-  ._sidebar_kzh2s_45 ._toggle-button-wrapper_kzh2s_82 ._toggle-button_kzh2s_82::before {
+  ._sidebar_1yc3p_48 ._toggle-button-wrapper_1yc3p_86 ._toggle-button_1yc3p_86::before {
     border-radius: inherit;
   }
-  ._sidebar-header_kzh2s_108 {
+  ._sidebar-header_1yc3p_112 {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 1rem;
   }
-  ._sidebar-adaptive-trigger-container_kzh2s_114 {
+  ._sidebar-adaptive-trigger-container_1yc3p_118 {
     padding: 0.5rem;
     background-color: var(--background-color, #ffffff);
     width: auto;
@@ -124,20 +127,23 @@ html:has(._page_kzh2s_1)::-webkit-scrollbar {
     z-index: 1;
     box-shadow: var(--shadow-color, rgba(20, 20, 20, 0.0784313725)) 0rem 0.125rem 0.5rem;
   }
-  ._sidebar-adaptive-container_kzh2s_123 {
+  ._sidebar-adaptive-container_1yc3p_127 {
     overflow: auto;
   }
-  ._sidebar-adaptive-container_kzh2s_123 ._sidebar-adaptive_kzh2s_114 {
+  ._sidebar-adaptive-container_1yc3p_127 ._sidebar-adaptive_1yc3p_118 {
     padding: 0.5rem;
   }
-  ._panel_kzh2s_129 {
-    grid-area: 1/3/2/4;
+  ._panel_1yc3p_133 {
+    grid-area: panel;
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     background-color: var(--background-color, #ffffff);
+    width: -webkit-fill-available;
+    width: -moz-available;
+    width: stretch;
   }
-  ._panel_kzh2s_129 ._panel-inner_kzh2s_136 {
+  ._panel_1yc3p_133 ._panel-inner_1yc3p_141 {
     padding: 1rem;
     outline: none;
     width: 100%;
@@ -148,7 +154,7 @@ html:has(._page_kzh2s_1)::-webkit-scrollbar {
     transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
     transition-behavior: allow-discrete;
   }
-  ._virtual-scroll-container_kzh2s_147 {
+  ._virtual-scroll-container_1yc3p_152 {
     display: none;
     position: fixed;
     top: var(--offset, 0px);
@@ -157,48 +163,85 @@ html:has(._page_kzh2s_1)::-webkit-scrollbar {
     height: calc(100dvh - var(--offset, 0px));
     z-index: 1;
   }
+  ._header_1yc3p_161 {
+    grid-area: header;
+    flex: 0 0 auto;
+  }
+  ._header_1yc3p_161 ._title-wrapper_1yc3p_165,
+  ._header_1yc3p_161 ._title_1yc3p_165 {
+    display: inline;
+  }
+  ._header_1yc3p_161 ._title_1yc3p_165 {
+    margin-block-end: 0;
+  }
+  ._header_1yc3p_161 ._preference-action_1yc3p_172 {
+    margin-inline-start: 0.5rem;
+  }
+  ._header_1yc3p_161 ._chips_1yc3p_175 {
+    gap: 0.5rem;
+    margin-block-start: 0.75rem;
+  }
+  ._header_1yc3p_161 ._actions_1yc3p_179 {
+    flex-wrap: wrap;
+    gap: 0.75rem;
+  }
+  @container content (max-width: 768px) {
+    ._header_1yc3p_161 ._actions_1yc3p_179 > * {
+      flex: 1 1 calc(50% - 0.75rem);
+      min-width: min(100%, 200px);
+    }
+    ._header_1yc3p_161 ._actions_1yc3p_179:has(button[class*=primary]) button[class*=primary] {
+      order: -1;
+    }
+  }
+  ._header_1yc3p_161 ._description_1yc3p_192 {
+    max-width: 80ch;
+  }
 }
 @layer state {
-  @container page (min-width: 768px) {
-    ._page_kzh2s_1 ._container_kzh2s_18 {
-      display: grid;
+  @container page (min-width: 1024px) {
+    ._page_1yc3p_1 ._container_1yc3p_17 {
+      grid-template-areas: "sidebar header panel" "sidebar content panel";
+      grid-template-rows: auto 1fr;
+      grid-template-columns: var(--first-col) var(--second-col) var(--third-col);
       --first-col: 16rem;
       --second-col: 1fr;
       --third-col: 0px;
-      grid-template-columns: var(--first-col) var(--second-col) var(--third-col);
     }
-    ._page_kzh2s_1 ._container_kzh2s_18:has(._panel_kzh2s_129._open_kzh2s_166._small_kzh2s_166) {
+    ._page_1yc3p_1 ._container_1yc3p_17:has(._panel_1yc3p_133._open_1yc3p_206._small_1yc3p_206) {
       --third-col: 16rem;
     }
-    ._page_kzh2s_1 ._container_kzh2s_18:has(._panel_kzh2s_129._open_kzh2s_166._medium_kzh2s_169) {
+    ._page_1yc3p_1 ._container_1yc3p_17:has(._panel_1yc3p_133._open_1yc3p_206._medium_1yc3p_209) {
       --third-col: 24rem;
     }
-    ._page_kzh2s_1 ._container_kzh2s_18:has(._panel_kzh2s_129._open_kzh2s_166._large_kzh2s_172) {
+    ._page_1yc3p_1 ._container_1yc3p_17:has(._panel_1yc3p_133._open_1yc3p_206._large_1yc3p_212) {
       --third-col: 30rem;
     }
-    ._page_kzh2s_1 ._container_kzh2s_18:has(._panel_kzh2s_129._open_kzh2s_166._large_kzh2s_172) ._panel_kzh2s_129 ._panel-inner_kzh2s_136 {
-      min-width: var(--third-col);
-    }
-    ._page_kzh2s_1 ._container_kzh2s_18:has(._sidebar_kzh2s_45._collapsed_kzh2s_178) {
+    ._page_1yc3p_1 ._container_1yc3p_17:has(._sidebar_1yc3p_48._collapsed_1yc3p_215) {
       --first-col: 1.5rem;
     }
-    ._page_kzh2s_1 ._container_kzh2s_18:not(:has(._sidebar_kzh2s_45)) {
+    ._page_1yc3p_1 ._container_1yc3p_17:not(:has(._sidebar_1yc3p_48)) {
+      grid-template-areas: "header panel" "content panel";
+      grid-template-columns: 1fr var(--third-col);
       --first-col: 0px;
     }
-    ._page_kzh2s_1 ._content_kzh2s_35 {
-      grid-area: 1/2/2/3;
+    ._page_1yc3p_1 ._container_1yc3p_17:not(:has(._sidebar_1yc3p_48)) > ._content_1yc3p_34, ._page_1yc3p_1 ._container_1yc3p_17:not(:has(._sidebar_1yc3p_48)) > div:not(._panel_1yc3p_133) {
+      grid-column: 1;
+      width: 100%;
     }
-    ._page_kzh2s_1 ._content_kzh2s_35 ._virtual-scroll-container_kzh2s_147 {
+    ._page_1yc3p_1 ._container_1yc3p_17:not(:has(._sidebar_1yc3p_48)) > ._panel_1yc3p_133 {
+      grid-column: 2;
+    }
+    ._page_1yc3p_1 ._content_1yc3p_34 ._virtual-scroll-container_1yc3p_152 {
       display: block;
     }
-    ._page_kzh2s_1 ._sidebar_kzh2s_45 {
-      grid-area: 1/1/2/2;
+    ._page_1yc3p_1 ._sidebar_1yc3p_48 {
       padding: 0;
       background-color: var(--background-color, #ffffff);
       border-inline-end: 0.0625rem solid var(--border-color-subdued, #dfe0e1);
       box-shadow: var(--shadow-color, rgba(20, 20, 20, 0.0784313725)) 0rem 0.125rem 0.5rem;
     }
-    ._page_kzh2s_1 ._sidebar_kzh2s_45 ._sidebar-header_kzh2s_108 {
+    ._page_1yc3p_1 ._sidebar_1yc3p_48 ._sidebar-header_1yc3p_112 {
       background-color: var(--background-color, #ffffff);
       position: sticky;
       padding-block-start: 1.5rem;
@@ -210,35 +253,46 @@ html:has(._page_kzh2s_1)::-webkit-scrollbar {
       margin-block-end: 0.25rem;
       z-index: 1;
     }
-    ._page_kzh2s_1 ._sidebar_kzh2s_45 ._sidebar-inner_kzh2s_55 > div {
+    ._page_1yc3p_1 ._sidebar_1yc3p_48 ._sidebar-inner_1yc3p_59 > div {
       scrollbar-gutter: stable;
+      left: 0;
     }
   }
-  ._sidebar_kzh2s_45._collapsed_kzh2s_178 ._sidebar-inner_kzh2s_55 {
+  ._sidebar_1yc3p_48._collapsed_1yc3p_215 ._sidebar-inner_1yc3p_59 {
     opacity: 0;
     display: none;
   }
   @container content (min-width: 768px) {
-    ._content_kzh2s_35 ._content-inner_kzh2s_40 {
+    ._content_1yc3p_34 ._content-inner_1yc3p_39 {
       padding-inline: 2rem;
     }
   }
   @container content (min-width: 1024px) {
-    ._content_kzh2s_35 ._content-inner_kzh2s_40 {
+    ._content_1yc3p_34 ._content-inner_1yc3p_39 {
       padding-inline: 2.5rem;
     }
   }
   @container content (min-width: 1280px) {
-    ._content_kzh2s_35 ._content-inner_kzh2s_40 {
+    ._content_1yc3p_34 ._content-inner_1yc3p_39 {
       padding-inline: 3rem;
     }
   }
+  @container content (min-width: 768px) {
+    ._content_1yc3p_34 ~ ._panel_1yc3p_133 ._panel-inner_1yc3p_141 {
+      padding-inline: 2rem;
+    }
+  }
   @container page (min-width: 768px) {
-    ._panel_kzh2s_129 {
+    ._panel_1yc3p_133 ._panel-inner_1yc3p_141 {
+      padding-inline: 2rem;
+    }
+  }
+  @container page (min-width: 1024px) {
+    ._panel_1yc3p_133 {
       flex-direction: row;
       border-inline-start: 0.0625rem solid var(--border-color-subdued, #dfe0e1);
     }
-    ._panel_kzh2s_129 ._panel-inner_kzh2s_136 {
+    ._panel_1yc3p_133 ._panel-inner_1yc3p_141 {
       position: sticky;
       top: 0;
       height: calc(100dvh - var(--offset, 0px));
@@ -247,56 +301,72 @@ html:has(._page_kzh2s_1)::-webkit-scrollbar {
       scrollbar-gutter: stable;
       padding-right: 1.5rem;
     }
-    ._panel_kzh2s_129._small_kzh2s_166 ._panel-inner_kzh2s_136 {
+    ._panel_1yc3p_133._small_1yc3p_206 ._panel-inner_1yc3p_141 {
       min-width: 16rem;
     }
-    ._panel_kzh2s_129._medium_kzh2s_169 ._panel-inner_kzh2s_136 {
+    ._panel_1yc3p_133._medium_1yc3p_209 ._panel-inner_1yc3p_141 {
       min-width: 24rem;
     }
-    ._panel_kzh2s_129._large_kzh2s_172 ._panel-inner_kzh2s_136 {
+    ._panel_1yc3p_133._large_1yc3p_212 ._panel-inner_1yc3p_141 {
       min-width: 30rem;
     }
   }
-  ._panel_kzh2s_129._noPadding_kzh2s_256 ._panel-inner_kzh2s_136 {
+  ._panel_1yc3p_133._noPadding_1yc3p_309 ._panel-inner_1yc3p_141 {
     padding: 0;
   }
-  ._panel_kzh2s_129:not(._open_kzh2s_166) ._panel-inner_kzh2s_136 {
+  ._panel_1yc3p_133:not(._open_1yc3p_206) ._panel-inner_1yc3p_141 {
     overflow: clip;
     display: none;
     opacity: 0;
   }
   @starting-style {
-    ._sidebar_kzh2s_45._collapsed_kzh2s_178 ._sidebar-inner_kzh2s_55 {
+    ._sidebar_1yc3p_48._collapsed_1yc3p_215 ._sidebar-inner_1yc3p_59 {
       opacity: 0;
       display: none;
     }
-    ._panel_kzh2s_129:not(._open_kzh2s_166) ._panel-inner_kzh2s_136 {
+    ._panel_1yc3p_133:not(._open_1yc3p_206) ._panel-inner_1yc3p_141 {
       opacity: 0;
       display: none;
     }
   }
 }
 @layer application {
-  ._sidebar-adaptive-trigger_kzh2s_114 {
+  ._sidebar-adaptive-trigger_1yc3p_118 {
     color: var(--foreground-color, #141414);
     background-color: var(--background-color-stronger, #eeeeee);
     justify-content: start;
     width: 100%;
   }
-  ._sidebar-adaptive-trigger_kzh2s_114 ._sidebar-adaptive-trigger-icon_kzh2s_282 {
+  ._sidebar-adaptive-trigger_1yc3p_118 ._sidebar-adaptive-trigger-icon_1yc3p_335 {
     flex-grow: 1;
   }
-  ._sidebar-adaptive-container_kzh2s_123 > div {
+  ._sidebar-adaptive-container_1yc3p_127 > div {
     height: -webkit-fill-available;
     height: -moz-available;
     height: stretch;
   }
-  ._toggle-button-wrapper_kzh2s_82 ._toggle-button_kzh2s_82 {
+  ._toggle-button-wrapper_1yc3p_86 ._toggle-button_1yc3p_86 {
     padding: 0.5rem;
     min-width: 2rem;
     width: 2rem;
     height: 2rem;
     border-radius: 100%;
     border-color: var(--border-color-subdued, #dfe0e1);
+    --button-background-color: var(--background-color, #ffffff);
+  }
+  ._toggle-button-wrapper_1yc3p_86 ._toggle-button_1yc3p_86::before {
+    content: "";
+    position: absolute;
+    inset: 0;
+    border-radius: inherit;
+  }
+  ._toggle-button-wrapper_1yc3p_86 ._toggle-button_1yc3p_86:hover::before {
+    background-color: var(--overlay-color-hover, rgba(20, 20, 20, 0.0784313725));
+  }
+  ._toggle-button-wrapper_1yc3p_86 ._toggle-button_1yc3p_86:active::before {
+    background-color: var(--overlay-color-active, rgba(20, 20, 20, 0.1607843137));
+  }
+  ._header_1yc3p_161 ._layout_1yc3p_362 {
+    gap: 1rem;
   }
 }

package/dist/Page.js

@@ -1,2 +1,2 @@
-export { P as Page, c as PageContent, d as PagePanel, a as PageSidebar, b as PageSidebarHeader, P as default } from './Page-f5A2PjHI.js';
+export { P as Page, e as PageContent, d as PageHeader, c as PagePanel, a as PageSidebar, b as PageSidebarHeader, P as default } from './Page-DUA2NqcR.js';
 //# sourceMappingURL=Page.js.map