@dynatrace/strato-components 0.85.120 → 1.1.0

package/esm/content/progress/ProgressCircle.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/progress/ProgressCircle.css.ts"],
-  "sourcesContent": ["import './ProgressCircle.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var progressCircleBackgroundCSS = '_kvldjh9-0-85-120';\nexport var progressCircleCSS = _7a468({defaultClassName:'_kvldjh6-0-85-120',variantClassNames:{indeterminate:{true:'_kvldjh7-0-85-120',false:'_kvldjh8-0-85-120'}},defaultVariants:{},compoundVariants:[]});\nexport var progressCircleContainerCSS = _7a468({defaultClassName:'_kvldjha-0-85-120',variantClassNames:{size:{small:'_kvldjhb-0-85-120',large:'_kvldjhc-0-85-120'},color:{critical:'_kvldjhd-0-85-120',neutral:'_kvldjhe-0-85-120',primary:'_kvldjhf-0-85-120',success:'_kvldjhg-0-85-120',warning:'_kvldjhh-0-85-120'},variant:{'default':'_kvldjhi-0-85-120',accent:'_kvldjhj-0-85-120'}},defaultVariants:{},compoundVariants:[[{color:'primary',variant:'accent'},'_kvldjhk-0-85-120'],[{color:'success',variant:'accent'},'_kvldjhl-0-85-120'],[{color:'warning',variant:'accent'},'_kvldjhm-0-85-120'],[{color:'critical',variant:'accent'},'_kvldjhn-0-85-120'],[{color:'neutral',variant:'accent'},'_kvldjho-0-85-120']]});\nexport var progressCircleRootCSS = '_kvldjh4-0-85-120';\nexport var progressCircleSvgCss = '_kvldjh5-0-85-120';"],
-  "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,8BAA8B;AAClC,IAAI,oBAAoB,OAAO,EAAC,kBAAiB,qBAAoB,mBAAkB,EAAC,eAAc,EAAC,MAAK,qBAAoB,OAAM,oBAAmB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACnM,IAAI,6BAA6B,OAAO,EAAC,kBAAiB,qBAAoB,mBAAkB,EAAC,MAAK,EAAC,OAAM,qBAAoB,OAAM,oBAAmB,GAAE,OAAM,EAAC,UAAS,qBAAoB,SAAQ,qBAAoB,SAAQ,qBAAoB,SAAQ,qBAAoB,SAAQ,oBAAmB,GAAE,SAAQ,EAAC,WAAU,qBAAoB,QAAO,oBAAmB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,CAAC,EAAC,OAAM,WAAU,SAAQ,SAAQ,GAAE,mBAAmB,GAAE,CAAC,EAAC,OAAM,WAAU,SAAQ,SAAQ,GAAE,mBAAmB,GAAE,CAAC,EAAC,OAAM,WAAU,SAAQ,SAAQ,GAAE,mBAAmB,GAAE,CAAC,EAAC,OAAM,YAAW,SAAQ,SAAQ,GAAE,mBAAmB,GAAE,CAAC,EAAC,OAAM,WAAU,SAAQ,SAAQ,GAAE,mBAAmB,CAAC,EAAC,CAAC;AACzrB,IAAI,wBAAwB;AAC5B,IAAI,uBAAuB;",
+  "sourcesContent": ["import './ProgressCircle.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var progressCircleBackgroundCSS = '_kvldjh9-1-1-0';\nexport var progressCircleCSS = _7a468({defaultClassName:'_kvldjh6-1-1-0',variantClassNames:{indeterminate:{true:'_kvldjh7-1-1-0',false:'_kvldjh8-1-1-0'}},defaultVariants:{},compoundVariants:[]});\nexport var progressCircleContainerCSS = _7a468({defaultClassName:'_kvldjha-1-1-0',variantClassNames:{size:{small:'_kvldjhb-1-1-0',large:'_kvldjhc-1-1-0'},color:{critical:'_kvldjhd-1-1-0',neutral:'_kvldjhe-1-1-0',primary:'_kvldjhf-1-1-0',success:'_kvldjhg-1-1-0',warning:'_kvldjhh-1-1-0'},variant:{'default':'_kvldjhi-1-1-0',accent:'_kvldjhj-1-1-0'}},defaultVariants:{},compoundVariants:[[{color:'primary',variant:'accent'},'_kvldjhk-1-1-0'],[{color:'success',variant:'accent'},'_kvldjhl-1-1-0'],[{color:'warning',variant:'accent'},'_kvldjhm-1-1-0'],[{color:'critical',variant:'accent'},'_kvldjhn-1-1-0'],[{color:'neutral',variant:'accent'},'_kvldjho-1-1-0']]});\nexport var progressCircleRootCSS = '_kvldjh4-1-1-0';\nexport var progressCircleSvgCss = '_kvldjh5-1-1-0';"],
+  "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,8BAA8B;AAClC,IAAI,oBAAoB,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,eAAc,EAAC,MAAK,kBAAiB,OAAM,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC1L,IAAI,6BAA6B,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,MAAK,EAAC,OAAM,kBAAiB,OAAM,iBAAgB,GAAE,OAAM,EAAC,UAAS,kBAAiB,SAAQ,kBAAiB,SAAQ,kBAAiB,SAAQ,kBAAiB,SAAQ,iBAAgB,GAAE,SAAQ,EAAC,WAAU,kBAAiB,QAAO,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,CAAC,EAAC,OAAM,WAAU,SAAQ,SAAQ,GAAE,gBAAgB,GAAE,CAAC,EAAC,OAAM,WAAU,SAAQ,SAAQ,GAAE,gBAAgB,GAAE,CAAC,EAAC,OAAM,WAAU,SAAQ,SAAQ,GAAE,gBAAgB,GAAE,CAAC,EAAC,OAAM,YAAW,SAAQ,SAAQ,GAAE,gBAAgB,GAAE,CAAC,EAAC,OAAM,WAAU,SAAQ,SAAQ,GAAE,gBAAgB,CAAC,EAAC,CAAC;AAC5oB,IAAI,wBAAwB;AAC5B,IAAI,uBAAuB;",
   "names": []
 }

