@dynatrace/strato-components 3.7.0 → 3.7.1

package/tables/DataTable/components/DataTableCell.css

@@ -1,4 +1,4 @@
-._1ons7qu2-3-7-0 {
+._1ons7qu2-3-7-1 {
   border: 0;
   color: inherit;
   display: flex;
@@ -9,19 +9,19 @@
   background-color: transparent;
   box-sizing: border-box;
 }
-._1ons7qu2-3-7-0._14sp6az3-3-7-0 {
+._1ons7qu2-3-7-1._14sp6az3-3-7-1 {
   pointer-events: initial;
 }
-._1ons7qu2-3-7-0._14sp6az4-3-7-0 {
+._1ons7qu2-3-7-1._14sp6az4-3-7-1 {
   background-color: var(--dt-colors-background-surface-default, #fff);
 }
-button[data-trigger="useraction"] + ._1ons7qu2-3-7-0 {
+button[data-trigger="useraction"] + ._1ons7qu2-3-7-1 {
   cursor: pointer;
 }
-button[data-trigger="useraction"]:hover + ._1ons7qu2-3-7-0 {
+button[data-trigger="useraction"]:hover + ._1ons7qu2-3-7-1 {
   background-color: var(--dt-colors-background-field-neutral-default-hover, #dadbe4);
 }
-[data-columntype="gantt"]._1ons7qu2-3-7-0:not(:first-child)::before, [data-columntype="gantt"] + ._1ons7qu2-3-7-0::before {
+[data-columntype="gantt"]._1ons7qu2-3-7-1:not(:first-child)::before, [data-columntype="gantt"] + ._1ons7qu2-3-7-1::before {
   content: "";
   display: block;
   position: absolute;
@@ -31,32 +31,32 @@ button[data-trigger="useraction"]:hover + ._1ons7qu2-3-7-0 {
   bottom: var(--dt-spacings-size-0, 0);
   background-color: var(--dt-colors-border-neutral-default, #dadbe4);
 }
-[data-columntype="gantt"]._1ons7qu2-3-7-0:not(._14sp6az6-3-7-0 ._1ons7qu2-3-7-0) {
+[data-columntype="gantt"]._1ons7qu2-3-7-1:not(._14sp6az6-3-7-1 ._1ons7qu2-3-7-1) {
   overflow: visible;
 }
-._15silbj0-3-7-0 ~ ._1ons7qu2-3-7-0:hover {
+._15silbj0-3-7-1 ~ ._1ons7qu2-3-7-1:hover {
   cursor: pointer;
 }
-._1ons7qu2-3-7-0[data-columntype='sparkline'] {
+._1ons7qu2-3-7-1[data-columntype='sparkline'] {
   align-items: stretch;
 }
-._1ons7qu3-3-7-0 {
+._1ons7qu3-3-7-1 {
   width: fit-content;
 }
-._1ons7qu4-3-7-0 {
+._1ons7qu4-3-7-1 {
   white-space: normal;
   text-overflow: initial;
   word-break: normal;
   overflow-wrap: anywhere;
 }
-._1ons7qu5-3-7-0 {
+._1ons7qu5-3-7-1 {
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   max-width: 100%;
   min-width: 0;
 }
-._1ons7qu6-3-7-0 {
+._1ons7qu6-3-7-1 {
   font-family: var(--dt-typography-text-base-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-text-base-default-size, 14px);
   font-weight: var(--dt-typography-text-base-default-weight, 400);
@@ -64,7 +64,7 @@ button[data-trigger="useraction"]:hover + ._1ons7qu2-3-7-0 {
   text-decoration: var(--dt-typography-text-base-default-text-decoration, none);
   text-transform: var(--dt-typography-text-base-default-text-transform, none);
 }
-._1ons7qu7-3-7-0 {
+._1ons7qu7-3-7-1 {
   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);
@@ -72,52 +72,52 @@ button[data-trigger="useraction"]:hover + ._1ons7qu2-3-7-0 {
   text-decoration: var(--dt-typography-code-base-default-text-decoration, none);
   text-transform: var(--dt-typography-code-base-default-text-transform, none);
 }
-._1ons7qu9-3-7-0 {
+._1ons7qu9-3-7-1 {
   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);
 }
-._1ons7qua-3-7-0 {
+._1ons7qua-3-7-1 {
   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-7-0 ._1ons7qua-3-7-0:first-child {
+._1jrjqrd1-3-7-1 ._1ons7qua-3-7-1:first-child {
   padding-left: var(--dt-spacings-size-16, 16px);
 }
-._1ons7qua-3-7-0[data-columntype='sparkline'] {
+._1ons7qua-3-7-1[data-columntype='sparkline'] {
   padding-top: var(--dt-spacings-size-2, 2px);
   padding-bottom: var(--dt-spacings-size-2, 2px);
 }
-._1ons7qub-3-7-0 {
+._1ons7qub-3-7-1 {
   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-7-0 ._1ons7qub-3-7-0:first-child {
+._1jrjqrd1-3-7-1 ._1ons7qub-3-7-1:first-child {
   padding-left: calc(var(--dt-spacings-size-6, 6px) + var(--dt-spacings-size-4, 4px));
 }
-._1ons7qub-3-7-0[data-columntype='sparkline'] {
+._1ons7qub-3-7-1[data-columntype='sparkline'] {
   padding-top: var(--dt-spacings-size-0, 0);
   padding-bottom: var(--dt-spacings-size-0, 0);
 }
-._1ons7quc-3-7-0 {
+._1ons7quc-3-7-1 {
   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-7-0 ._1ons7quc-3-7-0:first-child {
+._1jrjqrd1-3-7-1 ._1ons7quc-3-7-1:first-child {
   padding-left: var(--dt-spacings-size-20, 20px);
 }
-._1ons7quc-3-7-0[data-columntype='sparkline'] {
+._1ons7quc-3-7-1[data-columntype='sparkline'] {
   padding-top: var(--dt-spacings-size-4, 4px);
   padding-bottom: var(--dt-spacings-size-4, 4px);
 }
-._1ons7qud-3-7-0:where(:not(:first-child,._14sp6az3-3-7-0))::before {
+._1ons7qud-3-7-1:where(:not(:first-child,._14sp6az3-3-7-1))::before {
   content: "";
   display: block;
   position: absolute;
@@ -128,15 +128,15 @@ button[data-trigger="useraction"]:hover + ._1ons7qu2-3-7-0 {
   background-color: var(--dt-colors-border-neutral-default, #dadbe4);
   max-width: 100%;
 }
-._1ons7qug-3-7-0:where(:not(._1ons7qug-3-7-0 + ._1ons7qug-3-7-0, ._1jrjqrd1-3-7-0))::before {
+._1ons7qug-3-7-1:where(:not(._1ons7qug-3-7-1 + ._1ons7qug-3-7-1, ._1jrjqrd1-3-7-1))::before {
   content: unset;
 }
-._1ons7quh-3-7-0 {
+._1ons7quh-3-7-1 {
   position: sticky;
   z-index: 2;
-  left: var(--resizing-leftPosition, var(--_1ons7qu0-3-7-0));
+  left: var(--resizing-leftPosition, var(--_1ons7qu0-3-7-1));
 }
-._1ons7quh-3-7-0:where(:not(:has(~ ._1ons7quh-3-7-0)))::after {
+._1ons7quh-3-7-1:where(:not(:has(~ ._1ons7quh-3-7-1)))::after {
   content: "";
   display: block;
   position: absolute;
@@ -147,80 +147,80 @@ button[data-trigger="useraction"]:hover + ._1ons7qu2-3-7-0 {
   max-width: 100%;
   right: 0;
 }
-._1y5fzv3-3-7-0._1y5fzv4-3-7-0 ._1ons7quh-3-7-0 {
+._1y5fzv3-3-7-1._1y5fzv4-3-7-1 ._1ons7quh-3-7-1 {
   background-color: var(--dt-colors-background-surface-default, #fff);
 }
-._1y5fzv3-3-7-0._1y5fzv5-3-7-0 ._1ons7quh-3-7-0 {
+._1y5fzv3-3-7-1._1y5fzv5-3-7-1 ._1ons7quh-3-7-1 {
   background-color: var(--dt-colors-background-container-neutral-subdued, #f9f9fa);
 }
-._15silbj0-3-7-0:hover > ._1ons7quh-3-7-0:where(:not(:has(~ ._1ons7quh-3-7-0)))::after,
-          ._15silbj4-3-7-0 > ._1ons7quh-3-7-0:where(:not(:has(~ ._1ons7quh-3-7-0)))::after,
-          ._15silbj1-3-7-0 > ._1ons7quh-3-7-0:where(:not(:has(~ ._1ons7quh-3-7-0)))::after {
+._15silbj0-3-7-1:hover > ._1ons7quh-3-7-1:where(:not(:has(~ ._1ons7quh-3-7-1)))::after,
+          ._15silbj4-3-7-1 > ._1ons7quh-3-7-1:where(:not(:has(~ ._1ons7quh-3-7-1)))::after,
+          ._15silbj1-3-7-1 > ._1ons7quh-3-7-1:where(:not(:has(~ ._1ons7quh-3-7-1)))::after {
   top: var(--dt-borders-width-default, 1px);
   bottom: var(--dt-borders-width-default, 1px);
 }
-._15silbj3-3-7-0 > ._1ons7quh-3-7-0._1ons7quh-3-7-0._1ons7quh-3-7-0:where(:not(:has(~ ._1ons7quh-3-7-0)))::after {
+._15silbj3-3-7-1 > ._1ons7quh-3-7-1._1ons7quh-3-7-1._1ons7quh-3-7-1:where(:not(:has(~ ._1ons7quh-3-7-1)))::after {
   top: var(--dt-borders-width-emphasized, 2px);
   bottom: var(--dt-borders-width-emphasized, 2px);
 }
-:is(._ytdpswb-3-7-0, ._ytdpswd-3-7-0) ._15silbj5-3-7-0._14sp6az6-3-7-0 > ._1ons7quh-3-7-0:first-child {
+:is(._ytdpswb-3-7-1, ._ytdpswd-3-7-1) ._15silbj5-3-7-1._14sp6az6-3-7-1 > ._1ons7quh-3-7-1:first-child {
   border-bottom-left-radius: calc(var(--dt-borders-radius-container-subdued, 6px) - var(--dt-borders-width-emphasized, 2px));
 }
-._15silbj0-3-7-0:hover > ._1ons7quh-3-7-0._1ons7quh-3-7-0, ._15silbj4-3-7-0 > ._1ons7quh-3-7-0._1ons7quh-3-7-0 {
+._15silbj0-3-7-1:hover > ._1ons7quh-3-7-1._1ons7quh-3-7-1, ._15silbj4-3-7-1 > ._1ons7quh-3-7-1._1ons7quh-3-7-1 {
   box-shadow: inset 0 var(--dt-borders-width-default, 1px) 0 0 var(--dt-colors-border-neutral-accent, #595a7d), inset 0 calc(var(--dt-borders-width-default, 1px) * -1) 0 0 var(--dt-colors-border-neutral-accent, #595a7d);
   background-color: var(--dt-colors-background-container-neutral-default, #f2f2f5);
 }
-._15silbj0-3-7-0:hover > ._1ons7quh-3-7-0._1ons7quh-3-7-0:first-child, ._15silbj4-3-7-0 > ._1ons7quh-3-7-0._1ons7quh-3-7-0:first-child {
+._15silbj0-3-7-1:hover > ._1ons7quh-3-7-1._1ons7quh-3-7-1:first-child, ._15silbj4-3-7-1 > ._1ons7quh-3-7-1._1ons7quh-3-7-1:first-child {
   box-shadow: inset 0 var(--dt-borders-width-default, 1px) 0 0 var(--dt-colors-border-neutral-accent, #595a7d), inset 0 calc(var(--dt-borders-width-default, 1px) * -1) 0 0 var(--dt-colors-border-neutral-accent, #595a7d), inset var(--dt-borders-width-default, 1px) 0 0 0 var(--dt-colors-border-neutral-accent, #595a7d);
 }
-._15silbj0-3-7-0:hover > ._1ons7quh-3-7-0._1ons7quh-3-7-0:last-child, ._15silbj4-3-7-0 > ._1ons7quh-3-7-0._1ons7quh-3-7-0:last-child {
+._15silbj0-3-7-1:hover > ._1ons7quh-3-7-1._1ons7quh-3-7-1:last-child, ._15silbj4-3-7-1 > ._1ons7quh-3-7-1._1ons7quh-3-7-1:last-child {
   box-shadow: inset 0 var(--dt-borders-width-default, 1px) 0 0 var(--dt-colors-border-neutral-accent, #595a7d), inset 0 calc(var(--dt-borders-width-default, 1px) * -1) 0 0 var(--dt-colors-border-neutral-accent, #595a7d), inset calc(var(--dt-borders-width-default, 1px) * -1) 0 0 0 var(--dt-colors-border-neutral-accent, #595a7d);
 }
-._15silbj1-3-7-0 > ._1ons7quh-3-7-0 {
+._15silbj1-3-7-1 > ._1ons7quh-3-7-1 {
   box-shadow: inset 0 var(--dt-borders-width-default, 1px) 0 0 var(--dt-colors-border-primary-accent, #464cce), inset 0 calc(var(--dt-borders-width-default, 1px) * -1) 0 0 var(--dt-colors-border-primary-accent, #464cce);
 }
-._15silbj1-3-7-0 > ._1ons7quh-3-7-0:first-child {
+._15silbj1-3-7-1 > ._1ons7quh-3-7-1:first-child {
   box-shadow: inset 0 var(--dt-borders-width-default, 1px) 0 0 var(--dt-colors-border-primary-accent, #464cce), inset 0 calc(var(--dt-borders-width-default, 1px) * -1) 0 0 var(--dt-colors-border-primary-accent, #464cce), inset var(--dt-borders-width-default, 1px) 0 0 0 var(--dt-colors-border-primary-accent, #464cce);
 }
-._15silbj1-3-7-0 > ._1ons7quh-3-7-0:last-child {
+._15silbj1-3-7-1 > ._1ons7quh-3-7-1:last-child {
   box-shadow: inset 0 var(--dt-borders-width-default, 1px) 0 0 var(--dt-colors-border-primary-accent, #464cce), inset 0 calc(var(--dt-borders-width-default, 1px) * -1) 0 0 var(--dt-colors-border-primary-accent, #464cce), inset calc(var(--dt-borders-width-default, 1px) * -1) 0 0 0 var(--dt-colors-border-primary-accent, #464cce);
 }
-._15silbj1-3-7-0:hover > ._1ons7quh-3-7-0, ._15silbj1-3-7-0._15silbj4-3-7-0 > ._1ons7quh-3-7-0 {
+._15silbj1-3-7-1:hover > ._1ons7quh-3-7-1, ._15silbj1-3-7-1._15silbj4-3-7-1 > ._1ons7quh-3-7-1 {
   box-shadow: inset 0 var(--dt-borders-width-default, 1px) 0 0 var(--dt-colors-border-primary-accent-hover, #3431b3), inset 0 calc(var(--dt-borders-width-default, 1px) * -1) 0 0 var(--dt-colors-border-primary-accent-hover, #3431b3);
   background-color: var(--dt-colors-background-container-primary-default, #f1f2f9);
 }
-._15silbj1-3-7-0:hover > ._1ons7quh-3-7-0:first-child, ._15silbj1-3-7-0._15silbj4-3-7-0 > ._1ons7quh-3-7-0:first-child {
+._15silbj1-3-7-1:hover > ._1ons7quh-3-7-1:first-child, ._15silbj1-3-7-1._15silbj4-3-7-1 > ._1ons7quh-3-7-1:first-child {
   box-shadow: inset 0 var(--dt-borders-width-default, 1px) 0 0 var(--dt-colors-border-primary-accent-hover, #3431b3), inset 0 calc(var(--dt-borders-width-default, 1px) * -1) 0 0 var(--dt-colors-border-primary-accent-hover, #3431b3), inset var(--dt-borders-width-default, 1px) 0 0 0 var(--dt-colors-border-primary-accent-hover, #3431b3);
 }
-._15silbj1-3-7-0:hover > ._1ons7quh-3-7-0:last-child, ._15silbj1-3-7-0._15silbj4-3-7-0 > ._1ons7quh-3-7-0:last-child {
+._15silbj1-3-7-1:hover > ._1ons7quh-3-7-1:last-child, ._15silbj1-3-7-1._15silbj4-3-7-1 > ._1ons7quh-3-7-1:last-child {
   box-shadow: inset 0 var(--dt-borders-width-default, 1px) 0 0 var(--dt-colors-border-primary-accent-hover, #3431b3), inset 0 calc(var(--dt-borders-width-default, 1px) * -1) 0 0 var(--dt-colors-border-primary-accent-hover, #3431b3), inset calc(var(--dt-borders-width-default, 1px) * -1) 0 0 0 var(--dt-colors-border-primary-accent-hover, #3431b3);
 }
-._15silbj3-3-7-0 > ._1ons7quh-3-7-0._1ons7quh-3-7-0 {
+._15silbj3-3-7-1 > ._1ons7quh-3-7-1._1ons7quh-3-7-1 {
   box-shadow: inset 0 var(--dt-borders-width-emphasized, 2px) 0 0 var(--dt-colors-border-neutral-accent, #595a7d), inset 0 calc(var(--dt-borders-width-emphasized, 2px) * -1) 0 0 var(--dt-colors-border-neutral-accent, #595a7d), inset 0 calc(var(--dt-borders-width-emphasized, 2px) + 1px) 0 0 var(--dt-colors-border-neutral-default, #dadbe4), inset 0 calc((var(--dt-borders-width-emphasized, 2px) + 1px) * -1) 0 0 var(--dt-colors-border-neutral-default, #dadbe4);
   background-color: var(--dt-colors-background-container-neutral-default, #f2f2f5);
 }
-._15silbj3-3-7-0 > ._1ons7quh-3-7-0._1ons7quh-3-7-0:first-child {
+._15silbj3-3-7-1 > ._1ons7quh-3-7-1._1ons7quh-3-7-1:first-child {
   box-shadow: inset 0 var(--dt-borders-width-emphasized, 2px) 0 0 var(--dt-colors-border-neutral-accent, #595a7d), inset 0 calc(var(--dt-borders-width-emphasized, 2px) * -1) 0 0 var(--dt-colors-border-neutral-accent, #595a7d), inset var(--dt-borders-width-emphasized, 2px) 0 0 0 var(--dt-colors-border-neutral-accent, #595a7d), inset 0 calc(var(--dt-borders-width-emphasized, 2px) + 1px) 0 0 var(--dt-colors-border-neutral-default, #dadbe4), inset 0 calc((var(--dt-borders-width-emphasized, 2px) + 1px) * -1) 0 0 var(--dt-colors-border-neutral-default, #dadbe4), inset calc(var(--dt-borders-width-emphasized, 2px) + 1px) 0 0 0 var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._15silbj3-3-7-0 > ._1ons7quh-3-7-0._1ons7quh-3-7-0:last-child {
+._15silbj3-3-7-1 > ._1ons7quh-3-7-1._1ons7quh-3-7-1:last-child {
   box-shadow: inset 0 var(--dt-borders-width-emphasized, 2px) 0 0 var(--dt-colors-border-neutral-accent, #595a7d), inset 0 calc(var(--dt-borders-width-emphasized, 2px) * -1) 0 0 var(--dt-colors-border-neutral-accent, #595a7d), inset calc(var(--dt-borders-width-emphasized, 2px) * -1) 0 0 0 var(--dt-colors-border-neutral-accent, #595a7d), inset 0 calc(var(--dt-borders-width-emphasized, 2px) + 1px) 0 0 var(--dt-colors-border-neutral-default, #dadbe4), inset 0 calc((var(--dt-borders-width-emphasized, 2px) + 1px) * -1) 0 0 var(--dt-colors-border-neutral-default, #dadbe4), inset calc((var(--dt-borders-width-emphasized, 2px) + 1px) * -1) 0 0 0 var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._15silbj3-3-7-0._15silbj1-3-7-0 > ._1ons7quh-3-7-0._1ons7quh-3-7-0 {
+._15silbj3-3-7-1._15silbj1-3-7-1 > ._1ons7quh-3-7-1._1ons7quh-3-7-1 {
   box-shadow: inset 0 var(--dt-borders-width-emphasized, 2px) 0 0 var(--dt-colors-border-primary-accent, #464cce), inset 0 calc(var(--dt-borders-width-emphasized, 2px) * -1) 0 0 var(--dt-colors-border-primary-accent, #464cce), inset 0 calc(var(--dt-borders-width-emphasized, 2px) + 1px) 0 0 var(--dt-colors-border-neutral-default, #dadbe4), inset 0 calc((var(--dt-borders-width-emphasized, 2px) + 1px) * -1) 0 0 var(--dt-colors-border-neutral-default, #dadbe4);
   background-color: var(--dt-colors-background-container-primary-default, #f1f2f9);
 }
-._15silbj3-3-7-0._15silbj1-3-7-0 > ._1ons7quh-3-7-0._1ons7quh-3-7-0:first-child {
+._15silbj3-3-7-1._15silbj1-3-7-1 > ._1ons7quh-3-7-1._1ons7quh-3-7-1:first-child {
   box-shadow: inset 0 var(--dt-borders-width-emphasized, 2px) 0 0 var(--dt-colors-border-primary-accent, #464cce), inset 0 calc(var(--dt-borders-width-emphasized, 2px) * -1) 0 0 var(--dt-colors-border-primary-accent, #464cce), inset var(--dt-borders-width-emphasized, 2px) 0 0 0 var(--dt-colors-border-primary-accent, #464cce), inset 0 calc(var(--dt-borders-width-emphasized, 2px) + 1px) 0 0 var(--dt-colors-border-neutral-default, #dadbe4), inset 0 calc((var(--dt-borders-width-emphasized, 2px) + 1px) * -1) 0 0 var(--dt-colors-border-neutral-default, #dadbe4), inset calc(var(--dt-borders-width-emphasized, 2px) + 1px) 0 0 0 var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._15silbj3-3-7-0._15silbj1-3-7-0 > ._1ons7quh-3-7-0._1ons7quh-3-7-0:last-child {
+._15silbj3-3-7-1._15silbj1-3-7-1 > ._1ons7quh-3-7-1._1ons7quh-3-7-1:last-child {
   box-shadow: inset 0 var(--dt-borders-width-emphasized, 2px) 0 0 var(--dt-colors-border-primary-accent, #464cce), inset 0 calc(var(--dt-borders-width-emphasized, 2px) * -1) 0 0 var(--dt-colors-border-primary-accent, #464cce), inset calc(var(--dt-borders-width-emphasized, 2px) * -1) 0 0 0 var(--dt-colors-border-primary-accent, #464cce), inset 0 calc(var(--dt-borders-width-emphasized, 2px) + 1px) 0 0 var(--dt-colors-border-neutral-default, #dadbe4), inset 0 calc((var(--dt-borders-width-emphasized, 2px) + 1px) * -1) 0 0 var(--dt-colors-border-neutral-default, #dadbe4), inset calc((var(--dt-borders-width-emphasized, 2px) + 1px) * -1) 0 0 0 var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._1ons7qui-3-7-0 {
+._1ons7qui-3-7-1 {
   position: sticky;
   z-index: 3;
-  right: var(--resizing-rightPosition, var(--_1ons7qu1-3-7-0));
+  right: var(--resizing-rightPosition, var(--_1ons7qu1-3-7-1));
 }
-._1ons7qui-3-7-0:where(:not(._1ons7qui-3-7-0 + ._1ons7qui-3-7-0))::before {
+._1ons7qui-3-7-1:where(:not(._1ons7qui-3-7-1 + ._1ons7qui-3-7-1))::before {
   content: "";
   display: block;
   position: absolute;
@@ -231,110 +231,110 @@ button[data-trigger="useraction"]:hover + ._1ons7qu2-3-7-0 {
   max-width: 100%;
   left: 0;
 }
-._1y5fzv3-3-7-0._1y5fzv4-3-7-0 ._1ons7qui-3-7-0 {
+._1y5fzv3-3-7-1._1y5fzv4-3-7-1 ._1ons7qui-3-7-1 {
   background-color: var(--dt-colors-background-surface-default, #fff);
 }
-._1y5fzv3-3-7-0._1y5fzv5-3-7-0 ._1ons7qui-3-7-0 {
+._1y5fzv3-3-7-1._1y5fzv5-3-7-1 ._1ons7qui-3-7-1 {
   background-color: var(--dt-colors-background-container-neutral-subdued, #f9f9fa);
 }
-._15silbj0-3-7-0:hover > ._1ons7qui-3-7-0:where(:not(._1ons7qui-3-7-0 + ._1ons7qui-3-7-0))::before,
-          ._15silbj4-3-7-0 > ._1ons7qui-3-7-0:where(:not(._1ons7qui-3-7-0 + ._1ons7qui-3-7-0))::before,
-          ._15silbj1-3-7-0 > ._1ons7qui-3-7-0:where(:not(._1ons7qui-3-7-0 + ._1ons7qui-3-7-0))::before {
+._15silbj0-3-7-1:hover > ._1ons7qui-3-7-1:where(:not(._1ons7qui-3-7-1 + ._1ons7qui-3-7-1))::before,
+          ._15silbj4-3-7-1 > ._1ons7qui-3-7-1:where(:not(._1ons7qui-3-7-1 + ._1ons7qui-3-7-1))::before,
+          ._15silbj1-3-7-1 > ._1ons7qui-3-7-1:where(:not(._1ons7qui-3-7-1 + ._1ons7qui-3-7-1))::before {
   top: var(--dt-borders-width-default, 1px);
   bottom: var(--dt-borders-width-default, 1px);
 }
-._15silbj3-3-7-0 > ._1ons7qui-3-7-0._1ons7qui-3-7-0._1ons7qui-3-7-0:where(:not(._1ons7qui-3-7-0 + ._1ons7qui-3-7-0))::before {
+._15silbj3-3-7-1 > ._1ons7qui-3-7-1._1ons7qui-3-7-1._1ons7qui-3-7-1:where(:not(._1ons7qui-3-7-1 + ._1ons7qui-3-7-1))::before {
   top: var(--dt-borders-width-emphasized, 2px);
   bottom: var(--dt-borders-width-emphasized, 2px);
 }
-._ytdpswb-3-7-0 ._15silbj5-3-7-0._14sp6az6-3-7-0 > ._1ons7qui-3-7-0:last-child {
+._ytdpswb-3-7-1 ._15silbj5-3-7-1._14sp6az6-3-7-1 > ._1ons7qui-3-7-1:last-child {
   border-bottom-right-radius: calc(var(--dt-borders-radius-container-subdued, 6px) - var(--dt-borders-width-emphasized, 2px));
 }
-._15silbj0-3-7-0:hover > ._1ons7qui-3-7-0._1ons7qui-3-7-0, ._15silbj4-3-7-0 > ._1ons7qui-3-7-0._1ons7qui-3-7-0 {
+._15silbj0-3-7-1:hover > ._1ons7qui-3-7-1._1ons7qui-3-7-1, ._15silbj4-3-7-1 > ._1ons7qui-3-7-1._1ons7qui-3-7-1 {
   box-shadow: inset 0 var(--dt-borders-width-default, 1px) 0 0 var(--dt-colors-border-neutral-accent, #595a7d), inset 0 calc(var(--dt-borders-width-default, 1px) * -1) 0 0 var(--dt-colors-border-neutral-accent, #595a7d);
   background-color: var(--dt-colors-background-container-neutral-default, #f2f2f5);
 }
-._15silbj0-3-7-0:hover > ._1ons7qui-3-7-0._1ons7qui-3-7-0:first-child, ._15silbj4-3-7-0 > ._1ons7qui-3-7-0._1ons7qui-3-7-0:first-child {
+._15silbj0-3-7-1:hover > ._1ons7qui-3-7-1._1ons7qui-3-7-1:first-child, ._15silbj4-3-7-1 > ._1ons7qui-3-7-1._1ons7qui-3-7-1:first-child {
   box-shadow: inset 0 var(--dt-borders-width-default, 1px) 0 0 var(--dt-colors-border-neutral-accent, #595a7d), inset 0 calc(var(--dt-borders-width-default, 1px) * -1) 0 0 var(--dt-colors-border-neutral-accent, #595a7d), inset var(--dt-borders-width-default, 1px) 0 0 0 var(--dt-colors-border-neutral-accent, #595a7d);
 }
-._15silbj0-3-7-0:hover > ._1ons7qui-3-7-0._1ons7qui-3-7-0:last-child, ._15silbj4-3-7-0 > ._1ons7qui-3-7-0._1ons7qui-3-7-0:last-child {
+._15silbj0-3-7-1:hover > ._1ons7qui-3-7-1._1ons7qui-3-7-1:last-child, ._15silbj4-3-7-1 > ._1ons7qui-3-7-1._1ons7qui-3-7-1:last-child {
   box-shadow: inset 0 var(--dt-borders-width-default, 1px) 0 0 var(--dt-colors-border-neutral-accent, #595a7d), inset 0 calc(var(--dt-borders-width-default, 1px) * -1) 0 0 var(--dt-colors-border-neutral-accent, #595a7d), inset calc(var(--dt-borders-width-default, 1px) * -1) 0 0 0 var(--dt-colors-border-neutral-accent, #595a7d);
 }
-._15silbj1-3-7-0 > ._1ons7qui-3-7-0 {
+._15silbj1-3-7-1 > ._1ons7qui-3-7-1 {
   box-shadow: inset 0 var(--dt-borders-width-default, 1px) 0 0 var(--dt-colors-border-primary-accent, #464cce), inset 0 calc(var(--dt-borders-width-default, 1px) * -1) 0 0 var(--dt-colors-border-primary-accent, #464cce);
 }
-._15silbj1-3-7-0 > ._1ons7qui-3-7-0:first-child {
+._15silbj1-3-7-1 > ._1ons7qui-3-7-1:first-child {
   box-shadow: inset 0 var(--dt-borders-width-default, 1px) 0 0 var(--dt-colors-border-primary-accent, #464cce), inset 0 calc(var(--dt-borders-width-default, 1px) * -1) 0 0 var(--dt-colors-border-primary-accent, #464cce), inset var(--dt-borders-width-default, 1px) 0 0 0 var(--dt-colors-border-primary-accent, #464cce);
 }
-._15silbj1-3-7-0 > ._1ons7qui-3-7-0:last-child {
+._15silbj1-3-7-1 > ._1ons7qui-3-7-1:last-child {
   box-shadow: inset 0 var(--dt-borders-width-default, 1px) 0 0 var(--dt-colors-border-primary-accent, #464cce), inset 0 calc(var(--dt-borders-width-default, 1px) * -1) 0 0 var(--dt-colors-border-primary-accent, #464cce), inset calc(var(--dt-borders-width-default, 1px) * -1) 0 0 0 var(--dt-colors-border-primary-accent, #464cce);
 }
-._15silbj1-3-7-0:hover > ._1ons7qui-3-7-0, ._15silbj1-3-7-0._15silbj4-3-7-0 > ._1ons7qui-3-7-0 {
+._15silbj1-3-7-1:hover > ._1ons7qui-3-7-1, ._15silbj1-3-7-1._15silbj4-3-7-1 > ._1ons7qui-3-7-1 {
   box-shadow: inset 0 var(--dt-borders-width-default, 1px) 0 0 var(--dt-colors-border-primary-accent-hover, #3431b3), inset 0 calc(var(--dt-borders-width-default, 1px) * -1) 0 0 var(--dt-colors-border-primary-accent-hover, #3431b3);
   background-color: var(--dt-colors-background-container-primary-default, #f1f2f9);
 }
-._15silbj1-3-7-0:hover > ._1ons7qui-3-7-0:first-child, ._15silbj1-3-7-0._15silbj4-3-7-0 > ._1ons7qui-3-7-0:first-child {
+._15silbj1-3-7-1:hover > ._1ons7qui-3-7-1:first-child, ._15silbj1-3-7-1._15silbj4-3-7-1 > ._1ons7qui-3-7-1:first-child {
   box-shadow: inset 0 var(--dt-borders-width-default, 1px) 0 0 var(--dt-colors-border-primary-accent-hover, #3431b3), inset 0 calc(var(--dt-borders-width-default, 1px) * -1) 0 0 var(--dt-colors-border-primary-accent-hover, #3431b3), inset var(--dt-borders-width-default, 1px) 0 0 0 var(--dt-colors-border-primary-accent-hover, #3431b3);
 }
-._15silbj1-3-7-0:hover > ._1ons7qui-3-7-0:last-child, ._15silbj1-3-7-0._15silbj4-3-7-0 > ._1ons7qui-3-7-0:last-child {
+._15silbj1-3-7-1:hover > ._1ons7qui-3-7-1:last-child, ._15silbj1-3-7-1._15silbj4-3-7-1 > ._1ons7qui-3-7-1:last-child {
   box-shadow: inset 0 var(--dt-borders-width-default, 1px) 0 0 var(--dt-colors-border-primary-accent-hover, #3431b3), inset 0 calc(var(--dt-borders-width-default, 1px) * -1) 0 0 var(--dt-colors-border-primary-accent-hover, #3431b3), inset calc(var(--dt-borders-width-default, 1px) * -1) 0 0 0 var(--dt-colors-border-primary-accent-hover, #3431b3);
 }
-._15silbj3-3-7-0 > ._1ons7qui-3-7-0._1ons7qui-3-7-0 {
+._15silbj3-3-7-1 > ._1ons7qui-3-7-1._1ons7qui-3-7-1 {
   box-shadow: inset 0 var(--dt-borders-width-emphasized, 2px) 0 0 var(--dt-colors-border-neutral-accent, #595a7d), inset 0 calc(var(--dt-borders-width-emphasized, 2px) * -1) 0 0 var(--dt-colors-border-neutral-accent, #595a7d), inset 0 calc(var(--dt-borders-width-emphasized, 2px) + 1px) 0 0 var(--dt-colors-border-neutral-default, #dadbe4), inset 0 calc((var(--dt-borders-width-emphasized, 2px) + 1px) * -1) 0 0 var(--dt-colors-border-neutral-default, #dadbe4);
   background-color: var(--dt-colors-background-container-neutral-default, #f2f2f5);
 }
-._15silbj3-3-7-0 > ._1ons7qui-3-7-0._1ons7qui-3-7-0:first-child {
+._15silbj3-3-7-1 > ._1ons7qui-3-7-1._1ons7qui-3-7-1:first-child {
   box-shadow: inset 0 var(--dt-borders-width-emphasized, 2px) 0 0 var(--dt-colors-border-neutral-accent, #595a7d), inset 0 calc(var(--dt-borders-width-emphasized, 2px) * -1) 0 0 var(--dt-colors-border-neutral-accent, #595a7d), inset var(--dt-borders-width-emphasized, 2px) 0 0 0 var(--dt-colors-border-neutral-accent, #595a7d), inset 0 calc(var(--dt-borders-width-emphasized, 2px) + 1px) 0 0 var(--dt-colors-border-neutral-default, #dadbe4), inset 0 calc((var(--dt-borders-width-emphasized, 2px) + 1px) * -1) 0 0 var(--dt-colors-border-neutral-default, #dadbe4), inset calc(var(--dt-borders-width-emphasized, 2px) + 1px) 0 0 0 var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._15silbj3-3-7-0 > ._1ons7qui-3-7-0._1ons7qui-3-7-0:last-child {
+._15silbj3-3-7-1 > ._1ons7qui-3-7-1._1ons7qui-3-7-1:last-child {
   box-shadow: inset 0 var(--dt-borders-width-emphasized, 2px) 0 0 var(--dt-colors-border-neutral-accent, #595a7d), inset 0 calc(var(--dt-borders-width-emphasized, 2px) * -1) 0 0 var(--dt-colors-border-neutral-accent, #595a7d), inset calc(var(--dt-borders-width-emphasized, 2px) * -1) 0 0 0 var(--dt-colors-border-neutral-accent, #595a7d), inset 0 calc(var(--dt-borders-width-emphasized, 2px) + 1px) 0 0 var(--dt-colors-border-neutral-default, #dadbe4), inset 0 calc((var(--dt-borders-width-emphasized, 2px) + 1px) * -1) 0 0 var(--dt-colors-border-neutral-default, #dadbe4), inset calc((var(--dt-borders-width-emphasized, 2px) + 1px) * -1) 0 0 0 var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._15silbj3-3-7-0._15silbj1-3-7-0 > ._1ons7qui-3-7-0._1ons7qui-3-7-0 {
+._15silbj3-3-7-1._15silbj1-3-7-1 > ._1ons7qui-3-7-1._1ons7qui-3-7-1 {
   box-shadow: inset 0 var(--dt-borders-width-emphasized, 2px) 0 0 var(--dt-colors-border-primary-accent, #464cce), inset 0 calc(var(--dt-borders-width-emphasized, 2px) * -1) 0 0 var(--dt-colors-border-primary-accent, #464cce), inset 0 calc(var(--dt-borders-width-emphasized, 2px) + 1px) 0 0 var(--dt-colors-border-neutral-default, #dadbe4), inset 0 calc((var(--dt-borders-width-emphasized, 2px) + 1px) * -1) 0 0 var(--dt-colors-border-neutral-default, #dadbe4);
   background-color: var(--dt-colors-background-container-primary-default, #f1f2f9);
 }
-._15silbj3-3-7-0._15silbj1-3-7-0 > ._1ons7qui-3-7-0._1ons7qui-3-7-0:first-child {
+._15silbj3-3-7-1._15silbj1-3-7-1 > ._1ons7qui-3-7-1._1ons7qui-3-7-1:first-child {
   box-shadow: inset 0 var(--dt-borders-width-emphasized, 2px) 0 0 var(--dt-colors-border-primary-accent, #464cce), inset 0 calc(var(--dt-borders-width-emphasized, 2px) * -1) 0 0 var(--dt-colors-border-primary-accent, #464cce), inset var(--dt-borders-width-emphasized, 2px) 0 0 0 var(--dt-colors-border-primary-accent, #464cce), inset 0 calc(var(--dt-borders-width-emphasized, 2px) + 1px) 0 0 var(--dt-colors-border-neutral-default, #dadbe4), inset 0 calc((var(--dt-borders-width-emphasized, 2px) + 1px) * -1) 0 0 var(--dt-colors-border-neutral-default, #dadbe4), inset calc(var(--dt-borders-width-emphasized, 2px) + 1px) 0 0 0 var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._15silbj3-3-7-0._15silbj1-3-7-0 > ._1ons7qui-3-7-0._1ons7qui-3-7-0:last-child {
+._15silbj3-3-7-1._15silbj1-3-7-1 > ._1ons7qui-3-7-1._1ons7qui-3-7-1:last-child {
   box-shadow: inset 0 var(--dt-borders-width-emphasized, 2px) 0 0 var(--dt-colors-border-primary-accent, #464cce), inset 0 calc(var(--dt-borders-width-emphasized, 2px) * -1) 0 0 var(--dt-colors-border-primary-accent, #464cce), inset calc(var(--dt-borders-width-emphasized, 2px) * -1) 0 0 0 var(--dt-colors-border-primary-accent, #464cce), inset 0 calc(var(--dt-borders-width-emphasized, 2px) + 1px) 0 0 var(--dt-colors-border-neutral-default, #dadbe4), inset 0 calc((var(--dt-borders-width-emphasized, 2px) + 1px) * -1) 0 0 var(--dt-colors-border-neutral-default, #dadbe4), inset calc((var(--dt-borders-width-emphasized, 2px) + 1px) * -1) 0 0 0 var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._1ons7quk-3-7-0 {
+._1ons7quk-3-7-1 {
   background-color: var(--dt-colors-background-surface-default, #fff);
 }
-._1ons7qul-3-7-0 {
+._1ons7qul-3-7-1 {
   background-color: var(--dt-colors-background-base-default, #f9f9fa);
 }
-._1ons7qum-3-7-0 {
+._1ons7qum-3-7-1 {
   width: 100%;
 }
-._1ons7qun-3-7-0 {
+._1ons7qun-3-7-1 {
   white-space: normal;
   text-overflow: initial;
   word-break: normal;
   overflow-wrap: anywhere;
 }
-._1ons7quo-3-7-0 {
+._1ons7quo-3-7-1 {
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   max-width: 100%;
   min-width: 0;
 }
-._1ons7qup-3-7-0 {
+._1ons7qup-3-7-1 {
   background-color: var(--dt-colors-background-field-neutral-default-hover, #dadbe4);
 }
-body:not([data-scroll-locked], ._17437gx0-3-7-0) ._1ons7qu2-3-7-0 button, body:not([data-scroll-locked], ._17437gx0-3-7-0) ._1ons7qu2-3-7-0 a, body:not([data-scroll-locked], ._17437gx0-3-7-0) ._1ons7qu2-3-7-0 [tabindex="0"], body:not([data-scroll-locked], ._17437gx0-3-7-0) ._1ons7qu2-3-7-0 input, body:not([data-scroll-locked], ._17437gx0-3-7-0) ._1ons7qu2-3-7-0 label {
+body:not([data-scroll-locked], ._17437gx0-3-7-1) ._1ons7qu2-3-7-1 button, body:not([data-scroll-locked], ._17437gx0-3-7-1) ._1ons7qu2-3-7-1 a, body:not([data-scroll-locked], ._17437gx0-3-7-1) ._1ons7qu2-3-7-1 [tabindex="0"], body:not([data-scroll-locked], ._17437gx0-3-7-1) ._1ons7qu2-3-7-1 input, body:not([data-scroll-locked], ._17437gx0-3-7-1) ._1ons7qu2-3-7-1 label {
   pointer-events: auto;
 }
-._1ons7qu2-3-7-0._1ons7qu5-3-7-0 .prism-code.language-log {
+._1ons7qu2-3-7-1._1ons7qu5-3-7-1 .prism-code.language-log {
   max-width: 100%;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
 @media (pointer: coarse) {
-  ._1ons7qu2-3-7-0 {
+  ._1ons7qu2-3-7-1 {
     -webkit-touch-callout: none;
     -webkit-user-select: none;
     user-select: none;

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

@@ -37,10 +37,10 @@ var import_ColumnSizing_css_ts_vanilla = require("../features/ColumnSizing/Colum
 var import_Thresholds_css_ts_vanilla = require("../features/Thresholds/Thresholds.css");
 var import_DataTableCell_css_ts_vanilla = require("./DataTableCell.css");
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var activeInteraction = "_1ons7qup-3-7-0";
-var innerCell = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1ons7qum-3-7-0", variantClassNames: { lineWrap: { true: "_1ons7qun-3-7-0", false: "_1ons7quo-3-7-0" } }, defaultVariants: {}, compoundVariants: [] });
-var leftPositionVar = "var(--_1ons7qu0-3-7-0)";
+var activeInteraction = "_1ons7qup-3-7-1";
+var innerCell = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1ons7qum-3-7-1", variantClassNames: { lineWrap: { true: "_1ons7qun-3-7-1", false: "_1ons7quo-3-7-1" } }, defaultVariants: {}, compoundVariants: [] });
+var leftPositionVar = "var(--_1ons7qu0-3-7-1)";
 var lineWrapFalse = { overflow: "hidden", whiteSpace: "nowrap", textOverflow: "ellipsis", maxWidth: "100%", minWidth: 0 };
 var lineWrapTrue = { whiteSpace: "normal", textOverflow: "initial", wordBreak: "normal", overflowWrap: "anywhere" };
-var outerCell = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1ons7qu2-3-7-0", variantClassNames: { prefixColumn: { true: "_1ons7qu3-3-7-0" }, lineWrap: { true: "_1ons7qu4-3-7-0", false: "_1ons7qu5-3-7-0" }, fontStyle: { text: "_1ons7qu6-3-7-0", code: "_1ons7qu7-3-7-0", inherit: "_1ons7qu8-3-7-0" }, rowDensity: { customCellRenderer: "_1ons7qu9-3-7-0", "default": "_1ons7qua-3-7-0", condensed: "_1ons7qub-3-7-0", comfortable: "_1ons7quc-3-7-0" }, verticalDividers: { true: "_1ons7qud-3-7-0", false: "_1ons7que-3-7-0" }, interactiveRows: { false: "_1ons7quf-3-7-0" }, pinnedColumn: { false: "_1ons7qug-3-7-0", left: "_1ons7quh-3-7-0", right: "_1ons7qui-3-7-0" }, background: { false: "_1ons7quj-3-7-0", contained: "_1ons7quk-3-7-0", uncontained: "_1ons7qul-3-7-0" } }, defaultVariants: { fontStyle: "text", rowDensity: "default", verticalDividers: false }, compoundVariants: [] });
-var rightPositionVar = "var(--_1ons7qu1-3-7-0)";
+var outerCell = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1ons7qu2-3-7-1", variantClassNames: { prefixColumn: { true: "_1ons7qu3-3-7-1" }, lineWrap: { true: "_1ons7qu4-3-7-1", false: "_1ons7qu5-3-7-1" }, fontStyle: { text: "_1ons7qu6-3-7-1", code: "_1ons7qu7-3-7-1", inherit: "_1ons7qu8-3-7-1" }, rowDensity: { customCellRenderer: "_1ons7qu9-3-7-1", "default": "_1ons7qua-3-7-1", condensed: "_1ons7qub-3-7-1", comfortable: "_1ons7quc-3-7-1" }, verticalDividers: { true: "_1ons7qud-3-7-1", false: "_1ons7que-3-7-1" }, interactiveRows: { false: "_1ons7quf-3-7-1" }, pinnedColumn: { false: "_1ons7qug-3-7-1", left: "_1ons7quh-3-7-1", right: "_1ons7qui-3-7-1" }, background: { false: "_1ons7quj-3-7-1", contained: "_1ons7quk-3-7-1", uncontained: "_1ons7qul-3-7-1" } }, defaultVariants: { fontStyle: "text", rowDensity: "default", verticalDividers: false }, compoundVariants: [] });
+var rightPositionVar = "var(--_1ons7qu1-3-7-1)";

package/tables/DataTable/components/DataTableDefaultCell.css

@@ -1,4 +1,4 @@
-._14k72810-3-7-0 {
+._14k72810-3-7-1 {
   height: 100%;
   width: 100%;
   max-width: 100%;
@@ -8,88 +8,88 @@
   align-items: inherit;
   overflow: hidden;
 }
-._11pvd3zt-3-7-0:not(:where(._11pvd3zx-3-7-0)._11pvd3z5-3-7-0) ._14k72810-3-7-0 {
+._11pvd3zt-3-7-1:not(:where(._11pvd3zx-3-7-1)._11pvd3z5-3-7-1) ._14k72810-3-7-1 {
   width: fit-content;
 }
-._14sp6az3-3-7-0+._14sp6az3-3-7-0 ._14k72810-3-7-0 {
+._14sp6az3-3-7-1+._14sp6az3-3-7-1 ._14k72810-3-7-1 {
   padding-left: var(--dt-spacings-size-0, 0);
 }
-._11pvd3z0-3-7-0._11pvd3z2-3-7-0 ._14k72810-3-7-0:where(._yj6voi1-3-7-0, ._yj6voi2-3-7-0) {
+._11pvd3z0-3-7-1._11pvd3z2-3-7-1 ._14k72810-3-7-1:where(._yj6voi1-3-7-1, ._yj6voi2-3-7-1) {
   padding-right: var(--dt-spacings-size-0, 0);
 }
-._11pvd3z0-3-7-0 ._14k72810-3-7-0:where(._yj6voi1-3-7-0, ._yj6voi2-3-7-0):has(+ [data-trigger="useraction"]) {
+._11pvd3z0-3-7-1 ._14k72810-3-7-1:where(._yj6voi1-3-7-1, ._yj6voi2-3-7-1):has(+ [data-trigger="useraction"]) {
   padding-right: var(--dt-spacings-size-0, 0);
 }
-._11pvd3z0-3-7-0._11pvd3z2-3-7-0 ._14k72810-3-7-0._yj6voi0-3-7-0 {
+._11pvd3z0-3-7-1._11pvd3z2-3-7-1 ._14k72810-3-7-1._yj6voi0-3-7-1 {
   padding-left: var(--dt-spacings-size-0, 0);
 }
-._11pvd3z0-3-7-0 ._14k72810-3-7-0._yj6voi0-3-7-0:has(+ [data-trigger="useraction"]) {
+._11pvd3z0-3-7-1 ._14k72810-3-7-1._yj6voi0-3-7-1:has(+ [data-trigger="useraction"]) {
   padding-left: var(--dt-spacings-size-0, 0);
 }
-:where(._11pvd3zx-3-7-0):is([aria-sort="ascending"], [aria-sort="descending"]) ._14k72810-3-7-0:not(._yj6voi0-3-7-0) {
+:where(._11pvd3zx-3-7-1):is([aria-sort="ascending"], [aria-sort="descending"]) ._14k72810-3-7-1:not(._yj6voi0-3-7-1) {
   padding-right: var(--dt-spacings-size-0, 0);
 }
-:where(._11pvd3zx-3-7-0):is([aria-sort="ascending"], [aria-sort="descending"]) ._14k72810-3-7-0._yj6voi0-3-7-0 {
+:where(._11pvd3zx-3-7-1):is([aria-sort="ascending"], [aria-sort="descending"]) ._14k72810-3-7-1._yj6voi0-3-7-1 {
   padding-left: var(--dt-spacings-size-0, 0);
 }
-._14k72811-3-7-0 {
+._14k72811-3-7-1 {
   white-space: normal;
   text-overflow: initial;
   word-break: normal;
   overflow-wrap: anywhere;
 }
-._14k72812-3-7-0 {
+._14k72812-3-7-1 {
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   max-width: 100%;
   min-width: 0;
 }
-._14k72813-3-7-0 {
+._14k72813-3-7-1 {
   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-7-0 ._1ons7qu2-3-7-0:first-child:not(._14sp6az3-3-7-0) ._14k72813-3-7-0 {
+._1jrjqrd1-3-7-1 ._1ons7qu2-3-7-1:first-child:not(._14sp6az3-3-7-1) ._14k72813-3-7-1 {
   padding-left: var(--dt-spacings-size-16, 16px);
 }
-._1jrjqrd1-3-7-0 ._14sp6az3-3-7-0:first-child ._14k72813-3-7-0 {
+._1jrjqrd1-3-7-1 ._14sp6az3-3-7-1:first-child ._14k72813-3-7-1 {
   padding-left: var(--dt-spacings-size-12, 12px);
 }
-._14sp6az3-3-7-0 ._14k72813-3-7-0 {
+._14sp6az3-3-7-1 ._14k72813-3-7-1 {
   padding-right: var(--dt-spacings-size-8, 8px);
   padding-left: var(--dt-spacings-size-8, 8px);
 }
-._14k72814-3-7-0 {
+._14k72814-3-7-1 {
   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-7-0 ._1ons7qu2-3-7-0:first-child:not(._14sp6az3-3-7-0) ._14k72814-3-7-0 {
+._1jrjqrd1-3-7-1 ._1ons7qu2-3-7-1:first-child:not(._14sp6az3-3-7-1) ._14k72814-3-7-1 {
   padding-left: calc(var(--dt-spacings-size-6, 6px) + var(--dt-spacings-size-4, 4px));
 }
-._1jrjqrd1-3-7-0 ._14sp6az3-3-7-0:first-child ._14k72814-3-7-0 {
+._1jrjqrd1-3-7-1 ._14sp6az3-3-7-1:first-child ._14k72814-3-7-1 {
   padding-left: var(--dt-spacings-size-6, 6px);
 }
-._14sp6az3-3-7-0 ._14k72814-3-7-0 {
+._14sp6az3-3-7-1 ._14k72814-3-7-1 {
   padding-right: var(--dt-spacings-size-2, 2px);
   padding-left: var(--dt-spacings-size-2, 2px);
 }
-._14k72815-3-7-0 {
+._14k72815-3-7-1 {
   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-7-0 ._1ons7qu2-3-7-0:first-child:not(._14sp6az3-3-7-0) ._14k72815-3-7-0 {
+._1jrjqrd1-3-7-1 ._1ons7qu2-3-7-1:first-child:not(._14sp6az3-3-7-1) ._14k72815-3-7-1 {
   padding-left: var(--dt-spacings-size-20, 20px);
 }
-._1jrjqrd1-3-7-0 ._14sp6az3-3-7-0:first-child ._14k72815-3-7-0 {
+._1jrjqrd1-3-7-1 ._14sp6az3-3-7-1:first-child ._14k72815-3-7-1 {
   padding-left: var(--dt-spacings-size-16, 16px);
 }
-._14sp6az3-3-7-0 ._14k72815-3-7-0 {
+._14sp6az3-3-7-1 ._14k72815-3-7-1 {
   padding-right: var(--dt-spacings-size-12, 12px);
   padding-left: var(--dt-spacings-size-12, 12px);
 }

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

@@ -35,4 +35,4 @@ var import_ColumnOrder_css_ts_vanilla = require("../features/ColumnOrder/ColumnO
 var import_DataTableHeaderCell_css_ts_vanilla = require("./DataTableHeaderCell.css");
 var import_DataTableDefaultCell_css_ts_vanilla = require("./DataTableDefaultCell.css");
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var defaultCell = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_14k72810-3-7-0", variantClassNames: { lineWrap: { true: "_14k72811-3-7-0", false: "_14k72812-3-7-0" }, rowDensity: { "default": "_14k72813-3-7-0", condensed: "_14k72814-3-7-0", comfortable: "_14k72815-3-7-0" } }, defaultVariants: { rowDensity: "default" }, compoundVariants: [] });
+var defaultCell = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_14k72810-3-7-1", variantClassNames: { lineWrap: { true: "_14k72811-3-7-1", false: "_14k72812-3-7-1" }, rowDensity: { "default": "_14k72813-3-7-1", condensed: "_14k72814-3-7-1", comfortable: "_14k72815-3-7-1" } }, defaultVariants: { rowDensity: "default" }, compoundVariants: [] });

package/tables/DataTable/components/DataTableEmptyState.css

@@ -1,4 +1,4 @@
-._lvf8p50-3-7-0 {
+._lvf8p50-3-7-1 {
   position: sticky;
   left: 0;
   top: 0;
@@ -6,25 +6,25 @@
   height: 100%;
   box-sizing: border-box;
 }
-._lvf8p51-3-7-0 {
+._lvf8p51-3-7-1 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
   display: flex;
   align-items: center;
   justify-content: center;
   padding: var(--dt-spacings-size-0, 0) var(--dt-spacings-size-12, 12px);
 }
-._lvf8p52-3-7-0 {
+._lvf8p52-3-7-1 {
   min-width: 200px;
 }
-._lvf8p53-3-7-0 {
+._lvf8p53-3-7-1 {
   padding-top: var(--dt-spacings-size-8, 8px);
   padding-bottom: var(--dt-spacings-size-8, 8px);
 }
-._lvf8p54-3-7-0 {
+._lvf8p54-3-7-1 {
   padding-top: var(--dt-spacings-size-4, 4px);
   padding-bottom: var(--dt-spacings-size-4, 4px);
 }
-._lvf8p55-3-7-0 {
+._lvf8p55-3-7-1 {
   padding-top: var(--dt-spacings-size-12, 12px);
   padding-bottom: var(--dt-spacings-size-12, 12px);
 }

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

@@ -23,5 +23,5 @@ __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: "_lvf8p51-3-7-0", variantClassNames: { minWidth: { true: "_lvf8p52-3-7-0" }, rowDensity: { "default": "_lvf8p53-3-7-0", condensed: "_lvf8p54-3-7-0", comfortable: "_lvf8p55-3-7-0" } }, defaultVariants: {}, compoundVariants: [] });
-var stickyContainer = "_lvf8p50-3-7-0";
+var emptyState = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_lvf8p51-3-7-1", variantClassNames: { minWidth: { true: "_lvf8p52-3-7-1" }, rowDensity: { "default": "_lvf8p53-3-7-1", condensed: "_lvf8p54-3-7-1", comfortable: "_lvf8p55-3-7-1" } }, defaultVariants: {}, compoundVariants: [] });
+var stickyContainer = "_lvf8p50-3-7-1";