@dynatrace/strato-components 0.85.41 → 0.85.60

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: "sprinkles_gap_0__1bzvwaf0" }, "2": { defaultClass: "sprinkles_gap_2__1bzvwaf1" }, "4": { defaultClass: "sprinkles_gap_4__1bzvwaf2" }, "6": { defaultClass: "sprinkles_gap_6__1bzvwaf3" }, "8": { defaultClass: "sprinkles_gap_8__1bzvwaf4" }, "12": { defaultClass: "sprinkles_gap_12__1bzvwaf5" }, "16": { defaultClass: "sprinkles_gap_16__1bzvwaf6" }, "20": { defaultClass: "sprinkles_gap_20__1bzvwaf7" }, "24": { defaultClass: "sprinkles_gap_24__1bzvwaf8" }, "32": { defaultClass: "sprinkles_gap_32__1bzvwaf9" }, "40": { defaultClass: "sprinkles_gap_40__1bzvwafa" }, "48": { defaultClass: "sprinkles_gap_48__1bzvwafb" }, "56": { defaultClass: "sprinkles_gap_56__1bzvwafc" }, "64": { defaultClass: "sprinkles_gap_64__1bzvwafd" } } }, rowGap: { values: { "0": { defaultClass: "sprinkles_rowGap_0__1bzvwafe" }, "2": { defaultClass: "sprinkles_rowGap_2__1bzvwaff" }, "4": { defaultClass: "sprinkles_rowGap_4__1bzvwafg" }, "6": { defaultClass: "sprinkles_rowGap_6__1bzvwafh" }, "8": { defaultClass: "sprinkles_rowGap_8__1bzvwafi" }, "12": { defaultClass: "sprinkles_rowGap_12__1bzvwafj" }, "16": { defaultClass: "sprinkles_rowGap_16__1bzvwafk" }, "20": { defaultClass: "sprinkles_rowGap_20__1bzvwafl" }, "24": { defaultClass: "sprinkles_rowGap_24__1bzvwafm" }, "32": { defaultClass: "sprinkles_rowGap_32__1bzvwafn" }, "40": { defaultClass: "sprinkles_rowGap_40__1bzvwafo" }, "48": { defaultClass: "sprinkles_rowGap_48__1bzvwafp" }, "56": { defaultClass: "sprinkles_rowGap_56__1bzvwafq" }, "64": { defaultClass: "sprinkles_rowGap_64__1bzvwafr" } } }, columnGap: { values: { "0": { defaultClass: "sprinkles_columnGap_0__1bzvwafs" }, "2": { defaultClass: "sprinkles_columnGap_2__1bzvwaft" }, "4": { defaultClass: "sprinkles_columnGap_4__1bzvwafu" }, "6": { defaultClass: "sprinkles_columnGap_6__1bzvwafv" }, "8": { defaultClass: "sprinkles_columnGap_8__1bzvwafw" }, "12": { defaultClass: "sprinkles_columnGap_12__1bzvwafx" }, "16": { defaultClass: "sprinkles_columnGap_16__1bzvwafy" }, "20": { defaultClass: "sprinkles_columnGap_20__1bzvwafz" }, "24": { defaultClass: "sprinkles_columnGap_24__1bzvwaf10" }, "32": { defaultClass: "sprinkles_columnGap_32__1bzvwaf11" }, "40": { defaultClass: "sprinkles_columnGap_40__1bzvwaf12" }, "48": { defaultClass: "sprinkles_columnGap_48__1bzvwaf13" }, "56": { defaultClass: "sprinkles_columnGap_56__1bzvwaf14" }, "64": { defaultClass: "sprinkles_columnGap_64__1bzvwaf15" } } }, paddingTop: { values: { "0": { defaultClass: "sprinkles_paddingTop_0__1bzvwaf16" }, "2": { defaultClass: "sprinkles_paddingTop_2__1bzvwaf17" }, "4": { defaultClass: "sprinkles_paddingTop_4__1bzvwaf18" }, "6": { defaultClass: "sprinkles_paddingTop_6__1bzvwaf19" }, "8": { defaultClass: "sprinkles_paddingTop_8__1bzvwaf1a" }, "12": { defaultClass: "sprinkles_paddingTop_12__1bzvwaf1b" }, "16": { defaultClass: "sprinkles_paddingTop_16__1bzvwaf1c" }, "20": { defaultClass: "sprinkles_paddingTop_20__1bzvwaf1d" }, "24": { defaultClass: "sprinkles_paddingTop_24__1bzvwaf1e" }, "32": { defaultClass: "sprinkles_paddingTop_32__1bzvwaf1f" }, "40": { defaultClass: "sprinkles_paddingTop_40__1bzvwaf1g" }, "48": { defaultClass: "sprinkles_paddingTop_48__1bzvwaf1h" }, "56": { defaultClass: "sprinkles_paddingTop_56__1bzvwaf1i" }, "64": { defaultClass: "sprinkles_paddingTop_64__1bzvwaf1j" } } }, paddingBottom: { values: { "0": { defaultClass: "sprinkles_paddingBottom_0__1bzvwaf1k" }, "2": { defaultClass: "sprinkles_paddingBottom_2__1bzvwaf1l" }, "4": { defaultClass: "sprinkles_paddingBottom_4__1bzvwaf1m" }, "6": { defaultClass: "sprinkles_paddingBottom_6__1bzvwaf1n" }, "8": { defaultClass: "sprinkles_paddingBottom_8__1bzvwaf1o" }, "12": { defaultClass: "sprinkles_paddingBottom_12__1bzvwaf1p" }, "16": { defaultClass: "sprinkles_paddingBottom_16__1bzvwaf1q" }, "20": { defaultClass: "sprinkles_paddingBottom_20__1bzvwaf1r" }, "24": { defaultClass: "sprinkles_paddingBottom_24__1bzvwaf1s" }, "32": { defaultClass: "sprinkles_paddingBottom_32__1bzvwaf1t" }, "40": { defaultClass: "sprinkles_paddingBottom_40__1bzvwaf1u" }, "48": { defaultClass: "sprinkles_paddingBottom_48__1bzvwaf1v" }, "56": { defaultClass: "sprinkles_paddingBottom_56__1bzvwaf1w" }, "64": { defaultClass: "sprinkles_paddingBottom_64__1bzvwaf1x" } } }, paddingLeft: { values: { "0": { defaultClass: "sprinkles_paddingLeft_0__1bzvwaf1y" }, "2": { defaultClass: "sprinkles_paddingLeft_2__1bzvwaf1z" }, "4": { defaultClass: "sprinkles_paddingLeft_4__1bzvwaf20" }, "6": { defaultClass: "sprinkles_paddingLeft_6__1bzvwaf21" }, "8": { defaultClass: "sprinkles_paddingLeft_8__1bzvwaf22" }, "12": { defaultClass: "sprinkles_paddingLeft_12__1bzvwaf23" }, "16": { defaultClass: "sprinkles_paddingLeft_16__1bzvwaf24" }, "20": { defaultClass: "sprinkles_paddingLeft_20__1bzvwaf25" }, "24": { defaultClass: "sprinkles_paddingLeft_24__1bzvwaf26" }, "32": { defaultClass: "sprinkles_paddingLeft_32__1bzvwaf27" }, "40": { defaultClass: "sprinkles_paddingLeft_40__1bzvwaf28" }, "48": { defaultClass: "sprinkles_paddingLeft_48__1bzvwaf29" }, "56": { defaultClass: "sprinkles_paddingLeft_56__1bzvwaf2a" }, "64": { defaultClass: "sprinkles_paddingLeft_64__1bzvwaf2b" } } }, paddingRight: { values: { "0": { defaultClass: "sprinkles_paddingRight_0__1bzvwaf2c" }, "2": { defaultClass: "sprinkles_paddingRight_2__1bzvwaf2d" }, "4": { defaultClass: "sprinkles_paddingRight_4__1bzvwaf2e" }, "6": { defaultClass: "sprinkles_paddingRight_6__1bzvwaf2f" }, "8": { defaultClass: "sprinkles_paddingRight_8__1bzvwaf2g" }, "12": { defaultClass: "sprinkles_paddingRight_12__1bzvwaf2h" }, "16": { defaultClass: "sprinkles_paddingRight_16__1bzvwaf2i" }, "20": { defaultClass: "sprinkles_paddingRight_20__1bzvwaf2j" }, "24": { defaultClass: "sprinkles_paddingRight_24__1bzvwaf2k" }, "32": { defaultClass: "sprinkles_paddingRight_32__1bzvwaf2l" }, "40": { defaultClass: "sprinkles_paddingRight_40__1bzvwaf2m" }, "48": { defaultClass: "sprinkles_paddingRight_48__1bzvwaf2n" }, "56": { defaultClass: "sprinkles_paddingRight_56__1bzvwaf2o" }, "64": { defaultClass: "sprinkles_paddingRight_64__1bzvwaf2p" } } }, marginTop: { values: { "0": { defaultClass: "sprinkles_marginTop_0__1bzvwaf2q" }, "2": { defaultClass: "sprinkles_marginTop_2__1bzvwaf2r" }, "4": { defaultClass: "sprinkles_marginTop_4__1bzvwaf2s" }, "6": { defaultClass: "sprinkles_marginTop_6__1bzvwaf2t" }, "8": { defaultClass: "sprinkles_marginTop_8__1bzvwaf2u" }, "12": { defaultClass: "sprinkles_marginTop_12__1bzvwaf2v" }, "16": { defaultClass: "sprinkles_marginTop_16__1bzvwaf2w" }, "20": { defaultClass: "sprinkles_marginTop_20__1bzvwaf2x" }, "24": { defaultClass: "sprinkles_marginTop_24__1bzvwaf2y" }, "32": { defaultClass: "sprinkles_marginTop_32__1bzvwaf2z" }, "40": { defaultClass: "sprinkles_marginTop_40__1bzvwaf30" }, "48": { defaultClass: "sprinkles_marginTop_48__1bzvwaf31" }, "56": { defaultClass: "sprinkles_marginTop_56__1bzvwaf32" }, "64": { defaultClass: "sprinkles_marginTop_64__1bzvwaf33" }, auto: { defaultClass: "sprinkles_marginTop_auto__1bzvwaf34" } } }, marginBottom: { values: { "0": { defaultClass: "sprinkles_marginBottom_0__1bzvwaf35" }, "2": { defaultClass: "sprinkles_marginBottom_2__1bzvwaf36" }, "4": { defaultClass: "sprinkles_marginBottom_4__1bzvwaf37" }, "6": { defaultClass: "sprinkles_marginBottom_6__1bzvwaf38" }, "8": { defaultClass: "sprinkles_marginBottom_8__1bzvwaf39" }, "12": { defaultClass: "sprinkles_marginBottom_12__1bzvwaf3a" }, "16": { defaultClass: "sprinkles_marginBottom_16__1bzvwaf3b" }, "20": { defaultClass: "sprinkles_marginBottom_20__1bzvwaf3c" }, "24": { defaultClass: "sprinkles_marginBottom_24__1bzvwaf3d" }, "32": { defaultClass: "sprinkles_marginBottom_32__1bzvwaf3e" }, "40": { defaultClass: "sprinkles_marginBottom_40__1bzvwaf3f" }, "48": { defaultClass: "sprinkles_marginBottom_48__1bzvwaf3g" }, "56": { defaultClass: "sprinkles_marginBottom_56__1bzvwaf3h" }, "64": { defaultClass: "sprinkles_marginBottom_64__1bzvwaf3i" }, auto: { defaultClass: "sprinkles_marginBottom_auto__1bzvwaf3j" } } }, marginLeft: { values: { "0": { defaultClass: "sprinkles_marginLeft_0__1bzvwaf3k" }, "2": { defaultClass: "sprinkles_marginLeft_2__1bzvwaf3l" }, "4": { defaultClass: "sprinkles_marginLeft_4__1bzvwaf3m" }, "6": { defaultClass: "sprinkles_marginLeft_6__1bzvwaf3n" }, "8": { defaultClass: "sprinkles_marginLeft_8__1bzvwaf3o" }, "12": { defaultClass: "sprinkles_marginLeft_12__1bzvwaf3p" }, "16": { defaultClass: "sprinkles_marginLeft_16__1bzvwaf3q" }, "20": { defaultClass: "sprinkles_marginLeft_20__1bzvwaf3r" }, "24": { defaultClass: "sprinkles_marginLeft_24__1bzvwaf3s" }, "32": { defaultClass: "sprinkles_marginLeft_32__1bzvwaf3t" }, "40": { defaultClass: "sprinkles_marginLeft_40__1bzvwaf3u" }, "48": { defaultClass: "sprinkles_marginLeft_48__1bzvwaf3v" }, "56": { defaultClass: "sprinkles_marginLeft_56__1bzvwaf3w" }, "64": { defaultClass: "sprinkles_marginLeft_64__1bzvwaf3x" }, auto: { defaultClass: "sprinkles_marginLeft_auto__1bzvwaf3y" } } }, marginRight: { values: { "0": { defaultClass: "sprinkles_marginRight_0__1bzvwaf3z" }, "2": { defaultClass: "sprinkles_marginRight_2__1bzvwaf40" }, "4": { defaultClass: "sprinkles_marginRight_4__1bzvwaf41" }, "6": { defaultClass: "sprinkles_marginRight_6__1bzvwaf42" }, "8": { defaultClass: "sprinkles_marginRight_8__1bzvwaf43" }, "12": { defaultClass: "sprinkles_marginRight_12__1bzvwaf44" }, "16": { defaultClass: "sprinkles_marginRight_16__1bzvwaf45" }, "20": { defaultClass: "sprinkles_marginRight_20__1bzvwaf46" }, "24": { defaultClass: "sprinkles_marginRight_24__1bzvwaf47" }, "32": { defaultClass: "sprinkles_marginRight_32__1bzvwaf48" }, "40": { defaultClass: "sprinkles_marginRight_40__1bzvwaf49" }, "48": { defaultClass: "sprinkles_marginRight_48__1bzvwaf4a" }, "56": { defaultClass: "sprinkles_marginRight_56__1bzvwaf4b" }, "64": { defaultClass: "sprinkles_marginRight_64__1bzvwaf4c" }, auto: { defaultClass: "sprinkles_marginRight_auto__1bzvwaf4d" } } }, justifySelf: { values: { center: { defaultClass: "sprinkles_justifySelf_center__1bzvwaf4e" }, end: { defaultClass: "sprinkles_justifySelf_end__1bzvwaf4f" }, "flex-end": { defaultClass: "sprinkles_justifySelf_flex-end__1bzvwaf4g" }, "flex-start": { defaultClass: "sprinkles_justifySelf_flex-start__1bzvwaf4h" }, "self-end": { defaultClass: "sprinkles_justifySelf_self-end__1bzvwaf4i" }, "self-start": { defaultClass: "sprinkles_justifySelf_self-start__1bzvwaf4j" }, start: { defaultClass: "sprinkles_justifySelf_start__1bzvwaf4k" }, auto: { defaultClass: "sprinkles_justifySelf_auto__1bzvwaf4l" }, baseline: { defaultClass: "sprinkles_justifySelf_baseline__1bzvwaf4m" }, left: { defaultClass: "sprinkles_justifySelf_left__1bzvwaf4n" }, normal: { defaultClass: "sprinkles_justifySelf_normal__1bzvwaf4o" }, right: { defaultClass: "sprinkles_justifySelf_right__1bzvwaf4p" }, stretch: { defaultClass: "sprinkles_justifySelf_stretch__1bzvwaf4q" } } }, alignSelf: { values: { center: { defaultClass: "sprinkles_alignSelf_center__1bzvwaf4r" }, end: { defaultClass: "sprinkles_alignSelf_end__1bzvwaf4s" }, "flex-end": { defaultClass: "sprinkles_alignSelf_flex-end__1bzvwaf4t" }, "flex-start": { defaultClass: "sprinkles_alignSelf_flex-start__1bzvwaf4u" }, "self-end": { defaultClass: "sprinkles_alignSelf_self-end__1bzvwaf4v" }, "self-start": { defaultClass: "sprinkles_alignSelf_self-start__1bzvwaf4w" }, start: { defaultClass: "sprinkles_alignSelf_start__1bzvwaf4x" }, auto: { defaultClass: "sprinkles_alignSelf_auto__1bzvwaf4y" }, baseline: { defaultClass: "sprinkles_alignSelf_baseline__1bzvwaf4z" }, normal: { defaultClass: "sprinkles_alignSelf_normal__1bzvwaf50" }, stretch: { defaultClass: "sprinkles_alignSelf_stretch__1bzvwaf51" } } }, placeSelf: { values: { center: { defaultClass: "sprinkles_placeSelf_center__1bzvwaf52" }, end: { defaultClass: "sprinkles_placeSelf_end__1bzvwaf53" }, "flex-end": { defaultClass: "sprinkles_placeSelf_flex-end__1bzvwaf54" }, "flex-start": { defaultClass: "sprinkles_placeSelf_flex-start__1bzvwaf55" }, "self-end": { defaultClass: "sprinkles_placeSelf_self-end__1bzvwaf56" }, "self-start": { defaultClass: "sprinkles_placeSelf_self-start__1bzvwaf57" }, start: { defaultClass: "sprinkles_placeSelf_start__1bzvwaf58" }, auto: { defaultClass: "sprinkles_placeSelf_auto__1bzvwaf59" }, baseline: { defaultClass: "sprinkles_placeSelf_baseline__1bzvwaf5a" }, normal: { defaultClass: "sprinkles_placeSelf_normal__1bzvwaf5b" }, stretch: { defaultClass: "sprinkles_placeSelf_stretch__1bzvwaf5c" } } }, justifyItems: { values: { center: { defaultClass: "sprinkles_justifyItems_center__1bzvwaf5d" }, end: { defaultClass: "sprinkles_justifyItems_end__1bzvwaf5e" }, "flex-end": { defaultClass: "sprinkles_justifyItems_flex-end__1bzvwaf5f" }, "flex-start": { defaultClass: "sprinkles_justifyItems_flex-start__1bzvwaf5g" }, "self-end": { defaultClass: "sprinkles_justifyItems_self-end__1bzvwaf5h" }, "self-start": { defaultClass: "sprinkles_justifyItems_self-start__1bzvwaf5i" }, start: { defaultClass: "sprinkles_justifyItems_start__1bzvwaf5j" }, baseline: { defaultClass: "sprinkles_justifyItems_baseline__1bzvwaf5k" }, left: { defaultClass: "sprinkles_justifyItems_left__1bzvwaf5l" }, legacy: { defaultClass: "sprinkles_justifyItems_legacy__1bzvwaf5m" }, normal: { defaultClass: "sprinkles_justifyItems_normal__1bzvwaf5n" }, right: { defaultClass: "sprinkles_justifyItems_right__1bzvwaf5o" }, stretch: { defaultClass: "sprinkles_justifyItems_stretch__1bzvwaf5p" } } }, alignItems: { values: { center: { defaultClass: "sprinkles_alignItems_center__1bzvwaf5q" }, end: { defaultClass: "sprinkles_alignItems_end__1bzvwaf5r" }, "flex-end": { defaultClass: "sprinkles_alignItems_flex-end__1bzvwaf5s" }, "flex-start": { defaultClass: "sprinkles_alignItems_flex-start__1bzvwaf5t" }, "self-end": { defaultClass: "sprinkles_alignItems_self-end__1bzvwaf5u" }, "self-start": { defaultClass: "sprinkles_alignItems_self-start__1bzvwaf5v" }, start: { defaultClass: "sprinkles_alignItems_start__1bzvwaf5w" }, baseline: { defaultClass: "sprinkles_alignItems_baseline__1bzvwaf5x" }, normal: { defaultClass: "sprinkles_alignItems_normal__1bzvwaf5y" }, stretch: { defaultClass: "sprinkles_alignItems_stretch__1bzvwaf5z" } } }, placeItems: { values: { center: { defaultClass: "sprinkles_placeItems_center__1bzvwaf60" }, end: { defaultClass: "sprinkles_placeItems_end__1bzvwaf61" }, "flex-end": { defaultClass: "sprinkles_placeItems_flex-end__1bzvwaf62" }, "flex-start": { defaultClass: "sprinkles_placeItems_flex-start__1bzvwaf63" }, "self-end": { defaultClass: "sprinkles_placeItems_self-end__1bzvwaf64" }, "self-start": { defaultClass: "sprinkles_placeItems_self-start__1bzvwaf65" }, start: { defaultClass: "sprinkles_placeItems_start__1bzvwaf66" }, baseline: { defaultClass: "sprinkles_placeItems_baseline__1bzvwaf67" }, normal: { defaultClass: "sprinkles_placeItems_normal__1bzvwaf68" }, stretch: { defaultClass: "sprinkles_placeItems_stretch__1bzvwaf69" } } }, justifyContent: { values: { "space-around": { defaultClass: "sprinkles_justifyContent_space-around__1bzvwaf6a" }, "space-between": { defaultClass: "sprinkles_justifyContent_space-between__1bzvwaf6b" }, "space-evenly": { defaultClass: "sprinkles_justifyContent_space-evenly__1bzvwaf6c" }, stretch: { defaultClass: "sprinkles_justifyContent_stretch__1bzvwaf6d" }, center: { defaultClass: "sprinkles_justifyContent_center__1bzvwaf6e" }, end: { defaultClass: "sprinkles_justifyContent_end__1bzvwaf6f" }, "flex-end": { defaultClass: "sprinkles_justifyContent_flex-end__1bzvwaf6g" }, "flex-start": { defaultClass: "sprinkles_justifyContent_flex-start__1bzvwaf6h" }, start: { defaultClass: "sprinkles_justifyContent_start__1bzvwaf6i" }, left: { defaultClass: "sprinkles_justifyContent_left__1bzvwaf6j" }, normal: { defaultClass: "sprinkles_justifyContent_normal__1bzvwaf6k" }, right: { defaultClass: "sprinkles_justifyContent_right__1bzvwaf6l" } } }, alignContent: { values: { "space-around": { defaultClass: "sprinkles_alignContent_space-around__1bzvwaf6m" }, "space-between": { defaultClass: "sprinkles_alignContent_space-between__1bzvwaf6n" }, "space-evenly": { defaultClass: "sprinkles_alignContent_space-evenly__1bzvwaf6o" }, stretch: { defaultClass: "sprinkles_alignContent_stretch__1bzvwaf6p" }, center: { defaultClass: "sprinkles_alignContent_center__1bzvwaf6q" }, end: { defaultClass: "sprinkles_alignContent_end__1bzvwaf6r" }, "flex-end": { defaultClass: "sprinkles_alignContent_flex-end__1bzvwaf6s" }, "flex-start": { defaultClass: "sprinkles_alignContent_flex-start__1bzvwaf6t" }, start: { defaultClass: "sprinkles_alignContent_start__1bzvwaf6u" }, baseline: { defaultClass: "sprinkles_alignContent_baseline__1bzvwaf6v" }, normal: { defaultClass: "sprinkles_alignContent_normal__1bzvwaf6w" } } }, placeContent: { values: { "space-around": { defaultClass: "sprinkles_placeContent_space-around__1bzvwaf6x" }, "space-between": { defaultClass: "sprinkles_placeContent_space-between__1bzvwaf6y" }, "space-evenly": { defaultClass: "sprinkles_placeContent_space-evenly__1bzvwaf6z" }, stretch: { defaultClass: "sprinkles_placeContent_stretch__1bzvwaf70" }, center: { defaultClass: "sprinkles_placeContent_center__1bzvwaf71" }, end: { defaultClass: "sprinkles_placeContent_end__1bzvwaf72" }, "flex-end": { defaultClass: "sprinkles_placeContent_flex-end__1bzvwaf73" }, "flex-start": { defaultClass: "sprinkles_placeContent_flex-start__1bzvwaf74" }, start: { defaultClass: "sprinkles_placeContent_start__1bzvwaf75" }, baseline: { defaultClass: "sprinkles_placeContent_baseline__1bzvwaf76" }, normal: { defaultClass: "sprinkles_placeContent_normal__1bzvwaf77" } } }, display: { values: { flex: { defaultClass: "sprinkles_display_flex__1bzvwaf78" }, grid: { defaultClass: "sprinkles_display_grid__1bzvwaf79" } } } } };
+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 internalSprinkles = (0, import_createRuntimeSprinkles.createSprinkles)(globalSprinkleProperties);

