@dynatrace/strato-components 3.1.0 → 3.1.1

package/layouts/page/Main.sty.js

@@ -25,7 +25,7 @@ __export(Main_css_exports, {
 });
 module.exports = __toCommonJS(Main_css_exports);
 var import_Main_css_ts_vanilla = require("./Main.css");
-var content = "_5zin931-3-1-0";
-var main = "_5zin930-3-1-0";
-var withDetails = "_5zin933-3-1-0";
-var withSidebar = "_5zin932-3-1-0";
+var content = "_5zin931-3-1-1";
+var main = "_5zin930-3-1-1";
+var withDetails = "_5zin933-3-1-1";
+var withSidebar = "_5zin932-3-1-1";

package/layouts/page/Page.css

@@ -1,4 +1,4 @@
-._1j29czt0-3-1-0 {
+._1j29czt0-3-1-1 {
   background-color: var(--dt-colors-background-container-neutral-default, #f2f2f5);
   display: grid;
   height: 100dvh;

package/layouts/page/Page.sty.js

@@ -22,4 +22,4 @@ __export(Page_css_exports, {
 });
 module.exports = __toCommonJS(Page_css_exports);
 var import_Page_css_ts_vanilla = require("./Page.css");
-var page = "_1j29czt0-3-1-0";
+var page = "_1j29czt0-3-1-1";

package/layouts/page/Sidebar.css

@@ -1,16 +1,16 @@
-._zdcge90-3-1-0 {
+._zdcge90-3-1-1 {
   grid-area: sidebar;
   justify-content: flex-end;
 }
-._zdcge91-3-1-0 {
+._zdcge91-3-1-1 {
   flex-shrink: 0;
   height: 100%;
   left: 0;
   position: relative;
   width: 0;
 }
-._zdcge93-3-1-0 {
-  --_zdcge92-3-1-0: 16px;
+._zdcge93-3-1-1 {
+  --_zdcge92-3-1-1: 16px;
   background-color: transparent;
   border-width: 0;
   cursor: pointer;
@@ -20,29 +20,29 @@
   transition-duration: var(--dt-animations-hover-duration-base, 150ms);
   transition-property: background-color, translate;
   transition-timing-function: var(--dt-animations-hover-easing, cubic-bezier(0, 0, 0.2, 1));
-  width: var(--_zdcge92-3-1-0);
-  translate: calc(0px - var(--_zdcge92-3-1-0) * 2);
+  width: var(--_zdcge92-3-1-1);
+  translate: calc(0px - var(--_zdcge92-3-1-1) * 2);
   border-top-right-radius: var(--dt-borders-radius-surface-default, 12px);
 }
-._1p91g301-3-1-0:is(:hover,:focus-within) ._zdcge93-3-1-0 {
+._1p91g301-3-1-1:is(:hover,:focus-within) ._zdcge93-3-1-1 {
   background-color: var(--dt-colors-background-base-default, #f9f9fa);
-  translate: calc(0px - var(--_zdcge92-3-1-0) - var(--_zdcge92-3-1-0) / 2);
+  translate: calc(0px - var(--_zdcge92-3-1-1) - var(--_zdcge92-3-1-1) / 2);
 }
-._zdcge95-3-1-0 {
-  --_zdcge94-3-1-0: 24px;
+._zdcge95-3-1-1 {
+  --_zdcge94-3-1-1: 24px;
   position: absolute;
   top: var(--dt-spacings-size-20, 20px);
-  left: calc(0px - var(--_zdcge94-3-1-0) / 2 + 2px);
+  left: calc(0px - var(--_zdcge94-3-1-1) / 2 + 2px);
 }
-._zdcge96-3-1-0 {
-  width: var(--_zdcge94-3-1-0);
-  height: var(--_zdcge94-3-1-0);
+._zdcge96-3-1-1 {
+  width: var(--_zdcge94-3-1-1);
+  height: var(--_zdcge94-3-1-1);
   box-sizing: border-box;
   outline-color: transparent;
   outline-style: var(--dt-borders-style-default, solid);
   outline-width: var(--dt-borders-width-emphasized, 2px);
 }
-._zdcge97-3-1-0 {
+._zdcge97-3-1-1 {
   background-color: var(--dt-colors-background-container-neutral-subdued, #f9f9fa);
   opacity: 0;
   outline-color: var(--dt-colors-background-container-neutral-default, #f2f2f5);
@@ -50,27 +50,27 @@
   transition-property: all;
   transition-timing-function: var(--dt-animations-hover-easing, cubic-bezier(0, 0, 0.2, 1));
 }
-._zdcge97-3-1-0:hover {
+._zdcge97-3-1-1:hover {
   opacity: 1;
   background-color: var(--dt-colors-background-field-neutral-default-hover, #dadbe4);
 }
-._zdcge97-3-1-0:focus {
+._zdcge97-3-1-1:focus {
   opacity: 1;
 }
-._1p91g301-3-1-0:hover ._zdcge97-3-1-0 {
+._1p91g301-3-1-1:hover ._zdcge97-3-1-1 {
   opacity: 1;
 }
-._zdcge98-3-1-0 {
+._zdcge98-3-1-1 {
   background-color: var(--dt-colors-background-container-neutral-default, #f2f2f5);
 }
-._zdcge98-3-1-0:hover {
+._zdcge98-3-1-1:hover {
   background-color: var(--dt-colors-background-field-neutral-default-hover, #dadbe4);
   outline-color: var(--dt-colors-background-container-neutral-default, #f2f2f5);
 }
-._zdcge99-3-1-0._1p91g302-3-1-0 {
+._zdcge99-3-1-1._1p91g302-3-1-1 {
   width: var(--dt-spacings-size-16, 16px);
 }
-._zdcge9a-3-1-0 {
+._zdcge9a-3-1-1 {
   display: flex;
   gap: var(--dt-spacings-size-4, 4px);
   padding-inline: var(--dt-spacings-size-8, 8px);

package/layouts/page/Sidebar.sty.js

@@ -31,11 +31,11 @@ module.exports = __toCommonJS(Sidebar_css_exports);
 var import_panel_css_ts_vanilla = require("./panel.css");
 var import_focusRingStatic_css_ts_vanilla = require("../../core/styles/focusRingStatic.css");
 var import_Sidebar_css_ts_vanilla = require("./Sidebar.css");
-var buttonContainer = "_zdcge95-3-1-0";
-var dismissButton = "_zdcge97-3-1-0 _zdcge96-3-1-0";
-var expandButton = "_zdcge98-3-1-0 _zdcge96-3-1-0";
-var hint = "_zdcge93-3-1-0 _z0fq9b4-3-1-0 _z0fq9bc-3-1-0 _z0fq9b6-3-1-0 _z0fq9bb-3-1-0";
-var integratedControls = "_zdcge91-3-1-0";
-var integratedControlsDrawerHeader = "_zdcge9a-3-1-0";
-var integratedControlsPanel = "_zdcge99-3-1-0";
-var sidebar = "_zdcge90-3-1-0";
+var buttonContainer = "_zdcge95-3-1-1";
+var dismissButton = "_zdcge97-3-1-1 _zdcge96-3-1-1";
+var expandButton = "_zdcge98-3-1-1 _zdcge96-3-1-1";
+var hint = "_zdcge93-3-1-1 _z0fq9b4-3-1-1 _z0fq9bc-3-1-1 _z0fq9b6-3-1-1 _z0fq9bb-3-1-1";
+var integratedControls = "_zdcge91-3-1-1";
+var integratedControlsDrawerHeader = "_zdcge9a-3-1-1";
+var integratedControlsPanel = "_zdcge99-3-1-1";
+var sidebar = "_zdcge90-3-1-1";

package/layouts/page/panel.css

@@ -1,37 +1,37 @@
-._1p91g301-3-1-0 {
+._1p91g301-3-1-1 {
   box-sizing: border-box;
   display: flex;
   max-width: 100%;
 }
-._1p91g302-3-1-0 {
+._1p91g302-3-1-1 {
   width: 0;
   position: relative;
 }
-._1p91g303-3-1-0 {
+._1p91g303-3-1-1 {
   flex-shrink: 0;
   position: relative;
   width: 8px;
 }
-._1p91g304-3-1-0 {
+._1p91g304-3-1-1 {
   box-sizing: border-box;
   padding: 0;
 }
-._1p91g305-3-1-0 {
+._1p91g305-3-1-1 {
   box-sizing: border-box;
   padding: var(--dt-spacings-size-16, 16px);
   height: 100%;
 }
-._1p91g306-3-1-0 {
+._1p91g306-3-1-1 {
   line-height: 0;
 }
-._1p91g307-3-1-0 {
+._1p91g307-3-1-1 {
   box-sizing: border-box;
   flex-grow: 1;
   overflow-y: auto;
   padding: var(--dt-spacings-size-16, 16px);
   position: relative;
 }
-._1p91g308-3-1-0 {
+._1p91g308-3-1-1 {
   flex-shrink: 0;
   width: var(--dt-spacings-size-8, 8px);
   position: relative;
@@ -40,7 +40,7 @@
   height: 100%;
   justify-content: center;
 }
-._1p91g309-3-1-0 {
+._1p91g309-3-1-1 {
   background: var(--dt-colors-border-neutral-default, #dadbe4);
   background-color: var(--dt-colors-border-neutral-accent, #595a7d);
   border: none;
@@ -54,17 +54,17 @@
   transition: height var(--dt-timings-base-default, 300ms) var(--dt-easings-fast-in-slow-out, cubic-bezier(0.4, 0, 0.2, 1));
   width: 2px;
 }
-._1p91g309-3-1-0:focus-visible {
+._1p91g309-3-1-1:focus-visible {
   width: 100%;
 }
-._1p91g309-3-1-0:hover._1p91g309-3-1-0:focus-visible {
+._1p91g309-3-1-1:hover._1p91g309-3-1-1:focus-visible {
   width: 2px;
 }
-._1p91g309-3-1-0:focus-visible, ._1p91g309-3-1-0:hover {
+._1p91g309-3-1-1:focus-visible, ._1p91g309-3-1-1:hover {
   height: var(--dt-spacings-size-48, 48px);
   background-color: var(--dt-colors-border-neutral-accent-hover, #434465);
 }
-._1p91g309-3-1-0:after {
+._1p91g309-3-1-1:after {
   content: "";
   display: block;
   height: 100%;

package/layouts/page/panel.sty.js

@@ -33,13 +33,13 @@ __export(panel_css_exports, {
 module.exports = __toCommonJS(panel_css_exports);
 var import_panel_css_ts_vanilla = require("./panel.css");
 var GAP_SIZE = 8;
-var buttonIcon = "_1p91g306-3-1-0";
-var dismissedPanel = "_1p91g302-3-1-0";
-var drawer = "_1p91g304-3-1-0";
-var drawerContent = "_1p91g305-3-1-0";
-var gap = "_1p91g303-3-1-0";
-var panelContent = "_1p91g307-3-1-0";
-var resizeHandle = "_1p91g309-3-1-0";
-var resizeHandleContainer = "_1p91g308-3-1-0";
-var root = "_1p91g301-3-1-0";
-var rtlPanel = "_1p91g300-3-1-0";
+var buttonIcon = "_1p91g306-3-1-1";
+var dismissedPanel = "_1p91g302-3-1-1";
+var drawer = "_1p91g304-3-1-1";
+var drawerContent = "_1p91g305-3-1-1";
+var gap = "_1p91g303-3-1-1";
+var panelContent = "_1p91g307-3-1-1";
+var resizeHandle = "_1p91g309-3-1-1";
+var resizeHandleContainer = "_1p91g308-3-1-1";
+var root = "_1p91g301-3-1-1";
+var rtlPanel = "_1p91g300-3-1-1";

package/layouts/split-layout/SplitLayout.css

@@ -1,41 +1,41 @@
-._6q8dk20-3-1-0 {
+._6q8dk20-3-1-1 {
   height: 100%;
   overflow-y: hidden;
   overflow-x: auto;
   display: flex;
   position: relative;
 }
-._6q8dk21-3-1-0 {
+._6q8dk21-3-1-1 {
   box-sizing: border-box;
   height: 100%;
   top: 0;
   position: relative;
   flex-shrink: 0;
 }
-._6q8dk22-3-1-0 {
+._6q8dk22-3-1-1 {
   flex: 0 0 auto;
 }
-._6q8dk23-3-1-0 {
+._6q8dk23-3-1-1 {
   flex: 1 1 0;
   contain: layout paint;
 }
-._6q8dk24-3-1-0 {
+._6q8dk24-3-1-1 {
   width: var(--dt-spacings-size-8, 8px);
   align-items: center;
   display: flex;
   justify-content: center;
 }
-._6q8dk25-3-1-0 {
+._6q8dk25-3-1-1 {
   inset: 0;
   overflow: visible;
   pointer-events: none;
   position: absolute;
   z-index: 1;
 }
-._6q8dk25-3-1-0 > * {
+._6q8dk25-3-1-1 > * {
   pointer-events: auto;
 }
-._6q8dk26-3-1-0 {
+._6q8dk26-3-1-1 {
   background: var(--dt-colors-border-neutral-default, #dadbe4);
   background-color: var(--dt-colors-border-neutral-accent, #595a7d);
   border: none;
@@ -49,17 +49,17 @@
   transition: height var(--dt-timings-base-default, 300ms) var(--dt-easings-fast-in-slow-out, cubic-bezier(0.4, 0, 0.2, 1));
   width: 2px;
 }
-._6q8dk26-3-1-0:focus-visible {
+._6q8dk26-3-1-1:focus-visible {
   width: 100%;
 }
-._6q8dk26-3-1-0:hover._6q8dk26-3-1-0:focus-visible {
+._6q8dk26-3-1-1:hover._6q8dk26-3-1-1:focus-visible {
   width: 2px;
 }
-._6q8dk26-3-1-0:focus-visible, ._6q8dk26-3-1-0:hover {
+._6q8dk26-3-1-1:focus-visible, ._6q8dk26-3-1-1:hover {
   height: var(--dt-spacings-size-48, 48px);
   background-color: var(--dt-colors-border-neutral-accent-hover, #434465);
 }
-._6q8dk26-3-1-0:after {
+._6q8dk26-3-1-1:after {
   content: "";
   display: block;
   height: 100%;

package/layouts/split-layout/SplitLayout.sty.js

@@ -28,10 +28,10 @@ __export(SplitLayout_css_exports, {
 });
 module.exports = __toCommonJS(SplitLayout_css_exports);
 var import_SplitLayout_css_ts_vanilla = require("./SplitLayout.css");
-var column = "_6q8dk21-3-1-0";
-var contentShellContainer = "_6q8dk23-3-1-0 _6q8dk21-3-1-0";
-var handle = "_6q8dk26-3-1-0";
-var handleColumn = "_6q8dk24-3-1-0 _6q8dk21-3-1-0";
-var handleDecorations = "_6q8dk25-3-1-0";
-var layout = "_6q8dk20-3-1-0";
-var panelShellContainer = "_6q8dk22-3-1-0 _6q8dk21-3-1-0";
+var column = "_6q8dk21-3-1-1";
+var contentShellContainer = "_6q8dk23-3-1-1 _6q8dk21-3-1-1";
+var handle = "_6q8dk26-3-1-1";
+var handleColumn = "_6q8dk24-3-1-1 _6q8dk21-3-1-1";
+var handleDecorations = "_6q8dk25-3-1-1";
+var layout = "_6q8dk20-3-1-1";
+var panelShellContainer = "_6q8dk22-3-1-1 _6q8dk21-3-1-1";

package/layouts/surface/Surface.css

@@ -1,86 +1,86 @@
-._1qto6jt6-3-1-0 {
-  --_1igzksy0-3-1-0: var(--dt-borders-radius-surface-default, 12px);
+._1qto6jt6-3-1-1 {
+  --_1igzksy0-3-1-1: var(--dt-borders-radius-surface-default, 12px);
   color: var(--dt-colors-text-neutral-default, #2f2f4f);
   text-align: left;
   border: none;
   outline: none;
   position: relative;
   background-color: var(--dt-colors-background-surface-default, #fff);
-  border-radius: var(--_1igzksy0-3-1-0);
+  border-radius: var(--_1igzksy0-3-1-1);
 }
-._1qto6jt6-3-1-0::before, ._1qto6jt6-3-1-0::after {
+._1qto6jt6-3-1-1::before, ._1qto6jt6-3-1-1::after {
   content: "";
   width: 100%;
   height: 100%;
   position: absolute;
   left: 0;
   top: 0;
-  border-radius: var(--_1igzksy0-3-1-0);
+  border-radius: var(--_1igzksy0-3-1-1);
   pointer-events: none;
 }
-._1qto6jt6-3-1-0::after {
+._1qto6jt6-3-1-1::after {
   outline-offset: 2px;
-  outline: 2px solid var(--_17bwkb02-3-1-0);
-  opacity: var(--_1qto6jt4-3-1-0);
-  transition: var(--_1qto6jt5-3-1-0);
+  outline: 2px solid var(--_17bwkb02-3-1-1);
+  opacity: var(--_1qto6jt4-3-1-1);
+  transition: var(--_1qto6jt5-3-1-1);
 }
-._1qto6jt7-3-1-0 {
-  --_1qto6jt4-3-1-0: 1;
-  --_1qto6jt5-3-1-0: var(--dt-animations-fade-in-easing, cubic-bezier(0.5, 0, 1, 1)) var(--dt-animations-fade-in-duration-fast, 150ms);
+._1qto6jt7-3-1-1 {
+  --_1qto6jt4-3-1-1: 1;
+  --_1qto6jt5-3-1-1: var(--dt-animations-fade-in-easing, cubic-bezier(0.5, 0, 1, 1)) var(--dt-animations-fade-in-duration-fast, 150ms);
 }
-._1qto6jt8-3-1-0 {
-  --_1qto6jt4-3-1-0: 0;
-  --_1qto6jt5-3-1-0: var(--dt-animations-fade-out-easing, cubic-bezier(0, 0, 0.2, 1)) var(--dt-animations-fade-out-duration-fast, 150ms);
+._1qto6jt8-3-1-1 {
+  --_1qto6jt4-3-1-1: 0;
+  --_1qto6jt5-3-1-1: var(--dt-animations-fade-out-easing, cubic-bezier(0, 0, 0.2, 1)) var(--dt-animations-fade-out-duration-fast, 150ms);
 }
-._1qto6jt9-3-1-0 {
-  --_1qto6jt1-3-1-0: 0;
-  --_1qto6jt2-3-1-0: pointer;
-  --_1qto6jt3-3-1-0: var(--dt-box-shadows-surface-flat-hover, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 4px 8px -2px #2d2e4e12);
+._1qto6jt9-3-1-1 {
+  --_1qto6jt1-3-1-1: 0;
+  --_1qto6jt2-3-1-1: pointer;
+  --_1qto6jt3-3-1-1: var(--dt-box-shadows-surface-flat-hover, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 4px 8px -2px #2d2e4e12);
   width: 100%;
   height: 100%;
   position: absolute;
   left: 0;
   top: 0;
-  border-radius: var(--_1igzksy0-3-1-0);
+  border-radius: var(--_1igzksy0-3-1-1);
   pointer-events: none;
 }
-._1qto6jt9-3-1-0::after,._1qto6jt9-3-1-0::before {
+._1qto6jt9-3-1-1::after,._1qto6jt9-3-1-1::before {
   content: "";
   width: 100%;
   height: 100%;
   position: absolute;
   left: 0;
   top: 0;
-  border-radius: var(--_1igzksy0-3-1-0);
+  border-radius: var(--_1igzksy0-3-1-1);
   pointer-events: none;
   transition: var(--dt-animations-fade-in-easing, cubic-bezier(0.5, 0, 1, 1)) var(--dt-animations-fade-in-duration-fast, 150ms);
 }
-._1qto6jt9-3-1-0::after {
-  box-shadow: var(--_1qto6jt0-3-1-0);
-  opacity: var(--_1qto6jt1-3-1-0);
+._1qto6jt9-3-1-1::after {
+  box-shadow: var(--_1qto6jt0-3-1-1);
+  opacity: var(--_1qto6jt1-3-1-1);
 }
-._1qto6jt9-3-1-0::before {
-  box-shadow: var(--_1qto6jt3-3-1-0);
+._1qto6jt9-3-1-1::before {
+  box-shadow: var(--_1qto6jt3-3-1-1);
   opacity: 0;
 }
-._1qto6jta-3-1-0 {
-  --_1qto6jt0-3-1-0: var(--dt-box-shadows-surface-flat-drag, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 7px 17px -2px #2d2e4e52);
-  --_1qto6jt3-3-1-0: var(--dt-box-shadows-surface-flat-hover, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 4px 8px -2px #2d2e4e12);
+._1qto6jta-3-1-1 {
+  --_1qto6jt0-3-1-1: var(--dt-box-shadows-surface-flat-drag, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 7px 17px -2px #2d2e4e52);
+  --_1qto6jt3-3-1-1: var(--dt-box-shadows-surface-flat-hover, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 4px 8px -2px #2d2e4e12);
   box-shadow: var(--dt-box-shadows-surface-flat-rest, 0px 0px 0px 1px #2d2e4e0d);
 }
-._1qto6jtb-3-1-0 {
-  --_1qto6jt0-3-1-0: var(--dt-box-shadows-surface-raised-drag, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 7px 17px -2px #2d2e4e52);
-  --_1qto6jt3-3-1-0: var(--dt-box-shadows-surface-raised-hover, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 5px 11px -2px #2d2e4e29);
+._1qto6jtb-3-1-1 {
+  --_1qto6jt0-3-1-1: var(--dt-box-shadows-surface-raised-drag, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 7px 17px -2px #2d2e4e52);
+  --_1qto6jt3-3-1-1: var(--dt-box-shadows-surface-raised-hover, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 5px 11px -2px #2d2e4e29);
   box-shadow: var(--dt-box-shadows-surface-raised-rest, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 4px 8px -2px #2d2e4e12);
 }
-._1qto6jtc-3-1-0 {
-  --_1qto6jt0-3-1-0: var(--dt-box-shadows-surface-floating-drag, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 7px 17px -2px #2d2e4e52);
-  --_1qto6jt3-3-1-0: var(--dt-box-shadows-surface-floating-hover, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 6px 14px -2px #2d2e4e3d);
+._1qto6jtc-3-1-1 {
+  --_1qto6jt0-3-1-1: var(--dt-box-shadows-surface-floating-drag, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 7px 17px -2px #2d2e4e52);
+  --_1qto6jt3-3-1-1: var(--dt-box-shadows-surface-floating-hover, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 6px 14px -2px #2d2e4e3d);
   box-shadow: var(--dt-box-shadows-surface-floating-rest, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 5px 11px -2px #2d2e4e29);
 }
-._1qto6jtd-3-1-0 {
-  --_1qto6jt1-3-1-0: 1;
-  --_1qto6jt2-3-1-0: grab;
+._1qto6jtd-3-1-1 {
+  --_1qto6jt1-3-1-1: 1;
+  --_1qto6jt2-3-1-1: grab;
 }
 button.strato-surface:not(:disabled), a.strato-surface:not(:disabled) {
   cursor: pointer;

package/layouts/surface/Surface.sty.js

@@ -25,5 +25,5 @@ module.exports = __toCommonJS(Surface_css_exports);
 var import_colorUtils_css_ts_vanilla = require("../../styles/colorUtils.css");
 var import_Surface_css_ts_vanilla = require("./Surface.css");
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var pseudoElement = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1qto6jt9-3-1-0", variantClassNames: { elevation: { flat: "_1qto6jta-3-1-0", raised: "_1qto6jtb-3-1-0", floating: "_1qto6jtc-3-1-0" }, dragged: { true: "_1qto6jtd-3-1-0" } }, defaultVariants: {}, compoundVariants: [] });
-var surface = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1qto6jt6-3-1-0", variantClassNames: { selected: { true: "_1qto6jt7-3-1-0", false: "_1qto6jt8-3-1-0" } }, defaultVariants: {}, compoundVariants: [] });
+var pseudoElement = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1qto6jt9-3-1-1", variantClassNames: { elevation: { flat: "_1qto6jta-3-1-1", raised: "_1qto6jtb-3-1-1", floating: "_1qto6jtc-3-1-1" }, dragged: { true: "_1qto6jtd-3-1-1" } }, defaultVariants: {}, compoundVariants: [] });
+var surface = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1qto6jt6-3-1-1", variantClassNames: { selected: { true: "_1qto6jt7-3-1-1", false: "_1qto6jt8-3-1-1" } }, defaultVariants: {}, compoundVariants: [] });

package/layouts/surface/variables.sty.js

@@ -21,4 +21,4 @@ __export(variables_css_exports, {
   surfaceBorderRadius: () => surfaceBorderRadius
 });
 module.exports = __toCommonJS(variables_css_exports);
-var surfaceBorderRadius = "var(--_1igzksy0-3-1-0)";
+var surfaceBorderRadius = "var(--_1igzksy0-3-1-1)";

package/layouts/title-bar/TitleBar.css

@@ -1,21 +1,21 @@
-._wcwjv20-3-1-0 {
+._wcwjv20-3-1-1 {
   flex-grow: 1;
   overflow: hidden;
   display: flex;
   flex-direction: column;
   gap: var(--dt-spacings-size-4, 4px);
 }
-._wcwjv21-3-1-0 {
+._wcwjv21-3-1-1 {
   width: clamp(400px, 400px, 100%);
 }
-._wcwjv22-3-1-0 {
+._wcwjv22-3-1-1 {
   flex-grow: 1;
   align-self: center;
   min-width: 0;
 }
-._wcwjv23-3-1-0 {
+._wcwjv23-3-1-1 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
 }
-._wcwjv24-3-1-0 {
+._wcwjv24-3-1-1 {
   max-width: 100%;
 }

package/layouts/title-bar/TitleBar.sty.js

@@ -27,7 +27,7 @@ module.exports = __toCommonJS(TitleBar_css_exports);
 var import_textStyle_css_ts_vanilla = require("../../styles/textStyle.css");
 var import_TitleBar_css_ts_vanilla = require("./TitleBar.css");
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var navigationWrapperCSS = "_wcwjv22-3-1-0";
-var subtitleCSS = "_wcwjv23-3-1-0 _da9a8v0-3-1-0 _da9a8v2-3-1-0 _da9a8v3-3-1-0 _da9a8vb-3-1-0";
-var suffixWrapperCSS = "_wcwjv24-3-1-0";
-var titleSubtitleWrapperCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_wcwjv20-3-1-0", variantClassNames: { childrenAreText: { true: "_wcwjv21-3-1-0" } }, defaultVariants: {}, compoundVariants: [] });
+var navigationWrapperCSS = "_wcwjv22-3-1-1";
+var subtitleCSS = "_wcwjv23-3-1-1 _da9a8v0-3-1-1 _da9a8v2-3-1-1 _da9a8v3-3-1-1 _da9a8vb-3-1-1";
+var suffixWrapperCSS = "_wcwjv24-3-1-1";
+var titleSubtitleWrapperCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_wcwjv20-3-1-1", variantClassNames: { childrenAreText: { true: "_wcwjv21-3-1-1" } }, defaultVariants: {}, compoundVariants: [] });

package/navigation/breadcrumbs/Breadcrumbs.css

@@ -1,27 +1,27 @@
-._hw98ku0-3-1-0 {
+._hw98ku0-3-1-1 {
   display: flex;
   min-width: 0;
   margin: 0;
   padding: 0;
 }
-._hw98ku1-3-1-0 {
+._hw98ku1-3-1-1 {
   display: flex;
   gap: var(--dt-spacings-size-2, 2px);
   padding-right: var(--dt-spacings-size-2, 2px);
   white-space: nowrap;
 }
-._hw98ku2-3-1-0 {
+._hw98ku2-3-1-1 {
   overflow: hidden;
 }
-._hw98ku3-3-1-0 {
+._hw98ku3-3-1-1 {
   overflow: visible;
 }
-._hw98ku4-3-1-0 {
+._hw98ku4-3-1-1 {
   position: absolute;
   visibility: hidden;
   z-index: -1;
 }
-._hw98ku5-3-1-0 {
+._hw98ku5-3-1-1 {
   cursor: pointer;
   padding: 0;
   background: none;
@@ -32,18 +32,18 @@
   line-height: var(--dt-typography-text-base-emphasized-line-height, 1.4285714286);
   text-decoration: underline;
 }
-._hw98ku6-3-1-0 {
+._hw98ku6-3-1-1 {
   cursor: default;
   color: var(--dt-colors-text-neutral-default, #2f2f4f);
   text-decoration: none;
   font-weight: var(--dt-typography-text-base-emphasized-weight, 500);
   pointer-events: none;
 }
-._hw98ku7-3-1-0 {
+._hw98ku7-3-1-1 {
   overflow: hidden;
   text-overflow: ellipsis;
 }
-._hw98ku8-3-1-0 {
+._hw98ku8-3-1-1 {
   min-width: var(--dt-spacings-size-20, 20px);
   min-height: var(--dt-spacings-size-20, 20px);
   color: var(--dt-colors-icon-neutral-subdued, #595a7d);

package/navigation/breadcrumbs/Breadcrumbs.sty.js

@@ -27,8 +27,8 @@ __export(Breadcrumbs_css_exports, {
 module.exports = __toCommonJS(Breadcrumbs_css_exports);
 var import_Breadcrumbs_css_ts_vanilla = require("./Breadcrumbs.css");
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var breadcrumbsContainerCSS = "_hw98ku0-3-1-0";
-var breadcrumbsItemCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_hw98ku5-3-1-0", variantClassNames: { disabled: { true: "_hw98ku6-3-1-0" }, isLastItem: { true: "_hw98ku7-3-1-0" } }, defaultVariants: { disabled: false, isLastItem: false }, compoundVariants: [] });
-var breadcrumbsItemInvisibleCSS = "_hw98ku4-3-1-0";
-var breadcrumbsListItemCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_hw98ku1-3-1-0", variantClassNames: { isLastVisible: { true: "_hw98ku2-3-1-0", false: "_hw98ku3-3-1-0" } }, defaultVariants: { isLastVisible: false }, compoundVariants: [] });
-var breadcrumbsSeperatorIconCSS = "_hw98ku8-3-1-0";
+var breadcrumbsContainerCSS = "_hw98ku0-3-1-1";
+var breadcrumbsItemCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_hw98ku5-3-1-1", variantClassNames: { disabled: { true: "_hw98ku6-3-1-1" }, isLastItem: { true: "_hw98ku7-3-1-1" } }, defaultVariants: { disabled: false, isLastItem: false }, compoundVariants: [] });
+var breadcrumbsItemInvisibleCSS = "_hw98ku4-3-1-1";
+var breadcrumbsListItemCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_hw98ku1-3-1-1", variantClassNames: { isLastVisible: { true: "_hw98ku2-3-1-1", false: "_hw98ku3-3-1-1" } }, defaultVariants: { isLastVisible: false }, compoundVariants: [] });
+var breadcrumbsSeperatorIconCSS = "_hw98ku8-3-1-1";