@dynatrace/strato-components 0.85.70 → 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/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);
 }

package/typography/highlight/Highlight.sty.js

@@ -21,4 +21,4 @@ __export(Highlight_css_exports, {
 });
 module.exports = __toCommonJS(Highlight_css_exports);
 var import_Highlight_css_ts_vanilla = require("./Highlight.css");
-var highlightCSS = "lajjl30";
+var highlightCSS = "_lajjl30-0-85-100";

package/typography/link/Link.css

@@ -1,15 +1,15 @@
-._1iksxp40 {
-  display: inline-block;
+._1iksxp40-0-85-100 {
+  display: inline;
   color: var(--dt-colors-text-primary-default, #454cc9);
   text-decoration: underline;
   overflow-wrap: anywhere;
 }
-._1iksxp40:hover {
+._1iksxp40-0-85-100:hover {
   color: var(--dt-colors-text-primary-default-hover, #3332ae);
 }
-._1iksxp40:active {
+._1iksxp40-0-85-100:active {
   color: var(--dt-colors-text-primary-default-active, #241193);
 }
-._1iksxp40:focus-visible {
+._1iksxp40-0-85-100:focus-visible {
   text-decoration: none;
 }

package/typography/link/Link.d.ts

@@ -7,8 +7,8 @@ import type { MaskingProps } from '../../core/types/masking-props.js';
  */
 export type LinkProps<E extends ElementType> = PolymorphicComponentProps<E, WithChildren & StylingProps & DataTestId & MaskingProps>;
 /**
- * Use the `Link` component to navigate to a different page within the application.
- * For external resources in a different domain, use the
+ * Use the `Link` component to link to any internal resources.
+ * For external resources (i.e., outside the current environment), use the
  * {@link https://developer.dynatrace.com/design/components/typography/ExternalLink/ | `ExternalLink`}
  * component instead.
  * @public

package/typography/link/Link.sty.js

@@ -21,4 +21,4 @@ __export(Link_css_exports, {
 });
 module.exports = __toCommonJS(Link_css_exports);
 var import_Link_css_ts_vanilla = require("./Link.css");
-var linkCSS = "_1iksxp40";
+var linkCSS = "_1iksxp40-0-85-100";

package/typography/list/List.css

@@ -1,16 +1,16 @@
-._16276mt0 {
+._16276mt0-0-85-100 {
   margin: 0;
   padding-left: var(--dt-spacings-size-40, 40px);
 }
-._16276mt0 ._16276mt0 {
+._16276mt0-0-85-100 ._16276mt0-0-85-100 {
   margin-block: var(--dt-spacings-size-4, 4px);
   padding-left: var(--dt-spacings-size-28, 28px);
 }
-._16276mt1 {
+._16276mt1-0-85-100 {
   position: relative;
   overflow-wrap: break-word;
   margin-block: var(--dt-spacings-size-2, 2px);
 }
-._16276mt1::marker {
+._16276mt1-0-85-100::marker {
   font-weight: var(--dt-typography-text-base-emphasized-weight, 500);
 }

package/typography/list/List.sty.js

@@ -22,5 +22,5 @@ __export(List_css_exports, {
 });
 module.exports = __toCommonJS(List_css_exports);
 var import_List_css_ts_vanilla = require("./List.css");
-var listCSS = "_16276mt0";
-var listItemCSS = "_16276mt1";
+var listCSS = "_16276mt0-0-85-100";
+var listItemCSS = "_16276mt1-0-85-100";

package/typography/paragraph/Paragraph.css

@@ -1,17 +1,17 @@
-._487p2n0 {
+._487p2n0-0-85-100 {
   margin-top: 0;
   margin-bottom: 0;
   overflow-wrap: break-word;
   color: inherit;
   font-style: normal;
 }
-._487p2n1 {
+._487p2n1-0-85-100 {
   display: block;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
 }
-._487p2n2 {
+._487p2n2-0-85-100 {
   display: -webkit-box;
   -webkit-line-clamp: var(--strato-ellipsis-line-clamp);
   -webkit-box-orient: vertical;

package/typography/paragraph/Paragraph.sty.js

@@ -22,4 +22,4 @@ __export(Paragraph_css_exports, {
 module.exports = __toCommonJS(Paragraph_css_exports);
 var import_Paragraph_css_ts_vanilla = require("./Paragraph.css");
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var paragraphCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_487p2n0", variantClassNames: { ellipsis: { singleLine: "_487p2n1", multiLine: "_487p2n2" } }, defaultVariants: {}, compoundVariants: [] });
+var paragraphCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_487p2n0-0-85-100", variantClassNames: { ellipsis: { singleLine: "_487p2n1-0-85-100", multiLine: "_487p2n2-0-85-100" } }, defaultVariants: {}, compoundVariants: [] });

package/typography/strikethrough/Strikethrough.css

@@ -1,4 +1,4 @@
-._4oao6y0 {
+._4oao6y0-0-85-100 {
   text-decoration: line-through;
   text-decoration-style: solid;
   overflow-wrap: break-word;

package/typography/strikethrough/Strikethrough.sty.js

@@ -21,4 +21,4 @@ __export(Strikethrough_css_exports, {
 });
 module.exports = __toCommonJS(Strikethrough_css_exports);
 var import_Strikethrough_css_ts_vanilla = require("./Strikethrough.css");
-var strikethroughCSS = "_4oao6y0";
+var strikethroughCSS = "_4oao6y0-0-85-100";

package/typography/strong/Strong.css

@@ -1,4 +1,4 @@
-.wxp4dd0 {
+._wxp4dd0-0-85-100 {
   font-weight: var(--dt-typography-text-base-emphasized-weight, 500);
   overflow-wrap: break-word;
 }

package/typography/strong/Strong.sty.js

@@ -21,4 +21,4 @@ __export(Strong_css_exports, {
 });
 module.exports = __toCommonJS(Strong_css_exports);
 var import_Strong_css_ts_vanilla = require("./Strong.css");
-var strongCSS = "wxp4dd0";
+var strongCSS = "_wxp4dd0-0-85-100";

package/typography/text/Text.css

@@ -1,16 +1,16 @@
-.rup8ap0 {
+._rup8ap0-0-85-100 {
   margin-top: 0;
   margin-bottom: 0;
   min-width: 0;
   overflow-wrap: break-word;
 }
-.rup8ap1 {
+._rup8ap1-0-85-100 {
   display: block;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
 }
-.rup8ap2 {
+._rup8ap2-0-85-100 {
   display: -webkit-box;
   -webkit-line-clamp: var(--strato-ellipsis-line-clamp);
   -webkit-box-orient: vertical;

package/typography/text/Text.sty.js

@@ -22,4 +22,4 @@ __export(Text_css_exports, {
 module.exports = __toCommonJS(Text_css_exports);
 var import_Text_css_ts_vanilla = require("./Text.css");
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var textCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "rup8ap0", variantClassNames: { ellipsis: { singleLine: "rup8ap1", multiLine: "rup8ap2" } }, defaultVariants: {}, compoundVariants: [] });
+var textCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_rup8ap0-0-85-100", variantClassNames: { ellipsis: { singleLine: "_rup8ap1-0-85-100", multiLine: "_rup8ap2-0-85-100" } }, defaultVariants: {}, compoundVariants: [] });

package/typography/text-ellipsis/TextEllipsis.css

@@ -1,4 +1,4 @@
-._1mnpbqs0 {
+._1mnpbqs0-0-85-100 {
   display: inline-block;
   box-sizing: border-box;
   vertical-align: middle;
@@ -9,14 +9,14 @@
   text-decoration: inherit;
   width: 100%;
 }
-._1mnpbqs1 {
+._1mnpbqs1-0-85-100 {
   text-overflow: ellipsis;
   direction: rtl;
   text-align: left;
 }
-._1mnpbqs2 {
+._1mnpbqs2-0-85-100 {
   text-overflow: clip;
 }
-._1mnpbqs3 {
+._1mnpbqs3-0-85-100 {
   text-overflow: ellipsis;
 }

package/typography/text-ellipsis/TextEllipsis.js

@@ -47,7 +47,11 @@ function getFontProps(textWrapper) {
   };
 }
 function isNativeEllipsisActive(textWrapper, containerWidth) {
-  const textWidth = Math.floor(textWrapper.getBoundingClientRect().width * 100) / 100;
+  const originalTextWidth = Math.max(
+    textWrapper.getBoundingClientRect().width,
+    textWrapper.scrollWidth
+  );
+  const textWidth = Math.floor(originalTextWidth * 100) / 100;
   return textWidth > containerWidth;
 }
 function renderEllipsizedText(originalText, truncationMode, containerRef, wasEllipsized, onTextOverflow) {

package/typography/text-ellipsis/TextEllipsis.sty.js

@@ -22,4 +22,4 @@ __export(TextEllipsis_css_exports, {
 module.exports = __toCommonJS(TextEllipsis_css_exports);
 var import_TextEllipsis_css_ts_vanilla = require("./TextEllipsis.css");
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var textEllipsisCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1mnpbqs0", variantClassNames: { truncationMode: { start: "_1mnpbqs1", middle: "_1mnpbqs2", end: "_1mnpbqs3" } }, defaultVariants: {}, compoundVariants: [] });
+var textEllipsisCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1mnpbqs0-0-85-100", variantClassNames: { truncationMode: { start: "_1mnpbqs1-0-85-100", middle: "_1mnpbqs2-0-85-100", end: "_1mnpbqs3-0-85-100" } }, defaultVariants: {}, compoundVariants: [] });

package/content/progress/utils.d.ts

@@ -1,2 +0,0 @@
-import { RoleVariantType } from '../../core/types/role-variant.js';
-export declare function getFillColorFromVariant($variant: RoleVariantType): string;

package/content/progress/utils.js

@@ -1,50 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var utils_exports = {};
-__export(utils_exports, {
-  getFillColorFromVariant: () => getFillColorFromVariant
-});
-module.exports = __toCommonJS(utils_exports);
-var import_colors = __toESM(require("@dynatrace/strato-design-tokens/colors"));
-function getFillColorFromVariant($variant) {
-  switch ($variant) {
-    case "onAccent":
-      return import_colors.default.Border.OnAccent.Default;
-    case "primary":
-      return import_colors.default.Border.Primary.Accent;
-    case "success":
-      return import_colors.default.Border.Success.Accent;
-    case "warning":
-      return import_colors.default.Border.Warning.Accent;
-    case "critical":
-      return import_colors.default.Border.Critical.Accent;
-    case "neutral":
-    default:
-      return import_colors.default.Border.Neutral.Accent;
-  }
-}