@dynatrace/strato-components 3.10.4 → 3.11.0

package/esm/core/styles/focusRing.css

@@ -1,75 +1,75 @@
-._z2r50s3-3-10-4 {
+._z2r50s3-3-11-0 {
   outline: none;
 }
-._z2r50s3-3-10-4:focus-visible {
+._z2r50s3-3-11-0:focus-visible {
   outline: none;
 }
-._z2r50s4-3-10-4 {
+._z2r50s4-3-11-0 {
   border-radius: var(--dt-borders-radius-field-subdued, 3px);
-  box-shadow: inset 0 0 0 var(--dt-borders-width-default, 1px) var(--_z2r50s0-3-10-4);
-  background-color: var(--_z2r50s2-3-10-4);
-}
-._z2r50s5-3-10-4._z2r50s5-3-10-4 {
-  box-shadow: inset 0 0 0 var(--dt-borders-width-emphasized, 2px) var(--_z2r50s0-3-10-4), inset 0 0 0 calc(var(--dt-borders-width-emphasized, 2px) + 1px) var(--_z2r50s1-3-10-4);
-}
-._z2r50s6-3-10-4 {
-  --_z2r50s0-3-10-4: var(--dt-colors-border-neutral-accent, #595a7d);
-  --_z2r50s1-3-10-4: var(--dt-colors-border-neutral-default, #dadbe4);
-  --_z2r50s2-3-10-4: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
-}
-._z2r50s7-3-10-4 {
-  --_z2r50s0-3-10-4: var(--dt-colors-border-primary-accent, #464cce);
-  --_z2r50s1-3-10-4: var(--dt-colors-border-primary-default, #d5dbf6);
-  --_z2r50s2-3-10-4: var(--dt-colors-background-field-primary-emphasized, #e1e5f7);
-}
-._z2r50s8-3-10-4 {
-  --_z2r50s0-3-10-4: var(--dt-colors-border-success-accent, #2d6761);
-  --_z2r50s1-3-10-4: var(--dt-colors-border-success-default, #d3dedd);
-  --_z2r50s2-3-10-4: var(--dt-colors-background-field-success-emphasized, #e0e7e6);
-}
-._z2r50s9-3-10-4 {
-  --_z2r50s0-3-10-4: var(--dt-colors-border-warning-accent, #855400);
-  --_z2r50s1-3-10-4: var(--dt-colors-border-warning-default, #f9ebdb);
-  --_z2r50s2-3-10-4: var(--dt-colors-background-field-warning-emphasized, #f9f0e5);
-}
-._z2r50sa-3-10-4 {
-  --_z2r50s0-3-10-4: var(--dt-colors-border-critical-accent, #bb0731);
-  --_z2r50s1-3-10-4: var(--dt-colors-border-critical-default, #f6d6d5);
-  --_z2r50s2-3-10-4: var(--dt-colors-background-field-critical-emphasized, #f8e1e1);
-}
-._z2r50sb-3-10-4:focus-within {
+  box-shadow: inset 0 0 0 var(--dt-borders-width-default, 1px) var(--_z2r50s0-3-11-0);
+  background-color: var(--_z2r50s2-3-11-0);
+}
+._z2r50s5-3-11-0._z2r50s5-3-11-0 {
+  box-shadow: inset 0 0 0 var(--dt-borders-width-emphasized, 2px) var(--_z2r50s0-3-11-0), inset 0 0 0 calc(var(--dt-borders-width-emphasized, 2px) + 1px) var(--_z2r50s1-3-11-0);
+}
+._z2r50s6-3-11-0 {
+  --_z2r50s0-3-11-0: var(--dt-colors-border-neutral-accent, #595a7d);
+  --_z2r50s1-3-11-0: var(--dt-colors-border-neutral-default, #dadbe4);
+  --_z2r50s2-3-11-0: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
+}
+._z2r50s7-3-11-0 {
+  --_z2r50s0-3-11-0: var(--dt-colors-border-primary-accent, #464cce);
+  --_z2r50s1-3-11-0: var(--dt-colors-border-primary-default, #d5dbf6);
+  --_z2r50s2-3-11-0: var(--dt-colors-background-field-primary-emphasized, #e1e5f7);
+}
+._z2r50s8-3-11-0 {
+  --_z2r50s0-3-11-0: var(--dt-colors-border-success-accent, #2d6761);
+  --_z2r50s1-3-11-0: var(--dt-colors-border-success-default, #d3dedd);
+  --_z2r50s2-3-11-0: var(--dt-colors-background-field-success-emphasized, #e0e7e6);
+}
+._z2r50s9-3-11-0 {
+  --_z2r50s0-3-11-0: var(--dt-colors-border-warning-accent, #855400);
+  --_z2r50s1-3-11-0: var(--dt-colors-border-warning-default, #f9ebdb);
+  --_z2r50s2-3-11-0: var(--dt-colors-background-field-warning-emphasized, #f9f0e5);
+}
+._z2r50sa-3-11-0 {
+  --_z2r50s0-3-11-0: var(--dt-colors-border-critical-accent, #bb0731);
+  --_z2r50s1-3-11-0: var(--dt-colors-border-critical-default, #f6d6d5);
+  --_z2r50s2-3-11-0: var(--dt-colors-background-field-critical-emphasized, #f8e1e1);
+}
+._z2r50sb-3-11-0:focus-within {
   outline: none;
 }
-._z2r50sc-3-10-4:focus-within {
+._z2r50sc-3-11-0:focus-within {
   border-radius: var(--dt-borders-radius-field-subdued, 3px);
-  box-shadow: inset 0 0 0 var(--dt-borders-width-default, 1px) var(--_z2r50s0-3-10-4);
-  background-color: var(--_z2r50s2-3-10-4);
-}
-._z2r50sd-3-10-4:focus-within {
-  box-shadow: inset 0 0 0 var(--dt-borders-width-emphasized, 2px) var(--_z2r50s0-3-10-4), inset 0 0 0 calc(var(--dt-borders-width-emphasized, 2px) + 1px) var(--_z2r50s1-3-10-4);
-}
-._z2r50se-3-10-4 {
-  --_z2r50s0-3-10-4: var(--dt-colors-border-neutral-accent, #595a7d);
-  --_z2r50s1-3-10-4: var(--dt-colors-border-neutral-default, #dadbe4);
-  --_z2r50s2-3-10-4: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
-}
-._z2r50sf-3-10-4 {
-  --_z2r50s0-3-10-4: var(--dt-colors-border-primary-accent, #464cce);
-  --_z2r50s1-3-10-4: var(--dt-colors-border-primary-default, #d5dbf6);
-  --_z2r50s2-3-10-4: var(--dt-colors-background-field-primary-emphasized, #e1e5f7);
-}
-._z2r50sg-3-10-4 {
-  --_z2r50s0-3-10-4: var(--dt-colors-border-success-accent, #2d6761);
-  --_z2r50s1-3-10-4: var(--dt-colors-border-success-default, #d3dedd);
-  --_z2r50s2-3-10-4: var(--dt-colors-background-field-success-emphasized, #e0e7e6);
-}
-._z2r50sh-3-10-4 {
-  --_z2r50s0-3-10-4: var(--dt-colors-border-warning-accent, #855400);
-  --_z2r50s1-3-10-4: var(--dt-colors-border-warning-default, #f9ebdb);
-  --_z2r50s2-3-10-4: var(--dt-colors-background-field-warning-emphasized, #f9f0e5);
-}
-._z2r50si-3-10-4 {
-  --_z2r50s0-3-10-4: var(--dt-colors-border-critical-accent, #bb0731);
-  --_z2r50s1-3-10-4: var(--dt-colors-border-critical-default, #f6d6d5);
-  --_z2r50s2-3-10-4: var(--dt-colors-background-field-critical-emphasized, #f8e1e1);
+  box-shadow: inset 0 0 0 var(--dt-borders-width-default, 1px) var(--_z2r50s0-3-11-0);
+  background-color: var(--_z2r50s2-3-11-0);
+}
+._z2r50sd-3-11-0:focus-within {
+  box-shadow: inset 0 0 0 var(--dt-borders-width-emphasized, 2px) var(--_z2r50s0-3-11-0), inset 0 0 0 calc(var(--dt-borders-width-emphasized, 2px) + 1px) var(--_z2r50s1-3-11-0);
+}
+._z2r50se-3-11-0 {
+  --_z2r50s0-3-11-0: var(--dt-colors-border-neutral-accent, #595a7d);
+  --_z2r50s1-3-11-0: var(--dt-colors-border-neutral-default, #dadbe4);
+  --_z2r50s2-3-11-0: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
+}
+._z2r50sf-3-11-0 {
+  --_z2r50s0-3-11-0: var(--dt-colors-border-primary-accent, #464cce);
+  --_z2r50s1-3-11-0: var(--dt-colors-border-primary-default, #d5dbf6);
+  --_z2r50s2-3-11-0: var(--dt-colors-background-field-primary-emphasized, #e1e5f7);
+}
+._z2r50sg-3-11-0 {
+  --_z2r50s0-3-11-0: var(--dt-colors-border-success-accent, #2d6761);
+  --_z2r50s1-3-11-0: var(--dt-colors-border-success-default, #d3dedd);
+  --_z2r50s2-3-11-0: var(--dt-colors-background-field-success-emphasized, #e0e7e6);
+}
+._z2r50sh-3-11-0 {
+  --_z2r50s0-3-11-0: var(--dt-colors-border-warning-accent, #855400);
+  --_z2r50s1-3-11-0: var(--dt-colors-border-warning-default, #f9ebdb);
+  --_z2r50s2-3-11-0: var(--dt-colors-background-field-warning-emphasized, #f9f0e5);
+}
+._z2r50si-3-11-0 {
+  --_z2r50s0-3-11-0: var(--dt-colors-border-critical-accent, #bb0731);
+  --_z2r50s1-3-11-0: var(--dt-colors-border-critical-default, #f6d6d5);
+  --_z2r50s2-3-11-0: var(--dt-colors-background-field-critical-emphasized, #f8e1e1);
 }

package/esm/core/styles/focusRing.sty.js

@@ -1,7 +1,7 @@
 import "./focusRing.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var focusRing = _7a468({ defaultClassName: "_z2r50s3-3-10-4", variantClassNames: { minimal: { true: "_z2r50s4-3-10-4", false: "_z2r50s5-3-10-4" }, color: { neutral: "_z2r50s6-3-10-4", primary: "_z2r50s7-3-10-4", success: "_z2r50s8-3-10-4", warning: "_z2r50s9-3-10-4", critical: "_z2r50sa-3-10-4" } }, defaultVariants: {}, compoundVariants: [] });
-var focusRingFocusWithin = _7a468({ defaultClassName: "_z2r50sb-3-10-4", variantClassNames: { minimal: { true: "_z2r50sc-3-10-4", false: "_z2r50sd-3-10-4" }, color: { neutral: "_z2r50se-3-10-4", primary: "_z2r50sf-3-10-4", success: "_z2r50sg-3-10-4", warning: "_z2r50sh-3-10-4", critical: "_z2r50si-3-10-4" } }, defaultVariants: {}, compoundVariants: [] });
+var focusRing = _7a468({ defaultClassName: "_z2r50s3-3-11-0", variantClassNames: { minimal: { true: "_z2r50s4-3-11-0", false: "_z2r50s5-3-11-0" }, color: { neutral: "_z2r50s6-3-11-0", primary: "_z2r50s7-3-11-0", success: "_z2r50s8-3-11-0", warning: "_z2r50s9-3-11-0", critical: "_z2r50sa-3-11-0" } }, defaultVariants: {}, compoundVariants: [] });
+var focusRingFocusWithin = _7a468({ defaultClassName: "_z2r50sb-3-11-0", variantClassNames: { minimal: { true: "_z2r50sc-3-11-0", false: "_z2r50sd-3-11-0" }, color: { neutral: "_z2r50se-3-11-0", primary: "_z2r50sf-3-11-0", success: "_z2r50sg-3-11-0", warning: "_z2r50sh-3-11-0", critical: "_z2r50si-3-11-0" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   focusRing,
   focusRingFocusWithin

package/esm/core/styles/focusRing.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/core/styles/focusRing.css.ts"],
-  "sourcesContent": ["import './focusRing.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var focusRing = _7a468({defaultClassName:'_z2r50s3-3-10-4',variantClassNames:{minimal:{true:'_z2r50s4-3-10-4',false:'_z2r50s5-3-10-4'},color:{neutral:'_z2r50s6-3-10-4',primary:'_z2r50s7-3-10-4',success:'_z2r50s8-3-10-4',warning:'_z2r50s9-3-10-4',critical:'_z2r50sa-3-10-4'}},defaultVariants:{},compoundVariants:[]});\nexport var focusRingFocusWithin = _7a468({defaultClassName:'_z2r50sb-3-10-4',variantClassNames:{minimal:{true:'_z2r50sc-3-10-4',false:'_z2r50sd-3-10-4'},color:{neutral:'_z2r50se-3-10-4',primary:'_z2r50sf-3-10-4',success:'_z2r50sg-3-10-4',warning:'_z2r50sh-3-10-4',critical:'_z2r50si-3-10-4'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './focusRing.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var focusRing = _7a468({defaultClassName:'_z2r50s3-3-11-0',variantClassNames:{minimal:{true:'_z2r50s4-3-11-0',false:'_z2r50s5-3-11-0'},color:{neutral:'_z2r50s6-3-11-0',primary:'_z2r50s7-3-11-0',success:'_z2r50s8-3-11-0',warning:'_z2r50s9-3-11-0',critical:'_z2r50sa-3-11-0'}},defaultVariants:{},compoundVariants:[]});\nexport var focusRingFocusWithin = _7a468({defaultClassName:'_z2r50sb-3-11-0',variantClassNames:{minimal:{true:'_z2r50sc-3-11-0',false:'_z2r50sd-3-11-0'},color:{neutral:'_z2r50se-3-11-0',primary:'_z2r50sf-3-11-0',success:'_z2r50sg-3-11-0',warning:'_z2r50sh-3-11-0',critical:'_z2r50si-3-11-0'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,YAAY,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,SAAQ,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,GAAE,OAAM,EAAC,SAAQ,mBAAkB,SAAQ,mBAAkB,SAAQ,mBAAkB,SAAQ,mBAAkB,UAAS,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC1T,IAAI,uBAAuB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,SAAQ,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,GAAE,OAAM,EAAC,SAAQ,mBAAkB,SAAQ,mBAAkB,SAAQ,mBAAkB,SAAQ,mBAAkB,UAAS,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/core/styles/focusRingStatic.css

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

package/esm/core/styles/focusRingStatic.sty.js

@@ -1,6 +1,6 @@
 import "./focusRingStatic.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var focusRingStatic = _7a468({ defaultClassName: "_z0fq9b4-3-10-4", variantClassNames: { minimal: { true: "_z0fq9b5-3-10-4", false: "_z0fq9b6-3-10-4" }, disabled: { true: "_z0fq9b7-3-10-4" }, when: { always: "_z0fq9b8-3-10-4", "focus-visible": "_z0fq9b9-3-10-4", "focus-within": "_z0fq9ba-3-10-4", "focus-within-visible": "_z0fq9bb-3-10-4", focus: "_z0fq9bc-3-10-4" }, color: { neutral: "_z0fq9bd-3-10-4", primary: "_z0fq9be-3-10-4", success: "_z0fq9bf-3-10-4", warning: "_z0fq9bg-3-10-4", critical: "_z0fq9bh-3-10-4" } }, defaultVariants: { color: "neutral", minimal: false, when: "focus", disabled: false }, compoundVariants: [] });
+var focusRingStatic = _7a468({ defaultClassName: "_z0fq9b4-3-11-0", variantClassNames: { minimal: { true: "_z0fq9b5-3-11-0", false: "_z0fq9b6-3-11-0" }, disabled: { true: "_z0fq9b7-3-11-0" }, when: { always: "_z0fq9b8-3-11-0", "focus-visible": "_z0fq9b9-3-11-0", "focus-within": "_z0fq9ba-3-11-0", "focus-within-visible": "_z0fq9bb-3-11-0", focus: "_z0fq9bc-3-11-0" }, color: { neutral: "_z0fq9bd-3-11-0", primary: "_z0fq9be-3-11-0", success: "_z0fq9bf-3-11-0", warning: "_z0fq9bg-3-11-0", critical: "_z0fq9bh-3-11-0" } }, defaultVariants: { color: "neutral", minimal: false, when: "focus", disabled: false }, compoundVariants: [] });
 export {
   focusRingStatic
 };

package/esm/core/styles/focusRingStatic.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/core/styles/focusRingStatic.css.ts"],
-  "sourcesContent": ["import './focusRingStatic.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var focusRingStatic = _7a468({defaultClassName:'_z0fq9b4-3-10-4',variantClassNames:{minimal:{true:'_z0fq9b5-3-10-4',false:'_z0fq9b6-3-10-4'},disabled:{true:'_z0fq9b7-3-10-4'},when:{always:'_z0fq9b8-3-10-4','focus-visible':'_z0fq9b9-3-10-4','focus-within':'_z0fq9ba-3-10-4','focus-within-visible':'_z0fq9bb-3-10-4',focus:'_z0fq9bc-3-10-4'},color:{neutral:'_z0fq9bd-3-10-4',primary:'_z0fq9be-3-10-4',success:'_z0fq9bf-3-10-4',warning:'_z0fq9bg-3-10-4',critical:'_z0fq9bh-3-10-4'}},defaultVariants:{color:'neutral',minimal:false,when:'focus',disabled:false},compoundVariants:[]});"],
+  "sourcesContent": ["import './focusRingStatic.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var focusRingStatic = _7a468({defaultClassName:'_z0fq9b4-3-11-0',variantClassNames:{minimal:{true:'_z0fq9b5-3-11-0',false:'_z0fq9b6-3-11-0'},disabled:{true:'_z0fq9b7-3-11-0'},when:{always:'_z0fq9b8-3-11-0','focus-visible':'_z0fq9b9-3-11-0','focus-within':'_z0fq9ba-3-11-0','focus-within-visible':'_z0fq9bb-3-11-0',focus:'_z0fq9bc-3-11-0'},color:{neutral:'_z0fq9bd-3-11-0',primary:'_z0fq9be-3-11-0',success:'_z0fq9bf-3-11-0',warning:'_z0fq9bg-3-11-0',critical:'_z0fq9bh-3-11-0'}},defaultVariants:{color:'neutral',minimal:false,when:'focus',disabled:false},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,kBAAkB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,SAAQ,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,GAAE,UAAS,EAAC,MAAK,kBAAiB,GAAE,MAAK,EAAC,QAAO,mBAAkB,iBAAgB,mBAAkB,gBAAe,mBAAkB,wBAAuB,mBAAkB,OAAM,kBAAiB,GAAE,OAAM,EAAC,SAAQ,mBAAkB,SAAQ,mBAAkB,SAAQ,mBAAkB,SAAQ,mBAAkB,UAAS,kBAAiB,EAAC,GAAE,iBAAgB,EAAC,OAAM,WAAU,SAAQ,OAAM,MAAK,SAAQ,UAAS,MAAK,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/core/styles/virtualFocus.css

@@ -1,10 +1,10 @@
-._9mvxlq0-3-10-4 {
+._9mvxlq0-3-11-0 {
   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-10-4 {
+._9mvxlq1-3-11-0 {
   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/esm/core/styles/virtualFocus.sty.js

@@ -1,5 +1,5 @@
 import "./virtualFocus.css";
-var virtualFocus = { neutral: "_9mvxlq0-3-10-4", primary: "_9mvxlq1-3-10-4" };
+var virtualFocus = { neutral: "_9mvxlq0-3-11-0", primary: "_9mvxlq1-3-11-0" };
 export {
   virtualFocus
 };

package/esm/core/styles/virtualFocus.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/core/styles/virtualFocus.css.ts"],
-  "sourcesContent": ["import './virtualFocus.css';\nexport var virtualFocus = {neutral:'_9mvxlq0-3-10-4',primary:'_9mvxlq1-3-10-4'};"],
+  "sourcesContent": ["import './virtualFocus.css';\nexport var virtualFocus = {neutral:'_9mvxlq0-3-11-0',primary:'_9mvxlq1-3-11-0'};"],
   "mappings": "AAAA,OAAO;AACA,IAAI,eAAe,EAAC,SAAQ,mBAAkB,SAAQ,kBAAiB;",
   "names": []
 }

package/esm/core/time/helpers.js

@@ -75,24 +75,32 @@ function getFormattedTimeValue(timeValue, precision, showTimeOnly) {
   const absoluteDate = timeValue.absoluteDate ? new TZDateMini(timeValue.absoluteDate, timezone) : null;
   return absoluteDate && isValid(absoluteDate) ? formatDate(absoluteDate, formatOptions) : "";
 }
+function formatExpressionValue(tv) {
+  return isNowTimeValue(tv) ? '"Now"' : tv.value.replaceAll("now()", "").replaceAll("now", "").trim() || tv.value;
+}
+function toTimeValue(limit, relativeNow) {
+  if (typeof limit !== "string") {
+    return limit ?? null;
+  }
+  return limit ? parseTimeAsTimeValue(limit, relativeNow) : null;
+}
 function getFormattedMinMax(min, max, precision) {
   const relativeNow = TZDateMini.tz(getTimezone()).getTime();
-  const minDate = min ? parseTimeAsTimeValue(min, relativeNow) : null;
-  const maxDate = max ? parseTimeAsTimeValue(max, relativeNow) : null;
+  const minDate = toTimeValue(min, relativeNow);
+  const maxDate = toTimeValue(max, relativeNow);
   const newMinDate = new TZDateMini(minDate?.absoluteDate ?? "", getTimezone());
-  if (!isNaN(newMinDate.getTime())) {
+  const isMinDateValid = !Number.isNaN(newMinDate.getTime());
+  if (minDate?.type !== "expression" && isMinDateValid) {
     if (precision === "seconds" && newMinDate.getMilliseconds() > 0) {
       newMinDate.setSeconds(newMinDate.getSeconds() + 1);
     } else if (precision === "minutes" && (newMinDate.getMilliseconds() > 0 || newMinDate.getSeconds() > 0)) {
       newMinDate.setMinutes(newMinDate.getMinutes() + 1);
     }
   }
-  const minTimeValue = parseTimeAsTimeValue(
-    !isNaN(newMinDate.getTime()) ? newMinDate.toISOString() : minDate?.absoluteDate,
-    relativeNow
-  );
-  const formattedMin = getFormattedTimeValue(minTimeValue, precision);
-  const formattedMax = getFormattedTimeValue(
+  const roundedMinIso = isMinDateValid ? newMinDate.toISOString() : minDate?.absoluteDate;
+  const minTimeValue = minDate && minDate.type !== "expression" ? { ...minDate, absoluteDate: roundedMinIso ?? minDate.absoluteDate } : null;
+  const formattedMin = minDate?.type === "expression" ? formatExpressionValue(minDate) : getFormattedTimeValue(minTimeValue, precision);
+  const formattedMax = maxDate?.type === "expression" ? formatExpressionValue(maxDate) : getFormattedTimeValue(
     maxDate,
     precision,
     !!minTimeValue && !!maxDate && isSameDay(minTimeValue.absoluteDate, maxDate.absoluteDate)

package/esm/core/time/helpers.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/core/time/helpers.ts"],
-  "sourcesContent": ["import { TZDateMini } from '@date-fns/tz';\nimport { isSameDay, isValid } from 'date-fns';\nimport type { FormatDateOptions } from 'react-intl';\n\nimport { formatDate, parseTimeAsTimeValue } from '@dynatrace-sdk/units';\nimport { getTimezone } from '@dynatrace-sdk/user-preferences';\n\nimport type { Precision } from './shared.types.js';\nimport type { CalendarType } from '../../forms/calendar/types/calendarConfiguration.js';\nimport type { DateRangeSelectorValueType } from '../../forms/date-time-range-picker/types.js';\nimport type {\n  _TimeOffset,\n  _TimeOffsetValue,\n  Timeframe,\n  TimeValue,\n} from '../types/time.js';\n\n/**\n * Compares two given timevalue objects with each other\n */\nexport function isEqualTimeValue(\n  tv1: TimeValue | string | null,\n  tv2: TimeValue | string | null,\n) {\n  // ref. equality check, same ref => same value\n  if (tv1 === tv2) {\n    return true;\n  }\n\n  if (typeof tv1 === 'string' || typeof tv2 === 'string') {\n    return false;\n  }\n\n  // if only one of the objects is null, they can't be the same\n  if (tv1 === null || tv2 === null) {\n    return false;\n  }\n\n  // if the type differs, they must be different\n  if (tv1?.type !== tv2?.type) {\n    return false;\n  }\n\n  // compare by expression or iso value\n  return tv1?.value === tv2?.value;\n}\n\n/**\n * Compares two given RangeSelection objects with each other\n */\nexport function isEqualRangeSelection(\n  tf1: DateRangeSelectorValueType,\n  tf2: DateRangeSelectorValueType,\n) {\n  // ref. equality check\n  if (tf1 === tf2) {\n    return true;\n  }\n\n  return (\n    isEqualTimeValue(tf1?.from ?? null, tf2?.from ?? null) &&\n    isEqualTimeValue(tf1?.to ?? null, tf2?.to ?? null)\n  );\n}\n/**\n * Typeguard to see if time offset is simple, so not an object.\n * @internal\n */\nexport function isSimpleTimeOffset(\n  offset: _TimeOffset,\n): offset is _TimeOffsetValue {\n  return typeof offset !== 'object';\n}\n\n/**\n * Typeguard function that will check if the date is a date range.\n * @internal\n */\nexport function isTimeframe(\n  date: unknown,\n  type: CalendarType,\n): date is Partial<Timeframe> | Timeframe {\n  return type === 'range';\n}\n\n/**\n * Typeguard function that will check if the date is TimeValue, it has absoluteDate, value and type.\n * @internal\n */\nexport function isTimeValue(value: unknown): value is TimeValue {\n  return (\n    typeof value === 'object' &&\n    value !== null &&\n    'absoluteDate' in value &&\n    'value' in value &&\n    'type' in value\n  );\n}\n\n/**\n * Typeguard to check if a given timeframe is complete, meaning it has both `from` and `to` properties.\n * @internal\n */\nexport function isFullTimeframe(timeframe?: unknown): timeframe is Timeframe {\n  if (typeof timeframe !== 'object' || timeframe === null) {\n    return false;\n  }\n\n  const candidate = timeframe as { from?: unknown; to?: unknown };\n\n  return (\n    isTimeValue(candidate.from) &&\n    candidate.from.absoluteDate !== '' &&\n    isTimeValue(candidate.to) &&\n    candidate.to.absoluteDate !== ''\n  );\n}\n\nexport function isNowTimeValue(value?: TimeValue | null): boolean {\n  return Boolean(\n    value?.type === 'expression' &&\n      (value.value === 'now' || value.value === 'now()'),\n  );\n}\n\nexport function isRangeValue(\n  value: TimeValue | { from: TimeValue | null; to: TimeValue | null } | null,\n): value is { from: TimeValue | null; to: TimeValue | null } {\n  return typeof value === 'object' && value !== null && 'from' in value;\n}\n\n/**\n * Typeguard to check if a given object is a partial timeframe. So either from or to are missing.\n * @internal\n */\nexport function isPartialTimeframe(\n  timeframe?: unknown,\n): timeframe is Partial<Timeframe> {\n  if (typeof timeframe !== 'object' || timeframe === null) {\n    return false;\n  }\n\n  const candidate = timeframe as { from?: unknown; to?: unknown };\n  const hasFrom = 'from' in candidate && candidate.from !== null;\n  const hasTo = 'to' in candidate && candidate.to !== null;\n\n  return hasFrom !== hasTo;\n}\n\n/**\n * Formatter that gets the formatted time value strings.\n * @internal\n */\nexport function getFormattedTimeValue(\n  timeValue: TimeValue | null,\n  precision?: Precision,\n  showTimeOnly?: boolean,\n) {\n  if (!timeValue) {\n    return '';\n  }\n\n  const timezone = getTimezone();\n  const formatOptions: FormatDateOptions = {\n    // Extract the user-settings timezone to use for the calculation\n    timeZone: getTimezone(),\n    day: showTimeOnly ? undefined : 'numeric',\n    month: showTimeOnly ? undefined : 'short',\n    year: showTimeOnly ? undefined : 'numeric',\n    hour: 'numeric',\n    minute: 'numeric',\n    second: precision === 'minutes' ? undefined : 'numeric',\n    fractionalSecondDigits: precision === 'milliseconds' ? 3 : undefined,\n  };\n  const absoluteDate = timeValue.absoluteDate\n    ? new TZDateMini(timeValue.absoluteDate, timezone)\n    : null;\n\n  return absoluteDate && isValid(absoluteDate)\n    ? formatDate(absoluteDate, formatOptions)\n    : '';\n}\n\n/**\n * Gets the formatted min and max values that are used in the translated messages.\n * @internal\n */\nexport function getFormattedMinMax(\n  min?: string,\n  max?: string,\n  precision?: Precision,\n) {\n  // All parse times here need to use the same _now_ date, to not be subject\n  // to millisecond differences during parsing.\n  const relativeNow = TZDateMini.tz(getTimezone()).getTime();\n  const minDate = min ? parseTimeAsTimeValue(min, relativeNow) : null;\n  const maxDate = max ? parseTimeAsTimeValue(max, relativeNow) : null;\n\n  const newMinDate = new TZDateMini(minDate?.absoluteDate ?? '', getTimezone());\n  // Round up min date depending on the precision.\n  if (!isNaN(newMinDate.getTime())) {\n    if (precision === 'seconds' && newMinDate.getMilliseconds() > 0) {\n      newMinDate.setSeconds(newMinDate.getSeconds() + 1);\n    } else if (\n      precision === 'minutes' &&\n      (newMinDate.getMilliseconds() > 0 || newMinDate.getSeconds() > 0)\n    ) {\n      newMinDate.setMinutes(newMinDate.getMinutes() + 1);\n    }\n  }\n  const minTimeValue = parseTimeAsTimeValue(\n    !isNaN(newMinDate.getTime())\n      ? newMinDate.toISOString()\n      : minDate?.absoluteDate,\n    relativeNow,\n  );\n\n  const formattedMin = getFormattedTimeValue(minTimeValue, precision);\n  const formattedMax = getFormattedTimeValue(\n    maxDate,\n    precision,\n    !!minTimeValue &&\n      !!maxDate &&\n      isSameDay(minTimeValue.absoluteDate, maxDate.absoluteDate),\n  );\n\n  return {\n    min: formattedMin,\n    max: formattedMax,\n  };\n}\n\n/**\n * Merges a partial range value into the current state value.\n * - Only keys present in `patch` are updated; absent keys keep their current value.\n * - A `null` value in `patch` explicitly clears that key.\n * - When the current state is `null`, the base defaults to `{ from: null, to: null }`.\n * @internal\n */\nexport function mergeRangeValue(\n  current: null | { from: TimeValue | null; to: TimeValue | null },\n  patch: Partial<{ from: TimeValue | null; to: TimeValue | null }>,\n): { from: TimeValue | null; to: TimeValue | null } {\n  const base = current ?? { from: null, to: null };\n  return {\n    from: 'from' in patch ? patch.from ?? null : base.from,\n    to: 'to' in patch ? patch.to ?? null : base.to,\n  };\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { TZDateMini } from '@date-fns/tz';\nimport { isSameDay, isValid } from 'date-fns';\nimport type { FormatDateOptions } from 'react-intl';\n\nimport { formatDate, parseTimeAsTimeValue } from '@dynatrace-sdk/units';\nimport { getTimezone } from '@dynatrace-sdk/user-preferences';\n\nimport type { Precision } from './shared.types.js';\nimport type { CalendarType } from '../../forms/calendar/types/calendarConfiguration.js';\nimport type { DateRangeSelectorValueType } from '../../forms/date-time-range-picker/types.js';\nimport type {\n  _TimeOffset,\n  _TimeOffsetValue,\n  Timeframe,\n  TimeValue,\n} from '../types/time.js';\n\n/**\n * Compares two given timevalue objects with each other\n */\nexport function isEqualTimeValue(\n  tv1: TimeValue | string | null,\n  tv2: TimeValue | string | null,\n) {\n  // ref. equality check, same ref => same value\n  if (tv1 === tv2) {\n    return true;\n  }\n\n  if (typeof tv1 === 'string' || typeof tv2 === 'string') {\n    return false;\n  }\n\n  // if only one of the objects is null, they can't be the same\n  if (tv1 === null || tv2 === null) {\n    return false;\n  }\n\n  // if the type differs, they must be different\n  if (tv1?.type !== tv2?.type) {\n    return false;\n  }\n\n  // compare by expression or iso value\n  return tv1?.value === tv2?.value;\n}\n\n/**\n * Compares two given RangeSelection objects with each other\n */\nexport function isEqualRangeSelection(\n  tf1: DateRangeSelectorValueType,\n  tf2: DateRangeSelectorValueType,\n) {\n  // ref. equality check\n  if (tf1 === tf2) {\n    return true;\n  }\n\n  return (\n    isEqualTimeValue(tf1?.from ?? null, tf2?.from ?? null) &&\n    isEqualTimeValue(tf1?.to ?? null, tf2?.to ?? null)\n  );\n}\n/**\n * Typeguard to see if time offset is simple, so not an object.\n * @internal\n */\nexport function isSimpleTimeOffset(\n  offset: _TimeOffset,\n): offset is _TimeOffsetValue {\n  return typeof offset !== 'object';\n}\n\n/**\n * Typeguard function that will check if the date is a date range.\n * @internal\n */\nexport function isTimeframe(\n  date: unknown,\n  type: CalendarType,\n): date is Partial<Timeframe> | Timeframe {\n  return type === 'range';\n}\n\n/**\n * Typeguard function that will check if the date is TimeValue, it has absoluteDate, value and type.\n * @internal\n */\nexport function isTimeValue(value: unknown): value is TimeValue {\n  return (\n    typeof value === 'object' &&\n    value !== null &&\n    'absoluteDate' in value &&\n    'value' in value &&\n    'type' in value\n  );\n}\n\n/**\n * Typeguard to check if a given timeframe is complete, meaning it has both `from` and `to` properties.\n * @internal\n */\nexport function isFullTimeframe(timeframe?: unknown): timeframe is Timeframe {\n  if (typeof timeframe !== 'object' || timeframe === null) {\n    return false;\n  }\n\n  const candidate = timeframe as { from?: unknown; to?: unknown };\n\n  return (\n    isTimeValue(candidate.from) &&\n    candidate.from.absoluteDate !== '' &&\n    isTimeValue(candidate.to) &&\n    candidate.to.absoluteDate !== ''\n  );\n}\n\nexport function isNowTimeValue(value?: TimeValue | null): boolean {\n  return Boolean(\n    value?.type === 'expression' &&\n      (value.value === 'now' || value.value === 'now()'),\n  );\n}\n\nexport function isRangeValue(\n  value: TimeValue | { from: TimeValue | null; to: TimeValue | null } | null,\n): value is { from: TimeValue | null; to: TimeValue | null } {\n  return typeof value === 'object' && value !== null && 'from' in value;\n}\n\n/**\n * Typeguard to check if a given object is a partial timeframe. So either from or to are missing.\n * @internal\n */\nexport function isPartialTimeframe(\n  timeframe?: unknown,\n): timeframe is Partial<Timeframe> {\n  if (typeof timeframe !== 'object' || timeframe === null) {\n    return false;\n  }\n\n  const candidate = timeframe as { from?: unknown; to?: unknown };\n  const hasFrom = 'from' in candidate && candidate.from !== null;\n  const hasTo = 'to' in candidate && candidate.to !== null;\n\n  return hasFrom !== hasTo;\n}\n\n/**\n * Formatter that gets the formatted time value strings.\n * @internal\n */\nexport function getFormattedTimeValue(\n  timeValue: TimeValue | null,\n  precision?: Precision,\n  showTimeOnly?: boolean,\n) {\n  if (!timeValue) {\n    return '';\n  }\n\n  const timezone = getTimezone();\n  const formatOptions: FormatDateOptions = {\n    // Extract the user-settings timezone to use for the calculation\n    timeZone: getTimezone(),\n    day: showTimeOnly ? undefined : 'numeric',\n    month: showTimeOnly ? undefined : 'short',\n    year: showTimeOnly ? undefined : 'numeric',\n    hour: 'numeric',\n    minute: 'numeric',\n    second: precision === 'minutes' ? undefined : 'numeric',\n    fractionalSecondDigits: precision === 'milliseconds' ? 3 : undefined,\n  };\n  const absoluteDate = timeValue.absoluteDate\n    ? new TZDateMini(timeValue.absoluteDate, timezone)\n    : null;\n\n  return absoluteDate && isValid(absoluteDate)\n    ? formatDate(absoluteDate, formatOptions)\n    : '';\n}\n\n/**\n * Formats an expression-type {@link TimeValue} as a compact label for hint/error\n * messages, e.g. `now()-7d` \u2192 `-7d`, and an exact `now()`/`now` expression as `\"Now\"`.\n */\nfunction formatExpressionValue(tv: TimeValue): string {\n  return isNowTimeValue(tv)\n    ? '\"Now\"'\n    : tv.value.replaceAll('now()', '').replaceAll('now', '').trim() || tv.value;\n}\n\n/**\n * Normalizes a min/max limit to a {@link TimeValue}, parsing string input against\n * a shared `relativeNow` so multiple limits parsed together stay temporally consistent.\n */\nfunction toTimeValue(\n  limit: string | TimeValue | null | undefined,\n  relativeNow: number,\n) {\n  if (typeof limit !== 'string') {\n    return limit ?? null;\n  }\n  return limit ? parseTimeAsTimeValue(limit, relativeNow) : null;\n}\n\n/**\n * Gets the formatted min and max values that are used in the translated messages.\n * @internal\n */\nexport function getFormattedMinMax(\n  min?: TimeValue | null,\n  max?: TimeValue | null,\n  precision?: Precision,\n) {\n  // All parse times here need to use the same _now_ date, to not be subject\n  // to millisecond differences during parsing.\n  const relativeNow = TZDateMini.tz(getTimezone()).getTime();\n  const minDate = toTimeValue(min, relativeNow);\n  const maxDate = toTimeValue(max, relativeNow);\n\n  const newMinDate = new TZDateMini(minDate?.absoluteDate ?? '', getTimezone());\n  const isMinDateValid = !Number.isNaN(newMinDate.getTime());\n  // Round up min date depending on the precision (skipped for expression types).\n  if (minDate?.type !== 'expression' && isMinDateValid) {\n    if (precision === 'seconds' && newMinDate.getMilliseconds() > 0) {\n      newMinDate.setSeconds(newMinDate.getSeconds() + 1);\n    } else if (\n      precision === 'minutes' &&\n      (newMinDate.getMilliseconds() > 0 || newMinDate.getSeconds() > 0)\n    ) {\n      newMinDate.setMinutes(newMinDate.getMinutes() + 1);\n    }\n  }\n\n  const roundedMinIso = isMinDateValid\n    ? newMinDate.toISOString()\n    : minDate?.absoluteDate;\n  const minTimeValue =\n    minDate && minDate.type !== 'expression'\n      ? { ...minDate, absoluteDate: roundedMinIso ?? minDate.absoluteDate }\n      : null;\n\n  const formattedMin =\n    minDate?.type === 'expression'\n      ? formatExpressionValue(minDate)\n      : getFormattedTimeValue(minTimeValue, precision);\n  const formattedMax =\n    maxDate?.type === 'expression'\n      ? formatExpressionValue(maxDate)\n      : getFormattedTimeValue(\n          maxDate,\n          precision,\n          !!minTimeValue &&\n            !!maxDate &&\n            isSameDay(minTimeValue.absoluteDate, maxDate.absoluteDate),\n        );\n\n  return {\n    min: formattedMin,\n    max: formattedMax,\n  };\n}\n\n/**\n * Merges a partial range value into the current state value.\n * - Only keys present in `patch` are updated; absent keys keep their current value.\n * - A `null` value in `patch` explicitly clears that key.\n * - When the current state is `null`, the base defaults to `{ from: null, to: null }`.\n * @internal\n */\nexport function mergeRangeValue(\n  current: null | { from: TimeValue | null; to: TimeValue | null },\n  patch: Partial<{ from: TimeValue | null; to: TimeValue | null }>,\n): { from: TimeValue | null; to: TimeValue | null } {\n  const base = current ?? { from: null, to: null };\n  return {\n    from: 'from' in patch ? patch.from ?? null : base.from,\n    to: 'to' in patch ? patch.to ?? null : base.to,\n  };\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/core/time/timeErrorMessages.js

@@ -0,0 +1,82 @@
+import { defineMessages } from "react-intl";
+const TIME_ERROR_MESSAGES = defineMessages({
+  minBoundary: {
+    defaultMessage: "Only times from {min} onwards can be selected.",
+    id: "VrWs4XmGbZ3z7a3Y",
+    description: "Shown as hint when a min boundary is set, and as error when the selected time is before that boundary."
+  },
+  minBoundaryNow: {
+    defaultMessage: 'Only times starting from "Now" can be selected.',
+    id: "dBHTi/uZSdvpQ2Zu",
+    description: "Shown as hint when the min boundary is set to 'Now', and as error when the selected time is before that boundary."
+  },
+  maxBoundary: {
+    defaultMessage: "Only times up to {max} can be selected.",
+    id: "qES7K18UnrsWPhwk",
+    description: "Shown as hint when a max boundary is set, and as error when the selected time is after that boundary."
+  },
+  maxBoundaryNowError: {
+    defaultMessage: 'Only times up to "Now" can be selected. Try "Now" or a past time.',
+    id: "KGG/HbTw4ZLbI8vx",
+    description: "Shown as validation error when the selected time exceeds a max boundary set to 'Now'."
+  },
+  minMaxBoundary: {
+    defaultMessage: "Only times from {min} to {max} can be selected.",
+    id: "1H2kHk8y+z5PfQEE",
+    description: "Shown as hint when both boundaries are set, and as error when the selected time falls outside both."
+  },
+  invalidOrder: {
+    defaultMessage: "End time must be after start time. Enter an end time later than {startTime}.",
+    id: "mYn9mGgSX9a2yDnQ",
+    description: "Validation error when the end time is before the start time."
+  },
+  singleValueMissing: {
+    defaultMessage: "Please fill in this field.",
+    id: "hIK5810KwQytwP1q",
+    description: "DateTimePicker required value is missing."
+  },
+  missingFrom: {
+    defaultMessage: "Please enter a start time.",
+    id: "GUeetpTpusqFkMi+",
+    description: "From value is missing."
+  },
+  missingTo: {
+    defaultMessage: "Please enter an end time.",
+    id: "tfHTZkRc7sr/Ypcl",
+    description: "End value is missing."
+  },
+  missingFromTo: {
+    defaultMessage: "Please enter a start and end time.",
+    id: "4yANH5gdmW1efk0I",
+    description: "Start and end values are missing."
+  },
+  valueMissing: {
+    defaultMessage: "Empty timeframe.",
+    id: "QsKlSIxE+Yp58CUG",
+    description: "Timeframe selector required timeframe error hint."
+  },
+  invalid: {
+    defaultMessage: "Invalid time. Expected format: {expectedFormat}, -2h or -2d@d",
+    id: "r/XpT4mat98jCrup",
+    description: "Given value is invalid"
+  },
+  invalidFrom: {
+    defaultMessage: "Invalid format for start time. Enter an exact date and time (01/01/2000, 00:00) or a relative expression (now-2h).",
+    id: "p9kOQBgxWYepT8B0",
+    description: "Validation error when the start time input cannot be parsed."
+  },
+  invalidTo: {
+    defaultMessage: "Invalid format for end time. Enter an exact date and time (01/01/2000, 00:00) or a relative expression (now-2h).",
+    id: "HAQQKModsP5sAIpb",
+    description: "Validation error when the end time input cannot be parsed."
+  },
+  invalidFromTo: {
+    defaultMessage: "Invalid formats for start and end time. Enter an exact date and time (01/01/2000, 00:00) or a relative expression (now-2h).",
+    id: "m5UDM9ivObqqdmnm",
+    description: "Validation error when both start and end time inputs cannot be parsed."
+  }
+});
+export {
+  TIME_ERROR_MESSAGES
+};
+//# sourceMappingURL=timeErrorMessages.js.map

package/esm/core/time/timeErrorMessages.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/core/time/timeErrorMessages.ts"],
+  "sourcesContent": ["import { defineMessages } from 'react-intl';\n\nimport type { TimeErrorKey } from './shared.types.js';\n\n/**\n * Default time-validation error messages, shared across time-input components\n * (`DateTimePicker`, `DateTimeRangePicker`, `TimeframeSelector`). Consumers that\n * only need a subset build their own message map by omitting the keys that\n * don't apply to them (see `TIMEFRAMESELECTOR_ERROR_MESSAGES`).\n * @internal\n */\nexport const TIME_ERROR_MESSAGES = defineMessages<TimeErrorKey>({\n  minBoundary: {\n    defaultMessage: 'Only times from {min} onwards can be selected.',\n    id: 'VrWs4XmGbZ3z7a3Y',\n    description:\n      'Shown as hint when a min boundary is set, and as error when the selected time is before that boundary.',\n  },\n  minBoundaryNow: {\n    defaultMessage: 'Only times starting from \"Now\" can be selected.',\n    id: 'dBHTi/uZSdvpQ2Zu',\n    description:\n      \"Shown as hint when the min boundary is set to 'Now', and as error when the selected time is before that boundary.\",\n  },\n  maxBoundary: {\n    defaultMessage: 'Only times up to {max} can be selected.',\n    id: 'qES7K18UnrsWPhwk',\n    description:\n      'Shown as hint when a max boundary is set, and as error when the selected time is after that boundary.',\n  },\n  maxBoundaryNowError: {\n    defaultMessage:\n      'Only times up to \"Now\" can be selected. Try \"Now\" or a past time.',\n    id: 'KGG/HbTw4ZLbI8vx',\n    description:\n      \"Shown as validation error when the selected time exceeds a max boundary set to 'Now'.\",\n  },\n  minMaxBoundary: {\n    defaultMessage: 'Only times from {min} to {max} can be selected.',\n    id: '1H2kHk8y+z5PfQEE',\n    description:\n      'Shown as hint when both boundaries are set, and as error when the selected time falls outside both.',\n  },\n  invalidOrder: {\n    defaultMessage:\n      'End time must be after start time. Enter an end time later than {startTime}.',\n    id: 'mYn9mGgSX9a2yDnQ',\n    description: 'Validation error when the end time is before the start time.',\n  },\n  singleValueMissing: {\n    defaultMessage: 'Please fill in this field.',\n    id: 'hIK5810KwQytwP1q',\n    description: 'DateTimePicker required value is missing.',\n  },\n  missingFrom: {\n    defaultMessage: 'Please enter a start time.',\n    id: 'GUeetpTpusqFkMi+',\n    description: 'From value is missing.',\n  },\n  missingTo: {\n    defaultMessage: 'Please enter an end time.',\n    id: 'tfHTZkRc7sr/Ypcl',\n    description: 'End value is missing.',\n  },\n  missingFromTo: {\n    defaultMessage: 'Please enter a start and end time.',\n    id: '4yANH5gdmW1efk0I',\n    description: 'Start and end values are missing.',\n  },\n  valueMissing: {\n    defaultMessage: 'Empty timeframe.',\n    id: 'QsKlSIxE+Yp58CUG',\n    description: 'Timeframe selector required timeframe error hint.',\n  },\n  invalid: {\n    defaultMessage:\n      'Invalid time. Expected format: {expectedFormat}, -2h or -2d@d',\n    id: 'r/XpT4mat98jCrup',\n    description: 'Given value is invalid',\n  },\n  invalidFrom: {\n    defaultMessage:\n      'Invalid format for start time. Enter an exact date and time (01/01/2000, 00:00) or a relative expression (now-2h).',\n    id: 'p9kOQBgxWYepT8B0',\n    description: 'Validation error when the start time input cannot be parsed.',\n  },\n  invalidTo: {\n    defaultMessage:\n      'Invalid format for end time. Enter an exact date and time (01/01/2000, 00:00) or a relative expression (now-2h).',\n    id: 'HAQQKModsP5sAIpb',\n    description: 'Validation error when the end time input cannot be parsed.',\n  },\n  invalidFromTo: {\n    defaultMessage:\n      'Invalid formats for start and end time. Enter an exact date and time (01/01/2000, 00:00) or a relative expression (now-2h).',\n    id: 'm5UDM9ivObqqdmnm',\n    description:\n      'Validation error when both start and end time inputs cannot be parsed.',\n  },\n});\n"],
+  "mappings": "AAAA,SAAS,sBAAsB;AAWxB,MAAM,sBAAsB,eAA6B;AAAA,EAC9D,aAAa;AAAA,IACX,gBAAgB;AAAA,IAChB,IAAI;AAAA,IACJ,aACE;AAAA,EACJ;AAAA,EACA,gBAAgB;AAAA,IACd,gBAAgB;AAAA,IAChB,IAAI;AAAA,IACJ,aACE;AAAA,EACJ;AAAA,EACA,aAAa;AAAA,IACX,gBAAgB;AAAA,IAChB,IAAI;AAAA,IACJ,aACE;AAAA,EACJ;AAAA,EACA,qBAAqB;AAAA,IACnB,gBACE;AAAA,IACF,IAAI;AAAA,IACJ,aACE;AAAA,EACJ;AAAA,EACA,gBAAgB;AAAA,IACd,gBAAgB;AAAA,IAChB,IAAI;AAAA,IACJ,aACE;AAAA,EACJ;AAAA,EACA,cAAc;AAAA,IACZ,gBACE;AAAA,IACF,IAAI;AAAA,IACJ,aAAa;AAAA,EACf;AAAA,EACA,oBAAoB;AAAA,IAClB,gBAAgB;AAAA,IAChB,IAAI;AAAA,IACJ,aAAa;AAAA,EACf;AAAA,EACA,aAAa;AAAA,IACX,gBAAgB;AAAA,IAChB,IAAI;AAAA,IACJ,aAAa;AAAA,EACf;AAAA,EACA,WAAW;AAAA,IACT,gBAAgB;AAAA,IAChB,IAAI;AAAA,IACJ,aAAa;AAAA,EACf;AAAA,EACA,eAAe;AAAA,IACb,gBAAgB;AAAA,IAChB,IAAI;AAAA,IACJ,aAAa;AAAA,EACf;AAAA,EACA,cAAc;AAAA,IACZ,gBAAgB;AAAA,IAChB,IAAI;AAAA,IACJ,aAAa;AAAA,EACf;AAAA,EACA,SAAS;AAAA,IACP,gBACE;AAAA,IACF,IAAI;AAAA,IACJ,aAAa;AAAA,EACf;AAAA,EACA,aAAa;AAAA,IACX,gBACE;AAAA,IACF,IAAI;AAAA,IACJ,aAAa;AAAA,EACf;AAAA,EACA,WAAW;AAAA,IACT,gBACE;AAAA,IACF,IAAI;AAAA,IACJ,aAAa;AAAA,EACf;AAAA,EACA,eAAe;AAAA,IACb,gBACE;AAAA,IACF,IAAI;AAAA,IACJ,aACE;AAAA,EACJ;AACF,CAAC;",
+  "names": []
+}