package/esm/content/skeleton/Skeleton.css

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

package/esm/content/skeleton/Skeleton.sty.js

@@ -1,6 +1,6 @@
 import "./Skeleton.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var skeletonPlaceholderCSS = _7a468({ defaultClassName: "_1a1ozfd1-0-85-120", variantClassNames: { variant: { "default": "_1a1ozfd2-0-85-120", rounded: "_1a1ozfd3-0-85-120" } }, defaultVariants: {}, compoundVariants: [] });
+var skeletonPlaceholderCSS = _7a468({ defaultClassName: "_1a1ozfd1-1-1-0", variantClassNames: { variant: { "default": "_1a1ozfd2-1-1-0", rounded: "_1a1ozfd3-1-1-0" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   skeletonPlaceholderCSS
 };

package/esm/content/skeleton/Skeleton.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/skeleton/Skeleton.css.ts"],
-  "sourcesContent": ["import './Skeleton.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var skeletonPlaceholderCSS = _7a468({defaultClassName:'_1a1ozfd1-0-85-120',variantClassNames:{variant:{'default':'_1a1ozfd2-0-85-120',rounded:'_1a1ozfd3-0-85-120'}},defaultVariants:{},compoundVariants:[]});"],
-  "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,yBAAyB,OAAO,EAAC,kBAAiB,sBAAqB,mBAAkB,EAAC,SAAQ,EAAC,WAAU,sBAAqB,SAAQ,qBAAoB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
+  "sourcesContent": ["import './Skeleton.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var skeletonPlaceholderCSS = _7a468({defaultClassName:'_1a1ozfd1-1-1-0',variantClassNames:{variant:{'default':'_1a1ozfd2-1-1-0',rounded:'_1a1ozfd3-1-1-0'}},defaultVariants:{},compoundVariants:[]});"],
+  "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,yBAAyB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,SAAQ,EAAC,WAAU,mBAAkB,SAAQ,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/core/components/app-root/AppRoot.css

@@ -146,13 +146,6 @@
   --dt-colors-background-field-critical-accent: #c4233b;
   --dt-colors-background-field-critical-accent-hover: #b2012d;
   --dt-colors-background-field-critical-accent-active: #a0001f;
-  --dt-colors-background-field-on-accent-disabled: #f3f3f71a;
-  --dt-colors-background-field-on-accent-default: #f3f3f700;
-  --dt-colors-background-field-on-accent-default-hover: #f3f3f74d;
-  --dt-colors-background-field-on-accent-default-active: #f3f3f766;
-  --dt-colors-background-field-on-accent-emphasized: #f3f3f733;
-  --dt-colors-background-field-on-accent-emphasized-hover: #f3f3f74d;
-  --dt-colors-background-field-on-accent-emphasized-active: #f3f3f766;
   --dt-colors-border-neutral-disabled: #d2d3e180;
   --dt-colors-border-neutral-default: #d2d3e1;
   --dt-colors-border-neutral-default-hover: #cacbdc;
@@ -208,10 +201,6 @@
   --dt-colors-border-critical-on-accent-default: #f9f1f3;
   --dt-colors-border-critical-on-accent-default-hover: #f9f1f3cc;
   --dt-colors-border-critical-on-accent-default-active: #f9f1f399;
-  --dt-colors-border-on-accent-disabled: #f3f3f733;
-  --dt-colors-border-on-accent-default: #f3f3f7;
-  --dt-colors-border-on-accent-default-hover: #f3f3f7cc;
-  --dt-colors-border-on-accent-default-active: #f3f3f799;
   --dt-colors-text-neutral-disabled: #54558780;
   --dt-colors-text-neutral-subdued: #545587;
   --dt-colors-text-neutral-subdued-hover: #3f3f6f;
@@ -255,10 +244,6 @@
   --dt-colors-text-critical-on-accent-default: #f9f1f3;
   --dt-colors-text-critical-on-accent-default-hover: #f9f1f3cc;
   --dt-colors-text-critical-on-accent-default-active: #f9f1f399;
-  --dt-colors-text-on-accent-disabled: #f3f3f780;
-  --dt-colors-text-on-accent-default: #f3f3f7;
-  --dt-colors-text-on-accent-default-hover: #f3f3f7cc;
-  --dt-colors-text-on-accent-default-active: #f3f3f799;
   --dt-colors-icon-neutral-disabled: #54558780;
   --dt-colors-icon-neutral-subdued: #545587;
   --dt-colors-icon-neutral-subdued-hover: #3f3f6f;
@@ -302,10 +287,6 @@
   --dt-colors-icon-critical-on-accent-default: #f9f1f3;
   --dt-colors-icon-critical-on-accent-default-hover: #f9f1f3cc;
   --dt-colors-icon-critical-on-accent-default-active: #f9f1f399;
-  --dt-colors-icon-on-accent-disabled: #f3f3f780;
-  --dt-colors-icon-on-accent-default: #f3f3f7;
-  --dt-colors-icon-on-accent-default-hover: #f3f3f7cc;
-  --dt-colors-icon-on-accent-default-active: #f3f3f799;
   --dt-colors-syntax-comment: #545586;
   --dt-colors-syntax-string: #086467;
   --dt-colors-syntax-variable: #2754b5;
@@ -994,13 +975,6 @@
   --dt-colors-background-field-critical-accent: #c82d40;
   --dt-colors-background-field-critical-accent-hover: #b61532;
   --dt-colors-background-field-critical-accent-active: #a50024;
-  --dt-colors-background-field-on-accent-disabled: #19192c1a;
-  --dt-colors-background-field-on-accent-default: #19192c00;
-  --dt-colors-background-field-on-accent-default-hover: #19192c4d;
-  --dt-colors-background-field-on-accent-default-active: #19192c66;
-  --dt-colors-background-field-on-accent-emphasized: #19192c33;
-  --dt-colors-background-field-on-accent-emphasized-hover: #19192c4d;
-  --dt-colors-background-field-on-accent-emphasized-active: #19192c66;
   --dt-colors-border-neutral-disabled: #3b3b5280;
   --dt-colors-border-neutral-default: #3b3b52;
   --dt-colors-border-neutral-default-hover: #44445c;
@@ -1056,10 +1030,6 @@
   --dt-colors-border-critical-on-accent-default: #f9f1f3;
   --dt-colors-border-critical-on-accent-default-hover: #f9f1f3cc;
   --dt-colors-border-critical-on-accent-default-active: #f9f1f399;
-  --dt-colors-border-on-accent-disabled: #19192c33;
-  --dt-colors-border-on-accent-default: #19192c;
-  --dt-colors-border-on-accent-default-hover: #19192ccc;
-  --dt-colors-border-on-accent-default-active: #19192c99;
   --dt-colors-text-neutral-disabled: #b1b2d280;
   --dt-colors-text-neutral-subdued: #b1b2d2;
   --dt-colors-text-neutral-subdued-hover: #cecff0;
@@ -1103,10 +1073,6 @@
   --dt-colors-text-critical-on-accent-default: #f9f1f3;
   --dt-colors-text-critical-on-accent-default-hover: #f9f1f3cc;
   --dt-colors-text-critical-on-accent-default-active: #f9f1f399;
-  --dt-colors-text-on-accent-disabled: #19192c80;
-  --dt-colors-text-on-accent-default: #19192c;
-  --dt-colors-text-on-accent-default-hover: #19192ccc;
-  --dt-colors-text-on-accent-default-active: #19192c99;
   --dt-colors-icon-neutral-disabled: #b1b2d280;
   --dt-colors-icon-neutral-subdued: #b1b2d2;
   --dt-colors-icon-neutral-subdued-hover: #cecff0;
@@ -1150,10 +1116,6 @@
   --dt-colors-icon-critical-on-accent-default: #f9f1f3;
   --dt-colors-icon-critical-on-accent-default-hover: #f9f1f3cc;
   --dt-colors-icon-critical-on-accent-default-active: #f9f1f399;
-  --dt-colors-icon-on-accent-disabled: #19192c80;
-  --dt-colors-icon-on-accent-default: #19192c;
-  --dt-colors-icon-on-accent-default-hover: #19192ccc;
-  --dt-colors-icon-on-accent-default-active: #19192c99;
   --dt-colors-syntax-comment: #b2b3cd;
   --dt-colors-syntax-string: #80dbca;
   --dt-colors-syntax-variable: #abb1ed;
@@ -1877,13 +1839,6 @@ body {
     --dt-colors-background-field-critical-accent: #c4233b;
     --dt-colors-background-field-critical-accent-hover: #b2012d;
     --dt-colors-background-field-critical-accent-active: #a0001f;
-    --dt-colors-background-field-on-accent-disabled: #f3f3f71a;
-    --dt-colors-background-field-on-accent-default: #f3f3f700;
-    --dt-colors-background-field-on-accent-default-hover: #f3f3f74d;
-    --dt-colors-background-field-on-accent-default-active: #f3f3f766;
-    --dt-colors-background-field-on-accent-emphasized: #f3f3f733;
-    --dt-colors-background-field-on-accent-emphasized-hover: #f3f3f74d;
-    --dt-colors-background-field-on-accent-emphasized-active: #f3f3f766;
     --dt-colors-border-neutral-disabled: #d2d3e180;
     --dt-colors-border-neutral-default: #d2d3e1;
     --dt-colors-border-neutral-default-hover: #cacbdc;
@@ -1939,10 +1894,6 @@ body {
     --dt-colors-border-critical-on-accent-default: #f9f1f3;
     --dt-colors-border-critical-on-accent-default-hover: #f9f1f3cc;
     --dt-colors-border-critical-on-accent-default-active: #f9f1f399;
-    --dt-colors-border-on-accent-disabled: #f3f3f733;
-    --dt-colors-border-on-accent-default: #f3f3f7;
-    --dt-colors-border-on-accent-default-hover: #f3f3f7cc;
-    --dt-colors-border-on-accent-default-active: #f3f3f799;
     --dt-colors-text-neutral-disabled: #54558780;
     --dt-colors-text-neutral-subdued: #545587;
     --dt-colors-text-neutral-subdued-hover: #3f3f6f;
@@ -1986,10 +1937,6 @@ body {
     --dt-colors-text-critical-on-accent-default: #f9f1f3;
     --dt-colors-text-critical-on-accent-default-hover: #f9f1f3cc;
     --dt-colors-text-critical-on-accent-default-active: #f9f1f399;
-    --dt-colors-text-on-accent-disabled: #f3f3f780;
-    --dt-colors-text-on-accent-default: #f3f3f7;
-    --dt-colors-text-on-accent-default-hover: #f3f3f7cc;
-    --dt-colors-text-on-accent-default-active: #f3f3f799;
     --dt-colors-icon-neutral-disabled: #54558780;
     --dt-colors-icon-neutral-subdued: #545587;
     --dt-colors-icon-neutral-subdued-hover: #3f3f6f;
@@ -2033,10 +1980,6 @@ body {
     --dt-colors-icon-critical-on-accent-default: #f9f1f3;
     --dt-colors-icon-critical-on-accent-default-hover: #f9f1f3cc;
     --dt-colors-icon-critical-on-accent-default-active: #f9f1f399;
-    --dt-colors-icon-on-accent-disabled: #f3f3f780;
-    --dt-colors-icon-on-accent-default: #f3f3f7;
-    --dt-colors-icon-on-accent-default-hover: #f3f3f7cc;
-    --dt-colors-icon-on-accent-default-active: #f3f3f799;
     --dt-colors-syntax-comment: #545586;
     --dt-colors-syntax-string: #086467;
     --dt-colors-syntax-variable: #2754b5;

package/esm/core/index.js

@@ -19,7 +19,6 @@ import {
 import { useAriaLabelingProps } from "./hooks/useAriaLabelingProps.js";
 import { useId } from "./hooks/useId.js";
 import { useSafeForwardProps } from "./hooks/useSafeForwardProps.js";
-import { roleVariants } from "./types/role-variant.js";
 import { uuidv4 } from "./utils/uuidv4.js";
 import { isStringChildren } from "./utils/_is-string-children.js";
 import { parseBoolean } from "./utils/parse-boolean.js";
@@ -43,7 +42,6 @@ export {
   useId as _useId,
   useSafeForwardProps as _useSafeForwardProps,
   uuidv4 as _uuidv4,
-  roleVariants,
   useCurrentTheme
 };
 //# sourceMappingURL=index.js.map

package/esm/core/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/core/index.ts"],
-  "sourcesContent": ["export { AppRoot, type AppRootProps } from './components/app-root/AppRoot.js';\nexport {\n  FocusScope,\n  type FocusScopeProps,\n} from './components/focus-scope/FocusScope.js';\n\nexport { type FocusContextProps as _FocusContextProps } from './contexts/FocusContext.js';\n\nexport { useCurrentTheme } from './hooks/useCurrentTheme.js';\nexport { useFocusContext as _useFocusContext } from './hooks/useFocusContext.js';\nexport {\n  FocusProvider as _FocusProvider,\n  type Modality as _Modality,\n} from './providers/FocusProvider.js';\nexport type { MaskingProps } from './types/masking-props.js';\nexport type { DataTestId } from './types/data-props.js';\nexport type { StylingProps } from './types/styling-props.js';\nexport type { WithChildren } from './types/with-children.js';\nexport type {\n  PolymorphOwnProps,\n  PolymorphProps,\n  PolymorphicComponentProps,\n} from './types/polymorph.js';\nexport { attemptFocus as _attemptFocus } from './utils/focus-management/attempt-focus.js';\nexport { focusFirstDescendant as _focusFirstDescendant } from './utils/focus-management/focus-first-descendant.js';\nexport { getFirstFocusableChild as _getFirstFocusableChild } from './utils/focus-management/get-first-focusable-child.js';\nexport { getLastFocusableChild as _getLastFocusableChild } from './utils/focus-management/get-last-focusable-child.js';\nexport { isFocusable as _isFocusable } from './utils/focus-management/is-focusable.js';\nexport { isBrowser as _isBrowser } from './utils/isBrowser.js';\nexport {\n  mergeProps as _mergeProps,\n  type NullToObject as _NullToObject,\n  type TupleTypes as _TupleTypes,\n  type UnionToIntersection as _UnionToIntersection,\n} from './utils/merge-props.js';\nexport { type _HeadingLevel, type _HeadingTag } from './types/heading.js';\nexport { useAriaLabelingProps as _useAriaLabelingProps } from './hooks/useAriaLabelingProps.js';\nexport { useId as _useId } from './hooks/useId.js';\nexport { useSafeForwardProps as _useSafeForwardProps } from './hooks/useSafeForwardProps.js';\nexport type { UseSafeForwardReturnProps as _UseSafeForwardReturnProps } from './hooks/useSafeForwardProps.js';\nexport type {\n  AriaDisabledProps,\n  AriaLabelingProps,\n} from './types/a11y-props.js';\nexport type { DOMProps } from './types/dom.js';\n// eslint-disable-next-line deprecation/deprecation\nexport { roleVariants } from './types/role-variant.js';\n// eslint-disable-next-line deprecation/deprecation\nexport type { RoleVariantType } from './types/role-variant.js';\nexport { uuidv4 as _uuidv4 } from './utils/uuidv4.js';\nexport { isStringChildren as _isStringChildren } from './utils/_is-string-children.js';\nexport { parseBoolean as _parseBoolean } from './utils/parse-boolean.js';\nexport { mulberry32 as _mulberry32 } from './utils/seed-random.js';\n"],
-  "mappings": "AAAA,SAAS,eAAkC;AAC3C;AAAA,EACE;AAAA,OAEK;AAIP,SAAS,uBAAuB;AAChC,SAA4B,uBAAwB;AACpD;AAAA,EACmB;AAAA,OAEZ;AAUP,SAAyB,oBAAqB;AAC9C,SAAiC,4BAA6B;AAC9D,SAAmC,8BAA+B;AAClE,SAAkC,6BAA8B;AAChE,SAAwB,mBAAoB;AAC5C,SAAsB,iBAAkB;AACxC;AAAA,EACgB;AAAA,OAIT;AAEP,SAAiC,4BAA6B;AAC9D,SAAkB,aAAc;AAChC,SAAgC,2BAA4B;AAQ5D,SAAS,oBAAoB;AAG7B,SAAmB,cAAe;AAClC,SAA6B,wBAAyB;AACtD,SAAyB,oBAAqB;AAC9C,SAAuB,kBAAmB;",
+  "sourcesContent": ["export { AppRoot, type AppRootProps } from './components/app-root/AppRoot.js';\nexport {\n  FocusScope,\n  type FocusScopeProps,\n} from './components/focus-scope/FocusScope.js';\n\nexport { type FocusContextProps as _FocusContextProps } from './contexts/FocusContext.js';\n\nexport { useCurrentTheme } from './hooks/useCurrentTheme.js';\nexport { useFocusContext as _useFocusContext } from './hooks/useFocusContext.js';\nexport {\n  FocusProvider as _FocusProvider,\n  type Modality as _Modality,\n} from './providers/FocusProvider.js';\nexport type { MaskingProps } from './types/masking-props.js';\nexport type { DataTestId } from './types/data-props.js';\nexport type { StylingProps } from './types/styling-props.js';\nexport type { WithChildren } from './types/with-children.js';\nexport type {\n  PolymorphOwnProps,\n  PolymorphProps,\n  PolymorphicComponentProps,\n} from './types/polymorph.js';\nexport { attemptFocus as _attemptFocus } from './utils/focus-management/attempt-focus.js';\nexport { focusFirstDescendant as _focusFirstDescendant } from './utils/focus-management/focus-first-descendant.js';\nexport { getFirstFocusableChild as _getFirstFocusableChild } from './utils/focus-management/get-first-focusable-child.js';\nexport { getLastFocusableChild as _getLastFocusableChild } from './utils/focus-management/get-last-focusable-child.js';\nexport { isFocusable as _isFocusable } from './utils/focus-management/is-focusable.js';\nexport { isBrowser as _isBrowser } from './utils/isBrowser.js';\nexport {\n  mergeProps as _mergeProps,\n  type NullToObject as _NullToObject,\n  type TupleTypes as _TupleTypes,\n  type UnionToIntersection as _UnionToIntersection,\n} from './utils/merge-props.js';\nexport { type _HeadingLevel, type _HeadingTag } from './types/heading.js';\nexport { useAriaLabelingProps as _useAriaLabelingProps } from './hooks/useAriaLabelingProps.js';\nexport { useId as _useId } from './hooks/useId.js';\nexport { useSafeForwardProps as _useSafeForwardProps } from './hooks/useSafeForwardProps.js';\nexport type { UseSafeForwardReturnProps as _UseSafeForwardReturnProps } from './hooks/useSafeForwardProps.js';\nexport type {\n  AriaDisabledProps,\n  AriaLabelingProps,\n} from './types/a11y-props.js';\nexport type { DOMProps } from './types/dom.js';\nexport { uuidv4 as _uuidv4 } from './utils/uuidv4.js';\nexport { isStringChildren as _isStringChildren } from './utils/_is-string-children.js';\nexport { parseBoolean as _parseBoolean } from './utils/parse-boolean.js';\nexport { mulberry32 as _mulberry32 } from './utils/seed-random.js';\n"],
+  "mappings": "AAAA,SAAS,eAAkC;AAC3C;AAAA,EACE;AAAA,OAEK;AAIP,SAAS,uBAAuB;AAChC,SAA4B,uBAAwB;AACpD;AAAA,EACmB;AAAA,OAEZ;AAUP,SAAyB,oBAAqB;AAC9C,SAAiC,4BAA6B;AAC9D,SAAmC,8BAA+B;AAClE,SAAkC,6BAA8B;AAChE,SAAwB,mBAAoB;AAC5C,SAAsB,iBAAkB;AACxC;AAAA,EACgB;AAAA,OAIT;AAEP,SAAiC,4BAA6B;AAC9D,SAAkB,aAAc;AAChC,SAAgC,2BAA4B;AAO5D,SAAmB,cAAe;AAClC,SAA6B,wBAAyB;AACtD,SAAyB,oBAAqB;AAC9C,SAAuB,kBAAmB;",
   "names": []
 }

package/esm/core/styles/focusRing.css

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

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

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

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 focusRingCSS = _7a468({defaultClassName:'_z2r50s3-0-85-120',variantClassNames:{minimal:{true:'_z2r50s4-0-85-120',false:'_z2r50s5-0-85-120'},variant:{neutral:'_z2r50s6-0-85-120',primary:'_z2r50s7-0-85-120',success:'_z2r50s8-0-85-120',warning:'_z2r50s9-0-85-120',critical:'_z2r50sa-0-85-120'}},defaultVariants:{},compoundVariants:[]});\nexport var focusRingFocusWithinCSS = _7a468({defaultClassName:'_z2r50sb-0-85-120',variantClassNames:{minimal:{true:'_z2r50sc-0-85-120',false:'_z2r50sd-0-85-120'},variant:{neutral:'_z2r50se-0-85-120',primary:'_z2r50sf-0-85-120',success:'_z2r50sg-0-85-120',warning:'_z2r50sh-0-85-120',critical:'_z2r50si-0-85-120'}},defaultVariants:{},compoundVariants:[]});"],
-  "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,eAAe,OAAO,EAAC,kBAAiB,qBAAoB,mBAAkB,EAAC,SAAQ,EAAC,MAAK,qBAAoB,OAAM,oBAAmB,GAAE,SAAQ,EAAC,SAAQ,qBAAoB,SAAQ,qBAAoB,SAAQ,qBAAoB,SAAQ,qBAAoB,UAAS,oBAAmB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC/U,IAAI,0BAA0B,OAAO,EAAC,kBAAiB,qBAAoB,mBAAkB,EAAC,SAAQ,EAAC,MAAK,qBAAoB,OAAM,oBAAmB,GAAE,SAAQ,EAAC,SAAQ,qBAAoB,SAAQ,qBAAoB,SAAQ,qBAAoB,SAAQ,qBAAoB,UAAS,oBAAmB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
+  "sourcesContent": ["import './focusRing.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var focusRingCSS = _7a468({defaultClassName:'_z2r50s3-1-1-0',variantClassNames:{minimal:{true:'_z2r50s4-1-1-0',false:'_z2r50s5-1-1-0'},variant:{neutral:'_z2r50s6-1-1-0',primary:'_z2r50s7-1-1-0',success:'_z2r50s8-1-1-0',warning:'_z2r50s9-1-1-0',critical:'_z2r50sa-1-1-0'}},defaultVariants:{},compoundVariants:[]});\nexport var focusRingFocusWithinCSS = _7a468({defaultClassName:'_z2r50sb-1-1-0',variantClassNames:{minimal:{true:'_z2r50sc-1-1-0',false:'_z2r50sd-1-1-0'},variant:{neutral:'_z2r50se-1-1-0',primary:'_z2r50sf-1-1-0',success:'_z2r50sg-1-1-0',warning:'_z2r50sh-1-1-0',critical:'_z2r50si-1-1-0'}},defaultVariants:{},compoundVariants:[]});"],
+  "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,eAAe,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,SAAQ,EAAC,MAAK,kBAAiB,OAAM,iBAAgB,GAAE,SAAQ,EAAC,SAAQ,kBAAiB,SAAQ,kBAAiB,SAAQ,kBAAiB,SAAQ,kBAAiB,UAAS,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACvT,IAAI,0BAA0B,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,SAAQ,EAAC,MAAK,kBAAiB,OAAM,iBAAgB,GAAE,SAAQ,EAAC,SAAQ,kBAAiB,SAAQ,kBAAiB,SAAQ,kBAAiB,SAAQ,kBAAiB,UAAS,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/core/utils/colorUtils.css

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

package/esm/core/utils/colorUtils.sty.js

@@ -1,7 +1,7 @@
 import "./colorUtils.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var colorUtilsCSS = _7a468({ defaultClassName: "_k096v43-0-85-120", variantClassNames: { color: { critical: "_k096v44-0-85-120", neutral: "_k096v45-0-85-120", primary: "_k096v46-0-85-120", success: "_k096v47-0-85-120", warning: "_k096v48-0-85-120" }, variant: { "default": "_k096v49-0-85-120", accent: "_k096v4a-0-85-120" }, disabled: { true: "_k096v4b-0-85-120", false: "_k096v4c-0-85-120" } }, defaultVariants: {}, compoundVariants: [[{ color: "primary", variant: "accent" }, "_k096v4d-0-85-120"], [{ color: "success", variant: "accent" }, "_k096v4e-0-85-120"], [{ color: "warning", variant: "accent" }, "_k096v4f-0-85-120"], [{ color: "critical", variant: "accent" }, "_k096v4g-0-85-120"], [{ color: "neutral", variant: "accent" }, "_k096v4h-0-85-120"], [{ color: "primary", disabled: true }, "_k096v4i-0-85-120"], [{ color: "success", disabled: true }, "_k096v4j-0-85-120"], [{ color: "warning", disabled: true }, "_k096v4k-0-85-120"], [{ color: "critical", disabled: true }, "_k096v4l-0-85-120"], [{ color: "neutral", disabled: true }, "_k096v4m-0-85-120"]] });
-var colorUtilsVars = { text: "var(--_k096v40-0-85-120)", icon: "var(--_k096v41-0-85-120)", borderColor: "var(--_k096v42-0-85-120)" };
+var colorUtilsCSS = _7a468({ defaultClassName: "_k096v43-1-1-0", variantClassNames: { color: { critical: "_k096v44-1-1-0", neutral: "_k096v45-1-1-0", primary: "_k096v46-1-1-0", success: "_k096v47-1-1-0", warning: "_k096v48-1-1-0" }, variant: { "default": "_k096v49-1-1-0", accent: "_k096v4a-1-1-0" }, disabled: { true: "_k096v4b-1-1-0", false: "_k096v4c-1-1-0" } }, defaultVariants: {}, compoundVariants: [[{ color: "primary", variant: "accent" }, "_k096v4d-1-1-0"], [{ color: "success", variant: "accent" }, "_k096v4e-1-1-0"], [{ color: "warning", variant: "accent" }, "_k096v4f-1-1-0"], [{ color: "critical", variant: "accent" }, "_k096v4g-1-1-0"], [{ color: "neutral", variant: "accent" }, "_k096v4h-1-1-0"], [{ color: "primary", disabled: true }, "_k096v4i-1-1-0"], [{ color: "success", disabled: true }, "_k096v4j-1-1-0"], [{ color: "warning", disabled: true }, "_k096v4k-1-1-0"], [{ color: "critical", disabled: true }, "_k096v4l-1-1-0"], [{ color: "neutral", disabled: true }, "_k096v4m-1-1-0"]] });
+var colorUtilsVars = { text: "var(--_k096v40-1-1-0)", icon: "var(--_k096v41-1-1-0)", borderColor: "var(--_k096v42-1-1-0)" };
 export {
   colorUtilsCSS,
   colorUtilsVars