package/styles/textStyle.css

@@ -1,4 +1,4 @@
-.textStyle_textStyleCSS_compound_0__da9a8v7 {
+.da9a8v7 {
   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);
 }
-.textStyle_textStyleCSS_compound_1__da9a8v8 {
+.da9a8v8 {
   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);
 }
-.textStyle_textStyleCSS_compound_2__da9a8v9 {
+.da9a8v9 {
   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);
 }
-.textStyle_textStyleCSS_compound_3__da9a8va {
+.da9a8va {
   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);
 }
-.textStyle_textStyleCSS_compound_4__da9a8vb {
+.da9a8vb {
   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);
 }
-.textStyle_textStyleCSS_compound_5__da9a8vc {
+.da9a8vc {
   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);
 }
-.textStyle_textStyleCSS_compound_6__da9a8vd {
+.da9a8vd {
   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);
 }
-.textStyle_textStyleCSS_compound_7__da9a8ve {
+.da9a8ve {
   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: "textStyle__da9a8v0", variantClassNames: { fontStyle: { code: "textStyle_textStyleCSS_fontStyle_code__da9a8v1", text: "textStyle_textStyleCSS_fontStyle_text__da9a8v2" }, textStyle: { base: "textStyle_textStyleCSS_textStyle_base__da9a8v3", "base-emphasized": "textStyle_textStyleCSS_textStyle_base-emphasized__da9a8v4", small: "textStyle_textStyleCSS_textStyle_small__da9a8v5", "small-emphasized": "textStyle_textStyleCSS_textStyle_small-emphasized__da9a8v6" } }, defaultVariants: { fontStyle: "text", textStyle: "base" }, compoundVariants: [[{ fontStyle: "code", textStyle: "base" }, "textStyle_textStyleCSS_compound_0__da9a8v7"], [{ fontStyle: "code", textStyle: "base-emphasized" }, "textStyle_textStyleCSS_compound_1__da9a8v8"], [{ fontStyle: "code", textStyle: "small" }, "textStyle_textStyleCSS_compound_2__da9a8v9"], [{ fontStyle: "code", textStyle: "small-emphasized" }, "textStyle_textStyleCSS_compound_3__da9a8va"], [{ fontStyle: "text", textStyle: "base" }, "textStyle_textStyleCSS_compound_4__da9a8vb"], [{ fontStyle: "text", textStyle: "base-emphasized" }, "textStyle_textStyleCSS_compound_5__da9a8vc"], [{ fontStyle: "text", textStyle: "small" }, "textStyle_textStyleCSS_compound_6__da9a8vd"], [{ fontStyle: "text", textStyle: "small-emphasized" }, "textStyle_textStyleCSS_compound_7__da9a8ve"]] });
