@servicetitan/anvil2 2.9.0 → 3.0.0

package/dist/Drawer.css

@@ -1,174 +1,139 @@
-@layer starter, reset, base, state, application;
-@layer base {
-  ._drawer_ce1vf_2 {
-    border: none;
-    background: transparent;
-    padding-block: 0;
-    padding-inline: 0;
-    outline: none;
-    animation: _close-drawer_ce1vf_1 2s forwards;
-    transition: width 200ms;
-    width: 35rem;
-    height: 100%;
-    max-width: 100%;
-    border-inline-start: 0.0625rem solid var(--border-color-subdued, #dfe0e1);
-    background-color: var(--background-color, #ffffff);
-    margin-block-start: 0;
-    margin-block-end: 0;
-    max-height: 100dvh;
-    margin-inline-end: 0;
-    overflow: visible;
-    --xpos: 10rem;
-    --drawer-padding: 1.5rem;
-  }
-  ._drawer_ce1vf_2[open] {
-    animation: _open-drawer_ce1vf_1 300ms forwards;
-  }
-  ._drawer_ce1vf_2[open]::backdrop {
-    animation: _open-backdrop_ce1vf_1 200ms forwards;
-  }
-  ._drawer_ce1vf_2 ._container_ce1vf_29 {
-    font-family: var(--font-family-base, "Nunito Sans", sans-serif);
-    font-size: 100%;
-    color: var(--foreground-color, #141414);
-    display: flex;
-    box-sizing: border-box;
-    flex-direction: column;
-    background-color: inherit;
-    height: 100%;
-    overflow: auto;
-    overscroll-behavior: contain;
-  }
-  ._drawer_ce1vf_2 ._container_ce1vf_29 ._content_ce1vf_41 {
-    flex-grow: 1;
-    font-size: 1rem;
-    padding: var(--drawer-padding);
-    isolation: isolate;
-  }
-  ._header_ce1vf_47 {
-    position: sticky;
-    inset-block-start: 0;
-    display: flex;
-    justify-content: space-between;
-    padding-block-start: var(--drawer-padding);
-    padding-block-end: 0.25rem;
-    padding-inline: var(--drawer-padding);
-    background-color: inherit;
-    font-size: 1rem;
-    z-index: 3;
-  }
-  ._header_ce1vf_47 h1 {
-    margin-block: 0;
-    margin-inline: 0;
-  }
-  ._header_ce1vf_47 ._close-container_ce1vf_63 {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    width: 1.5625rem;
-    height: 1.5625rem;
-  }
-  ._footer_ce1vf_70 {
-    display: flex;
-    gap: 0.75rem;
-    justify-content: flex-end;
-    padding-block-start: 0.25rem;
-    padding-block-end: var(--drawer-padding);
-    padding-inline: var(--drawer-padding);
-    background-color: inherit;
-    flex-wrap: wrap;
-  }
-}
-@layer state {
-  @media (prefers-reduced-motion: reduce) {
-    ._drawer_ce1vf_2 {
-      --xpos: 0;
-    }
-  }
-  ._drawer_ce1vf_2._remove_ce1vf_87[open] {
-    animation: _close-drawer_ce1vf_1 300ms forwards;
-  }
-  ._drawer_ce1vf_2._remove_ce1vf_87[open]::backdrop {
-    animation: _close-backdrop_ce1vf_1 200ms forwards;
-  }
-  ._drawer_ce1vf_2::backdrop {
-    background: #040404;
-  }
-  ._drawer_ce1vf_2._small_ce1vf_96 {
-    width: 22.5rem;
-  }
-  ._drawer_ce1vf_2._large_ce1vf_99 {
-    width: 48rem;
-  }
-  ._drawer_ce1vf_2._xlarge_ce1vf_102 {
-    width: 70rem;
-  }
-  ._drawer_ce1vf_2 ._content_ce1vf_41._sticky_ce1vf_105 {
-    position: sticky;
-    flex-grow: 0;
-    z-index: 3;
-    background-color: var(--background-color, #ffffff);
-    padding-block-end: 0.25rem;
-  }
-  ._drawer_ce1vf_2 ._content_ce1vf_41._sticky_ce1vf_105 + ._content_ce1vf_41 {
-    padding-block-start: 0.25rem;
-  }
-  ._drawer_ce1vf_2 ._footer_ce1vf_70._sticky_ce1vf_105 {
-    position: sticky;
-    inset-block-end: 0;
-  }
-}
-@layer application {
-  ._drawer_ce1vf_2 ._header_ce1vf_47 ._close-button_ce1vf_121 {
-    color: var(--foreground-color, #141414);
-  }
+.anvil2{@layer starter, reset, base, state, application;._drawer_s6o44_1 {
+  --a2-mod-drawer-animation-offset: 10rem;
+  --a2-mod-drawer-backdrop-color: var(--a2-drawer-backdrop-color, var(--a2-color-neutral-900, #1a1a1a));
+  --a2-mod-drawer-background-color: var(--a2-drawer-background-color, var(--a2-background-color-default, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
+  --a2-mod-drawer-border-color: var(--a2-drawer-border-color, var(--a2-border-color-subdued, light-dark(var(--a2-color-neutral-80, #e6e6e6), var(--a2-color-neutral-700, #404040))));
+  --a2-mod-drawer-padding: var(--a2-size-6, 1.5rem);
+  animation: _close-drawer_s6o44_1 2s forwards;
+  background-color: var(--a2-mod-drawer-background-color);
+  border: none;
+  border-inline-start: var(--a2-size-quarter, 0.0625rem) solid var(--a2-mod-drawer-border-color);
+  height: 100%;
+  margin-block-end: 0;
+  margin-block-start: 0;
+  margin-inline-end: 0;
+  max-height: 100dvh;
+  max-width: 100%;
+  outline: none;
+  overflow: visible;
+  padding-block: 0;
+  padding-inline: 0;
+  transition: width var(--a2-duration-default, 200ms);
+  width: var(--a2-mod-drawer-width, 35rem);
+}._drawer_s6o44_1[open] {
+  animation: _open-drawer_s6o44_1 var(--a2-duration-slow, 300ms) forwards;
+}._drawer_s6o44_1[open]::backdrop {
+  animation: _open-backdrop_s6o44_1 var(--a2-duration-default, 200ms) forwards;
+}._drawer_s6o44_1::backdrop {
+  background-color: var(--a2-mod-drawer-backdrop-color);
+}@media (prefers-reduced-motion: reduce) {
+  ._drawer_s6o44_1 {
+    --a2-mod-drawer-animation-offset: 0;
+  }
+}._remove_s6o44_39[open] {
+  animation: _close-drawer_s6o44_1 var(--a2-duration-slow, 300ms) forwards;
+}._remove_s6o44_39[open]::backdrop {
+  animation: _close-backdrop_s6o44_1 var(--a2-duration-default, 200ms) forwards;
+}._small_s6o44_46 {
+  --a2-mod-drawer-width: 22.5rem;
+}._large_s6o44_50 {
+  --a2-mod-drawer-width: 48rem;
+}._xlarge_s6o44_54 {
+  --a2-mod-drawer-width: 70rem;
+}._container_s6o44_58 {
+  font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
+  font-size: 100%;
+  color: var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff)));
+  background-color: inherit;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  overflow: auto;
+  overscroll-behavior: contain;
+}._header_s6o44_71 {
+  background-color: inherit;
+  display: flex;
+  font-size: var(--a2-typography-heading-size-small, var(--a2-font-size-400, 1rem));
+  inset-block-start: 0;
+  justify-content: space-between;
+  padding-block-end: var(--a2-size-1, 0.25rem);
+  padding-block-start: var(--a2-mod-drawer-padding);
+  padding-inline: var(--a2-mod-drawer-padding);
+  position: sticky;
+  z-index: 3;
+}._header_s6o44_71 h1 {
+  margin: 0;
+}._close-container_s6o44_87 {
+  align-items: center;
+  display: flex;
+  height: calc(var(--a2-font-size-500, 1.25rem) * 1.25);
+  justify-content: center;
+  width: calc(var(--a2-font-size-500, 1.25rem) * 1.25);
+}._content_s6o44_95 {
+  flex-grow: 1;
+  font-size: var(--a2-typography-paragraph-size-default, var(--a2-font-size-400, 1rem));
+  isolation: isolate;
+  padding: var(--a2-mod-drawer-padding);
+}._content_s6o44_95._sticky_s6o44_101 {
+  background-color: var(--a2-mod-drawer-background-color);
+  flex-grow: 0;
+  padding-block-end: var(--a2-size-1, 0.25rem);
+  position: sticky;
+  z-index: 3;
+}._content_s6o44_95._sticky_s6o44_101 + ._content_s6o44_95 {
+  padding-block-start: var(--a2-size-1, 0.25rem);
+}._footer_s6o44_112 {
+  background-color: inherit;
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--a2-size-3, 0.75rem);
+  justify-content: flex-end;
+  padding-block-end: var(--a2-mod-drawer-padding);
+  padding-block-start: var(--a2-size-1, 0.25rem);
+  padding-inline: var(--a2-mod-drawer-padding);
+}._footer_s6o44_112._sticky_s6o44_101 {
+  inset-block-end: 0;
+  position: sticky;
 }
-.drawer-open {
-  overflow: hidden;
-}
-
-@keyframes _open-drawer_ce1vf_1 {
+}@keyframes _open-drawer_s6o44_1 {
   from {
     opacity: 0;
-    transform: translateX(var(--xpos));
+    transform: translateX(var(--a2-mod-drawer-animation-offset));
   }
   to {
     opacity: 1;
     transform: translateX(0%);
   }
-}
-@keyframes _close-drawer_ce1vf_1 {
+}@keyframes _close-drawer_s6o44_1 {
   from {
     opacity: 1;
     transform: translateX(0%);
   }
   to {
     opacity: 0;
-    transform: translateX(var(--xpos));
+    transform: translateX(var(--a2-mod-drawer-animation-offset));
   }
-}
-@keyframes _open-backdrop_ce1vf_1 {
+}@keyframes _open-backdrop_s6o44_1 {
   from {
     opacity: 0;
   }
   to {
-    opacity: 0.6;
+    opacity: var(--a2-opacity-disabled, 0.6);
   }
-}
-@keyframes _close-backdrop_ce1vf_1 {
+}@keyframes _close-backdrop_s6o44_1 {
   from {
-    opacity: 0.6;
+    opacity: var(--a2-opacity-disabled, 0.6);
   }
   to {
     opacity: 0;
   }
-}
-body:has(
+}body:has(
     dialog[data-anv="drawer"][open]:not([data-anv-scroll-chaining="true"])
   ) {
   overflow: hidden !important;
-}
-
-body:has([data-anv-dialogs-open="true"]) {
+}body:has([data-anv-dialogs-open="true"]) {
   overflow: hidden !important;
+}.drawer-open {
+  overflow: hidden;
 }

package/dist/Drawer.js

@@ -1,2 +1,2 @@
-export { D as Drawer, D as default } from './Drawer-Cb5asXWf.js';
+export { D as Drawer, D as default } from './Drawer-iewBy1DW.js';
 //# sourceMappingURL=Drawer.js.map

package/dist/DrillDown.css

@@ -1,160 +1,146 @@
-@layer starter, reset, base, state, application;
-/* REVERT LAYER BUGFIX START */
-header[data-anv=drilldown-header] h1,
-button[data-anv=drilldown-next-button],
-button[data-anv=drilldown-prev-button] {
-  all: revert-layer;
-}
-
-div[data-anv=drilldown-content] {
-  all: revert-layer;
-  font-size: var(--typography-paragraph-size);
-}
-
-/* REVERT LAYER BUGFIX END */
-@layer base {
-  ._dialog_za5cl_15 ._drilldown_za5cl_15,
-  ._drawer_za5cl_16 ._drilldown_za5cl_15,
-  ._panel_za5cl_17 ._drilldown_za5cl_15 {
-    border: none;
-    background: transparent;
-    padding-block: 0;
-    padding-inline: 0;
-    outline: none;
-    background-color: var(--background-color, #ffffff);
-    overflow: visible;
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    z-index: 3;
-    --drilldown-padding: 1.5rem;
-  }
-  ._dialog_za5cl_15 ._drilldown_za5cl_15 ._container_za5cl_33,
-  ._drawer_za5cl_16 ._drilldown_za5cl_15 ._container_za5cl_33,
-  ._panel_za5cl_17 ._drilldown_za5cl_15 ._container_za5cl_33 {
-    font-family: var(--font-family-base, "Nunito Sans", sans-serif);
-    font-size: 100%;
-    color: var(--foreground-color, #141414);
-    display: flex;
-    box-sizing: border-box;
-    flex-direction: column;
-    background-color: inherit;
-    overflow: auto;
-    overscroll-behavior: contain;
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-  }
-  ._dialog_za5cl_15 ._drilldown_za5cl_15 ._container_za5cl_33 ._content_za5cl_51,
-  ._drawer_za5cl_16 ._drilldown_za5cl_15 ._container_za5cl_33 ._content_za5cl_51,
-  ._panel_za5cl_17 ._drilldown_za5cl_15 ._container_za5cl_33 ._content_za5cl_51 {
-    display: flex;
-    flex-grow: 1;
-    padding-block-start: 0.25rem;
-    padding-block-end: 0.25rem;
-    padding-inline: var(--drilldown-padding);
-  }
-  ._dialog_za5cl_15 ._drilldown_za5cl_15 ._header_za5cl_60,
-  ._drawer_za5cl_16 ._drilldown_za5cl_15 ._header_za5cl_60,
-  ._panel_za5cl_17 ._drilldown_za5cl_15 ._header_za5cl_60 {
-    position: sticky;
-    top: 0;
-    display: flex;
-    justify-content: space-between;
-    gap: 0.25rem;
-    padding-block: var(--drilldown-padding);
-    padding-inline: var(--drilldown-padding);
-    background-color: var(--background-color, #ffffff);
-    z-index: 1;
-  }
-  ._dialog_za5cl_15 ._drilldown_za5cl_15 ._header_za5cl_60 h1,
-  ._drawer_za5cl_16 ._drilldown_za5cl_15 ._header_za5cl_60 h1,
-  ._panel_za5cl_17 ._drilldown_za5cl_15 ._header_za5cl_60 h1 {
-    margin: 0;
-  }
-  ._dialog_za5cl_15 ._drilldown_za5cl_15 ._header_za5cl_60 ._close-container_za5cl_78,
-  ._drawer_za5cl_16 ._drilldown_za5cl_15 ._header_za5cl_60 ._close-container_za5cl_78,
-  ._panel_za5cl_17 ._drilldown_za5cl_15 ._header_za5cl_60 ._close-container_za5cl_78 {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    width: 1.5625rem;
-    height: 1.5625rem;
-  }
-  ._dialog_za5cl_15 ._drilldown_za5cl_15 ._footer_za5cl_87,
-  ._drawer_za5cl_16 ._drilldown_za5cl_15 ._footer_za5cl_87,
-  ._panel_za5cl_17 ._drilldown_za5cl_15 ._footer_za5cl_87 {
-    display: flex;
-    gap: 0.5rem;
-    justify-content: flex-end;
-    padding-block: var(--drilldown-padding);
-    padding-inline: var(--drilldown-padding);
-    background-color: var(--background-color, #ffffff);
-  }
-  ._dialog_za5cl_15 ._drilldown_za5cl_15 {
-    border: 0.0625rem solid var(--border-color-subdued, #dfe0e1);
-    border-radius: 0.75rem;
-  }
-  ._dialog_za5cl_15 ._drilldown_za5cl_15::backdrop {
-    background: #040404;
-  }
-  ._dialog_za5cl_15 ._drilldown_za5cl_15 ._container_za5cl_33 {
-    border-radius: 0.75rem;
-    --ypos: 1.5rem;
-    animation: _open-drilldown-inside-dialog_za5cl_1 300ms forwards;
-  }
-  ._drawer_za5cl_16 ._drilldown_za5cl_15 ._container_za5cl_33,
-  ._panel_za5cl_17 ._drilldown_za5cl_15 ._container_za5cl_33 {
-    --xpos: 10rem;
-    animation: _open-drilldown-inside-drawer_za5cl_1 300ms forwards;
-  }
-  ._dialog_za5cl_15 ._panel_za5cl_17 ._drilldown_za5cl_15 ._container_za5cl_33 {
-    --xpos: 0;
-    --ypos: 1.5rem;
-    animation: _open-drilldown-inside-dialog_za5cl_1 300ms forwards;
-  }
-}
-@keyframes _open-drilldown-inside-dialog_za5cl_1 {
+.anvil2{@layer starter, reset, base, state, application;/* ============================================
+   Drilldown Base
+   ============================================ */._dialog_1byq3_4 ._drilldown_1byq3_4,
+._drawer_1byq3_5 ._drilldown_1byq3_4,
+._panel_1byq3_6 ._drilldown_1byq3_4 {
+  --a2-mod-drilldown-background-color: var(--a2-drilldown-background-color, var(--a2-background-color-default, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
+  --a2-mod-drilldown-border-color: var(--a2-drilldown-border-color, var(--a2-border-color-subdued, light-dark(var(--a2-color-neutral-80, #e6e6e6), var(--a2-color-neutral-700, #404040))));
+  --a2-mod-drilldown-border-radius: var(--a2-border-radius-large, var(--a2-radius-4, 0.75rem));
+  --a2-mod-drilldown-close-container-size: calc(var(--a2-font-size-500, 1.25rem) * 1.25);
+  --a2-mod-drilldown-padding: var(--a2-size-6, 1.5rem);
+  background: transparent;
+  background-color: var(--a2-mod-drilldown-background-color);
+  border: none;
+  bottom: 0;
+  left: 0;
+  outline: none;
+  overflow: visible;
+  padding-block: 0;
+  padding-inline: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 3;
+}/* ============================================
+   Container
+   ============================================ */._dialog_1byq3_4 ._drilldown_1byq3_4 ._container_1byq3_30,
+._drawer_1byq3_5 ._drilldown_1byq3_4 ._container_1byq3_30,
+._panel_1byq3_6 ._drilldown_1byq3_4 ._container_1byq3_30 {
+  background-color: inherit;
+  bottom: 0;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  left: 0;
+  overflow: auto;
+  overscroll-behavior: contain;
+  position: absolute;
+  right: 0;
+  top: 0;
+}._dialog_1byq3_4 ._drilldown_1byq3_4 ._container_1byq3_30 {
+  --a2-mod-drilldown-ypos: var(--a2-size-6, 1.5rem);
+  animation: _open-drilldown-inside-dialog_1byq3_1 var(--a2-duration-slow, 300ms) forwards;
+  border-radius: var(--a2-mod-drilldown-border-radius);
+}._drawer_1byq3_5 ._drilldown_1byq3_4 ._container_1byq3_30,
+._panel_1byq3_6 ._drilldown_1byq3_4 ._container_1byq3_30 {
+  --a2-mod-drilldown-xpos: 10rem;
+  animation: _open-drilldown-inside-drawer_1byq3_1 var(--a2-duration-slow, 300ms) forwards;
+}._dialog_1byq3_4 ._panel_1byq3_6 ._drilldown_1byq3_4 ._container_1byq3_30 {
+  --a2-mod-drilldown-xpos: 0;
+  --a2-mod-drilldown-ypos: var(--a2-size-6, 1.5rem);
+  animation: _open-drilldown-inside-dialog_1byq3_1 var(--a2-duration-slow, 300ms) forwards;
+}/* ============================================
+   Content
+   ============================================ */._dialog_1byq3_4 ._drilldown_1byq3_4 ._content_1byq3_67,
+._drawer_1byq3_5 ._drilldown_1byq3_4 ._content_1byq3_67,
+._panel_1byq3_6 ._drilldown_1byq3_4 ._content_1byq3_67 {
+  display: flex;
+  flex-grow: 1;
+  padding-block-end: var(--a2-size-1, 0.25rem);
+  padding-block-start: var(--a2-size-1, 0.25rem);
+  padding-inline: var(--a2-mod-drilldown-padding);
+}/* ============================================
+   Header
+   ============================================ */._dialog_1byq3_4 ._drilldown_1byq3_4 ._header_1byq3_80,
+._drawer_1byq3_5 ._drilldown_1byq3_4 ._header_1byq3_80,
+._panel_1byq3_6 ._drilldown_1byq3_4 ._header_1byq3_80 {
+  background-color: var(--a2-mod-drilldown-background-color);
+  display: flex;
+  gap: var(--a2-size-1, 0.25rem);
+  justify-content: space-between;
+  padding-block: var(--a2-mod-drilldown-padding);
+  padding-inline: var(--a2-mod-drilldown-padding);
+  position: sticky;
+  top: 0;
+  z-index: 1;
+}._dialog_1byq3_4 ._drilldown_1byq3_4 ._header_1byq3_80 h1,
+._drawer_1byq3_5 ._drilldown_1byq3_4 ._header_1byq3_80 h1,
+._panel_1byq3_6 ._drilldown_1byq3_4 ._header_1byq3_80 h1 {
+  margin: 0;
+}._dialog_1byq3_4 ._drilldown_1byq3_4 ._close-container_1byq3_99,
+._drawer_1byq3_5 ._drilldown_1byq3_4 ._close-container_1byq3_99,
+._panel_1byq3_6 ._drilldown_1byq3_4 ._close-container_1byq3_99 {
+  align-items: center;
+  display: flex;
+  height: var(--a2-mod-drilldown-close-container-size);
+  justify-content: center;
+  width: var(--a2-mod-drilldown-close-container-size);
+}/* ============================================
+   Footer
+   ============================================ */._dialog_1byq3_4 ._drilldown_1byq3_4 ._footer_1byq3_112,
+._drawer_1byq3_5 ._drilldown_1byq3_4 ._footer_1byq3_112,
+._panel_1byq3_6 ._drilldown_1byq3_4 ._footer_1byq3_112 {
+  background-color: var(--a2-mod-drilldown-background-color);
+  display: flex;
+  gap: var(--a2-size-2, 0.5rem);
+  justify-content: flex-end;
+  padding-block: var(--a2-mod-drilldown-padding);
+  padding-inline: var(--a2-mod-drilldown-padding);
+}/* ============================================
+   Dialog Specific
+   ============================================ */._dialog_1byq3_4 ._drilldown_1byq3_4 {
+  --a2-mod-drilldown-backdrop-color: var(--a2-drilldown-backdrop-color, var(--a2-color-neutral-500, #707070));
+  border: var(--a2-size-quarter, 0.0625rem) solid var(--a2-mod-drilldown-border-color);
+  border-radius: var(--a2-mod-drilldown-border-radius);
+}._dialog_1byq3_4 ._drilldown_1byq3_4::backdrop {
+  background: var(--a2-mod-drilldown-backdrop-color);
+}/* ============================================
+   Animations
+   ============================================ */
+}@keyframes _open-drilldown-inside-dialog_1byq3_1 {
   from {
     opacity: 0;
-    transform: translateY(var(--ypos));
+    transform: translateY(var(--a2-mod-drilldown-ypos));
   }
   to {
     opacity: 1;
     transform: translateY(0%);
   }
-}
-@keyframes _close-drilldown-inside-dialog_za5cl_1 {
+}@keyframes _close-drilldown-inside-dialog_1byq3_1 {
   from {
     opacity: 1;
     transform: translateY(0%);
   }
   to {
     opacity: 0;
-    transform: translateY(var(--ypos));
+    transform: translateY(var(--a2-mod-drilldown-ypos));
   }
-}
-@keyframes _open-drilldown-inside-drawer_za5cl_1 {
+}@keyframes _open-drilldown-inside-drawer_1byq3_1 {
   from {
     opacity: 0;
-    transform: translateX(var(--xpos));
+    transform: translateX(var(--a2-mod-drilldown-xpos));
   }
   to {
     opacity: 1;
     transform: translateX(0%);
   }
-}
-@keyframes _close-drilldown-inside-drawer_za5cl_1 {
+}@keyframes _close-drilldown-inside-drawer_1byq3_1 {
   from {
     opacity: 1;
     transform: translateX(0%);
   }
   to {
     opacity: 0;
-    transform: translateX(var(--xpos));
+    transform: translateX(var(--a2-mod-drilldown-xpos));
   }
 }

package/dist/DrillDown.js

@@ -1,2 +1,2 @@
-export { D as DrillDown, b as DrillDownContent, c as DrillDownFooter, a as DrillDownHeader, d as DrillDownNextButton, e as DrillDownPrevButton, D as default, u as useDrillDown } from './useDrilldown-D6VZNSCX.js';
+export { D as DrillDown, b as DrillDownContent, c as DrillDownFooter, a as DrillDownHeader, d as DrillDownNextButton, e as DrillDownPrevButton, D as default, u as useDrillDown } from './useDrilldown-D5WWJRU2.js';
 //# sourceMappingURL=DrillDown.js.map

package/dist/DrillDown.module-D1Bf9_yP.js

@@ -0,0 +1,27 @@
+import { createContext } from 'react';
+
+import './DrillDown.css';const DrillDownContext = createContext(
+  null
+);
+
+const dialog = "_dialog_1byq3_4";
+const drilldown = "_drilldown_1byq3_4";
+const drawer = "_drawer_1byq3_5";
+const panel = "_panel_1byq3_6";
+const container = "_container_1byq3_30";
+const content = "_content_1byq3_67";
+const header = "_header_1byq3_80";
+const footer = "_footer_1byq3_112";
+const drillDownStyles = {
+	dialog: dialog,
+	drilldown: drilldown,
+	drawer: drawer,
+	panel: panel,
+	container: container,
+	content: content,
+	header: header,
+	"close-container": "_close-container_1byq3_99",
+	footer: footer};
+
+export { DrillDownContext as D, drillDownStyles as d };
+//# sourceMappingURL=DrillDown.module-D1Bf9_yP.js.map

package/dist/{DrillDown.module-C8VOhzaF.js.map → DrillDown.module-D1Bf9_yP.js.map}

@@ -1 +1 @@
-{"version":3,"file":"DrillDown.module-C8VOhzaF.js","sources":["../src/components/DrillDown/internal/DrillDownContext.ts"],"sourcesContent":["import { Dispatch, SetStateAction, createContext } from \"react\";\n\nexport type DrillDownContextProps = {\n  index?: number;\n  setIndex?: (index: number | undefined) => void;\n  back?: () => void;\n  next?: () => void;\n  registeredIndices?: number[];\n  setRegisteredIndices?: Dispatch<SetStateAction<number[] | undefined>>;\n  onClose?: (() => void)[];\n  setOnClose?: (fn: () => void, index: number) => void;\n  hostIsInteractive?: boolean;\n  setHostTrigger?: (element: HTMLElement | null) => void;\n  onHostClose?: () => void;\n  onHostClosed?: () => void;\n};\n\nexport const DrillDownContext = createContext<DrillDownContextProps | null>(\n  null,\n);\n"],"names":[],"mappings":";;AAiBO,MAAM,gBAAA,GAAmB,aAAA;AAAA,EAC9B;AACF;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"DrillDown.module-D1Bf9_yP.js","sources":["../src/components/DrillDown/internal/DrillDownContext.ts"],"sourcesContent":["import { Dispatch, SetStateAction, createContext } from \"react\";\n\nexport type DrillDownContextProps = {\n  index?: number;\n  setIndex?: (index: number | undefined) => void;\n  back?: () => void;\n  next?: () => void;\n  registeredIndices?: number[];\n  setRegisteredIndices?: Dispatch<SetStateAction<number[] | undefined>>;\n  onClose?: (() => void)[];\n  setOnClose?: (fn: () => void, index: number) => void;\n  hostIsInteractive?: boolean;\n  setHostTrigger?: (element: HTMLElement | null) => void;\n  onHostClose?: () => void;\n  onHostClosed?: () => void;\n};\n\nexport const DrillDownContext = createContext<DrillDownContextProps | null>(\n  null,\n);\n"],"names":[],"mappings":";;AAiBO,MAAM,gBAAA,GAAmB,aAAA;AAAA,EAC9B;AACF;;;;;;;;;;;;;;;;;;;;;;;"}