@dynatrace/strato-components 0.85.60 → 0.85.100

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

package/styles/textStyle.css

@@ -1,4 +1,4 @@
-.da9a8v7 {
+._da9a8v7-0-85-100 {
   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 {
+._da9a8v8-0-85-100 {
   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 {
+._da9a8v9-0-85-100 {
   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 {
+._da9a8va-0-85-100 {
   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 {
+._da9a8vb-0-85-100 {
   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 {
+._da9a8vc-0-85-100 {
   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 {
+._da9a8vd-0-85-100 {
   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 {
+._da9a8ve-0-85-100 {
   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 textStyleCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "da9a8v0", variantClassNames: { fontStyle: { code: "da9a8v1", text: "da9a8v2" }, textStyle: { base: "da9a8v3", "base-emphasized": "da9a8v4", small: "da9a8v5", "small-emphasized": "da9a8v6" } }, defaultVariants: { fontStyle: "text", textStyle: "base" }, compoundVariants: [[{ fontStyle: "code", textStyle: "base" }, "da9a8v7"], [{ fontStyle: "code", textStyle: "base-emphasized" }, "da9a8v8"], [{ fontStyle: "code", textStyle: "small" }, "da9a8v9"], [{ fontStyle: "code", textStyle: "small-emphasized" }, "da9a8va"], [{ fontStyle: "text", textStyle: "base" }, "da9a8vb"], [{ fontStyle: "text", textStyle: "base-emphasized" }, "da9a8vc"], [{ fontStyle: "text", textStyle: "small" }, "da9a8vd"], [{ fontStyle: "text", textStyle: "small-emphasized" }, "da9a8ve"]] });
+var textStyleCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_da9a8v0-0-85-100", variantClassNames: { fontStyle: { code: "_da9a8v1-0-85-100", text: "_da9a8v2-0-85-100" }, textStyle: { base: "_da9a8v3-0-85-100", "base-emphasized": "_da9a8v4-0-85-100", small: "_da9a8v5-0-85-100", "small-emphasized": "_da9a8v6-0-85-100" } }, defaultVariants: { fontStyle: "text", textStyle: "base" }, compoundVariants: [[{ fontStyle: "code", textStyle: "base" }, "_da9a8v7-0-85-100"], [{ fontStyle: "code", textStyle: "base-emphasized" }, "_da9a8v8-0-85-100"], [{ fontStyle: "code", textStyle: "small" }, "_da9a8v9-0-85-100"], [{ fontStyle: "code", textStyle: "small-emphasized" }, "_da9a8va-0-85-100"], [{ fontStyle: "text", textStyle: "base" }, "_da9a8vb-0-85-100"], [{ fontStyle: "text", textStyle: "base-emphasized" }, "_da9a8vc-0-85-100"], [{ fontStyle: "text", textStyle: "small" }, "_da9a8vd-0-85-100"], [{ fontStyle: "text", textStyle: "small-emphasized" }, "_da9a8ve-0-85-100"]] });

package/testing/custom-render.d.ts

@@ -4,7 +4,9 @@ type RenderWithIntlOptions = {
     locale?: string;
     timeZone?: string;
 } & Omit<RenderOptions, 'queries'>;
-/** Wrapper to render components with all required providers */
+/** Wrapper to render components with all required providers
+ * @deprecated The testing subpackage is deprecated. Please switch to the `@dynatrace/strato-components-testing` package.
+ */
 export declare const customRender: (ui: React.ReactElement, { locale, timeZone, wrapper: CustomWrapper, ...renderOptions }?: RenderWithIntlOptions) => RenderResult;
 export * from '@testing-library/react';
 export { customRender as render };

package/testing/jest/jest-preset.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @deprecated The testing subpackage is deprecated. Please switch to the `@dynatrace/strato-components-testing` package.
+ */
 export declare const stratoPreset: {
     moduleNameMapper: {
         nanoid: string;

package/testing/jest/jest-preset.js

@@ -1,6 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.stratoPreset = void 0;
+/**
+ * @deprecated The testing subpackage is deprecated. Please switch to the `@dynatrace/strato-components-testing` package.
+ */
 exports.stratoPreset = {
     moduleNameMapper: {
         nanoid: '<rootDir>/node_modules/nanoid/index.cjs',

package/testing/mocks/bounding-client-rect-mock.d.ts

@@ -1,4 +1,8 @@
-/** Mocks the `getBoundingClientRect()` function on all HTMLElements. */
+/** Mocks the `getBoundingClientRect()` function on all HTMLElements.
+ * @deprecated The testing subpackage is deprecated. Please switch to the `@dynatrace/strato-components-testing` package.
+ */
 export declare function setupGetBoundingClientRectMock(widthOrMockFn: number | (() => DOMRect | null), height?: number, x?: number, y?: number, top?: number, right?: number, bottom?: number, left?: number): void;
-/** Clears mocked `getBoundingClientRect()` function on HTMLElements. */
+/** Clears mocked `getBoundingClientRect()` function on HTMLElements.
+ * @deprecated The testing subpackage is deprecated. Please switch to the `@dynatrace/strato-components-testing` package.
+ */
 export declare function clearGetBoundingClientRectMock(): void;

package/testing/mocks/canvas-mock.d.ts

@@ -5,7 +5,10 @@
  * a reasonable value for each given string.
  *
  * @param mockTextWidth - The value returned by the `measureText()` mock for all strings
+ * @deprecated The testing subpackage is deprecated. Please switch to the `@dynatrace/strato-components-testing` package.
  */
 export declare function setupCanvasMeasureTextMock(mockTextWidth?: number): void;
-/** Clears mocked `getContext()` function on HTMLCanvasElements. */
+/** Clears mocked `getContext()` function on HTMLCanvasElements.
+ * @deprecated The testing subpackage is deprecated. Please switch to the `@dynatrace/strato-components-testing` package.
+ */
 export declare function clearCanvasMeasureTextMock(): void;

package/testing/mocks/create-mock-element.d.ts

@@ -1,4 +1,6 @@
-/** Creates a mock element: https://github.com/jsdom/jsdom/issues/653 */
+/** Creates a mock element: https://github.com/jsdom/jsdom/issues/653
+ * @deprecated The testing subpackage is deprecated.
+ */
 export declare function createMockElement(
 /** Element tag name */
 elementOrTag: HTMLElement | string, 

package/testing/mocks/create-range-mock.d.ts

@@ -1,7 +1,10 @@
 /**
  * Mocks the `document.createRange()` function so it returns
  * a valid `Range` object.
+ * @deprecated The testing subpackage is deprecated.
  */
 export declare function setupCreateRangeMock(): void;
-/** Clears mocked `document.createRange()` function. */
+/** Clears mocked `document.createRange()` function.
+ * @deprecated The testing subpackage is deprecated.
+ */
 export declare function clearCreateRangeMock(): void;

package/testing/mocks/dom-rect-mock.d.ts

@@ -1,12 +1,19 @@
-/** Creates a DOMRect instance. Unspecified values default to `0`. */
+/** Creates a DOMRect instance. Unspecified values default to `0`.
+ * @deprecated The testing subpackage is deprecated. Please switch to the `@dynatrace/strato-components-testing` package.
+ */
 export declare function createDOMRect(width: number, height?: number, x?: number, y?: number, top?: number, right?: number, bottom?: number, left?: number): DOMRect;
+/**
+ * @deprecated The testing subpackage is deprecated. Please switch to the `@dynatrace/strato-components-testing` package.
+ */
 export declare const FALLBACK_DOM_RECT: DOMRect;
 /**
  * Mock the domRect since jsdom doesn't provide it
  * @param mockDomRect - Override values for DOMRect
+ * @deprecated The testing subpackage is deprecated. Please switch to the `@dynatrace/strato-components-testing` package.
  */
 export declare function setupDomRectMock(mockDomRect?: DOMRect): void;
 /**
  * reset the DomRect
+ * @deprecated The testing subpackage is deprecated. Please switch to the `@dynatrace/strato-components-testing` package.
  */
 export declare function clearDomRectMock(): void;

package/testing/mocks/fetch-mock.d.ts

@@ -1,6 +1,9 @@
 /**
  * Mocks the global `fetch` function since JSDom has no implementation
+ * @deprecated The testing subpackage is deprecated.
  */
 export declare function setupFetchMock(mockedValue?: any): void;
-/** Clears mocked `fetch` function. */
+/** Clears mocked `fetch` function.
+ * @deprecated The testing subpackage is deprecated.
+ */
 export declare function clearFetchMock(): void;

package/testing/mocks/intersection-observer-mock.d.ts

@@ -1,7 +1,10 @@
 /**
  *  Mocks the IntersectionObserver
  * @param entries - entries for the callback function which is called when IntersectionObserver.observe is invoked
+ * @deprecated The testing subpackage is deprecated.
  */
 export declare function setupIntersectionObserverMock(entries?: any): void;
-/** Clears `IntersectionObserver` mock. */
+/** Clears `IntersectionObserver` mock.
+ * @deprecated The testing subpackage is deprecated.
+ */
 export declare function clearIntersectionObserverMock(): void;

package/testing/mocks/match-media-mock.d.ts

@@ -1,7 +1,10 @@
 /**
  * Mock the match media on the window object
  * @param isMatching - whether or not the match query matches
+ * @deprecated The testing subpackage is deprecated.
  */
 export declare function setupMatchMediaMock(isMatching?: boolean): void;
-/** Clear the Match Media mock */
+/** Clear the Match Media mock
+ * @deprecated The testing subpackage is deprecated.
+ */
 export declare function clearMatchMediaMock(): void;

package/testing/mocks/offset-height-mock.d.ts

@@ -1,4 +1,8 @@
-/** Mocks the return value of the offsetHeight property on all HTMLElements. */
+/** Mocks the return value of the offsetHeight property on all HTMLElements.
+ * @deprecated The testing subpackage is deprecated.
+ */
 export declare function setupOffsetHeightMock(containerHeightOrMockFn: number | (() => number)): void;
-/** Clears mocked offsetHeight property on HTMLElements. */
+/** Clears mocked offsetHeight property on HTMLElements.
+ * @deprecated The testing subpackage is deprecated.
+ */
 export declare function clearOffsetHeightMock(): void;

package/testing/mocks/offset-width-mock.d.ts

@@ -1,4 +1,8 @@
-/** Mocks the return value of the offsetWidth property on all HTMLElements. */
+/** Mocks the return value of the offsetWidth property on all HTMLElements.
+ * @deprecated The testing subpackage is deprecated.
+ */
 export declare function setupOffsetWidthMock(containerWidthOrMockFn: number | (() => number)): void;
-/** Clears mocked offsetWidth property on HTMLElements. */
+/** Clears mocked offsetWidth property on HTMLElements.
+ * @deprecated The testing subpackage is deprecated.
+ */
 export declare function clearOffsetWidthMock(): void;

package/testing/mocks/pointer-event-mock.d.ts

@@ -1,4 +1,8 @@
-/** Mocks `PointerEvent`. */
+/** Mocks `PointerEvent`.
+ * @deprecated The testing subpackage is deprecated.
+ */
 export declare function setupPointerEventMock(): void;
-/** Clears `PointerEvent` mock. */
+/** Clears `PointerEvent` mock.
+ * @deprecated The testing subpackage is deprecated.
+ */
 export declare function clearPointerEventMock(): void;

package/testing/mocks/resize-observer-mock.d.ts

@@ -1,7 +1,11 @@
 import type { PartialDeep } from 'type-fest';
-/** Mock the Resize Observer */
+/** Mock the Resize Observer
+ * @deprecated The testing subpackage is deprecated. Please switch to the `@dynatrace/strato-components-testing` package.
+ */
 export declare function setupResizeObserverMock(
 /** When the Resize Observer should return specific results, you can pass them here */
 mockedObserveCallbackValue?: PartialDeep<ResizeObserverEntry>[]): void;
-/** Clear the Resize Observer */
+/** Clear the Resize Observer
+ * @deprecated The testing subpackage is deprecated. Please switch to the `@dynatrace/strato-components-testing` package.
+ */
 export declare function clearResizeObserverMock(): void;

package/testing/mocks/screen-size-mock.d.ts

@@ -1,4 +1,8 @@
-/** Mocks the width and height on `window.screen` */
+/** Mocks the width and height on `window.screen`
+ * @deprecated The testing subpackage is deprecated.
+ */
 export declare function setupScreenSizeMock(width?: number, height?: number): void;
-/** Clears mocked width and height on `window.screen`. */
+/** Clears mocked width and height on `window.screen`.
+ * @deprecated The testing subpackage is deprecated.
+ */
 export declare function clearScreenSizeMock(): void;

package/testing/mocks/scroll-into-view-mock.d.ts

@@ -1,8 +1,10 @@
 /**
  * Mock the scrollIntoView function since jsdom doesn't provide it
+ * @deprecated The testing subpackage is deprecated.
  */
 export declare function setupScrollIntoViewMock(): void;
 /**
  * reset the scrollIntoView
+ * @deprecated The testing subpackage is deprecated.
  */
 export declare function clearScrollIntoViewMock(): void;

package/testing/mocks/scroll-width-mock.d.ts

@@ -1,4 +1,8 @@
-/** Mocks the return value of the `scrollWidth` property on all `HTMLElements`. */
+/** Mocks the return value of the `scrollWidth` property on all `HTMLElements`.
+ * @deprecated The testing subpackage is deprecated. Please switch to the `@dynatrace/strato-components-testing` package.
+ */
 export declare function setupScrollWidthMock(scrollWidth: number): void;
-/** Clears mocked `scrollWidth` property on `HTMLElements`. */
+/** Clears mocked `scrollWidth` property on `HTMLElements`.
+ * @deprecated The testing subpackage is deprecated. Please switch to the `@dynatrace/strato-components-testing` package.
+ */
 export declare function clearScrollWidthMock(): void;

package/testing/mocks/select-mock.d.ts

@@ -6,5 +6,6 @@
  * (Mainly usefull when accessing different options than the first)
  *
  * @internal
+ * @deprecated The testing subpackage is deprecated.
  */
 export declare function _setupSelectMocks(): void;

package/testing/mocks/table-virtualization-mock.d.ts

@@ -1,7 +1,10 @@
 /**
  * Mocks virtualisation scrolling away by setting the containers height to something really tall.
  * Table virtualization will also rely on jest fake timers.
+ * @deprecated The testing subpackage is deprecated.
  */
 export declare function setupTableVirtualizationMock(containerHeight?: number): void;
-/** Clears the TableVirtualizationMock */
+/** Clears the TableVirtualizationMock
+ * @deprecated The testing subpackage is deprecated.
+ */
 export declare function clearTableVirtualizationMock(): void;

package/testing/mocks/text-ellipsis-mock.d.ts

@@ -1,4 +1,8 @@
-/** Mocks DOM properties and functions required for the TextEllipsis component to work. */
+/** Mocks DOM properties and functions required for the TextEllipsis component to work.
+ * @deprecated The testing subpackage is deprecated. Please switch to the `@dynatrace/strato-components-testing` package.
+ */
 export declare function setupTextEllipsisMock(containerWidth?: number, textWidth?: number, mockCanvas?: boolean): void;
-/** Clears mocked DOM properties and functions required for the TextEllipsis component to work. */
+/** Clears mocked DOM properties and functions required for the TextEllipsis component to work.
+ * @deprecated The testing subpackage is deprecated. Please switch to the `@dynatrace/strato-components-testing` package.
+ */
 export declare function clearTextEllipsisMock(): void;

package/testing/setup.d.ts

@@ -1,4 +1,8 @@
-/** Sets up design-system mocks. */
+/** Sets up design-system mocks.
+ * @deprecated The testing subpackage is deprecated. Please switch to the `@dynatrace/strato-components-testing` package.
+ */
 export declare function setup(): void;
-/** Resets design-system mocks. */
+/** Resets design-system mocks.
+ * @deprecated The testing subpackage is deprecated. Please switch to the `@dynatrace/strato-components-testing` package.
+ */
 export declare function clear(): void;

package/typography/block-quote/Blockquote.css

@@ -1,11 +1,11 @@
-._1knl9z60 {
+._1knl9z60-0-85-100 {
   position: relative;
   margin: var(--dt-spacings-size-0, 0);
   padding-left: var(--dt-spacings-size-40, 40px);
   word-break: normal;
   overflow-wrap: anywhere;
 }
-._1knl9z60:before {
+._1knl9z60-0-85-100:before {
   content: "";
   position: absolute;
   top: 0;

package/typography/block-quote/Blockquote.sty.js

@@ -21,4 +21,4 @@ __export(Blockquote_css_exports, {
 });
 module.exports = __toCommonJS(Blockquote_css_exports);
 var import_Blockquote_css_ts_vanilla = require("./Blockquote.css");
-var blockquoteCSS = "_1knl9z60";
+var blockquoteCSS = "_1knl9z60-0-85-100";

package/typography/code/Code.css

@@ -1,4 +1,4 @@
-._1v51izp0 {
+._1v51izp0-0-85-100 {
   background: var(--dt-colors-background-field-neutral-emphasized, #dadbe7);
   padding-top: var(--dt-spacings-size-0, 0);
   padding-bottom: var(--dt-spacings-size-0, 0);

package/typography/code/Code.sty.js

@@ -21,4 +21,4 @@ __export(Code_css_exports, {
 });
 module.exports = __toCommonJS(Code_css_exports);
 var import_Code_css_ts_vanilla = require("./Code.css");
-var codeCSS = "_1v51izp0";
+var codeCSS = "_1v51izp0-0-85-100";

package/typography/emphasis/Emphasis.css

@@ -1,4 +1,4 @@
-._1r35rtu0 {
+._1r35rtu0-0-85-100 {
   font-style: italic;
   overflow-wrap: break-word;
 }

package/typography/emphasis/Emphasis.sty.js

@@ -21,4 +21,4 @@ __export(Emphasis_css_exports, {
 });
 module.exports = __toCommonJS(Emphasis_css_exports);
 var import_Emphasis_css_ts_vanilla = require("./Emphasis.css");
-var emphasisCSS = "_1r35rtu0";
+var emphasisCSS = "_1r35rtu0-0-85-100";

package/typography/external-link/ExternalLink.css

@@ -1,28 +1,28 @@
-._1v1skpy0 {
-  display: inline-block;
+._1v1skpy0-0-85-100 {
+  display: inline;
   color: var(--dt-colors-text-primary-default, #454cc9);
   text-decoration: underline;
   overflow-wrap: anywhere;
 }
-._1v1skpy0:hover {
+._1v1skpy0-0-85-100:hover {
   color: var(--dt-colors-text-primary-default-hover, #3332ae);
 }
-._1v1skpy0:active {
+._1v1skpy0-0-85-100:active {
   color: var(--dt-colors-text-primary-default-active, #241193);
 }
-._1v1skpy0:focus-visible {
+._1v1skpy0-0-85-100:focus-visible {
   text-decoration: none;
 }
-._1v1skpy0 > span {
+._1v1skpy0-0-85-100 > span:last-child {
   white-space: nowrap;
-  display: inline-flex;
 }
-._1v1skpy0 > span > svg {
+._1v1skpy0-0-85-100 > span:last-child > svg {
   margin-left: var(--dt-spacings-size-2, 2px);
-  align-self: center;
-  min-width: var(--dt-spacings-size-20, 20px);
-  width: calc(20em / 14);
-  height: calc(20em / 14);
-  max-width: var(--dt-spacings-size-24, 24px);
-  max-height: var(--dt-spacings-size-24, 24px);
+  width: 1lh;
+  height: 1lh;
+  max-height: min(1.5em, var(--dt-spacings-size-40, 40px));
+  max-width: min(1.5em, var(--dt-spacings-size-40, 40px));
+  vertical-align: middle;
+  margin-bottom: -0.1em;
+  margin-top: -0.1em;
 }

package/typography/external-link/ExternalLink.d.ts

@@ -12,8 +12,8 @@ export interface ExternalLinkProps extends WithChildren, StylingProps, DataTestI
     onClick?: MouseEventHandler;
 }
 /**
- * Use the `ExternalLink` component to link outside of the
- * Dynatrace platform. For resources within the Dynatrace platform, use the
+ * Use the `ExternalLink` component to link to external resources
+ * (i.e., outside the current environment). To link to any internal resources, use the
  * {@link https://developer.dynatrace.com/design/components/typography/Link/ | `Link`}
  * component instead.
  * @public

package/typography/external-link/ExternalLink.sty.js

@@ -21,4 +21,4 @@ __export(ExternalLink_css_exports, {
 });
 module.exports = __toCommonJS(ExternalLink_css_exports);
 var import_ExternalLink_css_ts_vanilla = require("./ExternalLink.css");
-var externalLinkCSS = "_1v1skpy0";
+var externalLinkCSS = "_1v1skpy0-0-85-100";

package/typography/heading/Heading.css

@@ -1,10 +1,10 @@
-._5ei34w0 {
+._5ei34w0-0-85-100 {
   margin: 0;
   overflow-wrap: break-word;
   font-style: normal;
   color: inherit;
 }
-._5ei34w1 {
+._5ei34w1-0-85-100 {
   font-family: var(--dt-typography-heading-level-1-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-heading-level-1-size, 32px);
   font-weight: var(--dt-typography-heading-level-1-weight, 600);
@@ -12,7 +12,7 @@
   text-transform: var(--dt-typography-heading-level-1-text-transform, none);
   text-decoration: var(--dt-typography-heading-level-1-text-decoration, none);
 }
-._5ei34w2 {
+._5ei34w2-0-85-100 {
   font-family: var(--dt-typography-heading-level-2-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-heading-level-2-size, 28px);
   font-weight: var(--dt-typography-heading-level-2-weight, 600);
@@ -20,7 +20,7 @@
   text-transform: var(--dt-typography-heading-level-2-text-transform, none);
   text-decoration: var(--dt-typography-heading-level-2-text-decoration, none);
 }
-._5ei34w3 {
+._5ei34w3-0-85-100 {
   font-family: var(--dt-typography-heading-level-3-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-heading-level-3-size, 24px);
   font-weight: var(--dt-typography-heading-level-3-weight, 600);
@@ -28,7 +28,7 @@
   text-transform: var(--dt-typography-heading-level-3-text-transform, none);
   text-decoration: var(--dt-typography-heading-level-3-text-decoration, none);
 }
-._5ei34w4 {
+._5ei34w4-0-85-100 {
   font-family: var(--dt-typography-heading-level-4-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-heading-level-4-size, 20px);
   font-weight: var(--dt-typography-heading-level-4-weight, 600);
@@ -36,7 +36,7 @@
   text-transform: var(--dt-typography-heading-level-4-text-transform, none);
   text-decoration: var(--dt-typography-heading-level-4-text-decoration, none);
 }
-._5ei34w5 {
+._5ei34w5-0-85-100 {
   font-family: var(--dt-typography-heading-level-5-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-heading-level-5-size, 16px);
   font-weight: var(--dt-typography-heading-level-5-weight, 600);
@@ -44,7 +44,7 @@
   text-transform: var(--dt-typography-heading-level-5-text-transform, none);
   text-decoration: var(--dt-typography-heading-level-5-text-decoration, none);
 }
-._5ei34w6 {
+._5ei34w6-0-85-100 {
   font-family: var(--dt-typography-heading-level-6-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-heading-level-6-size, 14px);
   font-weight: var(--dt-typography-heading-level-6-weight, 600);

package/typography/heading/Heading.sty.js

@@ -22,4 +22,4 @@ __export(Heading_css_exports, {
 module.exports = __toCommonJS(Heading_css_exports);
 var import_Heading_css_ts_vanilla = require("./Heading.css");
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var headingCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_5ei34w0", variantClassNames: { visualLevel: { "1": "_5ei34w1", "2": "_5ei34w2", "3": "_5ei34w3", "4": "_5ei34w4", "5": "_5ei34w5", "6": "_5ei34w6" } }, defaultVariants: {}, compoundVariants: [] });
+var headingCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_5ei34w0-0-85-100", variantClassNames: { visualLevel: { "1": "_5ei34w1-0-85-100", "2": "_5ei34w2-0-85-100", "3": "_5ei34w3-0-85-100", "4": "_5ei34w4-0-85-100", "5": "_5ei34w5-0-85-100", "6": "_5ei34w6-0-85-100" } }, defaultVariants: {}, compoundVariants: [] });

package/typography/highlight/Highlight.css

@@ -1,4 +1,4 @@
-.lajjl30 {
+._lajjl30-0-85-100 {
   color: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
   background: var(--dt-colors-background-container-neutral-accent, #5a5b8c);
 }