@dynatrace/strato-components 3.5.2 → 3.6.0

package/tables/DataTable/features/GanttChart/DataTableGanttChartCell.sty.js

@@ -37,5 +37,5 @@ 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/SubRows.css");
 var import_DataTableGanttChartCell_css_ts_vanilla = require("./DataTableGanttChartCell.css");
-var ganttChartCell = "_5jn5tp0-3-5-2";
-var ganttChartDefaultCell = "_5jn5tp1-3-5-2";
+var ganttChartCell = "_5jn5tp0-3-6-0";
+var ganttChartDefaultCell = "_5jn5tp1-3-6-0";

package/tables/DataTable/features/GanttChart/DataTableGanttChartGrid.css

@@ -1,4 +1,4 @@
-._evozey0-3-5-2 {
+._evozey0-3-6-0 {
   position: absolute;
   inset: 0;
   margin-left: auto;

package/tables/DataTable/features/GanttChart/DataTableGanttChartGrid.sty.js

@@ -21,4 +21,4 @@ __export(DataTableGanttChartGrid_css_exports, {
 });
 module.exports = __toCommonJS(DataTableGanttChartGrid_css_exports);
 var import_DataTableGanttChartGrid_css_ts_vanilla = require("./DataTableGanttChartGrid.css");
-var ganttChartGrid = "_evozey0-3-5-2";
+var ganttChartGrid = "_evozey0-3-6-0";

package/tables/DataTable/features/GanttChart/DataTableGanttChartHeader.css

@@ -1,14 +1,14 @@
-._10y95u40-3-5-2 {
+._10y95u40-3-6-0 {
   padding-right: 0;
   align-items: center;
 }
-._11pvd3zt-3-5-2:not(._11pvd3z9-3-5-2) ._10y95u40-3-5-2 {
+._11pvd3zt-3-6-0:not(._11pvd3z9-3-6-0) ._10y95u40-3-6-0 {
   width: 100%;
   padding-left: 0;
 }
-._11pvd3z9-3-5-2 ._10y95u40-3-5-2 {
+._11pvd3z9-3-6-0 ._10y95u40-3-6-0 {
   width: 100%;
 }
-._10y95u40-3-5-2 span {
+._10y95u40-3-6-0 span {
   margin-top: 0 !important;
 }

package/tables/DataTable/features/GanttChart/DataTableGanttChartHeader.sty.js

@@ -27,4 +27,4 @@ var import_ColumnOrder_css_ts_vanilla = require("../ColumnOrder/ColumnOrder.css"
 var import_Thresholds_css_ts_vanilla = require("../Thresholds/Thresholds.css");
 var import_DataTableHeaderCell_css_ts_vanilla = require("../../components/DataTableHeaderCell.css");
 var import_DataTableGanttChartHeader_css_ts_vanilla = require("./DataTableGanttChartHeader.css");
-var ganttChartHeader = "_10y95u40-3-5-2";
+var ganttChartHeader = "_10y95u40-3-6-0";

package/tables/DataTable/features/LoadingState/LoadingState.css

@@ -1,6 +1,6 @@
-._14flfjk1-3-5-2 {
+._14flfjk1-3-6-0 {
   z-index: 1;
   position: absolute;
   inset: 0;
-  top: var(--_14flfjk0-3-5-2);
+  top: var(--_14flfjk0-3-6-0);
 }

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

@@ -22,5 +22,5 @@ __export(LoadingState_css_exports, {
 });
 module.exports = __toCommonJS(LoadingState_css_exports);
 var import_LoadingState_css_ts_vanilla = require("./LoadingState.css");
-var dataTableHeaderHeight = "var(--_14flfjk0-3-5-2)";
-var loadingState = "_14flfjk1-3-5-2";
+var dataTableHeaderHeight = "var(--_14flfjk0-3-6-0)";
+var loadingState = "_14flfjk1-3-6-0";

package/tables/DataTable/features/MeterBarChart/MeterBarChart.js

@@ -113,7 +113,7 @@ function MeterBarChartRenderer({
             formatter: config?.formatter,
             ref: chartRef,
             children: [
-              config?.showTooltip && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MeterBarChart.MeterBarChart.Tooltip, {}),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MeterBarChart.MeterBarChart.Tooltip, { hidden: !config?.showTooltip }),
               config?.thresholds?.map((threshold) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                 import_MeterBarChart.MeterBarChart.ThresholdIndicator,
                 {
@@ -166,7 +166,13 @@ function MeterBarChartRenderer({
               },
               `${data.name}-${data.value}`
             )),
-            config?.showTooltip && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MultiMeterBarChart.MultiMeterBarChart.Tooltip, { variant: "shared" })
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_MultiMeterBarChart.MultiMeterBarChart.Tooltip,
+              {
+                variant: "shared",
+                hidden: !config?.showTooltip
+              }
+            )
           ]
         }
       )

package/tables/DataTable/features/RowDetails/RowDetails.css

@@ -1,4 +1,4 @@
-._2twyod0-3-5-2::before {
+._2twyod0-3-6-0::before {
   content: "";
   display: block;
   top: 0;
@@ -8,10 +8,10 @@
   width: 100%;
   z-index: 4;
 }
-._or8s40-3-5-2 ._2twyod0-3-5-2::before, ._2twyod0-3-5-2:not(:first-child)::before {
+._or8s40-3-6-0 ._2twyod0-3-6-0::before, ._2twyod0-3-6-0:not(:first-child)::before {
   background-color: var(--dt-colors-border-neutral-accent, #595a7d);
 }
-._2twyod1-3-5-2 {
+._2twyod1-3-6-0 {
   position: relative;
   box-sizing: border-box;
   border-bottom-width: 1px;
@@ -19,40 +19,40 @@
   border-bottom-color: transparent;
   overflow: hidden;
 }
-._2twyod1-3-5-2:not(:has(+ ._2twyod0-3-5-2)) {
+._2twyod1-3-6-0:not(:has(+ ._2twyod0-3-6-0)) {
   border-bottom-color: var(--dt-colors-border-neutral-accent, #595a7d);
 }
-._2twyod4-3-5-2:not(._or8s40-3-5-2 ._2twyod4-3-5-2) {
+._2twyod4-3-6-0:not(._or8s40-3-6-0 ._2twyod4-3-6-0) {
   opacity: 0;
 }
-._2twyod6-3-5-2 {
+._2twyod6-3-6-0 {
   border-top: var(--dt-borders-width-default, 1px) var(--dt-borders-style-default, solid) var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._2twyod7-3-5-2 {
+._2twyod7-3-6-0 {
   border-top: var(--dt-borders-width-default, 1px) var(--dt-borders-style-default, solid) var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._2twyod8-3-5-2 {
+._2twyod8-3-6-0 {
   border-bottom-width: 0;
 }
-._2twyod9-3-5-2 {
+._2twyod9-3-6-0 {
   background-color: var(--dt-colors-background-surface-default, #fff);
 }
-._2twyoda-3-5-2 {
+._2twyoda-3-6-0 {
   background-color: var(--dt-colors-background-container-neutral-subdued, #f9f9fa);
 }
-._2twyodc-3-5-2 {
+._2twyodc-3-6-0 {
   padding-top: var(--dt-spacings-size-8, 8px);
   padding-right: var(--dt-spacings-size-12, 12px);
   padding-bottom: var(--dt-spacings-size-8, 8px);
   padding-left: var(--dt-spacings-size-12, 12px);
 }
-._2twyodd-3-5-2 {
+._2twyodd-3-6-0 {
   padding-top: var(--dt-spacings-size-2, 2px);
   padding-right: var(--dt-spacings-size-6, 6px);
   padding-bottom: var(--dt-spacings-size-2, 2px);
   padding-left: var(--dt-spacings-size-6, 6px);
 }
-._2twyode-3-5-2 {
+._2twyode-3-6-0 {
   padding-top: var(--dt-spacings-size-12, 12px);
   padding-right: var(--dt-spacings-size-16, 16px);
   padding-bottom: var(--dt-spacings-size-12, 12px);

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

@@ -25,6 +25,6 @@ module.exports = __toCommonJS(RowDetails_css_exports);
 var import_RowOrder_css_ts_vanilla = require("../RowOrder/RowOrder.css");
 var import_RowDetails_css_ts_vanilla = require("./RowDetails.css");
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var rowDetailsExpandedRowCell = "_2twyod0-3-5-2";
-var rowDetailsRow = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_2twyod1-3-5-2", variantClassNames: { rowParity: { even: "_2twyod2-3-5-2", odd: "_2twyod3-3-5-2" }, isDraggedRow: { true: "_2twyod4-3-5-2" }, rowSeparation: { none: "_2twyod5-3-5-2", horizontalDividers: "_2twyod6-3-5-2", zebraStripes: "_2twyod7-3-5-2" }, isLastRow: { true: "_2twyod8-3-5-2" } }, defaultVariants: {}, compoundVariants: [[{ rowSeparation: "zebraStripes", rowParity: "even" }, "_2twyod9-3-5-2"], [{ rowSeparation: "zebraStripes", rowParity: "odd" }, "_2twyoda-3-5-2"]] });
-var rowDetailsWrapperCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_2twyodb-3-5-2", variantClassNames: { rowDensity: { "default": "_2twyodc-3-5-2", condensed: "_2twyodd-3-5-2", comfortable: "_2twyode-3-5-2" } }, defaultVariants: { rowDensity: "default" }, compoundVariants: [] });
+var rowDetailsExpandedRowCell = "_2twyod0-3-6-0";
+var rowDetailsRow = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_2twyod1-3-6-0", variantClassNames: { rowParity: { even: "_2twyod2-3-6-0", odd: "_2twyod3-3-6-0" }, isDraggedRow: { true: "_2twyod4-3-6-0" }, rowSeparation: { none: "_2twyod5-3-6-0", horizontalDividers: "_2twyod6-3-6-0", zebraStripes: "_2twyod7-3-6-0" }, isLastRow: { true: "_2twyod8-3-6-0" } }, defaultVariants: {}, compoundVariants: [[{ rowSeparation: "zebraStripes", rowParity: "even" }, "_2twyod9-3-6-0"], [{ rowSeparation: "zebraStripes", rowParity: "odd" }, "_2twyoda-3-6-0"]] });
+var rowDetailsWrapperCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_2twyodb-3-6-0", variantClassNames: { rowDensity: { "default": "_2twyodc-3-6-0", condensed: "_2twyodd-3-6-0", comfortable: "_2twyode-3-6-0" } }, defaultVariants: { rowDensity: "default" }, compoundVariants: [] });

package/tables/DataTable/features/RowInteractivity/RowInteractivity.css

@@ -1,4 +1,4 @@
-._15silbj0-3-5-2 {
+._15silbj0-3-6-0 {
   box-sizing: border-box;
   appearance: none;
   outline: 0;
@@ -7,7 +7,7 @@
   position: relative;
   cursor: pointer;
 }
-._15silbj0-3-5-2::after {
+._15silbj0-3-6-0::after {
   content: "";
   position: absolute;
   top: 0;
@@ -20,44 +20,44 @@
   pointer-events: none;
   z-index: 4;
 }
-._15silbj1-3-5-2::after {
+._15silbj1-3-6-0::after {
   border-color: var(--dt-colors-border-primary-accent, #464cce);
 }
-._15silbj1-3-5-2:hover {
+._15silbj1-3-6-0:hover {
   background-color: var(--dt-colors-background-container-primary-default, #f1f2f9);
 }
-._15silbj1-3-5-2:hover::after {
+._15silbj1-3-6-0:hover::after {
   border-color: var(--dt-colors-border-primary-accent, #464cce);
 }
-._15silbj3-3-5-2 {
+._15silbj3-3-6-0 {
   background-color: var(--dt-colors-background-container-neutral-default, #f2f2f5);
 }
-._15silbj3-3-5-2::after {
+._15silbj3-3-6-0::after {
   box-shadow: inset 0 0 0 var(--dt-borders-width-emphasized, 2px) var(--dt-colors-border-neutral-accent, #595a7d), inset 0 0 0 calc(var(--dt-borders-width-emphasized, 2px) + 1px) var(--dt-colors-border-neutral-default, #dadbe4);
   border-width: 0;
 }
-._15silbj4-3-5-2 {
+._15silbj4-3-6-0 {
   background-color: var(--dt-colors-background-container-neutral-default, #f2f2f5);
 }
-._15silbj4-3-5-2::after {
+._15silbj4-3-6-0::after {
   border-color: var(--dt-colors-border-neutral-accent, #595a7d);
 }
-._ytdpswb-3-5-2 ._14sp6az6-3-5-2._15silbj5-3-5-2::after {
+._ytdpswb-3-6-0 ._14sp6az6-3-6-0._15silbj5-3-6-0::after {
   border-bottom-right-radius: calc(var(--dt-borders-radius-container-subdued, 6px) - var(--dt-borders-width-emphasized, 2px));
   border-bottom-left-radius: calc(var(--dt-borders-radius-container-subdued, 6px) - var(--dt-borders-width-emphasized, 2px));
 }
-._ytdpswd-3-5-2 ._14sp6az6-3-5-2._15silbj5-3-5-2::after {
+._ytdpswd-3-6-0 ._14sp6az6-3-6-0._15silbj5-3-6-0::after {
   border-bottom-right-radius: 0;
   border-bottom-left-radius: calc(var(--dt-borders-radius-container-subdued, 6px) - var(--dt-borders-width-emphasized, 2px));
 }
-._15silbj6-3-5-2 {
+._15silbj6-3-6-0 {
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 0;
 }
-._15silbj7-3-5-2 {
+._15silbj7-3-6-0 {
   background-color: var(--dt-colors-background-container-primary-default, #f1f2f9);
 }
-._15silbj7-3-5-2::after {
+._15silbj7-3-6-0::after {
   border-width: 0;
   box-shadow: inset 0 0 0 var(--dt-borders-width-emphasized, 2px) var(--dt-colors-border-primary-accent, #464cce), inset 0 0 0 calc(var(--dt-borders-width-emphasized, 2px) + 1px) var(--dt-colors-border-neutral-default, #dadbe4);
 }

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

@@ -25,4 +25,4 @@ var import_DataTableVirtualizationContainer_css_ts_vanilla = require("../../comp
 var import_DataTable_css_ts_vanilla = require("../../DataTable.css");
 var import_RowInteractivity_css_ts_vanilla = require("./RowInteractivity.css");
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var interactiveRow = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_15silbj0-3-5-2", variantClassNames: { active: { true: "_15silbj1-3-5-2", false: "_15silbj2-3-5-2" }, focus: { true: "_15silbj3-3-5-2" }, hovered: { true: "_15silbj4-3-5-2" }, contained: { true: "_15silbj5-3-5-2", false: "_15silbj6-3-5-2" } }, defaultVariants: {}, compoundVariants: [[{ active: true, focus: true }, "_15silbj7-3-5-2"]] });
+var interactiveRow = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_15silbj0-3-6-0", variantClassNames: { active: { true: "_15silbj1-3-6-0", false: "_15silbj2-3-6-0" }, focus: { true: "_15silbj3-3-6-0" }, hovered: { true: "_15silbj4-3-6-0" }, contained: { true: "_15silbj5-3-6-0", false: "_15silbj6-3-6-0" } }, defaultVariants: {}, compoundVariants: [[{ active: true, focus: true }, "_15silbj7-3-6-0"]] });

package/tables/DataTable/features/RowOrder/RowOrder.css

@@ -1,11 +1,11 @@
-._or8s40-3-5-2 {
+._or8s40-3-6-0 {
   cursor: grabbing;
   box-shadow: var(--dt-box-shadows-surface-flat-drag, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 7px 17px -2px #2d2e4e52);
   background-color: var(--dt-colors-background-surface-default, #fff);
   z-index: 4;
   overflow: hidden;
 }
-._or8s41-3-5-2 {
+._or8s41-3-6-0 {
   vertical-align: middle;
   border-radius: var(--dt-borders-radius-field-subdued, 3px);
   padding-left: var(--dt-spacings-size-2, 2px);
@@ -14,21 +14,21 @@
   padding-bottom: 0;
   transition: none;
 }
-._or8s41-3-5-2:active {
+._or8s41-3-6-0:active {
   background: transparent;
 }
-._or8s41-3-5-2:hover {
+._or8s41-3-6-0:hover {
   background: transparent;
 }
-._or8s40-3-5-2 ._or8s41-3-5-2 {
+._or8s40-3-6-0 ._or8s41-3-6-0 {
   cursor: grabbing;
 }
-._or8s42-3-5-2 {
+._or8s42-3-6-0 {
   cursor: not-allowed;
 }
-._or8s43-3-5-2 {
+._or8s43-3-6-0 {
   cursor: grab;
 }
-._or8s44-3-5-2 {
+._or8s44-3-6-0 {
   opacity: 0.2;
 }

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

@@ -24,6 +24,6 @@ __export(RowOrder_css_exports, {
 module.exports = __toCommonJS(RowOrder_css_exports);
 var import_RowOrder_css_ts_vanilla = require("./RowOrder.css");
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var disabledNonTargetRow = "_or8s44-3-5-2";
-var dndHandle = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_or8s41-3-5-2", variantClassNames: { disabled: { true: "_or8s42-3-5-2", false: "_or8s43-3-5-2" } }, defaultVariants: {}, compoundVariants: [] });
-var rowDndOverlay = "_or8s40-3-5-2";
+var disabledNonTargetRow = "_or8s44-3-6-0";
+var dndHandle = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_or8s41-3-6-0", variantClassNames: { disabled: { true: "_or8s42-3-6-0", false: "_or8s43-3-6-0" } }, defaultVariants: {}, compoundVariants: [] });
+var rowDndOverlay = "_or8s40-3-6-0";

package/tables/DataTable/features/Sorting/Sorting.css

@@ -1,4 +1,4 @@
-._cu1al70-3-5-2 {
+._cu1al70-3-6-0 {
   display: inline-flex;
   align-items: center;
   flex-direction: row;
@@ -10,120 +10,120 @@
   overflow: hidden;
   transform: translateY(2px);
 }
-._yj6voi4-3-5-2 ._cu1al70-3-5-2 {
+._yj6voi4-3-6-0 ._cu1al70-3-6-0 {
   transform: translateY(0);
 }
-._yj6voi5-3-5-2 ._cu1al70-3-5-2 {
+._yj6voi5-3-6-0 ._cu1al70-3-6-0 {
   transform: translateY(-2px);
 }
-._yj6voi1-3-5-2 ._cu1al70-3-5-2, ._yj6voi2-3-5-2 ._cu1al70-3-5-2 {
+._yj6voi1-3-6-0 ._cu1al70-3-6-0, ._yj6voi2-3-6-0 ._cu1al70-3-6-0 {
   margin-left: var(--dt-spacings-size-2, 2px);
 }
-._yj6voi0-3-5-2 ._cu1al70-3-5-2 {
+._yj6voi0-3-6-0 ._cu1al70-3-6-0 {
   order: -1;
   flex-direction: row-reverse;
   margin-right: var(--dt-spacings-size-2, 2px);
 }
-._11pvd3za-3-5-2 ._14k72810-3-5-2 ~ ._cu1al70-3-5-2 {
+._11pvd3za-3-6-0 ._14k72810-3-6-0 ~ ._cu1al70-3-6-0 {
   margin-top: var(--dt-spacings-size-8, 8px);
   margin-bottom: var(--dt-spacings-size-8, 8px);
 }
-._11pvd3za-3-5-2:not(._yj6voi0-3-5-2, ._11pvd3z4-3-5-2:has([data-trigger="useraction"])) ._cu1al70-3-5-2 {
+._11pvd3za-3-6-0:not(._yj6voi0-3-6-0, ._11pvd3z4-3-6-0:has([data-trigger="useraction"])) ._cu1al70-3-6-0 {
   margin-right: var(--dt-spacings-size-12, 12px);
 }
-._11pvd3za-3-5-2:where(._yj6voi0-3-5-2):not(._11pvd3z4-3-5-2:has([data-trigger="useraction"])) ._cu1al70-3-5-2 {
+._11pvd3za-3-6-0:where(._yj6voi0-3-6-0):not(._11pvd3z4-3-6-0:has([data-trigger="useraction"])) ._cu1al70-3-6-0 {
   margin-left: var(--dt-spacings-size-12, 12px);
 }
-._11pvd3zb-3-5-2 ._14k72810-3-5-2 ~ ._cu1al70-3-5-2 {
+._11pvd3zb-3-6-0 ._14k72810-3-6-0 ~ ._cu1al70-3-6-0 {
   margin-top: var(--dt-spacings-size-2, 2px);
   margin-bottom: var(--dt-spacings-size-2, 2px);
 }
-._11pvd3zb-3-5-2:not(._yj6voi0-3-5-2, ._11pvd3z4-3-5-2:has([data-trigger="useraction"])) ._cu1al70-3-5-2 {
+._11pvd3zb-3-6-0:not(._yj6voi0-3-6-0, ._11pvd3z4-3-6-0:has([data-trigger="useraction"])) ._cu1al70-3-6-0 {
   margin-right: var(--dt-spacings-size-6, 6px);
 }
-._11pvd3zb-3-5-2:where(._yj6voi0-3-5-2):not(._11pvd3z4-3-5-2:has([data-trigger="useraction"])) ._cu1al70-3-5-2 {
+._11pvd3zb-3-6-0:where(._yj6voi0-3-6-0):not(._11pvd3z4-3-6-0:has([data-trigger="useraction"])) ._cu1al70-3-6-0 {
   margin-left: var(--dt-spacings-size-6, 6px);
 }
-._11pvd3zc-3-5-2 ._14k72810-3-5-2 ~ ._cu1al70-3-5-2 {
+._11pvd3zc-3-6-0 ._14k72810-3-6-0 ~ ._cu1al70-3-6-0 {
   margin-top: var(--dt-spacings-size-12, 12px);
   margin-bottom: var(--dt-spacings-size-12, 12px);
 }
-._11pvd3zc-3-5-2:not(._yj6voi0-3-5-2, ._11pvd3z4-3-5-2:has([data-trigger="useraction"])) ._cu1al70-3-5-2 {
+._11pvd3zc-3-6-0:not(._yj6voi0-3-6-0, ._11pvd3z4-3-6-0:has([data-trigger="useraction"])) ._cu1al70-3-6-0 {
   margin-right: var(--dt-spacings-size-16, 16px);
 }
-._11pvd3zc-3-5-2:where(._yj6voi0-3-5-2):not(._11pvd3z4-3-5-2:has([data-trigger="useraction"])) ._cu1al70-3-5-2 {
+._11pvd3zc-3-6-0:where(._yj6voi0-3-6-0):not(._11pvd3z4-3-6-0:has([data-trigger="useraction"])) ._cu1al70-3-6-0 {
   margin-left: var(--dt-spacings-size-16, 16px);
 }
-._11pvd3z9-3-5-2._yj6voi0-3-5-2:not(._11pvd3zx-3-5-2) ._cu1al70-3-5-2 {
+._11pvd3z9-3-6-0._yj6voi0-3-6-0:not(._11pvd3zx-3-6-0) ._cu1al70-3-6-0 {
   order: 1;
 }
-._cu1al71-3-5-2 {
+._cu1al71-3-6-0 {
   transform: translateX(-4px);
 }
-._yj6voi0-3-5-2 ._cu1al71-3-5-2 {
+._yj6voi0-3-6-0 ._cu1al71-3-6-0 {
   transform: translateX(4px);
 }
-._cu1al72-3-5-2 {
+._cu1al72-3-6-0 {
   fill: currentColor;
   transition: transform 250ms ease-out;
   transform-origin: center;
   flex-shrink: 0;
   display: none;
 }
-._11pvd3z4-3-5-2 ._cu1al72-3-5-2 {
+._11pvd3z4-3-6-0 ._cu1al72-3-6-0 {
   display: inline;
 }
-:where(._yj6voi1-3-5-2,._yj6voi2-3-5-2) > ._cu1al72-3-5-2 {
+:where(._yj6voi1-3-6-0,._yj6voi2-3-6-0) > ._cu1al72-3-6-0 {
   margin-left: var(--dt-spacings-size-2, 2px);
 }
-._yj6voi0-3-5-2 ._cu1al72-3-5-2 {
+._yj6voi0-3-6-0 ._cu1al72-3-6-0 {
   order: -1;
 }
-._yj6voi0-3-5-2 > ._cu1al72-3-5-2 {
+._yj6voi0-3-6-0 > ._cu1al72-3-6-0 {
   margin-right: var(--dt-spacings-size-2, 2px);
 }
-._11pvd3z9-3-5-2._yj6voi0-3-5-2:not(._11pvd3zx-3-5-2) ._cu1al72-3-5-2 {
+._11pvd3z9-3-6-0._yj6voi0-3-6-0:not(._11pvd3zx-3-6-0) ._cu1al72-3-6-0 {
   order: 1;
 }
-._11pvd3z9-3-5-2._yj6voi0-3-5-2:not(._11pvd3zx-3-5-2) ._cu1al70-3-5-2 ._cu1al72-3-5-2 {
+._11pvd3z9-3-6-0._yj6voi0-3-6-0:not(._11pvd3zx-3-6-0) ._cu1al70-3-6-0 ._cu1al72-3-6-0 {
   order: -1;
 }
-._cu1al73-3-5-2 {
+._cu1al73-3-6-0 {
   transform: rotate(-180deg);
 }
-._11pvd3zx-3-5-2 ._14k72810-3-5-2 ~ ._cu1al74-3-5-2 {
+._11pvd3zx-3-6-0 ._14k72810-3-6-0 ~ ._cu1al74-3-6-0 {
   padding-top: var(--dt-spacings-size-8, 8px);
   padding-bottom: var(--dt-spacings-size-8, 8px);
 }
-._11pvd3zx-3-5-2:where(._yj6voi1-3-5-2, ._yj6voi2-3-5-2):not(._11pvd3z4-3-5-2:has([data-trigger="useraction"])) > ._cu1al74-3-5-2 {
+._11pvd3zx-3-6-0:where(._yj6voi1-3-6-0, ._yj6voi2-3-6-0):not(._11pvd3z4-3-6-0:has([data-trigger="useraction"])) > ._cu1al74-3-6-0 {
   padding-right: var(--dt-spacings-size-12, 12px);
   transform-origin: calc(50% - 6px) center;
 }
-._11pvd3zx-3-5-2:where(._yj6voi0-3-5-2):not(._11pvd3z4-3-5-2:has([data-trigger="useraction"])) > ._cu1al74-3-5-2 {
+._11pvd3zx-3-6-0:where(._yj6voi0-3-6-0):not(._11pvd3z4-3-6-0:has([data-trigger="useraction"])) > ._cu1al74-3-6-0 {
   padding-left: var(--dt-spacings-size-12, 12px);
   transform-origin: calc(50% + 6px) center;
 }
-._11pvd3zx-3-5-2 ._14k72810-3-5-2 ~ ._cu1al75-3-5-2 {
+._11pvd3zx-3-6-0 ._14k72810-3-6-0 ~ ._cu1al75-3-6-0 {
   padding-top: var(--dt-spacings-size-2, 2px);
   padding-bottom: var(--dt-spacings-size-2, 2px);
 }
-._11pvd3zx-3-5-2:where(._yj6voi1-3-5-2, ._yj6voi2-3-5-2):not(._11pvd3z4-3-5-2:has([data-trigger="useraction"])) > ._cu1al75-3-5-2 {
+._11pvd3zx-3-6-0:where(._yj6voi1-3-6-0, ._yj6voi2-3-6-0):not(._11pvd3z4-3-6-0:has([data-trigger="useraction"])) > ._cu1al75-3-6-0 {
   padding-right: var(--dt-spacings-size-6, 6px);
   transform-origin: calc(50% - 3px) center;
 }
-._11pvd3zx-3-5-2:where(._yj6voi0-3-5-2):not(._11pvd3z4-3-5-2:has([data-trigger="useraction"])) > ._cu1al75-3-5-2 {
+._11pvd3zx-3-6-0:where(._yj6voi0-3-6-0):not(._11pvd3z4-3-6-0:has([data-trigger="useraction"])) > ._cu1al75-3-6-0 {
   padding-left: var(--dt-spacings-size-6, 6px);
   transform-origin: calc(50% + 3px) center;
 }
-._11pvd3zx-3-5-2 ._14k72810-3-5-2 ~ ._cu1al76-3-5-2 {
+._11pvd3zx-3-6-0 ._14k72810-3-6-0 ~ ._cu1al76-3-6-0 {
   padding-top: var(--dt-spacings-size-12, 12px);
   padding-bottom: var(--dt-spacings-size-12, 12px);
 }
-._11pvd3zx-3-5-2:where(._yj6voi1-3-5-2, ._yj6voi2-3-5-2):not(._11pvd3z4-3-5-2:has([data-trigger="useraction"])) > ._cu1al76-3-5-2 {
+._11pvd3zx-3-6-0:where(._yj6voi1-3-6-0, ._yj6voi2-3-6-0):not(._11pvd3z4-3-6-0:has([data-trigger="useraction"])) > ._cu1al76-3-6-0 {
   padding-right: var(--dt-spacings-size-16, 16px);
   transform-origin: calc(50% - 8px) center;
 }
-._11pvd3zx-3-5-2:where(._yj6voi0-3-5-2):not(._11pvd3z4-3-5-2:has([data-trigger="useraction"])) > ._cu1al76-3-5-2 {
+._11pvd3zx-3-6-0:where(._yj6voi0-3-6-0):not(._11pvd3z4-3-6-0:has([data-trigger="useraction"])) > ._cu1al76-3-6-0 {
   padding-left: var(--dt-spacings-size-16, 16px);
   transform-origin: calc(50% + 8px) center;
 }

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

@@ -37,6 +37,6 @@ 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 multiSortIndicatorBubble = "_cu1al70-3-5-2";
-var sortOrderIndicator = "_cu1al71-3-5-2";
-var sortingArrow = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_cu1al72-3-5-2", variantClassNames: { arrowUp: { true: "_cu1al73-3-5-2" }, rowDensity: { "default": "_cu1al74-3-5-2", condensed: "_cu1al75-3-5-2", comfortable: "_cu1al76-3-5-2" } }, defaultVariants: {}, compoundVariants: [] });
+var multiSortIndicatorBubble = "_cu1al70-3-6-0";
+var sortOrderIndicator = "_cu1al71-3-6-0";
+var sortingArrow = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_cu1al72-3-6-0", variantClassNames: { arrowUp: { true: "_cu1al73-3-6-0" }, rowDensity: { "default": "_cu1al74-3-6-0", condensed: "_cu1al75-3-6-0", comfortable: "_cu1al76-3-6-0" } }, defaultVariants: {}, compoundVariants: [] });

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

@@ -1,4 +1,4 @@
-._1udh2jz0-3-5-2 {
+._1udh2jz0-3-6-0 {
   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-5-2 ._1udh2jz0-3-5-2 {
+._yj6voi3-3-6-0 ._1udh2jz0-3-6-0 {
   align-items: start;
 }
-._yj6voi5-3-5-2 ._1udh2jz0-3-5-2 {
+._yj6voi5-3-6-0 ._1udh2jz0-3-6-0 {
   align-items: end;
 }
-._11pvd3zy-3-5-2 ._1udh2jz1-3-5-2, ._14k72813-3-5-2 ._1udh2jz1-3-5-2 {
+._11pvd3zy-3-6-0 ._1udh2jz1-3-6-0, ._14k72813-3-6-0 ._1udh2jz1-3-6-0 {
   margin-right: var(--dt-spacings-size-8, 8px);
   margin-left: calc(var(--dt-spacings-size-4, 4px) * -1);
 }
-._11pvd3zz-3-5-2 ._1udh2jz1-3-5-2, ._14k72814-3-5-2 ._1udh2jz1-3-5-2 {
+._11pvd3zz-3-6-0 ._1udh2jz1-3-6-0, ._14k72814-3-6-0 ._1udh2jz1-3-6-0 {
   margin-right: var(--dt-spacings-size-2, 2px);
   margin-left: calc(var(--dt-spacings-size-4, 4px) * -1);
 }
-._11pvd3z10-3-5-2 ._1udh2jz1-3-5-2, ._14k72815-3-5-2 ._1udh2jz1-3-5-2 {
+._11pvd3z10-3-6-0 ._1udh2jz1-3-6-0, ._14k72815-3-6-0 ._1udh2jz1-3-6-0 {
   margin-right: var(--dt-spacings-size-12, 12px);
   margin-left: calc(var(--dt-spacings-size-4, 4px) * -1);
 }
-._1ons7qua-3-5-2 ._1udh2jz2-3-5-2, ._14k72813-3-5-2 ._1udh2jz2-3-5-2 {
+._1ons7qua-3-6-0 ._1udh2jz2-3-6-0, ._14k72813-3-6-0 ._1udh2jz2-3-6-0 {
   padding-right: var(--dt-spacings-size-8, 8px);
   margin-left: calc(var(--dt-spacings-size-4, 4px) * -1);
 }
-._1ons7qub-3-5-2 ._1udh2jz2-3-5-2, ._14k72814-3-5-2 ._1udh2jz2-3-5-2 {
+._1ons7qub-3-6-0 ._1udh2jz2-3-6-0, ._14k72814-3-6-0 ._1udh2jz2-3-6-0 {
   padding-right: var(--dt-spacings-size-2, 2px);
   margin-left: calc(var(--dt-spacings-size-4, 4px) * -1);
 }
-._1ons7quc-3-5-2 ._1udh2jz2-3-5-2, ._14k72815-3-5-2 ._1udh2jz2-3-5-2 {
+._1ons7quc-3-6-0 ._1udh2jz2-3-6-0, ._14k72815-3-6-0 ._1udh2jz2-3-6-0 {
   padding-right: var(--dt-spacings-size-12, 12px);
   margin-left: calc(var(--dt-spacings-size-4, 4px) * -1);
 }
-[data-columntype='sparkline'] ._1udh2jz2-3-5-2 {
+[data-columntype='sparkline'] ._1udh2jz2-3-6-0 {
   align-items: center;
 }
-._1udh2jz3-3-5-2 {
+._1udh2jz3-3-6-0 {
   position: absolute;
   left: 0;
   overflow: hidden;
   stroke: var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._1ons7qua-3-5-2 ._1udh2jz3-3-5-2, ._14k72813-3-5-2 ._1udh2jz3-3-5-2 {
+._1ons7qua-3-6-0 ._1udh2jz3-3-6-0, ._14k72813-3-6-0 ._1udh2jz3-3-6-0 {
   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-5-2 ._1udh2jz3-3-5-2, ._14k72814-3-5-2 ._1udh2jz3-3-5-2 {
+._1ons7qub-3-6-0 ._1udh2jz3-3-6-0, ._14k72814-3-6-0 ._1udh2jz3-3-6-0 {
   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-5-2 ._1udh2jz3-3-5-2, ._14k72815-3-5-2 ._1udh2jz3-3-5-2 {
+._1ons7quc-3-6-0 ._1udh2jz3-3-6-0, ._14k72815-3-6-0 ._1udh2jz3-3-6-0 {
   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-5-2 {
+._1udh2jz4-3-6-0 {
   right: var(--dt-spacings-size-16, 16px);
 }
-._1udh2jz5-3-5-2 {
+._1udh2jz5-3-6-0 {
   right: calc(20 + var(--dt-spacings-size-16, 16px));
 }
-._1udh2jz6-3-5-2 {
+._1udh2jz6-3-6-0 {
   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-5-2:not([disabled]):hover {
+._1udh2jz6-3-6-0:not([disabled]):hover {
   background-color: var(--dt-colors-background-field-neutral-default-hover, #dadbe4);
 }
-._1udh2jz6-3-5-2[disabled] {
+._1udh2jz6-3-6-0[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-5-2 _1udh2jz0-3-5-2";
-var expandButtonHeaderCellWrapper = "_1udh2jz1-3-5-2 _1udh2jz0-3-5-2";
-var expandIndentSvg = "_1udh2jz3-3-5-2";
-var expandIndentSvgSize = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1udh2jz4-3-5-2", variantClassNames: { rowCanExpand: { true: "_1udh2jz5-3-5-2" } }, defaultVariants: {}, compoundVariants: [] });
-var expanderButton = "_1udh2jz6-3-5-2 _z0fq9b4-3-5-2 _z0fq9bd-3-5-2 _z0fq9b6-3-5-2 _z0fq9b9-3-5-2";
+var expandButtonCellWrapper = "_1udh2jz2-3-6-0 _1udh2jz0-3-6-0";
+var expandButtonHeaderCellWrapper = "_1udh2jz1-3-6-0 _1udh2jz0-3-6-0";
+var expandIndentSvg = "_1udh2jz3-3-6-0";
+var expandIndentSvgSize = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1udh2jz4-3-6-0", variantClassNames: { rowCanExpand: { true: "_1udh2jz5-3-6-0" } }, defaultVariants: {}, compoundVariants: [] });
+var expanderButton = "_1udh2jz6-3-6-0 _z0fq9b4-3-6-0 _z0fq9bd-3-6-0 _z0fq9b6-3-6-0 _z0fq9b9-3-6-0";

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

@@ -1,4 +1,4 @@
-._1jrjqrd1-3-5-2 ._1jrjqrd2-3-5-2::before {
+._1jrjqrd1-3-6-0 ._1jrjqrd2-3-6-0::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-5-2);
+  background-color: var(--_1jrjqrd0-3-6-0);
 }