@dynatrace/strato-components 3.13.2 → 3.14.0

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

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

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

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

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

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

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

@@ -1,4 +1,4 @@
-._ytdpsw0-3-13-2 {
+._ytdpsw0-3-14-0 {
   position: relative;
   width: 100%;
   max-width: 100%;
@@ -6,80 +6,80 @@
   overflow: auto;
   box-sizing: border-box;
 }
-._ytdpsw1-3-13-2 {
+._ytdpsw1-3-14-0 {
   display: grid;
   grid-template-rows: auto 1fr;
   grid-template-areas: 'header' 'body';
 }
-._ytdpsw2-3-13-2 {
+._ytdpsw2-3-14-0 {
   display: flex;
   flex-direction: column;
   justify-content: center;
 }
-._ytdpsw3-3-13-2 {
+._ytdpsw3-3-14-0 {
   overflow: hidden;
 }
-._ytdpsw4-3-13-2 {
+._ytdpsw4-3-14-0 {
   background-color: var(--dt-colors-background-surface-default, #fff);
   border-color: var(--dt-colors-border-neutral-default, #dadbe4);
   border-style: var(--dt-borders-style-default, solid);
   border-width: var(--dt-borders-width-emphasized, 2px);
   border-radius: var(--dt-borders-radius-field-default, 6px);
 }
-._ytdpsw4-3-13-2::-webkit-scrollbar-track {
+._ytdpsw4-3-14-0::-webkit-scrollbar-track {
   background-color: var(--dt-colors-background-container-neutral-subdued, #f9f9fa);
   border-bottom-right-radius: calc(var(--dt-borders-radius-container-subdued, 6px) - var(--dt-borders-width-emphasized, 2px));
 }
-._ytdpsw4-3-13-2::-webkit-scrollbar-track:horizontal {
+._ytdpsw4-3-14-0::-webkit-scrollbar-track:horizontal {
   border-top: solid var(--dt-borders-width-emphasized, 2px) var(--dt-colors-border-neutral-default, #dadbe4);
   border-bottom-left-radius: calc(var(--dt-borders-radius-container-subdued, 6px) - var(--dt-borders-width-emphasized, 2px));
 }
-._ytdpsw4-3-13-2::-webkit-scrollbar-track:vertical {
+._ytdpsw4-3-14-0::-webkit-scrollbar-track:vertical {
   border-left: solid var(--dt-borders-width-emphasized, 2px) var(--dt-colors-border-neutral-default, #dadbe4);
   border-top-right-radius: calc(var(--dt-borders-radius-container-subdued, 6px) - var(--dt-borders-width-emphasized, 2px));
 }
-._1jgl8s50-3-13-2 ._ytdpsw4-3-13-2 {
+._1jgl8s50-3-14-0 ._ytdpsw4-3-14-0 {
   border-width: var(--dt-borders-width-default, 1px);
 }
-._1jgl8s50-3-13-2 ._ytdpsw4-3-13-2::-webkit-scrollbar-track {
+._1jgl8s50-3-14-0 ._ytdpsw4-3-14-0::-webkit-scrollbar-track {
   border-bottom-right-radius: calc(var(--dt-borders-radius-container-subdued, 6px) - var(--dt-borders-width-default, 1px));
 }
-._1jgl8s50-3-13-2 ._ytdpsw4-3-13-2::-webkit-scrollbar-track:horizontal {
+._1jgl8s50-3-14-0 ._ytdpsw4-3-14-0::-webkit-scrollbar-track:horizontal {
   border-top: solid var(--dt-borders-width-default, 1px) var(--dt-colors-border-neutral-default, #dadbe4);
   border-bottom-left-radius: calc(var(--dt-borders-radius-container-subdued, 6px) - var(--dt-borders-width-default, 1px));
 }
-._1jgl8s50-3-13-2 ._ytdpsw4-3-13-2::-webkit-scrollbar-track:vertical {
+._1jgl8s50-3-14-0 ._ytdpsw4-3-14-0::-webkit-scrollbar-track:vertical {
   border-left: solid var(--dt-borders-width-default, 1px) var(--dt-colors-border-neutral-default, #dadbe4);
   border-top-right-radius: calc(var(--dt-borders-radius-container-subdued, 6px) - var(--dt-borders-width-default, 1px));
 }
-._ytdpsw5-3-13-2::-webkit-scrollbar-track:horizontal {
+._ytdpsw5-3-14-0::-webkit-scrollbar-track:horizontal {
   border-top: solid var(--dt-borders-width-emphasized, 2px) var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._1jgl8s50-3-13-2 ._ytdpsw5-3-13-2::-webkit-scrollbar-track:horizontal {
+._1jgl8s50-3-14-0 ._ytdpsw5-3-14-0::-webkit-scrollbar-track:horizontal {
   border-top: solid var(--dt-borders-width-default, 1px) var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._ytdpswh-3-13-2 {
+._ytdpswh-3-14-0 {
   display: flex;
   flex-direction: inherit;
 }
-._ytdpswi-3-13-2::-webkit-scrollbar-track:horizontal {
+._ytdpswi-3-14-0::-webkit-scrollbar-track:horizontal {
   border-top: solid var(--dt-borders-width-emphasized, 2px) var(--dt-colors-border-neutral-default, #dadbe4);
   border-bottom-right-radius: 0;
 }
-._ytdpswi-3-13-2::-webkit-scrollbar-track:vertical {
+._ytdpswi-3-14-0::-webkit-scrollbar-track:vertical {
   border-left: solid var(--dt-borders-width-emphasized, 2px) var(--dt-colors-border-neutral-default, #dadbe4);
   border-bottom-right-radius: 0;
 }
-._ytdpswi-3-13-2::-webkit-scrollbar-corner {
+._ytdpswi-3-14-0::-webkit-scrollbar-corner {
   background-color: var(--dt-colors-background-container-neutral-subdued, #f9f9fa);
   border-bottom-right-radius: calc(var(--dt-borders-radius-container-subdued, 6px) - var(--dt-borders-width-emphasized, 2px));
 }
-._1jgl8s50-3-13-2 ._ytdpswi-3-13-2::-webkit-scrollbar-track:horizontal {
+._1jgl8s50-3-14-0 ._ytdpswi-3-14-0::-webkit-scrollbar-track:horizontal {
   border-top: solid var(--dt-borders-width-default, 1px) var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._1jgl8s50-3-13-2 ._ytdpswi-3-13-2::-webkit-scrollbar-track:vertical {
+._1jgl8s50-3-14-0 ._ytdpswi-3-14-0::-webkit-scrollbar-track:vertical {
   border-left: solid var(--dt-borders-width-default, 1px) var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._1jgl8s50-3-13-2 ._ytdpswi-3-13-2::-webkit-scrollbar-corner {
+._1jgl8s50-3-14-0 ._ytdpswi-3-14-0::-webkit-scrollbar-corner {
   border-bottom-right-radius: calc(var(--dt-borders-radius-container-subdued, 6px) - var(--dt-borders-width-default, 1px));
 }

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

@@ -1,7 +1,7 @@
 import "../../../core/components/app-root/AppRoot.css";
 import "./DataTableVirtualizationContainer.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var virtualizationContainer = _7a468({ defaultClassName: "_ytdpsw0-3-13-2", variantClassNames: { hasVisibleColumns: { true: "_ytdpsw1-3-13-2", false: "_ytdpsw2-3-13-2" }, loading: { true: "_ytdpsw3-3-13-2" }, contained: { true: "_ytdpsw4-3-13-2", false: "_ytdpsw5-3-13-2" }, rowSeparation: { horizontalDividers: "_ytdpsw6-3-13-2", zebraStripes: "_ytdpsw7-3-13-2", none: "_ytdpsw8-3-13-2" }, headers: { hidden: "_ytdpsw9-3-13-2", "default": "_ytdpswa-3-13-2" }, scrollDirection: { false: "_ytdpswb-3-13-2", x: "_ytdpswc-3-13-2", y: "_ytdpswd-3-13-2", xy: "_ytdpswe-3-13-2" }, isDataEmpty: { true: "_ytdpswf-3-13-2", false: "_ytdpswg-3-13-2" } }, defaultVariants: { contained: true, rowSeparation: "horizontalDividers", headers: "default" }, compoundVariants: [[{ hasVisibleColumns: true, isDataEmpty: true }, "_ytdpswh-3-13-2"], [{ contained: true, scrollDirection: "xy" }, "_ytdpswi-3-13-2"]] });
+var virtualizationContainer = _7a468({ defaultClassName: "_ytdpsw0-3-14-0", variantClassNames: { hasVisibleColumns: { true: "_ytdpsw1-3-14-0", false: "_ytdpsw2-3-14-0" }, loading: { true: "_ytdpsw3-3-14-0" }, contained: { true: "_ytdpsw4-3-14-0", false: "_ytdpsw5-3-14-0" }, rowSeparation: { horizontalDividers: "_ytdpsw6-3-14-0", zebraStripes: "_ytdpsw7-3-14-0", none: "_ytdpsw8-3-14-0" }, headers: { hidden: "_ytdpsw9-3-14-0", "default": "_ytdpswa-3-14-0" }, scrollDirection: { false: "_ytdpswb-3-14-0", x: "_ytdpswc-3-14-0", y: "_ytdpswd-3-14-0", xy: "_ytdpswe-3-14-0" }, isDataEmpty: { true: "_ytdpswf-3-14-0", false: "_ytdpswg-3-14-0" } }, defaultVariants: { contained: true, rowSeparation: "horizontalDividers", headers: "default" }, compoundVariants: [[{ hasVisibleColumns: true, isDataEmpty: true }, "_ytdpswh-3-14-0"], [{ contained: true, scrollDirection: "xy" }, "_ytdpswi-3-14-0"]] });
 export {
   virtualizationContainer
 };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/tables/DataTable/components/DataTableVirtualizationContainer.css.ts"],
-  "sourcesContent": ["import '../../../core/components/app-root/AppRoot.css';\nimport './DataTableVirtualizationContainer.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var virtualizationContainer = _7a468({defaultClassName:'_ytdpsw0-3-13-2',variantClassNames:{hasVisibleColumns:{true:'_ytdpsw1-3-13-2',false:'_ytdpsw2-3-13-2'},loading:{true:'_ytdpsw3-3-13-2'},contained:{true:'_ytdpsw4-3-13-2',false:'_ytdpsw5-3-13-2'},rowSeparation:{horizontalDividers:'_ytdpsw6-3-13-2',zebraStripes:'_ytdpsw7-3-13-2',none:'_ytdpsw8-3-13-2'},headers:{hidden:'_ytdpsw9-3-13-2','default':'_ytdpswa-3-13-2'},scrollDirection:{false:'_ytdpswb-3-13-2',x:'_ytdpswc-3-13-2',y:'_ytdpswd-3-13-2',xy:'_ytdpswe-3-13-2'},isDataEmpty:{true:'_ytdpswf-3-13-2',false:'_ytdpswg-3-13-2'}},defaultVariants:{contained:true,rowSeparation:'horizontalDividers',headers:'default'},compoundVariants:[[{hasVisibleColumns:true,isDataEmpty:true},'_ytdpswh-3-13-2'],[{contained:true,scrollDirection:'xy'},'_ytdpswi-3-13-2']]});"],
+  "sourcesContent": ["import '../../../core/components/app-root/AppRoot.css';\nimport './DataTableVirtualizationContainer.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var virtualizationContainer = _7a468({defaultClassName:'_ytdpsw0-3-14-0',variantClassNames:{hasVisibleColumns:{true:'_ytdpsw1-3-14-0',false:'_ytdpsw2-3-14-0'},loading:{true:'_ytdpsw3-3-14-0'},contained:{true:'_ytdpsw4-3-14-0',false:'_ytdpsw5-3-14-0'},rowSeparation:{horizontalDividers:'_ytdpsw6-3-14-0',zebraStripes:'_ytdpsw7-3-14-0',none:'_ytdpsw8-3-14-0'},headers:{hidden:'_ytdpsw9-3-14-0','default':'_ytdpswa-3-14-0'},scrollDirection:{false:'_ytdpswb-3-14-0',x:'_ytdpswc-3-14-0',y:'_ytdpswd-3-14-0',xy:'_ytdpswe-3-14-0'},isDataEmpty:{true:'_ytdpswf-3-14-0',false:'_ytdpswg-3-14-0'}},defaultVariants:{contained:true,rowSeparation:'horizontalDividers',headers:'default'},compoundVariants:[[{hasVisibleColumns:true,isDataEmpty:true},'_ytdpswh-3-14-0'],[{contained:true,scrollDirection:'xy'},'_ytdpswi-3-14-0']]});"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,0BAA0B,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,mBAAkB,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,GAAE,SAAQ,EAAC,MAAK,kBAAiB,GAAE,WAAU,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,GAAE,eAAc,EAAC,oBAAmB,mBAAkB,cAAa,mBAAkB,MAAK,kBAAiB,GAAE,SAAQ,EAAC,QAAO,mBAAkB,WAAU,kBAAiB,GAAE,iBAAgB,EAAC,OAAM,mBAAkB,GAAE,mBAAkB,GAAE,mBAAkB,IAAG,kBAAiB,GAAE,aAAY,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,EAAC,WAAU,MAAK,eAAc,sBAAqB,SAAQ,UAAS,GAAE,kBAAiB,CAAC,CAAC,EAAC,mBAAkB,MAAK,aAAY,KAAI,GAAE,iBAAiB,GAAE,CAAC,EAAC,WAAU,MAAK,iBAAgB,KAAI,GAAE,iBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/tables/DataTable/components/SettingsModal/DataTableSettingsModal.css

@@ -1,10 +1,10 @@
-._dmotjm0-3-13-2 div:has(> .strato-table-settings-virtualization-container) {
+._dmotjm0-3-14-0 div:has(> .strato-table-settings-virtualization-container) {
   padding-bottom: var(--dt-spacings-size-0, 0);
 }
-._dmotjm9-3-13-2:has(._115i8c21-3-13-2) {
+._dmotjm9-3-14-0:has(._115i8c21-3-14-0) {
   padding-top: var(--dt-spacings-size-0, 0);
 }
-._dmotjm0-3-13-2:has(._115i8c20-3-13-2) > ._dmotjm7-3-13-2 {
+._dmotjm0-3-14-0:has(._115i8c20-3-14-0) > ._dmotjm7-3-14-0 {
   flex: 1;
   display: flex;
   flex-direction: column;

package/esm/tables/DataTable/components/SettingsModal/DataTableSettingsModal.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/components/SettingsModal/DataTableSettingsModal.tsx"],
-  "sourcesContent": ["import clsx from 'clsx';\nimport { forwardRef, type ReactElement, type ReactNode } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport * as styles from './DataTableSettingsModal.sty.js';\nimport { Button } from '../../../../buttons/button/Button.js';\nimport { useId } from '../../../../core/hooks/useId.js';\nimport { Flex } from '../../../../layouts/flex/Flex.js';\nimport { Modal, type ModalProps } from '../../../../overlays/modal/Modal.js';\nimport { screenReaderOnly } from '../../../../styles/screen-reader-only.sty.js';\nimport { dataTableMessages } from '../../messages.js';\n\n/**\n * @internal\n */\nexport interface DataTableSettingsModalProps\n  extends Omit<ModalProps, 'footer' | 'size'> {\n  /**\n   * The callback that is called for resetting changes.\n   */\n  onReset?: () => void;\n  /**\n   * The callback that is called for applying changes\n   */\n  onApply?: () => void;\n  /**\n   * The title of the modal.\n   */\n  title: string | ReactElement;\n  /**\n   * Labels for the reset, cancel and apply buttons.\n   */\n  controlLabels: {\n    reset?: string;\n    cancel?: string;\n    apply?: string;\n  };\n  /**\n   * Determines whether the reset and/or the apply buttons are disabled.\n   */\n  disableButtons?: { reset?: boolean; apply?: boolean };\n  /**\n   * Whether a status message for the screen reader should be displayed on successful reset.\n   */\n  showResetStatus?: boolean;\n  /**\n   * Optional footerMessage rendered above the footer action buttons (e.g. a warning or error).\n   */\n  footerMessage?: ReactNode;\n}\n\n/**\n * Modal that allows to apply, reset or cancel changes on the given settings.\n * @internal\n */\nexport const DataTableSettingsModal = forwardRef<\n  HTMLDivElement,\n  DataTableSettingsModalProps\n>((props, forwardedRef): ReactElement | null => {\n  const {\n    title,\n    dismissible = true,\n    show,\n    showResetStatus = false,\n    children,\n    onDismiss,\n    onReset,\n    onApply,\n    controlLabels,\n    disableButtons,\n    footerMessage,\n    'data-testid': dataTestId,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    className: consumerClassName,\n    style: consumerStyle,\n  } = props;\n\n  const intl = useIntl();\n  const statusId = useId();\n\n  const showFooter = onDismiss || onReset || onApply;\n\n  return (\n    <Modal\n      data-testid={dataTestId}\n      data-dtrum-mask={dataDtrumMask}\n      data-dtrum-allow={dataDtrumAllow}\n      ref={forwardedRef}\n      className={consumerClassName}\n      style={consumerStyle}\n      title={title}\n      size=\"small\"\n      show={show}\n      dismissible={dismissible}\n      onDismiss={onDismiss}\n      footer={\n        showFooter && (\n          <Flex\n            flexDirection=\"column\"\n            gap={12}\n            width=\"100%\"\n            className={clsx(styles.footer, {\n              [styles.footerWithMessage]: !!footerMessage,\n            })}\n          >\n            {footerMessage}\n            <Flex justifyContent=\"space-between\" width=\"100%\">\n              {onReset && (\n                <>\n                  <Button\n                    onClick={onReset}\n                    variant=\"emphasized\"\n                    disabled={disableButtons?.reset === true}\n                  >\n                    {controlLabels?.reset}\n                  </Button>\n                  <div\n                    id={statusId}\n                    role=\"status\"\n                    aria-live=\"polite\"\n                    aria-relevant=\"all\"\n                    className={screenReaderOnly}\n                  >\n                    {showResetStatus &&\n                      intl.formatMessage(dataTableMessages.resetSuccessful)}\n                  </div>\n                </>\n              )}\n\n              <Flex justifyContent=\"flex-end\" gap={8}>\n                {onDismiss && (\n                  <Button onClick={onDismiss} variant=\"default\">\n                    {controlLabels?.cancel}\n                  </Button>\n                )}\n                {onApply && (\n                  <Button\n                    onClick={onApply}\n                    variant=\"accent\"\n                    color=\"primary\"\n                    disabled={disableButtons?.apply === true}\n                  >\n                    {controlLabels?.apply}\n                  </Button>\n                )}\n              </Flex>\n            </Flex>\n          </Flex>\n        )\n      }\n    >\n      {children}\n    </Modal>\n  );\n});\n"],
-  "mappings": "AA6GgB,mBACE,KADF;AA7GhB,OAAO,UAAU;AACjB,SAAS,kBAAqD;AAC9D,SAAS,eAAe;AAExB,YAAY,YAAY;AACxB,SAAS,cAAc;AACvB,SAAS,aAAa;AACtB,SAAS,YAAY;AACrB,SAAS,aAA8B;AACvC,SAAS,wBAAwB;AACjC,SAAS,yBAAyB;AA6C3B,MAAM,yBAAyB,WAGpC,CAAC,OAAO,iBAAsC;AAC9C,QAAM;AAAA,IACJ;AAAA,IACA,cAAc;AAAA,IACd;AAAA,IACA,kBAAkB;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,WAAW;AAAA,IACX,OAAO;AAAA,EACT,IAAI;AAEJ,QAAM,OAAO,QAAQ;AACrB,QAAM,WAAW,MAAM;AAEvB,QAAM,aAAa,aAAa,WAAW;AAE3C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAa;AAAA,MACb,mBAAiB;AAAA,MACjB,oBAAkB;AAAA,MAClB,KAAK;AAAA,MACL,WAAW;AAAA,MACX,OAAO;AAAA,MACP;AAAA,MACA,MAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA,QACE,cACE;AAAA,QAAC;AAAA;AAAA,UACC,eAAc;AAAA,UACd,KAAK;AAAA,UACL,OAAM;AAAA,UACN,WAAW,KAAK,OAAO,QAAQ;AAAA,YAC7B,CAAC,OAAO,iBAAiB,GAAG,CAAC,CAAC;AAAA,UAChC,CAAC;AAAA,UAEA;AAAA;AAAA,YACD,qBAAC,QAAK,gBAAe,iBAAgB,OAAM,QACxC;AAAA,yBACC,iCACE;AAAA;AAAA,kBAAC;AAAA;AAAA,oBACC,SAAS;AAAA,oBACT,SAAQ;AAAA,oBACR,UAAU,gBAAgB,UAAU;AAAA,oBAEnC,yBAAe;AAAA;AAAA,gBAClB;AAAA,gBACA;AAAA,kBAAC;AAAA;AAAA,oBACC,IAAI;AAAA,oBACJ,MAAK;AAAA,oBACL,aAAU;AAAA,oBACV,iBAAc;AAAA,oBACd,WAAW;AAAA,oBAEV,6BACC,KAAK,cAAc,kBAAkB,eAAe;AAAA;AAAA,gBACxD;AAAA,iBACF;AAAA,cAGF,qBAAC,QAAK,gBAAe,YAAW,KAAK,GAClC;AAAA,6BACC,oBAAC,UAAO,SAAS,WAAW,SAAQ,WACjC,yBAAe,QAClB;AAAA,gBAED,WACC;AAAA,kBAAC;AAAA;AAAA,oBACC,SAAS;AAAA,oBACT,SAAQ;AAAA,oBACR,OAAM;AAAA,oBACN,UAAU,gBAAgB,UAAU;AAAA,oBAEnC,yBAAe;AAAA;AAAA,gBAClB;AAAA,iBAEJ;AAAA,eACF;AAAA;AAAA;AAAA,MACF;AAAA,MAIH;AAAA;AAAA,EACH;AAEJ,CAAC;",
+  "sourcesContent": ["import clsx from 'clsx';\nimport { forwardRef, type ReactElement, type ReactNode } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport * as styles from './DataTableSettingsModal.sty.js';\nimport { Button } from '../../../../buttons/button/Button.js';\nimport { useId } from '../../../../core/hooks/useId.js';\nimport { Flex } from '../../../../layouts/flex/Flex.js';\nimport { Modal, type ModalProps } from '../../../../overlays/modal/Modal.js';\nimport { screenReaderOnly } from '../../../../styles/screen-reader-only.sty.js';\nimport { dataTableMessages } from '../../messages.js';\n\n/**\n * @internal\n */\nexport interface DataTableSettingsModalProps extends Omit<\n  ModalProps,\n  'footer' | 'size'\n> {\n  /**\n   * The callback that is called for resetting changes.\n   */\n  onReset?: () => void;\n  /**\n   * The callback that is called for applying changes\n   */\n  onApply?: () => void;\n  /**\n   * The title of the modal.\n   */\n  title: string | ReactElement;\n  /**\n   * Labels for the reset, cancel and apply buttons.\n   */\n  controlLabels: {\n    reset?: string;\n    cancel?: string;\n    apply?: string;\n  };\n  /**\n   * Determines whether the reset and/or the apply buttons are disabled.\n   */\n  disableButtons?: { reset?: boolean; apply?: boolean };\n  /**\n   * Whether a status message for the screen reader should be displayed on successful reset.\n   */\n  showResetStatus?: boolean;\n  /**\n   * Optional footerMessage rendered above the footer action buttons (e.g. a warning or error).\n   */\n  footerMessage?: ReactNode;\n}\n\n/**\n * Modal that allows to apply, reset or cancel changes on the given settings.\n * @internal\n */\nexport const DataTableSettingsModal = forwardRef<\n  HTMLDivElement,\n  DataTableSettingsModalProps\n>((props, forwardedRef): ReactElement | null => {\n  const {\n    title,\n    dismissible = true,\n    show,\n    showResetStatus = false,\n    children,\n    onDismiss,\n    onReset,\n    onApply,\n    controlLabels,\n    disableButtons,\n    footerMessage,\n    'data-testid': dataTestId,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    className: consumerClassName,\n    style: consumerStyle,\n  } = props;\n\n  const intl = useIntl();\n  const statusId = useId();\n\n  const showFooter = onDismiss || onReset || onApply;\n\n  return (\n    <Modal\n      data-testid={dataTestId}\n      data-dtrum-mask={dataDtrumMask}\n      data-dtrum-allow={dataDtrumAllow}\n      ref={forwardedRef}\n      className={consumerClassName}\n      style={consumerStyle}\n      title={title}\n      size=\"small\"\n      show={show}\n      dismissible={dismissible}\n      onDismiss={onDismiss}\n      footer={\n        showFooter && (\n          <Flex\n            flexDirection=\"column\"\n            gap={12}\n            width=\"100%\"\n            className={clsx(styles.footer, {\n              [styles.footerWithMessage]: !!footerMessage,\n            })}\n          >\n            {footerMessage}\n            <Flex justifyContent=\"space-between\" width=\"100%\">\n              {onReset && (\n                <>\n                  <Button\n                    onClick={onReset}\n                    variant=\"emphasized\"\n                    disabled={disableButtons?.reset === true}\n                  >\n                    {controlLabels?.reset}\n                  </Button>\n                  <div\n                    id={statusId}\n                    role=\"status\"\n                    aria-live=\"polite\"\n                    aria-relevant=\"all\"\n                    className={screenReaderOnly}\n                  >\n                    {showResetStatus &&\n                      intl.formatMessage(dataTableMessages.resetSuccessful)}\n                  </div>\n                </>\n              )}\n\n              <Flex justifyContent=\"flex-end\" gap={8}>\n                {onDismiss && (\n                  <Button onClick={onDismiss} variant=\"default\">\n                    {controlLabels?.cancel}\n                  </Button>\n                )}\n                {onApply && (\n                  <Button\n                    onClick={onApply}\n                    variant=\"accent\"\n                    color=\"primary\"\n                    disabled={disableButtons?.apply === true}\n                  >\n                    {controlLabels?.apply}\n                  </Button>\n                )}\n              </Flex>\n            </Flex>\n          </Flex>\n        )\n      }\n    >\n      {children}\n    </Modal>\n  );\n});\n"],
+  "mappings": "AA+GgB,mBACE,KADF;AA/GhB,OAAO,UAAU;AACjB,SAAS,kBAAqD;AAC9D,SAAS,eAAe;AAExB,YAAY,YAAY;AACxB,SAAS,cAAc;AACvB,SAAS,aAAa;AACtB,SAAS,YAAY;AACrB,SAAS,aAA8B;AACvC,SAAS,wBAAwB;AACjC,SAAS,yBAAyB;AA+C3B,MAAM,yBAAyB,WAGpC,CAAC,OAAO,iBAAsC;AAC9C,QAAM;AAAA,IACJ;AAAA,IACA,cAAc;AAAA,IACd;AAAA,IACA,kBAAkB;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,WAAW;AAAA,IACX,OAAO;AAAA,EACT,IAAI;AAEJ,QAAM,OAAO,QAAQ;AACrB,QAAM,WAAW,MAAM;AAEvB,QAAM,aAAa,aAAa,WAAW;AAE3C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAa;AAAA,MACb,mBAAiB;AAAA,MACjB,oBAAkB;AAAA,MAClB,KAAK;AAAA,MACL,WAAW;AAAA,MACX,OAAO;AAAA,MACP;AAAA,MACA,MAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA,QACE,cACE;AAAA,QAAC;AAAA;AAAA,UACC,eAAc;AAAA,UACd,KAAK;AAAA,UACL,OAAM;AAAA,UACN,WAAW,KAAK,OAAO,QAAQ;AAAA,YAC7B,CAAC,OAAO,iBAAiB,GAAG,CAAC,CAAC;AAAA,UAChC,CAAC;AAAA,UAEA;AAAA;AAAA,YACD,qBAAC,QAAK,gBAAe,iBAAgB,OAAM,QACxC;AAAA,yBACC,iCACE;AAAA;AAAA,kBAAC;AAAA;AAAA,oBACC,SAAS;AAAA,oBACT,SAAQ;AAAA,oBACR,UAAU,gBAAgB,UAAU;AAAA,oBAEnC,yBAAe;AAAA;AAAA,gBAClB;AAAA,gBACA;AAAA,kBAAC;AAAA;AAAA,oBACC,IAAI;AAAA,oBACJ,MAAK;AAAA,oBACL,aAAU;AAAA,oBACV,iBAAc;AAAA,oBACd,WAAW;AAAA,oBAEV,6BACC,KAAK,cAAc,kBAAkB,eAAe;AAAA;AAAA,gBACxD;AAAA,iBACF;AAAA,cAGF,qBAAC,QAAK,gBAAe,YAAW,KAAK,GAClC;AAAA,6BACC,oBAAC,UAAO,SAAS,WAAW,SAAQ,WACjC,yBAAe,QAClB;AAAA,gBAED,WACC;AAAA,kBAAC;AAAA;AAAA,oBACC,SAAS;AAAA,oBACT,SAAQ;AAAA,oBACR,OAAM;AAAA,oBACN,UAAU,gBAAgB,UAAU;AAAA,oBAEnC,yBAAe;AAAA;AAAA,gBAClB;AAAA,iBAEJ;AAAA,eACF;AAAA;AAAA;AAAA,MACF;AAAA,MAIH;AAAA;AAAA,EACH;AAEJ,CAAC;",
   "names": []
 }

package/esm/tables/DataTable/components/SettingsModal/DataTableSettingsModal.sty.js

@@ -1,7 +1,7 @@
 import "../../../../overlays/modal/Modal.css";
 import "./DataTableSettingsModal.css";
-var footer = "_115i8c20-3-13-2";
-var footerWithMessage = "_115i8c21-3-13-2";
+var footer = "_115i8c20-3-14-0";
+var footerWithMessage = "_115i8c21-3-14-0";
 export {
   footer,
   footerWithMessage

package/esm/tables/DataTable/components/SettingsModal/DataTableSettingsModal.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/components/SettingsModal/DataTableSettingsModal.css.ts"],
-  "sourcesContent": ["import '../../../../overlays/modal/Modal.css';\nimport './DataTableSettingsModal.css';\nexport var footer = '_115i8c20-3-13-2';\nexport var footerWithMessage = '_115i8c21-3-13-2';"],
+  "sourcesContent": ["import '../../../../overlays/modal/Modal.css';\nimport './DataTableSettingsModal.css';\nexport var footer = '_115i8c20-3-14-0';\nexport var footerWithMessage = '_115i8c21-3-14-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACA,IAAI,SAAS;AACb,IAAI,oBAAoB;",
   "names": []
 }

package/esm/tables/DataTable/components/TableActions/DataTableSelectedRowsActions.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/components/TableActions/DataTableSelectedRowsActions.tsx"],
-  "sourcesContent": ["import { forwardRef, type ReactElement, type ReactNode, type Ref } from 'react';\n\nimport { useBehavioralTrackingProps } from '../../../../core/hooks/useBehavioralTrackingProps.js';\nimport type { BehaviorTrackingProps } from '../../../../core/types/behavior-tracking-props.js';\nimport type { DataTestId } from '../../../../core/types/data-props.js';\nimport type { StylingProps } from '../../../../core/types/styling-props.js';\nimport { devLog } from '../../../../core/utils/logging.js';\nimport { Flex } from '../../../../layouts/flex/Flex.js';\nimport { useDataTable } from '../../contexts/DataTableContext.js';\nimport type { DataTableRowData } from '../../public.api.js';\n\n/**\n * @public\n */\nexport interface DataTableSelectedRowsActionsProps<\n  TData extends DataTableRowData,\n> extends StylingProps,\n    DataTestId,\n    BehaviorTrackingProps {\n  children: (\n    rows: {\n      rowId: string;\n      originalRow: TData;\n    }[],\n  ) => ReactNode;\n}\n\n// A helper function to check whether the child component is the SelectedRowsActions component\n/**\n * @internal\n */\nexport function _isDataTableSelectedRowsActions<TData extends DataTableRowData>(\n  child: ReactElement | null,\n): child is ReactElement<DataTableSelectedRowsActionsProps<TData>> {\n  return child?.type === DataTableSelectedRowsActions;\n}\n\n/**\n * Selected rows actions component used for configuring actions\n * that can be applied on one or multiple rows in the DataTable simultaneously.\n * Also, it gets called by DataTable as rows get selected/unselected.\n *\n * @param props - contains children or self\n *\n * @returns DataTableSelectedRowsActions containing children.\n * @public\n */\nexport const DataTableSelectedRowsActions = forwardRef(\n  <TData extends DataTableRowData>(\n    props: DataTableSelectedRowsActionsProps<TData>,\n    forwardedRef: Ref<HTMLDivElement>,\n  ): ReactElement | null => {\n    const table = useDataTable();\n\n    const {\n      children,\n      'data-testid': dataTestId,\n      className: consumerClassName,\n      style: consumerStyle,\n      ...remainingProps\n    } = props;\n\n    const [behavioralTrackingProps, restProps] =\n      useBehavioralTrackingProps(remainingProps);\n\n    if (typeof children !== 'function') {\n      devLog('The SelectedRowsActions sub-component child must be a function!');\n      return null;\n    }\n\n    const currentSelectableRows = table\n      .getSelectedRowModel()\n      .flatRows.map((row) => ({\n        rowId: row.id,\n        originalRow: row.original as TData,\n      }));\n\n    return (\n      <Flex\n        ref={forwardedRef}\n        justifyContent=\"flex-start\"\n        alignItems=\"flex-end\"\n        flexWrap=\"wrap\"\n        data-testid={dataTestId}\n        className={consumerClassName}\n        style={consumerStyle}\n        {...behavioralTrackingProps}\n        {...restProps}\n      >\n        <Flex alignItems=\"center\" flexWrap=\"wrap\" gap={4}>\n          {children(currentSelectableRows)}\n        </Flex>\n      </Flex>\n    );\n  },\n);\n\n(\n  DataTableSelectedRowsActions as typeof DataTableSelectedRowsActions & {\n    displayName: string;\n  }\n).displayName = 'DataTable.SelectedRowsActions';\n"],
-  "mappings": "AAyFQ;AAzFR,SAAS,kBAA+D;AAExE,SAAS,kCAAkC;AAI3C,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,oBAAoB;AAuBtB,SAAS,gCACd,OACiE;AACjE,SAAO,OAAO,SAAS;AACzB;AAYO,MAAM,+BAA+B;AAAA,EAC1C,CACE,OACA,iBACwB;AACxB,UAAM,QAAQ,aAAa;AAE3B,UAAM;AAAA,MACJ;AAAA,MACA,eAAe;AAAA,MACf,WAAW;AAAA,MACX,OAAO;AAAA,MACP,GAAG;AAAA,IACL,IAAI;AAEJ,UAAM,CAAC,yBAAyB,SAAS,IACvC,2BAA2B,cAAc;AAE3C,QAAI,OAAO,aAAa,YAAY;AAClC,aAAO,iEAAiE;AACxE,aAAO;AAAA,IACT;AAEA,UAAM,wBAAwB,MAC3B,oBAAoB,EACpB,SAAS,IAAI,CAAC,SAAS;AAAA,MACtB,OAAO,IAAI;AAAA,MACX,aAAa,IAAI;AAAA,IACnB,EAAE;AAEJ,WACE;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,gBAAe;AAAA,QACf,YAAW;AAAA,QACX,UAAS;AAAA,QACT,eAAa;AAAA,QACb,WAAW;AAAA,QACX,OAAO;AAAA,QACN,GAAG;AAAA,QACH,GAAG;AAAA,QAEJ,8BAAC,QAAK,YAAW,UAAS,UAAS,QAAO,KAAK,GAC5C,mBAAS,qBAAqB,GACjC;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAGE,6BAGA,cAAc;",
+  "sourcesContent": ["import { forwardRef, type ReactElement, type ReactNode, type Ref } from 'react';\n\nimport { useBehavioralTrackingProps } from '../../../../core/hooks/useBehavioralTrackingProps.js';\nimport type { BehaviorTrackingProps } from '../../../../core/types/behavior-tracking-props.js';\nimport type { DataTestId } from '../../../../core/types/data-props.js';\nimport type { StylingProps } from '../../../../core/types/styling-props.js';\nimport { devLog } from '../../../../core/utils/logging.js';\nimport { Flex } from '../../../../layouts/flex/Flex.js';\nimport { useDataTable } from '../../contexts/DataTableContext.js';\nimport type { DataTableRowData } from '../../public.api.js';\n\n/**\n * @public\n */\nexport interface DataTableSelectedRowsActionsProps<\n  TData extends DataTableRowData,\n>\n  extends StylingProps, DataTestId, BehaviorTrackingProps {\n  children: (\n    rows: {\n      rowId: string;\n      originalRow: TData;\n    }[],\n  ) => ReactNode;\n}\n\n// A helper function to check whether the child component is the SelectedRowsActions component\n/**\n * @internal\n */\nexport function _isDataTableSelectedRowsActions<TData extends DataTableRowData>(\n  child: ReactElement | null,\n): child is ReactElement<DataTableSelectedRowsActionsProps<TData>> {\n  return child?.type === DataTableSelectedRowsActions;\n}\n\n/**\n * Selected rows actions component used for configuring actions\n * that can be applied on one or multiple rows in the DataTable simultaneously.\n * Also, it gets called by DataTable as rows get selected/unselected.\n *\n * @param props - contains children or self\n *\n * @returns DataTableSelectedRowsActions containing children.\n * @public\n */\nexport const DataTableSelectedRowsActions = forwardRef(\n  <TData extends DataTableRowData>(\n    props: DataTableSelectedRowsActionsProps<TData>,\n    forwardedRef: Ref<HTMLDivElement>,\n  ): ReactElement | null => {\n    const table = useDataTable();\n\n    const {\n      children,\n      'data-testid': dataTestId,\n      className: consumerClassName,\n      style: consumerStyle,\n      ...remainingProps\n    } = props;\n\n    const [behavioralTrackingProps, restProps] =\n      useBehavioralTrackingProps(remainingProps);\n\n    if (typeof children !== 'function') {\n      devLog('The SelectedRowsActions sub-component child must be a function!');\n      return null;\n    }\n\n    const currentSelectableRows = table\n      .getSelectedRowModel()\n      .flatRows.map((row) => ({\n        rowId: row.id,\n        originalRow: row.original as TData,\n      }));\n\n    return (\n      <Flex\n        ref={forwardedRef}\n        justifyContent=\"flex-start\"\n        alignItems=\"flex-end\"\n        flexWrap=\"wrap\"\n        data-testid={dataTestId}\n        className={consumerClassName}\n        style={consumerStyle}\n        {...behavioralTrackingProps}\n        {...restProps}\n      >\n        <Flex alignItems=\"center\" flexWrap=\"wrap\" gap={4}>\n          {children(currentSelectableRows)}\n        </Flex>\n      </Flex>\n    );\n  },\n);\n\n(\n  DataTableSelectedRowsActions as typeof DataTableSelectedRowsActions & {\n    displayName: string;\n  }\n).displayName = 'DataTable.SelectedRowsActions';\n"],
+  "mappings": "AAwFQ;AAxFR,SAAS,kBAA+D;AAExE,SAAS,kCAAkC;AAI3C,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,oBAAoB;AAsBtB,SAAS,gCACd,OACiE;AACjE,SAAO,OAAO,SAAS;AACzB;AAYO,MAAM,+BAA+B;AAAA,EAC1C,CACE,OACA,iBACwB;AACxB,UAAM,QAAQ,aAAa;AAE3B,UAAM;AAAA,MACJ;AAAA,MACA,eAAe;AAAA,MACf,WAAW;AAAA,MACX,OAAO;AAAA,MACP,GAAG;AAAA,IACL,IAAI;AAEJ,UAAM,CAAC,yBAAyB,SAAS,IACvC,2BAA2B,cAAc;AAE3C,QAAI,OAAO,aAAa,YAAY;AAClC,aAAO,iEAAiE;AACxE,aAAO;AAAA,IACT;AAEA,UAAM,wBAAwB,MAC3B,oBAAoB,EACpB,SAAS,IAAI,CAAC,SAAS;AAAA,MACtB,OAAO,IAAI;AAAA,MACX,aAAa,IAAI;AAAA,IACnB,EAAE;AAEJ,WACE;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,gBAAe;AAAA,QACf,YAAW;AAAA,QACX,UAAS;AAAA,QACT,eAAa;AAAA,QACb,WAAW;AAAA,QACX,OAAO;AAAA,QACN,GAAG;AAAA,QACH,GAAG;AAAA,QAEJ,8BAAC,QAAK,YAAW,UAAS,UAAS,QAAO,KAAK,GAC5C,mBAAS,qBAAqB,GACjC;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAGE,6BAGA,cAAc;",
   "names": []
 }

package/esm/tables/DataTable/components/TableActions/DataTableSelectionChip.css

@@ -1,17 +1,17 @@
-._1rlvxpp0-3-13-2 {
+._1rlvxpp0-3-14-0 {
   align-items: flex-end;
   justify-content: flex-end;
 }
-._1rlvxpp1-3-13-2 {
+._1rlvxpp1-3-14-0 {
   padding: 0 var(--dt-spacings-size-2, 2px);
 }
-._1rlvxpp2-3-13-2 {
+._1rlvxpp2-3-14-0 {
   padding: 0 var(--dt-spacings-size-8, 8px);
 }
-._1rlvxpp3-3-13-2 {
+._1rlvxpp3-3-14-0 {
   padding: 0 var(--dt-spacings-size-12, 12px);
 }
-._1rlvxpp4-3-13-2 {
+._1rlvxpp4-3-14-0 {
   height: var(--dt-spacings-size-20, 20px);
   min-width: var(--dt-spacings-size-12, 12px);
   padding: var(--dt-spacings-size-0, 0) var(--dt-spacings-size-4, 4px);

package/esm/tables/DataTable/components/TableActions/DataTableSelectionChip.sty.js

@@ -1,6 +1,6 @@
 import "./DataTableSelectionChip.css";
-var selectionChip = "_1rlvxpp4-3-13-2";
-var selectionChipWrapper = { condensed: "_1rlvxpp1-3-13-2 _1rlvxpp0-3-13-2", "default": "_1rlvxpp2-3-13-2 _1rlvxpp0-3-13-2", comfortable: "_1rlvxpp3-3-13-2 _1rlvxpp0-3-13-2" };
+var selectionChip = "_1rlvxpp4-3-14-0";
+var selectionChipWrapper = { condensed: "_1rlvxpp1-3-14-0 _1rlvxpp0-3-14-0", "default": "_1rlvxpp2-3-14-0 _1rlvxpp0-3-14-0", comfortable: "_1rlvxpp3-3-14-0 _1rlvxpp0-3-14-0" };
 export {
   selectionChip,
   selectionChipWrapper

package/esm/tables/DataTable/components/TableActions/DataTableSelectionChip.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/components/TableActions/DataTableSelectionChip.css.ts"],
-  "sourcesContent": ["import './DataTableSelectionChip.css';\nexport var selectionChip = '_1rlvxpp4-3-13-2';\nexport var selectionChipWrapper = {condensed:'_1rlvxpp1-3-13-2 _1rlvxpp0-3-13-2','default':'_1rlvxpp2-3-13-2 _1rlvxpp0-3-13-2',comfortable:'_1rlvxpp3-3-13-2 _1rlvxpp0-3-13-2'};"],
+  "sourcesContent": ["import './DataTableSelectionChip.css';\nexport var selectionChip = '_1rlvxpp4-3-14-0';\nexport var selectionChipWrapper = {condensed:'_1rlvxpp1-3-14-0 _1rlvxpp0-3-14-0','default':'_1rlvxpp2-3-14-0 _1rlvxpp0-3-14-0',comfortable:'_1rlvxpp3-3-14-0 _1rlvxpp0-3-14-0'};"],
   "mappings": "AAAA,OAAO;AACA,IAAI,gBAAgB;AACpB,IAAI,uBAAuB,EAAC,WAAU,qCAAoC,WAAU,qCAAoC,aAAY,oCAAmC;",
   "names": []
 }

package/esm/tables/DataTable/components/Toolbar/ColumnSettings/ColumnOrderSettings/ColumnOrderSettingsDragAndDrop.css

@@ -1,29 +1,29 @@
-._11d1m5j0-3-13-2 {
+._11d1m5j0-3-14-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;
 }
-._11d1m5j0-3-13-2:last-child {
+._11d1m5j0-3-14-0:last-child {
   border-bottom: 0px;
 }
-._11d1m5j1-3-13-2 {
+._11d1m5j1-3-14-0 {
   align-self: center;
   border-radius: var(--dt-borders-radius-field-default, 6px);
   padding: var(--dt-spacings-size-2, 2px) var(--dt-spacings-size-4, 4px);
   transition: none;
 }
-._11d1m5j1-3-13-2:active {
+._11d1m5j1-3-14-0:active {
   background: transparent;
 }
-._11d1m5j1-3-13-2:hover {
+._11d1m5j1-3-14-0:hover {
   background: transparent;
   cursor: grab;
 }
-._11d1m5j0-3-13-2 ._11d1m5j1-3-13-2 {
+._11d1m5j0-3-14-0 ._11d1m5j1-3-14-0 {
   cursor: grabbing;
 }
-._11d1m5j2-3-13-2 {
+._11d1m5j2-3-14-0 {
   opacity: 0.2;
 }

package/esm/tables/DataTable/components/Toolbar/ColumnSettings/ColumnOrderSettings/ColumnOrderSettingsDragAndDrop.sty.js

@@ -1,7 +1,7 @@
 import "./ColumnOrderSettingsDragAndDrop.css";
-var columnDndHandle = "_11d1m5j1-3-13-2";
-var columnDndOverlay = "_11d1m5j0-3-13-2";
-var disabledNonTargetLocalColumn = "_11d1m5j2-3-13-2";
+var columnDndHandle = "_11d1m5j1-3-14-0";
+var columnDndOverlay = "_11d1m5j0-3-14-0";
+var disabledNonTargetLocalColumn = "_11d1m5j2-3-14-0";
 export {
   columnDndHandle,
   columnDndOverlay,

package/esm/tables/DataTable/components/Toolbar/ColumnSettings/ColumnOrderSettings/ColumnOrderSettingsDragAndDrop.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/tables/DataTable/components/Toolbar/ColumnSettings/ColumnOrderSettings/ColumnOrderSettingsDragAndDrop.css.ts"],
-  "sourcesContent": ["import './ColumnOrderSettingsDragAndDrop.css';\nexport var columnDndHandle = '_11d1m5j1-3-13-2';\nexport var columnDndOverlay = '_11d1m5j0-3-13-2';\nexport var disabledNonTargetLocalColumn = '_11d1m5j2-3-13-2';"],
+  "sourcesContent": ["import './ColumnOrderSettingsDragAndDrop.css';\nexport var columnDndHandle = '_11d1m5j1-3-14-0';\nexport var columnDndOverlay = '_11d1m5j0-3-14-0';\nexport var disabledNonTargetLocalColumn = '_11d1m5j2-3-14-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,kBAAkB;AACtB,IAAI,mBAAmB;AACvB,IAAI,+BAA+B;",
   "names": []
 }

package/esm/tables/DataTable/components/Toolbar/ColumnSettings/DataTableAllColumnsHiddenEmptyState.css

@@ -1,3 +1,3 @@
-._srhgvd0-3-13-2 {
+._srhgvd0-3-14-0 {
   text-align: center;
 }

package/esm/tables/DataTable/components/Toolbar/ColumnSettings/DataTableAllColumnsHiddenEmptyState.sty.js

@@ -1,5 +1,5 @@
 import "./DataTableAllColumnsHiddenEmptyState.css";
-var emptyState = "_srhgvd0-3-13-2";
+var emptyState = "_srhgvd0-3-14-0";
 export {
   emptyState
 };

package/esm/tables/DataTable/components/Toolbar/ColumnSettings/DataTableAllColumnsHiddenEmptyState.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/tables/DataTable/components/Toolbar/ColumnSettings/DataTableAllColumnsHiddenEmptyState.css.ts"],
-  "sourcesContent": ["import './DataTableAllColumnsHiddenEmptyState.css';\nexport var emptyState = '_srhgvd0-3-13-2';"],
+  "sourcesContent": ["import './DataTableAllColumnsHiddenEmptyState.css';\nexport var emptyState = '_srhgvd0-3-14-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,aAAa;",
   "names": []
 }

package/esm/tables/DataTable/components/Toolbar/ColumnSettings/DataTableColumnsList.css

@@ -1,38 +1,38 @@
-._14dz1ui1-3-13-2 {
-  --_14dz1ui0-3-13-2: 96dvh;
+._14dz1ui1-3-14-0 {
+  --_14dz1ui0-3-14-0: 96dvh;
   overflow: auto;
   position: relative;
 }
-._14dz1ui8-3-13-2 {
+._14dz1ui8-3-14-0 {
   margin-top: 0;
 }
-._14dz1ui9-3-13-2 {
+._14dz1ui9-3-14-0 {
   margin-top: var(--dt-spacings-size-8, 8px);
 }
-._14dz1uia-3-13-2 {
-  max-height: calc(var(--_14dz1ui0-3-13-2) - 146px);
+._14dz1uia-3-14-0 {
+  max-height: calc(var(--_14dz1ui0-3-14-0) - 146px);
 }
-._14dz1uib-3-13-2 {
-  max-height: calc(var(--_14dz1ui0-3-13-2) - 146px - 56px);
+._14dz1uib-3-14-0 {
+  max-height: calc(var(--_14dz1ui0-3-14-0) - 146px - 56px);
 }
-._14dz1uic-3-13-2 {
-  max-height: calc(var(--_14dz1ui0-3-13-2) - 146px - 56px - 28px);
+._14dz1uic-3-14-0 {
+  max-height: calc(var(--_14dz1ui0-3-14-0) - 146px - 56px - 28px);
 }
-._14dz1uid-3-13-2 {
-  max-height: calc(var(--_14dz1ui0-3-13-2) - 146px - 46px);
+._14dz1uid-3-14-0 {
+  max-height: calc(var(--_14dz1ui0-3-14-0) - 146px - 46px);
 }
-._14dz1uie-3-13-2 {
-  max-height: calc(var(--_14dz1ui0-3-13-2) - 146px - 56px - 46px);
+._14dz1uie-3-14-0 {
+  max-height: calc(var(--_14dz1ui0-3-14-0) - 146px - 56px - 46px);
 }
-._14dz1uif-3-13-2 {
-  max-height: calc(var(--_14dz1ui0-3-13-2) - 146px - 56px - 28px - 46px);
+._14dz1uif-3-14-0 {
+  max-height: calc(var(--_14dz1ui0-3-14-0) - 146px - 56px - 28px - 46px);
 }
-._14dz1uig-3-13-2 {
+._14dz1uig-3-14-0 {
   width: 100%;
   position: relative;
 }
 @supports not (height: 1dvh) {
-  ._14dz1ui1-3-13-2 {
-    --_14dz1ui0-3-13-2: 96vh;
+  ._14dz1ui1-3-14-0 {
+    --_14dz1ui0-3-14-0: 96vh;
   }
 }

package/esm/tables/DataTable/components/Toolbar/ColumnSettings/DataTableColumnsList.sty.js

@@ -1,7 +1,7 @@
 import "./DataTableColumnsList.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var virtualizationInnerContainer = "_14dz1uig-3-13-2";
-var virtualizationScrollContainer = _7a468({ defaultClassName: "_14dz1ui1-3-13-2", variantClassNames: { hasFilter: { true: "_14dz1ui2-3-13-2", false: "_14dz1ui3-3-13-2" }, hasVisibilityControl: { true: "_14dz1ui4-3-13-2", false: "_14dz1ui5-3-13-2" }, hasMessage: { true: "_14dz1ui6-3-13-2", false: "_14dz1ui7-3-13-2" }, hasPinnedColumns: { true: "_14dz1ui8-3-13-2", false: "_14dz1ui9-3-13-2" } }, defaultVariants: { hasFilter: false, hasVisibilityControl: false, hasMessage: false, hasPinnedColumns: false }, compoundVariants: [[{ hasFilter: false, hasMessage: false }, "_14dz1uia-3-13-2"], [{ hasFilter: true, hasVisibilityControl: false, hasMessage: false }, "_14dz1uib-3-13-2"], [{ hasFilter: true, hasVisibilityControl: true, hasMessage: false }, "_14dz1uic-3-13-2"], [{ hasFilter: false, hasMessage: true }, "_14dz1uid-3-13-2"], [{ hasFilter: true, hasVisibilityControl: false, hasMessage: true }, "_14dz1uie-3-13-2"], [{ hasFilter: true, hasVisibilityControl: true, hasMessage: true }, "_14dz1uif-3-13-2"]] });
+var virtualizationInnerContainer = "_14dz1uig-3-14-0";
+var virtualizationScrollContainer = _7a468({ defaultClassName: "_14dz1ui1-3-14-0", variantClassNames: { hasFilter: { true: "_14dz1ui2-3-14-0", false: "_14dz1ui3-3-14-0" }, hasVisibilityControl: { true: "_14dz1ui4-3-14-0", false: "_14dz1ui5-3-14-0" }, hasMessage: { true: "_14dz1ui6-3-14-0", false: "_14dz1ui7-3-14-0" }, hasPinnedColumns: { true: "_14dz1ui8-3-14-0", false: "_14dz1ui9-3-14-0" } }, defaultVariants: { hasFilter: false, hasVisibilityControl: false, hasMessage: false, hasPinnedColumns: false }, compoundVariants: [[{ hasFilter: false, hasMessage: false }, "_14dz1uia-3-14-0"], [{ hasFilter: true, hasVisibilityControl: false, hasMessage: false }, "_14dz1uib-3-14-0"], [{ hasFilter: true, hasVisibilityControl: true, hasMessage: false }, "_14dz1uic-3-14-0"], [{ hasFilter: false, hasMessage: true }, "_14dz1uid-3-14-0"], [{ hasFilter: true, hasVisibilityControl: false, hasMessage: true }, "_14dz1uie-3-14-0"], [{ hasFilter: true, hasVisibilityControl: true, hasMessage: true }, "_14dz1uif-3-14-0"]] });
 export {
   virtualizationInnerContainer,
   virtualizationScrollContainer

package/esm/tables/DataTable/components/Toolbar/ColumnSettings/DataTableColumnsList.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/tables/DataTable/components/Toolbar/ColumnSettings/DataTableColumnsList.css.ts"],
-  "sourcesContent": ["import './DataTableColumnsList.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var virtualizationInnerContainer = '_14dz1uig-3-13-2';\nexport var virtualizationScrollContainer = _7a468({defaultClassName:'_14dz1ui1-3-13-2',variantClassNames:{hasFilter:{true:'_14dz1ui2-3-13-2',false:'_14dz1ui3-3-13-2'},hasVisibilityControl:{true:'_14dz1ui4-3-13-2',false:'_14dz1ui5-3-13-2'},hasMessage:{true:'_14dz1ui6-3-13-2',false:'_14dz1ui7-3-13-2'},hasPinnedColumns:{true:'_14dz1ui8-3-13-2',false:'_14dz1ui9-3-13-2'}},defaultVariants:{hasFilter:false,hasVisibilityControl:false,hasMessage:false,hasPinnedColumns:false},compoundVariants:[[{hasFilter:false,hasMessage:false},'_14dz1uia-3-13-2'],[{hasFilter:true,hasVisibilityControl:false,hasMessage:false},'_14dz1uib-3-13-2'],[{hasFilter:true,hasVisibilityControl:true,hasMessage:false},'_14dz1uic-3-13-2'],[{hasFilter:false,hasMessage:true},'_14dz1uid-3-13-2'],[{hasFilter:true,hasVisibilityControl:false,hasMessage:true},'_14dz1uie-3-13-2'],[{hasFilter:true,hasVisibilityControl:true,hasMessage:true},'_14dz1uif-3-13-2']]});"],
+  "sourcesContent": ["import './DataTableColumnsList.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var virtualizationInnerContainer = '_14dz1uig-3-14-0';\nexport var virtualizationScrollContainer = _7a468({defaultClassName:'_14dz1ui1-3-14-0',variantClassNames:{hasFilter:{true:'_14dz1ui2-3-14-0',false:'_14dz1ui3-3-14-0'},hasVisibilityControl:{true:'_14dz1ui4-3-14-0',false:'_14dz1ui5-3-14-0'},hasMessage:{true:'_14dz1ui6-3-14-0',false:'_14dz1ui7-3-14-0'},hasPinnedColumns:{true:'_14dz1ui8-3-14-0',false:'_14dz1ui9-3-14-0'}},defaultVariants:{hasFilter:false,hasVisibilityControl:false,hasMessage:false,hasPinnedColumns:false},compoundVariants:[[{hasFilter:false,hasMessage:false},'_14dz1uia-3-14-0'],[{hasFilter:true,hasVisibilityControl:false,hasMessage:false},'_14dz1uib-3-14-0'],[{hasFilter:true,hasVisibilityControl:true,hasMessage:false},'_14dz1uic-3-14-0'],[{hasFilter:false,hasMessage:true},'_14dz1uid-3-14-0'],[{hasFilter:true,hasVisibilityControl:false,hasMessage:true},'_14dz1uie-3-14-0'],[{hasFilter:true,hasVisibilityControl:true,hasMessage:true},'_14dz1uif-3-14-0']]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,+BAA+B;AACnC,IAAI,gCAAgC,OAAO,EAAC,kBAAiB,oBAAmB,mBAAkB,EAAC,WAAU,EAAC,MAAK,oBAAmB,OAAM,mBAAkB,GAAE,sBAAqB,EAAC,MAAK,oBAAmB,OAAM,mBAAkB,GAAE,YAAW,EAAC,MAAK,oBAAmB,OAAM,mBAAkB,GAAE,kBAAiB,EAAC,MAAK,oBAAmB,OAAM,mBAAkB,EAAC,GAAE,iBAAgB,EAAC,WAAU,OAAM,sBAAqB,OAAM,YAAW,OAAM,kBAAiB,MAAK,GAAE,kBAAiB,CAAC,CAAC,EAAC,WAAU,OAAM,YAAW,MAAK,GAAE,kBAAkB,GAAE,CAAC,EAAC,WAAU,MAAK,sBAAqB,OAAM,YAAW,MAAK,GAAE,kBAAkB,GAAE,CAAC,EAAC,WAAU,MAAK,sBAAqB,MAAK,YAAW,MAAK,GAAE,kBAAkB,GAAE,CAAC,EAAC,WAAU,OAAM,YAAW,KAAI,GAAE,kBAAkB,GAAE,CAAC,EAAC,WAAU,MAAK,sBAAqB,OAAM,YAAW,KAAI,GAAE,kBAAkB,GAAE,CAAC,EAAC,WAAU,MAAK,sBAAqB,MAAK,YAAW,KAAI,GAAE,kBAAkB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/tables/DataTable/components/Toolbar/ColumnSettings/DataTableColumnsListItem.css

@@ -1,4 +1,4 @@
-._13ypmcy0-3-13-2 {
+._13ypmcy0-3-14-0 {
   position: relative;
   flex: 0 1 auto;
   word-break: break-all;
@@ -6,10 +6,10 @@
   padding-bottom: var(--dt-spacings-size-4, 4px);
   border-bottom: var(--dt-borders-width-default, 1px) var(--dt-borders-style-default, solid) transparent;
 }
-._13ypmcy0-3-13-2[data-parentcolumnid] {
+._13ypmcy0-3-14-0[data-parentcolumnid] {
   padding-left: var(--dt-spacings-size-28, 28px);
 }
-._13ypmcy0-3-13-2::after {
+._13ypmcy0-3-14-0::after {
   content: "";
   position: absolute;
   left: 0;
@@ -18,28 +18,28 @@
   height: var(--dt-borders-width-default, 1px);
   background-color: var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._13ypmcy0-3-13-2:has(+ [data-parentcolumnid])::after {
+._13ypmcy0-3-14-0:has(+ [data-parentcolumnid])::after {
   left: var(--dt-spacings-size-28, 28px);
 }
-._13ypmcy1-3-13-2::after {
+._13ypmcy1-3-14-0::after {
   display: none;
 }
-._13ypmcy2-3-13-2 {
+._13ypmcy2-3-14-0 {
   padding-left: var(--dt-spacings-size-8, 8px);
 }
-._13ypmcy3-3-13-2 {
+._13ypmcy3-3-14-0 {
   visibility: hidden;
 }
-._13ypmcy4-3-13-2 {
+._13ypmcy4-3-14-0 {
   flex: 1 1 auto;
   min-width: 0;
 }
-._13ypmcy5-3-13-2 {
+._13ypmcy5-3-14-0 {
   padding: var(--dt-spacings-size-2, 2px) 0;
 }
-._13ypmcy6-3-13-2 {
+._13ypmcy6-3-14-0 {
   padding-left: var(--dt-spacings-size-8, 8px);
 }
-._13ypmcy7-3-13-2 {
+._13ypmcy7-3-14-0 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
 }