@dynatrace/strato-components 3.11.3 → 3.12.0

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/ColumnSizing/ColumnSizing.css.ts"],
-  "sourcesContent": ["import '../../DataTable.css';\nimport './ColumnSizing.css';\nexport var tableColumnResizing = '_17437gx0-3-11-3';"],
+  "sourcesContent": ["import '../../DataTable.css';\nimport './ColumnSizing.css';\nexport var tableColumnResizing = '_17437gx0-3-12-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACA,IAAI,sBAAsB;",
   "names": []
 }

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

@@ -1,4 +1,4 @@
-._19nyr521-3-11-3 {
+._19nyr521-3-12-0 {
   overflow: hidden;
   text-overflow: ellipsis;
 }

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-11-3", variantClassNames: { linewrap: { false: "_19nyr521-3-11-3" } }, defaultVariants: {}, compoundVariants: [] });
+var logContentWrapper = _7a468({ defaultClassName: "_19nyr520-3-12-0", variantClassNames: { linewrap: { false: "_19nyr521-3-12-0" } }, 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-11-3',variantClassNames:{linewrap:{false:'_19nyr521-3-11-3'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './ColumnTypes.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var logContentWrapper = _7a468({defaultClassName:'_19nyr520-3-12-0',variantClassNames:{linewrap:{false:'_19nyr521-3-12-0'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,oBAAoB,OAAO,EAAC,kBAAiB,oBAAmB,mBAAkB,EAAC,UAAS,EAAC,OAAM,mBAAkB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

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

@@ -1,4 +1,4 @@
-._1x1hmrh0-3-11-3 {
+._1x1hmrh0-3-12-0 {
   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-11-3";
+var annotationIndicators = "_1x1hmrh0-3-12-0";
 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-11-3';"],
+  "sourcesContent": ["import './DataTableGanttAnnotationsIndicators.css';\nexport var annotationIndicators = '_1x1hmrh0-3-12-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,uBAAuB;",
   "names": []
 }

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

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

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

@@ -15,8 +15,8 @@ import "../../components/DataTableHeaderCell.css";
 import "../../components/DataTableDefaultCell.css";
 import "../SubRows/SubRows.css";
 import "./DataTableGanttChartCell.css";
-var ganttChartCell = "_5jn5tp0-3-11-3";
-var ganttChartDefaultCell = "_5jn5tp1-3-11-3";
+var ganttChartCell = "_5jn5tp0-3-12-0";
+var ganttChartDefaultCell = "_5jn5tp1-3-12-0";
 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 '../../../../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 '../ColumnSizing/ColumnSizing.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-11-3';\nexport var ganttChartDefaultCell = '_5jn5tp1-3-11-3';"],
+  "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 '../ColumnSizing/ColumnSizing.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-12-0';\nexport var ganttChartDefaultCell = '_5jn5tp1-3-12-0';"],
   "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,OAAO;AACP,OAAO;AACA,IAAI,iBAAiB;AACrB,IAAI,wBAAwB;",
   "names": []
 }

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

@@ -1,4 +1,4 @@
-._evozey0-3-11-3 {
+._evozey0-3-12-0 {
   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-11-3";
+var ganttChartGrid = "_evozey0-3-12-0";
 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-11-3';"],
+  "sourcesContent": ["import './DataTableGanttChartGrid.css';\nexport var ganttChartGrid = '_evozey0-3-12-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,iBAAiB;",
   "names": []
 }

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

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

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

@@ -5,7 +5,7 @@ import "../ColumnOrder/ColumnOrder.css";
 import "../Thresholds/Thresholds.css";
 import "../../components/DataTableHeaderCell.css";
 import "./DataTableGanttChartHeader.css";
-var ganttChartHeader = "_10y95u40-3-11-3";
+var ganttChartHeader = "_10y95u40-3-12-0";
 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 '../../../../core/components/app-root/AppRoot.css';\nimport '../../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-11-3';"],
+  "sourcesContent": ["import '../../../../core/components/app-root/AppRoot.css';\nimport '../../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-12-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACA,IAAI,mBAAmB;",
   "names": []
 }

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

@@ -1,7 +1,7 @@
-._14flfjk2-3-11-3 {
+._14flfjk2-3-12-0 {
   z-index: 1;
   position: absolute;
   inset: 0;
-  top: calc(var(--_14flfjk0-3-11-3) + var(--_14flfjk1-3-11-3));
-  bottom: calc(var(--_14flfjk1-3-11-3) * -1);
+  top: calc(var(--_14flfjk0-3-12-0) + var(--_14flfjk1-3-12-0));
+  bottom: calc(var(--_14flfjk1-3-12-0) * -1);
 }

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

@@ -1,7 +1,7 @@
 import "./LoadingState.css";
-var dataTableHeaderHeight = "var(--_14flfjk0-3-11-3)";
-var dataTableScrollOffset = "var(--_14flfjk1-3-11-3)";
-var loadingState = "_14flfjk2-3-11-3";
+var dataTableHeaderHeight = "var(--_14flfjk0-3-12-0)";
+var dataTableScrollOffset = "var(--_14flfjk1-3-12-0)";
+var loadingState = "_14flfjk2-3-12-0";
 export {
   dataTableHeaderHeight,
   dataTableScrollOffset,

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-11-3)';\nexport var dataTableScrollOffset = 'var(--_14flfjk1-3-11-3)';\nexport var loadingState = '_14flfjk2-3-11-3';"],
+  "sourcesContent": ["import './LoadingState.css';\nexport var dataTableHeaderHeight = 'var(--_14flfjk0-3-12-0)';\nexport var dataTableScrollOffset = 'var(--_14flfjk1-3-12-0)';\nexport var loadingState = '_14flfjk2-3-12-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,wBAAwB;AAC5B,IAAI,wBAAwB;AAC5B,IAAI,eAAe;",
   "names": []
 }

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

@@ -1,13 +1,13 @@
-._116rojq0-3-11-3 {
+._116rojq0-3-12-0 {
   display: flex;
   align-items: center;
   width: 100%;
   gap: var(--dt-spacings-size-8, 8px);
 }
-._116rojq1-3-11-3 {
+._116rojq1-3-12-0 {
   display: contents;
 }
-._116rojq2-3-11-3 {
+._116rojq2-3-12-0 {
   flex-shrink: 0;
   min-width: var(--dt-spacings-size-48, 48px);
   max-width: 50%;
@@ -17,9 +17,9 @@
   text-overflow: ellipsis;
   color: var(--dt-colors-text-neutral-default, #2f2f4f);
 }
-._116rojq3-3-11-3 {
+._116rojq3-3-12-0 {
   order: -1;
 }
-._116rojq4-3-11-3 {
+._116rojq4-3-12-0 {
   order: 1;
 }

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

@@ -1,6 +1,6 @@
 import "./MeterBarChart.css";
-var inlineValueVariants = { left: "_116rojq3-3-11-3 _116rojq2-3-11-3", right: "_116rojq4-3-11-3 _116rojq2-3-11-3" };
-var wrapperVariants = { shown: "_116rojq0-3-11-3", hidden: "_116rojq1-3-11-3" };
+var inlineValueVariants = { left: "_116rojq3-3-12-0 _116rojq2-3-12-0", right: "_116rojq4-3-12-0 _116rojq2-3-12-0" };
+var wrapperVariants = { shown: "_116rojq0-3-12-0", hidden: "_116rojq1-3-12-0" };
 export {
   inlineValueVariants,
   wrapperVariants

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/MeterBarChart/MeterBarChart.css.ts"],
-  "sourcesContent": ["import './MeterBarChart.css';\nexport var inlineValueVariants = {left:'_116rojq3-3-11-3 _116rojq2-3-11-3',right:'_116rojq4-3-11-3 _116rojq2-3-11-3'};\nexport var wrapperVariants = {shown:'_116rojq0-3-11-3',hidden:'_116rojq1-3-11-3'};"],
+  "sourcesContent": ["import './MeterBarChart.css';\nexport var inlineValueVariants = {left:'_116rojq3-3-12-0 _116rojq2-3-12-0',right:'_116rojq4-3-12-0 _116rojq2-3-12-0'};\nexport var wrapperVariants = {shown:'_116rojq0-3-12-0',hidden:'_116rojq1-3-12-0'};"],
   "mappings": "AAAA,OAAO;AACA,IAAI,sBAAsB,EAAC,MAAK,qCAAoC,OAAM,oCAAmC;AAC7G,IAAI,kBAAkB,EAAC,OAAM,oBAAmB,QAAO,mBAAkB;",
   "names": []
 }

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

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

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-11-3";
-var rowDetailsRow = _7a468({ defaultClassName: "_2twyod1-3-11-3", variantClassNames: { rowParity: { even: "_2twyod2-3-11-3", odd: "_2twyod3-3-11-3" }, isDraggedRow: { true: "_2twyod4-3-11-3" }, rowSeparation: { none: "_2twyod5-3-11-3", horizontalDividers: "_2twyod6-3-11-3", zebraStripes: "_2twyod7-3-11-3" }, isLastRow: { true: "_2twyod8-3-11-3" } }, defaultVariants: {}, compoundVariants: [[{ rowSeparation: "zebraStripes", rowParity: "even" }, "_2twyod9-3-11-3"], [{ rowSeparation: "zebraStripes", rowParity: "odd" }, "_2twyoda-3-11-3"]] });
-var rowDetailsWrapper = _7a468({ defaultClassName: "_2twyodb-3-11-3", variantClassNames: { rowDensity: { "default": "_2twyodc-3-11-3", condensed: "_2twyodd-3-11-3", comfortable: "_2twyode-3-11-3" } }, defaultVariants: { rowDensity: "default" }, compoundVariants: [] });
+var rowDetailsExpandedRowCell = "_2twyod0-3-12-0";
+var rowDetailsRow = _7a468({ defaultClassName: "_2twyod1-3-12-0", variantClassNames: { rowParity: { even: "_2twyod2-3-12-0", odd: "_2twyod3-3-12-0" }, isDraggedRow: { true: "_2twyod4-3-12-0" }, rowSeparation: { none: "_2twyod5-3-12-0", horizontalDividers: "_2twyod6-3-12-0", zebraStripes: "_2twyod7-3-12-0" }, isLastRow: { true: "_2twyod8-3-12-0" } }, defaultVariants: {}, compoundVariants: [[{ rowSeparation: "zebraStripes", rowParity: "even" }, "_2twyod9-3-12-0"], [{ rowSeparation: "zebraStripes", rowParity: "odd" }, "_2twyoda-3-12-0"]] });
+var rowDetailsWrapper = _7a468({ defaultClassName: "_2twyodb-3-12-0", variantClassNames: { rowDensity: { "default": "_2twyodc-3-12-0", condensed: "_2twyodd-3-12-0", comfortable: "_2twyode-3-12-0" } }, 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-11-3';\nexport var rowDetailsRow = _7a468({defaultClassName:'_2twyod1-3-11-3',variantClassNames:{rowParity:{even:'_2twyod2-3-11-3',odd:'_2twyod3-3-11-3'},isDraggedRow:{true:'_2twyod4-3-11-3'},rowSeparation:{none:'_2twyod5-3-11-3',horizontalDividers:'_2twyod6-3-11-3',zebraStripes:'_2twyod7-3-11-3'},isLastRow:{true:'_2twyod8-3-11-3'}},defaultVariants:{},compoundVariants:[[{rowSeparation:'zebraStripes',rowParity:'even'},'_2twyod9-3-11-3'],[{rowSeparation:'zebraStripes',rowParity:'odd'},'_2twyoda-3-11-3']]});\nexport var rowDetailsWrapper = _7a468({defaultClassName:'_2twyodb-3-11-3',variantClassNames:{rowDensity:{'default':'_2twyodc-3-11-3',condensed:'_2twyodd-3-11-3',comfortable:'_2twyode-3-11-3'}},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-12-0';\nexport var rowDetailsRow = _7a468({defaultClassName:'_2twyod1-3-12-0',variantClassNames:{rowParity:{even:'_2twyod2-3-12-0',odd:'_2twyod3-3-12-0'},isDraggedRow:{true:'_2twyod4-3-12-0'},rowSeparation:{none:'_2twyod5-3-12-0',horizontalDividers:'_2twyod6-3-12-0',zebraStripes:'_2twyod7-3-12-0'},isLastRow:{true:'_2twyod8-3-12-0'}},defaultVariants:{},compoundVariants:[[{rowSeparation:'zebraStripes',rowParity:'even'},'_2twyod9-3-12-0'],[{rowSeparation:'zebraStripes',rowParity:'odd'},'_2twyoda-3-12-0']]});\nexport var rowDetailsWrapper = _7a468({defaultClassName:'_2twyodb-3-12-0',variantClassNames:{rowDensity:{'default':'_2twyodc-3-12-0',condensed:'_2twyodd-3-12-0',comfortable:'_2twyode-3-12-0'}},defaultVariants:{rowDensity:'default'},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,4BAA4B;AAChC,IAAI,gBAAgB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,WAAU,EAAC,MAAK,mBAAkB,KAAI,kBAAiB,GAAE,cAAa,EAAC,MAAK,kBAAiB,GAAE,eAAc,EAAC,MAAK,mBAAkB,oBAAmB,mBAAkB,cAAa,kBAAiB,GAAE,WAAU,EAAC,MAAK,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,CAAC,EAAC,eAAc,gBAAe,WAAU,OAAM,GAAE,iBAAiB,GAAE,CAAC,EAAC,eAAc,gBAAe,WAAU,MAAK,GAAE,iBAAiB,CAAC,EAAC,CAAC;AAC7e,IAAI,oBAAoB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,YAAW,EAAC,WAAU,mBAAkB,WAAU,mBAAkB,aAAY,kBAAiB,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-11-3 {
+._15silbj0-3-12-0 {
   box-sizing: border-box;
   appearance: none;
   outline: 0;
@@ -7,7 +7,7 @@
   position: relative;
   cursor: pointer;
 }
-._15silbj0-3-11-3::after {
+._15silbj0-3-12-0::after {
   content: "";
   position: absolute;
   top: 0;
@@ -20,55 +20,55 @@
   pointer-events: none;
   z-index: 4;
 }
-._15silbj1-3-11-3::after {
+._15silbj1-3-12-0::after {
   border-color: var(--dt-colors-border-primary-accent, #464cce);
 }
-._15silbj1-3-11-3:hover {
+._15silbj1-3-12-0:hover {
   background-color: var(--dt-colors-background-container-primary-default, #f1f2f9);
 }
-._15silbj1-3-11-3:hover::after {
+._15silbj1-3-12-0:hover::after {
   border-color: var(--dt-colors-border-primary-accent, #464cce);
 }
-._15silbj3-3-11-3 {
+._15silbj3-3-12-0 {
   background-color: var(--dt-colors-background-container-neutral-default, #f2f2f5);
 }
-._15silbj3-3-11-3::after {
+._15silbj3-3-12-0::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-11-3 {
+._15silbj4-3-12-0 {
   background-color: var(--dt-colors-background-container-neutral-default, #f2f2f5);
 }
-._15silbj4-3-11-3::after {
+._15silbj4-3-12-0::after {
   border-color: var(--dt-colors-border-neutral-accent, #595a7d);
 }
-._ytdpswb-3-11-3 ._14sp6az6-3-11-3._15silbj7-3-11-3::after {
+._ytdpswb-3-12-0 ._14sp6az6-3-12-0._15silbj7-3-12-0::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-11-3 ._14sp6az6-3-11-3._15silbj7-3-11-3::after {
+._ytdpswd-3-12-0 ._14sp6az6-3-12-0._15silbj7-3-12-0::after {
   border-bottom-right-radius: 0;
   border-bottom-left-radius: calc(var(--dt-borders-radius-container-subdued, 6px) - var(--dt-borders-width-emphasized, 2px));
 }
-._15silbj8-3-11-3 {
+._15silbj8-3-12-0 {
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 0;
 }
-._15silbj9-3-11-3 {
+._15silbj9-3-12-0 {
   background-color: var(--dt-colors-background-container-primary-default, #f1f2f9);
 }
-._15silbj9-3-11-3::after {
+._15silbj9-3-12-0::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);
 }
-._15silbja-3-11-3::after {
+._15silbja-3-12-0::after {
   border-width: 0;
   box-shadow: inset 0 0 0 var(--dt-borders-width-emphasized, 2px) var(--dt-colors-border-neutral-accent, #595a7d);
 }
-._15silbjb-3-11-3 {
+._15silbjb-3-12-0 {
   background-color: var(--dt-colors-background-container-primary-default, #f1f2f9);
 }
-._15silbjb-3-11-3::after {
+._15silbjb-3-12-0::after {
   border-width: 0;
   box-shadow: inset 0 0 0 var(--dt-borders-width-emphasized, 2px) var(--dt-colors-border-primary-accent, #464cce);
 }

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

@@ -3,7 +3,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-11-3", variantClassNames: { active: { true: "_15silbj1-3-11-3", false: "_15silbj2-3-11-3" }, focus: { true: "_15silbj3-3-11-3" }, hovered: { true: "_15silbj4-3-11-3" }, singleTone: { true: "_15silbj5-3-11-3", false: "_15silbj6-3-11-3" }, contained: { true: "_15silbj7-3-11-3", false: "_15silbj8-3-11-3" } }, defaultVariants: {}, compoundVariants: [[{ active: true, focus: true }, "_15silbj9-3-11-3"], [{ focus: true, singleTone: true }, "_15silbja-3-11-3"], [{ active: true, focus: true, singleTone: true }, "_15silbjb-3-11-3"]] });
+var interactiveRow = _7a468({ defaultClassName: "_15silbj0-3-12-0", variantClassNames: { active: { true: "_15silbj1-3-12-0", false: "_15silbj2-3-12-0" }, focus: { true: "_15silbj3-3-12-0" }, hovered: { true: "_15silbj4-3-12-0" }, singleTone: { true: "_15silbj5-3-12-0", false: "_15silbj6-3-12-0" }, contained: { true: "_15silbj7-3-12-0", false: "_15silbj8-3-12-0" } }, defaultVariants: {}, compoundVariants: [[{ active: true, focus: true }, "_15silbj9-3-12-0"], [{ focus: true, singleTone: true }, "_15silbja-3-12-0"], [{ active: true, focus: true, singleTone: true }, "_15silbjb-3-12-0"]] });
 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 '../../../../core/components/app-root/AppRoot.css';\nimport '../../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-11-3',variantClassNames:{active:{true:'_15silbj1-3-11-3',false:'_15silbj2-3-11-3'},focus:{true:'_15silbj3-3-11-3'},hovered:{true:'_15silbj4-3-11-3'},singleTone:{true:'_15silbj5-3-11-3',false:'_15silbj6-3-11-3'},contained:{true:'_15silbj7-3-11-3',false:'_15silbj8-3-11-3'}},defaultVariants:{},compoundVariants:[[{active:true,focus:true},'_15silbj9-3-11-3'],[{focus:true,singleTone:true},'_15silbja-3-11-3'],[{active:true,focus:true,singleTone:true},'_15silbjb-3-11-3']]});"],
+  "sourcesContent": ["import '../../../../core/components/app-root/AppRoot.css';\nimport '../../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-12-0',variantClassNames:{active:{true:'_15silbj1-3-12-0',false:'_15silbj2-3-12-0'},focus:{true:'_15silbj3-3-12-0'},hovered:{true:'_15silbj4-3-12-0'},singleTone:{true:'_15silbj5-3-12-0',false:'_15silbj6-3-12-0'},contained:{true:'_15silbj7-3-12-0',false:'_15silbj8-3-12-0'}},defaultVariants:{},compoundVariants:[[{active:true,focus:true},'_15silbj9-3-12-0'],[{focus:true,singleTone:true},'_15silbja-3-12-0'],[{active:true,focus:true,singleTone:true},'_15silbjb-3-12-0']]});"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,iBAAiB,OAAO,EAAC,kBAAiB,oBAAmB,mBAAkB,EAAC,QAAO,EAAC,MAAK,oBAAmB,OAAM,mBAAkB,GAAE,OAAM,EAAC,MAAK,mBAAkB,GAAE,SAAQ,EAAC,MAAK,mBAAkB,GAAE,YAAW,EAAC,MAAK,oBAAmB,OAAM,mBAAkB,GAAE,WAAU,EAAC,MAAK,oBAAmB,OAAM,mBAAkB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,CAAC,EAAC,QAAO,MAAK,OAAM,KAAI,GAAE,kBAAkB,GAAE,CAAC,EAAC,OAAM,MAAK,YAAW,KAAI,GAAE,kBAAkB,GAAE,CAAC,EAAC,QAAO,MAAK,OAAM,MAAK,YAAW,KAAI,GAAE,kBAAkB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/tables/DataTable/features/RowInteractivity/hooks/useRowInteractivityProps.js

@@ -60,6 +60,10 @@ function useRowInteractivityProps(row, scrollToIndex) {
   const rowInteractivityProps = {
     tabIndex: 0,
     "data-trigger": "interactive-row",
+    "aria-selected": isActivated,
+    "aria-roledescription": intl.formatMessage(
+      dataTableMessages.interactiveRowRoleDescription
+    ),
     "aria-label": intl.formatMessage(dataTableMessages.interactiveRowTrigger, {
       isActivated,
       rowId: row.id

package/esm/tables/DataTable/features/RowInteractivity/hooks/useRowInteractivityProps.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/tables/DataTable/features/RowInteractivity/hooks/useRowInteractivityProps.ts"],
-  "sourcesContent": ["import {\n  type Row,\n  type RowData,\n  type TableFeatures,\n} from '@tanstack/react-table';\nimport type { ScrollToOptions } from '@tanstack/react-virtual';\nimport {\n  useRef,\n  type PointerEvent,\n  type FocusEvent as ReactFocusEvent,\n  type KeyboardEvent as ReactKeyboardEvent,\n  type MouseEvent as ReactMouseEvent,\n} from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { useFocusRing } from '../../../../../core/hooks/useFocusRing.js';\nimport { mergeProps } from '../../../../../core/utils/merge-props.js';\nimport { isTargetInteractive } from '../../../../utils/is-target-interactive.js';\nimport {\n  useDataTable,\n  useDataTableContent,\n} from '../../../contexts/DataTableContext.js';\nimport { dataTableMessages } from '../../../messages.js';\nimport * as styles from '../RowInteractivity.sty.js';\n/**\n * Provides all necessary props for an interactive row element.\n *\n * @param row - the table row element\n * @param scrollToIndex - rowVirtualizer function for scrolling to the row with the specified index\n * @returns className and props for the row element\n */\nexport function useRowInteractivityProps<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  row: Row<TFeatures, TData>,\n  scrollToIndex: (index: number, options?: ScrollToOptions) => void,\n): {\n  rowInteractivityClassName: string;\n  rowInteractivityProps: Record<string, unknown> | undefined;\n} {\n  const table = useDataTable();\n  const intl = useIntl();\n  const { isHorizontallyScrollable } = useDataTableContent();\n  // used to detect if the focus event was triggered by a click\n  const clicked = useRef(false);\n  const { isFocusVisible, focusProps } = useFocusRing();\n\n  if (!row.getCanActivateRow()) {\n    return { rowInteractivityClassName: '', rowInteractivityProps: undefined };\n  }\n\n  const isActivated = row.getIsActivated();\n  const isAutoActivationEnabled = table.options.enableAutoActivation;\n  const hasPinnedColumns =\n    table.getLeftVisibleLeafColumns().length > 0 ||\n    table.getRightVisibleLeafColumns().length > 0;\n  const rowInteractivityClassName = styles.interactiveRow({\n    hovered: table.getHoveredRow() === row.id,\n    active: isActivated,\n    focus: isFocusVisible,\n    contained: table.atoms.visualVariantConfig?.get().contained,\n    // Two-tone shadow risks a corner-pixel mismatch only when a pinned edge can scroll out of view.\n    singleTone: hasPinnedColumns && isHorizontallyScrollable,\n  });\n\n  function handleRowActivation(event: ReactMouseEvent<HTMLElement>): void {\n    const { target } = event;\n\n    if (\n      table.options.enableRowInteractivity !== true ||\n      (target instanceof HTMLElement === false &&\n        target instanceof SVGElement === false) ||\n      // prevent deactivation if the user clicks on a Gantt segment (SVG <rect>) and the row is already active\n      (target.nodeName === 'rect' && isActivated)\n    ) {\n      return;\n    }\n\n    const rowElement = target.closest('[role=\"row\"]');\n    if (rowElement && !isTargetInteractive(rowElement, target)) {\n      row.toggleActivated(event);\n    }\n  }\n\n  function isSelectionInsideTable(): boolean {\n    const selection = globalThis.getSelection();\n\n    if (!selection?.toString()) {\n      return false;\n    }\n\n    const container = table.getRowVirtualizationContainer();\n    if (!container) {\n      return false;\n    }\n\n    // Use anchorNode (where the selection started) to determine whether the\n    // selection originated inside the table. A selection outside the table\n    // should not prevent row activation.\n    let anchorNode = selection.anchorNode;\n    if (anchorNode?.nodeType === Node.TEXT_NODE) {\n      anchorNode = anchorNode.parentElement;\n    }\n\n    return !!anchorNode && container.contains(anchorNode);\n  }\n\n  const rowInteractivityProps = {\n    tabIndex: 0,\n    'data-trigger': 'interactive-row',\n    'aria-label': intl.formatMessage(dataTableMessages.interactiveRowTrigger, {\n      isActivated,\n      rowId: row.id,\n    }),\n    onPointerDown: (event: PointerEvent<HTMLElement>) => {\n      clicked.current = true;\n    },\n    onClick: (event: ReactMouseEvent<HTMLElement>) => {\n      // prevent row action if the user is selecting text inside the table and ensure\n      // that double click doesn't trigger the row action twice\n      // (event.detail represents the click count, 1 indicates a single click)\n      if (!isSelectionInsideTable() && event.detail === 1) {\n        handleRowActivation(event);\n      }\n    },\n    onAuxClick: (event: ReactMouseEvent<HTMLElement>) => {\n      // only handle middle mouse button (button 1), ignore right-click and others\n      if (event.button === 1) {\n        handleRowActivation(event);\n      }\n    },\n    onKeyDown: (event: ReactKeyboardEvent<HTMLElement>) => {\n      const isRowDragging =\n        (table.atoms.draggingRowInfo?.get() ?? null) !== null;\n      if (isRowDragging) {\n        return;\n      }\n\n      const { key, target } = event;\n\n      if (\n        key === 'Enter' &&\n        !isAutoActivationEnabled &&\n        (target instanceof HTMLElement || target instanceof SVGElement)\n      ) {\n        const rowElement = target.closest('[role=\"row\"]');\n\n        if (rowElement && !isTargetInteractive(rowElement, target)) {\n          event.preventDefault();\n          event.stopPropagation();\n          row.toggleActivated(event);\n          return;\n        }\n      }\n\n      let offset: number | null = null;\n      switch (key) {\n        case 'ArrowDown': {\n          offset = +1;\n          break;\n        }\n        case 'ArrowUp': {\n          offset = -1;\n          break;\n        }\n        case 'PageUp': {\n          offset = -10;\n          break;\n        }\n        case 'PageDown': {\n          offset = +10;\n          break;\n        }\n        case 'Home': {\n          offset = -Infinity;\n          break;\n        }\n        case 'End': {\n          offset = Infinity;\n          break;\n        }\n      }\n\n      if (offset === null) {\n        return;\n      }\n\n      event.preventDefault();\n      event.stopPropagation();\n      if (!(event.target instanceof HTMLElement)) {\n        return;\n      }\n\n      const allRows = table.getRowModel().rows;\n      const currentRowIndex = allRows.findIndex(\n        (currentRow) => currentRow.id === row.id,\n      );\n      if (currentRowIndex === -1) {\n        return;\n      }\n\n      const clampedIndex = Math.max(\n        0,\n        Math.min(currentRowIndex + offset, allRows.length - 1),\n      );\n      const nextRow = allRows.at(clampedIndex);\n      if (nextRow === undefined) {\n        return;\n      }\n\n      scrollToIndex(clampedIndex, {\n        align: 'auto',\n      });\n      requestAnimationFrame(() => {\n        const nextRowButton = table\n          .getRowVirtualizationContainer()\n          ?.querySelector<HTMLButtonElement>(\n            `[data-rowid=\"${CSS.escape(\n              nextRow.id,\n            )}\"][data-trigger=\"interactive-row\"]`,\n          );\n        nextRowButton?.focus();\n      });\n    },\n    ...mergeProps(focusProps, {\n      onFocus: (event: ReactFocusEvent<HTMLElement>) => {\n        // only activate row if focus was triggered on the row itself\n        if (event.currentTarget !== event.target) {\n          return;\n        }\n        // When a row is initially activated, and you click on it to deactivate it using a pointing device,\n        // the `pointerdown` event is called before the `focus` event. This code is needed in order to\n        // not re-activate the row again. It also ensures that the focus ring is still correctly\n        // moved within the table.\n        if (clicked.current) {\n          clicked.current = false;\n          return;\n        }\n\n        if (!isActivated && isAutoActivationEnabled) {\n          row.toggleActivated(event);\n        }\n      },\n    }),\n  };\n\n  return { rowInteractivityClassName, rowInteractivityProps };\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {\n  type Row,\n  type RowData,\n  type TableFeatures,\n} from '@tanstack/react-table';\nimport type { ScrollToOptions } from '@tanstack/react-virtual';\nimport {\n  useRef,\n  type PointerEvent,\n  type FocusEvent as ReactFocusEvent,\n  type KeyboardEvent as ReactKeyboardEvent,\n  type MouseEvent as ReactMouseEvent,\n} from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { useFocusRing } from '../../../../../core/hooks/useFocusRing.js';\nimport { mergeProps } from '../../../../../core/utils/merge-props.js';\nimport { isTargetInteractive } from '../../../../utils/is-target-interactive.js';\nimport {\n  useDataTable,\n  useDataTableContent,\n} from '../../../contexts/DataTableContext.js';\nimport { dataTableMessages } from '../../../messages.js';\nimport * as styles from '../RowInteractivity.sty.js';\n/**\n * Provides all necessary props for an interactive row element.\n *\n * @param row - the table row element\n * @param scrollToIndex - rowVirtualizer function for scrolling to the row with the specified index\n * @returns className and props for the row element\n */\nexport function useRowInteractivityProps<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  row: Row<TFeatures, TData>,\n  scrollToIndex: (index: number, options?: ScrollToOptions) => void,\n): {\n  rowInteractivityClassName: string;\n  rowInteractivityProps: Record<string, unknown> | undefined;\n} {\n  const table = useDataTable();\n  const intl = useIntl();\n  const { isHorizontallyScrollable } = useDataTableContent();\n  // used to detect if the focus event was triggered by a click\n  const clicked = useRef(false);\n  const { isFocusVisible, focusProps } = useFocusRing();\n\n  if (!row.getCanActivateRow()) {\n    return { rowInteractivityClassName: '', rowInteractivityProps: undefined };\n  }\n\n  const isActivated = row.getIsActivated();\n  const isAutoActivationEnabled = table.options.enableAutoActivation;\n  const hasPinnedColumns =\n    table.getLeftVisibleLeafColumns().length > 0 ||\n    table.getRightVisibleLeafColumns().length > 0;\n  const rowInteractivityClassName = styles.interactiveRow({\n    hovered: table.getHoveredRow() === row.id,\n    active: isActivated,\n    focus: isFocusVisible,\n    contained: table.atoms.visualVariantConfig?.get().contained,\n    // Two-tone shadow risks a corner-pixel mismatch only when a pinned edge can scroll out of view.\n    singleTone: hasPinnedColumns && isHorizontallyScrollable,\n  });\n\n  function handleRowActivation(event: ReactMouseEvent<HTMLElement>): void {\n    const { target } = event;\n\n    if (\n      table.options.enableRowInteractivity !== true ||\n      (target instanceof HTMLElement === false &&\n        target instanceof SVGElement === false) ||\n      // prevent deactivation if the user clicks on a Gantt segment (SVG <rect>) and the row is already active\n      (target.nodeName === 'rect' && isActivated)\n    ) {\n      return;\n    }\n\n    const rowElement = target.closest('[role=\"row\"]');\n    if (rowElement && !isTargetInteractive(rowElement, target)) {\n      row.toggleActivated(event);\n    }\n  }\n\n  function isSelectionInsideTable(): boolean {\n    const selection = globalThis.getSelection();\n\n    if (!selection?.toString()) {\n      return false;\n    }\n\n    const container = table.getRowVirtualizationContainer();\n    if (!container) {\n      return false;\n    }\n\n    // Use anchorNode (where the selection started) to determine whether the\n    // selection originated inside the table. A selection outside the table\n    // should not prevent row activation.\n    let anchorNode = selection.anchorNode;\n    if (anchorNode?.nodeType === Node.TEXT_NODE) {\n      anchorNode = anchorNode.parentElement;\n    }\n\n    return !!anchorNode && container.contains(anchorNode);\n  }\n\n  const rowInteractivityProps = {\n    tabIndex: 0,\n    'data-trigger': 'interactive-row',\n    'aria-selected': isActivated,\n    'aria-roledescription': intl.formatMessage(\n      dataTableMessages.interactiveRowRoleDescription,\n    ),\n    'aria-label': intl.formatMessage(dataTableMessages.interactiveRowTrigger, {\n      isActivated,\n      rowId: row.id,\n    }),\n    onPointerDown: (event: PointerEvent<HTMLElement>) => {\n      clicked.current = true;\n    },\n    onClick: (event: ReactMouseEvent<HTMLElement>) => {\n      // prevent row action if the user is selecting text inside the table and ensure\n      // that double click doesn't trigger the row action twice\n      // (event.detail represents the click count, 1 indicates a single click)\n      if (!isSelectionInsideTable() && event.detail === 1) {\n        handleRowActivation(event);\n      }\n    },\n    onAuxClick: (event: ReactMouseEvent<HTMLElement>) => {\n      // only handle middle mouse button (button 1), ignore right-click and others\n      if (event.button === 1) {\n        handleRowActivation(event);\n      }\n    },\n    onKeyDown: (event: ReactKeyboardEvent<HTMLElement>) => {\n      const isRowDragging =\n        (table.atoms.draggingRowInfo?.get() ?? null) !== null;\n      if (isRowDragging) {\n        return;\n      }\n\n      const { key, target } = event;\n\n      if (\n        key === 'Enter' &&\n        !isAutoActivationEnabled &&\n        (target instanceof HTMLElement || target instanceof SVGElement)\n      ) {\n        const rowElement = target.closest('[role=\"row\"]');\n\n        if (rowElement && !isTargetInteractive(rowElement, target)) {\n          event.preventDefault();\n          event.stopPropagation();\n          row.toggleActivated(event);\n          return;\n        }\n      }\n\n      let offset: number | null = null;\n      switch (key) {\n        case 'ArrowDown': {\n          offset = +1;\n          break;\n        }\n        case 'ArrowUp': {\n          offset = -1;\n          break;\n        }\n        case 'PageUp': {\n          offset = -10;\n          break;\n        }\n        case 'PageDown': {\n          offset = +10;\n          break;\n        }\n        case 'Home': {\n          offset = -Infinity;\n          break;\n        }\n        case 'End': {\n          offset = Infinity;\n          break;\n        }\n      }\n\n      if (offset === null) {\n        return;\n      }\n\n      event.preventDefault();\n      event.stopPropagation();\n      if (!(event.target instanceof HTMLElement)) {\n        return;\n      }\n\n      const allRows = table.getRowModel().rows;\n      const currentRowIndex = allRows.findIndex(\n        (currentRow) => currentRow.id === row.id,\n      );\n      if (currentRowIndex === -1) {\n        return;\n      }\n\n      const clampedIndex = Math.max(\n        0,\n        Math.min(currentRowIndex + offset, allRows.length - 1),\n      );\n      const nextRow = allRows.at(clampedIndex);\n      if (nextRow === undefined) {\n        return;\n      }\n\n      scrollToIndex(clampedIndex, {\n        align: 'auto',\n      });\n      requestAnimationFrame(() => {\n        const nextRowButton = table\n          .getRowVirtualizationContainer()\n          ?.querySelector<HTMLButtonElement>(\n            `[data-rowid=\"${CSS.escape(\n              nextRow.id,\n            )}\"][data-trigger=\"interactive-row\"]`,\n          );\n        nextRowButton?.focus();\n      });\n    },\n    ...mergeProps(focusProps, {\n      onFocus: (event: ReactFocusEvent<HTMLElement>) => {\n        // only activate row if focus was triggered on the row itself\n        if (event.currentTarget !== event.target) {\n          return;\n        }\n        // When a row is initially activated, and you click on it to deactivate it using a pointing device,\n        // the `pointerdown` event is called before the `focus` event. This code is needed in order to\n        // not re-activate the row again. It also ensures that the focus ring is still correctly\n        // moved within the table.\n        if (clicked.current) {\n          clicked.current = false;\n          return;\n        }\n\n        if (!isActivated && isAutoActivationEnabled) {\n          row.toggleActivated(event);\n        }\n      },\n    }),\n  };\n\n  return { rowInteractivityClassName, rowInteractivityProps };\n}\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -1,11 +1,11 @@
-._or8s40-3-11-3 {
+._or8s40-3-12-0 {
   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-11-3 {
+._or8s41-3-12-0 {
   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-11-3:active {
+._or8s41-3-12-0:active {
   background: transparent;
 }
-._or8s41-3-11-3:hover {
+._or8s41-3-12-0:hover {
   background: transparent;
 }
-._or8s40-3-11-3 ._or8s41-3-11-3 {
+._or8s40-3-12-0 ._or8s41-3-12-0 {
   cursor: grabbing;
 }
-._or8s42-3-11-3 {
+._or8s42-3-12-0 {
   cursor: not-allowed;
 }
-._or8s43-3-11-3 {
+._or8s43-3-12-0 {
   cursor: grab;
 }
-._or8s44-3-11-3 {
+._or8s44-3-12-0 {
   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-11-3";
-var dndHandle = _7a468({ defaultClassName: "_or8s41-3-11-3", variantClassNames: { disabled: { true: "_or8s42-3-11-3", false: "_or8s43-3-11-3" } }, defaultVariants: {}, compoundVariants: [] });
-var rowDndOverlay = "_or8s40-3-11-3";
+var disabledNonTargetRow = "_or8s44-3-12-0";
+var dndHandle = _7a468({ defaultClassName: "_or8s41-3-12-0", variantClassNames: { disabled: { true: "_or8s42-3-12-0", false: "_or8s43-3-12-0" } }, defaultVariants: {}, compoundVariants: [] });
+var rowDndOverlay = "_or8s40-3-12-0";
 export {
   disabledNonTargetRow,
   dndHandle,