@dynatrace/strato-components 3.3.0 → 3.3.2

package/tables/DataTable/components/DataTableEmptyState.css

@@ -1,4 +1,4 @@
-._lvf8p50-3-3-0 {
+._lvf8p50-3-3-2 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
   display: flex;
   align-items: center;
@@ -6,6 +6,6 @@
   box-sizing: border-box;
   padding: var(--dt-spacings-size-0, 0) var(--dt-spacings-size-12, 12px);
 }
-._lvf8p51-3-3-0 {
+._lvf8p51-3-3-2 {
   min-width: 200px;
 }

package/tables/DataTable/components/DataTableEmptyState.sty.js

@@ -23,4 +23,4 @@ __export(DataTableEmptyState_css_exports, {
 module.exports = __toCommonJS(DataTableEmptyState_css_exports);
 var import_DataTableEmptyState_css_ts_vanilla = require("./DataTableEmptyState.css");
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var emptyState = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_lvf8p50-3-3-0", variantClassNames: { minWidth: { true: "_lvf8p51-3-3-0" } }, defaultVariants: {}, compoundVariants: [] });
+var emptyState = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_lvf8p50-3-3-2", variantClassNames: { minWidth: { true: "_lvf8p51-3-3-2" } }, defaultVariants: {}, compoundVariants: [] });

package/tables/DataTable/components/DataTableHeader.css

@@ -1,4 +1,4 @@
-._1kpe8zs0-3-3-0 {
+._1kpe8zs0-3-3-2 {
   display: grid;
   grid-template-rows: subgrid;
   grid-template-columns: subgrid;
@@ -12,6 +12,6 @@
   background-color: var(--dt-colors-background-container-neutral-default, #f2f2f5);
   box-shadow: inset 0 -2px 0 0 var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._1kpe8zs1-3-3-0 {
+._1kpe8zs1-3-3-2 {
   display: contents;
 }

package/tables/DataTable/components/DataTableHeader.sty.js

@@ -23,5 +23,5 @@ __export(DataTableHeader_css_exports, {
 });
 module.exports = __toCommonJS(DataTableHeader_css_exports);
 var import_DataTableHeader_css_ts_vanilla = require("./DataTableHeader.css");
-var header = "_1kpe8zs0-3-3-0";
-var headerRow = "_1kpe8zs1-3-3-0";
+var header = "_1kpe8zs0-3-3-2";
+var headerRow = "_1kpe8zs1-3-3-2";

package/tables/DataTable/components/DataTableHeaderCell.css

@@ -1,4 +1,4 @@
-._11pvd3zl-3-3-0 {
+._11pvd3zl-3-3-2 {
   all: unset;
   position: absolute;
   bottom: 0;
@@ -13,7 +13,7 @@
   overflow: hidden;
   z-index: 1;
 }
-._11pvd3zl-3-3-0::after {
+._11pvd3zl-3-3-2::after {
   content: "";
   box-sizing: border-box;
   display: block;
@@ -23,36 +23,36 @@
   top: var(--dt-spacings-size-4, 4px);
   bottom: var(--dt-spacings-size-4, 4px);
 }
-._11pvd3zl-3-3-0:hover::after, ._11pvd3zl-3-3-0:focus::after {
+._11pvd3zl-3-3-2:hover::after, ._11pvd3zl-3-3-2:focus::after {
   background-color: var(--dt-colors-border-primary-accent, #464cce);
   width: 3px;
 }
-._11pvd3zm-3-3-0::after {
+._11pvd3zm-3-3-2::after {
   cursor: col-resize;
   background-color: var(--dt-colors-border-primary-accent, #464cce);
   width: 3px;
 }
-._11pvd3zo-3-3-0 {
+._11pvd3zo-3-3-2 {
   width: var(--dt-spacings-size-8, 8px);
   transform: translateX(0);
 }
-._11pvd3zo-3-3-0::after {
+._11pvd3zo-3-3-2::after {
   left: auto;
   right: -1px;
 }
-._11pvd3zs-3-3-0 {
+._11pvd3zs-3-3-2 {
   left: 0;
   transform: translateX(-50%);
 }
-._11pvd3zs-3-3-0._11pvd3zg-3-3-0 {
+._11pvd3zs-3-3-2._11pvd3zg-3-3-2 {
   left: 0;
   width: var(--dt-spacings-size-8, 8px);
   transform: none;
 }
-._11pvd3zs-3-3-0._11pvd3zg-3-3-0::after {
+._11pvd3zs-3-3-2._11pvd3zg-3-3-2::after {
   left: 25%;
 }
-._11pvd3zt-3-3-0 {
+._11pvd3zt-3-3-2 {
   position: relative;
   display: flex;
   width: 100%;
@@ -69,48 +69,48 @@
   grid-area: header;
   overflow: visible;
 }
-._11pvd3zt-3-3-0:is(:focus, :focus-visible) {
+._11pvd3zt-3-3-2:is(:focus, :focus-visible) {
   outline: none;
 }
-._11pvd3zt-3-3-0._11pvd3z7-3-3-0:not(._11pvd3z5-3-3-0):has([data-trigger="useraction"]) {
+._11pvd3zt-3-3-2._11pvd3z7-3-3-2:not(._11pvd3z5-3-3-2):has([data-trigger="useraction"]) {
   margin-right: -22px;
 }
-._11pvd3zt-3-3-0._11pvd3z8-3-3-0:not(._11pvd3z5-3-3-0):has([data-trigger="useraction"]) {
+._11pvd3zt-3-3-2._11pvd3z8-3-3-2:not(._11pvd3z5-3-3-2):has([data-trigger="useraction"]) {
   margin-right: -30px;
 }
-._11pvd3zt-3-3-0._11pvd3z4-3-3-0:not(._11pvd3z5-3-3-0):has([data-trigger="useraction"]) {
+._11pvd3zt-3-3-2._11pvd3z4-3-3-2:not(._11pvd3z5-3-3-2):has([data-trigger="useraction"]) {
   margin-right: -22px;
 }
-._11pvd3zt-3-3-0._11pvd3z4-3-3-0._11pvd3z6-3-3-0:not(._11pvd3z5-3-3-0):has([data-trigger="useraction"]) {
+._11pvd3zt-3-3-2._11pvd3z4-3-3-2._11pvd3z6-3-3-2:not(._11pvd3z5-3-3-2):has([data-trigger="useraction"]) {
   margin-right: -44px;
 }
-._11pvd3zt-3-3-0._11pvd3z4-3-3-0._11pvd3z8-3-3-0:not(._11pvd3z5-3-3-0):has([data-trigger="useraction"]) {
+._11pvd3zt-3-3-2._11pvd3z4-3-3-2._11pvd3z8-3-3-2:not(._11pvd3z5-3-3-2):has([data-trigger="useraction"]) {
   margin-right: -52px;
 }
-._14sp6az2-3-3-0 span[data-header-tooltip="true"]:hover + ._11pvd3zt-3-3-0 {
+._14sp6az2-3-3-2 span[data-header-tooltip="true"]:hover + ._11pvd3zt-3-3-2 {
   cursor: pointer;
   background-color: var(--dt-colors-background-field-neutral-default-hover, #dadbe4);
 }
-._11pvd3z1-3-3-0._11pvd3zt-3-3-0 {
+._11pvd3z1-3-3-2._11pvd3zt-3-3-2 {
   border-bottom-width: var(--dt-borders-width-emphasized, 2px);
   border-bottom-style: var(--dt-borders-style-default, solid);
   border-color: var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._1ku1w3z0-3-3-0 ._11pvd3z1-3-3-0._11pvd3zt-3-3-0 {
+._1ku1w3z0-3-3-2 ._11pvd3z1-3-3-2._11pvd3zt-3-3-2 {
   border-bottom: none;
 }
-._11pvd3zt-3-3-0[role="presentation"] {
+._11pvd3zt-3-3-2[role="presentation"] {
   padding: 0;
   overflow: hidden;
 }
-._11pvd3zt-3-3-0:not(._1ku1w3z0-3-3-0 ._11pvd3zt-3-3-0):has([data-sorticon]):hover {
+._11pvd3zt-3-3-2:not(._1ku1w3z0-3-3-2 ._11pvd3zt-3-3-2):has([data-sorticon]):hover {
   cursor: pointer;
   background-color: var(--dt-colors-background-field-neutral-default-hover, #dadbe4);
 }
-._11pvd3zt-3-3-0:has([data-trigger="useraction"]:hover) {
+._11pvd3zt-3-3-2:has([data-trigger="useraction"]:hover) {
   background-color: var(--dt-colors-background-container-neutral-subdued, #f9f9fa);
 }
-._11pvd3zt-3-3-0:not(._11pvd3zd-3-3-0)[data-columntype="gantt"]::before, [data-columntype="gantt"] + ._11pvd3zt-3-3-0:not(._11pvd3zd-3-3-0)::before, [data-columntype="gantt"] + span > ._11pvd3zt-3-3-0:not(._11pvd3zd-3-3-0)::before {
+._11pvd3zt-3-3-2:not(._11pvd3zd-3-3-2)[data-columntype="gantt"]::before, [data-columntype="gantt"] + ._11pvd3zt-3-3-2:not(._11pvd3zd-3-3-2)::before, [data-columntype="gantt"] + span > ._11pvd3zt-3-3-2:not(._11pvd3zd-3-3-2)::before {
   content: "";
   display: block;
   position: absolute;
@@ -120,16 +120,16 @@
   bottom: var(--dt-spacings-size-0, 0);
   background-color: var(--dt-colors-border-neutral-default, #dadbe4);
 }
-span:has(._11pvd3zo-3-3-0:is(:hover, :focus, ._11pvd3zm-3-3-0)) ~ ._11pvd3zt-3-3-0[role="presentation"]::before,
-     div:has(._11pvd3zo-3-3-0:is(:hover, :focus, ._11pvd3zm-3-3-0)) ~ ._11pvd3zt-3-3-0[role="presentation"]::before {
+span:has(._11pvd3zo-3-3-2:is(:hover, :focus, ._11pvd3zm-3-3-2)) ~ ._11pvd3zt-3-3-2[role="presentation"]::before,
+     div:has(._11pvd3zo-3-3-2:is(:hover, :focus, ._11pvd3zm-3-3-2)) ~ ._11pvd3zt-3-3-2[role="presentation"]::before {
   display: none;
 }
-._11pvd3zv-3-3-0 {
+._11pvd3zv-3-3-2 {
   position: sticky;
-  z-index: calc(2 + var(--_11pvd3zk-3-3-0));
-  left: var(--resizing-leftPosition, var(--_11pvd3zh-3-3-0));
+  z-index: calc(2 + var(--_11pvd3zk-3-3-2));
+  left: var(--resizing-leftPosition, var(--_11pvd3zh-3-3-2));
 }
-._11pvd3ze-3-3-0._11pvd3zv-3-3-0::after {
+._11pvd3ze-3-3-2._11pvd3zv-3-3-2::after {
   content: "";
   display: block;
   position: absolute;
@@ -140,12 +140,12 @@ span:has(._11pvd3zo-3-3-0:is(:hover, :focus, ._11pvd3zm-3-3-0)) ~ ._11pvd3zt-3-3
   background-color: var(--dt-colors-border-neutral-default, #dadbe4);
   max-width: 100%;
 }
-._11pvd3zw-3-3-0 {
+._11pvd3zw-3-3-2 {
   position: sticky;
   z-index: 3;
-  right: var(--resizing-rightPosition, var(--_11pvd3zi-3-3-0));
+  right: var(--resizing-rightPosition, var(--_11pvd3zi-3-3-2));
 }
-._11pvd3zg-3-3-0._11pvd3zw-3-3-0::before {
+._11pvd3zg-3-3-2._11pvd3zw-3-3-2::before {
   content: "";
   display: block;
   position: absolute;
@@ -156,76 +156,76 @@ span:has(._11pvd3zo-3-3-0:is(:hover, :focus, ._11pvd3zm-3-3-0)) ~ ._11pvd3zt-3-3
   background-color: var(--dt-colors-border-neutral-default, #dadbe4);
   max-width: 100%;
 }
-._11pvd3zx-3-3-0 {
+._11pvd3zx-3-3-2 {
   padding-top: var(--dt-spacings-size-0, 0);
   padding-right: var(--dt-spacings-size-0, 0);
   padding-bottom: var(--dt-spacings-size-0, 0);
   padding-left: var(--dt-spacings-size-0, 0);
 }
-._11pvd3zx-3-3-0._11pvd3za-3-3-0._11pvd3z4-3-3-0:not(._yj6voi0-3-3-0, ._11pvd3z5-3-3-0):has([data-trigger="useraction"]) {
+._11pvd3zx-3-3-2._11pvd3za-3-3-2._11pvd3z4-3-3-2:not(._yj6voi0-3-3-2, ._11pvd3z5-3-3-2):has([data-trigger="useraction"]) {
   padding-right: 34px;
 }
-._11pvd3zx-3-3-0._11pvd3za-3-3-0._11pvd3z4-3-3-0._yj6voi0-3-3-0:not(._11pvd3z5-3-3-0):has([data-trigger="useraction"]) {
+._11pvd3zx-3-3-2._11pvd3za-3-3-2._11pvd3z4-3-3-2._yj6voi0-3-3-2:not(._11pvd3z5-3-3-2):has([data-trigger="useraction"]) {
   padding-left: 34px;
 }
-._11pvd3zx-3-3-0._11pvd3zb-3-3-0._11pvd3z4-3-3-0:not(._yj6voi0-3-3-0, ._11pvd3z5-3-3-0):has([data-trigger="useraction"]) {
+._11pvd3zx-3-3-2._11pvd3zb-3-3-2._11pvd3z4-3-3-2:not(._yj6voi0-3-3-2, ._11pvd3z5-3-3-2):has([data-trigger="useraction"]) {
   padding-right: 28px;
 }
-._11pvd3zx-3-3-0._11pvd3zb-3-3-0._11pvd3z4-3-3-0._yj6voi0-3-3-0:not(._11pvd3z5-3-3-0):has([data-trigger="useraction"]) {
+._11pvd3zx-3-3-2._11pvd3zb-3-3-2._11pvd3z4-3-3-2._yj6voi0-3-3-2:not(._11pvd3z5-3-3-2):has([data-trigger="useraction"]) {
   padding-left: 28px;
 }
-._11pvd3zx-3-3-0._11pvd3zc-3-3-0._11pvd3z4-3-3-0:not(._yj6voi0-3-3-0, ._11pvd3z5-3-3-0):has([data-trigger="useraction"]) {
+._11pvd3zx-3-3-2._11pvd3zc-3-3-2._11pvd3z4-3-3-2:not(._yj6voi0-3-3-2, ._11pvd3z5-3-3-2):has([data-trigger="useraction"]) {
   padding-right: 38px;
 }
-._11pvd3zx-3-3-0._11pvd3zc-3-3-0._11pvd3z4-3-3-0._yj6voi0-3-3-0:not(._11pvd3z5-3-3-0):has([data-trigger="useraction"]) {
+._11pvd3zx-3-3-2._11pvd3zc-3-3-2._11pvd3z4-3-3-2._yj6voi0-3-3-2:not(._11pvd3z5-3-3-2):has([data-trigger="useraction"]) {
   padding-left: 38px;
 }
-._11pvd3zy-3-3-0 {
+._11pvd3zy-3-3-2 {
   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);
 }
-._1jrjqrd1-3-3-0 ._11pvd3zd-3-3-0._11pvd3zy-3-3-0 {
+._1jrjqrd1-3-3-2 ._11pvd3zd-3-3-2._11pvd3zy-3-3-2 {
   padding-left: var(--dt-spacings-size-16, 16px);
 }
-._11pvd3zy-3-3-0._11pvd3z4-3-3-0:where(._yj6voi1-3-3-0, ._yj6voi2-3-3-0):not(._11pvd3z5-3-3-0):has([data-trigger="useraction"]) {
+._11pvd3zy-3-3-2._11pvd3z4-3-3-2:where(._yj6voi1-3-3-2, ._yj6voi2-3-3-2):not(._11pvd3z5-3-3-2):has([data-trigger="useraction"]) {
   padding-right: 34px;
 }
-._11pvd3zy-3-3-0._11pvd3z4-3-3-0._yj6voi0-3-3-0:not(._11pvd3z5-3-3-0, ._11pvd3z9-3-3-0):has([data-trigger="useraction"]) {
+._11pvd3zy-3-3-2._11pvd3z4-3-3-2._yj6voi0-3-3-2:not(._11pvd3z5-3-3-2, ._11pvd3z9-3-3-2):has([data-trigger="useraction"]) {
   padding-left: 34px;
 }
-._11pvd3zz-3-3-0 {
+._11pvd3zz-3-3-2 {
   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);
 }
-._1jrjqrd1-3-3-0 ._11pvd3zd-3-3-0._11pvd3zz-3-3-0 {
+._1jrjqrd1-3-3-2 ._11pvd3zd-3-3-2._11pvd3zz-3-3-2 {
   padding-left: calc(var(--dt-spacings-size-6, 6px) + var(--dt-spacings-size-4, 4px));
 }
-._11pvd3zz-3-3-0._11pvd3z4-3-3-0:where(._yj6voi1-3-3-0, ._yj6voi2-3-3-0):not(._11pvd3z5-3-3-0):has([data-trigger="useraction"]) {
+._11pvd3zz-3-3-2._11pvd3z4-3-3-2:where(._yj6voi1-3-3-2, ._yj6voi2-3-3-2):not(._11pvd3z5-3-3-2):has([data-trigger="useraction"]) {
   padding-right: 28px;
 }
-._11pvd3zz-3-3-0._11pvd3z4-3-3-0._yj6voi0-3-3-0:not(._11pvd3z5-3-3-0, ._11pvd3z9-3-3-0):has([data-trigger="useraction"]) {
+._11pvd3zz-3-3-2._11pvd3z4-3-3-2._yj6voi0-3-3-2:not(._11pvd3z5-3-3-2, ._11pvd3z9-3-3-2):has([data-trigger="useraction"]) {
   padding-left: 28px;
 }
-._11pvd3z10-3-3-0 {
+._11pvd3z10-3-3-2 {
   padding-top: var(--dt-spacings-size-12, 12px);
   padding-right: var(--dt-spacings-size-16, 16px);
   padding-bottom: var(--dt-spacings-size-12, 12px);
   padding-left: var(--dt-spacings-size-16, 16px);
 }
-._1jrjqrd1-3-3-0 ._11pvd3zd-3-3-0._11pvd3z10-3-3-0 {
+._1jrjqrd1-3-3-2 ._11pvd3zd-3-3-2._11pvd3z10-3-3-2 {
   padding-left: var(--dt-spacings-size-20, 20px);
 }
-._11pvd3z10-3-3-0._11pvd3z4-3-3-0:where(._yj6voi1-3-3-0, ._yj6voi2-3-3-0):not(._11pvd3z5-3-3-0):has([data-trigger="useraction"]) {
+._11pvd3z10-3-3-2._11pvd3z4-3-3-2:where(._yj6voi1-3-3-2, ._yj6voi2-3-3-2):not(._11pvd3z5-3-3-2):has([data-trigger="useraction"]) {
   padding-right: 38px;
 }
-._11pvd3z10-3-3-0._11pvd3z4-3-3-0._yj6voi0-3-3-0:not(._11pvd3z5-3-3-0, ._11pvd3z9-3-3-0):has([data-trigger="useraction"]) {
+._11pvd3z10-3-3-2._11pvd3z4-3-3-2._yj6voi0-3-3-2:not(._11pvd3z5-3-3-2, ._11pvd3z9-3-3-2):has([data-trigger="useraction"]) {
   padding-left: 38px;
 }
-._11pvd3z11-3-3-0:not(._11pvd3zd-3-3-0, ._14sp6az3-3-3-0, ._11pvd3zg-3-3-0, ._11pvd3zf-3-3-0)::before {
+._11pvd3z11-3-3-2:not(._11pvd3zd-3-3-2, ._14sp6az3-3-3-2, ._11pvd3zg-3-3-2, ._11pvd3zf-3-3-2)::before {
   content: "";
   display: block;
   position: absolute;
@@ -235,40 +235,40 @@ span:has(._11pvd3zo-3-3-0:is(:hover, :focus, ._11pvd3zm-3-3-0)) ~ ._11pvd3zt-3-3
   bottom: var(--dt-spacings-size-4, 4px);
   background-color: var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._11pvd3z11-3-3-0._11pvd3z2-3-3-0::before {
+._11pvd3z11-3-3-2._11pvd3z2-3-3-2::before {
   bottom: 0;
 }
-._11pvd3z11-3-3-0._11pvd3z3-3-3-0::before {
+._11pvd3z11-3-3-2._11pvd3z3-3-3-2::before {
   top: 0;
 }
-._11pvd3z11-3-3-0:not(._11pvd3z1-3-3-0) {
+._11pvd3z11-3-3-2:not(._11pvd3z1-3-3-2) {
   border-bottom-width: var(--dt-borders-width-default, 1px);
   border-bottom-style: var(--dt-borders-style-default, solid);
   border-color: var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._1ku1w3z0-3-3-0 ._11pvd3z11-3-3-0::before {
+._1ku1w3z0-3-3-2 ._11pvd3z11-3-3-2::before {
   display: none;
 }
-._14sp6az2-3-3-0 span[data-header-tooltip="true"]:hover + ._11pvd3z14-3-3-0 {
+._14sp6az2-3-3-2 span[data-header-tooltip="true"]:hover + ._11pvd3z14-3-3-2 {
   background-color: var(--dt-colors-background-container-neutral-subdued, #f9f9fa);
 }
-._14sp6az2-3-3-0:not(._1ku1w3z0-3-3-0 ._11pvd3z14-3-3-0) span[data-header-tooltip="true"]:has([data-trigger="useraction"]):hover + ._11pvd3z14-3-3-0 {
+._14sp6az2-3-3-2:not(._1ku1w3z0-3-3-2 ._11pvd3z14-3-3-2) span[data-header-tooltip="true"]:has([data-trigger="useraction"]):hover + ._11pvd3z14-3-3-2 {
   cursor: pointer;
   background-color: var(--dt-colors-background-field-neutral-default-hover, #dadbe4);
 }
-._11pvd3z15-3-3-0 {
+._11pvd3z15-3-3-2 {
   width: fit-content;
   max-width: 100%;
 }
-._11pvd3zt-3-3-0._11pvd3z9-3-3-0._yj6voi0-3-3-0 ._11pvd3z15-3-3-0 {
+._11pvd3zt-3-3-2._11pvd3z9-3-3-2._yj6voi0-3-3-2 ._11pvd3z15-3-3-2 {
   order: 2;
 }
-._11pvd3z16-3-3-0 {
+._11pvd3z16-3-3-2 {
   background-color: var(--dt-colors-background-field-neutral-default-hover, #dadbe4);
 }
-._11pvd3zt-3-3-0 button, ._11pvd3zt-3-3-0 a, ._11pvd3zt-3-3-0 [tabindex="0"], ._11pvd3zt-3-3-0 input, ._11pvd3zt-3-3-0 label {
+._11pvd3zt-3-3-2 button, ._11pvd3zt-3-3-2 a, ._11pvd3zt-3-3-2 [tabindex="0"], ._11pvd3zt-3-3-2 input, ._11pvd3zt-3-3-2 label {
   pointer-events: auto;
 }
-._11pvd3z13-3-3-0 > *, ._11pvd3z13-3-3-0 ._11pvd3z15-3-3-0 {
+._11pvd3z13-3-3-2 > *, ._11pvd3z13-3-3-2 ._11pvd3z15-3-3-2 {
   opacity: 0.2;
 }

package/tables/DataTable/components/DataTableHeaderCell.sty.js

@@ -49,26 +49,26 @@ var import_ColumnOrder_css_ts_vanilla = require("../features/ColumnOrder/ColumnO
 var import_Thresholds_css_ts_vanilla = require("../features/Thresholds/Thresholds.css");
 var import_DataTableHeaderCell_css_ts_vanilla = require("./DataTableHeaderCell.css");
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var childHeader = "_11pvd3z3-3-3-0";
-var columnSizingHandle = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_11pvd3zl-3-3-0", variantClassNames: { active: { true: "_11pvd3zm-3-3-0", false: "_11pvd3zn-3-3-0" }, last: { true: "_11pvd3zo-3-3-0", false: "_11pvd3zp-3-3-0" }, pinnedColumn: { false: "_11pvd3zq-3-3-0", left: "_11pvd3zr-3-3-0", right: "_11pvd3zs-3-3-0" } }, defaultVariants: {}, compoundVariants: [] });
-var customHeaderDensity = { "default": "_11pvd3za-3-3-0", condensed: "_11pvd3zb-3-3-0", comfortable: "_11pvd3zc-3-3-0" };
-var firstColumn = "_11pvd3zd-3-3-0";
-var firstHeaderRow = "_11pvd3z0-3-3-0";
-var firstRightPinnedColumn = "_11pvd3zg-3-3-0";
-var firstUnpinnedColumn = "_11pvd3zf-3-3-0";
-var headerCell = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_11pvd3zt-3-3-0", variantClassNames: { pinnedColumn: { false: "_11pvd3zu-3-3-0", left: "_11pvd3zv-3-3-0", right: "_11pvd3zw-3-3-0" }, rowDensity: { customHeaderRenderer: "_11pvd3zx-3-3-0", "default": "_11pvd3zy-3-3-0", condensed: "_11pvd3zz-3-3-0", comfortable: "_11pvd3z10-3-3-0" }, verticalDividers: { true: "_11pvd3z11-3-3-0", false: "_11pvd3z12-3-3-0" }, isDragAndDropDisabled: { true: "_11pvd3z13-3-3-0", false: "_11pvd3z14-3-3-0" } }, defaultVariants: { rowDensity: "default", verticalDividers: false }, compoundVariants: [] });
-var headerCellActiveInteraction = "_11pvd3z16-3-3-0";
-var headerCellEllipsis = "_11pvd3z15-3-3-0";
-var headerWidthVar = "var(--_11pvd3zj-3-3-0)";
-var hovered = "_11pvd3z4-3-3-0";
-var isMultiSortedHeader = "_11pvd3z8-3-3-0";
-var isSortedHeader = "_11pvd3z7-3-3-0";
-var lastHeaderRow = "_11pvd3z1-3-3-0";
-var lastLeftPinnedColumn = "_11pvd3ze-3-3-0";
-var leftAdditionalElevationVar = "var(--_11pvd3zk-3-3-0)";
-var leftPositionVar = "var(--_11pvd3zh-3-3-0)";
-var narrow = "_11pvd3z5-3-3-0";
-var parentHeader = "_11pvd3z2-3-3-0";
-var rightPositionVar = "var(--_11pvd3zi-3-3-0)";
-var sortableHeader = "_11pvd3z6-3-3-0";
-var subRowIndicatorColumn = "_11pvd3z9-3-3-0";
+var childHeader = "_11pvd3z3-3-3-2";
+var columnSizingHandle = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_11pvd3zl-3-3-2", variantClassNames: { active: { true: "_11pvd3zm-3-3-2", false: "_11pvd3zn-3-3-2" }, last: { true: "_11pvd3zo-3-3-2", false: "_11pvd3zp-3-3-2" }, pinnedColumn: { false: "_11pvd3zq-3-3-2", left: "_11pvd3zr-3-3-2", right: "_11pvd3zs-3-3-2" } }, defaultVariants: {}, compoundVariants: [] });
+var customHeaderDensity = { "default": "_11pvd3za-3-3-2", condensed: "_11pvd3zb-3-3-2", comfortable: "_11pvd3zc-3-3-2" };
+var firstColumn = "_11pvd3zd-3-3-2";
+var firstHeaderRow = "_11pvd3z0-3-3-2";
+var firstRightPinnedColumn = "_11pvd3zg-3-3-2";
+var firstUnpinnedColumn = "_11pvd3zf-3-3-2";
+var headerCell = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_11pvd3zt-3-3-2", variantClassNames: { pinnedColumn: { false: "_11pvd3zu-3-3-2", left: "_11pvd3zv-3-3-2", right: "_11pvd3zw-3-3-2" }, rowDensity: { customHeaderRenderer: "_11pvd3zx-3-3-2", "default": "_11pvd3zy-3-3-2", condensed: "_11pvd3zz-3-3-2", comfortable: "_11pvd3z10-3-3-2" }, verticalDividers: { true: "_11pvd3z11-3-3-2", false: "_11pvd3z12-3-3-2" }, isDragAndDropDisabled: { true: "_11pvd3z13-3-3-2", false: "_11pvd3z14-3-3-2" } }, defaultVariants: { rowDensity: "default", verticalDividers: false }, compoundVariants: [] });
+var headerCellActiveInteraction = "_11pvd3z16-3-3-2";
+var headerCellEllipsis = "_11pvd3z15-3-3-2";
+var headerWidthVar = "var(--_11pvd3zj-3-3-2)";
+var hovered = "_11pvd3z4-3-3-2";
+var isMultiSortedHeader = "_11pvd3z8-3-3-2";
+var isSortedHeader = "_11pvd3z7-3-3-2";
+var lastHeaderRow = "_11pvd3z1-3-3-2";
+var lastLeftPinnedColumn = "_11pvd3ze-3-3-2";
+var leftAdditionalElevationVar = "var(--_11pvd3zk-3-3-2)";
+var leftPositionVar = "var(--_11pvd3zh-3-3-2)";
+var narrow = "_11pvd3z5-3-3-2";
+var parentHeader = "_11pvd3z2-3-3-2";
+var rightPositionVar = "var(--_11pvd3zi-3-3-2)";
+var sortableHeader = "_11pvd3z6-3-3-2";
+var subRowIndicatorColumn = "_11pvd3z9-3-3-2";

package/tables/DataTable/components/DataTableRow.css

@@ -1,34 +1,34 @@
-._1y5fzv0-3-3-0 {
+._1y5fzv0-3-3-2 {
   display: grid;
   grid-template-columns: subgrid;
   position: relative;
   grid-template-rows: inherit;
 }
-._or8s40-3-3-0:not(:has([aria-expanded="true"][aria-controls])) ._1y5fzv0-3-3-0 {
+._or8s40-3-3-2:not(:has([aria-expanded="true"][aria-controls])) ._1y5fzv0-3-3-2 {
   border-bottom-width: 0;
 }
-._1y5fzv2-3-3-0 {
+._1y5fzv2-3-3-2 {
   border-bottom: var(--dt-borders-width-default, 1px) var(--dt-borders-style-default, solid) var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._ytdpsw0-3-3-0 ._14sp6az6-3-3-0._1y5fzv2-3-3-0,
-          ._ytdpswc-3-3-0 ._14sp6az6-3-3-0._1y5fzv2-3-3-0,
-          ._ytdpswe-3-3-0 ._14sp6az6-3-3-0._1y5fzv2-3-3-0,
-          ._2twyod0-3-3-0._1y5fzv2-3-3-0 {
+._ytdpsw0-3-3-2 ._14sp6az6-3-3-2._1y5fzv2-3-3-2,
+          ._ytdpswc-3-3-2 ._14sp6az6-3-3-2._1y5fzv2-3-3-2,
+          ._ytdpswe-3-3-2 ._14sp6az6-3-3-2._1y5fzv2-3-3-2,
+          ._2twyod0-3-3-2._1y5fzv2-3-3-2 {
   border-bottom-width: 0;
 }
-._1y5fzv3-3-3-0 {
+._1y5fzv3-3-3-2 {
   border-bottom: var(--dt-borders-width-default, 1px) var(--dt-borders-style-default, solid) var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._ytdpsw0-3-3-0 ._14sp6az6-3-3-0._1y5fzv3-3-3-0,
-          ._2twyod0-3-3-0._1y5fzv3-3-3-0 {
+._ytdpsw0-3-3-2 ._14sp6az6-3-3-2._1y5fzv3-3-3-2,
+          ._2twyod0-3-3-2._1y5fzv3-3-3-2 {
   border-bottom-width: 0;
 }
-._1y5fzv6-3-3-0 {
+._1y5fzv6-3-3-2 {
   visibility: hidden;
 }
-._1y5fzv8-3-3-0:not(._15silbj3-3-3-0, ._15silbj4-3-3-0, ._15silbj0-3-3-0:hover) {
+._1y5fzv8-3-3-2:not(._15silbj3-3-3-2, ._15silbj4-3-3-2, ._15silbj0-3-3-2:hover) {
   background-color: var(--dt-colors-background-surface-default, #fff);
 }
-._1y5fzv9-3-3-0:not(._15silbj3-3-3-0, ._15silbj4-3-3-0, ._15silbj0-3-3-0:hover) {
+._1y5fzv9-3-3-2:not(._15silbj3-3-3-2, ._15silbj4-3-3-2, ._15silbj0-3-3-2:hover) {
   background-color: var(--dt-colors-background-container-neutral-subdued, #f9f9fa);
 }

package/tables/DataTable/components/DataTableRow.sty.js

@@ -28,4 +28,4 @@ var import_RowDetails_css_ts_vanilla = require("../features/RowDetails/RowDetail
 var import_RowInteractivity_css_ts_vanilla = require("../features/RowInteractivity/RowInteractivity.css");
 var import_DataTableRow_css_ts_vanilla = require("./DataTableRow.css");
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var row = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1y5fzv0-3-3-0", variantClassNames: { rowSeparation: { none: "_1y5fzv1-3-3-0", horizontalDividers: "_1y5fzv2-3-3-0", zebraStripes: "_1y5fzv3-3-3-0" }, rowParity: { even: "_1y5fzv4-3-3-0", odd: "_1y5fzv5-3-3-0" }, isDraggedRow: { true: "_1y5fzv6-3-3-0", false: "_1y5fzv7-3-3-0" } }, defaultVariants: {}, compoundVariants: [[{ rowSeparation: "zebraStripes", rowParity: "even" }, "_1y5fzv8-3-3-0"], [{ rowSeparation: "zebraStripes", rowParity: "odd" }, "_1y5fzv9-3-3-0"]] });
+var row = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1y5fzv0-3-3-2", variantClassNames: { rowSeparation: { none: "_1y5fzv1-3-3-2", horizontalDividers: "_1y5fzv2-3-3-2", zebraStripes: "_1y5fzv3-3-3-2" }, rowParity: { even: "_1y5fzv4-3-3-2", odd: "_1y5fzv5-3-3-2" }, isDraggedRow: { true: "_1y5fzv6-3-3-2", false: "_1y5fzv7-3-3-2" } }, defaultVariants: {}, compoundVariants: [[{ rowSeparation: "zebraStripes", rowParity: "even" }, "_1y5fzv8-3-3-2"], [{ rowSeparation: "zebraStripes", rowParity: "odd" }, "_1y5fzv9-3-3-2"]] });

package/tables/DataTable/components/DataTableScrollShadow.css

@@ -1,8 +1,8 @@
-._1al677r0-3-3-0 {
+._1al677r0-3-3-2 {
   position: sticky;
   pointer-events: none;
 }
-._1al677r0-3-3-0::after {
+._1al677r0-3-3-2::after {
   content: "";
   position: absolute;
   top: 0;
@@ -10,19 +10,19 @@
   width: 50px;
   pointer-events: none;
 }
-[data-theme="light"] ._1al677r1-3-3-0::after {
+[data-theme="light"] ._1al677r1-3-3-2::after {
   box-shadow: inset 12px 0px 12px -32px var(--dt-colors-theme-foreground-10, #2d2e4e), inset 18px 0px 18px -32px var(--dt-colors-theme-foreground-10, #2d2e4e);
 }
-[data-theme="dark"] ._1al677r1-3-3-0::after {
+[data-theme="dark"] ._1al677r1-3-3-2::after {
   box-shadow: inset 12px 0px 12px -16px var(--dt-colors-theme-foreground-20, #fff), inset 16px 0px 16px -16px var(--dt-colors-theme-foreground-20, #fff);
 }
-[data-theme="light"] ._1al677r2-3-3-0::after {
+[data-theme="light"] ._1al677r2-3-3-2::after {
   box-shadow: inset -12px 0px 12px -32px var(--dt-colors-theme-foreground-10, #2d2e4e), inset -18px 0px 18px -32px var(--dt-colors-theme-foreground-10, #2d2e4e);
 }
-[data-theme="dark"] ._1al677r2-3-3-0::after {
+[data-theme="dark"] ._1al677r2-3-3-2::after {
   box-shadow: inset -12px 0px 12px -16px var(--dt-colors-theme-foreground-20, #fff), inset -16px 0px 16px -16px var(--dt-colors-theme-foreground-20, #fff);
 }
-._1al677r3-3-3-0 {
+._1al677r3-3-3-2 {
   top: 0;
   bottom: 0;
   height: 100%;
@@ -33,10 +33,10 @@
   grid-row-end: body-end;
   z-index: 6;
 }
-._1al677r3-3-3-0::after {
+._1al677r3-3-3-2::after {
   left: 0;
 }
-._1al677r4-3-3-0 {
+._1al677r4-3-3-2 {
   top: 0;
   bottom: 0;
   height: 100%;
@@ -46,6 +46,6 @@
   grid-row-end: body-end;
   z-index: 6;
 }
-._1al677r4-3-3-0::after {
+._1al677r4-3-3-2::after {
   right: 0;
 }

package/tables/DataTable/components/DataTableScrollShadow.sty.js

@@ -23,5 +23,5 @@ __export(DataTableScrollShadow_css_exports, {
 });
 module.exports = __toCommonJS(DataTableScrollShadow_css_exports);
 var import_DataTableScrollShadow_css_ts_vanilla = require("./DataTableScrollShadow.css");
-var scrollShadow = { left: "_1al677r1-3-3-0 _1al677r0-3-3-0", right: "_1al677r2-3-3-0 _1al677r0-3-3-0" };
-var tableEdgeShadow = { left: "_1al677r3-3-3-0 _1al677r1-3-3-0 _1al677r0-3-3-0", right: "_1al677r4-3-3-0 _1al677r2-3-3-0 _1al677r0-3-3-0" };
+var scrollShadow = { left: "_1al677r1-3-3-2 _1al677r0-3-3-2", right: "_1al677r2-3-3-2 _1al677r0-3-3-2" };
+var tableEdgeShadow = { left: "_1al677r3-3-3-2 _1al677r1-3-3-2 _1al677r0-3-3-2", right: "_1al677r4-3-3-2 _1al677r2-3-3-2 _1al677r0-3-3-2" };

package/tables/DataTable/components/DataTableVirtualizationContainer.css

@@ -1,4 +1,4 @@
-._ytdpsw0-3-3-0 {
+._ytdpsw0-3-3-2 {
   position: relative;
   width: 100%;
   max-width: 100%;
@@ -6,50 +6,50 @@
   overflow: auto;
   box-sizing: border-box;
 }
-._ytdpsw1-3-3-0 {
+._ytdpsw1-3-3-2 {
   display: grid;
   grid-template-rows: auto 1fr;
   grid-template-areas: 'header' 'body';
 }
-._ytdpsw2-3-3-0 {
+._ytdpsw2-3-3-2 {
   display: flex;
   flex-direction: column;
   justify-content: center;
 }
-._ytdpsw3-3-3-0 {
+._ytdpsw3-3-3-2 {
   overflow: hidden;
 }
-._ytdpsw4-3-3-0 {
+._ytdpsw4-3-3-2 {
   background-color: var(--dt-colors-background-surface-default, #fff);
   border-color: var(--dt-colors-border-neutral-default, #dadbe4);
   border-style: var(--dt-borders-style-default, solid);
   border-width: var(--dt-borders-width-emphasized, 2px);
   border-radius: var(--dt-borders-radius-field-default, 6px);
 }
-._ytdpsw4-3-3-0::-webkit-scrollbar-track {
+._ytdpsw4-3-3-2::-webkit-scrollbar-track {
   background-color: var(--dt-colors-background-container-neutral-subdued, #f9f9fa);
   border-bottom-right-radius: calc(var(--dt-borders-radius-container-subdued, 6px) - var(--dt-borders-width-emphasized, 2px));
 }
-._ytdpsw4-3-3-0::-webkit-scrollbar-track:horizontal {
+._ytdpsw4-3-3-2::-webkit-scrollbar-track:horizontal {
   border-top: solid var(--dt-borders-width-emphasized, 2px) var(--dt-colors-border-neutral-default, #dadbe4);
   border-bottom-left-radius: calc(var(--dt-borders-radius-container-subdued, 6px) - var(--dt-borders-width-emphasized, 2px));
 }
-._ytdpsw4-3-3-0::-webkit-scrollbar-track:vertical {
+._ytdpsw4-3-3-2::-webkit-scrollbar-track:vertical {
   border-left: solid var(--dt-borders-width-emphasized, 2px) var(--dt-colors-border-neutral-default, #dadbe4);
   border-top-right-radius: calc(var(--dt-borders-radius-container-subdued, 6px) - var(--dt-borders-width-emphasized, 2px));
 }
-._ytdpsw5-3-3-0::-webkit-scrollbar-track:horizontal {
+._ytdpsw5-3-3-2::-webkit-scrollbar-track:horizontal {
   border-top: solid var(--dt-borders-width-emphasized, 2px) var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._ytdpswf-3-3-0::-webkit-scrollbar-track:horizontal {
+._ytdpswf-3-3-2::-webkit-scrollbar-track:horizontal {
   border-top: solid var(--dt-borders-width-emphasized, 2px) var(--dt-colors-border-neutral-default, #dadbe4);
   border-bottom-right-radius: 0;
 }
-._ytdpswf-3-3-0::-webkit-scrollbar-track:vertical {
+._ytdpswf-3-3-2::-webkit-scrollbar-track:vertical {
   border-left: solid var(--dt-borders-width-emphasized, 2px) var(--dt-colors-border-neutral-default, #dadbe4);
   border-bottom-right-radius: 0;
 }
-._ytdpswf-3-3-0::-webkit-scrollbar-corner {
+._ytdpswf-3-3-2::-webkit-scrollbar-corner {
   background-color: var(--dt-colors-background-container-neutral-subdued, #f9f9fa);
   border-bottom-right-radius: calc(var(--dt-borders-radius-container-subdued, 6px) - var(--dt-borders-width-emphasized, 2px));
 }

package/tables/DataTable/components/DataTableVirtualizationContainer.sty.js

@@ -23,4 +23,4 @@ __export(DataTableVirtualizationContainer_css_exports, {
 module.exports = __toCommonJS(DataTableVirtualizationContainer_css_exports);
 var import_DataTableVirtualizationContainer_css_ts_vanilla = require("./DataTableVirtualizationContainer.css");
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var virtualizationContainer = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_ytdpsw0-3-3-0", variantClassNames: { hasVisibleColumns: { true: "_ytdpsw1-3-3-0", false: "_ytdpsw2-3-3-0" }, loading: { true: "_ytdpsw3-3-3-0" }, contained: { true: "_ytdpsw4-3-3-0", false: "_ytdpsw5-3-3-0" }, rowSeparation: { horizontalDividers: "_ytdpsw6-3-3-0", zebraStripes: "_ytdpsw7-3-3-0", none: "_ytdpsw8-3-3-0" }, headers: { hidden: "_ytdpsw9-3-3-0", "default": "_ytdpswa-3-3-0" }, scrollDirection: { false: "_ytdpswb-3-3-0", x: "_ytdpswc-3-3-0", y: "_ytdpswd-3-3-0", xy: "_ytdpswe-3-3-0" } }, defaultVariants: { contained: true, rowSeparation: "horizontalDividers", headers: "default" }, compoundVariants: [[{ contained: true, scrollDirection: "xy" }, "_ytdpswf-3-3-0"]] });
+var virtualizationContainer = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_ytdpsw0-3-3-2", variantClassNames: { hasVisibleColumns: { true: "_ytdpsw1-3-3-2", false: "_ytdpsw2-3-3-2" }, loading: { true: "_ytdpsw3-3-3-2" }, contained: { true: "_ytdpsw4-3-3-2", false: "_ytdpsw5-3-3-2" }, rowSeparation: { horizontalDividers: "_ytdpsw6-3-3-2", zebraStripes: "_ytdpsw7-3-3-2", none: "_ytdpsw8-3-3-2" }, headers: { hidden: "_ytdpsw9-3-3-2", "default": "_ytdpswa-3-3-2" }, scrollDirection: { false: "_ytdpswb-3-3-2", x: "_ytdpswc-3-3-2", y: "_ytdpswd-3-3-2", xy: "_ytdpswe-3-3-2" } }, defaultVariants: { contained: true, rowSeparation: "horizontalDividers", headers: "default" }, compoundVariants: [[{ contained: true, scrollDirection: "xy" }, "_ytdpswf-3-3-2"]] });

package/tables/DataTable/components/TableActions/DataTableSelectionChip.css

@@ -1,15 +1,15 @@
-._1rlvxpp0-3-3-0 {
+._1rlvxpp0-3-3-2 {
   padding: 0 var(--dt-spacings-size-8, 8px);
   align-items: flex-end;
   justify-content: flex-end;
 }
-._1rlvxpp1-3-3-0 {
+._1rlvxpp1-3-3-2 {
   padding: 0 var(--dt-spacings-size-2, 2px);
 }
-._1rlvxpp3-3-3-0 {
+._1rlvxpp3-3-3-2 {
   margin-left: var(--dt-spacings-size-6, 6px);
 }
-._1rlvxpp4-3-3-0 {
+._1rlvxpp4-3-3-2 {
   height: var(--dt-spacings-size-20, 20px);
   min-width: var(--dt-spacings-size-12, 12px);
   padding: var(--dt-spacings-size-0, 0) var(--dt-spacings-size-4, 4px);