@dynatrace/strato-components 3.1.0 → 3.1.3

package/tables/DataTable/features/Sorting/Sorting.sty.js

@@ -35,4 +35,4 @@ var import_DataTableHeaderCell_css_ts_vanilla = require("../../components/DataTa
 var import_DataTableDefaultCell_css_ts_vanilla = require("../../components/DataTableDefaultCell.css");
 var import_Sorting_css_ts_vanilla = require("./Sorting.css");
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var sortingArrow = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_cu1al70-3-1-0", variantClassNames: { arrowUp: { true: "_cu1al71-3-1-0" }, rowDensity: { "default": "_cu1al72-3-1-0", condensed: "_cu1al73-3-1-0", comfortable: "_cu1al74-3-1-0" } }, defaultVariants: {}, compoundVariants: [] });
+var sortingArrow = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_cu1al70-3-1-3", variantClassNames: { arrowUp: { true: "_cu1al71-3-1-3" }, rowDensity: { "default": "_cu1al72-3-1-3", condensed: "_cu1al73-3-1-3", comfortable: "_cu1al74-3-1-3" } }, defaultVariants: {}, compoundVariants: [] });

package/tables/DataTable/features/SubRows/SubRows.css

@@ -1,4 +1,4 @@
-._1udh2jz0-3-1-0 {
+._1udh2jz0-3-1-3 {
   position: relative;
   padding-left: 0;
   padding-right: var(--dt-spacings-size-8, 8px);
@@ -9,67 +9,67 @@
   flex-shrink: 0;
   align-items: center;
 }
-._yj6voi3-3-1-0 ._1udh2jz0-3-1-0 {
+._yj6voi3-3-1-3 ._1udh2jz0-3-1-3 {
   align-items: start;
 }
-._yj6voi5-3-1-0 ._1udh2jz0-3-1-0 {
+._yj6voi5-3-1-3 ._1udh2jz0-3-1-3 {
   align-items: end;
 }
-._11pvd3zo-3-1-0 ._1udh2jz1-3-1-0, ._14k72813-3-1-0 ._1udh2jz1-3-1-0 {
+._11pvd3zo-3-1-3 ._1udh2jz1-3-1-3, ._14k72813-3-1-3 ._1udh2jz1-3-1-3 {
   margin-right: var(--dt-spacings-size-8, 8px);
   margin-left: calc(var(--dt-spacings-size-4, 4px) * -1);
 }
-._11pvd3zp-3-1-0 ._1udh2jz1-3-1-0, ._14k72814-3-1-0 ._1udh2jz1-3-1-0 {
+._11pvd3zp-3-1-3 ._1udh2jz1-3-1-3, ._14k72814-3-1-3 ._1udh2jz1-3-1-3 {
   margin-right: var(--dt-spacings-size-2, 2px);
   margin-left: calc(var(--dt-spacings-size-4, 4px) * -1);
 }
-._11pvd3zq-3-1-0 ._1udh2jz1-3-1-0, ._14k72815-3-1-0 ._1udh2jz1-3-1-0 {
+._11pvd3zq-3-1-3 ._1udh2jz1-3-1-3, ._14k72815-3-1-3 ._1udh2jz1-3-1-3 {
   margin-right: var(--dt-spacings-size-12, 12px);
   margin-left: calc(var(--dt-spacings-size-4, 4px) * -1);
 }
-._1ons7qua-3-1-0 ._1udh2jz2-3-1-0, ._14k72813-3-1-0 ._1udh2jz2-3-1-0 {
+._1ons7qua-3-1-3 ._1udh2jz2-3-1-3, ._14k72813-3-1-3 ._1udh2jz2-3-1-3 {
   padding-right: var(--dt-spacings-size-8, 8px);
   margin-left: calc(var(--dt-spacings-size-4, 4px) * -1);
 }
-._1ons7qub-3-1-0 ._1udh2jz2-3-1-0, ._14k72814-3-1-0 ._1udh2jz2-3-1-0 {
+._1ons7qub-3-1-3 ._1udh2jz2-3-1-3, ._14k72814-3-1-3 ._1udh2jz2-3-1-3 {
   padding-right: var(--dt-spacings-size-2, 2px);
   margin-left: calc(var(--dt-spacings-size-4, 4px) * -1);
 }
-._1ons7quc-3-1-0 ._1udh2jz2-3-1-0, ._14k72815-3-1-0 ._1udh2jz2-3-1-0 {
+._1ons7quc-3-1-3 ._1udh2jz2-3-1-3, ._14k72815-3-1-3 ._1udh2jz2-3-1-3 {
   padding-right: var(--dt-spacings-size-12, 12px);
   margin-left: calc(var(--dt-spacings-size-4, 4px) * -1);
 }
-[data-columntype='sparkline'] ._1udh2jz2-3-1-0 {
+[data-columntype='sparkline'] ._1udh2jz2-3-1-3 {
   align-items: center;
 }
-._1udh2jz3-3-1-0 {
+._1udh2jz3-3-1-3 {
   position: absolute;
   left: 0;
   overflow: hidden;
   stroke: var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._1ons7qua-3-1-0 ._1udh2jz3-3-1-0, ._14k72813-3-1-0 ._1udh2jz3-3-1-0 {
+._1ons7qua-3-1-3 ._1udh2jz3-3-1-3, ._14k72813-3-1-3 ._1udh2jz3-3-1-3 {
   top: calc(var(--dt-spacings-size-8, 8px) * -1);
   bottom: calc(var(--dt-spacings-size-8, 8px) * -1);
   height: calc(100% + (2 * var(--dt-spacings-size-8, 8px)));
 }
-._1ons7qub-3-1-0 ._1udh2jz3-3-1-0, ._14k72814-3-1-0 ._1udh2jz3-3-1-0 {
+._1ons7qub-3-1-3 ._1udh2jz3-3-1-3, ._14k72814-3-1-3 ._1udh2jz3-3-1-3 {
   top: calc(var(--dt-spacings-size-2, 2px) * -1);
   bottom: calc(var(--dt-spacings-size-2, 2px) * -1);
   height: calc(100% + (2 * var(--dt-spacings-size-2, 2px)));
 }
-._1ons7quc-3-1-0 ._1udh2jz3-3-1-0, ._14k72815-3-1-0 ._1udh2jz3-3-1-0 {
+._1ons7quc-3-1-3 ._1udh2jz3-3-1-3, ._14k72815-3-1-3 ._1udh2jz3-3-1-3 {
   top: calc(var(--dt-spacings-size-12, 12px) * -1);
   bottom: calc(var(--dt-spacings-size-12, 12px) * -1);
   height: calc(100% + (2 * var(--dt-spacings-size-12, 12px)));
 }
-._1udh2jz4-3-1-0 {
+._1udh2jz4-3-1-3 {
   right: var(--dt-spacings-size-16, 16px);
 }
-._1udh2jz5-3-1-0 {
+._1udh2jz5-3-1-3 {
   right: calc(20 + var(--dt-spacings-size-16, 16px));
 }
-._1udh2jz6-3-1-0 {
+._1udh2jz6-3-1-3 {
   appearance: none;
   border: 0;
   line-height: 0;
@@ -84,10 +84,10 @@
   height: max-content;
   border-radius: var(--dt-borders-radius-field-subdued, 3px);
 }
-._1udh2jz6-3-1-0:not([disabled]):hover {
+._1udh2jz6-3-1-3:not([disabled]):hover {
   background-color: var(--dt-colors-background-field-neutral-default-hover, #dadbe4);
 }
-._1udh2jz6-3-1-0[disabled] {
+._1udh2jz6-3-1-3[disabled] {
   color: var(--dt-colors-icon-neutral-disabled, #595a7d80);
   cursor: default;
 }

package/tables/DataTable/features/SubRows/SubRows.sty.js

@@ -40,8 +40,8 @@ var import_DataTableHeaderCell_css_ts_vanilla = require("../../components/DataTa
 var import_DataTableDefaultCell_css_ts_vanilla = require("../../components/DataTableDefaultCell.css");
 var import_SubRows_css_ts_vanilla = require("./SubRows.css");
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var expandButtonCellWrapper = "_1udh2jz2-3-1-0 _1udh2jz0-3-1-0";
-var expandButtonHeaderCellWrapper = "_1udh2jz1-3-1-0 _1udh2jz0-3-1-0";
-var expandIndentSvg = "_1udh2jz3-3-1-0";
-var expandIndentSvgSize = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1udh2jz4-3-1-0", variantClassNames: { rowCanExpand: { true: "_1udh2jz5-3-1-0" } }, defaultVariants: {}, compoundVariants: [] });
-var expanderButton = "_1udh2jz6-3-1-0 _z0fq9b4-3-1-0 _z0fq9bc-3-1-0 _z0fq9b6-3-1-0 _z0fq9b8-3-1-0";
+var expandButtonCellWrapper = "_1udh2jz2-3-1-3 _1udh2jz0-3-1-3";
+var expandButtonHeaderCellWrapper = "_1udh2jz1-3-1-3 _1udh2jz0-3-1-3";
+var expandIndentSvg = "_1udh2jz3-3-1-3";
+var expandIndentSvgSize = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1udh2jz4-3-1-3", variantClassNames: { rowCanExpand: { true: "_1udh2jz5-3-1-3" } }, defaultVariants: {}, compoundVariants: [] });
+var expanderButton = "_1udh2jz6-3-1-3 _z0fq9b4-3-1-3 _z0fq9bc-3-1-3 _z0fq9b6-3-1-3 _z0fq9b8-3-1-3";

package/tables/DataTable/features/Thresholds/Thresholds.css

@@ -1,4 +1,4 @@
-._1jrjqrd1-3-1-0 ._1jrjqrd2-3-1-0::before {
+._1jrjqrd1-3-1-3 ._1jrjqrd2-3-1-3::before {
   content: "";
   position: absolute;
   display: inline-block;
@@ -8,5 +8,5 @@
   width: var(--dt-spacings-size-4, 4px);
   left: var(--dt-spacings-size-0, 0);
   border-radius: 0 var(--dt-borders-radius-field-subdued, 3px) var(--dt-borders-radius-field-subdued, 3px) 0;
-  background-color: var(--_1jrjqrd0-3-1-0);
+  background-color: var(--_1jrjqrd0-3-1-3);
 }

package/tables/DataTable/features/Thresholds/Thresholds.sty.js

@@ -24,6 +24,6 @@ __export(Thresholds_css_exports, {
 });
 module.exports = __toCommonJS(Thresholds_css_exports);
 var import_Thresholds_css_ts_vanilla = require("./Thresholds.css");
-var hasPillThresholds = "_1jrjqrd1-3-1-0";
-var thresholdPill = "_1jrjqrd2-3-1-0";
-var thresholdPillColor = "var(--_1jrjqrd0-3-1-0)";
+var hasPillThresholds = "_1jrjqrd1-3-1-3";
+var thresholdPill = "_1jrjqrd2-3-1-3";
+var thresholdPillColor = "var(--_1jrjqrd0-3-1-3)";

package/tables/DataTable/features/UserActions/RowActions.css

@@ -1,4 +1,4 @@
-._bq8mqs0-3-1-0 {
+._bq8mqs0-3-1-3 {
   padding-left: var(--dt-spacings-size-2, 2px);
   padding-right: var(--dt-spacings-size-2, 2px);
   overflow: visible;
@@ -7,15 +7,15 @@
   flex-basis: 100%;
   gap: var(--dt-spacings-size-2, 2px);
 }
-._14k72813-3-1-0._bq8mqs0-3-1-0 {
+._14k72813-3-1-3._bq8mqs0-3-1-3 {
   padding-top: var(--dt-spacings-size-2, 2px);
   padding-bottom: var(--dt-spacings-size-2, 2px);
 }
-._14k72815-3-1-0._bq8mqs0-3-1-0 {
+._14k72815-3-1-3._bq8mqs0-3-1-3 {
   padding-top: var(--dt-spacings-size-6, 6px);
   padding-bottom: var(--dt-spacings-size-6, 6px);
 }
-._14k72814-3-1-0._bq8mqs0-3-1-0 {
+._14k72814-3-1-3._bq8mqs0-3-1-3 {
   padding-top: var(--dt-spacings-size-0, 0);
   padding-bottom: var(--dt-spacings-size-0, 0);
 }

package/tables/DataTable/features/UserActions/RowActions.sty.js

@@ -34,4 +34,4 @@ var import_ColumnOrder_css_ts_vanilla = require("../ColumnOrder/ColumnOrder.css"
 var import_DataTableHeaderCell_css_ts_vanilla = require("../../components/DataTableHeaderCell.css");
 var import_DataTableDefaultCell_css_ts_vanilla = require("../../components/DataTableDefaultCell.css");
 var import_RowActions_css_ts_vanilla = require("./RowActions.css");
-var rowActions = "_bq8mqs0-3-1-0";
+var rowActions = "_bq8mqs0-3-1-3";

package/tables/DataTable/features/UserActions/UserActions.css

@@ -1,4 +1,4 @@
-._duopj90-3-1-0 {
+._duopj90-3-1-3 {
   appearance: none;
   border: 0;
   padding: 0;
@@ -14,79 +14,79 @@
   width: 24px;
   z-index: var(--dt-elevations-default, 1);
 }
-._duopj90-3-1-0:hover {
+._duopj90-3-1-3:hover {
   cursor: pointer;
   background-color: var(--dt-colors-background-field-neutral-emphasized-hover, #dadbe4);
 }
-._duopj90-3-1-0:focus {
+._duopj90-3-1-3:focus {
   background-color: var(--dt-colors-background-field-neutral-emphasized-hover, #dadbe4);
   outline: none;
 }
-._1ons7qub-3-1-0 ._duopj90-3-1-0, ._14k72814-3-1-0 ~ ._duopj90-3-1-0, ._11pvd3zp-3-1-0 ._duopj90-3-1-0 {
+._1ons7qub-3-1-3 ._duopj90-3-1-3, ._14k72814-3-1-3 ~ ._duopj90-3-1-3, ._11pvd3zp-3-1-3 ._duopj90-3-1-3 {
   right: var(--dt-spacings-size-2, 2px);
   top: var(--dt-spacings-size-2, 2px);
 }
-._1ons7qua-3-1-0 ._duopj90-3-1-0, ._14k72813-3-1-0 ~ ._duopj90-3-1-0, ._11pvd3zo-3-1-0 ._duopj90-3-1-0 {
+._1ons7qua-3-1-3 ._duopj90-3-1-3, ._14k72813-3-1-3 ~ ._duopj90-3-1-3, ._11pvd3zo-3-1-3 ._duopj90-3-1-3 {
   right: var(--dt-spacings-size-8, 8px);
   top: var(--dt-spacings-size-8, 8px);
 }
-._1ons7quc-3-1-0  ._duopj90-3-1-0, ._14k72815-3-1-0 ~ ._duopj90-3-1-0, ._11pvd3zq-3-1-0 ._duopj90-3-1-0 {
+._1ons7quc-3-1-3  ._duopj90-3-1-3, ._14k72815-3-1-3 ~ ._duopj90-3-1-3, ._11pvd3zq-3-1-3 ._duopj90-3-1-3 {
   right: var(--dt-spacings-size-12, 12px);
   top: var(--dt-spacings-size-12, 12px);
 }
-._11pvd3zp-3-1-0._yj6voi0-3-1-0 ._duopj90-3-1-0, ._14k72814-3-1-0._yj6voi0-3-1-0 ~ ._duopj90-3-1-0, ._1ons7qub-3-1-0._yj6voi0-3-1-0 ._duopj90-3-1-0 {
+._11pvd3zp-3-1-3._yj6voi0-3-1-3 ._duopj90-3-1-3, ._14k72814-3-1-3._yj6voi0-3-1-3 ~ ._duopj90-3-1-3, ._1ons7qub-3-1-3._yj6voi0-3-1-3 ._duopj90-3-1-3 {
   left: var(--dt-spacings-size-2, 2px);
   top: var(--dt-spacings-size-2, 2px);
   right: auto;
 }
-._11pvd3zo-3-1-0._yj6voi0-3-1-0 ._duopj90-3-1-0, ._14k72813-3-1-0._yj6voi0-3-1-0 ~ ._duopj90-3-1-0, ._1ons7qua-3-1-0._yj6voi0-3-1-0 ._duopj90-3-1-0 {
+._11pvd3zo-3-1-3._yj6voi0-3-1-3 ._duopj90-3-1-3, ._14k72813-3-1-3._yj6voi0-3-1-3 ~ ._duopj90-3-1-3, ._1ons7qua-3-1-3._yj6voi0-3-1-3 ._duopj90-3-1-3 {
   left: var(--dt-spacings-size-8, 8px);
   top: var(--dt-spacings-size-8, 8px);
   right: auto;
 }
-._11pvd3zq-3-1-0._yj6voi0-3-1-0 ._duopj90-3-1-0, ._14k72815-3-1-0._yj6voi0-3-1-0 ~ ._duopj90-3-1-0, ._1ons7quc-3-1-0._yj6voi0-3-1-0 ._duopj90-3-1-0 {
+._11pvd3zq-3-1-3._yj6voi0-3-1-3 ._duopj90-3-1-3, ._14k72815-3-1-3._yj6voi0-3-1-3 ~ ._duopj90-3-1-3, ._1ons7quc-3-1-3._yj6voi0-3-1-3 ._duopj90-3-1-3 {
   left: var(--dt-spacings-size-12, 12px);
   top: var(--dt-spacings-size-12, 12px);
   right: auto;
 }
-._1ons7qub-3-1-0 ._yj6voi0-3-1-0 ._duopj90-3-1-0 {
+._1ons7qub-3-1-3 ._yj6voi0-3-1-3 ._duopj90-3-1-3 {
   left: var(--dt-spacings-size-2, 2px);
   top: var(--dt-spacings-size-2, 2px);
   right: auto;
 }
-._1ons7qua-3-1-0 ._yj6voi0-3-1-0 ._duopj90-3-1-0 {
+._1ons7qua-3-1-3 ._yj6voi0-3-1-3 ._duopj90-3-1-3 {
   left: var(--dt-spacings-size-8, 8px);
   top: var(--dt-spacings-size-8, 8px);
   right: auto;
 }
-._1ons7quc-3-1-0 ._yj6voi0-3-1-0 ._duopj90-3-1-0 {
+._1ons7quc-3-1-3 ._yj6voi0-3-1-3 ._duopj90-3-1-3 {
   left: var(--dt-spacings-size-12, 12px);
   top: var(--dt-spacings-size-12, 12px);
   right: auto;
 }
-._14k72814-3-1-0 ._yj6voi0-3-1-0 ~ ._duopj90-3-1-0 {
+._14k72814-3-1-3 ._yj6voi0-3-1-3 ~ ._duopj90-3-1-3 {
   left: var(--dt-spacings-size-2, 2px);
   top: var(--dt-spacings-size-2, 2px);
   right: auto;
 }
-._14k72813-3-1-0 ._yj6voi0-3-1-0 ~ ._duopj90-3-1-0 {
+._14k72813-3-1-3 ._yj6voi0-3-1-3 ~ ._duopj90-3-1-3 {
   left: var(--dt-spacings-size-8, 8px);
   top: var(--dt-spacings-size-8, 8px);
   right: auto;
 }
-._14k72815-3-1-0 ._yj6voi0-3-1-0 ~ ._duopj90-3-1-0 {
+._14k72815-3-1-3 ._yj6voi0-3-1-3 ~ ._duopj90-3-1-3 {
   left: var(--dt-spacings-size-12, 12px);
   top: var(--dt-spacings-size-12, 12px);
   right: auto;
 }
-._duopj90-3-1-0[data-state="open"] {
+._duopj90-3-1-3[data-state="open"] {
   display: inline-block;
   background-color: var(--dt-colors-background-field-neutral-emphasized-hover, #dadbe4);
 }
-._1ons7qu2-3-1-0:hover > ._duopj90-3-1-0, ._11pvd3z4-3-1-0 > ._duopj90-3-1-0 {
+._1ons7qu2-3-1-3:hover > ._duopj90-3-1-3, ._11pvd3z4-3-1-3 > ._duopj90-3-1-3 {
   display: inline-block;
 }
-._duopj91-3-1-0 {
+._duopj91-3-1-3 {
   appearance: none;
   border: 0;
   position: fixed;

package/tables/DataTable/features/UserActions/UserActions.sty.js

@@ -35,5 +35,5 @@ var import_ColumnOrder_css_ts_vanilla = require("../ColumnOrder/ColumnOrder.css"
 var import_DataTableHeaderCell_css_ts_vanilla = require("../../components/DataTableHeaderCell.css");
 var import_DataTableDefaultCell_css_ts_vanilla = require("../../components/DataTableDefaultCell.css");
 var import_UserActions_css_ts_vanilla = require("./UserActions.css");
-var actionButton = "_duopj90-3-1-0";
-var floatingMenuButton = "_duopj91-3-1-0";
+var actionButton = "_duopj90-3-1-3";
+var floatingMenuButton = "_duopj91-3-1-3";

package/tables/SimpleTable/SimpleTable.css

@@ -1,4 +1,4 @@
-._1ymahou0-3-1-0 {
+._1ymahou0-3-1-3 {
   border-collapse: separate;
   border-spacing: 0;
   font-family: var(--dt-typography-text-base-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
@@ -8,13 +8,13 @@
   text-decoration: var(--dt-typography-text-base-default-text-decoration, none);
   text-transform: var(--dt-typography-text-base-default-text-transform, none);
 }
-._1ymahou0-3-1-0 .strato-table-header {
+._1ymahou0-3-1-3 .strato-table-header {
   background-color: var(--dt-colors-background-container-neutral-subdued, #f9f9fa);
 }
-._1ymahou0-3-1-0 .strato-table-header:last-child .strato-table-header-cell {
+._1ymahou0-3-1-3 .strato-table-header:last-child .strato-table-header-cell {
   border-bottom: var(--dt-borders-width-emphasized, 2px) var(--dt-borders-style-default, solid) var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._1ymahou0-3-1-0 .strato-table-header-cell {
+._1ymahou0-3-1-3 .strato-table-header-cell {
   font-family: var(--dt-typography-text-base-emphasized-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-text-base-emphasized-size, 14px);
   font-weight: var(--dt-typography-text-base-emphasized-weight, 500);
@@ -24,61 +24,61 @@
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
   position: relative;
 }
-._1ymahou0-3-1-0 .strato-table-cell {
+._1ymahou0-3-1-3 .strato-table-cell {
   position: relative;
 }
-._1ymahou0-3-1-0 .strato-table-cell-alignment-left {
+._1ymahou0-3-1-3 .strato-table-cell-alignment-left {
   text-align: start;
   justify-content: flex-start;
 }
-._1ymahou0-3-1-0 .strato-table-cell-alignment-center {
+._1ymahou0-3-1-3 .strato-table-cell-alignment-center {
   text-align: center;
   justify-content: center;
 }
-._1ymahou0-3-1-0 .strato-table-cell-alignment-right {
+._1ymahou0-3-1-3 .strato-table-cell-alignment-right {
   text-align: end;
   justify-content: flex-end;
 }
-._1ymahou0-3-1-0 .strato-table-cell-alignment-top-left {
+._1ymahou0-3-1-3 .strato-table-cell-alignment-top-left {
   text-align: start;
   justify-content: flex-start;
   vertical-align: top;
 }
-._1ymahou0-3-1-0 .strato-table-cell-alignment-top-center {
+._1ymahou0-3-1-3 .strato-table-cell-alignment-top-center {
   text-align: center;
   justify-content: center;
   vertical-align: top;
 }
-._1ymahou0-3-1-0 .strato-table-cell-alignment-top-right {
+._1ymahou0-3-1-3 .strato-table-cell-alignment-top-right {
   text-align: end;
   justify-content: flex-end;
   vertical-align: top;
 }
-._1ymahou0-3-1-0 .strato-table-cell-alignment-bottom-left {
+._1ymahou0-3-1-3 .strato-table-cell-alignment-bottom-left {
   text-align: start;
   justify-content: flex-start;
   vertical-align: bottom;
 }
-._1ymahou0-3-1-0 .strato-table-cell-alignment-bottom-center {
+._1ymahou0-3-1-3 .strato-table-cell-alignment-bottom-center {
   text-align: center;
   justify-content: center;
   vertical-align: bottom;
 }
-._1ymahou0-3-1-0 .strato-table-cell-alignment-bottom-right {
+._1ymahou0-3-1-3 .strato-table-cell-alignment-bottom-right {
   text-align: end;
   justify-content: flex-end;
   vertical-align: bottom;
 }
-._1ymahou0-3-1-0.strato-table-contained {
+._1ymahou0-3-1-3.strato-table-contained {
   border: var(--dt-borders-width-emphasized, 2px) var(--dt-borders-style-default, solid) var(--dt-colors-border-neutral-default, #dadbe4);
   border-radius: var(--dt-borders-radius-field-default, 6px);
   overflow: hidden;
   background-color: var(--dt-colors-background-surface-default, #fff);
 }
-._1ymahou0-3-1-0 .strato-table-row:last-child .strato-table-cell {
+._1ymahou0-3-1-3 .strato-table-row:last-child .strato-table-cell {
   border-bottom: none;
 }
-._1ymahou0-3-1-0.strato-table-code-font {
+._1ymahou0-3-1-3.strato-table-code-font {
   font-family: var(--dt-typography-code-base-default-family, Roboto Mono,monospace);
   font-size: var(--dt-typography-code-base-default-size, 14px);
   font-weight: var(--dt-typography-code-base-default-weight, 400);
@@ -87,16 +87,16 @@
   text-transform: var(--dt-typography-code-base-default-text-transform, none);
   color: var(--strato-table-cell-highlight-color, var(--dt-colors-text-neutral-default, #2f2f4f));
 }
-._1ymahou0-3-1-0.strato-table-cell-density-default .strato-table-cell, ._1ymahou0-3-1-0.strato-table-cell-density-default .strato-table-header-cell {
+._1ymahou0-3-1-3.strato-table-cell-density-default .strato-table-cell, ._1ymahou0-3-1-3.strato-table-cell-density-default .strato-table-header-cell {
   padding: var(--dt-spacings-size-8, 8px) var(--dt-spacings-size-12, 12px);
 }
-._1ymahou0-3-1-0.strato-table-cell-density-comfortable .strato-table-cell, ._1ymahou0-3-1-0.strato-table-cell-density-comfortable .strato-table-header-cell {
+._1ymahou0-3-1-3.strato-table-cell-density-comfortable .strato-table-cell, ._1ymahou0-3-1-3.strato-table-cell-density-comfortable .strato-table-header-cell {
   padding: var(--dt-spacings-size-12, 12px) var(--dt-spacings-size-16, 16px);
 }
-._1ymahou0-3-1-0.strato-table-cell-density-condensed .strato-table-cell, ._1ymahou0-3-1-0.strato-table-cell-density-condensed .strato-table-header-cell {
+._1ymahou0-3-1-3.strato-table-cell-density-condensed .strato-table-cell, ._1ymahou0-3-1-3.strato-table-cell-density-condensed .strato-table-header-cell {
   padding: var(--dt-spacings-size-4, 4px) var(--dt-spacings-size-6, 6px);
 }
-._1ymahou0-3-1-0.strato-table-colsep-divider .strato-table-header-cell + .strato-table-header-cell::before, ._1ymahou0-3-1-0.strato-table-colsep-divider .strato-table-cell + .strato-table-cell::before {
+._1ymahou0-3-1-3.strato-table-colsep-divider .strato-table-header-cell + .strato-table-header-cell::before, ._1ymahou0-3-1-3.strato-table-colsep-divider .strato-table-cell + .strato-table-cell::before {
   content: "";
   display: block;
   position: absolute;
@@ -106,15 +106,15 @@
   bottom: var(--dt-spacings-size-4, 4px);
   background-color: var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._1ymahou0-3-1-0.strato-table-rowsep-divider .strato-table-cell {
+._1ymahou0-3-1-3.strato-table-rowsep-divider .strato-table-cell {
   border-bottom: var(--dt-borders-width-default, 1px) var(--dt-borders-style-default, solid) var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._1ymahou0-3-1-0.strato-table-rowsep-zebra .strato-table-row {
+._1ymahou0-3-1-3.strato-table-rowsep-zebra .strato-table-row {
   background-color: var(--dt-colors-background-surface-default, #fff);
 }
-._1ymahou0-3-1-0.strato-table-rowsep-zebra .strato-table-header {
+._1ymahou0-3-1-3.strato-table-rowsep-zebra .strato-table-header {
   background-color: var(--dt-colors-background-container-neutral-subdued, #f9f9fa);
 }
-._1ymahou0-3-1-0.strato-table-rowsep-zebra .strato-table-row-even {
+._1ymahou0-3-1-3.strato-table-rowsep-zebra .strato-table-row-even {
   background-color: var(--dt-colors-background-container-neutral-subdued, #f9f9fa);
 }

package/tables/SimpleTable/SimpleTable.sty.js

@@ -22,4 +22,4 @@ __export(SimpleTable_css_exports, {
 });
 module.exports = __toCommonJS(SimpleTable_css_exports);
 var import_SimpleTable_css_ts_vanilla = require("./SimpleTable.css");
-var simpleTable = "_1ymahou0-3-1-0";
+var simpleTable = "_1ymahou0-3-1-3";

package/typography/block-quote/Blockquote.css

@@ -1,11 +1,11 @@
-._1knl9z60-3-1-0 {
+._1knl9z60-3-1-3 {
   position: relative;
   margin: var(--dt-spacings-size-0, 0);
   padding-left: var(--dt-spacings-size-40, 40px);
   word-break: normal;
   overflow-wrap: anywhere;
 }
-._1knl9z60-3-1-0:before {
+._1knl9z60-3-1-3:before {
   content: "";
   position: absolute;
   top: 0;

package/typography/block-quote/Blockquote.sty.js

@@ -22,4 +22,4 @@ __export(Blockquote_css_exports, {
 });
 module.exports = __toCommonJS(Blockquote_css_exports);
 var import_Blockquote_css_ts_vanilla = require("./Blockquote.css");
-var blockquoteCSS = "_1knl9z60-3-1-0";
+var blockquoteCSS = "_1knl9z60-3-1-3";

package/typography/code/Code.css

@@ -1,4 +1,4 @@
-._1v51izp0-3-1-0 {
+._1v51izp0-3-1-3 {
   background: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
   padding-top: var(--dt-spacings-size-0, 0);
   padding-bottom: var(--dt-spacings-size-0, 0);

package/typography/code/Code.sty.js

@@ -22,4 +22,4 @@ __export(Code_css_exports, {
 });
 module.exports = __toCommonJS(Code_css_exports);
 var import_Code_css_ts_vanilla = require("./Code.css");
-var codeCSS = "_1v51izp0-3-1-0";
+var codeCSS = "_1v51izp0-3-1-3";

package/typography/emphasis/Emphasis.css

@@ -1,4 +1,4 @@
-._1r35rtu0-3-1-0 {
+._1r35rtu0-3-1-3 {
   font-style: italic;
   overflow-wrap: break-word;
 }

package/typography/emphasis/Emphasis.sty.js

@@ -22,4 +22,4 @@ __export(Emphasis_css_exports, {
 });
 module.exports = __toCommonJS(Emphasis_css_exports);
 var import_Emphasis_css_ts_vanilla = require("./Emphasis.css");
-var emphasisCSS = "_1r35rtu0-3-1-0";
+var emphasisCSS = "_1r35rtu0-3-1-3";

package/typography/external-link/ExternalLink.css

@@ -1,22 +1,22 @@
-._1v1skpy0-3-1-0 {
+._1v1skpy0-3-1-3 {
   display: inline;
   color: var(--dt-colors-text-primary-default, #464cce);
   text-decoration: underline;
   overflow-wrap: anywhere;
 }
-._1v1skpy0-3-1-0:hover {
+._1v1skpy0-3-1-3:hover {
   color: var(--dt-colors-text-primary-default-hover, #3431b3);
 }
-._1v1skpy0-3-1-0:active {
+._1v1skpy0-3-1-3:active {
   color: var(--dt-colors-text-primary-default-active, #250f98);
 }
-._1v1skpy0-3-1-0:focus-visible {
+._1v1skpy0-3-1-3:focus-visible {
   text-decoration: none;
 }
-._1v1skpy0-3-1-0 > span:last-child {
+._1v1skpy0-3-1-3 > span:last-child {
   white-space: nowrap;
 }
-._1v1skpy0-3-1-0 > span:last-child > svg {
+._1v1skpy0-3-1-3 > span:last-child > svg {
   margin-left: var(--dt-spacings-size-2, 2px);
   width: 1lh;
   height: 1lh;

package/typography/external-link/ExternalLink.sty.js

@@ -23,4 +23,4 @@ __export(ExternalLink_css_exports, {
 module.exports = __toCommonJS(ExternalLink_css_exports);
 var import_focusRingStatic_css_ts_vanilla = require("../../core/styles/focusRingStatic.css");
 var import_ExternalLink_css_ts_vanilla = require("./ExternalLink.css");
-var externalLink = "_1v1skpy0-3-1-0 _z0fq9b4-3-1-0 _z0fq9bd-3-1-0 _z0fq9b5-3-1-0 _z0fq9b8-3-1-0";
+var externalLink = "_1v1skpy0-3-1-3 _z0fq9b4-3-1-3 _z0fq9bd-3-1-3 _z0fq9b5-3-1-3 _z0fq9b8-3-1-3";

package/typography/heading/Heading.css

@@ -1,10 +1,10 @@
-._5ei34w0-3-1-0 {
+._5ei34w0-3-1-3 {
   margin: 0;
   overflow-wrap: break-word;
   font-style: normal;
   color: inherit;
 }
-._5ei34w1-3-1-0 {
+._5ei34w1-3-1-3 {
   font-family: var(--dt-typography-heading-level-1-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-heading-level-1-size, 32px);
   font-weight: var(--dt-typography-heading-level-1-weight, 600);
@@ -12,7 +12,7 @@
   text-transform: var(--dt-typography-heading-level-1-text-transform, none);
   text-decoration: var(--dt-typography-heading-level-1-text-decoration, none);
 }
-._5ei34w2-3-1-0 {
+._5ei34w2-3-1-3 {
   font-family: var(--dt-typography-heading-level-2-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-heading-level-2-size, 28px);
   font-weight: var(--dt-typography-heading-level-2-weight, 600);
@@ -20,7 +20,7 @@
   text-transform: var(--dt-typography-heading-level-2-text-transform, none);
   text-decoration: var(--dt-typography-heading-level-2-text-decoration, none);
 }
-._5ei34w3-3-1-0 {
+._5ei34w3-3-1-3 {
   font-family: var(--dt-typography-heading-level-3-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-heading-level-3-size, 24px);
   font-weight: var(--dt-typography-heading-level-3-weight, 600);
@@ -28,7 +28,7 @@
   text-transform: var(--dt-typography-heading-level-3-text-transform, none);
   text-decoration: var(--dt-typography-heading-level-3-text-decoration, none);
 }
-._5ei34w4-3-1-0 {
+._5ei34w4-3-1-3 {
   font-family: var(--dt-typography-heading-level-4-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-heading-level-4-size, 20px);
   font-weight: var(--dt-typography-heading-level-4-weight, 600);
@@ -36,7 +36,7 @@
   text-transform: var(--dt-typography-heading-level-4-text-transform, none);
   text-decoration: var(--dt-typography-heading-level-4-text-decoration, none);
 }
-._5ei34w5-3-1-0 {
+._5ei34w5-3-1-3 {
   font-family: var(--dt-typography-heading-level-5-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-heading-level-5-size, 16px);
   font-weight: var(--dt-typography-heading-level-5-weight, 600);
@@ -44,7 +44,7 @@
   text-transform: var(--dt-typography-heading-level-5-text-transform, none);
   text-decoration: var(--dt-typography-heading-level-5-text-decoration, none);
 }
-._5ei34w6-3-1-0 {
+._5ei34w6-3-1-3 {
   font-family: var(--dt-typography-heading-level-6-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-heading-level-6-size, 14px);
   font-weight: var(--dt-typography-heading-level-6-weight, 600);

package/typography/heading/Heading.sty.js

@@ -23,4 +23,4 @@ __export(Heading_css_exports, {
 module.exports = __toCommonJS(Heading_css_exports);
 var import_Heading_css_ts_vanilla = require("./Heading.css");
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var headingCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_5ei34w0-3-1-0", variantClassNames: { visualLevel: { "1": "_5ei34w1-3-1-0", "2": "_5ei34w2-3-1-0", "3": "_5ei34w3-3-1-0", "4": "_5ei34w4-3-1-0", "5": "_5ei34w5-3-1-0", "6": "_5ei34w6-3-1-0" } }, defaultVariants: {}, compoundVariants: [] });
+var headingCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_5ei34w0-3-1-3", variantClassNames: { visualLevel: { "1": "_5ei34w1-3-1-3", "2": "_5ei34w2-3-1-3", "3": "_5ei34w3-3-1-3", "4": "_5ei34w4-3-1-3", "5": "_5ei34w5-3-1-3", "6": "_5ei34w6-3-1-3" } }, defaultVariants: {}, compoundVariants: [] });

package/typography/highlight/Highlight.css

@@ -1,8 +1,8 @@
-._lajjl30-3-1-0 {
+._lajjl30-3-1-3 {
   white-space: pre-wrap;
   flex: none;
 }
-._lajjl30-3-1-0::highlight(strato-typography-highlight), ._lajjl30-3-1-0 *::highlight(strato-typography-highlight) {
+._lajjl30-3-1-3::highlight(strato-typography-highlight), ._lajjl30-3-1-3 *::highlight(strato-typography-highlight) {
   color: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
   background: var(--dt-colors-background-container-neutral-accent, #5b5c81);
 }

package/typography/highlight/Highlight.sty.js

@@ -22,4 +22,4 @@ __export(Highlight_css_exports, {
 });
 module.exports = __toCommonJS(Highlight_css_exports);
 var import_Highlight_css_ts_vanilla = require("./Highlight.css");
-var wrapper = "_lajjl30-3-1-0";
+var wrapper = "_lajjl30-3-1-3";

package/typography/link/Link.css

@@ -1,15 +1,15 @@
-._1iksxp40-3-1-0 {
+._1iksxp40-3-1-3 {
   display: inline;
   color: var(--dt-colors-text-primary-default, #464cce);
   text-decoration: underline;
   overflow-wrap: anywhere;
 }
-._1iksxp40-3-1-0:hover {
+._1iksxp40-3-1-3:hover {
   color: var(--dt-colors-text-primary-default-hover, #3431b3);
 }
-._1iksxp40-3-1-0:active {
+._1iksxp40-3-1-3:active {
   color: var(--dt-colors-text-primary-default-active, #250f98);
 }
-._1iksxp40-3-1-0:focus-visible {
+._1iksxp40-3-1-3:focus-visible {
   text-decoration: none;
 }

package/typography/link/Link.sty.js

@@ -23,4 +23,4 @@ __export(Link_css_exports, {
 module.exports = __toCommonJS(Link_css_exports);
 var import_focusRingStatic_css_ts_vanilla = require("../../core/styles/focusRingStatic.css");
 var import_Link_css_ts_vanilla = require("./Link.css");
-var link = "_1iksxp40-3-1-0 _z0fq9b4-3-1-0 _z0fq9bd-3-1-0 _z0fq9b5-3-1-0 _z0fq9b8-3-1-0";
+var link = "_1iksxp40-3-1-3 _z0fq9b4-3-1-3 _z0fq9bd-3-1-3 _z0fq9b5-3-1-3 _z0fq9b8-3-1-3";