@dynatrace/strato-components 0.85.41 → 0.85.60

package/buttons/button/Button.css

@@ -1,12 +1,12 @@
-.Button_buttonCSS__10kgnsa0 {
+._10kgnsa0 {
   font-family: var(--dt-typography-text-base-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-weight: var(--dt-typography-text-base-emphasized-weight, 500);
   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: none;
-  background: var(--vars_background__bx32h3);
-  color: var(--vars_text__bx32h0);
+  background: var(--bx32h3);
+  color: var(--bx32h0);
   display: inline-flex;
   position: relative;
   align-items: center;
@@ -23,46 +23,46 @@
   transition-duration: var(--dt-animations-fade-out-duration-base, 250ms);
   transition-property: color, background-color, transform;
 }
-.Button_buttonCSS__10kgnsa0:hover {
+._10kgnsa0:hover {
   transition-timing-function: var(--dt-animations-fade-in-easing, cubic-bezier(0.5, 0, 1, 1));
   transition-duration: var(--dt-animations-fade-in-duration-base, 250ms);
 }
-.Button_buttonCSS_textAlign_start__10kgnsa1 {
+._10kgnsa1 {
   text-align: start;
   justify-content: space-between;
 }
-.Button_buttonCSS_textAlign_center__10kgnsa2 {
+._10kgnsa2 {
   text-align: center;
   justify-content: center;
 }
-.Button_buttonCSS_size_condensed__10kgnsa3 {
+._10kgnsa3 {
   padding-top: var(--dt-spacings-size-2, 2px);
   padding-bottom: var(--dt-spacings-size-2, 2px);
   padding-left: var(--dt-spacings-size-4, 4px);
   padding-right: var(--dt-spacings-size-4, 4px);
   gap: var(--dt-spacings-size-2, 2px);
 }
-.Button_buttonCSS_size_default__10kgnsa4 {
+._10kgnsa4 {
   padding-top: var(--dt-spacings-size-6, 6px);
   padding-bottom: var(--dt-spacings-size-6, 6px);
   padding-left: var(--dt-spacings-size-8, 8px);
   padding-right: var(--dt-spacings-size-8, 8px);
   gap: var(--dt-spacings-size-4, 4px);
 }
-.Button_buttonCSS_disabled_true__10kgnsa5 {
+._10kgnsa5 {
   cursor: not-allowed;
 }
-.Button_buttonCSS_readOnly_true__10kgnsa6 {
+._10kgnsa6 {
   cursor: not-allowed;
-  background: var(--vars_backgroundStatic__bx32h2);
+  background: var(--bx32h2);
 }
-.Button_buttonWidthsCSS_full__10kgnsa7 {
+._10kgnsa7 {
   width: 100%;
 }
-.Button_buttonWidthsCSS_content__10kgnsa8 {
+._10kgnsa8 {
   width: fit-content;
 }
-.Button_buttonLoadingCSS__10kgnsa9 {
+._10kgnsa9 {
   position: absolute;
   top: 0;
   left: 0;
@@ -74,19 +74,19 @@
   align-items: center;
   z-index: 1;
 }
-.Button_buttonCSS_size_condensed__10kgnsa3 .Button_buttonLabelCSS__10kgnsaa:not(:has(svg:only-child)) {
+._10kgnsa3 ._10kgnsaa:not(:has(svg:only-child)) {
   padding-top: 0;
   padding-bottom: 0;
   padding-left: 2px;
   padding-right: 2px;
 }
-.Button_buttonCSS_size_default__10kgnsa4 .Button_buttonLabelCSS__10kgnsaa:not(:has(svg:only-child)) {
+._10kgnsa4 ._10kgnsaa:not(:has(svg:only-child)) {
   padding-top: 0;
   padding-bottom: 0;
   padding-left: 4px;
   padding-right: 4px;
 }
-.Button_buttonLabelCSS_textual_false__10kgnsac {
+._10kgnsac {
   display: inline-flex;
   min-width: 0;
   max-width: 100%;

package/buttons/button/Button.sty.js

@@ -27,7 +27,7 @@ var import_ellipsis_css_ts_vanilla = require("../../styles/ellipsis.css");
 var import_field_css_ts_vanilla = require("../../styles/field.css");
 var import_Button_css_ts_vanilla = require("./Button.css");
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var buttonCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "Button_buttonCSS__10kgnsa0", variantClassNames: { textAlign: { start: "Button_buttonCSS_textAlign_start__10kgnsa1", center: "Button_buttonCSS_textAlign_center__10kgnsa2" }, size: { condensed: "Button_buttonCSS_size_condensed__10kgnsa3", "default": "Button_buttonCSS_size_default__10kgnsa4" }, disabled: { true: "Button_buttonCSS_disabled_true__10kgnsa5" }, readOnly: { true: "Button_buttonCSS_readOnly_true__10kgnsa6" } }, defaultVariants: { size: "default", textAlign: "center", disabled: false }, compoundVariants: [] });
-var buttonLabelCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "Button_buttonLabelCSS__10kgnsaa", variantClassNames: { textual: { true: "ellipsis_ellipsisCSS__oqqp1n0", false: "Button_buttonLabelCSS_textual_false__10kgnsac" } }, defaultVariants: {}, compoundVariants: [] });
-var buttonLoadingCSS = "Button_buttonLoadingCSS__10kgnsa9";
-var buttonWidthsCSS = { full: "Button_buttonWidthsCSS_full__10kgnsa7", content: "Button_buttonWidthsCSS_content__10kgnsa8" };
+var buttonCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_10kgnsa0", variantClassNames: { textAlign: { start: "_10kgnsa1", center: "_10kgnsa2" }, size: { condensed: "_10kgnsa3", "default": "_10kgnsa4" }, disabled: { true: "_10kgnsa5" }, readOnly: { true: "_10kgnsa6" } }, defaultVariants: { size: "default", textAlign: "center", disabled: false }, compoundVariants: [] });
+var buttonLabelCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_10kgnsaa", variantClassNames: { textual: { true: "oqqp1n0", false: "_10kgnsac" } }, defaultVariants: {}, compoundVariants: [] });
+var buttonLoadingCSS = "_10kgnsa9";
+var buttonWidthsCSS = { full: "_10kgnsa7", content: "_10kgnsa8" };

package/buttons/button/utils/focus-without-scrolling.js

@@ -32,7 +32,7 @@ function supportsPreventScroll() {
           return true;
         }
       });
-    } catch (e) {
+    } catch {
     }
   }
   return supportsPreventScrollCached;

package/content/progress/ProgressBar.css

@@ -1,4 +1,4 @@
-@keyframes ProgressBar_indeterminateAnimationKeyframes__13n9uwh0 {
+@keyframes _13n9uwh0 {
   0% {
     transform: translateX(-100%) scaleX(0);
   }
@@ -6,45 +6,45 @@
     transform: translateX(100%) scaleX(1.5);
   }
 }
-.ProgressBar_progressCSS__13n9uwh1 {
+._13n9uwh1 {
   width: 100%;
   border-radius: var(--dt-borders-radius-container-subdued, 8px);
   overflow: hidden;
   position: relative;
 }
-.ProgressBar_progressCSS_size_condensed__13n9uwh2 {
+._13n9uwh2 {
   height: 6px;
 }
-.ProgressBar_progressCSS_size_default__13n9uwh3 {
+._13n9uwh3 {
   height: 8px;
 }
-.ProgressBar_progressCSS_variant_onAccent__13n9uwh4 {
+._13n9uwh4 {
   background-color: var(--dt-colors-border-neutral-on-accent-disabled, #f3f3f633);
 }
-.ProgressBar_progressCSS_variant_primary__13n9uwh5 {
+._13n9uwh5 {
   background-color: var(--dt-colors-border-neutral-default, #d2d3e1);
 }
-.ProgressBar_progressCSS_variant_success__13n9uwh6 {
+._13n9uwh6 {
   background-color: var(--dt-colors-border-neutral-default, #d2d3e1);
 }
-.ProgressBar_progressCSS_variant_warning__13n9uwh7 {
+._13n9uwh7 {
   background-color: var(--dt-colors-border-neutral-default, #d2d3e1);
 }
-.ProgressBar_progressCSS_variant_critical__13n9uwh8 {
+._13n9uwh8 {
   background-color: var(--dt-colors-border-neutral-default, #d2d3e1);
 }
-.ProgressBar_progressCSS_variant_neutral__13n9uwh9 {
+._13n9uwh9 {
   background-color: var(--dt-colors-border-neutral-default, #d2d3e1);
 }
-.ProgressBar_progressBarFillCSS__13n9uwha {
+._13n9uwha {
   height: 100%;
   transition-duration: var(--dt-timings-fast-default, 170ms);
   transition-timing-function: var(--dt-easings-fast-in-slow-out, cubic-bezier(0.4, 0, 0.2, 1));
-  background-color: var(--vars_borderColor__17bwkb02);
+  background-color: var(--_17bwkb02);
 }
-.ProgressBar_progressBarFillCSS_indeterminate_true__13n9uwhb {
+._13n9uwhb {
   width: 100%;
-  animation-name: ProgressBar_indeterminateAnimationKeyframes__13n9uwh0;
+  animation-name: _13n9uwh0;
   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));
   animation-iteration-count: infinite;

package/content/progress/ProgressBar.sty.js

@@ -24,5 +24,5 @@ module.exports = __toCommonJS(ProgressBar_css_exports);
 var import_colorUtils_css_ts_vanilla = require("../../styles/colorUtils.css");
 var import_ProgressBar_css_ts_vanilla = require("./ProgressBar.css");
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var progressBarFillCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "ProgressBar_progressBarFillCSS__13n9uwha", variantClassNames: { indeterminate: { true: "ProgressBar_progressBarFillCSS_indeterminate_true__13n9uwhb" } }, defaultVariants: {}, compoundVariants: [] });
-var progressCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "ProgressBar_progressCSS__13n9uwh1", variantClassNames: { size: { condensed: "ProgressBar_progressCSS_size_condensed__13n9uwh2", "default": "ProgressBar_progressCSS_size_default__13n9uwh3" }, variant: { onAccent: "ProgressBar_progressCSS_variant_onAccent__13n9uwh4", primary: "ProgressBar_progressCSS_variant_primary__13n9uwh5", success: "ProgressBar_progressCSS_variant_success__13n9uwh6", warning: "ProgressBar_progressCSS_variant_warning__13n9uwh7", critical: "ProgressBar_progressCSS_variant_critical__13n9uwh8", neutral: "ProgressBar_progressCSS_variant_neutral__13n9uwh9" } }, defaultVariants: {}, compoundVariants: [] });
+var progressBarFillCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_13n9uwha", variantClassNames: { indeterminate: { true: "_13n9uwhb" } }, defaultVariants: {}, compoundVariants: [] });
+var progressCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_13n9uwh1", variantClassNames: { size: { condensed: "_13n9uwh2", "default": "_13n9uwh3" }, variant: { onAccent: "_13n9uwh4", primary: "_13n9uwh5", success: "_13n9uwh6", warning: "_13n9uwh7", critical: "_13n9uwh8", neutral: "_13n9uwh9" } }, defaultVariants: {}, compoundVariants: [] });

package/content/progress/ProgressBarIcon.css

@@ -1,5 +1,5 @@
-.ProgressBarIcon_progressBarIconContainerCSS__szm9t40 {
+.szm9t40 {
   display: flex;
   margin-left: auto;
-  color: var(--vars_borderColor__17bwkb02);
+  color: var(--_17bwkb02);
 }

package/content/progress/ProgressBarIcon.sty.js

@@ -22,4 +22,4 @@ __export(ProgressBarIcon_css_exports, {
 module.exports = __toCommonJS(ProgressBarIcon_css_exports);
 var import_colorUtils_css_ts_vanilla = require("../../styles/colorUtils.css");
 var import_ProgressBarIcon_css_ts_vanilla = require("./ProgressBarIcon.css");
-var progressBarIconContainerCSS = "ProgressBarIcon_progressBarIconContainerCSS__szm9t40";
+var progressBarIconContainerCSS = "szm9t40";

package/content/progress/ProgressBarLabel.css

@@ -1,9 +1,9 @@
-.ProgressBarLabel_progressBarLabelCSS__1ceb8vp0 {
-  color: var(--vars_text__6levse0);
+._1ceb8vp0 {
+  color: var(--_6levse0);
 }
-.ProgressBarLabel_progressBarLabelCSS_size_default__1ceb8vp2 {
+._1ceb8vp2 {
   word-break: break-word;
 }
-.ProgressBarLabel_progressBarLabelCSS_childIsText_false__1ceb8vp3 {
+._1ceb8vp3 {
   word-break: break-word;
 }

package/content/progress/ProgressBarLabel.sty.js

@@ -23,4 +23,4 @@ module.exports = __toCommonJS(ProgressBarLabel_css_exports);
 var import_container_css_ts_vanilla = require("../../styles/container.css");
 var import_ProgressBarLabel_css_ts_vanilla = require("./ProgressBarLabel.css");
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var progressBarLabelCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "ProgressBarLabel_progressBarLabelCSS__1ceb8vp0", variantClassNames: { size: { condensed: "ProgressBarLabel_progressBarLabelCSS_size_condensed__1ceb8vp1", "default": "ProgressBarLabel_progressBarLabelCSS_size_default__1ceb8vp2" }, childIsText: { false: "ProgressBarLabel_progressBarLabelCSS_childIsText_false__1ceb8vp3" } }, defaultVariants: {}, compoundVariants: [] });
+var progressBarLabelCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1ceb8vp0", variantClassNames: { size: { condensed: "_1ceb8vp1", "default": "_1ceb8vp2" }, childIsText: { false: "_1ceb8vp3" } }, defaultVariants: {}, compoundVariants: [] });

package/content/progress/ProgressBarValue.css

@@ -1,28 +1,28 @@
-.ProgressBarValue_progressBarValueCSS_variant_onAccent__1ri4i7o1 {
+._1ri4i7o1 {
   color: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
 }
-.ProgressBarValue_progressBarValueCSS_variant_primary__1ri4i7o2 {
+._1ri4i7o2 {
   color: var(--dt-colors-text-neutral-subdued, #545587);
 }
-.ProgressBarValue_progressBarValueCSS_variant_success__1ri4i7o3 {
+._1ri4i7o3 {
   color: var(--dt-colors-text-neutral-subdued, #545587);
 }
-.ProgressBarValue_progressBarValueCSS_variant_warning__1ri4i7o4 {
+._1ri4i7o4 {
   color: var(--dt-colors-text-neutral-subdued, #545587);
 }
-.ProgressBarValue_progressBarValueCSS_variant_critical__1ri4i7o5 {
+._1ri4i7o5 {
   color: var(--dt-colors-text-neutral-subdued, #545587);
 }
-.ProgressBarValue_progressBarValueCSS_variant_neutral__1ri4i7o6 {
+._1ri4i7o6 {
   color: var(--dt-colors-text-neutral-subdued, #545587);
 }
-.ProgressBarValue_progressBarValueCSS_size_default__1ri4i7o8 {
+._1ri4i7o8 {
   word-break: break-word;
 }
-.ProgressBarValue_progressBarValueCSS_childIsText_false__1ri4i7oa {
+._1ri4i7oa {
   word-break: break-word;
 }
-.ProgressBarValue_progressBarValueCSS_compound_0__1ri4i7ob {
+._1ri4i7ob {
   margin-left: auto;
   align-self: center;
 }

package/content/progress/ProgressBarValue.sty.js

@@ -23,4 +23,4 @@ module.exports = __toCommonJS(ProgressBarValue_css_exports);
 var import_ellipsis_css_ts_vanilla = require("../../styles/ellipsis.css");
 var import_ProgressBarValue_css_ts_vanilla = require("./ProgressBarValue.css");
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var progressBarValueCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "ProgressBarValue__1ri4i7o0", variantClassNames: { variant: { onAccent: "ProgressBarValue_progressBarValueCSS_variant_onAccent__1ri4i7o1", primary: "ProgressBarValue_progressBarValueCSS_variant_primary__1ri4i7o2", success: "ProgressBarValue_progressBarValueCSS_variant_success__1ri4i7o3", warning: "ProgressBarValue_progressBarValueCSS_variant_warning__1ri4i7o4", critical: "ProgressBarValue_progressBarValueCSS_variant_critical__1ri4i7o5", neutral: "ProgressBarValue_progressBarValueCSS_variant_neutral__1ri4i7o6" }, size: { condensed: "ProgressBarValue_progressBarValueCSS_size_condensed__1ri4i7o7", "default": "ProgressBarValue_progressBarValueCSS_size_default__1ri4i7o8" }, childIsText: { true: "ProgressBarValue_progressBarValueCSS_childIsText_true__1ri4i7o9", false: "ProgressBarValue_progressBarValueCSS_childIsText_false__1ri4i7oa" } }, defaultVariants: {}, compoundVariants: [[{ size: "condensed", childIsText: true }, "ProgressBarValue_progressBarValueCSS_compound_0__1ri4i7ob ellipsis_ellipsisCSS__oqqp1n0"]] });
+var progressBarValueCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1ri4i7o0", variantClassNames: { variant: { onAccent: "_1ri4i7o1", primary: "_1ri4i7o2", success: "_1ri4i7o3", warning: "_1ri4i7o4", critical: "_1ri4i7o5", neutral: "_1ri4i7o6" }, size: { condensed: "_1ri4i7o7", "default": "_1ri4i7o8" }, childIsText: { true: "_1ri4i7o9", false: "_1ri4i7oa" } }, defaultVariants: {}, compoundVariants: [[{ size: "condensed", childIsText: true }, "_1ri4i7ob oqqp1n0"]] });

package/content/progress/ProgressCircle.css

@@ -1,4 +1,4 @@
-@keyframes ProgressCircle_circularIndeterminateKeyframes__kvldjh0 {
+@keyframes kvldjh0 {
   0% {
     transform: rotate(0deg);
   }
@@ -6,47 +6,47 @@
     transform: rotate(360deg);
   }
 }
-.ProgressCircle_progressCircleRootCSS__kvldjh1 {
+.kvldjh1 {
   display: inline-block;
-  color: var(--vars_borderColor__17bwkb02);
+  color: var(--_17bwkb02);
 }
-.ProgressCircle_ProgressCircleSVGCSS__kvldjh2 {
+.kvldjh2 {
   display: block;
   transform: rotate(-90deg);
 }
-.ProgressCircle_progressCircleCSS__kvldjh3 {
+.kvldjh3 {
   stroke: currentColor;
   transform-origin: center;
 }
-.ProgressCircle_progressCircleCSS_indeterminate_true__kvldjh4 {
+.kvldjh4 {
   stroke-dasharray: 90 360;
-  transform-origin: 50 50;
-  animation-name: ProgressCircle_circularIndeterminateKeyframes__kvldjh0;
+  transform-origin: 50% 50%;
+  animation-name: kvldjh0;
   animation-duration: var(--dt-timings-slow-gentle, 800ms);
   animation-timing-function: cubic-bezier(0.5, 0.15, 0.5, 0.8);
   animation-iteration-count: infinite;
 }
-.ProgressCircle_progressCircleCSS_indeterminate_false__kvldjh5 {
+.kvldjh5 {
   animation-duration: var(--dt-timings-fast-moderate, 200ms);
   transition-property: stroke-dashoffset;
 }
-.ProgressCircle_progressCircleBackgroundCSS__kvldjh6 {
+.kvldjh6 {
   stroke: var(--dt-colors-border-neutral-default, #d2d3e1);
 }
-.ProgressCircle_progressCircleBackgroundCSS_variant_onAccent__kvldjh7 {
+.kvldjh7 {
   stroke: var(--dt-colors-border-neutral-on-accent-disabled, #f3f3f633);
 }
-.ProgressCircle_progressCircleContainerCSS__kvldjhd {
+.kvldjhd {
   display: flex;
   flex-direction: column;
   align-items: center;
 }
-.ProgressCircle_progressCircleContainerCSS_size_small__kvldjhe {
+.kvldjhe {
   gap: var(--dt-spacings-size-8, 8px);
 }
-.ProgressCircle_progressCircleContainerCSS_size_large__kvldjhf {
+.kvldjhf {
   gap: var(--dt-spacings-size-12, 12px);
 }
-.ProgressCircle_progressCircleChildCSS__kvldjhg {
-  color: var(--vars_text__6levse0);
+.kvldjhg {
+  color: var(--_6levse0);
 }

package/content/progress/ProgressCircle.sty.d.ts

@@ -4,7 +4,7 @@ export declare const progressCircleCSS: import("@vanilla-extract/recipes").Runti
     indeterminate: {
         true: {
             strokeDasharray: "90 360";
-            transformOrigin: "50 50";
+            transformOrigin: "50% 50%";
             animationName: string;
             animationDuration: string;
             animationTimingFunction: "cubic-bezier(0.5, 0.15, 0.5, 0.8)";

package/content/progress/ProgressCircle.sty.js

@@ -29,9 +29,9 @@ var import_colorUtils_css_ts_vanilla = require("../../styles/colorUtils.css");
 var import_container_css_ts_vanilla = require("../../styles/container.css");
 var import_ProgressCircle_css_ts_vanilla = require("./ProgressCircle.css");
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var ProgressCircleSVGCSS = "ProgressCircle_ProgressCircleSVGCSS__kvldjh2";
-var progressCircleBackgroundCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "ProgressCircle_progressCircleBackgroundCSS__kvldjh6", variantClassNames: { variant: { onAccent: "ProgressCircle_progressCircleBackgroundCSS_variant_onAccent__kvldjh7", primary: "ProgressCircle_progressCircleBackgroundCSS_variant_primary__kvldjh8", success: "ProgressCircle_progressCircleBackgroundCSS_variant_success__kvldjh9", warning: "ProgressCircle_progressCircleBackgroundCSS_variant_warning__kvldjha", critical: "ProgressCircle_progressCircleBackgroundCSS_variant_critical__kvldjhb", neutral: "ProgressCircle_progressCircleBackgroundCSS_variant_neutral__kvldjhc" } }, defaultVariants: {}, compoundVariants: [] });
-var progressCircleCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "ProgressCircle_progressCircleCSS__kvldjh3", variantClassNames: { indeterminate: { true: "ProgressCircle_progressCircleCSS_indeterminate_true__kvldjh4", false: "ProgressCircle_progressCircleCSS_indeterminate_false__kvldjh5" } }, defaultVariants: {}, compoundVariants: [] });
-var progressCircleChildCSS = "ProgressCircle_progressCircleChildCSS__kvldjhg";
-var progressCircleContainerCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "ProgressCircle_progressCircleContainerCSS__kvldjhd", variantClassNames: { size: { small: "ProgressCircle_progressCircleContainerCSS_size_small__kvldjhe", large: "ProgressCircle_progressCircleContainerCSS_size_large__kvldjhf" } }, defaultVariants: {}, compoundVariants: [] });
-var progressCircleRootCSS = "ProgressCircle_progressCircleRootCSS__kvldjh1";
+var ProgressCircleSVGCSS = "kvldjh2";
+var progressCircleBackgroundCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "kvldjh6", variantClassNames: { variant: { onAccent: "kvldjh7", primary: "kvldjh8", success: "kvldjh9", warning: "kvldjha", critical: "kvldjhb", neutral: "kvldjhc" } }, defaultVariants: {}, compoundVariants: [] });
+var progressCircleCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "kvldjh3", variantClassNames: { indeterminate: { true: "kvldjh4", false: "kvldjh5" } }, defaultVariants: {}, compoundVariants: [] });
+var progressCircleChildCSS = "kvldjhg";
+var progressCircleContainerCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "kvldjhd", variantClassNames: { size: { small: "kvldjhe", large: "kvldjhf" } }, defaultVariants: {}, compoundVariants: [] });
+var progressCircleRootCSS = "kvldjh1";

package/content/skeleton/Skeleton.css

@@ -1,4 +1,4 @@
-@keyframes Skeleton_skeletonAnimationKeyframes__1a1ozfd0 {
+@keyframes _1a1ozfd0 {
   0% {
     transform: translateX(-100%) scaleX(0);
   }
@@ -6,12 +6,12 @@
     transform: translateX(100%) scaleX(1.5);
   }
 }
-.Skeleton_skeletonPlaceholderCSS__1a1ozfd1 {
+._1a1ozfd1 {
   position: relative;
   overflow: hidden;
   background-color: var(--dt-colors-background-field-neutral-disabled, #dadbe780);
 }
-.Skeleton_skeletonPlaceholderCSS__1a1ozfd1:after {
+._1a1ozfd1: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: Skeleton_skeletonAnimationKeyframes__1a1ozfd0;
+  animation-name: _1a1ozfd0;
   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));
 }
-.Skeleton_skeletonPlaceholderCSS_variant_default__1a1ozfd2 {
+._1a1ozfd2 {
   border-radius: var(--dt-borders-radius-container-subdued, 8px);
 }
-.Skeleton_skeletonPlaceholderCSS_variant_rounded__1a1ozfd3 {
+._1a1ozfd3 {
   border-radius: 9999px;
 }

package/content/skeleton/Skeleton.sty.js

@@ -22,4 +22,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: "Skeleton_skeletonPlaceholderCSS__1a1ozfd1", variantClassNames: { variant: { "default": "Skeleton_skeletonPlaceholderCSS_variant_default__1a1ozfd2", rounded: "Skeleton_skeletonPlaceholderCSS_variant_rounded__1a1ozfd3" } }, defaultVariants: {}, compoundVariants: [] });
+var skeletonPlaceholderCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1a1ozfd1", variantClassNames: { variant: { "default": "_1a1ozfd2", rounded: "_1a1ozfd3" } }, defaultVariants: {}, compoundVariants: [] });

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

@@ -60,7 +60,7 @@ const AppRoot = /* @__PURE__ */ (0, import_react.forwardRef)(
     let timezone = (0, import_user_preferences.getTimezone)();
     try {
       new Intl.DateTimeFormat(language, { timeZone: timezone });
-    } catch (error) {
+    } catch {
       timezone = Intl.DateTimeFormat().resolvedOptions().timeZone;
     }
     (0, import_react.useLayoutEffect)(() => {

package/core/index.d.ts

@@ -28,3 +28,4 @@ export type { RoleVariantType } from './types/role-variant.js';
 export { uuidv4 as _uuidv4 } from './utils/uuidv4.js';
 export { isStringChildren as _isStringChildren } from './utils/_is-string-children.js';
 export { parseBoolean as _parseBoolean } from './utils/parse-boolean.js';
+export { mulberry32 as _mulberry32 } from './utils/seed-random.js';

package/core/index.js

@@ -28,6 +28,7 @@ __export(core_exports, {
   _isFocusable: () => import_is_focusable.isFocusable,
   _isStringChildren: () => import_is_string_children.isStringChildren,
   _mergeProps: () => import_merge_props.mergeProps,
+  _mulberry32: () => import_seed_random.mulberry32,
   _parseBoolean: () => import_parse_boolean.parseBoolean,
   _useAriaLabelingProps: () => import_useAriaLabelingProps.useAriaLabelingProps,
   _useFocusContext: () => import_useFocusContext.useFocusContext,
@@ -57,3 +58,4 @@ var import_role_variant = require("./types/role-variant.js");
 var import_uuidv4 = require("./utils/uuidv4.js");
 var import_is_string_children = require("./utils/_is-string-children.js");
 var import_parse_boolean = require("./utils/parse-boolean.js");
+var import_seed_random = require("./utils/seed-random.js");

package/core/styles/focusRing.css

@@ -1,88 +1,88 @@
-.focusRing_focusRingCSS__z2r50s3 {
+.z2r50s3 {
   outline: none;
 }
-.focusRing_focusRingCSS__z2r50s3:focus-visible {
+.z2r50s3:focus-visible {
   outline: none;
 }
-.focusRing_focusRingCSS_minimal_true__z2r50s4 {
+.z2r50s4 {
   border-radius: calc(var(--dt-borders-radius-field-subdued, 4px) / 2);
-  box-shadow: inset 0 0 0 var(--dt-borders-width-default, 1px) var(--outerShadow__z2r50s0);
-  background-color: var(--backgroundColor__z2r50s2);
-}
-.focusRing_focusRingCSS_minimal_false__z2r50s5.focusRing_focusRingCSS_minimal_false__z2r50s5 {
-  box-shadow: inset 0 0 0 var(--dt-borders-width-emphasized, 2px) var(--outerShadow__z2r50s0), inset 0 0 0 calc(var(--dt-borders-width-emphasized, 2px) + 1px) var(--innerShadow__z2r50s1);
-}
-.focusRing_focusRingCSS_variant_neutral__z2r50s6 {
-  --outerShadow__z2r50s0: var(--dt-colors-border-neutral-accent, #545587);
-  --innerShadow__z2r50s1: var(--dt-colors-border-neutral-default, #d2d3e1);
-  --backgroundColor__z2r50s2: var(--dt-colors-background-field-neutral-emphasized, #dadbe7);
-}
-.focusRing_focusRingCSS_variant_primary__z2r50s7 {
-  --outerShadow__z2r50s0: var(--dt-colors-border-primary-accent, #454cc9);
-  --innerShadow__z2r50s1: var(--dt-colors-border-primary-default, #ccd3f3);
-  --backgroundColor__z2r50s2: var(--dt-colors-background-field-primary-emphasized, #d6dbf4);
-}
-.focusRing_focusRingCSS_variant_success__z2r50s8 {
-  --outerShadow__z2r50s0: var(--dt-colors-border-success-accent, #2c6360);
-  --innerShadow__z2r50s1: var(--dt-colors-border-success-default, #cad6d7);
-  --backgroundColor__z2r50s2: var(--dt-colors-background-field-success-emphasized, #d4dddf);
-}
-.focusRing_focusRingCSS_variant_warning__z2r50s9 {
-  --outerShadow__z2r50s0: var(--dt-colors-border-warning-accent, #805100);
-  --innerShadow__z2r50s1: var(--dt-colors-border-warning-default, #f4e5d5);
-  --backgroundColor__z2r50s2: var(--dt-colors-background-field-warning-emphasized, #f4e8de);
-}
-.focusRing_focusRingCSS_variant_critical__z2r50sa {
-  --outerShadow__z2r50s0: var(--dt-colors-border-critical-accent, #b80031);
-  --innerShadow__z2r50s1: var(--dt-colors-border-critical-default, #f1cdcf);
-  --backgroundColor__z2r50s2: var(--dt-colors-background-field-critical-emphasized, #f2d7d9);
-}
-.focusRing_focusRingCSS_variant_onAccent__z2r50sb {
-  --outerShadow__z2r50s0: var(--dt-colors-border-on-accent-default, #f3f3f7);
-  --innerShadow__z2r50s1: var(--dt-colors-border-on-accent-default, #f3f3f7);
-  --backgroundColor__z2r50s2: var(--dt-colors-background-field-on-accent-emphasized, #f3f3f733);
-}
-.focusRing_focusRingFocusWithinCSS__z2r50sc:focus-within {
+  box-shadow: inset 0 0 0 var(--dt-borders-width-default, 1px) var(--z2r50s0);
+  background-color: var(--z2r50s2);
+}
+.z2r50s5.z2r50s5 {
+  box-shadow: inset 0 0 0 var(--dt-borders-width-emphasized, 2px) var(--z2r50s0), inset 0 0 0 calc(var(--dt-borders-width-emphasized, 2px) + 1px) var(--z2r50s1);
+}
+.z2r50s6 {
+  --z2r50s0: var(--dt-colors-border-neutral-accent, #545587);
+  --z2r50s1: var(--dt-colors-border-neutral-default, #d2d3e1);
+  --z2r50s2: var(--dt-colors-background-field-neutral-emphasized, #dadbe7);
+}
+.z2r50s7 {
+  --z2r50s0: var(--dt-colors-border-primary-accent, #454cc9);
+  --z2r50s1: var(--dt-colors-border-primary-default, #ccd3f3);
+  --z2r50s2: var(--dt-colors-background-field-primary-emphasized, #d6dbf4);
+}
+.z2r50s8 {
+  --z2r50s0: var(--dt-colors-border-success-accent, #2c6360);
+  --z2r50s1: var(--dt-colors-border-success-default, #cad6d7);
+  --z2r50s2: var(--dt-colors-background-field-success-emphasized, #d4dddf);
+}
+.z2r50s9 {
+  --z2r50s0: var(--dt-colors-border-warning-accent, #805100);
+  --z2r50s1: var(--dt-colors-border-warning-default, #f4e5d5);
+  --z2r50s2: var(--dt-colors-background-field-warning-emphasized, #f4e8de);
+}
+.z2r50sa {
+  --z2r50s0: var(--dt-colors-border-critical-accent, #b80031);
+  --z2r50s1: var(--dt-colors-border-critical-default, #f1cdcf);
+  --z2r50s2: var(--dt-colors-background-field-critical-emphasized, #f2d7d9);
+}
+.z2r50sb {
+  --z2r50s0: var(--dt-colors-border-on-accent-default, #f3f3f7);
+  --z2r50s1: var(--dt-colors-border-on-accent-default, #f3f3f7);
+  --z2r50s2: var(--dt-colors-background-field-on-accent-emphasized, #f3f3f733);
+}
+.z2r50sc:focus-within {
   outline: none;
   :focus-visible {
     outline: none;
   }
 }
-.focusRing_focusRingFocusWithinCSS_minimal_true__z2r50sd:focus-within {
+.z2r50sd:focus-within {
   border-radius: calc(var(--dt-borders-radius-field-subdued, 4px) / 2);
-  box-shadow: inset 0 0 0 var(--dt-borders-width-default, 1px) var(--outerShadow__z2r50s0);
-  background-color: var(--backgroundColor__z2r50s2);
-}
-.focusRing_focusRingFocusWithinCSS_minimal_false__z2r50se:focus-within {
-  box-shadow: inset 0 0 0 var(--dt-borders-width-emphasized, 2px) var(--outerShadow__z2r50s0), inset 0 0 0 calc(var(--dt-borders-width-emphasized, 2px) + 1px) var(--innerShadow__z2r50s1);
-}
-.focusRing_focusRingFocusWithinCSS_variant_neutral__z2r50sf {
-  --outerShadow__z2r50s0: var(--dt-colors-border-neutral-accent, #545587);
-  --innerShadow__z2r50s1: var(--dt-colors-border-neutral-default, #d2d3e1);
-  --backgroundColor__z2r50s2: var(--dt-colors-background-field-neutral-emphasized, #dadbe7);
-}
-.focusRing_focusRingFocusWithinCSS_variant_primary__z2r50sg {
-  --outerShadow__z2r50s0: var(--dt-colors-border-primary-accent, #454cc9);
-  --innerShadow__z2r50s1: var(--dt-colors-border-primary-default, #ccd3f3);
-  --backgroundColor__z2r50s2: var(--dt-colors-background-field-primary-emphasized, #d6dbf4);
-}
-.focusRing_focusRingFocusWithinCSS_variant_success__z2r50sh {
-  --outerShadow__z2r50s0: var(--dt-colors-border-success-accent, #2c6360);
-  --innerShadow__z2r50s1: var(--dt-colors-border-success-default, #cad6d7);
-  --backgroundColor__z2r50s2: var(--dt-colors-background-field-success-emphasized, #d4dddf);
-}
-.focusRing_focusRingFocusWithinCSS_variant_warning__z2r50si {
-  --outerShadow__z2r50s0: var(--dt-colors-border-warning-accent, #805100);
-  --innerShadow__z2r50s1: var(--dt-colors-border-warning-default, #f4e5d5);
-  --backgroundColor__z2r50s2: var(--dt-colors-background-field-warning-emphasized, #f4e8de);
-}
-.focusRing_focusRingFocusWithinCSS_variant_critical__z2r50sj {
-  --outerShadow__z2r50s0: var(--dt-colors-border-critical-accent, #b80031);
-  --innerShadow__z2r50s1: var(--dt-colors-border-critical-default, #f1cdcf);
-  --backgroundColor__z2r50s2: var(--dt-colors-background-field-critical-emphasized, #f2d7d9);
-}
-.focusRing_focusRingFocusWithinCSS_variant_onAccent__z2r50sk {
-  --outerShadow__z2r50s0: var(--dt-colors-border-on-accent-default, #f3f3f7);
-  --innerShadow__z2r50s1: var(--dt-colors-border-on-accent-default, #f3f3f7);
-  --backgroundColor__z2r50s2: var(--dt-colors-background-field-on-accent-emphasized, #f3f3f733);
+  box-shadow: inset 0 0 0 var(--dt-borders-width-default, 1px) var(--z2r50s0);
+  background-color: var(--z2r50s2);
+}
+.z2r50se:focus-within {
+  box-shadow: inset 0 0 0 var(--dt-borders-width-emphasized, 2px) var(--z2r50s0), inset 0 0 0 calc(var(--dt-borders-width-emphasized, 2px) + 1px) var(--z2r50s1);
+}
+.z2r50sf {
+  --z2r50s0: var(--dt-colors-border-neutral-accent, #545587);
+  --z2r50s1: var(--dt-colors-border-neutral-default, #d2d3e1);
+  --z2r50s2: var(--dt-colors-background-field-neutral-emphasized, #dadbe7);
+}
+.z2r50sg {
+  --z2r50s0: var(--dt-colors-border-primary-accent, #454cc9);
+  --z2r50s1: var(--dt-colors-border-primary-default, #ccd3f3);
+  --z2r50s2: var(--dt-colors-background-field-primary-emphasized, #d6dbf4);
+}
+.z2r50sh {
+  --z2r50s0: var(--dt-colors-border-success-accent, #2c6360);
+  --z2r50s1: var(--dt-colors-border-success-default, #cad6d7);
+  --z2r50s2: var(--dt-colors-background-field-success-emphasized, #d4dddf);
+}
+.z2r50si {
+  --z2r50s0: var(--dt-colors-border-warning-accent, #805100);
+  --z2r50s1: var(--dt-colors-border-warning-default, #f4e5d5);
+  --z2r50s2: var(--dt-colors-background-field-warning-emphasized, #f4e8de);
+}
+.z2r50sj {
+  --z2r50s0: var(--dt-colors-border-critical-accent, #b80031);
+  --z2r50s1: var(--dt-colors-border-critical-default, #f1cdcf);
+  --z2r50s2: var(--dt-colors-background-field-critical-emphasized, #f2d7d9);
+}
+.z2r50sk {
+  --z2r50s0: var(--dt-colors-border-on-accent-default, #f3f3f7);
+  --z2r50s1: var(--dt-colors-border-on-accent-default, #f3f3f7);
+  --z2r50s2: var(--dt-colors-background-field-on-accent-emphasized, #f3f3f733);
 }