@dynatrace/strato-components 3.10.4 → 3.11.0

package/styles/sprinkles.sty.js

@@ -23,5 +23,5 @@ __export(sprinkles_css_exports, {
 module.exports = __toCommonJS(sprinkles_css_exports);
 var import_sprinkles_css_ts_vanilla = require("./sprinkles.css");
 var import_createRuntimeSprinkles = require("@vanilla-extract/sprinkles/createRuntimeSprinkles");
-var globalSprinkleProperties = { conditions: void 0, styles: { gap: { values: { "0": { defaultClass: "_1bzvwaf0-3-10-4" }, "2": { defaultClass: "_1bzvwaf1-3-10-4" }, "4": { defaultClass: "_1bzvwaf2-3-10-4" }, "6": { defaultClass: "_1bzvwaf3-3-10-4" }, "8": { defaultClass: "_1bzvwaf4-3-10-4" }, "12": { defaultClass: "_1bzvwaf5-3-10-4" }, "16": { defaultClass: "_1bzvwaf6-3-10-4" }, "20": { defaultClass: "_1bzvwaf7-3-10-4" }, "24": { defaultClass: "_1bzvwaf8-3-10-4" }, "32": { defaultClass: "_1bzvwaf9-3-10-4" }, "40": { defaultClass: "_1bzvwafa-3-10-4" }, "48": { defaultClass: "_1bzvwafb-3-10-4" }, "56": { defaultClass: "_1bzvwafc-3-10-4" }, "64": { defaultClass: "_1bzvwafd-3-10-4" } } }, rowGap: { values: { "0": { defaultClass: "_1bzvwafe-3-10-4" }, "2": { defaultClass: "_1bzvwaff-3-10-4" }, "4": { defaultClass: "_1bzvwafg-3-10-4" }, "6": { defaultClass: "_1bzvwafh-3-10-4" }, "8": { defaultClass: "_1bzvwafi-3-10-4" }, "12": { defaultClass: "_1bzvwafj-3-10-4" }, "16": { defaultClass: "_1bzvwafk-3-10-4" }, "20": { defaultClass: "_1bzvwafl-3-10-4" }, "24": { defaultClass: "_1bzvwafm-3-10-4" }, "32": { defaultClass: "_1bzvwafn-3-10-4" }, "40": { defaultClass: "_1bzvwafo-3-10-4" }, "48": { defaultClass: "_1bzvwafp-3-10-4" }, "56": { defaultClass: "_1bzvwafq-3-10-4" }, "64": { defaultClass: "_1bzvwafr-3-10-4" } } }, columnGap: { values: { "0": { defaultClass: "_1bzvwafs-3-10-4" }, "2": { defaultClass: "_1bzvwaft-3-10-4" }, "4": { defaultClass: "_1bzvwafu-3-10-4" }, "6": { defaultClass: "_1bzvwafv-3-10-4" }, "8": { defaultClass: "_1bzvwafw-3-10-4" }, "12": { defaultClass: "_1bzvwafx-3-10-4" }, "16": { defaultClass: "_1bzvwafy-3-10-4" }, "20": { defaultClass: "_1bzvwafz-3-10-4" }, "24": { defaultClass: "_1bzvwaf10-3-10-4" }, "32": { defaultClass: "_1bzvwaf11-3-10-4" }, "40": { defaultClass: "_1bzvwaf12-3-10-4" }, "48": { defaultClass: "_1bzvwaf13-3-10-4" }, "56": { defaultClass: "_1bzvwaf14-3-10-4" }, "64": { defaultClass: "_1bzvwaf15-3-10-4" } } }, paddingTop: { values: { "0": { defaultClass: "_1bzvwaf16-3-10-4" }, "2": { defaultClass: "_1bzvwaf17-3-10-4" }, "4": { defaultClass: "_1bzvwaf18-3-10-4" }, "6": { defaultClass: "_1bzvwaf19-3-10-4" }, "8": { defaultClass: "_1bzvwaf1a-3-10-4" }, "12": { defaultClass: "_1bzvwaf1b-3-10-4" }, "16": { defaultClass: "_1bzvwaf1c-3-10-4" }, "20": { defaultClass: "_1bzvwaf1d-3-10-4" }, "24": { defaultClass: "_1bzvwaf1e-3-10-4" }, "32": { defaultClass: "_1bzvwaf1f-3-10-4" }, "40": { defaultClass: "_1bzvwaf1g-3-10-4" }, "48": { defaultClass: "_1bzvwaf1h-3-10-4" }, "56": { defaultClass: "_1bzvwaf1i-3-10-4" }, "64": { defaultClass: "_1bzvwaf1j-3-10-4" } } }, paddingBottom: { values: { "0": { defaultClass: "_1bzvwaf1k-3-10-4" }, "2": { defaultClass: "_1bzvwaf1l-3-10-4" }, "4": { defaultClass: "_1bzvwaf1m-3-10-4" }, "6": { defaultClass: "_1bzvwaf1n-3-10-4" }, "8": { defaultClass: "_1bzvwaf1o-3-10-4" }, "12": { defaultClass: "_1bzvwaf1p-3-10-4" }, "16": { defaultClass: "_1bzvwaf1q-3-10-4" }, "20": { defaultClass: "_1bzvwaf1r-3-10-4" }, "24": { defaultClass: "_1bzvwaf1s-3-10-4" }, "32": { defaultClass: "_1bzvwaf1t-3-10-4" }, "40": { defaultClass: "_1bzvwaf1u-3-10-4" }, "48": { defaultClass: "_1bzvwaf1v-3-10-4" }, "56": { defaultClass: "_1bzvwaf1w-3-10-4" }, "64": { defaultClass: "_1bzvwaf1x-3-10-4" } } }, paddingLeft: { values: { "0": { defaultClass: "_1bzvwaf1y-3-10-4" }, "2": { defaultClass: "_1bzvwaf1z-3-10-4" }, "4": { defaultClass: "_1bzvwaf20-3-10-4" }, "6": { defaultClass: "_1bzvwaf21-3-10-4" }, "8": { defaultClass: "_1bzvwaf22-3-10-4" }, "12": { defaultClass: "_1bzvwaf23-3-10-4" }, "16": { defaultClass: "_1bzvwaf24-3-10-4" }, "20": { defaultClass: "_1bzvwaf25-3-10-4" }, "24": { defaultClass: "_1bzvwaf26-3-10-4" }, "32": { defaultClass: "_1bzvwaf27-3-10-4" }, "40": { defaultClass: "_1bzvwaf28-3-10-4" }, "48": { defaultClass: "_1bzvwaf29-3-10-4" }, "56": { defaultClass: "_1bzvwaf2a-3-10-4" }, "64": { defaultClass: "_1bzvwaf2b-3-10-4" } } }, paddingRight: { values: { "0": { defaultClass: "_1bzvwaf2c-3-10-4" }, "2": { defaultClass: "_1bzvwaf2d-3-10-4" }, "4": { defaultClass: "_1bzvwaf2e-3-10-4" }, "6": { defaultClass: "_1bzvwaf2f-3-10-4" }, "8": { defaultClass: "_1bzvwaf2g-3-10-4" }, "12": { defaultClass: "_1bzvwaf2h-3-10-4" }, "16": { defaultClass: "_1bzvwaf2i-3-10-4" }, "20": { defaultClass: "_1bzvwaf2j-3-10-4" }, "24": { defaultClass: "_1bzvwaf2k-3-10-4" }, "32": { defaultClass: "_1bzvwaf2l-3-10-4" }, "40": { defaultClass: "_1bzvwaf2m-3-10-4" }, "48": { defaultClass: "_1bzvwaf2n-3-10-4" }, "56": { defaultClass: "_1bzvwaf2o-3-10-4" }, "64": { defaultClass: "_1bzvwaf2p-3-10-4" } } }, marginTop: { values: { "0": { defaultClass: "_1bzvwaf2q-3-10-4" }, "2": { defaultClass: "_1bzvwaf2r-3-10-4" }, "4": { defaultClass: "_1bzvwaf2s-3-10-4" }, "6": { defaultClass: "_1bzvwaf2t-3-10-4" }, "8": { defaultClass: "_1bzvwaf2u-3-10-4" }, "12": { defaultClass: "_1bzvwaf2v-3-10-4" }, "16": { defaultClass: "_1bzvwaf2w-3-10-4" }, "20": { defaultClass: "_1bzvwaf2x-3-10-4" }, "24": { defaultClass: "_1bzvwaf2y-3-10-4" }, "32": { defaultClass: "_1bzvwaf2z-3-10-4" }, "40": { defaultClass: "_1bzvwaf30-3-10-4" }, "48": { defaultClass: "_1bzvwaf31-3-10-4" }, "56": { defaultClass: "_1bzvwaf32-3-10-4" }, "64": { defaultClass: "_1bzvwaf33-3-10-4" }, auto: { defaultClass: "_1bzvwaf34-3-10-4" } } }, marginBottom: { values: { "0": { defaultClass: "_1bzvwaf35-3-10-4" }, "2": { defaultClass: "_1bzvwaf36-3-10-4" }, "4": { defaultClass: "_1bzvwaf37-3-10-4" }, "6": { defaultClass: "_1bzvwaf38-3-10-4" }, "8": { defaultClass: "_1bzvwaf39-3-10-4" }, "12": { defaultClass: "_1bzvwaf3a-3-10-4" }, "16": { defaultClass: "_1bzvwaf3b-3-10-4" }, "20": { defaultClass: "_1bzvwaf3c-3-10-4" }, "24": { defaultClass: "_1bzvwaf3d-3-10-4" }, "32": { defaultClass: "_1bzvwaf3e-3-10-4" }, "40": { defaultClass: "_1bzvwaf3f-3-10-4" }, "48": { defaultClass: "_1bzvwaf3g-3-10-4" }, "56": { defaultClass: "_1bzvwaf3h-3-10-4" }, "64": { defaultClass: "_1bzvwaf3i-3-10-4" }, auto: { defaultClass: "_1bzvwaf3j-3-10-4" } } }, marginLeft: { values: { "0": { defaultClass: "_1bzvwaf3k-3-10-4" }, "2": { defaultClass: "_1bzvwaf3l-3-10-4" }, "4": { defaultClass: "_1bzvwaf3m-3-10-4" }, "6": { defaultClass: "_1bzvwaf3n-3-10-4" }, "8": { defaultClass: "_1bzvwaf3o-3-10-4" }, "12": { defaultClass: "_1bzvwaf3p-3-10-4" }, "16": { defaultClass: "_1bzvwaf3q-3-10-4" }, "20": { defaultClass: "_1bzvwaf3r-3-10-4" }, "24": { defaultClass: "_1bzvwaf3s-3-10-4" }, "32": { defaultClass: "_1bzvwaf3t-3-10-4" }, "40": { defaultClass: "_1bzvwaf3u-3-10-4" }, "48": { defaultClass: "_1bzvwaf3v-3-10-4" }, "56": { defaultClass: "_1bzvwaf3w-3-10-4" }, "64": { defaultClass: "_1bzvwaf3x-3-10-4" }, auto: { defaultClass: "_1bzvwaf3y-3-10-4" } } }, marginRight: { values: { "0": { defaultClass: "_1bzvwaf3z-3-10-4" }, "2": { defaultClass: "_1bzvwaf40-3-10-4" }, "4": { defaultClass: "_1bzvwaf41-3-10-4" }, "6": { defaultClass: "_1bzvwaf42-3-10-4" }, "8": { defaultClass: "_1bzvwaf43-3-10-4" }, "12": { defaultClass: "_1bzvwaf44-3-10-4" }, "16": { defaultClass: "_1bzvwaf45-3-10-4" }, "20": { defaultClass: "_1bzvwaf46-3-10-4" }, "24": { defaultClass: "_1bzvwaf47-3-10-4" }, "32": { defaultClass: "_1bzvwaf48-3-10-4" }, "40": { defaultClass: "_1bzvwaf49-3-10-4" }, "48": { defaultClass: "_1bzvwaf4a-3-10-4" }, "56": { defaultClass: "_1bzvwaf4b-3-10-4" }, "64": { defaultClass: "_1bzvwaf4c-3-10-4" }, auto: { defaultClass: "_1bzvwaf4d-3-10-4" } } }, justifySelf: { values: { center: { defaultClass: "_1bzvwaf4e-3-10-4" }, end: { defaultClass: "_1bzvwaf4f-3-10-4" }, "flex-end": { defaultClass: "_1bzvwaf4g-3-10-4" }, "flex-start": { defaultClass: "_1bzvwaf4h-3-10-4" }, "self-end": { defaultClass: "_1bzvwaf4i-3-10-4" }, "self-start": { defaultClass: "_1bzvwaf4j-3-10-4" }, start: { defaultClass: "_1bzvwaf4k-3-10-4" }, auto: { defaultClass: "_1bzvwaf4l-3-10-4" }, baseline: { defaultClass: "_1bzvwaf4m-3-10-4" }, left: { defaultClass: "_1bzvwaf4n-3-10-4" }, normal: { defaultClass: "_1bzvwaf4o-3-10-4" }, right: { defaultClass: "_1bzvwaf4p-3-10-4" }, stretch: { defaultClass: "_1bzvwaf4q-3-10-4" } } }, alignSelf: { values: { center: { defaultClass: "_1bzvwaf4r-3-10-4" }, end: { defaultClass: "_1bzvwaf4s-3-10-4" }, "flex-end": { defaultClass: "_1bzvwaf4t-3-10-4" }, "flex-start": { defaultClass: "_1bzvwaf4u-3-10-4" }, "self-end": { defaultClass: "_1bzvwaf4v-3-10-4" }, "self-start": { defaultClass: "_1bzvwaf4w-3-10-4" }, start: { defaultClass: "_1bzvwaf4x-3-10-4" }, auto: { defaultClass: "_1bzvwaf4y-3-10-4" }, baseline: { defaultClass: "_1bzvwaf4z-3-10-4" }, normal: { defaultClass: "_1bzvwaf50-3-10-4" }, stretch: { defaultClass: "_1bzvwaf51-3-10-4" } } }, placeSelf: { values: { center: { defaultClass: "_1bzvwaf52-3-10-4" }, end: { defaultClass: "_1bzvwaf53-3-10-4" }, "flex-end": { defaultClass: "_1bzvwaf54-3-10-4" }, "flex-start": { defaultClass: "_1bzvwaf55-3-10-4" }, "self-end": { defaultClass: "_1bzvwaf56-3-10-4" }, "self-start": { defaultClass: "_1bzvwaf57-3-10-4" }, start: { defaultClass: "_1bzvwaf58-3-10-4" }, auto: { defaultClass: "_1bzvwaf59-3-10-4" }, baseline: { defaultClass: "_1bzvwaf5a-3-10-4" }, normal: { defaultClass: "_1bzvwaf5b-3-10-4" }, stretch: { defaultClass: "_1bzvwaf5c-3-10-4" } } }, justifyItems: { values: { center: { defaultClass: "_1bzvwaf5d-3-10-4" }, end: { defaultClass: "_1bzvwaf5e-3-10-4" }, "flex-end": { defaultClass: "_1bzvwaf5f-3-10-4" }, "flex-start": { defaultClass: "_1bzvwaf5g-3-10-4" }, "self-end": { defaultClass: "_1bzvwaf5h-3-10-4" }, "self-start": { defaultClass: "_1bzvwaf5i-3-10-4" }, start: { defaultClass: "_1bzvwaf5j-3-10-4" }, baseline: { defaultClass: "_1bzvwaf5k-3-10-4" }, left: { defaultClass: "_1bzvwaf5l-3-10-4" }, legacy: { defaultClass: "_1bzvwaf5m-3-10-4" }, normal: { defaultClass: "_1bzvwaf5n-3-10-4" }, right: { defaultClass: "_1bzvwaf5o-3-10-4" }, stretch: { defaultClass: "_1bzvwaf5p-3-10-4" } } }, alignItems: { values: { center: { defaultClass: "_1bzvwaf5q-3-10-4" }, end: { defaultClass: "_1bzvwaf5r-3-10-4" }, "flex-end": { defaultClass: "_1bzvwaf5s-3-10-4" }, "flex-start": { defaultClass: "_1bzvwaf5t-3-10-4" }, "self-end": { defaultClass: "_1bzvwaf5u-3-10-4" }, "self-start": { defaultClass: "_1bzvwaf5v-3-10-4" }, start: { defaultClass: "_1bzvwaf5w-3-10-4" }, baseline: { defaultClass: "_1bzvwaf5x-3-10-4" }, normal: { defaultClass: "_1bzvwaf5y-3-10-4" }, stretch: { defaultClass: "_1bzvwaf5z-3-10-4" } } }, placeItems: { values: { center: { defaultClass: "_1bzvwaf60-3-10-4" }, end: { defaultClass: "_1bzvwaf61-3-10-4" }, "flex-end": { defaultClass: "_1bzvwaf62-3-10-4" }, "flex-start": { defaultClass: "_1bzvwaf63-3-10-4" }, "self-end": { defaultClass: "_1bzvwaf64-3-10-4" }, "self-start": { defaultClass: "_1bzvwaf65-3-10-4" }, start: { defaultClass: "_1bzvwaf66-3-10-4" }, baseline: { defaultClass: "_1bzvwaf67-3-10-4" }, normal: { defaultClass: "_1bzvwaf68-3-10-4" }, stretch: { defaultClass: "_1bzvwaf69-3-10-4" } } }, justifyContent: { values: { "space-around": { defaultClass: "_1bzvwaf6a-3-10-4" }, "space-between": { defaultClass: "_1bzvwaf6b-3-10-4" }, "space-evenly": { defaultClass: "_1bzvwaf6c-3-10-4" }, stretch: { defaultClass: "_1bzvwaf6d-3-10-4" }, center: { defaultClass: "_1bzvwaf6e-3-10-4" }, end: { defaultClass: "_1bzvwaf6f-3-10-4" }, "flex-end": { defaultClass: "_1bzvwaf6g-3-10-4" }, "flex-start": { defaultClass: "_1bzvwaf6h-3-10-4" }, start: { defaultClass: "_1bzvwaf6i-3-10-4" }, left: { defaultClass: "_1bzvwaf6j-3-10-4" }, normal: { defaultClass: "_1bzvwaf6k-3-10-4" }, right: { defaultClass: "_1bzvwaf6l-3-10-4" } } }, alignContent: { values: { "space-around": { defaultClass: "_1bzvwaf6m-3-10-4" }, "space-between": { defaultClass: "_1bzvwaf6n-3-10-4" }, "space-evenly": { defaultClass: "_1bzvwaf6o-3-10-4" }, stretch: { defaultClass: "_1bzvwaf6p-3-10-4" }, center: { defaultClass: "_1bzvwaf6q-3-10-4" }, end: { defaultClass: "_1bzvwaf6r-3-10-4" }, "flex-end": { defaultClass: "_1bzvwaf6s-3-10-4" }, "flex-start": { defaultClass: "_1bzvwaf6t-3-10-4" }, start: { defaultClass: "_1bzvwaf6u-3-10-4" }, baseline: { defaultClass: "_1bzvwaf6v-3-10-4" }, normal: { defaultClass: "_1bzvwaf6w-3-10-4" } } }, placeContent: { values: { "space-around": { defaultClass: "_1bzvwaf6x-3-10-4" }, "space-between": { defaultClass: "_1bzvwaf6y-3-10-4" }, "space-evenly": { defaultClass: "_1bzvwaf6z-3-10-4" }, stretch: { defaultClass: "_1bzvwaf70-3-10-4" }, center: { defaultClass: "_1bzvwaf71-3-10-4" }, end: { defaultClass: "_1bzvwaf72-3-10-4" }, "flex-end": { defaultClass: "_1bzvwaf73-3-10-4" }, "flex-start": { defaultClass: "_1bzvwaf74-3-10-4" }, start: { defaultClass: "_1bzvwaf75-3-10-4" }, baseline: { defaultClass: "_1bzvwaf76-3-10-4" }, normal: { defaultClass: "_1bzvwaf77-3-10-4" } } }, display: { values: { flex: { defaultClass: "_1bzvwaf78-3-10-4" }, grid: { defaultClass: "_1bzvwaf79-3-10-4" } } } } };
+var globalSprinkleProperties = { conditions: void 0, styles: { gap: { values: { "0": { defaultClass: "_1bzvwaf0-3-11-0" }, "2": { defaultClass: "_1bzvwaf1-3-11-0" }, "4": { defaultClass: "_1bzvwaf2-3-11-0" }, "6": { defaultClass: "_1bzvwaf3-3-11-0" }, "8": { defaultClass: "_1bzvwaf4-3-11-0" }, "12": { defaultClass: "_1bzvwaf5-3-11-0" }, "16": { defaultClass: "_1bzvwaf6-3-11-0" }, "20": { defaultClass: "_1bzvwaf7-3-11-0" }, "24": { defaultClass: "_1bzvwaf8-3-11-0" }, "32": { defaultClass: "_1bzvwaf9-3-11-0" }, "40": { defaultClass: "_1bzvwafa-3-11-0" }, "48": { defaultClass: "_1bzvwafb-3-11-0" }, "56": { defaultClass: "_1bzvwafc-3-11-0" }, "64": { defaultClass: "_1bzvwafd-3-11-0" } } }, rowGap: { values: { "0": { defaultClass: "_1bzvwafe-3-11-0" }, "2": { defaultClass: "_1bzvwaff-3-11-0" }, "4": { defaultClass: "_1bzvwafg-3-11-0" }, "6": { defaultClass: "_1bzvwafh-3-11-0" }, "8": { defaultClass: "_1bzvwafi-3-11-0" }, "12": { defaultClass: "_1bzvwafj-3-11-0" }, "16": { defaultClass: "_1bzvwafk-3-11-0" }, "20": { defaultClass: "_1bzvwafl-3-11-0" }, "24": { defaultClass: "_1bzvwafm-3-11-0" }, "32": { defaultClass: "_1bzvwafn-3-11-0" }, "40": { defaultClass: "_1bzvwafo-3-11-0" }, "48": { defaultClass: "_1bzvwafp-3-11-0" }, "56": { defaultClass: "_1bzvwafq-3-11-0" }, "64": { defaultClass: "_1bzvwafr-3-11-0" } } }, columnGap: { values: { "0": { defaultClass: "_1bzvwafs-3-11-0" }, "2": { defaultClass: "_1bzvwaft-3-11-0" }, "4": { defaultClass: "_1bzvwafu-3-11-0" }, "6": { defaultClass: "_1bzvwafv-3-11-0" }, "8": { defaultClass: "_1bzvwafw-3-11-0" }, "12": { defaultClass: "_1bzvwafx-3-11-0" }, "16": { defaultClass: "_1bzvwafy-3-11-0" }, "20": { defaultClass: "_1bzvwafz-3-11-0" }, "24": { defaultClass: "_1bzvwaf10-3-11-0" }, "32": { defaultClass: "_1bzvwaf11-3-11-0" }, "40": { defaultClass: "_1bzvwaf12-3-11-0" }, "48": { defaultClass: "_1bzvwaf13-3-11-0" }, "56": { defaultClass: "_1bzvwaf14-3-11-0" }, "64": { defaultClass: "_1bzvwaf15-3-11-0" } } }, paddingTop: { values: { "0": { defaultClass: "_1bzvwaf16-3-11-0" }, "2": { defaultClass: "_1bzvwaf17-3-11-0" }, "4": { defaultClass: "_1bzvwaf18-3-11-0" }, "6": { defaultClass: "_1bzvwaf19-3-11-0" }, "8": { defaultClass: "_1bzvwaf1a-3-11-0" }, "12": { defaultClass: "_1bzvwaf1b-3-11-0" }, "16": { defaultClass: "_1bzvwaf1c-3-11-0" }, "20": { defaultClass: "_1bzvwaf1d-3-11-0" }, "24": { defaultClass: "_1bzvwaf1e-3-11-0" }, "32": { defaultClass: "_1bzvwaf1f-3-11-0" }, "40": { defaultClass: "_1bzvwaf1g-3-11-0" }, "48": { defaultClass: "_1bzvwaf1h-3-11-0" }, "56": { defaultClass: "_1bzvwaf1i-3-11-0" }, "64": { defaultClass: "_1bzvwaf1j-3-11-0" } } }, paddingBottom: { values: { "0": { defaultClass: "_1bzvwaf1k-3-11-0" }, "2": { defaultClass: "_1bzvwaf1l-3-11-0" }, "4": { defaultClass: "_1bzvwaf1m-3-11-0" }, "6": { defaultClass: "_1bzvwaf1n-3-11-0" }, "8": { defaultClass: "_1bzvwaf1o-3-11-0" }, "12": { defaultClass: "_1bzvwaf1p-3-11-0" }, "16": { defaultClass: "_1bzvwaf1q-3-11-0" }, "20": { defaultClass: "_1bzvwaf1r-3-11-0" }, "24": { defaultClass: "_1bzvwaf1s-3-11-0" }, "32": { defaultClass: "_1bzvwaf1t-3-11-0" }, "40": { defaultClass: "_1bzvwaf1u-3-11-0" }, "48": { defaultClass: "_1bzvwaf1v-3-11-0" }, "56": { defaultClass: "_1bzvwaf1w-3-11-0" }, "64": { defaultClass: "_1bzvwaf1x-3-11-0" } } }, paddingLeft: { values: { "0": { defaultClass: "_1bzvwaf1y-3-11-0" }, "2": { defaultClass: "_1bzvwaf1z-3-11-0" }, "4": { defaultClass: "_1bzvwaf20-3-11-0" }, "6": { defaultClass: "_1bzvwaf21-3-11-0" }, "8": { defaultClass: "_1bzvwaf22-3-11-0" }, "12": { defaultClass: "_1bzvwaf23-3-11-0" }, "16": { defaultClass: "_1bzvwaf24-3-11-0" }, "20": { defaultClass: "_1bzvwaf25-3-11-0" }, "24": { defaultClass: "_1bzvwaf26-3-11-0" }, "32": { defaultClass: "_1bzvwaf27-3-11-0" }, "40": { defaultClass: "_1bzvwaf28-3-11-0" }, "48": { defaultClass: "_1bzvwaf29-3-11-0" }, "56": { defaultClass: "_1bzvwaf2a-3-11-0" }, "64": { defaultClass: "_1bzvwaf2b-3-11-0" } } }, paddingRight: { values: { "0": { defaultClass: "_1bzvwaf2c-3-11-0" }, "2": { defaultClass: "_1bzvwaf2d-3-11-0" }, "4": { defaultClass: "_1bzvwaf2e-3-11-0" }, "6": { defaultClass: "_1bzvwaf2f-3-11-0" }, "8": { defaultClass: "_1bzvwaf2g-3-11-0" }, "12": { defaultClass: "_1bzvwaf2h-3-11-0" }, "16": { defaultClass: "_1bzvwaf2i-3-11-0" }, "20": { defaultClass: "_1bzvwaf2j-3-11-0" }, "24": { defaultClass: "_1bzvwaf2k-3-11-0" }, "32": { defaultClass: "_1bzvwaf2l-3-11-0" }, "40": { defaultClass: "_1bzvwaf2m-3-11-0" }, "48": { defaultClass: "_1bzvwaf2n-3-11-0" }, "56": { defaultClass: "_1bzvwaf2o-3-11-0" }, "64": { defaultClass: "_1bzvwaf2p-3-11-0" } } }, marginTop: { values: { "0": { defaultClass: "_1bzvwaf2q-3-11-0" }, "2": { defaultClass: "_1bzvwaf2r-3-11-0" }, "4": { defaultClass: "_1bzvwaf2s-3-11-0" }, "6": { defaultClass: "_1bzvwaf2t-3-11-0" }, "8": { defaultClass: "_1bzvwaf2u-3-11-0" }, "12": { defaultClass: "_1bzvwaf2v-3-11-0" }, "16": { defaultClass: "_1bzvwaf2w-3-11-0" }, "20": { defaultClass: "_1bzvwaf2x-3-11-0" }, "24": { defaultClass: "_1bzvwaf2y-3-11-0" }, "32": { defaultClass: "_1bzvwaf2z-3-11-0" }, "40": { defaultClass: "_1bzvwaf30-3-11-0" }, "48": { defaultClass: "_1bzvwaf31-3-11-0" }, "56": { defaultClass: "_1bzvwaf32-3-11-0" }, "64": { defaultClass: "_1bzvwaf33-3-11-0" }, auto: { defaultClass: "_1bzvwaf34-3-11-0" } } }, marginBottom: { values: { "0": { defaultClass: "_1bzvwaf35-3-11-0" }, "2": { defaultClass: "_1bzvwaf36-3-11-0" }, "4": { defaultClass: "_1bzvwaf37-3-11-0" }, "6": { defaultClass: "_1bzvwaf38-3-11-0" }, "8": { defaultClass: "_1bzvwaf39-3-11-0" }, "12": { defaultClass: "_1bzvwaf3a-3-11-0" }, "16": { defaultClass: "_1bzvwaf3b-3-11-0" }, "20": { defaultClass: "_1bzvwaf3c-3-11-0" }, "24": { defaultClass: "_1bzvwaf3d-3-11-0" }, "32": { defaultClass: "_1bzvwaf3e-3-11-0" }, "40": { defaultClass: "_1bzvwaf3f-3-11-0" }, "48": { defaultClass: "_1bzvwaf3g-3-11-0" }, "56": { defaultClass: "_1bzvwaf3h-3-11-0" }, "64": { defaultClass: "_1bzvwaf3i-3-11-0" }, auto: { defaultClass: "_1bzvwaf3j-3-11-0" } } }, marginLeft: { values: { "0": { defaultClass: "_1bzvwaf3k-3-11-0" }, "2": { defaultClass: "_1bzvwaf3l-3-11-0" }, "4": { defaultClass: "_1bzvwaf3m-3-11-0" }, "6": { defaultClass: "_1bzvwaf3n-3-11-0" }, "8": { defaultClass: "_1bzvwaf3o-3-11-0" }, "12": { defaultClass: "_1bzvwaf3p-3-11-0" }, "16": { defaultClass: "_1bzvwaf3q-3-11-0" }, "20": { defaultClass: "_1bzvwaf3r-3-11-0" }, "24": { defaultClass: "_1bzvwaf3s-3-11-0" }, "32": { defaultClass: "_1bzvwaf3t-3-11-0" }, "40": { defaultClass: "_1bzvwaf3u-3-11-0" }, "48": { defaultClass: "_1bzvwaf3v-3-11-0" }, "56": { defaultClass: "_1bzvwaf3w-3-11-0" }, "64": { defaultClass: "_1bzvwaf3x-3-11-0" }, auto: { defaultClass: "_1bzvwaf3y-3-11-0" } } }, marginRight: { values: { "0": { defaultClass: "_1bzvwaf3z-3-11-0" }, "2": { defaultClass: "_1bzvwaf40-3-11-0" }, "4": { defaultClass: "_1bzvwaf41-3-11-0" }, "6": { defaultClass: "_1bzvwaf42-3-11-0" }, "8": { defaultClass: "_1bzvwaf43-3-11-0" }, "12": { defaultClass: "_1bzvwaf44-3-11-0" }, "16": { defaultClass: "_1bzvwaf45-3-11-0" }, "20": { defaultClass: "_1bzvwaf46-3-11-0" }, "24": { defaultClass: "_1bzvwaf47-3-11-0" }, "32": { defaultClass: "_1bzvwaf48-3-11-0" }, "40": { defaultClass: "_1bzvwaf49-3-11-0" }, "48": { defaultClass: "_1bzvwaf4a-3-11-0" }, "56": { defaultClass: "_1bzvwaf4b-3-11-0" }, "64": { defaultClass: "_1bzvwaf4c-3-11-0" }, auto: { defaultClass: "_1bzvwaf4d-3-11-0" } } }, justifySelf: { values: { center: { defaultClass: "_1bzvwaf4e-3-11-0" }, end: { defaultClass: "_1bzvwaf4f-3-11-0" }, "flex-end": { defaultClass: "_1bzvwaf4g-3-11-0" }, "flex-start": { defaultClass: "_1bzvwaf4h-3-11-0" }, "self-end": { defaultClass: "_1bzvwaf4i-3-11-0" }, "self-start": { defaultClass: "_1bzvwaf4j-3-11-0" }, start: { defaultClass: "_1bzvwaf4k-3-11-0" }, auto: { defaultClass: "_1bzvwaf4l-3-11-0" }, baseline: { defaultClass: "_1bzvwaf4m-3-11-0" }, left: { defaultClass: "_1bzvwaf4n-3-11-0" }, normal: { defaultClass: "_1bzvwaf4o-3-11-0" }, right: { defaultClass: "_1bzvwaf4p-3-11-0" }, stretch: { defaultClass: "_1bzvwaf4q-3-11-0" } } }, alignSelf: { values: { center: { defaultClass: "_1bzvwaf4r-3-11-0" }, end: { defaultClass: "_1bzvwaf4s-3-11-0" }, "flex-end": { defaultClass: "_1bzvwaf4t-3-11-0" }, "flex-start": { defaultClass: "_1bzvwaf4u-3-11-0" }, "self-end": { defaultClass: "_1bzvwaf4v-3-11-0" }, "self-start": { defaultClass: "_1bzvwaf4w-3-11-0" }, start: { defaultClass: "_1bzvwaf4x-3-11-0" }, auto: { defaultClass: "_1bzvwaf4y-3-11-0" }, baseline: { defaultClass: "_1bzvwaf4z-3-11-0" }, normal: { defaultClass: "_1bzvwaf50-3-11-0" }, stretch: { defaultClass: "_1bzvwaf51-3-11-0" } } }, placeSelf: { values: { center: { defaultClass: "_1bzvwaf52-3-11-0" }, end: { defaultClass: "_1bzvwaf53-3-11-0" }, "flex-end": { defaultClass: "_1bzvwaf54-3-11-0" }, "flex-start": { defaultClass: "_1bzvwaf55-3-11-0" }, "self-end": { defaultClass: "_1bzvwaf56-3-11-0" }, "self-start": { defaultClass: "_1bzvwaf57-3-11-0" }, start: { defaultClass: "_1bzvwaf58-3-11-0" }, auto: { defaultClass: "_1bzvwaf59-3-11-0" }, baseline: { defaultClass: "_1bzvwaf5a-3-11-0" }, normal: { defaultClass: "_1bzvwaf5b-3-11-0" }, stretch: { defaultClass: "_1bzvwaf5c-3-11-0" } } }, justifyItems: { values: { center: { defaultClass: "_1bzvwaf5d-3-11-0" }, end: { defaultClass: "_1bzvwaf5e-3-11-0" }, "flex-end": { defaultClass: "_1bzvwaf5f-3-11-0" }, "flex-start": { defaultClass: "_1bzvwaf5g-3-11-0" }, "self-end": { defaultClass: "_1bzvwaf5h-3-11-0" }, "self-start": { defaultClass: "_1bzvwaf5i-3-11-0" }, start: { defaultClass: "_1bzvwaf5j-3-11-0" }, baseline: { defaultClass: "_1bzvwaf5k-3-11-0" }, left: { defaultClass: "_1bzvwaf5l-3-11-0" }, legacy: { defaultClass: "_1bzvwaf5m-3-11-0" }, normal: { defaultClass: "_1bzvwaf5n-3-11-0" }, right: { defaultClass: "_1bzvwaf5o-3-11-0" }, stretch: { defaultClass: "_1bzvwaf5p-3-11-0" } } }, alignItems: { values: { center: { defaultClass: "_1bzvwaf5q-3-11-0" }, end: { defaultClass: "_1bzvwaf5r-3-11-0" }, "flex-end": { defaultClass: "_1bzvwaf5s-3-11-0" }, "flex-start": { defaultClass: "_1bzvwaf5t-3-11-0" }, "self-end": { defaultClass: "_1bzvwaf5u-3-11-0" }, "self-start": { defaultClass: "_1bzvwaf5v-3-11-0" }, start: { defaultClass: "_1bzvwaf5w-3-11-0" }, baseline: { defaultClass: "_1bzvwaf5x-3-11-0" }, normal: { defaultClass: "_1bzvwaf5y-3-11-0" }, stretch: { defaultClass: "_1bzvwaf5z-3-11-0" } } }, placeItems: { values: { center: { defaultClass: "_1bzvwaf60-3-11-0" }, end: { defaultClass: "_1bzvwaf61-3-11-0" }, "flex-end": { defaultClass: "_1bzvwaf62-3-11-0" }, "flex-start": { defaultClass: "_1bzvwaf63-3-11-0" }, "self-end": { defaultClass: "_1bzvwaf64-3-11-0" }, "self-start": { defaultClass: "_1bzvwaf65-3-11-0" }, start: { defaultClass: "_1bzvwaf66-3-11-0" }, baseline: { defaultClass: "_1bzvwaf67-3-11-0" }, normal: { defaultClass: "_1bzvwaf68-3-11-0" }, stretch: { defaultClass: "_1bzvwaf69-3-11-0" } } }, justifyContent: { values: { "space-around": { defaultClass: "_1bzvwaf6a-3-11-0" }, "space-between": { defaultClass: "_1bzvwaf6b-3-11-0" }, "space-evenly": { defaultClass: "_1bzvwaf6c-3-11-0" }, stretch: { defaultClass: "_1bzvwaf6d-3-11-0" }, center: { defaultClass: "_1bzvwaf6e-3-11-0" }, end: { defaultClass: "_1bzvwaf6f-3-11-0" }, "flex-end": { defaultClass: "_1bzvwaf6g-3-11-0" }, "flex-start": { defaultClass: "_1bzvwaf6h-3-11-0" }, start: { defaultClass: "_1bzvwaf6i-3-11-0" }, left: { defaultClass: "_1bzvwaf6j-3-11-0" }, normal: { defaultClass: "_1bzvwaf6k-3-11-0" }, right: { defaultClass: "_1bzvwaf6l-3-11-0" } } }, alignContent: { values: { "space-around": { defaultClass: "_1bzvwaf6m-3-11-0" }, "space-between": { defaultClass: "_1bzvwaf6n-3-11-0" }, "space-evenly": { defaultClass: "_1bzvwaf6o-3-11-0" }, stretch: { defaultClass: "_1bzvwaf6p-3-11-0" }, center: { defaultClass: "_1bzvwaf6q-3-11-0" }, end: { defaultClass: "_1bzvwaf6r-3-11-0" }, "flex-end": { defaultClass: "_1bzvwaf6s-3-11-0" }, "flex-start": { defaultClass: "_1bzvwaf6t-3-11-0" }, start: { defaultClass: "_1bzvwaf6u-3-11-0" }, baseline: { defaultClass: "_1bzvwaf6v-3-11-0" }, normal: { defaultClass: "_1bzvwaf6w-3-11-0" } } }, placeContent: { values: { "space-around": { defaultClass: "_1bzvwaf6x-3-11-0" }, "space-between": { defaultClass: "_1bzvwaf6y-3-11-0" }, "space-evenly": { defaultClass: "_1bzvwaf6z-3-11-0" }, stretch: { defaultClass: "_1bzvwaf70-3-11-0" }, center: { defaultClass: "_1bzvwaf71-3-11-0" }, end: { defaultClass: "_1bzvwaf72-3-11-0" }, "flex-end": { defaultClass: "_1bzvwaf73-3-11-0" }, "flex-start": { defaultClass: "_1bzvwaf74-3-11-0" }, start: { defaultClass: "_1bzvwaf75-3-11-0" }, baseline: { defaultClass: "_1bzvwaf76-3-11-0" }, normal: { defaultClass: "_1bzvwaf77-3-11-0" } } }, display: { values: { flex: { defaultClass: "_1bzvwaf78-3-11-0" }, grid: { defaultClass: "_1bzvwaf79-3-11-0" } } } } };
 var internalSprinkles = (0, import_createRuntimeSprinkles.createSprinkles)(globalSprinkleProperties);

package/styles/textStyle.css

@@ -1,4 +1,4 @@
-._da9a8v7-3-10-4 {
+._da9a8v7-3-11-0 {
   font-family: var(--dt-typography-code-base-default-family, Roboto Mono,monospace);
   font-weight: var(--dt-typography-code-base-default-weight, 400);
   font-size: var(--dt-typography-code-base-default-size, 14px);
@@ -6,7 +6,7 @@
   text-decoration: var(--dt-typography-code-base-default-text-decoration, none);
   text-transform: var(--dt-typography-code-base-default-text-transform, none);
 }
-._da9a8v8-3-10-4 {
+._da9a8v8-3-11-0 {
   font-family: var(--dt-typography-code-base-emphasized-family, Roboto Mono,monospace);
   font-weight: var(--dt-typography-code-base-emphasized-weight, 500);
   font-size: var(--dt-typography-code-base-emphasized-size, 14px);
@@ -14,7 +14,7 @@
   text-decoration: var(--dt-typography-code-base-emphasized-text-decoration, none);
   text-transform: var(--dt-typography-code-base-emphasized-text-transform, none);
 }
-._da9a8v9-3-10-4 {
+._da9a8v9-3-11-0 {
   font-family: var(--dt-typography-code-small-default-family, Roboto Mono,monospace);
   font-weight: var(--dt-typography-code-small-default-weight, 400);
   font-size: var(--dt-typography-code-small-default-size, 12px);
@@ -22,7 +22,7 @@
   text-decoration: var(--dt-typography-code-small-default-text-decoration, none);
   text-transform: var(--dt-typography-code-small-default-text-transform, none);
 }
-._da9a8va-3-10-4 {
+._da9a8va-3-11-0 {
   font-family: var(--dt-typography-code-small-emphasized-family, Roboto Mono,monospace);
   font-weight: var(--dt-typography-code-small-emphasized-weight, 500);
   font-size: var(--dt-typography-code-small-emphasized-size, 12px);
@@ -30,7 +30,7 @@
   text-decoration: var(--dt-typography-code-small-emphasized-text-decoration, none);
   text-transform: var(--dt-typography-code-small-emphasized-text-transform, none);
 }
-._da9a8vb-3-10-4 {
+._da9a8vb-3-11-0 {
   font-family: var(--dt-typography-text-base-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-weight: var(--dt-typography-text-base-default-weight, 400);
   font-size: var(--dt-typography-text-base-default-size, 14px);
@@ -38,7 +38,7 @@
   text-decoration: var(--dt-typography-text-base-default-text-decoration, none);
   text-transform: var(--dt-typography-text-base-default-text-transform, none);
 }
-._da9a8vc-3-10-4 {
+._da9a8vc-3-11-0 {
   font-family: var(--dt-typography-text-base-emphasized-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-weight: var(--dt-typography-text-base-emphasized-weight, 500);
   font-size: var(--dt-typography-text-base-emphasized-size, 14px);
@@ -46,7 +46,7 @@
   text-decoration: var(--dt-typography-text-base-emphasized-text-decoration, none);
   text-transform: var(--dt-typography-text-base-emphasized-text-transform, none);
 }
-._da9a8vd-3-10-4 {
+._da9a8vd-3-11-0 {
   font-family: var(--dt-typography-text-small-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-weight: var(--dt-typography-text-small-default-weight, 400);
   font-size: var(--dt-typography-text-small-default-size, 12px);
@@ -54,7 +54,7 @@
   text-decoration: var(--dt-typography-text-small-default-text-decoration, none);
   text-transform: var(--dt-typography-text-small-default-text-transform, none);
 }
-._da9a8ve-3-10-4 {
+._da9a8ve-3-11-0 {
   font-family: var(--dt-typography-text-small-emphasized-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-weight: var(--dt-typography-text-small-emphasized-weight, 500);
   font-size: var(--dt-typography-text-small-emphasized-size, 12px);

package/styles/textStyle.sty.js

@@ -22,4 +22,4 @@ __export(textStyle_css_exports, {
 module.exports = __toCommonJS(textStyle_css_exports);
 var import_textStyle_css_ts_vanilla = require("./textStyle.css");
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var textStyle = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_da9a8v0-3-10-4", variantClassNames: { fontStyle: { code: "_da9a8v1-3-10-4", text: "_da9a8v2-3-10-4" }, textStyle: { base: "_da9a8v3-3-10-4", "base-emphasized": "_da9a8v4-3-10-4", small: "_da9a8v5-3-10-4", "small-emphasized": "_da9a8v6-3-10-4" } }, defaultVariants: { fontStyle: "text", textStyle: "base" }, compoundVariants: [[{ fontStyle: "code", textStyle: "base" }, "_da9a8v7-3-10-4"], [{ fontStyle: "code", textStyle: "base-emphasized" }, "_da9a8v8-3-10-4"], [{ fontStyle: "code", textStyle: "small" }, "_da9a8v9-3-10-4"], [{ fontStyle: "code", textStyle: "small-emphasized" }, "_da9a8va-3-10-4"], [{ fontStyle: "text", textStyle: "base" }, "_da9a8vb-3-10-4"], [{ fontStyle: "text", textStyle: "base-emphasized" }, "_da9a8vc-3-10-4"], [{ fontStyle: "text", textStyle: "small" }, "_da9a8vd-3-10-4"], [{ fontStyle: "text", textStyle: "small-emphasized" }, "_da9a8ve-3-10-4"]] });
+var textStyle = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_da9a8v0-3-11-0", variantClassNames: { fontStyle: { code: "_da9a8v1-3-11-0", text: "_da9a8v2-3-11-0" }, textStyle: { base: "_da9a8v3-3-11-0", "base-emphasized": "_da9a8v4-3-11-0", small: "_da9a8v5-3-11-0", "small-emphasized": "_da9a8v6-3-11-0" } }, defaultVariants: { fontStyle: "text", textStyle: "base" }, compoundVariants: [[{ fontStyle: "code", textStyle: "base" }, "_da9a8v7-3-11-0"], [{ fontStyle: "code", textStyle: "base-emphasized" }, "_da9a8v8-3-11-0"], [{ fontStyle: "code", textStyle: "small" }, "_da9a8v9-3-11-0"], [{ fontStyle: "code", textStyle: "small-emphasized" }, "_da9a8va-3-11-0"], [{ fontStyle: "text", textStyle: "base" }, "_da9a8vb-3-11-0"], [{ fontStyle: "text", textStyle: "base-emphasized" }, "_da9a8vc-3-11-0"], [{ fontStyle: "text", textStyle: "small" }, "_da9a8vd-3-11-0"], [{ fontStyle: "text", textStyle: "small-emphasized" }, "_da9a8ve-3-11-0"]] });

package/tables/DataTable/DataTable.css

@@ -1,4 +1,4 @@
-._14sp6az0-3-10-4 {
+._14sp6az0-3-11-0 {
   display: flex;
   flex-direction: column;
   height: 100%;
@@ -7,7 +7,7 @@
   max-height: 100%;
   max-width: max-content;
 }
-._14sp6az1-3-10-4 {
+._14sp6az1-3-11-0 {
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 100%;

package/tables/DataTable/DataTable.js

@@ -31,6 +31,7 @@ __export(DataTable_exports, {
 });
 module.exports = __toCommonJS(DataTable_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
+var import_react_store = require("@tanstack/react-store");
 var import_react_table = require("@tanstack/react-table");
 var import_clsx = __toESM(require("clsx"));
 var import_react = require("react");
@@ -107,14 +108,6 @@ var import_createCoreRowModel = require("./features/createCoreRowModel.js");
 var import_Pagination = require("./features/Pagination/Pagination.js");
 var import_messages = require("./messages.js");
 const COMPONENT_NAME = "DataTable";
-const dataTableStoreSelector = (state) => ({
-  columnResizing: state.columnResizing,
-  draggingRowInfo: state.draggingRowInfo,
-  draggedHeaderColumn: state.draggedHeaderColumn,
-  floatingMenuInfo: state.floatingMenuInfo,
-  openMenuRowId: state.openMenuRowId,
-  ganttAnnotationsSelection: state.ganttAnnotationsSelection
-});
 function InternalDataTable(props, forwardedRef) {
   const {
     children,
@@ -198,20 +191,17 @@ function InternalDataTable(props, forwardedRef) {
     options
   );
   options.columns = (0, import_useBuiltInColumns.useBuiltInColumns)(options);
-  const table = (0, import_react_table.useTable)(
-    {
-      _rowModels: {
-        coreRowModel: (0, import_createCoreRowModel.createCoreRowModel)(),
-        expandedRowModel: (0, import_subrows_row_model.createExpandedRowModel)(),
-        sortedRowModel: (0, import_sorted_row_model.createSortedRowModel)(),
-        paginatedRowModel: (0, import_pagination_row_model.createPaginatedRowModel)(),
-        detailsRowModel: (0, import_details_row_model.createRowDetailsRowModel)(),
-        rowOrderRowModel: (0, import_row_order_model.createRowOrderRowModel)()
-      },
-      ...options
+  const table = (0, import_react_table.useTable)({
+    _rowModels: {
+      coreRowModel: (0, import_createCoreRowModel.createCoreRowModel)(),
+      expandedRowModel: (0, import_subrows_row_model.createExpandedRowModel)(),
+      sortedRowModel: (0, import_sorted_row_model.createSortedRowModel)(),
+      paginatedRowModel: (0, import_pagination_row_model.createPaginatedRowModel)(),
+      detailsRowModel: (0, import_details_row_model.createRowDetailsRowModel)(),
+      rowOrderRowModel: (0, import_row_order_model.createRowOrderRowModel)()
     },
-    dataTableStoreSelector
-  );
+    ...options
+  });
   const initialRender = (0, import_react.useRef)(true);
   (0, import_react.useEffect)(() => {
     if (initialRender.current === true) {
@@ -233,6 +223,10 @@ function InternalDataTable(props, forwardedRef) {
   (0, import_useColumnRemeasure.useColumnRemeasure)(table);
   (0, import_usePaginationEmptyPageCorrection.usePaginationEmptyPageCorrection)(table);
   const DevTools = (0, import_DevTools._getDevToolsSlot)(props, table);
+  const isResizingColumn = (0, import_react_store.useSelector)(
+    table.atoms.columnResizing,
+    (columnSizingState) => columnSizingState?.isResizingColumn ?? false
+  );
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "div",
@@ -242,7 +236,7 @@ function InternalDataTable(props, forwardedRef) {
           styles.dataTable,
           {
             [styles.fullWidth]: fullWidth,
-            [styles.notResizing]: table.atoms.columnResizing?.get().isResizingColumn === false
+            [styles.notResizing]: isResizingColumn === false
           },
           {
             [thresholdStyles.hasPillThresholds]: table.options.hasThresholds && table.options.rowThresholds?.some(
@@ -253,6 +247,7 @@ function InternalDataTable(props, forwardedRef) {
         ),
         style: consumerStyle,
         "data-testid": dataTestId,
+        role: "region",
         "data-dtrum-mask": dataDtrumMask,
         "data-dtrum-allow": dataDtrumAllow,
         "aria-label": ariaLabel ?? defaultAriaLabel,

package/tables/DataTable/DataTable.sty.js

@@ -27,10 +27,10 @@ __export(DataTable_css_exports, {
 });
 module.exports = __toCommonJS(DataTable_css_exports);
 var import_DataTable_css_ts_vanilla = require("./DataTable.css");
-var dataTable = "_14sp6az0-3-10-4";
-var firstBodyRow = "_14sp6az5-3-10-4";
-var fullWidth = "_14sp6az1-3-10-4";
-var lastBodyRow = "_14sp6az6-3-10-4";
-var notResizing = "_14sp6az2-3-10-4";
-var pinnedCellInDragOverlay = "_14sp6az4-3-10-4";
-var prefixColumn = "_14sp6az3-3-10-4";
+var dataTable = "_14sp6az0-3-11-0";
+var firstBodyRow = "_14sp6az5-3-11-0";
+var fullWidth = "_14sp6az1-3-11-0";
+var lastBodyRow = "_14sp6az6-3-11-0";
+var notResizing = "_14sp6az2-3-11-0";
+var pinnedCellInDragOverlay = "_14sp6az4-3-11-0";
+var prefixColumn = "_14sp6az3-3-11-0";

package/tables/DataTable/components/Alignment.css

@@ -1,21 +1,21 @@
-._yj6voi0-3-10-4 {
+._yj6voi0-3-11-0 {
   text-align: right;
   justify-content: end;
 }
-._yj6voi1-3-10-4 {
+._yj6voi1-3-11-0 {
   text-align: left;
   justify-content: start;
 }
-._yj6voi2-3-10-4 {
+._yj6voi2-3-11-0 {
   text-align: center;
   justify-content: center;
 }
-._yj6voi3-3-10-4 {
+._yj6voi3-3-11-0 {
   align-items: start;
 }
-._yj6voi4-3-10-4 {
+._yj6voi4-3-11-0 {
   align-items: center;
 }
-._yj6voi5-3-10-4 {
+._yj6voi5-3-11-0 {
   align-items: end;
 }

package/tables/DataTable/components/Alignment.sty.js

@@ -22,5 +22,5 @@ __export(Alignment_css_exports, {
 });
 module.exports = __toCommonJS(Alignment_css_exports);
 var import_Alignment_css_ts_vanilla = require("./Alignment.css");
-var horizontalAlignment = { right: "_yj6voi0-3-10-4", left: "_yj6voi1-3-10-4", center: "_yj6voi2-3-10-4" };
-var verticalAlignment = { top: "_yj6voi3-3-10-4", center: "_yj6voi4-3-10-4", bottom: "_yj6voi5-3-10-4" };
+var horizontalAlignment = { right: "_yj6voi0-3-11-0", left: "_yj6voi1-3-11-0", center: "_yj6voi2-3-11-0" };
+var verticalAlignment = { top: "_yj6voi3-3-11-0", center: "_yj6voi4-3-11-0", bottom: "_yj6voi5-3-11-0" };

package/tables/DataTable/components/BuiltinColumnHeaderName.d.ts

@@ -0,0 +1,10 @@
+import type { JSX } from 'react';
+import type { MessageDescriptor } from 'react-intl';
+/**
+ * Renders a visually-hidden accessible name for built-in columns that have no visible header text.
+ * @internal
+ */
+export declare function BuiltinColumnHeaderName({ message, }: {
+    readonly message: MessageDescriptor;
+}): JSX.Element;
+//# sourceMappingURL=BuiltinColumnHeaderName.d.ts.map

package/tables/DataTable/components/BuiltinColumnHeaderName.js

@@ -0,0 +1,31 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var BuiltinColumnHeaderName_exports = {};
+__export(BuiltinColumnHeaderName_exports, {
+  BuiltinColumnHeaderName: () => BuiltinColumnHeaderName
+});
+module.exports = __toCommonJS(BuiltinColumnHeaderName_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react_intl = require("react-intl");
+var import_VisuallyHidden = require("../../../core/components/visually-hidden/VisuallyHidden.js");
+function BuiltinColumnHeaderName({
+  message
+}) {
+  const intl = (0, import_react_intl.useIntl)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_VisuallyHidden.VisuallyHidden, { children: intl.formatMessage(message) });
+}

package/tables/DataTable/components/ColumnPinning/DataTablePinningShadowCells.css

@@ -1,14 +1,14 @@
-._1tlws2p2-3-10-4 {
+._1tlws2p2-3-11-0 {
   z-index: 2;
-  left: var(--resizing-leftPosition, var(--_1tlws2p0-3-10-4));
+  left: var(--resizing-leftPosition, var(--_1tlws2p0-3-11-0));
 }
-._1tlws2p2-3-10-4::after {
+._1tlws2p2-3-11-0::after {
   right: -50px;
 }
-._1tlws2p3-3-10-4 {
+._1tlws2p3-3-11-0 {
   z-index: 3;
-  right: var(--resizing-rightPosition, var(--_1tlws2p1-3-10-4));
+  right: var(--resizing-rightPosition, var(--_1tlws2p1-3-11-0));
 }
-._1tlws2p3-3-10-4::after {
+._1tlws2p3-3-11-0::after {
   left: -50px;
 }

package/tables/DataTable/components/ColumnPinning/DataTablePinningShadowCells.sty.js

@@ -24,6 +24,6 @@ __export(DataTablePinningShadowCells_css_exports, {
 module.exports = __toCommonJS(DataTablePinningShadowCells_css_exports);
 var import_DataTableScrollShadow_css_ts_vanilla = require("../DataTableScrollShadow.css");
 var import_DataTablePinningShadowCells_css_ts_vanilla = require("./DataTablePinningShadowCells.css");
-var leftPositionVar = "var(--_1tlws2p0-3-10-4)";
-var pinningShadowCell = { left: "_1tlws2p2-3-10-4 _1al677r1-3-10-4 _1al677r0-3-10-4", right: "_1tlws2p3-3-10-4 _1al677r2-3-10-4 _1al677r0-3-10-4" };
-var rightPositionVar = "var(--_1tlws2p1-3-10-4)";
+var leftPositionVar = "var(--_1tlws2p0-3-11-0)";
+var pinningShadowCell = { left: "_1tlws2p2-3-11-0 _1al677r1-3-11-0 _1al677r0-3-11-0", right: "_1tlws2p3-3-11-0 _1al677r2-3-11-0 _1al677r0-3-11-0" };
+var rightPositionVar = "var(--_1tlws2p1-3-11-0)";

package/tables/DataTable/components/DataTableBody.css

@@ -1,4 +1,4 @@
-._51sfnf0-3-10-4 {
+._51sfnf0-3-11-0 {
   display: grid;
   grid-template-columns: subgrid;
   grid-column-start: 1;
@@ -7,6 +7,6 @@
   grid-row-start: body-start;
   grid-row-end: body-end;
 }
-._51sfnf1-3-10-4 {
+._51sfnf1-3-11-0 {
   opacity: 0.2;
 }

package/tables/DataTable/components/DataTableBody.js

@@ -73,53 +73,72 @@ function DataTableBody(props) {
   );
   const firstRenderedRowIndex = rows.at(0)?.index;
   const virtualColumns = columnVirtualizer.getVirtualItems();
-  const draggingRowId = table.atoms.draggingRowInfo?.get()?.id;
-  const draggingRowIdExpanded = `${draggingRowId}${import_constants.DATA_TABLE_ROW_EXPANDED_ID_SUFFIX}`;
   const rowElements = rowVirtualizer.getVirtualItems().map((virtualRow, index) => {
     const originalRow = rows[virtualRow.index];
     let parity = virtualRow.index % 2 === 0 ? "even" : "odd";
-    const isDraggedRow = draggingRowId === void 0 ? false : originalRow.id === draggingRowId || originalRow.id === draggingRowIdExpanded;
     const detailsParity = originalRow[import_constants.DATA_TABLE_DETAILS_ROW_PARITY];
     if (detailsParity !== void 0) {
       parity = detailsParity;
     }
+    const selectIsDraggedRow = (draggingRowInfo) => {
+      if (!draggingRowInfo) {
+        return false;
+      }
+      const draggingRowId = draggingRowInfo.id;
+      const draggingRowIdExpanded = `${draggingRowId}${import_constants.DATA_TABLE_ROW_EXPANDED_ID_SUFFIX}`;
+      return originalRow.id === draggingRowId || originalRow.id === draggingRowIdExpanded;
+    };
     if (originalRow[import_constants.DATA_TABLE_DETAILS_ROW_IDENTIFIER] === true) {
       return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_RowDetailsElement.RowDetailsElement,
+        table.Subscribe,
         {
-          originalRow,
-          virtualRow,
-          virtualItemIndex: index,
-          rowSeparation: table.atoms.visualVariantConfig?.get()?.rowSeparation,
-          rowParity: parity,
-          isLastRowOnPage: virtualRow.index === rows.length - 1,
-          rowMeasure,
-          isDraggedRow,
-          children: table.options.rowDetailsTemplate?.({
-            row: originalRow.original
-          })
+          source: table.atoms.draggingRowInfo,
+          selector: selectIsDraggedRow,
+          children: (isDraggedRow) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_RowDetailsElement.RowDetailsElement,
+            {
+              originalRow,
+              virtualRow,
+              virtualItemIndex: index,
+              rowSeparation: table.atoms.visualVariantConfig?.get()?.rowSeparation,
+              rowParity: parity,
+              isLastRowOnPage: virtualRow.index === rows.length - 1,
+              rowMeasure,
+              isDraggedRow,
+              children: table.options.rowDetailsTemplate?.({
+                row: originalRow.original
+              })
+            }
+          )
         },
         originalRow.id
       );
     }
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_DataTableRow.DataTableRow,
+      table.Subscribe,
       {
-        row: originalRow,
-        virtualRow,
-        virtualItemIndex: index,
-        rowCount: rows.length,
-        virtualColumns,
-        isDraggedRow,
-        isInDragOverlay: false,
-        rowParity: parity,
-        rowMeasure,
-        columnMeasure: (
-          // For columns, only measure the first rendered row.
-          // All other rows will have the same column widths.
-          firstRenderedRowIndex === virtualRow.index ? columnMeasure : void 0
-        ),
-        scrollToIndex: rowVirtualizer.scrollToIndex
+        source: table.atoms.draggingRowInfo,
+        selector: selectIsDraggedRow,
+        children: (isDraggedRow) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_DataTableRow.DataTableRow,
+          {
+            row: originalRow,
+            virtualRow,
+            virtualItemIndex: index,
+            rowCount: rows.length,
+            virtualColumns,
+            isDraggedRow,
+            isInDragOverlay: false,
+            rowParity: parity,
+            rowMeasure,
+            columnMeasure: (
+              // For columns, only measure the first rendered row.
+              // All other rows will have the same column widths.
+              firstRenderedRowIndex === virtualRow.index ? columnMeasure : void 0
+            ),
+            scrollToIndex: rowVirtualizer.scrollToIndex
+          }
+        )
       },
       `row-${virtualRow.key}`
     );

package/tables/DataTable/components/DataTableBody.sty.js

@@ -22,5 +22,5 @@ __export(DataTableBody_css_exports, {
 });
 module.exports = __toCommonJS(DataTableBody_css_exports);
 var import_DataTableBody_css_ts_vanilla = require("./DataTableBody.css");
-var body = "_51sfnf0-3-10-4";
-var loading = "_51sfnf1-3-10-4";
+var body = "_51sfnf0-3-11-0";
+var loading = "_51sfnf1-3-11-0";