+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"]] });

package/typography/block-quote/Blockquote.css

@@ -1,11 +1,11 @@
-.Blockquote_blockquoteCSS__1knl9z60 {
+._1knl9z60 {
   position: relative;
   margin: var(--dt-spacings-size-0, 0);
   padding-left: var(--dt-spacings-size-40, 40px);
   word-break: normal;
   overflow-wrap: anywhere;
 }
-.Blockquote_blockquoteCSS__1knl9z60:before {
+._1knl9z60: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 = "Blockquote_blockquoteCSS__1knl9z60";
+var blockquoteCSS = "_1knl9z60";

package/typography/code/Code.css

@@ -1,4 +1,4 @@
-.Code_codeCSS__1v51izp0 {
+._1v51izp0 {
   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 = "Code_codeCSS__1v51izp0";
+var codeCSS = "_1v51izp0";

package/typography/emphasis/Emphasis.css

@@ -1,4 +1,4 @@
-.Emphasis_emphasisCSS__1r35rtu0 {
+._1r35rtu0 {
   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 = "Emphasis_emphasisCSS__1r35rtu0";
+var emphasisCSS = "_1r35rtu0";

package/typography/external-link/ExternalLink.css

@@ -1,23 +1,23 @@
-.ExternalLink_externalLinkCSS__1v1skpy0 {
+._1v1skpy0 {
   display: inline-block;
   color: var(--dt-colors-text-primary-default, #454cc9);
   text-decoration: underline;
   overflow-wrap: anywhere;
 }
-.ExternalLink_externalLinkCSS__1v1skpy0:hover {
+._1v1skpy0:hover {
   color: var(--dt-colors-text-primary-default-hover, #3332ae);
 }
-.ExternalLink_externalLinkCSS__1v1skpy0:active {
+._1v1skpy0:active {
   color: var(--dt-colors-text-primary-default-active, #241193);
 }
-.ExternalLink_externalLinkCSS__1v1skpy0:focus-visible {
+._1v1skpy0:focus-visible {
   text-decoration: none;
 }
-.ExternalLink_externalLinkCSS__1v1skpy0 > span {
+._1v1skpy0 > span {
   white-space: nowrap;
   display: inline-flex;
 }
-.ExternalLink_externalLinkCSS__1v1skpy0 > span > svg {
+._1v1skpy0 > span > svg {
   margin-left: var(--dt-spacings-size-2, 2px);
   align-self: center;
   min-width: var(--dt-spacings-size-20, 20px);

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 = "ExternalLink_externalLinkCSS__1v1skpy0";
+var externalLinkCSS = "_1v1skpy0";

package/typography/heading/Heading.css

@@ -1,10 +1,10 @@
-.Heading_headingCSS__5ei34w0 {
+._5ei34w0 {
   margin: 0;
   overflow-wrap: break-word;
   font-style: normal;
-  color: var(--dt-colors-text-neutral-default, #2b2a58);
+  color: inherit;
 }
-.Heading_headingCSS_visualLevel_1__5ei34w1 {
+._5ei34w1 {
   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);
 }
-.Heading_headingCSS_visualLevel_2__5ei34w2 {
+._5ei34w2 {
   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);
 }
-.Heading_headingCSS_visualLevel_3__5ei34w3 {
+._5ei34w3 {
   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);
 }
-.Heading_headingCSS_visualLevel_4__5ei34w4 {
+._5ei34w4 {
   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);
 }
-.Heading_headingCSS_visualLevel_5__5ei34w5 {
+._5ei34w5 {
   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);
 }
-.Heading_headingCSS_visualLevel_6__5ei34w6 {
+._5ei34w6 {
   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: "Heading_headingCSS__5ei34w0", variantClassNames: { visualLevel: { "1": "Heading_headingCSS_visualLevel_1__5ei34w1", "2": "Heading_headingCSS_visualLevel_2__5ei34w2", "3": "Heading_headingCSS_visualLevel_3__5ei34w3", "4": "Heading_headingCSS_visualLevel_4__5ei34w4", "5": "Heading_headingCSS_visualLevel_5__5ei34w5", "6": "Heading_headingCSS_visualLevel_6__5ei34w6" } }, defaultVariants: {}, compoundVariants: [] });
+var headingCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_5ei34w0", variantClassNames: { visualLevel: { "1": "_5ei34w1", "2": "_5ei34w2", "3": "_5ei34w3", "4": "_5ei34w4", "5": "_5ei34w5", "6": "_5ei34w6" } }, defaultVariants: {}, compoundVariants: [] });

package/typography/highlight/Highlight.css

@@ -1,4 +1,4 @@
-.Highlight_highlightCSS__lajjl30 {
+.lajjl30 {
   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 = "Highlight_highlightCSS__lajjl30";
+var highlightCSS = "lajjl30";

package/typography/link/Link.css

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

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 = "Link_linkCSS__1iksxp40";
+var linkCSS = "_1iksxp40";

package/typography/list/List.css

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

package/typography/list/List.js

@@ -74,7 +74,7 @@ const List = /* @__PURE__ */ (0, import_react.forwardRef)(
   (props, ref) => {
     const {
       children,
-      ordered = false,
+      ordered = void 0,
       textStyle,
       fontStyle,
       start = 1,

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 = "List_listCSS__16276mt0";
-var listItemCSS = "List_listItemCSS__16276mt1";
+var listCSS = "_16276mt0";
+var listItemCSS = "_16276mt1";

package/typography/paragraph/Paragraph.css

@@ -1,17 +1,17 @@
-.Paragraph_paragraphCSS__487p2n0 {
+._487p2n0 {
   margin-top: 0;
   margin-bottom: 0;
   overflow-wrap: break-word;
-  color: var(--dt-colors-text-neutral-default, #2b2a58);
+  color: inherit;
   font-style: normal;
 }
-.Paragraph_paragraphCSS_ellipsis_singleLine__487p2n1 {
+._487p2n1 {
   display: block;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
 }
-.Paragraph_paragraphCSS_ellipsis_multiLine__487p2n2 {
+._487p2n2 {
   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: "Paragraph_paragraphCSS__487p2n0", variantClassNames: { ellipsis: { singleLine: "Paragraph_paragraphCSS_ellipsis_singleLine__487p2n1", multiLine: "Paragraph_paragraphCSS_ellipsis_multiLine__487p2n2" } }, defaultVariants: {}, compoundVariants: [] });
+var paragraphCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_487p2n0", variantClassNames: { ellipsis: { singleLine: "_487p2n1", multiLine: "_487p2n2" } }, defaultVariants: {}, compoundVariants: [] });

package/typography/strikethrough/Strikethrough.css

@@ -1,4 +1,4 @@
-.Strikethrough_strikethroughCSS__4oao6y0 {
+._4oao6y0 {
   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 = "Strikethrough_strikethroughCSS__4oao6y0";
+var strikethroughCSS = "_4oao6y0";

package/typography/strong/Strong.css

@@ -1,4 +1,4 @@
-.Strong_strongCSS__wxp4dd0 {
+.wxp4dd0 {
   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 = "Strong_strongCSS__wxp4dd0";
+var strongCSS = "wxp4dd0";

package/typography/text/Text.css

@@ -1,16 +1,16 @@
-.Text_textCSS__rup8ap0 {
+.rup8ap0 {
   margin-top: 0;
   margin-bottom: 0;
   min-width: 0;
   overflow-wrap: break-word;
 }
-.Text_textCSS_ellipsis_singleLine__rup8ap1 {
+.rup8ap1 {
   display: block;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
 }
-.Text_textCSS_ellipsis_multiLine__rup8ap2 {
+.rup8ap2 {
   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: "Text_textCSS__rup8ap0", variantClassNames: { ellipsis: { singleLine: "Text_textCSS_ellipsis_singleLine__rup8ap1", multiLine: "Text_textCSS_ellipsis_multiLine__rup8ap2" } }, defaultVariants: {}, compoundVariants: [] });
+var textCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "rup8ap0", variantClassNames: { ellipsis: { singleLine: "rup8ap1", multiLine: "rup8ap2" } }, defaultVariants: {}, compoundVariants: [] });

package/typography/text-ellipsis/TextEllipsis.css

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

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: "TextEllipsis_textEllipsisCSS__1mnpbqs0", variantClassNames: { truncationMode: { start: "TextEllipsis_textEllipsisCSS_truncationMode_start__1mnpbqs1", middle: "TextEllipsis_textEllipsisCSS_truncationMode_middle__1mnpbqs2", end: "TextEllipsis_textEllipsisCSS_truncationMode_end__1mnpbqs3" } }, defaultVariants: {}, compoundVariants: [] });
+var textEllipsisCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1mnpbqs0", variantClassNames: { truncationMode: { start: "_1mnpbqs1", middle: "_1mnpbqs2", end: "_1mnpbqs3" } }, defaultVariants: {}, compoundVariants: [] });