@dynatrace/strato-components 0.84.31 → 0.84.51

package/styles/sprinkles.sty.js

@@ -0,0 +1,27 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var sprinkles_css_exports = {};
+__export(sprinkles_css_exports, {
+  globalSprinkleProperties: () => globalSprinkleProperties,
+  internalSprinkles: () => internalSprinkles
+});
+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 internalSprinkles = (0, import_createRuntimeSprinkles.createSprinkles)(globalSprinkleProperties);

package/styles/textStyle.css

@@ -0,0 +1,64 @@
+.textStyle_textStyleCSS_compound_0__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);
+  line-height: var(--dt-typography-code-base-default-line-height, 1.4285714286);
+  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 {
+  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);
+  line-height: var(--dt-typography-code-base-emphasized-line-height, 1.4285714286);
+  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 {
+  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);
+  line-height: var(--dt-typography-code-small-default-line-height, 1.333333333);
+  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 {
+  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);
+  line-height: var(--dt-typography-code-small-emphasized-line-height, 1.333333333);
+  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 {
+  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);
+  line-height: var(--dt-typography-text-base-default-line-height, 1.4285714286);
+  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 {
+  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);
+  line-height: var(--dt-typography-text-base-emphasized-line-height, 1.4285714286);
+  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 {
+  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);
+  line-height: var(--dt-typography-text-small-default-line-height, 1.333333333);
+  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 {
+  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);
+  line-height: var(--dt-typography-text-small-emphasized-line-height, 1.333333333);
+  text-decoration: var(--dt-typography-text-small-emphasized-text-decoration, none);
+  text-transform: var(--dt-typography-text-small-emphasized-text-transform, none);
+}

package/styles/textStyle.sty.d.ts

@@ -0,0 +1,13 @@
+/** @internal */
+export declare const textStyleCSS: import("@vanilla-extract/recipes").RuntimeFn<{
+    fontStyle: {
+        code: {};
+        text: {};
+    };
+    textStyle: {
+        base: {};
+        'base-emphasized': {};
+        small: {};
+        'small-emphasized': {};
+    };
+}>;

package/styles/textStyle.sty.js

@@ -0,0 +1,25 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var textStyle_css_exports = {};
+__export(textStyle_css_exports, {
+  textStyleCSS: () => textStyleCSS
+});
+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"]] });

package/testing/mocks/canvas-mock.js

