@dynatrace/strato-components 1.15.0 → 1.16.1

package/styles/sprinkles.sty.d.ts

@@ -525,15 +525,15 @@ export declare const globalSprinkleProperties: {
         };
         justifySelf: {
             values: {
-                normal: {
-                    defaultClass: string;
-                };
                 left: {
                     defaultClass: string;
                 };
                 right: {
                     defaultClass: string;
                 };
+                normal: {
+                    defaultClass: string;
+                };
                 auto: {
                     defaultClass: string;
                 };
@@ -642,15 +642,15 @@ export declare const globalSprinkleProperties: {
         };
         justifyItems: {
             values: {
-                normal: {
-                    defaultClass: string;
-                };
                 left: {
                     defaultClass: string;
                 };
                 right: {
                     defaultClass: string;
                 };
+                normal: {
+                    defaultClass: string;
+                };
                 stretch: {
                     defaultClass: string;
                 };
@@ -753,15 +753,15 @@ export declare const globalSprinkleProperties: {
         };
         justifyContent: {
             values: {
-                normal: {
-                    defaultClass: string;
-                };
                 left: {
                     defaultClass: string;
                 };
                 right: {
                     defaultClass: string;
                 };
+                normal: {
+                    defaultClass: string;
+                };
                 "space-around": {
                     defaultClass: string;
                 };
@@ -898,13 +898,13 @@ export declare const internalSprinkles: ((props: {
     marginBottom?: 0 | "auto" | 2 | 4 | 6 | 8 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | undefined;
     marginLeft?: 0 | "auto" | 2 | 4 | 6 | 8 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | undefined;
     marginRight?: 0 | "auto" | 2 | 4 | 6 | 8 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | undefined;
-    justifySelf?: "normal" | "left" | "right" | "auto" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "self-end" | "self-start" | undefined;
+    justifySelf?: "left" | "right" | "normal" | "auto" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "self-end" | "self-start" | undefined;
     alignSelf?: "normal" | "auto" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "self-end" | "self-start" | undefined;
     placeSelf?: "normal" | "auto" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "self-end" | "self-start" | undefined;
-    justifyItems?: "normal" | "left" | "right" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "self-end" | "self-start" | "legacy" | undefined;
+    justifyItems?: "left" | "right" | "normal" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "self-end" | "self-start" | "legacy" | undefined;
     alignItems?: "normal" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "self-end" | "self-start" | undefined;
     placeItems?: "normal" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "self-end" | "self-start" | undefined;
-    justifyContent?: "normal" | "left" | "right" | "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | undefined;
+    justifyContent?: "left" | "right" | "normal" | "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | undefined;
     alignContent?: "normal" | "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | undefined;
     placeContent?: "normal" | "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | undefined;
     display?: "flex" | "grid" | undefined;

package/styles/sprinkles.sty.js

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

package/styles/textStyle.css

@@ -1,4 +1,4 @@
-._da9a8v7-1-15-0 {
+._da9a8v7-1-16-1 {
   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-1-15-0 {
+._da9a8v8-1-16-1 {
   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-1-15-0 {
+._da9a8v9-1-16-1 {
   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-1-15-0 {
+._da9a8va-1-16-1 {
   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-1-15-0 {
+._da9a8vb-1-16-1 {
   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-1-15-0 {
+._da9a8vc-1-16-1 {
   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-1-15-0 {
+._da9a8vd-1-16-1 {
   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-1-15-0 {
+._da9a8ve-1-16-1 {
   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

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

package/typography/block-quote/Blockquote.css

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

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

@@ -22,4 +22,4 @@ __export(Blockquote_css_exports, {
 });
 module.exports = __toCommonJS(Blockquote_css_exports);
 var import_Blockquote_css_ts_vanilla = require("./Blockquote.css");
-var blockquoteCSS = "_1knl9z60-1-15-0";
+var blockquoteCSS = "_1knl9z60-1-16-1";

package/typography/code/Code.css

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

package/typography/code/Code.sty.js

@@ -22,4 +22,4 @@ __export(Code_css_exports, {
 });
 module.exports = __toCommonJS(Code_css_exports);
 var import_Code_css_ts_vanilla = require("./Code.css");
-var codeCSS = "_1v51izp0-1-15-0";
+var codeCSS = "_1v51izp0-1-16-1";

package/typography/emphasis/Emphasis.css

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

package/typography/emphasis/Emphasis.sty.js

@@ -22,4 +22,4 @@ __export(Emphasis_css_exports, {
 });
 module.exports = __toCommonJS(Emphasis_css_exports);
 var import_Emphasis_css_ts_vanilla = require("./Emphasis.css");
-var emphasisCSS = "_1r35rtu0-1-15-0";
+var emphasisCSS = "_1r35rtu0-1-16-1";

package/typography/external-link/ExternalLink.css

@@ -1,25 +1,23 @@
-._1v1skpy0-1-15-0 {
+._1v1skpy0-1-16-1 {
   display: inline;
   color: var(--dt-colors-text-primary-default, #464cce);
   text-decoration: underline;
   overflow-wrap: anywhere;
 }
-._1v1skpy0-1-15-0:hover {
+._1v1skpy0-1-16-1:hover {
   color: var(--dt-colors-text-primary-default-hover, #3431b3);
 }
-._1v1skpy0-1-15-0:active {
+._1v1skpy0-1-16-1:active {
   color: var(--dt-colors-text-primary-default-active, #250f98);
 }
-._1v1skpy0-1-15-0 > span:last-child {
+._1v1skpy0-1-16-1 > span:last-child {
   white-space: nowrap;
 }
-._1v1skpy0-1-15-0 > span:last-child > svg {
+._1v1skpy0-1-16-1 > span:last-child > svg {
   margin-left: var(--dt-spacings-size-2, 2px);
   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;
+  vertical-align: bottom;
 }

package/typography/external-link/ExternalLink.js

@@ -71,7 +71,7 @@ const ExternalLink = /* @__PURE__ */ (0, import_react.forwardRef)((props, ref) =
       ...(0, import_merge_props.mergeProps)(remainingProps, focusProps),
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { style: { userSelect: "none" }, children: [
           "\uFEFF",
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
             import_strato_icons.ExternalLinkIcon,

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

@@ -22,4 +22,4 @@ __export(ExternalLink_css_exports, {
 });
 module.exports = __toCommonJS(ExternalLink_css_exports);
 var import_ExternalLink_css_ts_vanilla = require("./ExternalLink.css");
-var externalLink = "_1v1skpy0-1-15-0";
+var externalLink = "_1v1skpy0-1-16-1";

package/typography/heading/Heading.css

@@ -1,10 +1,10 @@
-._5ei34w0-1-15-0 {
+._5ei34w0-1-16-1 {
   margin: 0;
   overflow-wrap: break-word;
   font-style: normal;
   color: inherit;
 }
-._5ei34w1-1-15-0 {
+._5ei34w1-1-16-1 {
   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-1-15-0 {
+._5ei34w2-1-16-1 {
   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-1-15-0 {
+._5ei34w3-1-16-1 {
   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-1-15-0 {
+._5ei34w4-1-16-1 {
   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-1-15-0 {
+._5ei34w5-1-16-1 {
   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-1-15-0 {
+._5ei34w6-1-16-1 {
   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

@@ -23,4 +23,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-1-15-0", variantClassNames: { visualLevel: { "1": "_5ei34w1-1-15-0", "2": "_5ei34w2-1-15-0", "3": "_5ei34w3-1-15-0", "4": "_5ei34w4-1-15-0", "5": "_5ei34w5-1-15-0", "6": "_5ei34w6-1-15-0" } }, defaultVariants: {}, compoundVariants: [] });
+var headingCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_5ei34w0-1-16-1", variantClassNames: { visualLevel: { "1": "_5ei34w1-1-16-1", "2": "_5ei34w2-1-16-1", "3": "_5ei34w3-1-16-1", "4": "_5ei34w4-1-16-1", "5": "_5ei34w5-1-16-1", "6": "_5ei34w6-1-16-1" } }, defaultVariants: {}, compoundVariants: [] });

package/typography/highlight/Highlight.css

@@ -1,8 +1,8 @@
-._lajjl30-1-15-0 {
+._lajjl30-1-16-1 {
   white-space: pre-wrap;
   flex: none;
 }
-._lajjl30-1-15-0::highlight(strato-typography-highlight), ._lajjl30-1-15-0 *::highlight(strato-typography-highlight) {
+._lajjl30-1-16-1::highlight(strato-typography-highlight), ._lajjl30-1-16-1 *::highlight(strato-typography-highlight) {
   color: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
   background: var(--dt-colors-background-container-neutral-accent, #5b5c81);
 }

package/typography/highlight/Highlight.sty.js

@@ -22,4 +22,4 @@ __export(Highlight_css_exports, {
 });
 module.exports = __toCommonJS(Highlight_css_exports);
 var import_Highlight_css_ts_vanilla = require("./Highlight.css");
-var wrapper = "_lajjl30-1-15-0";
+var wrapper = "_lajjl30-1-16-1";

package/typography/link/Link.css

@@ -1,12 +1,12 @@
-._1iksxp40-1-15-0 {
+._1iksxp40-1-16-1 {
   display: inline;
   color: var(--dt-colors-text-primary-default, #464cce);
   text-decoration: underline;
   overflow-wrap: anywhere;
 }
-._1iksxp40-1-15-0:hover {
+._1iksxp40-1-16-1:hover {
   color: var(--dt-colors-text-primary-default-hover, #3431b3);
 }
-._1iksxp40-1-15-0:active {
+._1iksxp40-1-16-1:active {
   color: var(--dt-colors-text-primary-default-active, #250f98);
 }

package/typography/link/Link.sty.js

@@ -22,4 +22,4 @@ __export(Link_css_exports, {
 });
 module.exports = __toCommonJS(Link_css_exports);
 var import_Link_css_ts_vanilla = require("./Link.css");
-var link = "_1iksxp40-1-15-0";
+var link = "_1iksxp40-1-16-1";

package/typography/list/List.css

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

package/typography/list/List.sty.js

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

package/typography/paragraph/Paragraph.css

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

package/typography/paragraph/Paragraph.sty.js

@@ -23,4 +23,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 paragraph = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_487p2n0-1-15-0", variantClassNames: { ellipsis: { singleLine: "_487p2n1-1-15-0", multiLine: "_487p2n2-1-15-0" } }, defaultVariants: {}, compoundVariants: [] });
+var paragraph = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_487p2n0-1-16-1", variantClassNames: { ellipsis: { singleLine: "_487p2n1-1-16-1", multiLine: "_487p2n2-1-16-1" } }, defaultVariants: {}, compoundVariants: [] });

package/typography/strikethrough/Strikethrough.css

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

package/typography/strikethrough/Strikethrough.sty.js

@@ -22,4 +22,4 @@ __export(Strikethrough_css_exports, {
 });
 module.exports = __toCommonJS(Strikethrough_css_exports);
 var import_Strikethrough_css_ts_vanilla = require("./Strikethrough.css");
-var strikethroughCSS = "_4oao6y0-1-15-0";
+var strikethroughCSS = "_4oao6y0-1-16-1";

package/typography/strong/Strong.css

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

package/typography/strong/Strong.sty.js

@@ -22,4 +22,4 @@ __export(Strong_css_exports, {
 });
 module.exports = __toCommonJS(Strong_css_exports);
 var import_Strong_css_ts_vanilla = require("./Strong.css");
-var strongCSS = "_wxp4dd0-1-15-0";
+var strongCSS = "_wxp4dd0-1-16-1";

package/typography/text/Text.css

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

package/typography/text/Text.sty.js

@@ -23,4 +23,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 text = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_rup8ap0-1-15-0", variantClassNames: { ellipsis: { singleLine: "_rup8ap1-1-15-0", multiLine: "_rup8ap2-1-15-0" } }, defaultVariants: {}, compoundVariants: [] });
+var text = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_rup8ap0-1-16-1", variantClassNames: { ellipsis: { singleLine: "_rup8ap1-1-16-1", multiLine: "_rup8ap2-1-16-1" } }, defaultVariants: {}, compoundVariants: [] });

package/typography/text-ellipsis/TextEllipsis.css

@@ -1,4 +1,4 @@
-._1mnpbqs1-1-15-0 {
+._1mnpbqs1-1-16-1 {
   display: inline-block;
   box-sizing: border-box;
   vertical-align: middle;
@@ -9,18 +9,18 @@
   text-decoration: inherit;
   width: 100%;
 }
-._1mnpbqs2-1-15-0 {
+._1mnpbqs2-1-16-1 {
   text-overflow: ellipsis;
   direction: rtl;
   text-align: left;
 }
-._1mnpbqs2-1-15-0::after, ._1mnpbqs2-1-15-0::before {
+._1mnpbqs2-1-16-1::after, ._1mnpbqs2-1-16-1::before {
   content: "‎";
 }
-._1mnpbqs3-1-15-0 {
+._1mnpbqs3-1-16-1 {
   text-overflow: clip;
 }
-._1mnpbqs3-1-15-0._1mnpbqs0-1-15-0:after {
+._1mnpbqs3-1-16-1._1mnpbqs0-1-16-1:after {
   content: attr(data-sourcetext) / "";
   color: transparent;
   display: table;
@@ -28,6 +28,6 @@
   line-height: 0;
   user-select: none;
 }
-._1mnpbqs4-1-15-0 {
+._1mnpbqs4-1-16-1 {
   text-overflow: ellipsis;
 }

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

@@ -24,5 +24,5 @@ __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 active = "_1mnpbqs0-1-15-0";
-var ellipsis = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1mnpbqs1-1-15-0", variantClassNames: { truncationMode: { start: "_1mnpbqs2-1-15-0", middle: "_1mnpbqs3-1-15-0", end: "_1mnpbqs4-1-15-0" } }, defaultVariants: {}, compoundVariants: [] });
+var active = "_1mnpbqs0-1-16-1";
+var ellipsis = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1mnpbqs1-1-16-1", variantClassNames: { truncationMode: { start: "_1mnpbqs2-1-16-1", middle: "_1mnpbqs3-1-16-1", end: "_1mnpbqs4-1-16-1" } }, defaultVariants: {}, compoundVariants: [] });