@dynatrace/strato-components 3.4.0 → 3.5.0

package/esm/tables/DataTable/components/DataTableCell.css

@@ -1,4 +1,4 @@
-._1ons7qu2-3-4-0 {
+._1ons7qu2-3-5-0 {
   border: 0;
   color: inherit;
   display: flex;
@@ -9,19 +9,19 @@
   background-color: transparent;
   box-sizing: border-box;
 }
-._1ons7qu2-3-4-0._14sp6az3-3-4-0 {
+._1ons7qu2-3-5-0._14sp6az3-3-5-0 {
   pointer-events: initial;
 }
-._1ons7qu2-3-4-0._14sp6az4-3-4-0 {
+._1ons7qu2-3-5-0._14sp6az4-3-5-0 {
   background-color: var(--dt-colors-background-surface-default, #fff);
 }
-button[data-trigger="useraction"] + ._1ons7qu2-3-4-0 {
+button[data-trigger="useraction"] + ._1ons7qu2-3-5-0 {
   cursor: pointer;
 }
-button[data-trigger="useraction"]:hover + ._1ons7qu2-3-4-0 {
+button[data-trigger="useraction"]:hover + ._1ons7qu2-3-5-0 {
   background-color: var(--dt-colors-background-field-neutral-default-hover, #dadbe4);
 }
-[data-columntype="gantt"]._1ons7qu2-3-4-0:not(:first-child)::before, [data-columntype="gantt"] + ._1ons7qu2-3-4-0::before {
+[data-columntype="gantt"]._1ons7qu2-3-5-0:not(:first-child)::before, [data-columntype="gantt"] + ._1ons7qu2-3-5-0::before {
   content: "";
   display: block;
   position: absolute;
@@ -31,28 +31,31 @@ button[data-trigger="useraction"]:hover + ._1ons7qu2-3-4-0 {
   bottom: var(--dt-spacings-size-0, 0);
   background-color: var(--dt-colors-border-neutral-default, #dadbe4);
 }
-[data-columntype="gantt"]._1ons7qu2-3-4-0:not(._14sp6az6-3-4-0 ._1ons7qu2-3-4-0) {
+[data-columntype="gantt"]._1ons7qu2-3-5-0:not(._14sp6az6-3-5-0 ._1ons7qu2-3-5-0) {
   overflow: visible;
 }
-._15silbj0-3-4-0 ~ ._1ons7qu2-3-4-0:hover {
+._15silbj0-3-5-0 ~ ._1ons7qu2-3-5-0:hover {
   cursor: pointer;
 }
-._1ons7qu3-3-4-0 {
+._1ons7qu2-3-5-0[data-columntype='sparkline'] {
+  align-items: stretch;
+}
+._1ons7qu3-3-5-0 {
   width: fit-content;
 }
-._1ons7qu4-3-4-0 {
+._1ons7qu4-3-5-0 {
   white-space: normal;
   text-overflow: initial;
   word-break: normal;
   overflow-wrap: anywhere;
 }
-._1ons7qu5-3-4-0 {
+._1ons7qu5-3-5-0 {
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   max-width: 100%;
 }
-._1ons7qu6-3-4-0 {
+._1ons7qu6-3-5-0 {
   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);
@@ -60,7 +63,7 @@ button[data-trigger="useraction"]:hover + ._1ons7qu2-3-4-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-4-0 {
+._1ons7qu7-3-5-0 {
   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);
@@ -68,52 +71,52 @@ button[data-trigger="useraction"]:hover + ._1ons7qu2-3-4-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-4-0 {
+._1ons7qu9-3-5-0 {
   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-4-0 {
+._1ons7qua-3-5-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);
 }
-._1jrjqrd1-3-4-0 ._1ons7qua-3-4-0:first-child {
+._1jrjqrd1-3-5-0 ._1ons7qua-3-5-0:first-child {
   padding-left: var(--dt-spacings-size-16, 16px);
 }
-._1ons7qua-3-4-0[data-columntype='sparkline'] {
+._1ons7qua-3-5-0[data-columntype='sparkline'] {
   padding-top: var(--dt-spacings-size-2, 2px);
   padding-bottom: var(--dt-spacings-size-2, 2px);
 }
-._1ons7qub-3-4-0 {
+._1ons7qub-3-5-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);
 }
-._1jrjqrd1-3-4-0 ._1ons7qub-3-4-0:first-child {
+._1jrjqrd1-3-5-0 ._1ons7qub-3-5-0:first-child {
   padding-left: calc(var(--dt-spacings-size-6, 6px) + var(--dt-spacings-size-4, 4px));
 }
-._1ons7qub-3-4-0[data-columntype='sparkline'] {
+._1ons7qub-3-5-0[data-columntype='sparkline'] {
   padding-top: var(--dt-spacings-size-0, 0);
   padding-bottom: var(--dt-spacings-size-0, 0);
 }
-._1ons7quc-3-4-0 {
+._1ons7quc-3-5-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);
   padding-left: var(--dt-spacings-size-16, 16px);
 }
-._1jrjqrd1-3-4-0 ._1ons7quc-3-4-0:first-child {
+._1jrjqrd1-3-5-0 ._1ons7quc-3-5-0:first-child {
   padding-left: var(--dt-spacings-size-20, 20px);
 }
-._1ons7quc-3-4-0[data-columntype='sparkline'] {
+._1ons7quc-3-5-0[data-columntype='sparkline'] {
   padding-top: var(--dt-spacings-size-4, 4px);
   padding-bottom: var(--dt-spacings-size-4, 4px);
 }
-._1ons7qud-3-4-0:where(:not(:first-child,._14sp6az3-3-4-0))::before {
+._1ons7qud-3-5-0:where(:not(:first-child,._14sp6az3-3-5-0))::before {
   content: "";
   display: block;
   position: absolute;
@@ -124,15 +127,15 @@ button[data-trigger="useraction"]:hover + ._1ons7qu2-3-4-0 {
   background-color: var(--dt-colors-border-neutral-default, #dadbe4);
   max-width: 100%;
 }
-._1ons7qug-3-4-0:where(:not(._1ons7qug-3-4-0 + ._1ons7qug-3-4-0, ._1jrjqrd1-3-4-0))::before {
+._1ons7qug-3-5-0:where(:not(._1ons7qug-3-5-0 + ._1ons7qug-3-5-0, ._1jrjqrd1-3-5-0))::before {
   content: unset;
 }
-._1ons7quh-3-4-0 {
+._1ons7quh-3-5-0 {
   position: sticky;
   z-index: 2;
-  left: var(--resizing-leftPosition, var(--_1ons7qu0-3-4-0));
+  left: var(--resizing-leftPosition, var(--_1ons7qu0-3-5-0));
 }
-._1ons7quh-3-4-0:where(:not(:has(~ ._1ons7quh-3-4-0)))::after {
+._1ons7quh-3-5-0:where(:not(:has(~ ._1ons7quh-3-5-0)))::after {
   content: "";
   display: block;
   position: absolute;
@@ -143,69 +146,69 @@ button[data-trigger="useraction"]:hover + ._1ons7qu2-3-4-0 {
   background-color: var(--dt-colors-border-neutral-default, #dadbe4);
   max-width: 100%;
 }
-._1y5fzv3-3-4-0._1y5fzv4-3-4-0 ._1ons7quh-3-4-0 {
+._1y5fzv3-3-5-0._1y5fzv4-3-5-0 ._1ons7quh-3-5-0 {
   background-color: var(--dt-colors-background-surface-default, #fff);
 }
-._1y5fzv3-3-4-0._1y5fzv5-3-4-0 ._1ons7quh-3-4-0 {
+._1y5fzv3-3-5-0._1y5fzv5-3-5-0 ._1ons7quh-3-5-0 {
   background-color: var(--dt-colors-background-container-neutral-subdued, #f9f9fa);
 }
-._15silbj0-3-4-0:hover > ._1ons7quh-3-4-0:where(:not(:has(~ ._1ons7quh-3-4-0)))::after,
-          ._15silbj4-3-4-0 > ._1ons7quh-3-4-0:where(:not(:has(~ ._1ons7quh-3-4-0)))::after,
-          ._15silbj1-3-4-0 > ._1ons7quh-3-4-0:where(:not(:has(~ ._1ons7quh-3-4-0)))::after {
+._15silbj0-3-5-0:hover > ._1ons7quh-3-5-0:where(:not(:has(~ ._1ons7quh-3-5-0)))::after,
+          ._15silbj4-3-5-0 > ._1ons7quh-3-5-0:where(:not(:has(~ ._1ons7quh-3-5-0)))::after,
+          ._15silbj1-3-5-0 > ._1ons7quh-3-5-0:where(:not(:has(~ ._1ons7quh-3-5-0)))::after {
   top: var(--dt-borders-width-default, 1px);
   bottom: var(--dt-borders-width-default, 1px);
 }
-._15silbj3-3-4-0 > ._1ons7quh-3-4-0._1ons7quh-3-4-0._1ons7quh-3-4-0:where(:not(:has(~ ._1ons7quh-3-4-0)))::after {
+._15silbj3-3-5-0 > ._1ons7quh-3-5-0._1ons7quh-3-5-0._1ons7quh-3-5-0:where(:not(:has(~ ._1ons7quh-3-5-0)))::after {
   top: var(--dt-borders-width-emphasized, 2px);
   bottom: var(--dt-borders-width-emphasized, 2px);
 }
-:is(._ytdpswb-3-4-0, ._ytdpswd-3-4-0)
-          ._15silbj5-3-4-0._14sp6az6-3-4-0 > ._1ons7quh-3-4-0:first-child {
+:is(._ytdpswb-3-5-0, ._ytdpswd-3-5-0)
+          ._15silbj5-3-5-0._14sp6az6-3-5-0 > ._1ons7quh-3-5-0:first-child {
   border-bottom-left-radius: calc(var(--dt-borders-radius-container-subdued, 6px) - var(--dt-borders-width-emphasized, 2px));
 }
-._15silbj0-3-4-0:hover > ._1ons7quh-3-4-0,
-      ._15silbj4-3-4-0 > ._1ons7quh-3-4-0 {
+._15silbj0-3-5-0:hover > ._1ons7quh-3-5-0,
+      ._15silbj4-3-5-0 > ._1ons7quh-3-5-0._1ons7quh-3-5-0 {
   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-4-0:hover > ._1ons7quh-3-4-0:first-child,
-      ._15silbj4-3-4-0 > ._1ons7quh-3-4-0:first-child {
+._15silbj0-3-5-0:hover > ._1ons7quh-3-5-0:first-child,
+      ._15silbj4-3-5-0 > ._1ons7quh-3-5-0: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-4-0:hover > ._1ons7quh-3-4-0:last-child,
-      ._15silbj4-3-4-0 > ._1ons7quh-3-4-0:last-child {
+._15silbj0-3-5-0:hover > ._1ons7quh-3-5-0:last-child,
+      ._15silbj4-3-5-0 > ._1ons7quh-3-5-0: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-4-0 > ._1ons7quh-3-4-0 {
+._15silbj1-3-5-0 > ._1ons7quh-3-5-0 {
   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-4-0 > ._1ons7quh-3-4-0:first-child {
+._15silbj1-3-5-0 > ._1ons7quh-3-5-0: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-4-0 > ._1ons7quh-3-4-0:last-child {
+._15silbj1-3-5-0 > ._1ons7quh-3-5-0: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-4-0:hover > ._1ons7quh-3-4-0,
-      ._15silbj1-3-4-0._15silbj4-3-4-0 > ._1ons7quh-3-4-0 {
+._15silbj1-3-5-0:hover > ._1ons7quh-3-5-0,
+      ._15silbj1-3-5-0._15silbj4-3-5-0 > ._1ons7quh-3-5-0 {
   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-4-0:hover > ._1ons7quh-3-4-0:first-child,
-      ._15silbj1-3-4-0._15silbj4-3-4-0 > ._1ons7quh-3-4-0:first-child {
+._15silbj1-3-5-0:hover > ._1ons7quh-3-5-0:first-child,
+      ._15silbj1-3-5-0._15silbj4-3-5-0 > ._1ons7quh-3-5-0: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, #464cce), inset var(--dt-borders-width-default, 1px) 0 0 0 var(--dt-colors-border-primary-accent-hover, #3431b3);
 }
-._15silbj1-3-4-0:hover > ._1ons7quh-3-4-0:last-child,
-      ._15silbj1-3-4-0._15silbj4-3-4-0 > ._1ons7quh-3-4-0:last-child {
+._15silbj1-3-5-0:hover > ._1ons7quh-3-5-0:last-child,
+      ._15silbj1-3-5-0._15silbj4-3-5-0 > ._1ons7quh-3-5-0: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, #464cce), inset calc(var(--dt-borders-width-default, 1px) * -1) 0 0 0 var(--dt-colors-border-primary-accent-hover, #3431b3);
 }
-._15silbj3-3-4-0 > ._1ons7quh-3-4-0._1ons7quh-3-4-0 {
+._15silbj3-3-5-0 > ._1ons7quh-3-5-0._1ons7quh-3-5-0 {
   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(calc(var(--dt-borders-width-emphasized, 2px) * -1) - 1px) 0 0 var(--dt-colors-border-neutral-default, #dadbe4);
   background-color: var(--dt-colors-background-container-neutral-default, #f2f2f5);
 }
-._15silbj3-3-4-0 > ._1ons7quh-3-4-0._1ons7quh-3-4-0:first-child {
+._15silbj3-3-5-0 > ._1ons7quh-3-5-0._1ons7quh-3-5-0: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),
@@ -213,7 +216,7 @@ button[data-trigger="useraction"]:hover + ._1ons7qu2-3-4-0 {
         inset 0 calc(calc(var(--dt-borders-width-emphasized, 2px) * -1) - 1px) 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-4-0 > ._1ons7quh-3-4-0._1ons7quh-3-4-0:last-child {
+._15silbj3-3-5-0 > ._1ons7quh-3-5-0._1ons7quh-3-5-0: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),
@@ -221,14 +224,14 @@ button[data-trigger="useraction"]:hover + ._1ons7qu2-3-4-0 {
         inset 0 calc(calc(var(--dt-borders-width-emphasized, 2px) * -1) - 1px) 0 0 var(--dt-colors-border-neutral-default, #dadbe4),
         inset calc(calc(var(--dt-borders-width-emphasized, 2px) * -1) - 1px) 0 0 0 var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._15silbj3-3-4-0._15silbj1-3-4-0 > ._1ons7quh-3-4-0._1ons7quh-3-4-0 {
+._15silbj3-3-5-0._15silbj1-3-5-0 > ._1ons7quh-3-5-0._1ons7quh-3-5-0 {
   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-4-0._15silbj1-3-4-0 > ._1ons7quh-3-4-0._1ons7quh-3-4-0:first-child {
+._15silbj3-3-5-0._15silbj1-3-5-0 > ._1ons7quh-3-5-0._1ons7quh-3-5-0: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),
@@ -236,7 +239,7 @@ button[data-trigger="useraction"]:hover + ._1ons7qu2-3-4-0 {
         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-4-0._15silbj1-3-4-0 > ._1ons7quh-3-4-0._1ons7quh-3-4-0:last-child {
+._15silbj3-3-5-0._15silbj1-3-5-0 > ._1ons7quh-3-5-0._1ons7quh-3-5-0: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),
@@ -244,12 +247,12 @@ button[data-trigger="useraction"]:hover + ._1ons7qu2-3-4-0 {
         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-4-0 {
+._1ons7qui-3-5-0 {
   position: sticky;
   z-index: 3;
-  right: var(--resizing-rightPosition, var(--_1ons7qu1-3-4-0));
+  right: var(--resizing-rightPosition, var(--_1ons7qu1-3-5-0));
 }
-._1ons7qui-3-4-0:where(:not(._1ons7qui-3-4-0 + ._1ons7qui-3-4-0))::before {
+._1ons7qui-3-5-0:where(:not(._1ons7qui-3-5-0 + ._1ons7qui-3-5-0))::before {
   content: "";
   display: block;
   position: absolute;
@@ -260,69 +263,69 @@ button[data-trigger="useraction"]:hover + ._1ons7qu2-3-4-0 {
   background-color: var(--dt-colors-border-neutral-default, #dadbe4);
   max-width: 100%;
 }
-._1y5fzv3-3-4-0._1y5fzv4-3-4-0 ._1ons7qui-3-4-0 {
+._1y5fzv3-3-5-0._1y5fzv4-3-5-0 ._1ons7qui-3-5-0 {
   background-color: var(--dt-colors-background-surface-default, #fff);
 }
-._1y5fzv3-3-4-0._1y5fzv5-3-4-0 ._1ons7qui-3-4-0 {
+._1y5fzv3-3-5-0._1y5fzv5-3-5-0 ._1ons7qui-3-5-0 {
   background-color: var(--dt-colors-background-container-neutral-subdued, #f9f9fa);
 }
-._15silbj0-3-4-0:hover > ._1ons7qui-3-4-0:where(:not(._1ons7qui-3-4-0 + ._1ons7qui-3-4-0))::before,
-          ._15silbj4-3-4-0 > ._1ons7qui-3-4-0:where(:not(._1ons7qui-3-4-0 + ._1ons7qui-3-4-0))::before,
-          ._15silbj1-3-4-0 > ._1ons7qui-3-4-0:where(:not(._1ons7qui-3-4-0 + ._1ons7qui-3-4-0))::before {
+._15silbj0-3-5-0:hover > ._1ons7qui-3-5-0:where(:not(._1ons7qui-3-5-0 + ._1ons7qui-3-5-0))::before,
+          ._15silbj4-3-5-0 > ._1ons7qui-3-5-0:where(:not(._1ons7qui-3-5-0 + ._1ons7qui-3-5-0))::before,
+          ._15silbj1-3-5-0 > ._1ons7qui-3-5-0:where(:not(._1ons7qui-3-5-0 + ._1ons7qui-3-5-0))::before {
   top: var(--dt-borders-width-default, 1px);
   bottom: var(--dt-borders-width-default, 1px);
 }
-._15silbj3-3-4-0 > ._1ons7qui-3-4-0._1ons7qui-3-4-0._1ons7qui-3-4-0:where(:not(._1ons7qui-3-4-0 + ._1ons7qui-3-4-0))::before {
+._15silbj3-3-5-0 > ._1ons7qui-3-5-0._1ons7qui-3-5-0._1ons7qui-3-5-0:where(:not(._1ons7qui-3-5-0 + ._1ons7qui-3-5-0))::before {
   top: var(--dt-borders-width-emphasized, 2px);
   bottom: var(--dt-borders-width-emphasized, 2px);
 }
-._ytdpswb-3-4-0
-          ._15silbj5-3-4-0._14sp6az6-3-4-0 > ._1ons7qui-3-4-0:last-child {
+._ytdpswb-3-5-0
+          ._15silbj5-3-5-0._14sp6az6-3-5-0 > ._1ons7qui-3-5-0:last-child {
   border-bottom-right-radius: calc(var(--dt-borders-radius-container-subdued, 6px) - var(--dt-borders-width-emphasized, 2px));
 }
-._15silbj0-3-4-0:hover > ._1ons7qui-3-4-0,
-      ._15silbj4-3-4-0 > ._1ons7qui-3-4-0 {
+._15silbj0-3-5-0:hover > ._1ons7qui-3-5-0,
+      ._15silbj4-3-5-0 > ._1ons7qui-3-5-0._1ons7qui-3-5-0 {
   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-4-0:hover > ._1ons7qui-3-4-0:first-child,
-      ._15silbj4-3-4-0 > ._1ons7qui-3-4-0:first-child {
+._15silbj0-3-5-0:hover > ._1ons7qui-3-5-0:first-child,
+      ._15silbj4-3-5-0 > ._1ons7qui-3-5-0: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-4-0:hover > ._1ons7qui-3-4-0:last-child,
-      ._15silbj4-3-4-0 > ._1ons7qui-3-4-0:last-child {
+._15silbj0-3-5-0:hover > ._1ons7qui-3-5-0:last-child,
+      ._15silbj4-3-5-0 > ._1ons7qui-3-5-0: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-4-0 > ._1ons7qui-3-4-0 {
+._15silbj1-3-5-0 > ._1ons7qui-3-5-0 {
   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-4-0 > ._1ons7qui-3-4-0:first-child {
+._15silbj1-3-5-0 > ._1ons7qui-3-5-0: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-4-0 > ._1ons7qui-3-4-0:last-child {
+._15silbj1-3-5-0 > ._1ons7qui-3-5-0: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-4-0:hover > ._1ons7qui-3-4-0,
-      ._15silbj1-3-4-0._15silbj4-3-4-0 > ._1ons7qui-3-4-0 {
+._15silbj1-3-5-0:hover > ._1ons7qui-3-5-0,
+      ._15silbj1-3-5-0._15silbj4-3-5-0 > ._1ons7qui-3-5-0 {
   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-4-0:hover > ._1ons7qui-3-4-0:first-child,
-      ._15silbj1-3-4-0._15silbj4-3-4-0 > ._1ons7qui-3-4-0:first-child {
+._15silbj1-3-5-0:hover > ._1ons7qui-3-5-0:first-child,
+      ._15silbj1-3-5-0._15silbj4-3-5-0 > ._1ons7qui-3-5-0: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, #464cce), inset var(--dt-borders-width-default, 1px) 0 0 0 var(--dt-colors-border-primary-accent-hover, #3431b3);
 }
-._15silbj1-3-4-0:hover > ._1ons7qui-3-4-0:last-child,
-      ._15silbj1-3-4-0._15silbj4-3-4-0 > ._1ons7qui-3-4-0:last-child {
+._15silbj1-3-5-0:hover > ._1ons7qui-3-5-0:last-child,
+      ._15silbj1-3-5-0._15silbj4-3-5-0 > ._1ons7qui-3-5-0: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, #464cce), inset calc(var(--dt-borders-width-default, 1px) * -1) 0 0 0 var(--dt-colors-border-primary-accent-hover, #3431b3);
 }
-._15silbj3-3-4-0 > ._1ons7qui-3-4-0._1ons7qui-3-4-0 {
+._15silbj3-3-5-0 > ._1ons7qui-3-5-0._1ons7qui-3-5-0 {
   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(calc(var(--dt-borders-width-emphasized, 2px) * -1) - 1px) 0 0 var(--dt-colors-border-neutral-default, #dadbe4);
   background-color: var(--dt-colors-background-container-neutral-default, #f2f2f5);
 }
-._15silbj3-3-4-0 > ._1ons7qui-3-4-0._1ons7qui-3-4-0:first-child {
+._15silbj3-3-5-0 > ._1ons7qui-3-5-0._1ons7qui-3-5-0: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),
@@ -330,7 +333,7 @@ button[data-trigger="useraction"]:hover + ._1ons7qu2-3-4-0 {
         inset 0 calc(calc(var(--dt-borders-width-emphasized, 2px) * -1) - 1px) 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-4-0 > ._1ons7qui-3-4-0._1ons7qui-3-4-0:last-child {
+._15silbj3-3-5-0 > ._1ons7qui-3-5-0._1ons7qui-3-5-0: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),
@@ -338,14 +341,14 @@ button[data-trigger="useraction"]:hover + ._1ons7qu2-3-4-0 {
         inset 0 calc(calc(var(--dt-borders-width-emphasized, 2px) * -1) - 1px) 0 0 var(--dt-colors-border-neutral-default, #dadbe4),
         inset calc(calc(var(--dt-borders-width-emphasized, 2px) * -1) - 1px) 0 0 0 var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._15silbj3-3-4-0._15silbj1-3-4-0 > ._1ons7qui-3-4-0._1ons7qui-3-4-0 {
+._15silbj3-3-5-0._15silbj1-3-5-0 > ._1ons7qui-3-5-0._1ons7qui-3-5-0 {
   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-4-0._15silbj1-3-4-0 > ._1ons7qui-3-4-0._1ons7qui-3-4-0:first-child {
+._15silbj3-3-5-0._15silbj1-3-5-0 > ._1ons7qui-3-5-0._1ons7qui-3-5-0: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),
@@ -353,7 +356,7 @@ button[data-trigger="useraction"]:hover + ._1ons7qu2-3-4-0 {
         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-4-0._15silbj1-3-4-0 > ._1ons7qui-3-4-0._1ons7qui-3-4-0:last-child {
+._15silbj3-3-5-0._15silbj1-3-5-0 > ._1ons7qui-3-5-0._1ons7qui-3-5-0: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),
@@ -361,42 +364,42 @@ button[data-trigger="useraction"]:hover + ._1ons7qu2-3-4-0 {
         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-4-0 {
+._1ons7quk-3-5-0 {
   background-color: var(--dt-colors-background-surface-default, #fff);
 }
-._1ons7qul-3-4-0 {
+._1ons7qul-3-5-0 {
   background-color: var(--dt-colors-background-base-default, #f9f9fa);
 }
-._1ons7qum-3-4-0 {
+._1ons7qum-3-5-0 {
   width: 100%;
 }
-._1ons7qun-3-4-0 {
+._1ons7qun-3-5-0 {
   white-space: normal;
   text-overflow: initial;
   word-break: normal;
   overflow-wrap: anywhere;
 }
-._1ons7quo-3-4-0 {
+._1ons7quo-3-5-0 {
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   max-width: 100%;
   min-width: 0;
 }
-._1ons7qup-3-4-0 {
+._1ons7qup-3-5-0 {
   background-color: var(--dt-colors-background-field-neutral-default-hover, #dadbe4);
 }
-body:not([data-scroll-locked]) ._1ons7qu2-3-4-0 button, body:not([data-scroll-locked]) ._1ons7qu2-3-4-0 a, body:not([data-scroll-locked]) ._1ons7qu2-3-4-0 [tabindex="0"], body:not([data-scroll-locked]) ._1ons7qu2-3-4-0 input, body:not([data-scroll-locked]) ._1ons7qu2-3-4-0 label {
+body:not([data-scroll-locked]) ._1ons7qu2-3-5-0 button, body:not([data-scroll-locked]) ._1ons7qu2-3-5-0 a, body:not([data-scroll-locked]) ._1ons7qu2-3-5-0 [tabindex="0"], body:not([data-scroll-locked]) ._1ons7qu2-3-5-0 input, body:not([data-scroll-locked]) ._1ons7qu2-3-5-0 label {
   pointer-events: auto;
 }
-._1ons7qu2-3-4-0._1ons7qu5-3-4-0 .prism-code.language-log {
+._1ons7qu2-3-5-0._1ons7qu5-3-5-0 .prism-code.language-log {
   max-width: 100%;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
 @media (pointer: coarse) {
-  ._1ons7qu2-3-4-0 {
+  ._1ons7qu2-3-5-0 {
     -webkit-touch-callout: none;
     -webkit-user-select: none;
     user-select: none;

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

@@ -1,4 +1,5 @@
 import "../DataTable.css";
+import "../../../core/components/app-root/AppRoot.css";
 import "./DataTableVirtualizationContainer.css";
 import "../features/RowOrder/RowOrder.css";
 import "../features/RowDetails/RowDetails.css";
@@ -7,11 +8,11 @@ import "./DataTableRow.css";
 import "../features/Thresholds/Thresholds.css";
 import "./DataTableCell.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var activeInteraction = "_1ons7qup-3-4-0";
-var innerCell = _7a468({ defaultClassName: "_1ons7qum-3-4-0", variantClassNames: { lineWrap: { true: "_1ons7qun-3-4-0", false: "_1ons7quo-3-4-0" } }, defaultVariants: {}, compoundVariants: [] });
-var leftPositionVar = "var(--_1ons7qu0-3-4-0)";
-var outerCell = _7a468({ defaultClassName: "_1ons7qu2-3-4-0", variantClassNames: { prefixColumn: { true: "_1ons7qu3-3-4-0" }, lineWrap: { true: "_1ons7qu4-3-4-0", false: "_1ons7qu5-3-4-0" }, fontStyle: { text: "_1ons7qu6-3-4-0", code: "_1ons7qu7-3-4-0", inherit: "_1ons7qu8-3-4-0" }, rowDensity: { customCellRenderer: "_1ons7qu9-3-4-0", "default": "_1ons7qua-3-4-0", condensed: "_1ons7qub-3-4-0", comfortable: "_1ons7quc-3-4-0" }, verticalDividers: { true: "_1ons7qud-3-4-0", false: "_1ons7que-3-4-0" }, interactiveRows: { false: "_1ons7quf-3-4-0" }, pinnedColumn: { false: "_1ons7qug-3-4-0", left: "_1ons7quh-3-4-0", right: "_1ons7qui-3-4-0" }, background: { false: "_1ons7quj-3-4-0", contained: "_1ons7quk-3-4-0", uncontained: "_1ons7qul-3-4-0" } }, defaultVariants: { fontStyle: "text", rowDensity: "default", verticalDividers: false }, compoundVariants: [] });
-var rightPositionVar = "var(--_1ons7qu1-3-4-0)";
+var activeInteraction = "_1ons7qup-3-5-0";
+var innerCell = _7a468({ defaultClassName: "_1ons7qum-3-5-0", variantClassNames: { lineWrap: { true: "_1ons7qun-3-5-0", false: "_1ons7quo-3-5-0" } }, defaultVariants: {}, compoundVariants: [] });
+var leftPositionVar = "var(--_1ons7qu0-3-5-0)";
+var outerCell = _7a468({ defaultClassName: "_1ons7qu2-3-5-0", variantClassNames: { prefixColumn: { true: "_1ons7qu3-3-5-0" }, lineWrap: { true: "_1ons7qu4-3-5-0", false: "_1ons7qu5-3-5-0" }, fontStyle: { text: "_1ons7qu6-3-5-0", code: "_1ons7qu7-3-5-0", inherit: "_1ons7qu8-3-5-0" }, rowDensity: { customCellRenderer: "_1ons7qu9-3-5-0", "default": "_1ons7qua-3-5-0", condensed: "_1ons7qub-3-5-0", comfortable: "_1ons7quc-3-5-0" }, verticalDividers: { true: "_1ons7qud-3-5-0", false: "_1ons7que-3-5-0" }, interactiveRows: { false: "_1ons7quf-3-5-0" }, pinnedColumn: { false: "_1ons7qug-3-5-0", left: "_1ons7quh-3-5-0", right: "_1ons7qui-3-5-0" }, background: { false: "_1ons7quj-3-5-0", contained: "_1ons7quk-3-5-0", uncontained: "_1ons7qul-3-5-0" } }, defaultVariants: { fontStyle: "text", rowDensity: "default", verticalDividers: false }, compoundVariants: [] });
+var rightPositionVar = "var(--_1ons7qu1-3-5-0)";
 export {
   activeInteraction,
   innerCell,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/tables/DataTable/components/DataTableCell.css.ts"],
-  "sourcesContent": ["import '../DataTable.css';\nimport './DataTableVirtualizationContainer.css';\nimport '../features/RowOrder/RowOrder.css';\nimport '../features/RowDetails/RowDetails.css';\nimport '../features/RowInteractivity/RowInteractivity.css';\nimport './DataTableRow.css';\nimport '../features/Thresholds/Thresholds.css';\nimport './DataTableCell.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var activeInteraction = '_1ons7qup-3-4-0';\nexport var innerCell = _7a468({defaultClassName:'_1ons7qum-3-4-0',variantClassNames:{lineWrap:{true:'_1ons7qun-3-4-0',false:'_1ons7quo-3-4-0'}},defaultVariants:{},compoundVariants:[]});\nexport var leftPositionVar = 'var(--_1ons7qu0-3-4-0)';\nexport var outerCell = _7a468({defaultClassName:'_1ons7qu2-3-4-0',variantClassNames:{prefixColumn:{true:'_1ons7qu3-3-4-0'},lineWrap:{true:'_1ons7qu4-3-4-0',false:'_1ons7qu5-3-4-0'},fontStyle:{text:'_1ons7qu6-3-4-0',code:'_1ons7qu7-3-4-0',inherit:'_1ons7qu8-3-4-0'},rowDensity:{customCellRenderer:'_1ons7qu9-3-4-0','default':'_1ons7qua-3-4-0',condensed:'_1ons7qub-3-4-0',comfortable:'_1ons7quc-3-4-0'},verticalDividers:{true:'_1ons7qud-3-4-0',false:'_1ons7que-3-4-0'},interactiveRows:{false:'_1ons7quf-3-4-0'},pinnedColumn:{false:'_1ons7qug-3-4-0',left:'_1ons7quh-3-4-0',right:'_1ons7qui-3-4-0'},background:{false:'_1ons7quj-3-4-0',contained:'_1ons7quk-3-4-0',uncontained:'_1ons7qul-3-4-0'}},defaultVariants:{fontStyle:'text',rowDensity:'default',verticalDividers:false},compoundVariants:[]});\nexport var rightPositionVar = 'var(--_1ons7qu1-3-4-0)';"],
-  "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,oBAAoB;AACxB,IAAI,YAAY,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,UAAS,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAChL,IAAI,kBAAkB;AACtB,IAAI,YAAY,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,cAAa,EAAC,MAAK,kBAAiB,GAAE,UAAS,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,GAAE,WAAU,EAAC,MAAK,mBAAkB,MAAK,mBAAkB,SAAQ,kBAAiB,GAAE,YAAW,EAAC,oBAAmB,mBAAkB,WAAU,mBAAkB,WAAU,mBAAkB,aAAY,kBAAiB,GAAE,kBAAiB,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,GAAE,iBAAgB,EAAC,OAAM,kBAAiB,GAAE,cAAa,EAAC,OAAM,mBAAkB,MAAK,mBAAkB,OAAM,kBAAiB,GAAE,YAAW,EAAC,OAAM,mBAAkB,WAAU,mBAAkB,aAAY,kBAAiB,EAAC,GAAE,iBAAgB,EAAC,WAAU,QAAO,YAAW,WAAU,kBAAiB,MAAK,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC/wB,IAAI,mBAAmB;",
+  "sourcesContent": ["import '../DataTable.css';\nimport '../../../core/components/app-root/AppRoot.css';\nimport './DataTableVirtualizationContainer.css';\nimport '../features/RowOrder/RowOrder.css';\nimport '../features/RowDetails/RowDetails.css';\nimport '../features/RowInteractivity/RowInteractivity.css';\nimport './DataTableRow.css';\nimport '../features/Thresholds/Thresholds.css';\nimport './DataTableCell.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var activeInteraction = '_1ons7qup-3-5-0';\nexport var innerCell = _7a468({defaultClassName:'_1ons7qum-3-5-0',variantClassNames:{lineWrap:{true:'_1ons7qun-3-5-0',false:'_1ons7quo-3-5-0'}},defaultVariants:{},compoundVariants:[]});\nexport var leftPositionVar = 'var(--_1ons7qu0-3-5-0)';\nexport var outerCell = _7a468({defaultClassName:'_1ons7qu2-3-5-0',variantClassNames:{prefixColumn:{true:'_1ons7qu3-3-5-0'},lineWrap:{true:'_1ons7qu4-3-5-0',false:'_1ons7qu5-3-5-0'},fontStyle:{text:'_1ons7qu6-3-5-0',code:'_1ons7qu7-3-5-0',inherit:'_1ons7qu8-3-5-0'},rowDensity:{customCellRenderer:'_1ons7qu9-3-5-0','default':'_1ons7qua-3-5-0',condensed:'_1ons7qub-3-5-0',comfortable:'_1ons7quc-3-5-0'},verticalDividers:{true:'_1ons7qud-3-5-0',false:'_1ons7que-3-5-0'},interactiveRows:{false:'_1ons7quf-3-5-0'},pinnedColumn:{false:'_1ons7qug-3-5-0',left:'_1ons7quh-3-5-0',right:'_1ons7qui-3-5-0'},background:{false:'_1ons7quj-3-5-0',contained:'_1ons7quk-3-5-0',uncontained:'_1ons7qul-3-5-0'}},defaultVariants:{fontStyle:'text',rowDensity:'default',verticalDividers:false},compoundVariants:[]});\nexport var rightPositionVar = 'var(--_1ons7qu1-3-5-0)';"],
+  "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,oBAAoB;AACxB,IAAI,YAAY,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,UAAS,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAChL,IAAI,kBAAkB;AACtB,IAAI,YAAY,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,cAAa,EAAC,MAAK,kBAAiB,GAAE,UAAS,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,GAAE,WAAU,EAAC,MAAK,mBAAkB,MAAK,mBAAkB,SAAQ,kBAAiB,GAAE,YAAW,EAAC,oBAAmB,mBAAkB,WAAU,mBAAkB,WAAU,mBAAkB,aAAY,kBAAiB,GAAE,kBAAiB,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,GAAE,iBAAgB,EAAC,OAAM,kBAAiB,GAAE,cAAa,EAAC,OAAM,mBAAkB,MAAK,mBAAkB,OAAM,kBAAiB,GAAE,YAAW,EAAC,OAAM,mBAAkB,WAAU,mBAAkB,aAAY,kBAAiB,EAAC,GAAE,iBAAgB,EAAC,WAAU,QAAO,YAAW,WAAU,kBAAiB,MAAK,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC/wB,IAAI,mBAAmB;",
   "names": []
 }

package/esm/tables/DataTable/components/DataTableContent.js

@@ -9,7 +9,7 @@ import {
 import { CellActionFloatingMenu } from "../features/UserActions/FloatingMenu.js";
 import { dataTableMessages } from "../messages.js";
 import { DataTableScrollShadow } from "./DataTableScrollShadow.js";
-import { DATA_TABLE_BORDER_WIDTH } from "../constants.js";
+import { getDataTableBorderWidth } from "../../utils/data-table-border-width.js";
 const DataTableContent = (props) => {
   const intl = useIntl();
   const table = useDataTable();
@@ -32,7 +32,7 @@ const DataTableContent = (props) => {
   const visualVariantOptions = table.getVisualVariantOptions();
   const hasOverflowLeft = scrollOffset > 0;
   const gridHeight = isEmpty ? "auto" : rowVirtualizer.getTotalSize();
-  const borderWidth = visualVariantOptions.contained ? DATA_TABLE_BORDER_WIDTH : 0;
+  const borderWidth = visualVariantOptions.contained ? getDataTableBorderWidth() : 0;
   const hasOverflowRight = scrollElementWidth - scrollOffset - borderWidth > tableViewportWidth;
   const cellActionAriaLabel = intl.formatMessage(
     dataTableMessages.cellActionLabel

package/esm/tables/DataTable/components/DataTableContent.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/tables/DataTable/components/DataTableContent.tsx"],
-  "sourcesContent": ["import type { Virtualizer } from '@tanstack/react-virtual';\nimport type { JSX } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { DataTableBody } from './DataTableBody.js';\nimport { DataTableHeader } from './DataTableHeader.js';\nimport {\n  DataTableContentContextProvider,\n  useDataTable,\n} from '../contexts/DataTableContext.js';\nimport { CellActionFloatingMenu } from '../features/UserActions/FloatingMenu.js';\nimport { dataTableMessages } from '../messages.js';\nimport { DataTableScrollShadow } from './DataTableScrollShadow.js';\nimport { DATA_TABLE_BORDER_WIDTH } from '../constants.js';\n\n/**\n * Renders the content of the `DataTable`.\n *\n * This component is responsible for displaying the header and the main body of the datatable,\n * including rows and columns.\n */\nexport const DataTableContent = (props: {\n  rowVirtualizer: Virtualizer<HTMLDivElement, Element>;\n  columnVirtualizer: Virtualizer<HTMLDivElement, Element>;\n}): JSX.Element | null => {\n  const intl = useIntl();\n  const table = useDataTable();\n\n  const visibleLeafColumnsWithoutBuiltin =\n    table.getVisibleLeafColumnsWithoutBuiltin();\n  const hasVisibleColumns = visibleLeafColumnsWithoutBuiltin.length > 0;\n\n  if (!hasVisibleColumns) {\n    return null;\n  }\n\n  const { rowVirtualizer, columnVirtualizer } = props;\n\n  const rows = table.getRowModel().rows;\n\n  const draggingRow = table.getState().draggingRowInfo;\n  const isDraggingRow = !!draggingRow;\n\n  const isDataEmpty = rowVirtualizer.options.count === 0;\n  const isColumnsEmpty = columnVirtualizer.options.count === 0;\n  const isEmpty = isDataEmpty || isColumnsEmpty;\n\n  // We need to detect overflow on either side, so the scroll shadow can be displayed only if the scrollable content is actually overflowing\n  const scrollOffset = columnVirtualizer.scrollOffset ?? 0;\n  const scrollElement = columnVirtualizer.scrollElement;\n  const tableViewportWidth = scrollElement?.clientWidth ?? 0;\n  const scrollElementWidth = scrollElement?.scrollWidth ?? 0;\n\n  const visualVariantOptions = table.getVisualVariantOptions();\n  const hasOverflowLeft = scrollOffset > 0;\n\n  const gridHeight = isEmpty ? 'auto' : rowVirtualizer.getTotalSize();\n  const borderWidth = visualVariantOptions.contained\n    ? DATA_TABLE_BORDER_WIDTH\n    : 0;\n  const hasOverflowRight =\n    scrollElementWidth - scrollOffset - borderWidth > tableViewportWidth;\n\n  const cellActionAriaLabel = intl.formatMessage(\n    dataTableMessages.cellActionLabel,\n  );\n\n  return (\n    <div\n      role=\"grid\"\n      style={{\n        display: 'grid',\n        height: gridHeight,\n        gridTemplateColumns: table.getGridTemplateColumns(),\n        gridTemplateRows: table.getGridTemplateRows(),\n      }}\n      onMouseOver={(event) => {\n        if (!isDraggingRow) {\n          table.handleInteractiveRowMouseOver(event);\n        }\n      }}\n      onMouseLeave={(event) => {\n        table.handleInteractiveRowMouseLeave(event);\n      }}\n      onMouseDown={(event) => {\n        if (\n          // main button (left button)\n          event.button === 0 ||\n          // auxiliary button (wheel/middle button)\n          event.button === 1\n        ) {\n          table.handleInteractiveRowClick(event);\n        }\n      }}\n      onContextMenu={(event) => {\n        // disable context menu for links, we need to show the browser menu instead\n        if (event.target instanceof Element && event.target.closest('a')) {\n          return;\n        }\n\n        table.getUserActionFloatingMenuContextMenuHandler()(event);\n      }}\n    >\n      <DataTableContentContextProvider\n        value={{\n          hasOverflowLeft,\n          hasOverflowRight,\n          cellActionAriaLabel,\n        }}\n      >\n        {visualVariantOptions.headers === 'default' && <DataTableHeader />}\n        <DataTableBody\n          rows={rows}\n          rowVirtualizer={rowVirtualizer}\n          columnVirtualizer={columnVirtualizer}\n        />\n        {(table.options.enableCellActions ||\n          table.options.enableColumnActions ||\n          table.options.enableSorting) && <CellActionFloatingMenu />}\n      </DataTableContentContextProvider>\n      <DataTableScrollShadow\n        hasOverflowLeft={hasOverflowLeft}\n        hasOverflowRight={hasOverflowRight}\n      />\n    </div>\n  );\n};\n"],
-  "mappings": "AAuGM,SAOiD,KAPjD;AArGN,SAAS,eAAe;AAExB,SAAS,qBAAqB;AAC9B,SAAS,uBAAuB;AAChC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,8BAA8B;AACvC,SAAS,yBAAyB;AAClC,SAAS,6BAA6B;AACtC,SAAS,+BAA+B;AAQjC,MAAM,mBAAmB,CAAC,UAGP;AACxB,QAAM,OAAO,QAAQ;AACrB,QAAM,QAAQ,aAAa;AAE3B,QAAM,mCACJ,MAAM,oCAAoC;AAC5C,QAAM,oBAAoB,iCAAiC,SAAS;AAEpE,MAAI,CAAC,mBAAmB;AACtB,WAAO;AAAA,EACT;AAEA,QAAM,EAAE,gBAAgB,kBAAkB,IAAI;AAE9C,QAAM,OAAO,MAAM,YAAY,EAAE;AAEjC,QAAM,cAAc,MAAM,SAAS,EAAE;AACrC,QAAM,gBAAgB,CAAC,CAAC;AAExB,QAAM,cAAc,eAAe,QAAQ,UAAU;AACrD,QAAM,iBAAiB,kBAAkB,QAAQ,UAAU;AAC3D,QAAM,UAAU,eAAe;AAG/B,QAAM,eAAe,kBAAkB,gBAAgB;AACvD,QAAM,gBAAgB,kBAAkB;AACxC,QAAM,qBAAqB,eAAe,eAAe;AACzD,QAAM,qBAAqB,eAAe,eAAe;AAEzD,QAAM,uBAAuB,MAAM,wBAAwB;AAC3D,QAAM,kBAAkB,eAAe;AAEvC,QAAM,aAAa,UAAU,SAAS,eAAe,aAAa;AAClE,QAAM,cAAc,qBAAqB,YACrC,0BACA;AACJ,QAAM,mBACJ,qBAAqB,eAAe,cAAc;AAEpD,QAAM,sBAAsB,KAAK;AAAA,IAC/B,kBAAkB;AAAA,EACpB;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,OAAO;AAAA,QACL,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,qBAAqB,MAAM,uBAAuB;AAAA,QAClD,kBAAkB,MAAM,oBAAoB;AAAA,MAC9C;AAAA,MACA,aAAa,CAAC,UAAU;AACtB,YAAI,CAAC,eAAe;AAClB,gBAAM,8BAA8B,KAAK;AAAA,QAC3C;AAAA,MACF;AAAA,MACA,cAAc,CAAC,UAAU;AACvB,cAAM,+BAA+B,KAAK;AAAA,MAC5C;AAAA,MACA,aAAa,CAAC,UAAU;AACtB;AAAA;AAAA,UAEE,MAAM,WAAW;AAAA,UAEjB,MAAM,WAAW;AAAA,UACjB;AACA,gBAAM,0BAA0B,KAAK;AAAA,QACvC;AAAA,MACF;AAAA,MACA,eAAe,CAAC,UAAU;AAExB,YAAI,MAAM,kBAAkB,WAAW,MAAM,OAAO,QAAQ,GAAG,GAAG;AAChE;AAAA,QACF;AAEA,cAAM,4CAA4C,EAAE,KAAK;AAAA,MAC3D;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,cACL;AAAA,cACA;AAAA,cACA;AAAA,YACF;AAAA,YAEC;AAAA,mCAAqB,YAAY,aAAa,oBAAC,mBAAgB;AAAA,cAChE;AAAA,gBAAC;AAAA;AAAA,kBACC;AAAA,kBACA;AAAA,kBACA;AAAA;AAAA,cACF;AAAA,eACE,MAAM,QAAQ,qBACd,MAAM,QAAQ,uBACd,MAAM,QAAQ,kBAAkB,oBAAC,0BAAuB;AAAA;AAAA;AAAA,QAC5D;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,EACF;AAEJ;",
+  "sourcesContent": ["import type { Virtualizer } from '@tanstack/react-virtual';\nimport type { JSX } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { DataTableBody } from './DataTableBody.js';\nimport { DataTableHeader } from './DataTableHeader.js';\nimport {\n  DataTableContentContextProvider,\n  useDataTable,\n} from '../contexts/DataTableContext.js';\nimport { CellActionFloatingMenu } from '../features/UserActions/FloatingMenu.js';\nimport { dataTableMessages } from '../messages.js';\nimport { DataTableScrollShadow } from './DataTableScrollShadow.js';\nimport { getDataTableBorderWidth } from '../../utils/data-table-border-width.js';\n\n/**\n * Renders the content of the `DataTable`.\n *\n * This component is responsible for displaying the header and the main body of the datatable,\n * including rows and columns.\n */\nexport const DataTableContent = (props: {\n  rowVirtualizer: Virtualizer<HTMLDivElement, Element>;\n  columnVirtualizer: Virtualizer<HTMLDivElement, Element>;\n}): JSX.Element | null => {\n  const intl = useIntl();\n  const table = useDataTable();\n\n  const visibleLeafColumnsWithoutBuiltin =\n    table.getVisibleLeafColumnsWithoutBuiltin();\n  const hasVisibleColumns = visibleLeafColumnsWithoutBuiltin.length > 0;\n\n  if (!hasVisibleColumns) {\n    return null;\n  }\n\n  const { rowVirtualizer, columnVirtualizer } = props;\n\n  const rows = table.getRowModel().rows;\n\n  const draggingRow = table.getState().draggingRowInfo;\n  const isDraggingRow = !!draggingRow;\n\n  const isDataEmpty = rowVirtualizer.options.count === 0;\n  const isColumnsEmpty = columnVirtualizer.options.count === 0;\n  const isEmpty = isDataEmpty || isColumnsEmpty;\n\n  // We need to detect overflow on either side, so the scroll shadow can be displayed only if the scrollable content is actually overflowing\n  const scrollOffset = columnVirtualizer.scrollOffset ?? 0;\n  const scrollElement = columnVirtualizer.scrollElement;\n  const tableViewportWidth = scrollElement?.clientWidth ?? 0;\n  const scrollElementWidth = scrollElement?.scrollWidth ?? 0;\n\n  const visualVariantOptions = table.getVisualVariantOptions();\n  const hasOverflowLeft = scrollOffset > 0;\n\n  const gridHeight = isEmpty ? 'auto' : rowVirtualizer.getTotalSize();\n  const borderWidth = visualVariantOptions.contained\n    ? getDataTableBorderWidth()\n    : 0;\n  const hasOverflowRight =\n    scrollElementWidth - scrollOffset - borderWidth > tableViewportWidth;\n\n  const cellActionAriaLabel = intl.formatMessage(\n    dataTableMessages.cellActionLabel,\n  );\n\n  return (\n    <div\n      role=\"grid\"\n      style={{\n        display: 'grid',\n        height: gridHeight,\n        gridTemplateColumns: table.getGridTemplateColumns(),\n        gridTemplateRows: table.getGridTemplateRows(),\n      }}\n      onMouseOver={(event) => {\n        if (!isDraggingRow) {\n          table.handleInteractiveRowMouseOver(event);\n        }\n      }}\n      onMouseLeave={(event) => {\n        table.handleInteractiveRowMouseLeave(event);\n      }}\n      onMouseDown={(event) => {\n        if (\n          // main button (left button)\n          event.button === 0 ||\n          // auxiliary button (wheel/middle button)\n          event.button === 1\n        ) {\n          table.handleInteractiveRowClick(event);\n        }\n      }}\n      onContextMenu={(event) => {\n        // disable context menu for links, we need to show the browser menu instead\n        if (event.target instanceof Element && event.target.closest('a')) {\n          return;\n        }\n\n        table.getUserActionFloatingMenuContextMenuHandler()(event);\n      }}\n    >\n      <DataTableContentContextProvider\n        value={{\n          hasOverflowLeft,\n          hasOverflowRight,\n          cellActionAriaLabel,\n        }}\n      >\n        {visualVariantOptions.headers === 'default' && <DataTableHeader />}\n        <DataTableBody\n          rows={rows}\n          rowVirtualizer={rowVirtualizer}\n          columnVirtualizer={columnVirtualizer}\n        />\n        {(table.options.enableCellActions ||\n          table.options.enableColumnActions ||\n          table.options.enableSorting) && <CellActionFloatingMenu />}\n      </DataTableContentContextProvider>\n      <DataTableScrollShadow\n        hasOverflowLeft={hasOverflowLeft}\n        hasOverflowRight={hasOverflowRight}\n      />\n    </div>\n  );\n};\n"],
+  "mappings": "AAuGM,SAOiD,KAPjD;AArGN,SAAS,eAAe;AAExB,SAAS,qBAAqB;AAC9B,SAAS,uBAAuB;AAChC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,8BAA8B;AACvC,SAAS,yBAAyB;AAClC,SAAS,6BAA6B;AACtC,SAAS,+BAA+B;AAQjC,MAAM,mBAAmB,CAAC,UAGP;AACxB,QAAM,OAAO,QAAQ;AACrB,QAAM,QAAQ,aAAa;AAE3B,QAAM,mCACJ,MAAM,oCAAoC;AAC5C,QAAM,oBAAoB,iCAAiC,SAAS;AAEpE,MAAI,CAAC,mBAAmB;AACtB,WAAO;AAAA,EACT;AAEA,QAAM,EAAE,gBAAgB,kBAAkB,IAAI;AAE9C,QAAM,OAAO,MAAM,YAAY,EAAE;AAEjC,QAAM,cAAc,MAAM,SAAS,EAAE;AACrC,QAAM,gBAAgB,CAAC,CAAC;AAExB,QAAM,cAAc,eAAe,QAAQ,UAAU;AACrD,QAAM,iBAAiB,kBAAkB,QAAQ,UAAU;AAC3D,QAAM,UAAU,eAAe;AAG/B,QAAM,eAAe,kBAAkB,gBAAgB;AACvD,QAAM,gBAAgB,kBAAkB;AACxC,QAAM,qBAAqB,eAAe,eAAe;AACzD,QAAM,qBAAqB,eAAe,eAAe;AAEzD,QAAM,uBAAuB,MAAM,wBAAwB;AAC3D,QAAM,kBAAkB,eAAe;AAEvC,QAAM,aAAa,UAAU,SAAS,eAAe,aAAa;AAClE,QAAM,cAAc,qBAAqB,YACrC,wBAAwB,IACxB;AACJ,QAAM,mBACJ,qBAAqB,eAAe,cAAc;AAEpD,QAAM,sBAAsB,KAAK;AAAA,IAC/B,kBAAkB;AAAA,EACpB;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,OAAO;AAAA,QACL,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,qBAAqB,MAAM,uBAAuB;AAAA,QAClD,kBAAkB,MAAM,oBAAoB;AAAA,MAC9C;AAAA,MACA,aAAa,CAAC,UAAU;AACtB,YAAI,CAAC,eAAe;AAClB,gBAAM,8BAA8B,KAAK;AAAA,QAC3C;AAAA,MACF;AAAA,MACA,cAAc,CAAC,UAAU;AACvB,cAAM,+BAA+B,KAAK;AAAA,MAC5C;AAAA,MACA,aAAa,CAAC,UAAU;AACtB;AAAA;AAAA,UAEE,MAAM,WAAW;AAAA,UAEjB,MAAM,WAAW;AAAA,UACjB;AACA,gBAAM,0BAA0B,KAAK;AAAA,QACvC;AAAA,MACF;AAAA,MACA,eAAe,CAAC,UAAU;AAExB,YAAI,MAAM,kBAAkB,WAAW,MAAM,OAAO,QAAQ,GAAG,GAAG;AAChE;AAAA,QACF;AAEA,cAAM,4CAA4C,EAAE,KAAK;AAAA,MAC3D;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,cACL;AAAA,cACA;AAAA,cACA;AAAA,YACF;AAAA,YAEC;AAAA,mCAAqB,YAAY,aAAa,oBAAC,mBAAgB;AAAA,cAChE;AAAA,gBAAC;AAAA;AAAA,kBACC;AAAA,kBACA;AAAA,kBACA;AAAA;AAAA,cACF;AAAA,eACE,MAAM,QAAQ,qBACd,MAAM,QAAQ,uBACd,MAAM,QAAQ,kBAAkB,oBAAC,0BAAuB;AAAA;AAAA;AAAA,QAC5D;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,EACF;AAEJ;",
   "names": []
 }