@dynatrace/strato-components 1.4.0 → 1.5.1

package/content/progress/ProgressCircle.sty.js

@@ -1,3 +1,4 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
@@ -26,8 +27,8 @@ __export(ProgressCircle_css_exports, {
 module.exports = __toCommonJS(ProgressCircle_css_exports);
 var import_ProgressCircle_css_ts_vanilla = require("./ProgressCircle.css");
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var progressCircleBackgroundCSS = "_kvldjh9-1-4-0";
-var progressCircleCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_kvldjh6-1-4-0", variantClassNames: { indeterminate: { true: "_kvldjh7-1-4-0", false: "_kvldjh8-1-4-0" } }, defaultVariants: {}, compoundVariants: [] });
-var progressCircleContainerCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_kvldjha-1-4-0", variantClassNames: { size: { small: "_kvldjhb-1-4-0", large: "_kvldjhc-1-4-0" }, color: { critical: "_kvldjhd-1-4-0", neutral: "_kvldjhe-1-4-0", primary: "_kvldjhf-1-4-0", success: "_kvldjhg-1-4-0", warning: "_kvldjhh-1-4-0" }, variant: { "default": "_kvldjhi-1-4-0", accent: "_kvldjhj-1-4-0" } }, defaultVariants: {}, compoundVariants: [[{ color: "primary", variant: "accent" }, "_kvldjhk-1-4-0"], [{ color: "success", variant: "accent" }, "_kvldjhl-1-4-0"], [{ color: "warning", variant: "accent" }, "_kvldjhm-1-4-0"], [{ color: "critical", variant: "accent" }, "_kvldjhn-1-4-0"], [{ color: "neutral", variant: "accent" }, "_kvldjho-1-4-0"]] });
-var progressCircleRootCSS = "_kvldjh4-1-4-0";
-var progressCircleSvgCss = "_kvldjh5-1-4-0";
+var progressCircleBackgroundCSS = "_kvldjh9-1-5-1";
+var progressCircleCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_kvldjh6-1-5-1", variantClassNames: { indeterminate: { true: "_kvldjh7-1-5-1", false: "_kvldjh8-1-5-1" } }, defaultVariants: {}, compoundVariants: [] });
+var progressCircleContainerCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_kvldjha-1-5-1", variantClassNames: { size: { small: "_kvldjhb-1-5-1", large: "_kvldjhc-1-5-1" }, color: { critical: "_kvldjhd-1-5-1", neutral: "_kvldjhe-1-5-1", primary: "_kvldjhf-1-5-1", success: "_kvldjhg-1-5-1", warning: "_kvldjhh-1-5-1" }, variant: { "default": "_kvldjhi-1-5-1", accent: "_kvldjhj-1-5-1" } }, defaultVariants: {}, compoundVariants: [[{ color: "primary", variant: "accent" }, "_kvldjhk-1-5-1"], [{ color: "success", variant: "accent" }, "_kvldjhl-1-5-1"], [{ color: "warning", variant: "accent" }, "_kvldjhm-1-5-1"], [{ color: "critical", variant: "accent" }, "_kvldjhn-1-5-1"], [{ color: "neutral", variant: "accent" }, "_kvldjho-1-5-1"]] });
+var progressCircleRootCSS = "_kvldjh4-1-5-1";
+var progressCircleSvgCss = "_kvldjh5-1-5-1";

package/content/progress/contexts/SharedProgressBarPropsContext.js

@@ -1,3 +1,4 @@
+"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

package/content/progress/hooks/useProgressAriaProps.js

@@ -1,3 +1,4 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/content/progress/hooks/useProgressBarPropsContext.js

@@ -1,3 +1,4 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/content/skeleton/Skeleton.css

@@ -1,4 +1,4 @@
-@keyframes _1a1ozfd0-1-4-0 {
+@keyframes _1a1ozfd0-1-5-1 {
   0% {
     transform: translateX(-100%) scaleX(0);
   }
@@ -6,12 +6,12 @@
     transform: translateX(100%) scaleX(1.5);
   }
 }
-._1a1ozfd1-1-4-0 {
+._1a1ozfd1-1-5-1 {
   position: relative;
   overflow: hidden;
   background-color: var(--dt-colors-background-field-neutral-disabled, #dadbe780);
 }
-._1a1ozfd1-1-4-0:after {
+._1a1ozfd1-1-5-1:after {
   content: "";
   position: absolute;
   top: 0;
@@ -21,13 +21,13 @@
   background-color: var(--dt-colors-background-field-neutral-disabled, #dadbe780);
   animation-iteration-count: infinite;
   transform-origin: left center;
-  animation-name: _1a1ozfd0-1-4-0;
+  animation-name: _1a1ozfd0-1-5-1;
   animation-duration: var(--dt-timings-slow-gentle, 800ms);
   animation-timing-function: var(--dt-easings-fast-in-slow-out, cubic-bezier(0.4, 0, 0.2, 1));
 }
-._1a1ozfd2-1-4-0 {
+._1a1ozfd2-1-5-1 {
   border-radius: var(--dt-borders-radius-container-subdued, 8px);
 }
-._1a1ozfd3-1-4-0 {
+._1a1ozfd3-1-5-1 {
   border-radius: 9999px;
 }

package/content/skeleton/Skeleton.js

@@ -1,3 +1,4 @@
+"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

package/content/skeleton/Skeleton.sty.js

@@ -1,3 +1,4 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
@@ -22,4 +23,4 @@ __export(Skeleton_css_exports, {
 module.exports = __toCommonJS(Skeleton_css_exports);
 var import_Skeleton_css_ts_vanilla = require("./Skeleton.css");
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var skeletonPlaceholderCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1a1ozfd1-1-4-0", variantClassNames: { variant: { "default": "_1a1ozfd2-1-4-0", rounded: "_1a1ozfd3-1-4-0" } }, defaultVariants: {}, compoundVariants: [] });
+var skeletonPlaceholderCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1a1ozfd1-1-5-1", variantClassNames: { variant: { "default": "_1a1ozfd2-1-5-1", rounded: "_1a1ozfd3-1-5-1" } }, defaultVariants: {}, compoundVariants: [] });

package/content/skeleton/SkeletonText.js

@@ -1,3 +1,4 @@
+"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

package/core/components/app-root/AppRoot.js

@@ -1,3 +1,4 @@
+"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

package/core/components/app-root/AppRoot.sty.js

@@ -1 +1,2 @@
+"use strict";
 var import_AppRoot_css_ts_vanilla = require("./AppRoot.css");

package/core/components/focus-scope/FocusScope.js

@@ -1,3 +1,4 @@
+"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

package/core/contexts/FocusContext.js

@@ -1,3 +1,4 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/core/hooks/useActiveElement.js

@@ -1,3 +1,4 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/core/hooks/useAriaLabelingProps.js

@@ -1,3 +1,4 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/core/hooks/useCurrentTheme.js

@@ -1,3 +1,4 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/core/hooks/useFocusContext.js

@@ -1,3 +1,4 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/core/hooks/useFontsUpdated.js

@@ -1,3 +1,4 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/core/hooks/useId.js

@@ -1,3 +1,4 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/core/hooks/useMergeRefs.js

@@ -1,3 +1,4 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/core/hooks/useSafeForwardProps.js

@@ -1,3 +1,4 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/core/index.js

@@ -1,3 +1,4 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/core/providers/FocusProvider.js

@@ -1,3 +1,4 @@
+"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

package/core/styles/focusRing.css

@@ -1,75 +1,75 @@
-._z2r50s3-1-4-0 {
+._z2r50s3-1-5-1 {
   outline: none;
 }
-._z2r50s3-1-4-0:focus-visible {
+._z2r50s3-1-5-1:focus-visible {
   outline: none;
 }
-._z2r50s4-1-4-0 {
+._z2r50s4-1-5-1 {
   border-radius: var(--dt-borders-radius-field-subdued, 4px);
-  box-shadow: inset 0 0 0 var(--dt-borders-width-default, 1px) var(--_z2r50s0-1-4-0);
-  background-color: var(--_z2r50s2-1-4-0);
-}
-._z2r50s5-1-4-0._z2r50s5-1-4-0 {
-  box-shadow: inset 0 0 0 var(--dt-borders-width-emphasized, 2px) var(--_z2r50s0-1-4-0), inset 0 0 0 calc(var(--dt-borders-width-emphasized, 2px) + 1px) var(--_z2r50s1-1-4-0);
-}
-._z2r50s6-1-4-0 {
-  --_z2r50s0-1-4-0: var(--dt-colors-border-neutral-accent, #545587);
-  --_z2r50s1-1-4-0: var(--dt-colors-border-neutral-default, #d2d3e1);
-  --_z2r50s2-1-4-0: var(--dt-colors-background-field-neutral-emphasized, #dadbe7);
-}
-._z2r50s7-1-4-0 {
-  --_z2r50s0-1-4-0: var(--dt-colors-border-primary-accent, #454cc9);
-  --_z2r50s1-1-4-0: var(--dt-colors-border-primary-default, #ccd3f3);
-  --_z2r50s2-1-4-0: var(--dt-colors-background-field-primary-emphasized, #d6dbf4);
-}
-._z2r50s8-1-4-0 {
-  --_z2r50s0-1-4-0: var(--dt-colors-border-success-accent, #2c6360);
-  --_z2r50s1-1-4-0: var(--dt-colors-border-success-default, #cad6d7);
-  --_z2r50s2-1-4-0: var(--dt-colors-background-field-success-emphasized, #d4dddf);
-}
-._z2r50s9-1-4-0 {
-  --_z2r50s0-1-4-0: var(--dt-colors-border-warning-accent, #805100);
-  --_z2r50s1-1-4-0: var(--dt-colors-border-warning-default, #f4e5d5);
-  --_z2r50s2-1-4-0: var(--dt-colors-background-field-warning-emphasized, #f4e8de);
-}
-._z2r50sa-1-4-0 {
-  --_z2r50s0-1-4-0: var(--dt-colors-border-critical-accent, #b80031);
-  --_z2r50s1-1-4-0: var(--dt-colors-border-critical-default, #f1cdcf);
-  --_z2r50s2-1-4-0: var(--dt-colors-background-field-critical-emphasized, #f2d7d9);
-}
-._z2r50sb-1-4-0:focus-within {
+  box-shadow: inset 0 0 0 var(--dt-borders-width-default, 1px) var(--_z2r50s0-1-5-1);
+  background-color: var(--_z2r50s2-1-5-1);
+}
+._z2r50s5-1-5-1._z2r50s5-1-5-1 {
+  box-shadow: inset 0 0 0 var(--dt-borders-width-emphasized, 2px) var(--_z2r50s0-1-5-1), inset 0 0 0 calc(var(--dt-borders-width-emphasized, 2px) + 1px) var(--_z2r50s1-1-5-1);
+}
+._z2r50s6-1-5-1 {
+  --_z2r50s0-1-5-1: var(--dt-colors-border-neutral-accent, #545587);
+  --_z2r50s1-1-5-1: var(--dt-colors-border-neutral-default, #d2d3e1);
+  --_z2r50s2-1-5-1: var(--dt-colors-background-field-neutral-emphasized, #dadbe7);
+}
+._z2r50s7-1-5-1 {
+  --_z2r50s0-1-5-1: var(--dt-colors-border-primary-accent, #454cc9);
+  --_z2r50s1-1-5-1: var(--dt-colors-border-primary-default, #ccd3f3);
+  --_z2r50s2-1-5-1: var(--dt-colors-background-field-primary-emphasized, #d6dbf4);
+}
+._z2r50s8-1-5-1 {
+  --_z2r50s0-1-5-1: var(--dt-colors-border-success-accent, #2c6360);
+  --_z2r50s1-1-5-1: var(--dt-colors-border-success-default, #cad6d7);
+  --_z2r50s2-1-5-1: var(--dt-colors-background-field-success-emphasized, #d4dddf);
+}
+._z2r50s9-1-5-1 {
+  --_z2r50s0-1-5-1: var(--dt-colors-border-warning-accent, #805100);
+  --_z2r50s1-1-5-1: var(--dt-colors-border-warning-default, #f4e5d5);
+  --_z2r50s2-1-5-1: var(--dt-colors-background-field-warning-emphasized, #f4e8de);
+}
+._z2r50sa-1-5-1 {
+  --_z2r50s0-1-5-1: var(--dt-colors-border-critical-accent, #b80031);
+  --_z2r50s1-1-5-1: var(--dt-colors-border-critical-default, #f1cdcf);
+  --_z2r50s2-1-5-1: var(--dt-colors-background-field-critical-emphasized, #f2d7d9);
+}
+._z2r50sb-1-5-1:focus-within {
   outline: none;
 }
-._z2r50sc-1-4-0:focus-within {
+._z2r50sc-1-5-1:focus-within {
   border-radius: var(--dt-borders-radius-field-subdued, 4px);
-  box-shadow: inset 0 0 0 var(--dt-borders-width-default, 1px) var(--_z2r50s0-1-4-0);
-  background-color: var(--_z2r50s2-1-4-0);
-}
-._z2r50sd-1-4-0:focus-within {
-  box-shadow: inset 0 0 0 var(--dt-borders-width-emphasized, 2px) var(--_z2r50s0-1-4-0), inset 0 0 0 calc(var(--dt-borders-width-emphasized, 2px) + 1px) var(--_z2r50s1-1-4-0);
-}
-._z2r50se-1-4-0 {
-  --_z2r50s0-1-4-0: var(--dt-colors-border-neutral-accent, #545587);
-  --_z2r50s1-1-4-0: var(--dt-colors-border-neutral-default, #d2d3e1);
-  --_z2r50s2-1-4-0: var(--dt-colors-background-field-neutral-emphasized, #dadbe7);
-}
-._z2r50sf-1-4-0 {
-  --_z2r50s0-1-4-0: var(--dt-colors-border-primary-accent, #454cc9);
-  --_z2r50s1-1-4-0: var(--dt-colors-border-primary-default, #ccd3f3);
-  --_z2r50s2-1-4-0: var(--dt-colors-background-field-primary-emphasized, #d6dbf4);
-}
-._z2r50sg-1-4-0 {
-  --_z2r50s0-1-4-0: var(--dt-colors-border-success-accent, #2c6360);
-  --_z2r50s1-1-4-0: var(--dt-colors-border-success-default, #cad6d7);
-  --_z2r50s2-1-4-0: var(--dt-colors-background-field-success-emphasized, #d4dddf);
-}
-._z2r50sh-1-4-0 {
-  --_z2r50s0-1-4-0: var(--dt-colors-border-warning-accent, #805100);
-  --_z2r50s1-1-4-0: var(--dt-colors-border-warning-default, #f4e5d5);
-  --_z2r50s2-1-4-0: var(--dt-colors-background-field-warning-emphasized, #f4e8de);
-}
-._z2r50si-1-4-0 {
-  --_z2r50s0-1-4-0: var(--dt-colors-border-critical-accent, #b80031);
-  --_z2r50s1-1-4-0: var(--dt-colors-border-critical-default, #f1cdcf);
-  --_z2r50s2-1-4-0: var(--dt-colors-background-field-critical-emphasized, #f2d7d9);
+  box-shadow: inset 0 0 0 var(--dt-borders-width-default, 1px) var(--_z2r50s0-1-5-1);
+  background-color: var(--_z2r50s2-1-5-1);
+}
+._z2r50sd-1-5-1:focus-within {
+  box-shadow: inset 0 0 0 var(--dt-borders-width-emphasized, 2px) var(--_z2r50s0-1-5-1), inset 0 0 0 calc(var(--dt-borders-width-emphasized, 2px) + 1px) var(--_z2r50s1-1-5-1);
+}
+._z2r50se-1-5-1 {
+  --_z2r50s0-1-5-1: var(--dt-colors-border-neutral-accent, #545587);
+  --_z2r50s1-1-5-1: var(--dt-colors-border-neutral-default, #d2d3e1);
+  --_z2r50s2-1-5-1: var(--dt-colors-background-field-neutral-emphasized, #dadbe7);
+}
+._z2r50sf-1-5-1 {
+  --_z2r50s0-1-5-1: var(--dt-colors-border-primary-accent, #454cc9);
+  --_z2r50s1-1-5-1: var(--dt-colors-border-primary-default, #ccd3f3);
+  --_z2r50s2-1-5-1: var(--dt-colors-background-field-primary-emphasized, #d6dbf4);
+}
+._z2r50sg-1-5-1 {
+  --_z2r50s0-1-5-1: var(--dt-colors-border-success-accent, #2c6360);
+  --_z2r50s1-1-5-1: var(--dt-colors-border-success-default, #cad6d7);
+  --_z2r50s2-1-5-1: var(--dt-colors-background-field-success-emphasized, #d4dddf);
+}
+._z2r50sh-1-5-1 {
+  --_z2r50s0-1-5-1: var(--dt-colors-border-warning-accent, #805100);
+  --_z2r50s1-1-5-1: var(--dt-colors-border-warning-default, #f4e5d5);
+  --_z2r50s2-1-5-1: var(--dt-colors-background-field-warning-emphasized, #f4e8de);
+}
+._z2r50si-1-5-1 {
+  --_z2r50s0-1-5-1: var(--dt-colors-border-critical-accent, #b80031);
+  --_z2r50s1-1-5-1: var(--dt-colors-border-critical-default, #f1cdcf);
+  --_z2r50s2-1-5-1: var(--dt-colors-background-field-critical-emphasized, #f2d7d9);
 }

package/core/styles/focusRing.sty.js

@@ -1,3 +1,4 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
@@ -23,5 +24,5 @@ __export(focusRing_css_exports, {
 module.exports = __toCommonJS(focusRing_css_exports);
 var import_focusRing_css_ts_vanilla = require("./focusRing.css");
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var focusRingCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_z2r50s3-1-4-0", variantClassNames: { minimal: { true: "_z2r50s4-1-4-0", false: "_z2r50s5-1-4-0" }, variant: { neutral: "_z2r50s6-1-4-0", primary: "_z2r50s7-1-4-0", success: "_z2r50s8-1-4-0", warning: "_z2r50s9-1-4-0", critical: "_z2r50sa-1-4-0" } }, defaultVariants: {}, compoundVariants: [] });
-var focusRingFocusWithinCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_z2r50sb-1-4-0", variantClassNames: { minimal: { true: "_z2r50sc-1-4-0", false: "_z2r50sd-1-4-0" }, variant: { neutral: "_z2r50se-1-4-0", primary: "_z2r50sf-1-4-0", success: "_z2r50sg-1-4-0", warning: "_z2r50sh-1-4-0", critical: "_z2r50si-1-4-0" } }, defaultVariants: {}, compoundVariants: [] });
+var focusRingCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_z2r50s3-1-5-1", variantClassNames: { minimal: { true: "_z2r50s4-1-5-1", false: "_z2r50s5-1-5-1" }, variant: { neutral: "_z2r50s6-1-5-1", primary: "_z2r50s7-1-5-1", success: "_z2r50s8-1-5-1", warning: "_z2r50s9-1-5-1", critical: "_z2r50sa-1-5-1" } }, defaultVariants: {}, compoundVariants: [] });
+var focusRingFocusWithinCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_z2r50sb-1-5-1", variantClassNames: { minimal: { true: "_z2r50sc-1-5-1", false: "_z2r50sd-1-5-1" }, variant: { neutral: "_z2r50se-1-5-1", primary: "_z2r50sf-1-5-1", success: "_z2r50sg-1-5-1", warning: "_z2r50sh-1-5-1", critical: "_z2r50si-1-5-1" } }, defaultVariants: {}, compoundVariants: [] });

package/core/styles/useFocusRing.js

@@ -1,3 +1,4 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/core/types/a11y-props.js

@@ -1,3 +1,4 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/core/types/data-props.js

@@ -1,3 +1,4 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/core/types/dom.js

@@ -1,3 +1,4 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/core/types/heading.js

@@ -1,3 +1,4 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/core/types/masking-props.js

@@ -1,3 +1,4 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/core/types/polymorph.js

@@ -1,3 +1,4 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/core/types/styling-props.js

@@ -1,3 +1,4 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/core/types/with-children.js

@@ -1,3 +1,4 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/core/utils/_is-string-children.js

@@ -1,3 +1,4 @@
+"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

package/core/utils/colorUtils.css

@@ -1,75 +1,75 @@
-._k096v44-1-4-0 {
-  --_k096v40-1-4-0: var(--dt-colors-text-critical-default, #b80031);
-  --_k096v41-1-4-0: var(--dt-colors-icon-critical-default, #b80031);
-  --_k096v42-1-4-0: var(--dt-colors-border-critical-default, #f1cdcf);
+._k096v44-1-5-1 {
+  --_k096v40-1-5-1: var(--dt-colors-text-critical-default, #b80031);
+  --_k096v41-1-5-1: var(--dt-colors-icon-critical-default, #b80031);
+  --_k096v42-1-5-1: var(--dt-colors-border-critical-default, #f1cdcf);
 }
-._k096v45-1-4-0 {
-  --_k096v40-1-4-0: var(--dt-colors-text-neutral-default, #2b2a58);
-  --_k096v41-1-4-0: var(--dt-colors-icon-neutral-default, #2b2a58);
-  --_k096v42-1-4-0: var(--dt-colors-border-neutral-default, #d2d3e1);
+._k096v45-1-5-1 {
+  --_k096v40-1-5-1: var(--dt-colors-text-neutral-default, #2b2a58);
+  --_k096v41-1-5-1: var(--dt-colors-icon-neutral-default, #2b2a58);
+  --_k096v42-1-5-1: var(--dt-colors-border-neutral-default, #d2d3e1);
 }
-._k096v46-1-4-0 {
-  --_k096v40-1-4-0: var(--dt-colors-text-primary-default, #454cc9);
-  --_k096v41-1-4-0: var(--dt-colors-icon-primary-default, #454cc9);
-  --_k096v42-1-4-0: var(--dt-colors-border-primary-default, #ccd3f3);
+._k096v46-1-5-1 {
+  --_k096v40-1-5-1: var(--dt-colors-text-primary-default, #454cc9);
+  --_k096v41-1-5-1: var(--dt-colors-icon-primary-default, #454cc9);
+  --_k096v42-1-5-1: var(--dt-colors-border-primary-default, #ccd3f3);
 }
-._k096v47-1-4-0 {
-  --_k096v40-1-4-0: var(--dt-colors-text-success-default, #2c6360);
-  --_k096v41-1-4-0: var(--dt-colors-icon-success-default, #2c6360);
-  --_k096v42-1-4-0: var(--dt-colors-border-success-default, #cad6d7);
+._k096v47-1-5-1 {
+  --_k096v40-1-5-1: var(--dt-colors-text-success-default, #2c6360);
+  --_k096v41-1-5-1: var(--dt-colors-icon-success-default, #2c6360);
+  --_k096v42-1-5-1: var(--dt-colors-border-success-default, #cad6d7);
 }
-._k096v48-1-4-0 {
-  --_k096v40-1-4-0: var(--dt-colors-text-warning-default, #805100);
-  --_k096v41-1-4-0: var(--dt-colors-icon-warning-default, #805100);
-  --_k096v42-1-4-0: var(--dt-colors-border-warning-default, #f4e5d5);
+._k096v48-1-5-1 {
+  --_k096v40-1-5-1: var(--dt-colors-text-warning-default, #805100);
+  --_k096v41-1-5-1: var(--dt-colors-icon-warning-default, #805100);
+  --_k096v42-1-5-1: var(--dt-colors-border-warning-default, #f4e5d5);
 }
-._k096v4d-1-4-0 {
-  --_k096v40-1-4-0: var(--dt-colors-text-primary-on-accent-default, #f4f4fb);
-  --_k096v41-1-4-0: var(--dt-colors-icon-primary-on-accent-default, #f4f4fb);
-  --_k096v42-1-4-0: var(--dt-colors-border-primary-accent, #454cc9);
+._k096v4d-1-5-1 {
+  --_k096v40-1-5-1: var(--dt-colors-text-primary-on-accent-default, #f4f4fb);
+  --_k096v41-1-5-1: var(--dt-colors-icon-primary-on-accent-default, #f4f4fb);
+  --_k096v42-1-5-1: var(--dt-colors-border-primary-accent, #454cc9);
 }
-._k096v4e-1-4-0 {
-  --_k096v40-1-4-0: var(--dt-colors-text-success-on-accent-default, #f1f4f4);
-  --_k096v41-1-4-0: var(--dt-colors-icon-success-on-accent-default, #f1f4f4);
-  --_k096v42-1-4-0: var(--dt-colors-border-success-accent, #2c6360);
+._k096v4e-1-5-1 {
+  --_k096v40-1-5-1: var(--dt-colors-text-success-on-accent-default, #f1f4f4);
+  --_k096v41-1-5-1: var(--dt-colors-icon-success-on-accent-default, #f1f4f4);
+  --_k096v42-1-5-1: var(--dt-colors-border-success-accent, #2c6360);
 }
-._k096v4f-1-4-0 {
-  --_k096v40-1-4-0: var(--dt-colors-text-warning-on-accent-default, #272025);
-  --_k096v41-1-4-0: var(--dt-colors-icon-warning-on-accent-default, #272025);
-  --_k096v42-1-4-0: var(--dt-colors-border-warning-accent, #805100);
+._k096v4f-1-5-1 {
+  --_k096v40-1-5-1: var(--dt-colors-text-warning-on-accent-default, #272025);
+  --_k096v41-1-5-1: var(--dt-colors-icon-warning-on-accent-default, #272025);
+  --_k096v42-1-5-1: var(--dt-colors-border-warning-accent, #805100);
 }
-._k096v4g-1-4-0 {
-  --_k096v40-1-4-0: var(--dt-colors-text-critical-on-accent-default, #f9f1f3);
-  --_k096v41-1-4-0: var(--dt-colors-icon-critical-on-accent-default, #f9f1f3);
-  --_k096v42-1-4-0: var(--dt-colors-border-critical-accent, #b80031);
+._k096v4g-1-5-1 {
+  --_k096v40-1-5-1: var(--dt-colors-text-critical-on-accent-default, #f9f1f3);
+  --_k096v41-1-5-1: var(--dt-colors-icon-critical-on-accent-default, #f9f1f3);
+  --_k096v42-1-5-1: var(--dt-colors-border-critical-accent, #b80031);
 }
-._k096v4h-1-4-0 {
-  --_k096v40-1-4-0: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
-  --_k096v41-1-4-0: var(--dt-colors-icon-neutral-on-accent-default, #f3f3f6);
-  --_k096v42-1-4-0: var(--dt-colors-border-neutral-accent, #545587);
+._k096v4h-1-5-1 {
+  --_k096v40-1-5-1: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
+  --_k096v41-1-5-1: var(--dt-colors-icon-neutral-on-accent-default, #f3f3f6);
+  --_k096v42-1-5-1: var(--dt-colors-border-neutral-accent, #545587);
 }
-._k096v4i-1-4-0 {
-  --_k096v40-1-4-0: var(--dt-colors-text-primary-disabled, #54558780);
-  --_k096v41-1-4-0: var(--dt-colors-icon-primary-disabled, #54558780);
-  --_k096v42-1-4-0: var(--dt-colors-border-primary-disabled, #d2d3e180);
+._k096v4i-1-5-1 {
+  --_k096v40-1-5-1: var(--dt-colors-text-primary-disabled, #54558780);
+  --_k096v41-1-5-1: var(--dt-colors-icon-primary-disabled, #54558780);
+  --_k096v42-1-5-1: var(--dt-colors-border-primary-disabled, #d2d3e180);
 }
-._k096v4j-1-4-0 {
-  --_k096v40-1-4-0: var(--dt-colors-text-success-disabled, #54558780);
-  --_k096v41-1-4-0: var(--dt-colors-icon-success-disabled, #54558780);
-  --_k096v42-1-4-0: var(--dt-colors-border-success-disabled, #d2d3e180);
+._k096v4j-1-5-1 {
+  --_k096v40-1-5-1: var(--dt-colors-text-success-disabled, #54558780);
+  --_k096v41-1-5-1: var(--dt-colors-icon-success-disabled, #54558780);
+  --_k096v42-1-5-1: var(--dt-colors-border-success-disabled, #d2d3e180);
 }
-._k096v4k-1-4-0 {
-  --_k096v40-1-4-0: var(--dt-colors-text-warning-disabled, #54558780);
-  --_k096v41-1-4-0: var(--dt-colors-icon-warning-disabled, #54558780);
-  --_k096v42-1-4-0: var(--dt-colors-border-warning-disabled, #d2d3e180);
+._k096v4k-1-5-1 {
+  --_k096v40-1-5-1: var(--dt-colors-text-warning-disabled, #54558780);
+  --_k096v41-1-5-1: var(--dt-colors-icon-warning-disabled, #54558780);
+  --_k096v42-1-5-1: var(--dt-colors-border-warning-disabled, #d2d3e180);
 }
-._k096v4l-1-4-0 {
-  --_k096v40-1-4-0: var(--dt-colors-text-critical-disabled, #54558780);
-  --_k096v41-1-4-0: var(--dt-colors-icon-critical-disabled, #54558780);
-  --_k096v42-1-4-0: var(--dt-colors-border-critical-disabled, #d2d3e180);
+._k096v4l-1-5-1 {
+  --_k096v40-1-5-1: var(--dt-colors-text-critical-disabled, #54558780);
+  --_k096v41-1-5-1: var(--dt-colors-icon-critical-disabled, #54558780);
+  --_k096v42-1-5-1: var(--dt-colors-border-critical-disabled, #d2d3e180);
 }
-._k096v4m-1-4-0 {
-  --_k096v40-1-4-0: var(--dt-colors-text-neutral-disabled, #54558780);
-  --_k096v41-1-4-0: var(--dt-colors-icon-neutral-disabled, #54558780);
-  --_k096v42-1-4-0: var(--dt-colors-border-neutral-disabled, #d2d3e180);
+._k096v4m-1-5-1 {
+  --_k096v40-1-5-1: var(--dt-colors-text-neutral-disabled, #54558780);
+  --_k096v41-1-5-1: var(--dt-colors-icon-neutral-disabled, #54558780);
+  --_k096v42-1-5-1: var(--dt-colors-border-neutral-disabled, #d2d3e180);
 }

package/core/utils/colorUtils.sty.js

@@ -1,3 +1,4 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
@@ -23,5 +24,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-1-4-0", variantClassNames: { color: { critical: "_k096v44-1-4-0", neutral: "_k096v45-1-4-0", primary: "_k096v46-1-4-0", success: "_k096v47-1-4-0", warning: "_k096v48-1-4-0" }, variant: { "default": "_k096v49-1-4-0", accent: "_k096v4a-1-4-0" }, disabled: { true: "_k096v4b-1-4-0", false: "_k096v4c-1-4-0" } }, defaultVariants: {}, compoundVariants: [[{ color: "primary", variant: "accent" }, "_k096v4d-1-4-0"], [{ color: "success", variant: "accent" }, "_k096v4e-1-4-0"], [{ color: "warning", variant: "accent" }, "_k096v4f-1-4-0"], [{ color: "critical", variant: "accent" }, "_k096v4g-1-4-0"], [{ color: "neutral", variant: "accent" }, "_k096v4h-1-4-0"], [{ color: "primary", disabled: true }, "_k096v4i-1-4-0"], [{ color: "success", disabled: true }, "_k096v4j-1-4-0"], [{ color: "warning", disabled: true }, "_k096v4k-1-4-0"], [{ color: "critical", disabled: true }, "_k096v4l-1-4-0"], [{ color: "neutral", disabled: true }, "_k096v4m-1-4-0"]] });
-var colorUtilsVars = { text: "var(--_k096v40-1-4-0)", icon: "var(--_k096v41-1-4-0)", borderColor: "var(--_k096v42-1-4-0)" };
+var colorUtilsCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_k096v43-1-5-1", variantClassNames: { color: { critical: "_k096v44-1-5-1", neutral: "_k096v45-1-5-1", primary: "_k096v46-1-5-1", success: "_k096v47-1-5-1", warning: "_k096v48-1-5-1" }, variant: { "default": "_k096v49-1-5-1", accent: "_k096v4a-1-5-1" }, disabled: { true: "_k096v4b-1-5-1", false: "_k096v4c-1-5-1" } }, defaultVariants: {}, compoundVariants: [[{ color: "primary", variant: "accent" }, "_k096v4d-1-5-1"], [{ color: "success", variant: "accent" }, "_k096v4e-1-5-1"], [{ color: "warning", variant: "accent" }, "_k096v4f-1-5-1"], [{ color: "critical", variant: "accent" }, "_k096v4g-1-5-1"], [{ color: "neutral", variant: "accent" }, "_k096v4h-1-5-1"], [{ color: "primary", disabled: true }, "_k096v4i-1-5-1"], [{ color: "success", disabled: true }, "_k096v4j-1-5-1"], [{ color: "warning", disabled: true }, "_k096v4k-1-5-1"], [{ color: "critical", disabled: true }, "_k096v4l-1-5-1"], [{ color: "neutral", disabled: true }, "_k096v4m-1-5-1"]] });
+var colorUtilsVars = { text: "var(--_k096v40-1-5-1)", icon: "var(--_k096v41-1-5-1)", borderColor: "var(--_k096v42-1-5-1)" };

package/core/utils/focus-management/attempt-focus.js

@@ -1,3 +1,4 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/core/utils/focus-management/focus-first-descendant.js

@@ -1,3 +1,4 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/core/utils/focus-management/get-first-focusable-child.js

@@ -1,3 +1,4 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/core/utils/focus-management/get-last-focusable-child.js

@@ -1,3 +1,4 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/core/utils/focus-management/is-focusable.js

@@ -1,3 +1,4 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/core/utils/isBrowser.js

@@ -1,3 +1,4 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/core/utils/merge-props.js

@@ -1,3 +1,4 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;