npm - @dynatrace/strato-components - Versions diffs - 3.2.0 → 3.2.1 - Mend

@dynatrace/strato-components 3.2.0 → 3.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1502) hide show

package/esm/tables/DataTable/components/DataTableDefaultCell.sty.js CHANGED Viewed

@@ -11,7 +11,7 @@ import "../features/ColumnOrder/ColumnOrder.css";
 import "./DataTableHeaderCell.css";
 import "./DataTableDefaultCell.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var defaultCell = _7a468({ defaultClassName: "_14k72810-3-2-0", variantClassNames: { lineWrap: { true: "_14k72811-3-2-0", false: "_14k72812-3-2-0" }, rowDensity: { "default": "_14k72813-3-2-0", condensed: "_14k72814-3-2-0", comfortable: "_14k72815-3-2-0" } }, defaultVariants: { rowDensity: "default" }, compoundVariants: [] });
+var defaultCell = _7a468({ defaultClassName: "_14k72810-3-2-1", variantClassNames: { lineWrap: { true: "_14k72811-3-2-1", false: "_14k72812-3-2-1" }, rowDensity: { "default": "_14k72813-3-2-1", condensed: "_14k72814-3-2-1", comfortable: "_14k72815-3-2-1" } }, defaultVariants: { rowDensity: "default" }, compoundVariants: [] });
 export {
   defaultCell
 };

