@dynatrace/strato-components 3.3.0 → 3.3.2

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

@@ -1,6 +1,6 @@
 import "./ColumnTypes.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var logContentWrapper = _7a468({ defaultClassName: "_19nyr520-3-3-0", variantClassNames: { linewrap: { false: "_19nyr521-3-3-0" } }, defaultVariants: {}, compoundVariants: [] });
+var logContentWrapper = _7a468({ defaultClassName: "_19nyr520-3-3-2", variantClassNames: { linewrap: { false: "_19nyr521-3-3-2" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   logContentWrapper
 };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/ColumnTypes/ColumnTypes.css.ts"],
-  "sourcesContent": ["import './ColumnTypes.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var logContentWrapper = _7a468({defaultClassName:'_19nyr520-3-3-0',variantClassNames:{linewrap:{false:'_19nyr521-3-3-0'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './ColumnTypes.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var logContentWrapper = _7a468({defaultClassName:'_19nyr520-3-3-2',variantClassNames:{linewrap:{false:'_19nyr521-3-3-2'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,oBAAoB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,UAAS,EAAC,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/tables/DataTable/features/GanttChart/DataTableGanttAnnotationsIndicators.css

@@ -1,4 +1,4 @@
-._1x1hmrh0-3-3-0 {
+._1x1hmrh0-3-3-2 {
   position: absolute;
   top: 0;
   left: 0;

package/esm/tables/DataTable/features/GanttChart/DataTableGanttAnnotationsIndicators.sty.js

@@ -1,5 +1,5 @@
 import "./DataTableGanttAnnotationsIndicators.css";
-var annotationIndicators = "_1x1hmrh0-3-3-0";
+var annotationIndicators = "_1x1hmrh0-3-3-2";
 export {
   annotationIndicators
 };

package/esm/tables/DataTable/features/GanttChart/DataTableGanttAnnotationsIndicators.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/GanttChart/DataTableGanttAnnotationsIndicators.css.ts"],
-  "sourcesContent": ["import './DataTableGanttAnnotationsIndicators.css';\nexport var annotationIndicators = '_1x1hmrh0-3-3-0';"],
+  "sourcesContent": ["import './DataTableGanttAnnotationsIndicators.css';\nexport var annotationIndicators = '_1x1hmrh0-3-3-2';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,uBAAuB;",
   "names": []
 }

package/esm/tables/DataTable/features/GanttChart/DataTableGanttChartCell.css

@@ -1,11 +1,11 @@
-._5jn5tp0-3-3-0 {
+._5jn5tp0-3-3-2 {
   height: 100%;
   width: 100%;
 }
-._5jn5tp1-3-3-0 {
+._5jn5tp1-3-3-2 {
   padding-right: 0;
   pointer-events: auto;
 }
-._5jn5tp1-3-3-0:not(:has(._1udh2jz2-3-3-0)) {
+._5jn5tp1-3-3-2:not(:has(._1udh2jz2-3-3-2)) {
   padding-left: 0;
 }

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

@@ -13,8 +13,8 @@ import "../../components/DataTableHeaderCell.css";
 import "../../components/DataTableDefaultCell.css";
 import "../SubRows/SubRows.css";
 import "./DataTableGanttChartCell.css";
-var ganttChartCell = "_5jn5tp0-3-3-0";
-var ganttChartDefaultCell = "_5jn5tp1-3-3-0";
+var ganttChartCell = "_5jn5tp0-3-3-2";
+var ganttChartDefaultCell = "_5jn5tp1-3-3-2";
 export {
   ganttChartCell,
   ganttChartDefaultCell

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/GanttChart/DataTableGanttChartCell.css.ts"],
-  "sourcesContent": ["import '../../../../core/styles/focusRingStatic.css';\nimport '../../components/Alignment.css';\nimport '../../DataTable.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/SubRows.css';\nimport './DataTableGanttChartCell.css';\nexport var ganttChartCell = '_5jn5tp0-3-3-0';\nexport var ganttChartDefaultCell = '_5jn5tp1-3-3-0';"],
+  "sourcesContent": ["import '../../../../core/styles/focusRingStatic.css';\nimport '../../components/Alignment.css';\nimport '../../DataTable.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/SubRows.css';\nimport './DataTableGanttChartCell.css';\nexport var ganttChartCell = '_5jn5tp0-3-3-2';\nexport var ganttChartDefaultCell = '_5jn5tp1-3-3-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;AACA,IAAI,iBAAiB;AACrB,IAAI,wBAAwB;",
   "names": []
 }

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

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

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

@@ -1,5 +1,5 @@
 import "./DataTableGanttChartGrid.css";
-var ganttChartGrid = "_evozey0-3-3-0";
+var ganttChartGrid = "_evozey0-3-3-2";
 export {
   ganttChartGrid
 };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/GanttChart/DataTableGanttChartGrid.css.ts"],
-  "sourcesContent": ["import './DataTableGanttChartGrid.css';\nexport var ganttChartGrid = '_evozey0-3-3-0';"],
+  "sourcesContent": ["import './DataTableGanttChartGrid.css';\nexport var ganttChartGrid = '_evozey0-3-3-2';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,iBAAiB;",
   "names": []
 }

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

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

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

@@ -4,7 +4,7 @@ import "../ColumnOrder/ColumnOrder.css";
 import "../Thresholds/Thresholds.css";
 import "../../components/DataTableHeaderCell.css";
 import "./DataTableGanttChartHeader.css";
-var ganttChartHeader = "_10y95u40-3-3-0";
+var ganttChartHeader = "_10y95u40-3-3-2";
 export {
   ganttChartHeader
 };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/GanttChart/DataTableGanttChartHeader.css.ts"],
-  "sourcesContent": ["import '../../DataTable.css';\nimport '../../components/Alignment.css';\nimport '../ColumnOrder/ColumnOrder.css';\nimport '../Thresholds/Thresholds.css';\nimport '../../components/DataTableHeaderCell.css';\nimport './DataTableGanttChartHeader.css';\nexport var ganttChartHeader = '_10y95u40-3-3-0';"],
+  "sourcesContent": ["import '../../DataTable.css';\nimport '../../components/Alignment.css';\nimport '../ColumnOrder/ColumnOrder.css';\nimport '../Thresholds/Thresholds.css';\nimport '../../components/DataTableHeaderCell.css';\nimport './DataTableGanttChartHeader.css';\nexport var ganttChartHeader = '_10y95u40-3-3-2';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACA,IAAI,mBAAmB;",
   "names": []
 }

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

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

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

@@ -1,6 +1,6 @@
 import "./LoadingState.css";
-var dataTableHeaderHeight = "var(--_14flfjk0-3-3-0)";
-var loadingState = "_14flfjk1-3-3-0";
+var dataTableHeaderHeight = "var(--_14flfjk0-3-3-2)";
+var loadingState = "_14flfjk1-3-3-2";
 export {
   dataTableHeaderHeight,
   loadingState

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/LoadingState/LoadingState.css.ts"],
-  "sourcesContent": ["import './LoadingState.css';\nexport var dataTableHeaderHeight = 'var(--_14flfjk0-3-3-0)';\nexport var loadingState = '_14flfjk1-3-3-0';"],
+  "sourcesContent": ["import './LoadingState.css';\nexport var dataTableHeaderHeight = 'var(--_14flfjk0-3-3-2)';\nexport var loadingState = '_14flfjk1-3-3-2';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,wBAAwB;AAC5B,IAAI,eAAe;",
   "names": []
 }

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

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

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

@@ -1,9 +1,9 @@
 import "../RowOrder/RowOrder.css";
 import "./RowDetails.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var rowDetailsExpandedRowCell = "_2twyod0-3-3-0";
-var rowDetailsRow = _7a468({ defaultClassName: "_2twyod1-3-3-0", variantClassNames: { rowParity: { even: "_2twyod2-3-3-0", odd: "_2twyod3-3-3-0" }, isDraggedRow: { true: "_2twyod4-3-3-0" }, rowSeparation: { none: "_2twyod5-3-3-0", horizontalDividers: "_2twyod6-3-3-0", zebraStripes: "_2twyod7-3-3-0" }, isLastRow: { true: "_2twyod8-3-3-0" } }, defaultVariants: {}, compoundVariants: [[{ rowSeparation: "zebraStripes", rowParity: "even" }, "_2twyod9-3-3-0"], [{ rowSeparation: "zebraStripes", rowParity: "odd" }, "_2twyoda-3-3-0"]] });
-var rowDetailsWrapperCSS = _7a468({ defaultClassName: "_2twyodb-3-3-0", variantClassNames: { rowDensity: { "default": "_2twyodc-3-3-0", condensed: "_2twyodd-3-3-0", comfortable: "_2twyode-3-3-0" } }, defaultVariants: { rowDensity: "default" }, compoundVariants: [] });
+var rowDetailsExpandedRowCell = "_2twyod0-3-3-2";
+var rowDetailsRow = _7a468({ defaultClassName: "_2twyod1-3-3-2", variantClassNames: { rowParity: { even: "_2twyod2-3-3-2", odd: "_2twyod3-3-3-2" }, isDraggedRow: { true: "_2twyod4-3-3-2" }, rowSeparation: { none: "_2twyod5-3-3-2", horizontalDividers: "_2twyod6-3-3-2", zebraStripes: "_2twyod7-3-3-2" }, isLastRow: { true: "_2twyod8-3-3-2" } }, defaultVariants: {}, compoundVariants: [[{ rowSeparation: "zebraStripes", rowParity: "even" }, "_2twyod9-3-3-2"], [{ rowSeparation: "zebraStripes", rowParity: "odd" }, "_2twyoda-3-3-2"]] });
+var rowDetailsWrapperCSS = _7a468({ defaultClassName: "_2twyodb-3-3-2", variantClassNames: { rowDensity: { "default": "_2twyodc-3-3-2", condensed: "_2twyodd-3-3-2", comfortable: "_2twyode-3-3-2" } }, defaultVariants: { rowDensity: "default" }, compoundVariants: [] });
 export {
   rowDetailsExpandedRowCell,
   rowDetailsRow,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/RowDetails/RowDetails.css.ts"],
-  "sourcesContent": ["import '../RowOrder/RowOrder.css';\nimport './RowDetails.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var rowDetailsExpandedRowCell = '_2twyod0-3-3-0';\nexport var rowDetailsRow = _7a468({defaultClassName:'_2twyod1-3-3-0',variantClassNames:{rowParity:{even:'_2twyod2-3-3-0',odd:'_2twyod3-3-3-0'},isDraggedRow:{true:'_2twyod4-3-3-0'},rowSeparation:{none:'_2twyod5-3-3-0',horizontalDividers:'_2twyod6-3-3-0',zebraStripes:'_2twyod7-3-3-0'},isLastRow:{true:'_2twyod8-3-3-0'}},defaultVariants:{},compoundVariants:[[{rowSeparation:'zebraStripes',rowParity:'even'},'_2twyod9-3-3-0'],[{rowSeparation:'zebraStripes',rowParity:'odd'},'_2twyoda-3-3-0']]});\nexport var rowDetailsWrapperCSS = _7a468({defaultClassName:'_2twyodb-3-3-0',variantClassNames:{rowDensity:{'default':'_2twyodc-3-3-0',condensed:'_2twyodd-3-3-0',comfortable:'_2twyode-3-3-0'}},defaultVariants:{rowDensity:'default'},compoundVariants:[]});"],
+  "sourcesContent": ["import '../RowOrder/RowOrder.css';\nimport './RowDetails.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var rowDetailsExpandedRowCell = '_2twyod0-3-3-2';\nexport var rowDetailsRow = _7a468({defaultClassName:'_2twyod1-3-3-2',variantClassNames:{rowParity:{even:'_2twyod2-3-3-2',odd:'_2twyod3-3-3-2'},isDraggedRow:{true:'_2twyod4-3-3-2'},rowSeparation:{none:'_2twyod5-3-3-2',horizontalDividers:'_2twyod6-3-3-2',zebraStripes:'_2twyod7-3-3-2'},isLastRow:{true:'_2twyod8-3-3-2'}},defaultVariants:{},compoundVariants:[[{rowSeparation:'zebraStripes',rowParity:'even'},'_2twyod9-3-3-2'],[{rowSeparation:'zebraStripes',rowParity:'odd'},'_2twyoda-3-3-2']]});\nexport var rowDetailsWrapperCSS = _7a468({defaultClassName:'_2twyodb-3-3-2',variantClassNames:{rowDensity:{'default':'_2twyodc-3-3-2',condensed:'_2twyodd-3-3-2',comfortable:'_2twyode-3-3-2'}},defaultVariants:{rowDensity:'default'},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,4BAA4B;AAChC,IAAI,gBAAgB,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,WAAU,EAAC,MAAK,kBAAiB,KAAI,iBAAgB,GAAE,cAAa,EAAC,MAAK,iBAAgB,GAAE,eAAc,EAAC,MAAK,kBAAiB,oBAAmB,kBAAiB,cAAa,iBAAgB,GAAE,WAAU,EAAC,MAAK,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,CAAC,EAAC,eAAc,gBAAe,WAAU,OAAM,GAAE,gBAAgB,GAAE,CAAC,EAAC,eAAc,gBAAe,WAAU,MAAK,GAAE,gBAAgB,CAAC,EAAC,CAAC;AACne,IAAI,uBAAuB,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,YAAW,EAAC,WAAU,kBAAiB,WAAU,kBAAiB,aAAY,iBAAgB,EAAC,GAAE,iBAAgB,EAAC,YAAW,UAAS,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

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

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

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

@@ -2,7 +2,7 @@ import "../../components/DataTableVirtualizationContainer.css";
 import "../../DataTable.css";
 import "./RowInteractivity.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var interactiveRow = _7a468({ defaultClassName: "_15silbj0-3-3-0", variantClassNames: { active: { true: "_15silbj1-3-3-0", false: "_15silbj2-3-3-0" }, focus: { true: "_15silbj3-3-3-0" }, hovered: { true: "_15silbj4-3-3-0" }, contained: { true: "_15silbj5-3-3-0", false: "_15silbj6-3-3-0" } }, defaultVariants: {}, compoundVariants: [[{ active: true, focus: true }, "_15silbj7-3-3-0"]] });
+var interactiveRow = _7a468({ defaultClassName: "_15silbj0-3-3-2", variantClassNames: { active: { true: "_15silbj1-3-3-2", false: "_15silbj2-3-3-2" }, focus: { true: "_15silbj3-3-3-2" }, hovered: { true: "_15silbj4-3-3-2" }, contained: { true: "_15silbj5-3-3-2", false: "_15silbj6-3-3-2" } }, defaultVariants: {}, compoundVariants: [[{ active: true, focus: true }, "_15silbj7-3-3-2"]] });
 export {
   interactiveRow
 };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/RowInteractivity/RowInteractivity.css.ts"],
-  "sourcesContent": ["import '../../components/DataTableVirtualizationContainer.css';\nimport '../../DataTable.css';\nimport './RowInteractivity.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var interactiveRow = _7a468({defaultClassName:'_15silbj0-3-3-0',variantClassNames:{active:{true:'_15silbj1-3-3-0',false:'_15silbj2-3-3-0'},focus:{true:'_15silbj3-3-3-0'},hovered:{true:'_15silbj4-3-3-0'},contained:{true:'_15silbj5-3-3-0',false:'_15silbj6-3-3-0'}},defaultVariants:{},compoundVariants:[[{active:true,focus:true},'_15silbj7-3-3-0']]});"],
+  "sourcesContent": ["import '../../components/DataTableVirtualizationContainer.css';\nimport '../../DataTable.css';\nimport './RowInteractivity.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var interactiveRow = _7a468({defaultClassName:'_15silbj0-3-3-2',variantClassNames:{active:{true:'_15silbj1-3-3-2',false:'_15silbj2-3-3-2'},focus:{true:'_15silbj3-3-3-2'},hovered:{true:'_15silbj4-3-3-2'},contained:{true:'_15silbj5-3-3-2',false:'_15silbj6-3-3-2'}},defaultVariants:{},compoundVariants:[[{active:true,focus:true},'_15silbj7-3-3-2']]});"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,iBAAiB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,QAAO,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,GAAE,OAAM,EAAC,MAAK,kBAAiB,GAAE,SAAQ,EAAC,MAAK,kBAAiB,GAAE,WAAU,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,CAAC,EAAC,QAAO,MAAK,OAAM,KAAI,GAAE,iBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

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

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

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

@@ -1,8 +1,8 @@
 import "./RowOrder.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var disabledNonTargetRow = "_or8s44-3-3-0";
-var dndHandle = _7a468({ defaultClassName: "_or8s41-3-3-0", variantClassNames: { disabled: { true: "_or8s42-3-3-0", false: "_or8s43-3-3-0" } }, defaultVariants: {}, compoundVariants: [] });
-var rowDndOverlay = "_or8s40-3-3-0";
+var disabledNonTargetRow = "_or8s44-3-3-2";
+var dndHandle = _7a468({ defaultClassName: "_or8s41-3-3-2", variantClassNames: { disabled: { true: "_or8s42-3-3-2", false: "_or8s43-3-3-2" } }, defaultVariants: {}, compoundVariants: [] });
+var rowDndOverlay = "_or8s40-3-3-2";
 export {
   disabledNonTargetRow,
   dndHandle,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/RowOrder/RowOrder.css.ts"],
-  "sourcesContent": ["import './RowOrder.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var disabledNonTargetRow = '_or8s44-3-3-0';\nexport var dndHandle = _7a468({defaultClassName:'_or8s41-3-3-0',variantClassNames:{disabled:{true:'_or8s42-3-3-0',false:'_or8s43-3-3-0'}},defaultVariants:{},compoundVariants:[]});\nexport var rowDndOverlay = '_or8s40-3-3-0';"],
+  "sourcesContent": ["import './RowOrder.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var disabledNonTargetRow = '_or8s44-3-3-2';\nexport var dndHandle = _7a468({defaultClassName:'_or8s41-3-3-2',variantClassNames:{disabled:{true:'_or8s42-3-3-2',false:'_or8s43-3-3-2'}},defaultVariants:{},compoundVariants:[]});\nexport var rowDndOverlay = '_or8s40-3-3-2';"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,uBAAuB;AAC3B,IAAI,YAAY,OAAO,EAAC,kBAAiB,iBAAgB,mBAAkB,EAAC,UAAS,EAAC,MAAK,iBAAgB,OAAM,gBAAe,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC1K,IAAI,gBAAgB;",
   "names": []
 }

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

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

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

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