@dynatrace/strato-components 3.5.0 → 3.5.2

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

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

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

@@ -13,9 +13,9 @@ import "../../components/DataTableHeaderCell.css";
 import "../../components/DataTableDefaultCell.css";
 import "./Sorting.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var multiSortIndicatorBubble = "_cu1al70-3-5-0";
-var sortOrderIndicator = "_cu1al71-3-5-0";
-var sortingArrow = _7a468({ defaultClassName: "_cu1al72-3-5-0", variantClassNames: { arrowUp: { true: "_cu1al73-3-5-0" }, rowDensity: { "default": "_cu1al74-3-5-0", condensed: "_cu1al75-3-5-0", comfortable: "_cu1al76-3-5-0" } }, defaultVariants: {}, compoundVariants: [] });
+var multiSortIndicatorBubble = "_cu1al70-3-5-2";
+var sortOrderIndicator = "_cu1al71-3-5-2";
+var sortingArrow = _7a468({ defaultClassName: "_cu1al72-3-5-2", variantClassNames: { arrowUp: { true: "_cu1al73-3-5-2" }, rowDensity: { "default": "_cu1al74-3-5-2", condensed: "_cu1al75-3-5-2", comfortable: "_cu1al76-3-5-2" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   multiSortIndicatorBubble,
   sortOrderIndicator,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/Sorting/Sorting.css.ts"],
-  "sourcesContent": ["import '../../components/Alignment.css';\nimport '../../DataTable.css';\nimport '../../../../core/components/app-root/AppRoot.css';\nimport '../../components/DataTableVirtualizationContainer.css';\nimport '../RowOrder/RowOrder.css';\nimport '../RowDetails/RowDetails.css';\nimport '../RowInteractivity/RowInteractivity.css';\nimport '../../components/DataTableRow.css';\nimport '../Thresholds/Thresholds.css';\nimport '../../components/DataTableCell.css';\nimport '../ColumnOrder/ColumnOrder.css';\nimport '../../components/DataTableHeaderCell.css';\nimport '../../components/DataTableDefaultCell.css';\nimport './Sorting.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var multiSortIndicatorBubble = '_cu1al70-3-5-0';\nexport var sortOrderIndicator = '_cu1al71-3-5-0';\nexport var sortingArrow = _7a468({defaultClassName:'_cu1al72-3-5-0',variantClassNames:{arrowUp:{true:'_cu1al73-3-5-0'},rowDensity:{'default':'_cu1al74-3-5-0',condensed:'_cu1al75-3-5-0',comfortable:'_cu1al76-3-5-0'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import '../../components/Alignment.css';\nimport '../../DataTable.css';\nimport '../../../../core/components/app-root/AppRoot.css';\nimport '../../components/DataTableVirtualizationContainer.css';\nimport '../RowOrder/RowOrder.css';\nimport '../RowDetails/RowDetails.css';\nimport '../RowInteractivity/RowInteractivity.css';\nimport '../../components/DataTableRow.css';\nimport '../Thresholds/Thresholds.css';\nimport '../../components/DataTableCell.css';\nimport '../ColumnOrder/ColumnOrder.css';\nimport '../../components/DataTableHeaderCell.css';\nimport '../../components/DataTableDefaultCell.css';\nimport './Sorting.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var multiSortIndicatorBubble = '_cu1al70-3-5-2';\nexport var sortOrderIndicator = '_cu1al71-3-5-2';\nexport var sortingArrow = _7a468({defaultClassName:'_cu1al72-3-5-2',variantClassNames:{arrowUp:{true:'_cu1al73-3-5-2'},rowDensity:{'default':'_cu1al74-3-5-2',condensed:'_cu1al75-3-5-2',comfortable:'_cu1al76-3-5-2'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,2BAA2B;AAC/B,IAAI,qBAAqB;AACzB,IAAI,eAAe,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,SAAQ,EAAC,MAAK,iBAAgB,GAAE,YAAW,EAAC,WAAU,kBAAiB,WAAU,kBAAiB,aAAY,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

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

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

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

@@ -14,11 +14,11 @@ import "../../components/DataTableHeaderCell.css";
 import "../../components/DataTableDefaultCell.css";
 import "./SubRows.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var expandButtonCellWrapper = "_1udh2jz2-3-5-0 _1udh2jz0-3-5-0";
-var expandButtonHeaderCellWrapper = "_1udh2jz1-3-5-0 _1udh2jz0-3-5-0";
-var expandIndentSvg = "_1udh2jz3-3-5-0";
-var expandIndentSvgSize = _7a468({ defaultClassName: "_1udh2jz4-3-5-0", variantClassNames: { rowCanExpand: { true: "_1udh2jz5-3-5-0" } }, defaultVariants: {}, compoundVariants: [] });
-var expanderButton = "_1udh2jz6-3-5-0 _z0fq9b4-3-5-0 _z0fq9bd-3-5-0 _z0fq9b6-3-5-0 _z0fq9b9-3-5-0";
+var expandButtonCellWrapper = "_1udh2jz2-3-5-2 _1udh2jz0-3-5-2";
+var expandButtonHeaderCellWrapper = "_1udh2jz1-3-5-2 _1udh2jz0-3-5-2";
+var expandIndentSvg = "_1udh2jz3-3-5-2";
+var expandIndentSvgSize = _7a468({ defaultClassName: "_1udh2jz4-3-5-2", variantClassNames: { rowCanExpand: { true: "_1udh2jz5-3-5-2" } }, defaultVariants: {}, compoundVariants: [] });
+var expanderButton = "_1udh2jz6-3-5-2 _z0fq9b4-3-5-2 _z0fq9bd-3-5-2 _z0fq9b6-3-5-2 _z0fq9b9-3-5-2";
 export {
   expandButtonCellWrapper,
   expandButtonHeaderCellWrapper,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/SubRows/SubRows.css.ts"],
-  "sourcesContent": ["import '../../../../core/styles/focusRingStatic.css';\nimport '../../components/Alignment.css';\nimport '../../DataTable.css';\nimport '../../../../core/components/app-root/AppRoot.css';\nimport '../../components/DataTableVirtualizationContainer.css';\nimport '../RowOrder/RowOrder.css';\nimport '../RowDetails/RowDetails.css';\nimport '../RowInteractivity/RowInteractivity.css';\nimport '../../components/DataTableRow.css';\nimport '../Thresholds/Thresholds.css';\nimport '../../components/DataTableCell.css';\nimport '../ColumnOrder/ColumnOrder.css';\nimport '../../components/DataTableHeaderCell.css';\nimport '../../components/DataTableDefaultCell.css';\nimport './SubRows.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var expandButtonCellWrapper = '_1udh2jz2-3-5-0 _1udh2jz0-3-5-0';\nexport var expandButtonHeaderCellWrapper = '_1udh2jz1-3-5-0 _1udh2jz0-3-5-0';\nexport var expandIndentSvg = '_1udh2jz3-3-5-0';\nexport var expandIndentSvgSize = _7a468({defaultClassName:'_1udh2jz4-3-5-0',variantClassNames:{rowCanExpand:{true:'_1udh2jz5-3-5-0'}},defaultVariants:{},compoundVariants:[]});\nexport var expanderButton = '_1udh2jz6-3-5-0 _z0fq9b4-3-5-0 _z0fq9bd-3-5-0 _z0fq9b6-3-5-0 _z0fq9b9-3-5-0';"],
+  "sourcesContent": ["import '../../../../core/styles/focusRingStatic.css';\nimport '../../components/Alignment.css';\nimport '../../DataTable.css';\nimport '../../../../core/components/app-root/AppRoot.css';\nimport '../../components/DataTableVirtualizationContainer.css';\nimport '../RowOrder/RowOrder.css';\nimport '../RowDetails/RowDetails.css';\nimport '../RowInteractivity/RowInteractivity.css';\nimport '../../components/DataTableRow.css';\nimport '../Thresholds/Thresholds.css';\nimport '../../components/DataTableCell.css';\nimport '../ColumnOrder/ColumnOrder.css';\nimport '../../components/DataTableHeaderCell.css';\nimport '../../components/DataTableDefaultCell.css';\nimport './SubRows.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var expandButtonCellWrapper = '_1udh2jz2-3-5-2 _1udh2jz0-3-5-2';\nexport var expandButtonHeaderCellWrapper = '_1udh2jz1-3-5-2 _1udh2jz0-3-5-2';\nexport var expandIndentSvg = '_1udh2jz3-3-5-2';\nexport var expandIndentSvgSize = _7a468({defaultClassName:'_1udh2jz4-3-5-2',variantClassNames:{rowCanExpand:{true:'_1udh2jz5-3-5-2'}},defaultVariants:{},compoundVariants:[]});\nexport var expanderButton = '_1udh2jz6-3-5-2 _z0fq9b4-3-5-2 _z0fq9bd-3-5-2 _z0fq9b6-3-5-2 _z0fq9b9-3-5-2';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,0BAA0B;AAC9B,IAAI,gCAAgC;AACpC,IAAI,kBAAkB;AACtB,IAAI,sBAAsB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,cAAa,EAAC,MAAK,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACtK,IAAI,iBAAiB;",
   "names": []
 }

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

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

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

@@ -1,7 +1,7 @@
 import "./Thresholds.css";
-var hasPillThresholds = "_1jrjqrd1-3-5-0";
-var thresholdPill = "_1jrjqrd2-3-5-0";
-var thresholdPillColor = "var(--_1jrjqrd0-3-5-0)";
+var hasPillThresholds = "_1jrjqrd1-3-5-2";
+var thresholdPill = "_1jrjqrd2-3-5-2";
+var thresholdPillColor = "var(--_1jrjqrd0-3-5-2)";
 export {
   hasPillThresholds,
   thresholdPill,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/Thresholds/Thresholds.css.ts"],
-  "sourcesContent": ["import './Thresholds.css';\nexport var hasPillThresholds = '_1jrjqrd1-3-5-0';\nexport var thresholdPill = '_1jrjqrd2-3-5-0';\nexport var thresholdPillColor = 'var(--_1jrjqrd0-3-5-0)';"],
+  "sourcesContent": ["import './Thresholds.css';\nexport var hasPillThresholds = '_1jrjqrd1-3-5-2';\nexport var thresholdPill = '_1jrjqrd2-3-5-2';\nexport var thresholdPillColor = 'var(--_1jrjqrd0-3-5-2)';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,oBAAoB;AACxB,IAAI,gBAAgB;AACpB,IAAI,qBAAqB;",
   "names": []
 }

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

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

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

@@ -12,7 +12,7 @@ import "../ColumnOrder/ColumnOrder.css";
 import "../../components/DataTableHeaderCell.css";
 import "../../components/DataTableDefaultCell.css";
 import "./RowActions.css";
-var rowActions = "_bq8mqs0-3-5-0";
+var rowActions = "_bq8mqs0-3-5-2";
 export {
   rowActions
 };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/UserActions/RowActions.css.ts"],
-  "sourcesContent": ["import '../../components/Alignment.css';\nimport '../../DataTable.css';\nimport '../../../../core/components/app-root/AppRoot.css';\nimport '../../components/DataTableVirtualizationContainer.css';\nimport '../RowOrder/RowOrder.css';\nimport '../RowDetails/RowDetails.css';\nimport '../RowInteractivity/RowInteractivity.css';\nimport '../../components/DataTableRow.css';\nimport '../Thresholds/Thresholds.css';\nimport '../../components/DataTableCell.css';\nimport '../ColumnOrder/ColumnOrder.css';\nimport '../../components/DataTableHeaderCell.css';\nimport '../../components/DataTableDefaultCell.css';\nimport './RowActions.css';\nexport var rowActions = '_bq8mqs0-3-5-0';"],
+  "sourcesContent": ["import '../../components/Alignment.css';\nimport '../../DataTable.css';\nimport '../../../../core/components/app-root/AppRoot.css';\nimport '../../components/DataTableVirtualizationContainer.css';\nimport '../RowOrder/RowOrder.css';\nimport '../RowDetails/RowDetails.css';\nimport '../RowInteractivity/RowInteractivity.css';\nimport '../../components/DataTableRow.css';\nimport '../Thresholds/Thresholds.css';\nimport '../../components/DataTableCell.css';\nimport '../ColumnOrder/ColumnOrder.css';\nimport '../../components/DataTableHeaderCell.css';\nimport '../../components/DataTableDefaultCell.css';\nimport './RowActions.css';\nexport var rowActions = '_bq8mqs0-3-5-2';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACA,IAAI,aAAa;",
   "names": []
 }

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

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

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

@@ -12,8 +12,8 @@ import "../ColumnOrder/ColumnOrder.css";
 import "../../components/DataTableHeaderCell.css";
 import "../../components/DataTableDefaultCell.css";
 import "./UserActions.css";
-var actionButton = "_duopj90-3-5-0";
-var floatingMenuButton = "_duopj91-3-5-0";
+var actionButton = "_duopj90-3-5-2";
+var floatingMenuButton = "_duopj91-3-5-2";
 export {
   actionButton,
   floatingMenuButton

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/UserActions/UserActions.css.ts"],
-  "sourcesContent": ["import '../../components/Alignment.css';\nimport '../../DataTable.css';\nimport '../../../../core/components/app-root/AppRoot.css';\nimport '../../components/DataTableVirtualizationContainer.css';\nimport '../RowOrder/RowOrder.css';\nimport '../RowDetails/RowDetails.css';\nimport '../RowInteractivity/RowInteractivity.css';\nimport '../../components/DataTableRow.css';\nimport '../Thresholds/Thresholds.css';\nimport '../../components/DataTableCell.css';\nimport '../ColumnOrder/ColumnOrder.css';\nimport '../../components/DataTableHeaderCell.css';\nimport '../../components/DataTableDefaultCell.css';\nimport './UserActions.css';\nexport var actionButton = '_duopj90-3-5-0';\nexport var floatingMenuButton = '_duopj91-3-5-0';"],
+  "sourcesContent": ["import '../../components/Alignment.css';\nimport '../../DataTable.css';\nimport '../../../../core/components/app-root/AppRoot.css';\nimport '../../components/DataTableVirtualizationContainer.css';\nimport '../RowOrder/RowOrder.css';\nimport '../RowDetails/RowDetails.css';\nimport '../RowInteractivity/RowInteractivity.css';\nimport '../../components/DataTableRow.css';\nimport '../Thresholds/Thresholds.css';\nimport '../../components/DataTableCell.css';\nimport '../ColumnOrder/ColumnOrder.css';\nimport '../../components/DataTableHeaderCell.css';\nimport '../../components/DataTableDefaultCell.css';\nimport './UserActions.css';\nexport var actionButton = '_duopj90-3-5-2';\nexport var floatingMenuButton = '_duopj91-3-5-2';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACA,IAAI,eAAe;AACnB,IAAI,qBAAqB;",
   "names": []
 }