package/esm/tables/DataTable/components/DataTableDefaultCell.sty.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/tables/DataTable/components/DataTableDefaultCell.css.ts"],
-  "sourcesContent": ["import './Alignment.css';\nimport '../DataTable.css';\nimport './DataTableVirtualizationContainer.css';\nimport '../features/RowOrder/RowOrder.css';\nimport '../features/RowDetails/RowDetails.css';\nimport '../features/RowInteractivity/RowInteractivity.css';\nimport './DataTableRow.css';\nimport '../features/Thresholds/Thresholds.css';\nimport './DataTableCell.css';\nimport '../features/ColumnOrder/ColumnOrder.css';\nimport './DataTableHeaderCell.css';\nimport './DataTableDefaultCell.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var defaultCell = _7a468({defaultClassName:'_14k72810-3-2-0',variantClassNames:{lineWrap:{true:'_14k72811-3-2-0',false:'_14k72812-3-2-0'},rowDensity:{'default':'_14k72813-3-2-0',condensed:'_14k72814-3-2-0',comfortable:'_14k72815-3-2-0'}},defaultVariants:{rowDensity:'default'},compoundVariants:[]});"],
+  "sourcesContent": ["import './Alignment.css';\nimport '../DataTable.css';\nimport './DataTableVirtualizationContainer.css';\nimport '../features/RowOrder/RowOrder.css';\nimport '../features/RowDetails/RowDetails.css';\nimport '../features/RowInteractivity/RowInteractivity.css';\nimport './DataTableRow.css';\nimport '../features/Thresholds/Thresholds.css';\nimport './DataTableCell.css';\nimport '../features/ColumnOrder/ColumnOrder.css';\nimport './DataTableHeaderCell.css';\nimport './DataTableDefaultCell.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var defaultCell = _7a468({defaultClassName:'_14k72810-3-2-1',variantClassNames:{lineWrap:{true:'_14k72811-3-2-1',false:'_14k72812-3-2-1'},rowDensity:{'default':'_14k72813-3-2-1',condensed:'_14k72814-3-2-1',comfortable:'_14k72815-3-2-1'}},defaultVariants:{rowDensity:'default'},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,SAAS,mBAAmB,cAAc;AACnC,IAAI,cAAc,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,UAAS,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,GAAE,YAAW,EAAC,WAAU,mBAAkB,WAAU,mBAAkB,aAAY,kBAAiB,EAAC,GAAE,iBAAgB,EAAC,YAAW,UAAS,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/tables/DataTable/components/DataTableEmptyState.css CHANGED Viewed

@@ -1,4 +1,4 @@
-._lvf8p50-3-2-0 {
+._lvf8p50-3-2-1 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
   display: flex;
   align-items: center;
@@ -6,6 +6,6 @@
   box-sizing: border-box;
   padding: var(--dt-spacings-size-0, 0) var(--dt-spacings-size-12, 12px);
 }
-._lvf8p51-3-2-0 {
+._lvf8p51-3-2-1 {
   min-width: 200px;
 }

package/esm/tables/DataTable/components/DataTableEmptyState.sty.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import "./DataTableEmptyState.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var emptyState = _7a468({ defaultClassName: "_lvf8p50-3-2-0", variantClassNames: { minWidth: { true: "_lvf8p51-3-2-0" } }, defaultVariants: {}, compoundVariants: [] });
+var emptyState = _7a468({ defaultClassName: "_lvf8p50-3-2-1", variantClassNames: { minWidth: { true: "_lvf8p51-3-2-1" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   emptyState
 };

package/esm/tables/DataTable/components/DataTableEmptyState.sty.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/tables/DataTable/components/DataTableEmptyState.css.ts"],
-  "sourcesContent": ["import './DataTableEmptyState.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var emptyState = _7a468({defaultClassName:'_lvf8p50-3-2-0',variantClassNames:{minWidth:{true:'_lvf8p51-3-2-0'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './DataTableEmptyState.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var emptyState = _7a468({defaultClassName:'_lvf8p50-3-2-1',variantClassNames:{minWidth:{true:'_lvf8p51-3-2-1'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,aAAa,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,UAAS,EAAC,MAAK,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/tables/DataTable/components/DataTableHeader.css CHANGED Viewed

@@ -1,4 +1,4 @@
-._1kpe8zs0-3-2-0 {
+._1kpe8zs0-3-2-1 {
   display: grid;
   grid-template-rows: subgrid;
   grid-template-columns: subgrid;
@@ -12,6 +12,6 @@
   background-color: var(--dt-colors-background-container-neutral-default, #f2f2f5);
   box-shadow: inset 0 -2px 0 0 var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._1kpe8zs1-3-2-0 {
+._1kpe8zs1-3-2-1 {
   display: contents;
 }

package/esm/tables/DataTable/components/DataTableHeader.sty.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import "./DataTableHeader.css";
-var header = "_1kpe8zs0-3-2-0";
-var headerRow = "_1kpe8zs1-3-2-0";
+var header = "_1kpe8zs0-3-2-1";
+var headerRow = "_1kpe8zs1-3-2-1";
 export {
   header,
   headerRow

package/esm/tables/DataTable/components/DataTableHeader.sty.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/tables/DataTable/components/DataTableHeader.css.ts"],
-  "sourcesContent": ["import './DataTableHeader.css';\nexport var header = '_1kpe8zs0-3-2-0';\nexport var headerRow = '_1kpe8zs1-3-2-0';"],
+  "sourcesContent": ["import './DataTableHeader.css';\nexport var header = '_1kpe8zs0-3-2-1';\nexport var headerRow = '_1kpe8zs1-3-2-1';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,SAAS;AACb,IAAI,YAAY;",
   "names": []
 }

package/esm/tables/DataTable/components/DataTableHeaderCell.css CHANGED Viewed

@@ -1,4 +1,4 @@
-._11pvd3zj-3-2-0 {
+._11pvd3zj-3-2-1 {
   position: relative;
   display: flex;
   width: 100%;
@@ -16,38 +16,38 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._11pvd3zj-3-2-0._11pvd3z7-3-2-0:not(._11pvd3z5-3-2-0):has([data-trigger="useraction"]) {
+._11pvd3zj-3-2-1._11pvd3z7-3-2-1:not(._11pvd3z5-3-2-1):has([data-trigger="useraction"]) {
   margin-right: -20px;
 }
-._11pvd3zj-3-2-0._11pvd3z4-3-2-0:not(._11pvd3z5-3-2-0):has([data-trigger="useraction"]) {
+._11pvd3zj-3-2-1._11pvd3z4-3-2-1:not(._11pvd3z5-3-2-1):has([data-trigger="useraction"]) {
   margin-right: -22px;
 }
-._11pvd3zj-3-2-0._11pvd3z4-3-2-0._11pvd3z6-3-2-0:not(._11pvd3z5-3-2-0):has([data-trigger="useraction"]) {
+._11pvd3zj-3-2-1._11pvd3z4-3-2-1._11pvd3z6-3-2-1:not(._11pvd3z5-3-2-1):has([data-trigger="useraction"]) {
   margin-right: -42px;
 }
-._14sp6az2-3-2-0 span[data-header-tooltip="true"]:hover + ._11pvd3zj-3-2-0 {
+._14sp6az2-3-2-1 span[data-header-tooltip="true"]:hover + ._11pvd3zj-3-2-1 {
   cursor: pointer;
   background-color: var(--dt-colors-background-field-neutral-default-hover, #dadbe4);
 }
-._11pvd3z1-3-2-0._11pvd3zj-3-2-0 {
+._11pvd3z1-3-2-1._11pvd3zj-3-2-1 {
   border-bottom-width: var(--dt-borders-width-emphasized, 2px);
   border-bottom-style: var(--dt-borders-style-default, solid);
   border-color: var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._1ku1w3z0-3-2-0 ._11pvd3z1-3-2-0._11pvd3zj-3-2-0 {
+._1ku1w3z0-3-2-1 ._11pvd3z1-3-2-1._11pvd3zj-3-2-1 {
   border-bottom: none;
 }
-._11pvd3zj-3-2-0[role="presentation"] {
+._11pvd3zj-3-2-1[role="presentation"] {
   padding: 0;
 }
-._11pvd3zj-3-2-0:not(._1ku1w3z0-3-2-0 ._11pvd3zj-3-2-0):has([data-sorticon]):hover {
+._11pvd3zj-3-2-1:not(._1ku1w3z0-3-2-1 ._11pvd3zj-3-2-1):has([data-sorticon]):hover {
   cursor: pointer;
   background-color: var(--dt-colors-background-field-neutral-default-hover, #dadbe4);
 }
-._11pvd3zj-3-2-0:has([data-trigger="useraction"]:hover) {
+._11pvd3zj-3-2-1:has([data-trigger="useraction"]:hover) {
   background-color: var(--dt-colors-background-container-neutral-subdued, #f9f9fa);
 }
-._11pvd3zj-3-2-0:not(._11pvd3zc-3-2-0)[data-columntype="gantt"]::before, [data-columntype="gantt"] + ._11pvd3zj-3-2-0:not(._11pvd3zc-3-2-0)::before, [data-columntype="gantt"] + span > ._11pvd3zj-3-2-0:not(._11pvd3zc-3-2-0)::before {
+._11pvd3zj-3-2-1:not(._11pvd3zc-3-2-1)[data-columntype="gantt"]::before, [data-columntype="gantt"] + ._11pvd3zj-3-2-1:not(._11pvd3zc-3-2-1)::before, [data-columntype="gantt"] + span > ._11pvd3zj-3-2-1:not(._11pvd3zc-3-2-1)::before {
   content: "";
   display: block;
   position: absolute;
@@ -57,12 +57,12 @@
   bottom: var(--dt-spacings-size-0, 0);
   background-color: var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._11pvd3zl-3-2-0 {
+._11pvd3zl-3-2-1 {
   position: sticky;
   z-index: 2;
-  left: var(--resizing-leftPosition, var(--_11pvd3zg-3-2-0));
+  left: var(--resizing-leftPosition, var(--_11pvd3zg-3-2-1));
 }
-._11pvd3zd-3-2-0._11pvd3zl-3-2-0::after {
+._11pvd3zd-3-2-1._11pvd3zl-3-2-1::after {
   content: "";
   display: block;
   position: absolute;
@@ -73,12 +73,12 @@
   background-color: var(--dt-colors-border-neutral-default, #dadbe4);
   max-width: 100%;
 }
-._11pvd3zm-3-2-0 {
+._11pvd3zm-3-2-1 {
   position: sticky;
   z-index: 3;
-  right: var(--resizing-rightPosition, var(--_11pvd3zh-3-2-0));
+  right: var(--resizing-rightPosition, var(--_11pvd3zh-3-2-1));
 }
-._11pvd3zf-3-2-0._11pvd3zm-3-2-0::before {
+._11pvd3zf-3-2-1._11pvd3zm-3-2-1::before {
   content: "";
   display: block;
   position: absolute;
@@ -89,76 +89,76 @@
   background-color: var(--dt-colors-border-neutral-default, #dadbe4);
   max-width: 100%;
 }
-._11pvd3zn-3-2-0 {
+._11pvd3zn-3-2-1 {
   padding-top: var(--dt-spacings-size-0, 0);
   padding-right: var(--dt-spacings-size-0, 0);
   padding-bottom: var(--dt-spacings-size-0, 0);
   padding-left: var(--dt-spacings-size-0, 0);
 }
-._11pvd3zn-3-2-0._11pvd3z9-3-2-0._11pvd3z4-3-2-0:not(._yj6voi0-3-2-0, ._11pvd3z5-3-2-0):has([data-trigger="useraction"]) {
+._11pvd3zn-3-2-1._11pvd3z9-3-2-1._11pvd3z4-3-2-1:not(._yj6voi0-3-2-1, ._11pvd3z5-3-2-1):has([data-trigger="useraction"]) {
   padding-right: 34px;
 }
-._11pvd3zn-3-2-0._11pvd3z9-3-2-0._11pvd3z4-3-2-0._yj6voi0-3-2-0:not(._11pvd3z5-3-2-0):has([data-trigger="useraction"]) {
+._11pvd3zn-3-2-1._11pvd3z9-3-2-1._11pvd3z4-3-2-1._yj6voi0-3-2-1:not(._11pvd3z5-3-2-1):has([data-trigger="useraction"]) {
   padding-left: 34px;
 }
-._11pvd3zn-3-2-0._11pvd3za-3-2-0._11pvd3z4-3-2-0:not(._yj6voi0-3-2-0, ._11pvd3z5-3-2-0):has([data-trigger="useraction"]) {
+._11pvd3zn-3-2-1._11pvd3za-3-2-1._11pvd3z4-3-2-1:not(._yj6voi0-3-2-1, ._11pvd3z5-3-2-1):has([data-trigger="useraction"]) {
   padding-right: 28px;
 }
-._11pvd3zn-3-2-0._11pvd3za-3-2-0._11pvd3z4-3-2-0._yj6voi0-3-2-0:not(._11pvd3z5-3-2-0):has([data-trigger="useraction"]) {
+._11pvd3zn-3-2-1._11pvd3za-3-2-1._11pvd3z4-3-2-1._yj6voi0-3-2-1:not(._11pvd3z5-3-2-1):has([data-trigger="useraction"]) {
   padding-left: 28px;
 }
-._11pvd3zn-3-2-0._11pvd3zb-3-2-0._11pvd3z4-3-2-0:not(._yj6voi0-3-2-0, ._11pvd3z5-3-2-0):has([data-trigger="useraction"]) {
+._11pvd3zn-3-2-1._11pvd3zb-3-2-1._11pvd3z4-3-2-1:not(._yj6voi0-3-2-1, ._11pvd3z5-3-2-1):has([data-trigger="useraction"]) {
   padding-right: 38px;
 }
-._11pvd3zn-3-2-0._11pvd3zb-3-2-0._11pvd3z4-3-2-0._yj6voi0-3-2-0:not(._11pvd3z5-3-2-0):has([data-trigger="useraction"]) {
+._11pvd3zn-3-2-1._11pvd3zb-3-2-1._11pvd3z4-3-2-1._yj6voi0-3-2-1:not(._11pvd3z5-3-2-1):has([data-trigger="useraction"]) {
   padding-left: 38px;
 }
-._11pvd3zo-3-2-0 {
+._11pvd3zo-3-2-1 {
   padding-top: var(--dt-spacings-size-8, 8px);
   padding-right: var(--dt-spacings-size-12, 12px);
   padding-bottom: var(--dt-spacings-size-8, 8px);
   padding-left: var(--dt-spacings-size-12, 12px);
 }
-._1jrjqrd1-3-2-0 ._11pvd3zc-3-2-0._11pvd3zo-3-2-0 {
+._1jrjqrd1-3-2-1 ._11pvd3zc-3-2-1._11pvd3zo-3-2-1 {
   padding-left: var(--dt-spacings-size-16, 16px);
 }
-._11pvd3zo-3-2-0._11pvd3z4-3-2-0:where(._yj6voi1-3-2-0, ._yj6voi2-3-2-0):not(._11pvd3z5-3-2-0):has([data-trigger="useraction"]) {
+._11pvd3zo-3-2-1._11pvd3z4-3-2-1:where(._yj6voi1-3-2-1, ._yj6voi2-3-2-1):not(._11pvd3z5-3-2-1):has([data-trigger="useraction"]) {
   padding-right: 34px;
 }
-._11pvd3zo-3-2-0._11pvd3z4-3-2-0._yj6voi0-3-2-0:not(._11pvd3z5-3-2-0, ._11pvd3z8-3-2-0):has([data-trigger="useraction"]) {
+._11pvd3zo-3-2-1._11pvd3z4-3-2-1._yj6voi0-3-2-1:not(._11pvd3z5-3-2-1, ._11pvd3z8-3-2-1):has([data-trigger="useraction"]) {
   padding-left: 34px;
 }
-._11pvd3zp-3-2-0 {
+._11pvd3zp-3-2-1 {
   padding-top: var(--dt-spacings-size-2, 2px);
   padding-right: var(--dt-spacings-size-6, 6px);
   padding-bottom: var(--dt-spacings-size-2, 2px);
   padding-left: var(--dt-spacings-size-6, 6px);
 }
-._1jrjqrd1-3-2-0 ._11pvd3zc-3-2-0._11pvd3zp-3-2-0 {
+._1jrjqrd1-3-2-1 ._11pvd3zc-3-2-1._11pvd3zp-3-2-1 {
   padding-left: calc(var(--dt-spacings-size-6, 6px) + var(--dt-spacings-size-4, 4px));
 }
-._11pvd3zp-3-2-0._11pvd3z4-3-2-0:where(._yj6voi1-3-2-0, ._yj6voi2-3-2-0):not(._11pvd3z5-3-2-0):has([data-trigger="useraction"]) {
+._11pvd3zp-3-2-1._11pvd3z4-3-2-1:where(._yj6voi1-3-2-1, ._yj6voi2-3-2-1):not(._11pvd3z5-3-2-1):has([data-trigger="useraction"]) {
   padding-right: 28px;
 }
-._11pvd3zp-3-2-0._11pvd3z4-3-2-0._yj6voi0-3-2-0:not(._11pvd3z5-3-2-0, ._11pvd3z8-3-2-0):has([data-trigger="useraction"]) {
+._11pvd3zp-3-2-1._11pvd3z4-3-2-1._yj6voi0-3-2-1:not(._11pvd3z5-3-2-1, ._11pvd3z8-3-2-1):has([data-trigger="useraction"]) {
   padding-left: 28px;
 }
-._11pvd3zq-3-2-0 {
+._11pvd3zq-3-2-1 {
   padding-top: var(--dt-spacings-size-12, 12px);
   padding-right: var(--dt-spacings-size-16, 16px);
   padding-bottom: var(--dt-spacings-size-12, 12px);
   padding-left: var(--dt-spacings-size-16, 16px);
 }
-._1jrjqrd1-3-2-0 ._11pvd3zc-3-2-0._11pvd3zq-3-2-0 {
+._1jrjqrd1-3-2-1 ._11pvd3zc-3-2-1._11pvd3zq-3-2-1 {
   padding-left: var(--dt-spacings-size-20, 20px);
 }
-._11pvd3zq-3-2-0._11pvd3z4-3-2-0:where(._yj6voi1-3-2-0, ._yj6voi2-3-2-0):not(._11pvd3z5-3-2-0):has([data-trigger="useraction"]) {
+._11pvd3zq-3-2-1._11pvd3z4-3-2-1:where(._yj6voi1-3-2-1, ._yj6voi2-3-2-1):not(._11pvd3z5-3-2-1):has([data-trigger="useraction"]) {
   padding-right: 38px;
 }
-._11pvd3zq-3-2-0._11pvd3z4-3-2-0._yj6voi0-3-2-0:not(._11pvd3z5-3-2-0, ._11pvd3z8-3-2-0):has([data-trigger="useraction"]) {
+._11pvd3zq-3-2-1._11pvd3z4-3-2-1._yj6voi0-3-2-1:not(._11pvd3z5-3-2-1, ._11pvd3z8-3-2-1):has([data-trigger="useraction"]) {
   padding-left: 38px;
 }
-._11pvd3zr-3-2-0:not(._11pvd3zc-3-2-0, ._14sp6az3-3-2-0, ._11pvd3zf-3-2-0, ._11pvd3ze-3-2-0)::before {
+._11pvd3zr-3-2-1:not(._11pvd3zc-3-2-1, ._14sp6az3-3-2-1, ._11pvd3zf-3-2-1, ._11pvd3ze-3-2-1)::before {
   content: "";
   display: block;
   position: absolute;
@@ -168,38 +168,38 @@
   bottom: var(--dt-spacings-size-4, 4px);
   background-color: var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._11pvd3zr-3-2-0._11pvd3z2-3-2-0::before {
+._11pvd3zr-3-2-1._11pvd3z2-3-2-1::before {
   bottom: 0;
 }
-._11pvd3zr-3-2-0._11pvd3z3-3-2-0::before {
+._11pvd3zr-3-2-1._11pvd3z3-3-2-1::before {
   top: 0;
 }
-._11pvd3zr-3-2-0:not(._11pvd3z1-3-2-0) {
+._11pvd3zr-3-2-1:not(._11pvd3z1-3-2-1) {
   border-bottom-width: var(--dt-borders-width-default, 1px);
   border-bottom-style: var(--dt-borders-style-default, solid);
   border-color: var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._1ku1w3z0-3-2-0 ._11pvd3zr-3-2-0::before {
+._1ku1w3z0-3-2-1 ._11pvd3zr-3-2-1::before {
   display: none;
 }
-._14sp6az2-3-2-0 span[data-header-tooltip="true"]:hover + ._11pvd3zu-3-2-0 {
+._14sp6az2-3-2-1 span[data-header-tooltip="true"]:hover + ._11pvd3zu-3-2-1 {
   background-color: var(--dt-colors-background-container-neutral-subdued, #f9f9fa);
 }
-._14sp6az2-3-2-0:not(._1ku1w3z0-3-2-0 ._11pvd3zu-3-2-0) span[data-header-tooltip="true"]:has([data-trigger="useraction"]):hover + ._11pvd3zu-3-2-0 {
+._14sp6az2-3-2-1:not(._1ku1w3z0-3-2-1 ._11pvd3zu-3-2-1) span[data-header-tooltip="true"]:has([data-trigger="useraction"]):hover + ._11pvd3zu-3-2-1 {
   cursor: pointer;
   background-color: var(--dt-colors-background-field-neutral-default-hover, #dadbe4);
 }
-._11pvd3zv-3-2-0 {
+._11pvd3zv-3-2-1 {
   width: fit-content;
   max-width: 100%;
 }
-._11pvd3zj-3-2-0._11pvd3z8-3-2-0._yj6voi0-3-2-0 ._11pvd3zv-3-2-0 {
+._11pvd3zj-3-2-1._11pvd3z8-3-2-1._yj6voi0-3-2-1 ._11pvd3zv-3-2-1 {
   order: 2;
 }
-._11pvd3zw-3-2-0 {
+._11pvd3zw-3-2-1 {
   background-color: var(--dt-colors-background-field-neutral-default-hover, #dadbe4);
 }
-._11pvd3zx-3-2-0 {
+._11pvd3zx-3-2-1 {
   all: unset;
   justify-self: end;
   width: var(--dt-spacings-size-16, 16px);
@@ -213,7 +213,7 @@
   overflow: hidden;
   z-index: 1;
 }
-._11pvd3zx-3-2-0::after {
+._11pvd3zx-3-2-1::after {
   content: "";
   box-sizing: border-box;
   display: block;
@@ -223,48 +223,48 @@
   top: var(--dt-spacings-size-4, 4px);
   bottom: calc(var(--dt-spacings-size-4, 4px) + var(--dt-spacings-size-2, 2px));
 }
-._11pvd3zx-3-2-0:hover::after, ._11pvd3zx-3-2-0:focus::after {
+._11pvd3zx-3-2-1:hover::after, ._11pvd3zx-3-2-1:focus::after {
   background-color: var(--dt-colors-border-primary-accent, #464cce);
   width: 3px;
 }
-._11pvd3zy-3-2-0::after {
+._11pvd3zy-3-2-1::after {
   cursor: col-resize;
   background-color: var(--dt-colors-border-primary-accent, #464cce);
   width: 3px;
 }
-._11pvd3z10-3-2-0 {
+._11pvd3z10-3-2-1 {
   width: var(--dt-spacings-size-8, 8px);
   transform: translateX(0);
 }
-._11pvd3z10-3-2-0::after {
+._11pvd3z10-3-2-1::after {
   left: auto;
   right: -1px;
 }
-._11pvd3z13-3-2-0 {
+._11pvd3z13-3-2-1 {
   position: sticky;
   z-index: 3;
   pointer-events: auto;
-  left: calc(var(--_11pvd3zg-3-2-0) + var(--strato-resizing-size, var(--_11pvd3zi-3-2-0)));
+  left: calc(var(--_11pvd3zg-3-2-1) + var(--strato-resizing-size, var(--_11pvd3zi-3-2-1)));
   transform: translateX(-50%);
 }
-._11pvd3z14-3-2-0 {
+._11pvd3z14-3-2-1 {
   position: sticky;
   justify-self: start;
   z-index: 3;
   pointer-events: auto;
-  right: calc(var(--_11pvd3zh-3-2-0) + var(--strato-resizing-size, var(--_11pvd3zi-3-2-0)));
+  right: calc(var(--_11pvd3zh-3-2-1) + var(--strato-resizing-size, var(--_11pvd3zi-3-2-1)));
 }
-._11pvd3z14-3-2-0._11pvd3zf-3-2-0 {
-  right: calc(var(--_11pvd3zh-3-2-0) + var(--strato-resizing-size, var(--_11pvd3zi-3-2-0)) - var(--dt-spacings-size-8, 8px));
+._11pvd3z14-3-2-1._11pvd3zf-3-2-1 {
+  right: calc(var(--_11pvd3zh-3-2-1) + var(--strato-resizing-size, var(--_11pvd3zi-3-2-1)) - var(--dt-spacings-size-8, 8px));
   width: var(--dt-spacings-size-8, 8px);
   transform: none;
 }
-._11pvd3z14-3-2-0._11pvd3zf-3-2-0::after {
+._11pvd3z14-3-2-1._11pvd3zf-3-2-1::after {
   left: 25%;
 }
-._11pvd3zj-3-2-0 button, ._11pvd3zj-3-2-0 a, ._11pvd3zj-3-2-0 [tabindex="0"], ._11pvd3zj-3-2-0 input, ._11pvd3zj-3-2-0 label {
+._11pvd3zj-3-2-1 button, ._11pvd3zj-3-2-1 a, ._11pvd3zj-3-2-1 [tabindex="0"], ._11pvd3zj-3-2-1 input, ._11pvd3zj-3-2-1 label {
   pointer-events: auto;
 }
-._11pvd3zt-3-2-0 > *, ._11pvd3zt-3-2-0 ._11pvd3zv-3-2-0 {
+._11pvd3zt-3-2-1 > *, ._11pvd3zt-3-2-1 ._11pvd3zv-3-2-1 {
   opacity: 0.2;
 }

package/esm/tables/DataTable/components/DataTableHeaderCell.sty.js CHANGED Viewed

@@ -4,27 +4,27 @@ import "../features/ColumnOrder/ColumnOrder.css";
 import "../features/Thresholds/Thresholds.css";
 import "./DataTableHeaderCell.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var childHeader = "_11pvd3z3-3-2-0";
-var columnSizingHandle = _7a468({ defaultClassName: "_11pvd3zx-3-2-0", variantClassNames: { active: { true: "_11pvd3zy-3-2-0", false: "_11pvd3zz-3-2-0" }, last: { true: "_11pvd3z10-3-2-0", false: "_11pvd3z11-3-2-0" }, pinnedColumn: { false: "_11pvd3z12-3-2-0", left: "_11pvd3z13-3-2-0", right: "_11pvd3z14-3-2-0" } }, defaultVariants: {}, compoundVariants: [] });
-var customHeaderDensity = { "default": "_11pvd3z9-3-2-0", condensed: "_11pvd3za-3-2-0", comfortable: "_11pvd3zb-3-2-0" };
-var firstColumn = "_11pvd3zc-3-2-0";
-var firstHeaderRow = "_11pvd3z0-3-2-0";
-var firstRightPinnedColumn = "_11pvd3zf-3-2-0";
-var firstUnpinnedColumn = "_11pvd3ze-3-2-0";
-var headerCell = _7a468({ defaultClassName: "_11pvd3zj-3-2-0", variantClassNames: { pinnedColumn: { false: "_11pvd3zk-3-2-0", left: "_11pvd3zl-3-2-0", right: "_11pvd3zm-3-2-0" }, rowDensity: { customHeaderRenderer: "_11pvd3zn-3-2-0", "default": "_11pvd3zo-3-2-0", condensed: "_11pvd3zp-3-2-0", comfortable: "_11pvd3zq-3-2-0" }, verticalDividers: { true: "_11pvd3zr-3-2-0", false: "_11pvd3zs-3-2-0" }, isDragAndDropDisabled: { true: "_11pvd3zt-3-2-0", false: "_11pvd3zu-3-2-0" } }, defaultVariants: { rowDensity: "default", verticalDividers: false }, compoundVariants: [] });
-var headerCellActiveInteraction = "_11pvd3zw-3-2-0";
-var headerCellEllipsis = "_11pvd3zv-3-2-0";
-var headerWidthVar = "var(--_11pvd3zi-3-2-0)";
-var hovered = "_11pvd3z4-3-2-0";
-var isSortedHeader = "_11pvd3z7-3-2-0";
-var lastHeaderRow = "_11pvd3z1-3-2-0";
-var lastLeftPinnedColumn = "_11pvd3zd-3-2-0";
-var leftPositionVar = "var(--_11pvd3zg-3-2-0)";
-var narrow = "_11pvd3z5-3-2-0";
-var parentHeader = "_11pvd3z2-3-2-0";
-var rightPositionVar = "var(--_11pvd3zh-3-2-0)";
-var sortableHeader = "_11pvd3z6-3-2-0";
-var subRowIndicatorColumn = "_11pvd3z8-3-2-0";
+var childHeader = "_11pvd3z3-3-2-1";
+var columnSizingHandle = _7a468({ defaultClassName: "_11pvd3zx-3-2-1", variantClassNames: { active: { true: "_11pvd3zy-3-2-1", false: "_11pvd3zz-3-2-1" }, last: { true: "_11pvd3z10-3-2-1", false: "_11pvd3z11-3-2-1" }, pinnedColumn: { false: "_11pvd3z12-3-2-1", left: "_11pvd3z13-3-2-1", right: "_11pvd3z14-3-2-1" } }, defaultVariants: {}, compoundVariants: [] });
+var customHeaderDensity = { "default": "_11pvd3z9-3-2-1", condensed: "_11pvd3za-3-2-1", comfortable: "_11pvd3zb-3-2-1" };
+var firstColumn = "_11pvd3zc-3-2-1";
+var firstHeaderRow = "_11pvd3z0-3-2-1";
+var firstRightPinnedColumn = "_11pvd3zf-3-2-1";
+var firstUnpinnedColumn = "_11pvd3ze-3-2-1";
+var headerCell = _7a468({ defaultClassName: "_11pvd3zj-3-2-1", variantClassNames: { pinnedColumn: { false: "_11pvd3zk-3-2-1", left: "_11pvd3zl-3-2-1", right: "_11pvd3zm-3-2-1" }, rowDensity: { customHeaderRenderer: "_11pvd3zn-3-2-1", "default": "_11pvd3zo-3-2-1", condensed: "_11pvd3zp-3-2-1", comfortable: "_11pvd3zq-3-2-1" }, verticalDividers: { true: "_11pvd3zr-3-2-1", false: "_11pvd3zs-3-2-1" }, isDragAndDropDisabled: { true: "_11pvd3zt-3-2-1", false: "_11pvd3zu-3-2-1" } }, defaultVariants: { rowDensity: "default", verticalDividers: false }, compoundVariants: [] });
+var headerCellActiveInteraction = "_11pvd3zw-3-2-1";
+var headerCellEllipsis = "_11pvd3zv-3-2-1";
+var headerWidthVar = "var(--_11pvd3zi-3-2-1)";
+var hovered = "_11pvd3z4-3-2-1";
+var isSortedHeader = "_11pvd3z7-3-2-1";
+var lastHeaderRow = "_11pvd3z1-3-2-1";
+var lastLeftPinnedColumn = "_11pvd3zd-3-2-1";
+var leftPositionVar = "var(--_11pvd3zg-3-2-1)";
+var narrow = "_11pvd3z5-3-2-1";
+var parentHeader = "_11pvd3z2-3-2-1";
+var rightPositionVar = "var(--_11pvd3zh-3-2-1)";
+var sortableHeader = "_11pvd3z6-3-2-1";
+var subRowIndicatorColumn = "_11pvd3z8-3-2-1";
 export {
   childHeader,
   columnSizingHandle,

package/esm/tables/DataTable/components/DataTableHeaderCell.sty.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/tables/DataTable/components/DataTableHeaderCell.css.ts"],
-  "sourcesContent": ["import '../DataTable.css';\nimport './Alignment.css';\nimport '../features/ColumnOrder/ColumnOrder.css';\nimport '../features/Thresholds/Thresholds.css';\nimport './DataTableHeaderCell.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var childHeader = '_11pvd3z3-3-2-0';\nexport var columnSizingHandle = _7a468({defaultClassName:'_11pvd3zx-3-2-0',variantClassNames:{active:{true:'_11pvd3zy-3-2-0',false:'_11pvd3zz-3-2-0'},last:{true:'_11pvd3z10-3-2-0',false:'_11pvd3z11-3-2-0'},pinnedColumn:{false:'_11pvd3z12-3-2-0',left:'_11pvd3z13-3-2-0',right:'_11pvd3z14-3-2-0'}},defaultVariants:{},compoundVariants:[]});\nexport var customHeaderDensity = {'default':'_11pvd3z9-3-2-0',condensed:'_11pvd3za-3-2-0',comfortable:'_11pvd3zb-3-2-0'};\nexport var firstColumn = '_11pvd3zc-3-2-0';\nexport var firstHeaderRow = '_11pvd3z0-3-2-0';\nexport var firstRightPinnedColumn = '_11pvd3zf-3-2-0';\nexport var firstUnpinnedColumn = '_11pvd3ze-3-2-0';\nexport var headerCell = _7a468({defaultClassName:'_11pvd3zj-3-2-0',variantClassNames:{pinnedColumn:{false:'_11pvd3zk-3-2-0',left:'_11pvd3zl-3-2-0',right:'_11pvd3zm-3-2-0'},rowDensity:{customHeaderRenderer:'_11pvd3zn-3-2-0','default':'_11pvd3zo-3-2-0',condensed:'_11pvd3zp-3-2-0',comfortable:'_11pvd3zq-3-2-0'},verticalDividers:{true:'_11pvd3zr-3-2-0',false:'_11pvd3zs-3-2-0'},isDragAndDropDisabled:{true:'_11pvd3zt-3-2-0',false:'_11pvd3zu-3-2-0'}},defaultVariants:{rowDensity:'default',verticalDividers:false},compoundVariants:[]});\nexport var headerCellActiveInteraction = '_11pvd3zw-3-2-0';\nexport var headerCellEllipsis = '_11pvd3zv-3-2-0';\nexport var headerWidthVar = 'var(--_11pvd3zi-3-2-0)';\nexport var hovered = '_11pvd3z4-3-2-0';\nexport var isSortedHeader = '_11pvd3z7-3-2-0';\nexport var lastHeaderRow = '_11pvd3z1-3-2-0';\nexport var lastLeftPinnedColumn = '_11pvd3zd-3-2-0';\nexport var leftPositionVar = 'var(--_11pvd3zg-3-2-0)';\nexport var narrow = '_11pvd3z5-3-2-0';\nexport var parentHeader = '_11pvd3z2-3-2-0';\nexport var rightPositionVar = 'var(--_11pvd3zh-3-2-0)';\nexport var sortableHeader = '_11pvd3z6-3-2-0';\nexport var subRowIndicatorColumn = '_11pvd3z8-3-2-0';"],
+  "sourcesContent": ["import '../DataTable.css';\nimport './Alignment.css';\nimport '../features/ColumnOrder/ColumnOrder.css';\nimport '../features/Thresholds/Thresholds.css';\nimport './DataTableHeaderCell.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var childHeader = '_11pvd3z3-3-2-1';\nexport var columnSizingHandle = _7a468({defaultClassName:'_11pvd3zx-3-2-1',variantClassNames:{active:{true:'_11pvd3zy-3-2-1',false:'_11pvd3zz-3-2-1'},last:{true:'_11pvd3z10-3-2-1',false:'_11pvd3z11-3-2-1'},pinnedColumn:{false:'_11pvd3z12-3-2-1',left:'_11pvd3z13-3-2-1',right:'_11pvd3z14-3-2-1'}},defaultVariants:{},compoundVariants:[]});\nexport var customHeaderDensity = {'default':'_11pvd3z9-3-2-1',condensed:'_11pvd3za-3-2-1',comfortable:'_11pvd3zb-3-2-1'};\nexport var firstColumn = '_11pvd3zc-3-2-1';\nexport var firstHeaderRow = '_11pvd3z0-3-2-1';\nexport var firstRightPinnedColumn = '_11pvd3zf-3-2-1';\nexport var firstUnpinnedColumn = '_11pvd3ze-3-2-1';\nexport var headerCell = _7a468({defaultClassName:'_11pvd3zj-3-2-1',variantClassNames:{pinnedColumn:{false:'_11pvd3zk-3-2-1',left:'_11pvd3zl-3-2-1',right:'_11pvd3zm-3-2-1'},rowDensity:{customHeaderRenderer:'_11pvd3zn-3-2-1','default':'_11pvd3zo-3-2-1',condensed:'_11pvd3zp-3-2-1',comfortable:'_11pvd3zq-3-2-1'},verticalDividers:{true:'_11pvd3zr-3-2-1',false:'_11pvd3zs-3-2-1'},isDragAndDropDisabled:{true:'_11pvd3zt-3-2-1',false:'_11pvd3zu-3-2-1'}},defaultVariants:{rowDensity:'default',verticalDividers:false},compoundVariants:[]});\nexport var headerCellActiveInteraction = '_11pvd3zw-3-2-1';\nexport var headerCellEllipsis = '_11pvd3zv-3-2-1';\nexport var headerWidthVar = 'var(--_11pvd3zi-3-2-1)';\nexport var hovered = '_11pvd3z4-3-2-1';\nexport var isSortedHeader = '_11pvd3z7-3-2-1';\nexport var lastHeaderRow = '_11pvd3z1-3-2-1';\nexport var lastLeftPinnedColumn = '_11pvd3zd-3-2-1';\nexport var leftPositionVar = 'var(--_11pvd3zg-3-2-1)';\nexport var narrow = '_11pvd3z5-3-2-1';\nexport var parentHeader = '_11pvd3z2-3-2-1';\nexport var rightPositionVar = 'var(--_11pvd3zh-3-2-1)';\nexport var sortableHeader = '_11pvd3z6-3-2-1';\nexport var subRowIndicatorColumn = '_11pvd3z8-3-2-1';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,cAAc;AAClB,IAAI,qBAAqB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,QAAO,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,GAAE,MAAK,EAAC,MAAK,oBAAmB,OAAM,mBAAkB,GAAE,cAAa,EAAC,OAAM,oBAAmB,MAAK,oBAAmB,OAAM,mBAAkB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACxU,IAAI,sBAAsB,EAAC,WAAU,mBAAkB,WAAU,mBAAkB,aAAY,kBAAiB;AAChH,IAAI,cAAc;AAClB,IAAI,iBAAiB;AACrB,IAAI,yBAAyB;AAC7B,IAAI,sBAAsB;AAC1B,IAAI,aAAa,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,cAAa,EAAC,OAAM,mBAAkB,MAAK,mBAAkB,OAAM,kBAAiB,GAAE,YAAW,EAAC,sBAAqB,mBAAkB,WAAU,mBAAkB,WAAU,mBAAkB,aAAY,kBAAiB,GAAE,kBAAiB,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,GAAE,uBAAsB,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,EAAC,YAAW,WAAU,kBAAiB,MAAK,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC3gB,IAAI,8BAA8B;AAClC,IAAI,qBAAqB;AACzB,IAAI,iBAAiB;AACrB,IAAI,UAAU;AACd,IAAI,iBAAiB;AACrB,IAAI,gBAAgB;AACpB,IAAI,uBAAuB;AAC3B,IAAI,kBAAkB;AACtB,IAAI,SAAS;AACb,IAAI,eAAe;AACnB,IAAI,mBAAmB;AACvB,IAAI,iBAAiB;AACrB,IAAI,wBAAwB;",
   "names": []
 }

package/esm/tables/DataTable/components/DataTableRow.css CHANGED Viewed

@@ -1,34 +1,34 @@
-._1y5fzv0-3-2-0 {
+._1y5fzv0-3-2-1 {
   display: grid;
   grid-template-columns: subgrid;
   position: relative;
   grid-template-rows: inherit;
 }
-._or8s40-3-2-0:not(:has([aria-expanded="true"][aria-controls])) ._1y5fzv0-3-2-0 {
+._or8s40-3-2-1:not(:has([aria-expanded="true"][aria-controls])) ._1y5fzv0-3-2-1 {
   border-bottom-width: 0;
 }
-._1y5fzv2-3-2-0 {
+._1y5fzv2-3-2-1 {
   border-bottom: var(--dt-borders-width-default, 1px) var(--dt-borders-style-default, solid) var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._ytdpsw0-3-2-0 ._14sp6az6-3-2-0._1y5fzv2-3-2-0,
-          ._ytdpswc-3-2-0 ._14sp6az6-3-2-0._1y5fzv2-3-2-0,
-          ._ytdpswe-3-2-0 ._14sp6az6-3-2-0._1y5fzv2-3-2-0,
-          ._2twyod0-3-2-0._1y5fzv2-3-2-0 {
+._ytdpsw0-3-2-1 ._14sp6az6-3-2-1._1y5fzv2-3-2-1,
+          ._ytdpswc-3-2-1 ._14sp6az6-3-2-1._1y5fzv2-3-2-1,
+          ._ytdpswe-3-2-1 ._14sp6az6-3-2-1._1y5fzv2-3-2-1,
+          ._2twyod0-3-2-1._1y5fzv2-3-2-1 {
   border-bottom-width: 0;
 }
-._1y5fzv3-3-2-0 {
+._1y5fzv3-3-2-1 {
   border-bottom: var(--dt-borders-width-default, 1px) var(--dt-borders-style-default, solid) var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._ytdpsw0-3-2-0 ._14sp6az6-3-2-0._1y5fzv3-3-2-0,
-          ._2twyod0-3-2-0._1y5fzv3-3-2-0 {
+._ytdpsw0-3-2-1 ._14sp6az6-3-2-1._1y5fzv3-3-2-1,
+          ._2twyod0-3-2-1._1y5fzv3-3-2-1 {
   border-bottom-width: 0;
 }
-._1y5fzv6-3-2-0 {
+._1y5fzv6-3-2-1 {
   visibility: hidden;
 }
-._1y5fzv8-3-2-0:not(._15silbj3-3-2-0, ._15silbj4-3-2-0, ._15silbj0-3-2-0:hover) {
+._1y5fzv8-3-2-1:not(._15silbj3-3-2-1, ._15silbj4-3-2-1, ._15silbj0-3-2-1:hover) {
   background-color: var(--dt-colors-background-surface-default, #fff);
 }
-._1y5fzv9-3-2-0:not(._15silbj3-3-2-0, ._15silbj4-3-2-0, ._15silbj0-3-2-0:hover) {
+._1y5fzv9-3-2-1:not(._15silbj3-3-2-1, ._15silbj4-3-2-1, ._15silbj0-3-2-1:hover) {
   background-color: var(--dt-colors-background-container-neutral-subdued, #f9f9fa);
 }

package/esm/tables/DataTable/components/DataTableRow.sty.js CHANGED Viewed

@@ -5,7 +5,7 @@ import "../features/RowDetails/RowDetails.css";
 import "../features/RowInteractivity/RowInteractivity.css";
 import "./DataTableRow.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var row = _7a468({ defaultClassName: "_1y5fzv0-3-2-0", variantClassNames: { rowSeparation: { none: "_1y5fzv1-3-2-0", horizontalDividers: "_1y5fzv2-3-2-0", zebraStripes: "_1y5fzv3-3-2-0" }, rowParity: { even: "_1y5fzv4-3-2-0", odd: "_1y5fzv5-3-2-0" }, isDraggedRow: { true: "_1y5fzv6-3-2-0", false: "_1y5fzv7-3-2-0" } }, defaultVariants: {}, compoundVariants: [[{ rowSeparation: "zebraStripes", rowParity: "even" }, "_1y5fzv8-3-2-0"], [{ rowSeparation: "zebraStripes", rowParity: "odd" }, "_1y5fzv9-3-2-0"]] });
+var row = _7a468({ defaultClassName: "_1y5fzv0-3-2-1", variantClassNames: { rowSeparation: { none: "_1y5fzv1-3-2-1", horizontalDividers: "_1y5fzv2-3-2-1", zebraStripes: "_1y5fzv3-3-2-1" }, rowParity: { even: "_1y5fzv4-3-2-1", odd: "_1y5fzv5-3-2-1" }, isDraggedRow: { true: "_1y5fzv6-3-2-1", false: "_1y5fzv7-3-2-1" } }, defaultVariants: {}, compoundVariants: [[{ rowSeparation: "zebraStripes", rowParity: "even" }, "_1y5fzv8-3-2-1"], [{ rowSeparation: "zebraStripes", rowParity: "odd" }, "_1y5fzv9-3-2-1"]] });
 export {
   row
 };

package/esm/tables/DataTable/components/DataTableRow.sty.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/tables/DataTable/components/DataTableRow.css.ts"],
-  "sourcesContent": ["import './DataTableVirtualizationContainer.css';\nimport '../DataTable.css';\nimport '../features/RowOrder/RowOrder.css';\nimport '../features/RowDetails/RowDetails.css';\nimport '../features/RowInteractivity/RowInteractivity.css';\nimport './DataTableRow.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var row = _7a468({defaultClassName:'_1y5fzv0-3-2-0',variantClassNames:{rowSeparation:{none:'_1y5fzv1-3-2-0',horizontalDividers:'_1y5fzv2-3-2-0',zebraStripes:'_1y5fzv3-3-2-0'},rowParity:{even:'_1y5fzv4-3-2-0',odd:'_1y5fzv5-3-2-0'},isDraggedRow:{true:'_1y5fzv6-3-2-0',false:'_1y5fzv7-3-2-0'}},defaultVariants:{},compoundVariants:[[{rowSeparation:'zebraStripes',rowParity:'even'},'_1y5fzv8-3-2-0'],[{rowSeparation:'zebraStripes',rowParity:'odd'},'_1y5fzv9-3-2-0']]});"],
+  "sourcesContent": ["import './DataTableVirtualizationContainer.css';\nimport '../DataTable.css';\nimport '../features/RowOrder/RowOrder.css';\nimport '../features/RowDetails/RowDetails.css';\nimport '../features/RowInteractivity/RowInteractivity.css';\nimport './DataTableRow.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var row = _7a468({defaultClassName:'_1y5fzv0-3-2-1',variantClassNames:{rowSeparation:{none:'_1y5fzv1-3-2-1',horizontalDividers:'_1y5fzv2-3-2-1',zebraStripes:'_1y5fzv3-3-2-1'},rowParity:{even:'_1y5fzv4-3-2-1',odd:'_1y5fzv5-3-2-1'},isDraggedRow:{true:'_1y5fzv6-3-2-1',false:'_1y5fzv7-3-2-1'}},defaultVariants:{},compoundVariants:[[{rowSeparation:'zebraStripes',rowParity:'even'},'_1y5fzv8-3-2-1'],[{rowSeparation:'zebraStripes',rowParity:'odd'},'_1y5fzv9-3-2-1']]});"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,MAAM,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,eAAc,EAAC,MAAK,kBAAiB,oBAAmB,kBAAiB,cAAa,iBAAgB,GAAE,WAAU,EAAC,MAAK,kBAAiB,KAAI,iBAAgB,GAAE,cAAa,EAAC,MAAK,kBAAiB,OAAM,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;",
   "names": []
 }

package/esm/tables/DataTable/components/DataTableScrollShadow.css CHANGED Viewed

@@ -1,8 +1,8 @@
-._1al677r0-3-2-0 {
+._1al677r0-3-2-1 {
   position: sticky;
   pointer-events: none;
 }
-._1al677r0-3-2-0::after {
+._1al677r0-3-2-1::after {
   content: "";
   position: absolute;
   top: 0;
@@ -10,19 +10,19 @@
   width: 50px;
   pointer-events: none;
 }
-[data-theme="light"] ._1al677r1-3-2-0::after {
+[data-theme="light"] ._1al677r1-3-2-1::after {
   box-shadow: inset 12px 0px 12px -32px var(--dt-colors-theme-foreground-10, #2d2e4e), inset 18px 0px 18px -32px var(--dt-colors-theme-foreground-10, #2d2e4e);
 }
-[data-theme="dark"] ._1al677r1-3-2-0::after {
+[data-theme="dark"] ._1al677r1-3-2-1::after {
   box-shadow: inset 12px 0px 12px -16px var(--dt-colors-theme-foreground-20, #fff), inset 16px 0px 16px -16px var(--dt-colors-theme-foreground-20, #fff);
 }
-[data-theme="light"] ._1al677r2-3-2-0::after {
+[data-theme="light"] ._1al677r2-3-2-1::after {
   box-shadow: inset -12px 0px 12px -32px var(--dt-colors-theme-foreground-10, #2d2e4e), inset -18px 0px 18px -32px var(--dt-colors-theme-foreground-10, #2d2e4e);
 }
-[data-theme="dark"] ._1al677r2-3-2-0::after {
+[data-theme="dark"] ._1al677r2-3-2-1::after {
   box-shadow: inset -12px 0px 12px -16px var(--dt-colors-theme-foreground-20, #fff), inset -16px 0px 16px -16px var(--dt-colors-theme-foreground-20, #fff);
 }
-._1al677r3-3-2-0 {
+._1al677r3-3-2-1 {
   top: 0;
   bottom: 0;
   height: 100%;
@@ -33,10 +33,10 @@
   grid-row-end: body-end;
   z-index: 6;
 }
-._1al677r3-3-2-0::after {
+._1al677r3-3-2-1::after {
   left: 0;
 }
-._1al677r4-3-2-0 {
+._1al677r4-3-2-1 {
   top: 0;
   bottom: 0;
   height: 100%;
@@ -46,6 +46,6 @@
   grid-row-end: body-end;
   z-index: 6;
 }
-._1al677r4-3-2-0::after {
+._1al677r4-3-2-1::after {
   right: 0;
 }

package/esm/tables/DataTable/components/DataTableScrollShadow.sty.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import "./DataTableScrollShadow.css";
-var scrollShadow = { left: "_1al677r1-3-2-0 _1al677r0-3-2-0", right: "_1al677r2-3-2-0 _1al677r0-3-2-0" };
-var tableEdgeShadow = { left: "_1al677r3-3-2-0 _1al677r1-3-2-0 _1al677r0-3-2-0", right: "_1al677r4-3-2-0 _1al677r2-3-2-0 _1al677r0-3-2-0" };
+var scrollShadow = { left: "_1al677r1-3-2-1 _1al677r0-3-2-1", right: "_1al677r2-3-2-1 _1al677r0-3-2-1" };
+var tableEdgeShadow = { left: "_1al677r3-3-2-1 _1al677r1-3-2-1 _1al677r0-3-2-1", right: "_1al677r4-3-2-1 _1al677r2-3-2-1 _1al677r0-3-2-1" };
 export {
   scrollShadow,
   tableEdgeShadow

package/esm/tables/DataTable/components/DataTableScrollShadow.sty.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/tables/DataTable/components/DataTableScrollShadow.css.ts"],
-  "sourcesContent": ["import './DataTableScrollShadow.css';\nexport var scrollShadow = {left:'_1al677r1-3-2-0 _1al677r0-3-2-0',right:'_1al677r2-3-2-0 _1al677r0-3-2-0'};\nexport var tableEdgeShadow = {left:'_1al677r3-3-2-0 _1al677r1-3-2-0 _1al677r0-3-2-0',right:'_1al677r4-3-2-0 _1al677r2-3-2-0 _1al677r0-3-2-0'};"],
+  "sourcesContent": ["import './DataTableScrollShadow.css';\nexport var scrollShadow = {left:'_1al677r1-3-2-1 _1al677r0-3-2-1',right:'_1al677r2-3-2-1 _1al677r0-3-2-1'};\nexport var tableEdgeShadow = {left:'_1al677r3-3-2-1 _1al677r1-3-2-1 _1al677r0-3-2-1',right:'_1al677r4-3-2-1 _1al677r2-3-2-1 _1al677r0-3-2-1'};"],
   "mappings": "AAAA,OAAO;AACA,IAAI,eAAe,EAAC,MAAK,mCAAkC,OAAM,kCAAiC;AAClG,IAAI,kBAAkB,EAAC,MAAK,mDAAkD,OAAM,kDAAiD;",
   "names": []
 }