@dynatrace/strato-components 3.11.1 → 3.11.2

package/core/styles/focusRingStatic.css

@@ -1,49 +1,49 @@
-._z0fq9b4-3-11-1 {
+._z0fq9b4-3-11-2 {
   outline: none;
 }
-._z0fq9b5-3-11-1 {
-  --_z0fq9b3-3-11-1: var(--dt-borders-width-default, 1px);
-  --_z0fq9b2-3-11-1: 0 0 0 var(--_z0fq9b3-3-11-1) var(--_z0fq9b0-3-11-1) inset;
+._z0fq9b5-3-11-2 {
+  --_z0fq9b3-3-11-2: var(--dt-borders-width-default, 1px);
+  --_z0fq9b2-3-11-2: 0 0 0 var(--_z0fq9b3-3-11-2) var(--_z0fq9b0-3-11-2) inset;
 }
-._z0fq9b6-3-11-1 {
-  --_z0fq9b3-3-11-1: var(--dt-borders-width-emphasized, 2px);
-  --_z0fq9b2-3-11-1: 0 0 0 var(--_z0fq9b3-3-11-1) var(--_z0fq9b0-3-11-1) inset, 0 0 0 calc(var(--_z0fq9b3-3-11-1) + 1px) var(--_z0fq9b1-3-11-1) inset;
+._z0fq9b6-3-11-2 {
+  --_z0fq9b3-3-11-2: var(--dt-borders-width-emphasized, 2px);
+  --_z0fq9b2-3-11-2: 0 0 0 var(--_z0fq9b3-3-11-2) var(--_z0fq9b0-3-11-2) inset, 0 0 0 calc(var(--_z0fq9b3-3-11-2) + 1px) var(--_z0fq9b1-3-11-2) inset;
 }
-._z0fq9b7-3-11-1 {
-  --_z0fq9b2-3-11-1: none;
+._z0fq9b7-3-11-2 {
+  --_z0fq9b2-3-11-2: none;
 }
-._z0fq9b8-3-11-1._z0fq9b8-3-11-1 {
-  box-shadow: var(--_z0fq9b2-3-11-1);
+._z0fq9b8-3-11-2._z0fq9b8-3-11-2 {
+  box-shadow: var(--_z0fq9b2-3-11-2);
 }
-._z0fq9b9-3-11-1:focus-visible {
-  box-shadow: var(--_z0fq9b2-3-11-1);
+._z0fq9b9-3-11-2:focus-visible {
+  box-shadow: var(--_z0fq9b2-3-11-2);
 }
-._z0fq9ba-3-11-1:focus-within {
-  box-shadow: var(--_z0fq9b2-3-11-1);
+._z0fq9ba-3-11-2:focus-within {
+  box-shadow: var(--_z0fq9b2-3-11-2);
 }
-._z0fq9bb-3-11-1:has(:focus-visible) {
-  box-shadow: var(--_z0fq9b2-3-11-1);
+._z0fq9bb-3-11-2:has(:focus-visible) {
+  box-shadow: var(--_z0fq9b2-3-11-2);
 }
-._z0fq9bc-3-11-1:focus {
-  box-shadow: var(--_z0fq9b2-3-11-1);
+._z0fq9bc-3-11-2:focus {
+  box-shadow: var(--_z0fq9b2-3-11-2);
 }
-._z0fq9bd-3-11-1 {
-  --_z0fq9b0-3-11-1: var(--dt-colors-border-neutral-accent, #595a7d);
-  --_z0fq9b1-3-11-1: var(--dt-colors-border-neutral-default, #dadbe4);
+._z0fq9bd-3-11-2 {
+  --_z0fq9b0-3-11-2: var(--dt-colors-border-neutral-accent, #595a7d);
+  --_z0fq9b1-3-11-2: var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._z0fq9be-3-11-1 {
-  --_z0fq9b0-3-11-1: var(--dt-colors-border-primary-accent, #464cce);
-  --_z0fq9b1-3-11-1: var(--dt-colors-border-primary-default, #d5dbf6);
+._z0fq9be-3-11-2 {
+  --_z0fq9b0-3-11-2: var(--dt-colors-border-primary-accent, #464cce);
+  --_z0fq9b1-3-11-2: var(--dt-colors-border-primary-default, #d5dbf6);
 }
-._z0fq9bf-3-11-1 {
-  --_z0fq9b0-3-11-1: var(--dt-colors-border-success-accent, #2d6761);
-  --_z0fq9b1-3-11-1: var(--dt-colors-border-success-default, #d3dedd);
+._z0fq9bf-3-11-2 {
+  --_z0fq9b0-3-11-2: var(--dt-colors-border-success-accent, #2d6761);
+  --_z0fq9b1-3-11-2: var(--dt-colors-border-success-default, #d3dedd);
 }
-._z0fq9bg-3-11-1 {
-  --_z0fq9b0-3-11-1: var(--dt-colors-border-warning-accent, #855400);
-  --_z0fq9b1-3-11-1: var(--dt-colors-border-warning-default, #f9ebdb);
+._z0fq9bg-3-11-2 {
+  --_z0fq9b0-3-11-2: var(--dt-colors-border-warning-accent, #855400);
+  --_z0fq9b1-3-11-2: var(--dt-colors-border-warning-default, #f9ebdb);
 }
-._z0fq9bh-3-11-1 {
-  --_z0fq9b0-3-11-1: var(--dt-colors-border-critical-accent, #bb0731);
-  --_z0fq9b1-3-11-1: var(--dt-colors-border-critical-default, #f6d6d5);
+._z0fq9bh-3-11-2 {
+  --_z0fq9b0-3-11-2: var(--dt-colors-border-critical-accent, #bb0731);
+  --_z0fq9b1-3-11-2: var(--dt-colors-border-critical-default, #f6d6d5);
 }

package/core/styles/focusRingStatic.sty.js

@@ -22,4 +22,4 @@ __export(focusRingStatic_css_exports, {
 module.exports = __toCommonJS(focusRingStatic_css_exports);
 var import_focusRingStatic_css_ts_vanilla = require("./focusRingStatic.css");
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var focusRingStatic = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_z0fq9b4-3-11-1", variantClassNames: { minimal: { true: "_z0fq9b5-3-11-1", false: "_z0fq9b6-3-11-1" }, disabled: { true: "_z0fq9b7-3-11-1" }, when: { always: "_z0fq9b8-3-11-1", "focus-visible": "_z0fq9b9-3-11-1", "focus-within": "_z0fq9ba-3-11-1", "focus-within-visible": "_z0fq9bb-3-11-1", focus: "_z0fq9bc-3-11-1" }, color: { neutral: "_z0fq9bd-3-11-1", primary: "_z0fq9be-3-11-1", success: "_z0fq9bf-3-11-1", warning: "_z0fq9bg-3-11-1", critical: "_z0fq9bh-3-11-1" } }, defaultVariants: { color: "neutral", minimal: false, when: "focus", disabled: false }, compoundVariants: [] });
+var focusRingStatic = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_z0fq9b4-3-11-2", variantClassNames: { minimal: { true: "_z0fq9b5-3-11-2", false: "_z0fq9b6-3-11-2" }, disabled: { true: "_z0fq9b7-3-11-2" }, when: { always: "_z0fq9b8-3-11-2", "focus-visible": "_z0fq9b9-3-11-2", "focus-within": "_z0fq9ba-3-11-2", "focus-within-visible": "_z0fq9bb-3-11-2", focus: "_z0fq9bc-3-11-2" }, color: { neutral: "_z0fq9bd-3-11-2", primary: "_z0fq9be-3-11-2", success: "_z0fq9bf-3-11-2", warning: "_z0fq9bg-3-11-2", critical: "_z0fq9bh-3-11-2" } }, defaultVariants: { color: "neutral", minimal: false, when: "focus", disabled: false }, compoundVariants: [] });

package/core/styles/virtualFocus.css

@@ -1,10 +1,10 @@
-._9mvxlq0-3-11-1 {
+._9mvxlq0-3-11-2 {
   transition: none;
   border-radius: var(--dt-borders-radius-field-default, 6px);
   box-shadow: inset 0 0 0 var(--dt-borders-width-default, 1px) var(--dt-colors-border-neutral-accent, #595a7d);
   background-color: var(--dt-colors-background-field-neutral-default-hover, #dadbe4);
 }
-._9mvxlq1-3-11-1 {
+._9mvxlq1-3-11-2 {
   transition: none;
   border-radius: var(--dt-borders-radius-field-default, 6px);
   box-shadow: inset 0 0 0 var(--dt-borders-width-default, 1px) var(--dt-colors-border-primary-accent, #464cce);

package/core/styles/virtualFocus.sty.js

@@ -21,4 +21,4 @@ __export(virtualFocus_css_exports, {
 });
 module.exports = __toCommonJS(virtualFocus_css_exports);
 var import_virtualFocus_css_ts_vanilla = require("./virtualFocus.css");
-var virtualFocus = { neutral: "_9mvxlq0-3-11-1", primary: "_9mvxlq1-3-11-1" };
+var virtualFocus = { neutral: "_9mvxlq0-3-11-2", primary: "_9mvxlq1-3-11-2" };

package/core/utils/colorUtils.css

@@ -1,75 +1,75 @@
-._k096v44-3-11-1 {
-  --_k096v40-3-11-1: var(--dt-colors-text-critical-default, #bb0731);
-  --_k096v41-3-11-1: var(--dt-colors-icon-critical-default, #bb0731);
-  --_k096v42-3-11-1: var(--dt-colors-border-critical-default, #f6d6d5);
+._k096v44-3-11-2 {
+  --_k096v40-3-11-2: var(--dt-colors-text-critical-default, #bb0731);
+  --_k096v41-3-11-2: var(--dt-colors-icon-critical-default, #bb0731);
+  --_k096v42-3-11-2: var(--dt-colors-border-critical-default, #f6d6d5);
 }
-._k096v45-3-11-1 {
-  --_k096v40-3-11-1: var(--dt-colors-text-neutral-default, #2f2f4f);
-  --_k096v41-3-11-1: var(--dt-colors-icon-neutral-default, #2f2f4f);
-  --_k096v42-3-11-1: var(--dt-colors-border-neutral-default, #dadbe4);
+._k096v45-3-11-2 {
+  --_k096v40-3-11-2: var(--dt-colors-text-neutral-default, #2f2f4f);
+  --_k096v41-3-11-2: var(--dt-colors-icon-neutral-default, #2f2f4f);
+  --_k096v42-3-11-2: var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._k096v46-3-11-1 {
-  --_k096v40-3-11-1: var(--dt-colors-text-primary-default, #464cce);
-  --_k096v41-3-11-1: var(--dt-colors-icon-primary-default, #464cce);
-  --_k096v42-3-11-1: var(--dt-colors-border-primary-default, #d5dbf6);
+._k096v46-3-11-2 {
+  --_k096v40-3-11-2: var(--dt-colors-text-primary-default, #464cce);
+  --_k096v41-3-11-2: var(--dt-colors-icon-primary-default, #464cce);
+  --_k096v42-3-11-2: var(--dt-colors-border-primary-default, #d5dbf6);
 }
-._k096v47-3-11-1 {
-  --_k096v40-3-11-1: var(--dt-colors-text-success-default, #2d6761);
-  --_k096v41-3-11-1: var(--dt-colors-icon-success-default, #2d6761);
-  --_k096v42-3-11-1: var(--dt-colors-border-success-default, #d3dedd);
+._k096v47-3-11-2 {
+  --_k096v40-3-11-2: var(--dt-colors-text-success-default, #2d6761);
+  --_k096v41-3-11-2: var(--dt-colors-icon-success-default, #2d6761);
+  --_k096v42-3-11-2: var(--dt-colors-border-success-default, #d3dedd);
 }
-._k096v48-3-11-1 {
-  --_k096v40-3-11-1: var(--dt-colors-text-warning-default, #855400);
-  --_k096v41-3-11-1: var(--dt-colors-icon-warning-default, #855400);
-  --_k096v42-3-11-1: var(--dt-colors-border-warning-default, #f9ebdb);
+._k096v48-3-11-2 {
+  --_k096v40-3-11-2: var(--dt-colors-text-warning-default, #855400);
+  --_k096v41-3-11-2: var(--dt-colors-icon-warning-default, #855400);
+  --_k096v42-3-11-2: var(--dt-colors-border-warning-default, #f9ebdb);
 }
-._k096v4d-3-11-1 {
-  --_k096v40-3-11-1: var(--dt-colors-text-primary-on-accent-default, #f4f4fb);
-  --_k096v41-3-11-1: var(--dt-colors-icon-primary-on-accent-default, #f4f4fb);
-  --_k096v42-3-11-1: var(--dt-colors-border-primary-accent, #464cce);
+._k096v4d-3-11-2 {
+  --_k096v40-3-11-2: var(--dt-colors-text-primary-on-accent-default, #f4f4fb);
+  --_k096v41-3-11-2: var(--dt-colors-icon-primary-on-accent-default, #f4f4fb);
+  --_k096v42-3-11-2: var(--dt-colors-border-primary-accent, #464cce);
 }
-._k096v4e-3-11-1 {
-  --_k096v40-3-11-1: var(--dt-colors-text-success-on-accent-default, #f1f4f4);
-  --_k096v41-3-11-1: var(--dt-colors-icon-success-on-accent-default, #f1f4f4);
-  --_k096v42-3-11-1: var(--dt-colors-border-success-accent, #2d6761);
+._k096v4e-3-11-2 {
+  --_k096v40-3-11-2: var(--dt-colors-text-success-on-accent-default, #f1f4f4);
+  --_k096v41-3-11-2: var(--dt-colors-icon-success-on-accent-default, #f1f4f4);
+  --_k096v42-3-11-2: var(--dt-colors-border-success-accent, #2d6761);
 }
-._k096v4f-3-11-1 {
-  --_k096v40-3-11-1: var(--dt-colors-text-warning-on-accent-default, #272024);
-  --_k096v41-3-11-1: var(--dt-colors-icon-warning-on-accent-default, #272024);
-  --_k096v42-3-11-1: var(--dt-colors-border-warning-accent, #855400);
+._k096v4f-3-11-2 {
+  --_k096v40-3-11-2: var(--dt-colors-text-warning-on-accent-default, #272024);
+  --_k096v41-3-11-2: var(--dt-colors-icon-warning-on-accent-default, #272024);
+  --_k096v42-3-11-2: var(--dt-colors-border-warning-accent, #855400);
 }
-._k096v4g-3-11-1 {
-  --_k096v40-3-11-1: var(--dt-colors-text-critical-on-accent-default, #f9f1f3);
-  --_k096v41-3-11-1: var(--dt-colors-icon-critical-on-accent-default, #f9f1f3);
-  --_k096v42-3-11-1: var(--dt-colors-border-critical-accent, #bb0731);
+._k096v4g-3-11-2 {
+  --_k096v40-3-11-2: var(--dt-colors-text-critical-on-accent-default, #f9f1f3);
+  --_k096v41-3-11-2: var(--dt-colors-icon-critical-on-accent-default, #f9f1f3);
+  --_k096v42-3-11-2: var(--dt-colors-border-critical-accent, #bb0731);
 }
-._k096v4h-3-11-1 {
-  --_k096v40-3-11-1: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
-  --_k096v41-3-11-1: var(--dt-colors-icon-neutral-on-accent-default, #f3f3f6);
-  --_k096v42-3-11-1: var(--dt-colors-border-neutral-accent, #595a7d);
+._k096v4h-3-11-2 {
+  --_k096v40-3-11-2: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
+  --_k096v41-3-11-2: var(--dt-colors-icon-neutral-on-accent-default, #f3f3f6);
+  --_k096v42-3-11-2: var(--dt-colors-border-neutral-accent, #595a7d);
 }
-._k096v4i-3-11-1 {
-  --_k096v40-3-11-1: var(--dt-colors-text-primary-disabled, #595a7d80);
-  --_k096v41-3-11-1: var(--dt-colors-icon-primary-disabled, #595a7d80);
-  --_k096v42-3-11-1: var(--dt-colors-border-primary-disabled, #dadbe480);
+._k096v4i-3-11-2 {
+  --_k096v40-3-11-2: var(--dt-colors-text-primary-disabled, #595a7d80);
+  --_k096v41-3-11-2: var(--dt-colors-icon-primary-disabled, #595a7d80);
+  --_k096v42-3-11-2: var(--dt-colors-border-primary-disabled, #dadbe480);
 }
-._k096v4j-3-11-1 {
-  --_k096v40-3-11-1: var(--dt-colors-text-success-disabled, #595a7d80);
-  --_k096v41-3-11-1: var(--dt-colors-icon-success-disabled, #595a7d80);
-  --_k096v42-3-11-1: var(--dt-colors-border-success-disabled, #dadbe480);
+._k096v4j-3-11-2 {
+  --_k096v40-3-11-2: var(--dt-colors-text-success-disabled, #595a7d80);
+  --_k096v41-3-11-2: var(--dt-colors-icon-success-disabled, #595a7d80);
+  --_k096v42-3-11-2: var(--dt-colors-border-success-disabled, #dadbe480);
 }
-._k096v4k-3-11-1 {
-  --_k096v40-3-11-1: var(--dt-colors-text-warning-disabled, #595a7d80);
-  --_k096v41-3-11-1: var(--dt-colors-icon-warning-disabled, #595a7d80);
-  --_k096v42-3-11-1: var(--dt-colors-border-warning-disabled, #dadbe480);
+._k096v4k-3-11-2 {
+  --_k096v40-3-11-2: var(--dt-colors-text-warning-disabled, #595a7d80);
+  --_k096v41-3-11-2: var(--dt-colors-icon-warning-disabled, #595a7d80);
+  --_k096v42-3-11-2: var(--dt-colors-border-warning-disabled, #dadbe480);
 }
-._k096v4l-3-11-1 {
-  --_k096v40-3-11-1: var(--dt-colors-text-critical-disabled, #595a7d80);
-  --_k096v41-3-11-1: var(--dt-colors-icon-critical-disabled, #595a7d80);
-  --_k096v42-3-11-1: var(--dt-colors-border-critical-disabled, #dadbe480);
+._k096v4l-3-11-2 {
+  --_k096v40-3-11-2: var(--dt-colors-text-critical-disabled, #595a7d80);
+  --_k096v41-3-11-2: var(--dt-colors-icon-critical-disabled, #595a7d80);
+  --_k096v42-3-11-2: var(--dt-colors-border-critical-disabled, #dadbe480);
 }
-._k096v4m-3-11-1 {
-  --_k096v40-3-11-1: var(--dt-colors-text-neutral-disabled, #595a7d80);
-  --_k096v41-3-11-1: var(--dt-colors-icon-neutral-disabled, #595a7d80);
-  --_k096v42-3-11-1: var(--dt-colors-border-neutral-disabled, #dadbe480);
+._k096v4m-3-11-2 {
+  --_k096v40-3-11-2: var(--dt-colors-text-neutral-disabled, #595a7d80);
+  --_k096v41-3-11-2: var(--dt-colors-icon-neutral-disabled, #595a7d80);
+  --_k096v42-3-11-2: var(--dt-colors-border-neutral-disabled, #dadbe480);
 }

package/core/utils/colorUtils.sty.js

@@ -23,5 +23,5 @@ __export(colorUtils_css_exports, {
 module.exports = __toCommonJS(colorUtils_css_exports);
 var import_colorUtils_css_ts_vanilla = require("./colorUtils.css");
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var colorUtilsCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_k096v43-3-11-1", variantClassNames: { color: { critical: "_k096v44-3-11-1", neutral: "_k096v45-3-11-1", primary: "_k096v46-3-11-1", success: "_k096v47-3-11-1", warning: "_k096v48-3-11-1" }, variant: { "default": "_k096v49-3-11-1", accent: "_k096v4a-3-11-1" }, disabled: { true: "_k096v4b-3-11-1", false: "_k096v4c-3-11-1" } }, defaultVariants: {}, compoundVariants: [[{ color: "primary", variant: "accent" }, "_k096v4d-3-11-1"], [{ color: "success", variant: "accent" }, "_k096v4e-3-11-1"], [{ color: "warning", variant: "accent" }, "_k096v4f-3-11-1"], [{ color: "critical", variant: "accent" }, "_k096v4g-3-11-1"], [{ color: "neutral", variant: "accent" }, "_k096v4h-3-11-1"], [{ color: "primary", disabled: true }, "_k096v4i-3-11-1"], [{ color: "success", disabled: true }, "_k096v4j-3-11-1"], [{ color: "warning", disabled: true }, "_k096v4k-3-11-1"], [{ color: "critical", disabled: true }, "_k096v4l-3-11-1"], [{ color: "neutral", disabled: true }, "_k096v4m-3-11-1"]] });
-var colorUtilsVars = { text: "var(--_k096v40-3-11-1)", icon: "var(--_k096v41-3-11-1)", borderColor: "var(--_k096v42-3-11-1)" };
+var colorUtilsCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_k096v43-3-11-2", variantClassNames: { color: { critical: "_k096v44-3-11-2", neutral: "_k096v45-3-11-2", primary: "_k096v46-3-11-2", success: "_k096v47-3-11-2", warning: "_k096v48-3-11-2" }, variant: { "default": "_k096v49-3-11-2", accent: "_k096v4a-3-11-2" }, disabled: { true: "_k096v4b-3-11-2", false: "_k096v4c-3-11-2" } }, defaultVariants: {}, compoundVariants: [[{ color: "primary", variant: "accent" }, "_k096v4d-3-11-2"], [{ color: "success", variant: "accent" }, "_k096v4e-3-11-2"], [{ color: "warning", variant: "accent" }, "_k096v4f-3-11-2"], [{ color: "critical", variant: "accent" }, "_k096v4g-3-11-2"], [{ color: "neutral", variant: "accent" }, "_k096v4h-3-11-2"], [{ color: "primary", disabled: true }, "_k096v4i-3-11-2"], [{ color: "success", disabled: true }, "_k096v4j-3-11-2"], [{ color: "warning", disabled: true }, "_k096v4k-3-11-2"], [{ color: "critical", disabled: true }, "_k096v4l-3-11-2"], [{ color: "neutral", disabled: true }, "_k096v4m-3-11-2"]] });
+var colorUtilsVars = { text: "var(--_k096v40-3-11-2)", icon: "var(--_k096v41-3-11-2)", borderColor: "var(--_k096v42-3-11-2)" };

package/core/utils/is-slot.js

@@ -20,7 +20,7 @@ __export(is_slot_exports, {
   isSlot: () => isSlot
 });
 module.exports = __toCommonJS(is_slot_exports);
-var import_react_is = require("react-is");
+var import_react = require("react");
 const isSlot = (child, slotType) => {
-  return (0, import_react_is.isElement)(child) && child.type === slotType;
+  return (0, import_react.isValidElement)(child) && child.type === slotType;
 };