@@ -137,7 +137,12 @@ function setupCanvasMeasureTextMock(mockTextWidth) {
           fontBoundingBoxAscent: 0,
           fontBoundingBoxDescent: 0,
           actualBoundingBoxAscent: 0,
-          actualBoundingBoxDescent: 0
+          actualBoundingBoxDescent: 0,
+          alphabeticBaseline: 0,
+          emHeightAscent: 0,
+          emHeightDescent: 0,
+          hangingBaseline: 0,
+          ideographicBaseline: 0
         };
       },
       scale: () => {

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

@@ -1,4 +1,4 @@
 /** Mocks DOM properties and functions required for the TextEllipsis component to work. */
-export declare function setupTextEllipsisMock(availableWidth?: number, textWidth?: number, mockCanvas?: boolean): void;
+export declare function setupTextEllipsisMock(containerWidth?: number, textWidth?: number, mockCanvas?: boolean): void;
 /** Clears mocked DOM properties and functions required for the TextEllipsis component to work. */
 export declare function clearTextEllipsisMock(): void;

package/testing/mocks/text-ellipsis-mock.js

@@ -23,10 +23,15 @@ __export(text_ellipsis_mock_exports, {
 module.exports = __toCommonJS(text_ellipsis_mock_exports);
 var import_bounding_client_rect_mock = require("./bounding-client-rect-mock.js");
 var import_canvas_mock = require("./canvas-mock.js");
+var import_dom_rect_mock = require("./dom-rect-mock.js");
 var import_scroll_width_mock = require("./scroll-width-mock.js");
-function setupTextEllipsisMock(availableWidth = 250, textWidth = 200, mockCanvas = false) {
-  (0, import_bounding_client_rect_mock.setupGetBoundingClientRectMock)(availableWidth);
-  (0, import_scroll_width_mock.setupScrollWidthMock)(textWidth);
+function setupTextEllipsisMock(containerWidth = 250, textWidth = 200, mockCanvas = false) {
+  (0, import_bounding_client_rect_mock.setupGetBoundingClientRectMock)(function() {
+    if (this.getAttribute("data-ellipsis") !== null) {
+      return (0, import_dom_rect_mock.createDOMRect)(containerWidth, 0);
+    }
+    return (0, import_dom_rect_mock.createDOMRect)(textWidth, 0);
+  });
   if (mockCanvas) {
     (0, import_canvas_mock.setupCanvasMeasureTextMock)();
   }

package/typography/BlockQuote/Blockquote.css

@@ -0,0 +1,17 @@
+.Blockquote_blockquoteCSS__18f615k0 {
+  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__18f615k0:before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: calc(var(--dt-spacings-size-40, 40px) - var(--dt-spacings-size-12, 12px));
+  width: var(--dt-borders-width-emphasized, 2px);
+  border-radius: var(--dt-borders-radius-field-emphasized, 9999px);
+  height: 100%;
+  background: var(--dt-colors-border-neutral-default, #d2d3e1);
+}

package/typography/BlockQuote/Blockquote.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import type { DataTestId, StylingProps, WithChildren } from '../../core/index.js';
+import type { MaskingProps } from '../../core/types/masking-props.js';
+/**
+ * The props for the Blockquote component.
+ * @public
+ */
+export interface BlockquoteProps extends WithChildren, StylingProps, DataTestId, MaskingProps {
+    /**
+     * A URL that designates a source document or message for the information quoted.
+     * This attribute is intended to point to information explaining the context for the quoted content.
+     */
+    cite?: string;
+}
+/**
+ * @public
+ * The `Blockquote` component wraps longer text blocks and indicates that the passage is quoted from another source.
+ */
+export declare const Blockquote: (props: BlockquoteProps & React.RefAttributes<HTMLQuoteElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;

package/typography/BlockQuote/Blockquote.js

@@ -0,0 +1,62 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Blockquote_exports = {};
+__export(Blockquote_exports, {
+  Blockquote: () => Blockquote
+});
+module.exports = __toCommonJS(Blockquote_exports);
+var import_clsx = __toESM(require("clsx"));
+var import_react = __toESM(require("react"));
+var import_Blockquote_css = require("./Blockquote.sty.js");
+const Blockquote = /* @__PURE__ */ (0, import_react.forwardRef)((props, ref) => {
+  const {
+    children,
+    cite,
+    "data-testid": dataTestId,
+    "data-dtrum-mask": dataDtrumMask,
+    "data-dtrum-allow": dataDtrumAllow,
+    className: consumerClassName,
+    style: consumerStyle,
+    ...remainingProps
+  } = props;
+  return /* @__PURE__ */ import_react.default.createElement(
+    "blockquote",
+    {
+      cite,
+      ref,
+      "data-testid": dataTestId,
+      "data-dtrum-mask": dataDtrumMask,
+      "data-dtrum-allow": dataDtrumAllow,
+      className: (0, import_clsx.default)(import_Blockquote_css.blockquoteCSS, consumerClassName),
+      style: consumerStyle,
+      ...remainingProps
+    },
+    children
+  );
+});
+Blockquote.displayName = "Blockquote";

package/typography/BlockQuote/Blockquote.sty.d.ts

@@ -0,0 +1 @@
+export declare const blockquoteCSS: string;

package/typography/BlockQuote/Blockquote.sty.js

@@ -0,0 +1,24 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Blockquote_css_exports = {};
+__export(Blockquote_css_exports, {
+  blockquoteCSS: () => blockquoteCSS
+});
+module.exports = __toCommonJS(Blockquote_css_exports);
+var import_Blockquote_css_ts_vanilla = require("./Blockquote.css");
+var blockquoteCSS = "Blockquote_blockquoteCSS__18f615k0";

package/typography/Code/Code.css

@@ -0,0 +1,16 @@
+.Code_codeCSS__1lx0ryl0 {
+  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);
+  padding-left: var(--dt-spacings-size-4, 4px);
+  padding-right: var(--dt-spacings-size-4, 4px);
+  border-radius: var(--dt-borders-radius-field-subdued, 4px);
+  overflow-wrap: break-word;
+  font-style: normal;
+  font-family: var(--dt-typography-code-base-default-family, Roboto Mono,monospace);
+  font-weight: var(--dt-typography-code-base-default-weight, 400);
+  text-transform: var(--dt-typography-code-base-default-text-transform, none);
+  text-decoration: var(--dt-typography-code-base-default-text-decoration, none);
+  box-decoration-break: clone;
+  -webkit-box-decoration-break: clone;
+}

package/typography/Code/Code.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { type DataTestId, type StylingProps, type WithChildren } from '../../core/index.js';
+import type { MaskingProps } from '../../core/types/masking-props.js';
+/**
+ * The props for the Code component.
+ * @public
+ */
+export interface CodeProps extends WithChildren, StylingProps, DataTestId, MaskingProps {
+}
+/**
+ * @public
+ * Use the `Code` component to display snippets of code inline. If you want to
+ * display a block of code, use the
+ * {@link https://developer.dynatrace.com/reference/design-system/preview/content/CodeSnippet/ | `CodeSnippet`}
+ * component instead.
+ */
+export declare const Code: (props: CodeProps & React.RefAttributes<HTMLElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;

package/typography/Code/Code.js

@@ -0,0 +1,62 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Code_exports = {};
+__export(Code_exports, {
+  Code: () => Code
+});
+module.exports = __toCommonJS(Code_exports);
+var import_clsx = __toESM(require("clsx"));
+var import_react = __toESM(require("react"));
+var import_Code_css = require("./Code.sty.js");
+const Code = /* @__PURE__ */ (0, import_react.forwardRef)(
+  (props, ref) => {
+    const {
+      children,
+      "data-testid": dataTestId,
+      "data-dtrum-mask": dataDtrumMask,
+      "data-dtrum-allow": dataDtrumAllow,
+      className: consumerClassName,
+      style: consumerStyle,
+      ...remainingProps
+    } = props;
+    return /* @__PURE__ */ import_react.default.createElement(
+      "code",
+      {
+        ref,
+        "data-testid": dataTestId,
+        "data-dtrum-mask": dataDtrumMask,
+        "data-dtrum-allow": dataDtrumAllow,
+        className: (0, import_clsx.default)(import_Code_css.codeCSS, consumerClassName),
+        style: consumerStyle,
+        ...remainingProps
+      },
+      children
+    );
+  }
+);
+Code.displayName = "Code";

package/typography/Code/Code.sty.d.ts

@@ -0,0 +1 @@
+export declare const codeCSS: string;

package/typography/Code/Code.sty.js

@@ -0,0 +1,24 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Code_css_exports = {};
+__export(Code_css_exports, {
+  codeCSS: () => codeCSS
+});
+module.exports = __toCommonJS(Code_css_exports);
+var import_Code_css_ts_vanilla = require("./Code.css");
+var codeCSS = "Code_codeCSS__1lx0ryl0";

package/typography/Emphasis/Emphasis.css

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

package/typography/Emphasis/Emphasis.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { type DataTestId, type StylingProps, type WithChildren } from '../../core/index.js';
+import type { MaskingProps } from '../../core/types/masking-props.js';
+/**
+ * The props for the Emphasis component.
+ * @public
+ */
+export interface EmphasisProps extends WithChildren, StylingProps, DataTestId, MaskingProps {
+}
+/**
+ * @public
+ * The `Emphasis` component adds visual and semantic emphasis to stressed or essential content.
+ */
+export declare const Emphasis: (props: EmphasisProps & React.RefAttributes<HTMLElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;

package/typography/Emphasis/Emphasis.js

@@ -0,0 +1,62 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Emphasis_exports = {};
+__export(Emphasis_exports, {
+  Emphasis: () => Emphasis
+});
+module.exports = __toCommonJS(Emphasis_exports);
+var import_clsx = __toESM(require("clsx"));
+var import_react = __toESM(require("react"));
+var import_Emphasis_css = require("./Emphasis.sty.js");
+const Emphasis = /* @__PURE__ */ (0, import_react.forwardRef)(
+  (props, ref) => {
+    const {
+      children,
+      "data-testid": dataTestId,
+      "data-dtrum-mask": dataDtrumMask,
+      "data-dtrum-allow": dataDtrumAllow,
+      className: consumerClassName,
+      style: consumerStyle,
+      ...remainingProps
+    } = props;
+    return /* @__PURE__ */ import_react.default.createElement(
+      "em",
+      {
+        ref,
+        "data-testid": dataTestId,
+        "data-dtrum-mask": dataDtrumMask,
+        "data-dtrum-allow": dataDtrumAllow,
+        className: (0, import_clsx.default)(import_Emphasis_css.emphasisCSS, consumerClassName),
+        style: consumerStyle,
+        ...remainingProps
+      },
+      children
+    );
+  }
+);
+Emphasis.displayName = "Emphasis";

package/typography/Emphasis/Emphasis.sty.d.ts

@@ -0,0 +1 @@
+export declare const emphasisCSS: string;

package/typography/Emphasis/Emphasis.sty.js

@@ -0,0 +1,24 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Emphasis_css_exports = {};
+__export(Emphasis_css_exports, {
+  emphasisCSS: () => emphasisCSS
+});
+module.exports = __toCommonJS(Emphasis_css_exports);
+var import_Emphasis_css_ts_vanilla = require("./Emphasis.css");
+var emphasisCSS = "Emphasis_emphasisCSS__19xtnhr0";

package/typography/ExternalLink/ExternalLink.css

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