@dynatrace/strato-components 3.1.1 → 3.2.0

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

@@ -2,49 +2,49 @@
   font-style: normal;
   font-weight: 100;
   font-display: swap;
-  src: url(https://dt-cdn.net/fonts/DTFlow-Thin-v002.woff2) format('woff2');
+  src: url(https://dt-cdn.net/fonts/DTFlow-Thin-v1.2.woff2) format('woff2');
   font-family: DynatraceFlow;
 }
 @font-face {
   font-style: normal;
   font-weight: 200;
   font-display: swap;
-  src: url(https://dt-cdn.net/fonts/DTFlow-Extralight-v002.woff2) format('woff2');
+  src: url(https://dt-cdn.net/fonts/DTFlow-Extralight-v1.2.woff2) format('woff2');
   font-family: DynatraceFlow;
 }
 @font-face {
   font-style: normal;
   font-weight: 300;
   font-display: swap;
-  src: url(https://dt-cdn.net/fonts/DTFlow-Light-v002.woff2) format('woff2');
+  src: url(https://dt-cdn.net/fonts/DTFlow-Light-v1.2.woff2) format('woff2');
   font-family: DynatraceFlow;
 }
 @font-face {
   font-style: normal;
   font-weight: 400;
   font-display: swap;
-  src: url(https://dt-cdn.net/fonts/DTFlow-Regular-v002.woff2) format('woff2');
+  src: url(https://dt-cdn.net/fonts/DTFlow-Regular-v1.2.woff2) format('woff2');
   font-family: DynatraceFlow;
 }
 @font-face {
   font-style: normal;
   font-weight: 500;
   font-display: swap;
-  src: url(https://dt-cdn.net/fonts/DTFlow-Medium-v002.woff2) format('woff2');
+  src: url(https://dt-cdn.net/fonts/DTFlow-Medium-v1.2.woff2) format('woff2');
   font-family: DynatraceFlow;
 }
 @font-face {
   font-style: normal;
   font-weight: 600;
   font-display: swap;
-  src: url(https://dt-cdn.net/fonts/DTFlow-Semibold-v002.woff2) format('woff2');
+  src: url(https://dt-cdn.net/fonts/DTFlow-Semibold-v1.2.woff2) format('woff2');
   font-family: DynatraceFlow;
 }
 @font-face {
   font-style: normal;
   font-weight: 900;
   font-display: swap;
-  src: url(https://dt-cdn.net/fonts/DTFlow-Heavy-v002.woff2) format('woff2');
+  src: url(https://dt-cdn.net/fonts/DTFlow-Heavy-v1.2.woff2) format('woff2');
   font-family: DynatraceFlow;
 }
 @font-face {
@@ -2655,6 +2655,114 @@ body {
     background-color: transparent;
   }
 }
+@media (prefers-reduced-motion) {
+  :root {
+    --dt-animations-open-duration-fast: 0ms;
+    --dt-animations-open-duration-base: 0ms;
+    --dt-animations-open-duration-slow: 0ms;
+    --dt-animations-close-duration-fast: 0ms;
+    --dt-animations-close-duration-base: 0ms;
+    --dt-animations-close-duration-slow: 0ms;
+    --dt-animations-slide-in-duration-fast: 0ms;
+    --dt-animations-slide-in-duration-base: 0ms;
+    --dt-animations-slide-in-duration-slow: 0ms;
+    --dt-animations-slide-out-duration-fast: 0ms;
+    --dt-animations-slide-out-duration-base: 0ms;
+    --dt-animations-slide-out-duration-slow: 0ms;
+    --dt-animations-fade-in-duration-fast: 0ms;
+    --dt-animations-fade-in-duration-base: 0ms;
+    --dt-animations-fade-in-duration-slow: 0ms;
+    --dt-animations-fade-out-duration-fast: 0ms;
+    --dt-animations-fade-out-duration-base: 0ms;
+    --dt-animations-fade-out-duration-slow: 0ms;
+    --dt-animations-hover-duration-base: 0ms;
+    --dt-animations-staggered-motion-duration-fast: 0ms;
+    --dt-animations-staggered-motion-duration-base: 0ms;
+    --dt-animations-staggered-motion-duration-slow: 0ms;
+    --dt-animations-staggered-motion-offset-fast: 0ms;
+    --dt-animations-staggered-motion-offset-base: 0ms;
+    --dt-animations-staggered-motion-offset-slow: 0ms;
+    --dt-animations-expand-collapse-duration-fast: 0ms;
+    --dt-animations-expand-collapse-duration-base: 0ms;
+    --dt-animations-expand-collapse-duration-slow: 0ms;
+    --dt-animations-move-duration-fast: 0ms;
+    --dt-animations-move-duration-base: 0ms;
+    --dt-animations-move-duration-slow: 0ms;
+    --dt-animations-rescale-duration-fast: 0ms;
+    --dt-animations-rescale-duration-base: 0ms;
+    --dt-animations-rescale-duration-slow: 0ms;
+    --dt-timings-instant-default: 0ms;
+    --dt-timings-offset-short: 0ms;
+    --dt-timings-offset-medium: 0ms;
+    --dt-timings-offset-long: 0ms;
+    --dt-timings-offset-default: 0ms;
+    --dt-timings-fast-quick: 0ms;
+    --dt-timings-fast-default: 0ms;
+    --dt-timings-fast-moderate: 0ms;
+    --dt-timings-base-quick: 0ms;
+    --dt-timings-base-default: 0ms;
+    --dt-timings-base-moderate: 0ms;
+    --dt-timings-slow-default: 0ms;
+    --dt-timings-slow-moderate: 0ms;
+    --dt-timings-slow-gentle: 0ms;
+    --dt-timings-slowest-default: 0ms;
+    --dt-timings-slowest-moderate: 0ms;
+    --dt-timings-slowest-gentle: 0ms;
+  }
+  :root[data-theme="dark"] {
+    --dt-animations-open-duration-fast: 0ms;
+    --dt-animations-open-duration-base: 0ms;
+    --dt-animations-open-duration-slow: 0ms;
+    --dt-animations-close-duration-fast: 0ms;
+    --dt-animations-close-duration-base: 0ms;
+    --dt-animations-close-duration-slow: 0ms;
+    --dt-animations-slide-in-duration-fast: 0ms;
+    --dt-animations-slide-in-duration-base: 0ms;
+    --dt-animations-slide-in-duration-slow: 0ms;
+    --dt-animations-slide-out-duration-fast: 0ms;
+    --dt-animations-slide-out-duration-base: 0ms;
+    --dt-animations-slide-out-duration-slow: 0ms;
+    --dt-animations-fade-in-duration-fast: 0ms;
+    --dt-animations-fade-in-duration-base: 0ms;
+    --dt-animations-fade-in-duration-slow: 0ms;
+    --dt-animations-fade-out-duration-fast: 0ms;
+    --dt-animations-fade-out-duration-base: 0ms;
+    --dt-animations-fade-out-duration-slow: 0ms;
+    --dt-animations-hover-duration-base: 0ms;
+    --dt-animations-staggered-motion-duration-fast: 0ms;
+    --dt-animations-staggered-motion-duration-base: 0ms;
+    --dt-animations-staggered-motion-duration-slow: 0ms;
+    --dt-animations-staggered-motion-offset-fast: 0ms;
+    --dt-animations-staggered-motion-offset-base: 0ms;
+    --dt-animations-staggered-motion-offset-slow: 0ms;
+    --dt-animations-expand-collapse-duration-fast: 0ms;
+    --dt-animations-expand-collapse-duration-base: 0ms;
+    --dt-animations-expand-collapse-duration-slow: 0ms;
+    --dt-animations-move-duration-fast: 0ms;
+    --dt-animations-move-duration-base: 0ms;
+    --dt-animations-move-duration-slow: 0ms;
+    --dt-animations-rescale-duration-fast: 0ms;
+    --dt-animations-rescale-duration-base: 0ms;
+    --dt-animations-rescale-duration-slow: 0ms;
+    --dt-timings-instant-default: 0ms;
+    --dt-timings-offset-short: 0ms;
+    --dt-timings-offset-medium: 0ms;
+    --dt-timings-offset-long: 0ms;
+    --dt-timings-offset-default: 0ms;
+    --dt-timings-fast-quick: 0ms;
+    --dt-timings-fast-default: 0ms;
+    --dt-timings-fast-moderate: 0ms;
+    --dt-timings-base-quick: 0ms;
+    --dt-timings-base-default: 0ms;
+    --dt-timings-base-moderate: 0ms;
+    --dt-timings-slow-default: 0ms;
+    --dt-timings-slow-moderate: 0ms;
+    --dt-timings-slow-gentle: 0ms;
+    --dt-timings-slowest-default: 0ms;
+    --dt-timings-slowest-moderate: 0ms;
+    --dt-timings-slowest-gentle: 0ms;
+  }
+}
 @supports (-moz-appearance:none) {
   * {
     scrollbar-color: var(--dt-colors-border-neutral-default, #dadbe4) transparent;

package/esm/core/components/visually-hidden/VisuallyHidden.css

@@ -1,4 +1,4 @@
-._1xz8nhz0-3-1-1 {
+._1xz8nhz0-3-2-0 {
   width: 0;
   height: 0;
   opacity: 0;

package/esm/core/components/visually-hidden/VisuallyHidden.sty.js

@@ -1,5 +1,5 @@
 import "./VisuallyHidden.css";
-var visuallyHidden = "_1xz8nhz0-3-1-1";
+var visuallyHidden = "_1xz8nhz0-3-2-0";
 export {
   visuallyHidden
 };

package/esm/core/components/visually-hidden/VisuallyHidden.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/core/components/visually-hidden/VisuallyHidden.css.ts"],
-  "sourcesContent": ["import './VisuallyHidden.css';\nexport var visuallyHidden = '_1xz8nhz0-3-1-1';"],
+  "sourcesContent": ["import './VisuallyHidden.css';\nexport var visuallyHidden = '_1xz8nhz0-3-2-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,iBAAiB;",
   "names": []
 }

package/esm/core/hooks/intent.js

@@ -1,6 +1,5 @@
 import { useReducer } from "react";
 import {
-  getIntentLink,
   sendIntent,
   sendIntentWithResponse
 } from "@dynatrace-sdk/navigation";
@@ -11,7 +10,6 @@ function getAppIconURL(appId) {
   return `/platform/app-engine/registry/v1/app-icons/${appId}`;
 }
 function useIntent({ payload, options }) {
-  const link = getIntentLink(payload);
   let iconURL = null;
   if (options?.recommendedAppId) {
     iconURL = getAppIconURL(options.recommendedAppId);
@@ -22,7 +20,7 @@ function useIntent({ payload, options }) {
     }
     return sendIntent(payload, options);
   }
-  return { send, link, iconURL };
+  return { send, iconURL };
 }
 function reducer(_, action) {
   switch (action.type) {
@@ -40,7 +38,6 @@ function useIntentWithResponse({
   payload,
   options
 }) {
-  const link = getIntentLink(payload);
   const iconURL = getAppIconURL(options.recommendedAppId);
   const [state, dispatch] = useReducer(reducer, {
     status: "idle"
@@ -77,7 +74,7 @@ function useIntentWithResponse({
       };
     }
   }
-  return { send, state, link, iconURL };
+  return { send, state, iconURL };
 }
 export {
   useIntent,

package/esm/core/hooks/intent.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/core/hooks/intent.ts"],
-  "sourcesContent": ["import { useReducer } from 'react';\n\nimport {\n  getIntentLink,\n  IntentPayload,\n  sendIntent,\n  sendIntentWithResponse,\n  type SendIntentOptions,\n  type SendIntentWithResponseOptions,\n} from '@dynatrace-sdk/navigation';\n\nfunction getAppIconURL(appId?: string) {\n  if (!appId) {\n    return null;\n  }\n  return `/platform/app-engine/registry/v1/app-icons/${appId}`;\n}\n\n/**\n * @internal\n */\nexport interface IntentParams {\n  payload: IntentPayload;\n  options?: SendIntentOptions<IntentPayload>;\n}\n\ninterface UseIntentBaseReturn {\n  /** A static intent link, generated with `getIntentLink()` */\n  link: string;\n  iconURL: string | null;\n}\n\n/**\n * @internal\n */\nexport interface UseIntentReturn extends UseIntentBaseReturn {\n  send: () => void;\n}\n\n/**\n * Wrapper around `@dynatrace-sdk/navigation`s `sendIntent()` method for easier integration with react.\n * @internal\n */\nexport function useIntent({ payload, options }: IntentParams): UseIntentReturn {\n  const link = getIntentLink(payload);\n  let iconURL: string | null = null;\n  if (options?.recommendedAppId) {\n    iconURL = getAppIconURL(options.recommendedAppId);\n  }\n\n  function send() {\n    if (!options) {\n      return sendIntent(payload);\n    }\n    return sendIntent(payload, options);\n  }\n\n  return { send, link, iconURL };\n}\n\ninterface IntentIdleState {\n  status: 'idle';\n}\n\ninterface IntentPendingState {\n  status: 'pending';\n}\n\ninterface IntentSuccessState {\n  status: 'success';\n  data: Record<string, unknown>;\n}\n\ninterface IntentErrorState {\n  status: 'error';\n  error: Error;\n}\n\ntype IntentState =\n  | IntentIdleState\n  | IntentPendingState\n  | IntentSuccessState\n  | IntentErrorState;\n\ntype ACTIONTYPE =\n  | { type: 'send' }\n  | { type: 'success'; payload: IntentSuccessState['data'] }\n  | { type: 'error'; payload: Error };\n\nfunction reducer(_: IntentState, action: ACTIONTYPE): IntentState {\n  switch (action.type) {\n    case 'send':\n      return { status: 'pending' };\n    case 'success':\n      return { status: 'success', data: action.payload };\n    case 'error':\n      return { status: 'error', error: action.payload };\n    default:\n      throw new Error();\n  }\n}\n\n/**\n * @internal\n */\nexport interface IntentWithResponseParams {\n  payload: IntentPayload;\n  options: SendIntentWithResponseOptions<string>;\n}\n\n/**\n * @internal\n */\nexport interface UseIntentWithResponseReturn extends UseIntentBaseReturn {\n  send: () => Promise<IntentSuccessState | IntentErrorState>;\n  /** The current state of the `sendIntentWithResponse()` call. */\n  state: IntentState;\n}\n\n/**\n * Wrapper around `@dynatrace-sdk/navigation`s `sendIntentWithResponse()` method for easier integration with react.\n * @internal\n */\nexport function useIntentWithResponse({\n  payload,\n  options,\n}: IntentWithResponseParams): UseIntentWithResponseReturn {\n  const link = getIntentLink(payload);\n  const iconURL = getAppIconURL(options.recommendedAppId);\n\n  const [state, dispatch] = useReducer(reducer, {\n    status: 'idle',\n  });\n\n  async function send(\n    overridePayload?: IntentPayload,\n  ): Promise<IntentSuccessState | IntentErrorState> {\n    dispatch({ type: 'send' });\n    const res = await sendIntentWithResponse(\n      overridePayload || payload,\n      options,\n    );\n\n    if (!res) {\n      const error = new Error('No response received');\n      dispatch({\n        type: 'error',\n        payload: error,\n      });\n      return {\n        status: 'error',\n        error,\n      };\n    }\n\n    if (res.ok) {\n      dispatch({ type: 'success', payload: { response: res?.data } });\n      return { status: 'success', data: { response: res?.data } };\n    } else {\n      const error = new Error(`Intent Error: ${res.error.reason}`);\n      dispatch({\n        type: 'error',\n        payload: error,\n      });\n      return {\n        status: 'error',\n        error,\n      };\n    }\n  }\n\n  return { send, state, link, iconURL };\n}\n"],
-  "mappings": "AAAA,SAAS,kBAAkB;AAE3B;AAAA,EACE;AAAA,EAEA;AAAA,EACA;AAAA,OAGK;AAEP,SAAS,cAAc,OAAgB;AACrC,MAAI,CAAC,OAAO;AACV,WAAO;AAAA,EACT;AACA,SAAO,8CAA8C,KAAK;AAC5D;AA2BO,SAAS,UAAU,EAAE,SAAS,QAAQ,GAAkC;AAC7E,QAAM,OAAO,cAAc,OAAO;AAClC,MAAI,UAAyB;AAC7B,MAAI,SAAS,kBAAkB;AAC7B,cAAU,cAAc,QAAQ,gBAAgB;AAAA,EAClD;AAEA,WAAS,OAAO;AACd,QAAI,CAAC,SAAS;AACZ,aAAO,WAAW,OAAO;AAAA,IAC3B;AACA,WAAO,WAAW,SAAS,OAAO;AAAA,EACpC;AAEA,SAAO,EAAE,MAAM,MAAM,QAAQ;AAC/B;AA+BA,SAAS,QAAQ,GAAgB,QAAiC;AAChE,UAAQ,OAAO,MAAM;AAAA,IACnB,KAAK;AACH,aAAO,EAAE,QAAQ,UAAU;AAAA,IAC7B,KAAK;AACH,aAAO,EAAE,QAAQ,WAAW,MAAM,OAAO,QAAQ;AAAA,IACnD,KAAK;AACH,aAAO,EAAE,QAAQ,SAAS,OAAO,OAAO,QAAQ;AAAA,IAClD;AACE,YAAM,IAAI,MAAM;AAAA,EACpB;AACF;AAuBO,SAAS,sBAAsB;AAAA,EACpC;AAAA,EACA;AACF,GAA0D;AACxD,QAAM,OAAO,cAAc,OAAO;AAClC,QAAM,UAAU,cAAc,QAAQ,gBAAgB;AAEtD,QAAM,CAAC,OAAO,QAAQ,IAAI,WAAW,SAAS;AAAA,IAC5C,QAAQ;AAAA,EACV,CAAC;AAED,iBAAe,KACb,iBACgD;AAChD,aAAS,EAAE,MAAM,OAAO,CAAC;AACzB,UAAM,MAAM,MAAM;AAAA,MAChB,mBAAmB;AAAA,MACnB;AAAA,IACF;AAEA,QAAI,CAAC,KAAK;AACR,YAAM,QAAQ,IAAI,MAAM,sBAAsB;AAC9C,eAAS;AAAA,QACP,MAAM;AAAA,QACN,SAAS;AAAA,MACX,CAAC;AACD,aAAO;AAAA,QACL,QAAQ;AAAA,QACR;AAAA,MACF;AAAA,IACF;AAEA,QAAI,IAAI,IAAI;AACV,eAAS,EAAE,MAAM,WAAW,SAAS,EAAE,UAAU,KAAK,KAAK,EAAE,CAAC;AAC9D,aAAO,EAAE,QAAQ,WAAW,MAAM,EAAE,UAAU,KAAK,KAAK,EAAE;AAAA,IAC5D,OAAO;AACL,YAAM,QAAQ,IAAI,MAAM,iBAAiB,IAAI,MAAM,MAAM,EAAE;AAC3D,eAAS;AAAA,QACP,MAAM;AAAA,QACN,SAAS;AAAA,MACX,CAAC;AACD,aAAO;AAAA,QACL,QAAQ;AAAA,QACR;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,SAAO,EAAE,MAAM,OAAO,MAAM,QAAQ;AACtC;",
+  "sourcesContent": ["import { useReducer } from 'react';\n\nimport {\n  IntentPayload,\n  sendIntent,\n  sendIntentWithResponse,\n  type SendIntentOptions,\n  type SendIntentWithResponseOptions,\n} from '@dynatrace-sdk/navigation';\n\nfunction getAppIconURL(appId?: string) {\n  if (!appId) {\n    return null;\n  }\n  return `/platform/app-engine/registry/v1/app-icons/${appId}`;\n}\n\n/**\n * @internal\n */\nexport interface IntentParams {\n  payload: IntentPayload;\n  options?: SendIntentOptions<IntentPayload>;\n}\n\ninterface UseIntentBaseReturn {\n  iconURL: string | null;\n}\n\n/**\n * @internal\n */\nexport interface UseIntentReturn extends UseIntentBaseReturn {\n  send: () => void;\n}\n\n/**\n * Wrapper around `@dynatrace-sdk/navigation`s `sendIntent()` method for easier integration with react.\n * @internal\n */\nexport function useIntent({ payload, options }: IntentParams): UseIntentReturn {\n  let iconURL: string | null = null;\n  if (options?.recommendedAppId) {\n    iconURL = getAppIconURL(options.recommendedAppId);\n  }\n\n  function send() {\n    if (!options) {\n      return sendIntent(payload);\n    }\n    return sendIntent(payload, options);\n  }\n\n  return { send, iconURL };\n}\n\ninterface IntentIdleState {\n  status: 'idle';\n}\n\ninterface IntentPendingState {\n  status: 'pending';\n}\n\ninterface IntentSuccessState {\n  status: 'success';\n  data: Record<string, unknown>;\n}\n\ninterface IntentErrorState {\n  status: 'error';\n  error: Error;\n}\n\ntype IntentState =\n  | IntentIdleState\n  | IntentPendingState\n  | IntentSuccessState\n  | IntentErrorState;\n\ntype ACTIONTYPE =\n  | { type: 'send' }\n  | { type: 'success'; payload: IntentSuccessState['data'] }\n  | { type: 'error'; payload: Error };\n\nfunction reducer(_: IntentState, action: ACTIONTYPE): IntentState {\n  switch (action.type) {\n    case 'send':\n      return { status: 'pending' };\n    case 'success':\n      return { status: 'success', data: action.payload };\n    case 'error':\n      return { status: 'error', error: action.payload };\n    default:\n      throw new Error();\n  }\n}\n\n/**\n * @internal\n */\nexport interface IntentWithResponseParams {\n  payload: IntentPayload;\n  options: SendIntentWithResponseOptions<string>;\n}\n\n/**\n * @internal\n */\nexport interface UseIntentWithResponseReturn extends UseIntentBaseReturn {\n  send: () => Promise<IntentSuccessState | IntentErrorState>;\n  /** The current state of the `sendIntentWithResponse()` call. */\n  state: IntentState;\n}\n\n/**\n * Wrapper around `@dynatrace-sdk/navigation`s `sendIntentWithResponse()` method for easier integration with react.\n * @internal\n */\nexport function useIntentWithResponse({\n  payload,\n  options,\n}: IntentWithResponseParams): UseIntentWithResponseReturn {\n  const iconURL = getAppIconURL(options.recommendedAppId);\n\n  const [state, dispatch] = useReducer(reducer, {\n    status: 'idle',\n  });\n\n  async function send(\n    overridePayload?: IntentPayload,\n  ): Promise<IntentSuccessState | IntentErrorState> {\n    dispatch({ type: 'send' });\n    const res = await sendIntentWithResponse(\n      overridePayload || payload,\n      options,\n    );\n\n    if (!res) {\n      const error = new Error('No response received');\n      dispatch({\n        type: 'error',\n        payload: error,\n      });\n      return {\n        status: 'error',\n        error,\n      };\n    }\n\n    if (res.ok) {\n      dispatch({ type: 'success', payload: { response: res?.data } });\n      return { status: 'success', data: { response: res?.data } };\n    } else {\n      const error = new Error(`Intent Error: ${res.error.reason}`);\n      dispatch({\n        type: 'error',\n        payload: error,\n      });\n      return {\n        status: 'error',\n        error,\n      };\n    }\n  }\n\n  return { send, state, iconURL };\n}\n"],
+  "mappings": "AAAA,SAAS,kBAAkB;AAE3B;AAAA,EAEE;AAAA,EACA;AAAA,OAGK;AAEP,SAAS,cAAc,OAAgB;AACrC,MAAI,CAAC,OAAO;AACV,WAAO;AAAA,EACT;AACA,SAAO,8CAA8C,KAAK;AAC5D;AAyBO,SAAS,UAAU,EAAE,SAAS,QAAQ,GAAkC;AAC7E,MAAI,UAAyB;AAC7B,MAAI,SAAS,kBAAkB;AAC7B,cAAU,cAAc,QAAQ,gBAAgB;AAAA,EAClD;AAEA,WAAS,OAAO;AACd,QAAI,CAAC,SAAS;AACZ,aAAO,WAAW,OAAO;AAAA,IAC3B;AACA,WAAO,WAAW,SAAS,OAAO;AAAA,EACpC;AAEA,SAAO,EAAE,MAAM,QAAQ;AACzB;AA+BA,SAAS,QAAQ,GAAgB,QAAiC;AAChE,UAAQ,OAAO,MAAM;AAAA,IACnB,KAAK;AACH,aAAO,EAAE,QAAQ,UAAU;AAAA,IAC7B,KAAK;AACH,aAAO,EAAE,QAAQ,WAAW,MAAM,OAAO,QAAQ;AAAA,IACnD,KAAK;AACH,aAAO,EAAE,QAAQ,SAAS,OAAO,OAAO,QAAQ;AAAA,IAClD;AACE,YAAM,IAAI,MAAM;AAAA,EACpB;AACF;AAuBO,SAAS,sBAAsB;AAAA,EACpC;AAAA,EACA;AACF,GAA0D;AACxD,QAAM,UAAU,cAAc,QAAQ,gBAAgB;AAEtD,QAAM,CAAC,OAAO,QAAQ,IAAI,WAAW,SAAS;AAAA,IAC5C,QAAQ;AAAA,EACV,CAAC;AAED,iBAAe,KACb,iBACgD;AAChD,aAAS,EAAE,MAAM,OAAO,CAAC;AACzB,UAAM,MAAM,MAAM;AAAA,MAChB,mBAAmB;AAAA,MACnB;AAAA,IACF;AAEA,QAAI,CAAC,KAAK;AACR,YAAM,QAAQ,IAAI,MAAM,sBAAsB;AAC9C,eAAS;AAAA,QACP,MAAM;AAAA,QACN,SAAS;AAAA,MACX,CAAC;AACD,aAAO;AAAA,QACL,QAAQ;AAAA,QACR;AAAA,MACF;AAAA,IACF;AAEA,QAAI,IAAI,IAAI;AACV,eAAS,EAAE,MAAM,WAAW,SAAS,EAAE,UAAU,KAAK,KAAK,EAAE,CAAC;AAC9D,aAAO,EAAE,QAAQ,WAAW,MAAM,EAAE,UAAU,KAAK,KAAK,EAAE;AAAA,IAC5D,OAAO;AACL,YAAM,QAAQ,IAAI,MAAM,iBAAiB,IAAI,MAAM,MAAM,EAAE;AAC3D,eAAS;AAAA,QACP,MAAM;AAAA,QACN,SAAS;AAAA,MACX,CAAC;AACD,aAAO;AAAA,QACL,QAAQ;AAAA,QACR;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,SAAO,EAAE,MAAM,OAAO,QAAQ;AAChC;",
   "names": []
 }

package/esm/core/sdk/sdk-logger.js

@@ -14,7 +14,7 @@ const LOGGER_FACTORY = /* @__PURE__ */ (() => {
         context: {
           id: "@dynatrace/strato-design-system",
           // @ts-expect-error Global variable injected at package build time
-          version: "3.1.1"
+          version: "3.2.0"
         }
       });
     } else if (supportsLoggerV1()) {
@@ -22,7 +22,7 @@ const LOGGER_FACTORY = /* @__PURE__ */ (() => {
         context: {
           id: "@dynatrace/strato-design-system",
           // @ts-expect-error Global variable injected at package build time
-          version: "3.1.1"
+          version: "3.2.0"
         }
       });
     }

package/esm/core/styles/defaultChartValues.css

@@ -1,4 +1,4 @@
-._1rtjj3o0-3-1-1 {
+._1rtjj3o0-3-2-0 {
   line-height: normal;
   width: inherit;
 }

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

@@ -1,5 +1,5 @@
 import "./defaultChartValues.css";
-var defaultChartSize = "_1rtjj3o0-3-1-1";
+var defaultChartSize = "_1rtjj3o0-3-2-0";
 export {
   defaultChartSize
 };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/core/styles/defaultChartValues.css.ts"],
-  "sourcesContent": ["import './defaultChartValues.css';\nexport var defaultChartSize = '_1rtjj3o0-3-1-1';"],
+  "sourcesContent": ["import './defaultChartValues.css';\nexport var defaultChartSize = '_1rtjj3o0-3-2-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,mBAAmB;",
   "names": []
 }

package/esm/core/styles/focusRing.css

@@ -1,75 +1,75 @@
-._z2r50s3-3-1-1 {
+._z2r50s3-3-2-0 {
   outline: none;
 }
-._z2r50s3-3-1-1:focus-visible {
+._z2r50s3-3-2-0:focus-visible {
   outline: none;
 }
-._z2r50s4-3-1-1 {
+._z2r50s4-3-2-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-1-1);
-  background-color: var(--_z2r50s2-3-1-1);
-}
-._z2r50s5-3-1-1._z2r50s5-3-1-1 {
-  box-shadow: inset 0 0 0 var(--dt-borders-width-emphasized, 2px) var(--_z2r50s0-3-1-1), inset 0 0 0 calc(var(--dt-borders-width-emphasized, 2px) + 1px) var(--_z2r50s1-3-1-1);
-}
-._z2r50s6-3-1-1 {
-  --_z2r50s0-3-1-1: var(--dt-colors-border-neutral-accent, #595a7d);
-  --_z2r50s1-3-1-1: var(--dt-colors-border-neutral-default, #dadbe4);
-  --_z2r50s2-3-1-1: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
-}
-._z2r50s7-3-1-1 {
-  --_z2r50s0-3-1-1: var(--dt-colors-border-primary-accent, #464cce);
-  --_z2r50s1-3-1-1: var(--dt-colors-border-primary-default, #d5dbf6);
-  --_z2r50s2-3-1-1: var(--dt-colors-background-field-primary-emphasized, #e1e5f7);
-}
-._z2r50s8-3-1-1 {
-  --_z2r50s0-3-1-1: var(--dt-colors-border-success-accent, #2d6761);
-  --_z2r50s1-3-1-1: var(--dt-colors-border-success-default, #d3dedd);
-  --_z2r50s2-3-1-1: var(--dt-colors-background-field-success-emphasized, #e0e7e6);
-}
-._z2r50s9-3-1-1 {
-  --_z2r50s0-3-1-1: var(--dt-colors-border-warning-accent, #855400);
-  --_z2r50s1-3-1-1: var(--dt-colors-border-warning-default, #f9ebdb);
-  --_z2r50s2-3-1-1: var(--dt-colors-background-field-warning-emphasized, #f9f0e5);
-}
-._z2r50sa-3-1-1 {
-  --_z2r50s0-3-1-1: var(--dt-colors-border-critical-accent, #bb0731);
-  --_z2r50s1-3-1-1: var(--dt-colors-border-critical-default, #f6d6d5);
-  --_z2r50s2-3-1-1: var(--dt-colors-background-field-critical-emphasized, #f8e1e1);
-}
-._z2r50sb-3-1-1:focus-within {
+  box-shadow: inset 0 0 0 var(--dt-borders-width-default, 1px) var(--_z2r50s0-3-2-0);
+  background-color: var(--_z2r50s2-3-2-0);
+}
+._z2r50s5-3-2-0._z2r50s5-3-2-0 {
+  box-shadow: inset 0 0 0 var(--dt-borders-width-emphasized, 2px) var(--_z2r50s0-3-2-0), inset 0 0 0 calc(var(--dt-borders-width-emphasized, 2px) + 1px) var(--_z2r50s1-3-2-0);
+}
+._z2r50s6-3-2-0 {
+  --_z2r50s0-3-2-0: var(--dt-colors-border-neutral-accent, #595a7d);
+  --_z2r50s1-3-2-0: var(--dt-colors-border-neutral-default, #dadbe4);
+  --_z2r50s2-3-2-0: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
+}
+._z2r50s7-3-2-0 {
+  --_z2r50s0-3-2-0: var(--dt-colors-border-primary-accent, #464cce);
+  --_z2r50s1-3-2-0: var(--dt-colors-border-primary-default, #d5dbf6);
+  --_z2r50s2-3-2-0: var(--dt-colors-background-field-primary-emphasized, #e1e5f7);
+}
+._z2r50s8-3-2-0 {
+  --_z2r50s0-3-2-0: var(--dt-colors-border-success-accent, #2d6761);
+  --_z2r50s1-3-2-0: var(--dt-colors-border-success-default, #d3dedd);
+  --_z2r50s2-3-2-0: var(--dt-colors-background-field-success-emphasized, #e0e7e6);
+}
+._z2r50s9-3-2-0 {
+  --_z2r50s0-3-2-0: var(--dt-colors-border-warning-accent, #855400);
+  --_z2r50s1-3-2-0: var(--dt-colors-border-warning-default, #f9ebdb);
+  --_z2r50s2-3-2-0: var(--dt-colors-background-field-warning-emphasized, #f9f0e5);
+}
+._z2r50sa-3-2-0 {
+  --_z2r50s0-3-2-0: var(--dt-colors-border-critical-accent, #bb0731);
+  --_z2r50s1-3-2-0: var(--dt-colors-border-critical-default, #f6d6d5);
+  --_z2r50s2-3-2-0: var(--dt-colors-background-field-critical-emphasized, #f8e1e1);
+}
+._z2r50sb-3-2-0:focus-within {
   outline: none;
 }
-._z2r50sc-3-1-1:focus-within {
+._z2r50sc-3-2-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-1-1);
-  background-color: var(--_z2r50s2-3-1-1);
-}
-._z2r50sd-3-1-1:focus-within {
-  box-shadow: inset 0 0 0 var(--dt-borders-width-emphasized, 2px) var(--_z2r50s0-3-1-1), inset 0 0 0 calc(var(--dt-borders-width-emphasized, 2px) + 1px) var(--_z2r50s1-3-1-1);
-}
-._z2r50se-3-1-1 {
-  --_z2r50s0-3-1-1: var(--dt-colors-border-neutral-accent, #595a7d);
-  --_z2r50s1-3-1-1: var(--dt-colors-border-neutral-default, #dadbe4);
-  --_z2r50s2-3-1-1: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
-}
-._z2r50sf-3-1-1 {
-  --_z2r50s0-3-1-1: var(--dt-colors-border-primary-accent, #464cce);
-  --_z2r50s1-3-1-1: var(--dt-colors-border-primary-default, #d5dbf6);
-  --_z2r50s2-3-1-1: var(--dt-colors-background-field-primary-emphasized, #e1e5f7);
-}
-._z2r50sg-3-1-1 {
-  --_z2r50s0-3-1-1: var(--dt-colors-border-success-accent, #2d6761);
-  --_z2r50s1-3-1-1: var(--dt-colors-border-success-default, #d3dedd);
-  --_z2r50s2-3-1-1: var(--dt-colors-background-field-success-emphasized, #e0e7e6);
-}
-._z2r50sh-3-1-1 {
-  --_z2r50s0-3-1-1: var(--dt-colors-border-warning-accent, #855400);
-  --_z2r50s1-3-1-1: var(--dt-colors-border-warning-default, #f9ebdb);
-  --_z2r50s2-3-1-1: var(--dt-colors-background-field-warning-emphasized, #f9f0e5);
-}
-._z2r50si-3-1-1 {
-  --_z2r50s0-3-1-1: var(--dt-colors-border-critical-accent, #bb0731);
-  --_z2r50s1-3-1-1: var(--dt-colors-border-critical-default, #f6d6d5);
-  --_z2r50s2-3-1-1: var(--dt-colors-background-field-critical-emphasized, #f8e1e1);
+  box-shadow: inset 0 0 0 var(--dt-borders-width-default, 1px) var(--_z2r50s0-3-2-0);
+  background-color: var(--_z2r50s2-3-2-0);
+}
+._z2r50sd-3-2-0:focus-within {
+  box-shadow: inset 0 0 0 var(--dt-borders-width-emphasized, 2px) var(--_z2r50s0-3-2-0), inset 0 0 0 calc(var(--dt-borders-width-emphasized, 2px) + 1px) var(--_z2r50s1-3-2-0);
+}
+._z2r50se-3-2-0 {
+  --_z2r50s0-3-2-0: var(--dt-colors-border-neutral-accent, #595a7d);
+  --_z2r50s1-3-2-0: var(--dt-colors-border-neutral-default, #dadbe4);
+  --_z2r50s2-3-2-0: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
+}
+._z2r50sf-3-2-0 {
+  --_z2r50s0-3-2-0: var(--dt-colors-border-primary-accent, #464cce);
+  --_z2r50s1-3-2-0: var(--dt-colors-border-primary-default, #d5dbf6);
+  --_z2r50s2-3-2-0: var(--dt-colors-background-field-primary-emphasized, #e1e5f7);
+}
+._z2r50sg-3-2-0 {
+  --_z2r50s0-3-2-0: var(--dt-colors-border-success-accent, #2d6761);
+  --_z2r50s1-3-2-0: var(--dt-colors-border-success-default, #d3dedd);
+  --_z2r50s2-3-2-0: var(--dt-colors-background-field-success-emphasized, #e0e7e6);
+}
+._z2r50sh-3-2-0 {
+  --_z2r50s0-3-2-0: var(--dt-colors-border-warning-accent, #855400);
+  --_z2r50s1-3-2-0: var(--dt-colors-border-warning-default, #f9ebdb);
+  --_z2r50s2-3-2-0: var(--dt-colors-background-field-warning-emphasized, #f9f0e5);
+}
+._z2r50si-3-2-0 {
+  --_z2r50s0-3-2-0: var(--dt-colors-border-critical-accent, #bb0731);
+  --_z2r50s1-3-2-0: var(--dt-colors-border-critical-default, #f6d6d5);
+  --_z2r50s2-3-2-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 focusRingCSS = _7a468({ defaultClassName: "_z2r50s3-3-1-1", variantClassNames: { minimal: { true: "_z2r50s4-3-1-1", false: "_z2r50s5-3-1-1" }, color: { neutral: "_z2r50s6-3-1-1", primary: "_z2r50s7-3-1-1", success: "_z2r50s8-3-1-1", warning: "_z2r50s9-3-1-1", critical: "_z2r50sa-3-1-1" } }, defaultVariants: {}, compoundVariants: [] });
-var focusRingFocusWithinCSS = _7a468({ defaultClassName: "_z2r50sb-3-1-1", variantClassNames: { minimal: { true: "_z2r50sc-3-1-1", false: "_z2r50sd-3-1-1" }, color: { neutral: "_z2r50se-3-1-1", primary: "_z2r50sf-3-1-1", success: "_z2r50sg-3-1-1", warning: "_z2r50sh-3-1-1", critical: "_z2r50si-3-1-1" } }, defaultVariants: {}, compoundVariants: [] });
+var focusRingCSS = _7a468({ defaultClassName: "_z2r50s3-3-2-0", variantClassNames: { minimal: { true: "_z2r50s4-3-2-0", false: "_z2r50s5-3-2-0" }, color: { neutral: "_z2r50s6-3-2-0", primary: "_z2r50s7-3-2-0", success: "_z2r50s8-3-2-0", warning: "_z2r50s9-3-2-0", critical: "_z2r50sa-3-2-0" } }, defaultVariants: {}, compoundVariants: [] });
+var focusRingFocusWithinCSS = _7a468({ defaultClassName: "_z2r50sb-3-2-0", variantClassNames: { minimal: { true: "_z2r50sc-3-2-0", false: "_z2r50sd-3-2-0" }, color: { neutral: "_z2r50se-3-2-0", primary: "_z2r50sf-3-2-0", success: "_z2r50sg-3-2-0", warning: "_z2r50sh-3-2-0", critical: "_z2r50si-3-2-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-3-1-1',variantClassNames:{minimal:{true:'_z2r50s4-3-1-1',false:'_z2r50s5-3-1-1'},color:{neutral:'_z2r50s6-3-1-1',primary:'_z2r50s7-3-1-1',success:'_z2r50s8-3-1-1',warning:'_z2r50s9-3-1-1',critical:'_z2r50sa-3-1-1'}},defaultVariants:{},compoundVariants:[]});\nexport var focusRingFocusWithinCSS = _7a468({defaultClassName:'_z2r50sb-3-1-1',variantClassNames:{minimal:{true:'_z2r50sc-3-1-1',false:'_z2r50sd-3-1-1'},color:{neutral:'_z2r50se-3-1-1',primary:'_z2r50sf-3-1-1',success:'_z2r50sg-3-1-1',warning:'_z2r50sh-3-1-1',critical:'_z2r50si-3-1-1'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './focusRing.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var focusRingCSS = _7a468({defaultClassName:'_z2r50s3-3-2-0',variantClassNames:{minimal:{true:'_z2r50s4-3-2-0',false:'_z2r50s5-3-2-0'},color:{neutral:'_z2r50s6-3-2-0',primary:'_z2r50s7-3-2-0',success:'_z2r50s8-3-2-0',warning:'_z2r50s9-3-2-0',critical:'_z2r50sa-3-2-0'}},defaultVariants:{},compoundVariants:[]});\nexport var focusRingFocusWithinCSS = _7a468({defaultClassName:'_z2r50sb-3-2-0',variantClassNames:{minimal:{true:'_z2r50sc-3-2-0',false:'_z2r50sd-3-2-0'},color:{neutral:'_z2r50se-3-2-0',primary:'_z2r50sf-3-2-0',success:'_z2r50sg-3-2-0',warning:'_z2r50sh-3-2-0',critical:'_z2r50si-3-2-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,OAAM,EAAC,SAAQ,kBAAiB,SAAQ,kBAAiB,SAAQ,kBAAiB,SAAQ,kBAAiB,UAAS,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACrT,IAAI,0BAA0B,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,SAAQ,EAAC,MAAK,kBAAiB,OAAM,iBAAgB,GAAE,OAAM,EAAC,SAAQ,kBAAiB,SAAQ,kBAAiB,SAAQ,kBAAiB,SAAQ,kBAAiB,UAAS,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/core/styles/focusRingStatic.css

@@ -1,47 +1,47 @@
-._z0fq9b4-3-1-1 {
+._z0fq9b4-3-2-0 {
   outline: none;
   box-shadow: none;
 }
-._z0fq9b5-3-1-1 {
-  --_z0fq9b3-3-1-1: var(--dt-borders-width-default, 1px);
-  --_z0fq9b2-3-1-1: 0 0 0 var(--_z0fq9b3-3-1-1) var(--_z0fq9b0-3-1-1) inset;
+._z0fq9b5-3-2-0 {
+  --_z0fq9b3-3-2-0: var(--dt-borders-width-default, 1px);
+  --_z0fq9b2-3-2-0: 0 0 0 var(--_z0fq9b3-3-2-0) var(--_z0fq9b0-3-2-0) inset;
 }
-._z0fq9b6-3-1-1 {
-  --_z0fq9b3-3-1-1: var(--dt-borders-width-emphasized, 2px);
-  --_z0fq9b2-3-1-1: 0 0 0 var(--_z0fq9b3-3-1-1) var(--_z0fq9b0-3-1-1) inset, 0 0 0 calc(var(--_z0fq9b3-3-1-1) + 1px) var(--_z0fq9b1-3-1-1) inset;
+._z0fq9b6-3-2-0 {
+  --_z0fq9b3-3-2-0: var(--dt-borders-width-emphasized, 2px);
+  --_z0fq9b2-3-2-0: 0 0 0 var(--_z0fq9b3-3-2-0) var(--_z0fq9b0-3-2-0) inset, 0 0 0 calc(var(--_z0fq9b3-3-2-0) + 1px) var(--_z0fq9b1-3-2-0) inset;
 }
-._z0fq9b7-3-1-1 {
-  --_z0fq9b2-3-1-1: none;
+._z0fq9b7-3-2-0 {
+  --_z0fq9b2-3-2-0: none;
 }
-._z0fq9b8-3-1-1:focus-visible {
-  box-shadow: var(--_z0fq9b2-3-1-1);
+._z0fq9b8-3-2-0:focus-visible {
+  box-shadow: var(--_z0fq9b2-3-2-0);
 }
-._z0fq9b9-3-1-1:focus-within {
-  box-shadow: var(--_z0fq9b2-3-1-1);
+._z0fq9b9-3-2-0:focus-within {
+  box-shadow: var(--_z0fq9b2-3-2-0);
 }
-._z0fq9ba-3-1-1:has(:focus-visible) {
-  box-shadow: var(--_z0fq9b2-3-1-1);
+._z0fq9ba-3-2-0:has(:focus-visible) {
+  box-shadow: var(--_z0fq9b2-3-2-0);
 }
-._z0fq9bb-3-1-1:focus {
-  box-shadow: var(--_z0fq9b2-3-1-1);
+._z0fq9bb-3-2-0:focus {
+  box-shadow: var(--_z0fq9b2-3-2-0);
 }
-._z0fq9bc-3-1-1 {
-  --_z0fq9b0-3-1-1: var(--dt-colors-border-neutral-accent, #595a7d);
-  --_z0fq9b1-3-1-1: var(--dt-colors-border-neutral-default, #dadbe4);
+._z0fq9bc-3-2-0 {
+  --_z0fq9b0-3-2-0: var(--dt-colors-border-neutral-accent, #595a7d);
+  --_z0fq9b1-3-2-0: var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._z0fq9bd-3-1-1 {
-  --_z0fq9b0-3-1-1: var(--dt-colors-border-primary-accent, #464cce);
-  --_z0fq9b1-3-1-1: var(--dt-colors-border-primary-default, #d5dbf6);
+._z0fq9bd-3-2-0 {
+  --_z0fq9b0-3-2-0: var(--dt-colors-border-primary-accent, #464cce);
+  --_z0fq9b1-3-2-0: var(--dt-colors-border-primary-default, #d5dbf6);
 }
-._z0fq9be-3-1-1 {
-  --_z0fq9b0-3-1-1: var(--dt-colors-border-success-accent, #2d6761);
-  --_z0fq9b1-3-1-1: var(--dt-colors-border-success-default, #d3dedd);
+._z0fq9be-3-2-0 {
+  --_z0fq9b0-3-2-0: var(--dt-colors-border-success-accent, #2d6761);
+  --_z0fq9b1-3-2-0: var(--dt-colors-border-success-default, #d3dedd);
 }
-._z0fq9bf-3-1-1 {
-  --_z0fq9b0-3-1-1: var(--dt-colors-border-warning-accent, #855400);
-  --_z0fq9b1-3-1-1: var(--dt-colors-border-warning-default, #f9ebdb);
+._z0fq9bf-3-2-0 {
+  --_z0fq9b0-3-2-0: var(--dt-colors-border-warning-accent, #855400);
+  --_z0fq9b1-3-2-0: var(--dt-colors-border-warning-default, #f9ebdb);
 }
-._z0fq9bg-3-1-1 {
-  --_z0fq9b0-3-1-1: var(--dt-colors-border-critical-accent, #bb0731);
-  --_z0fq9b1-3-1-1: var(--dt-colors-border-critical-default, #f6d6d5);
+._z0fq9bg-3-2-0 {
+  --_z0fq9b0-3-2-0: var(--dt-colors-border-critical-accent, #bb0731);
+  --_z0fq9b1-3-2-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-1-1", variantClassNames: { minimal: { true: "_z0fq9b5-3-1-1", false: "_z0fq9b6-3-1-1" }, disabled: { true: "_z0fq9b7-3-1-1" }, when: { "focus-visible": "_z0fq9b8-3-1-1", "focus-within": "_z0fq9b9-3-1-1", "focus-within-visible": "_z0fq9ba-3-1-1", focus: "_z0fq9bb-3-1-1" }, color: { neutral: "_z0fq9bc-3-1-1", primary: "_z0fq9bd-3-1-1", success: "_z0fq9be-3-1-1", warning: "_z0fq9bf-3-1-1", critical: "_z0fq9bg-3-1-1" } }, defaultVariants: { color: "neutral", minimal: false, when: "focus", disabled: false }, compoundVariants: [] });
+var focusRingStatic = _7a468({ defaultClassName: "_z0fq9b4-3-2-0", variantClassNames: { minimal: { true: "_z0fq9b5-3-2-0", false: "_z0fq9b6-3-2-0" }, disabled: { true: "_z0fq9b7-3-2-0" }, when: { "focus-visible": "_z0fq9b8-3-2-0", "focus-within": "_z0fq9b9-3-2-0", "focus-within-visible": "_z0fq9ba-3-2-0", focus: "_z0fq9bb-3-2-0" }, color: { neutral: "_z0fq9bc-3-2-0", primary: "_z0fq9bd-3-2-0", success: "_z0fq9be-3-2-0", warning: "_z0fq9bf-3-2-0", critical: "_z0fq9bg-3-2-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-1-1',variantClassNames:{minimal:{true:'_z0fq9b5-3-1-1',false:'_z0fq9b6-3-1-1'},disabled:{true:'_z0fq9b7-3-1-1'},when:{'focus-visible':'_z0fq9b8-3-1-1','focus-within':'_z0fq9b9-3-1-1','focus-within-visible':'_z0fq9ba-3-1-1',focus:'_z0fq9bb-3-1-1'},color:{neutral:'_z0fq9bc-3-1-1',primary:'_z0fq9bd-3-1-1',success:'_z0fq9be-3-1-1',warning:'_z0fq9bf-3-1-1',critical:'_z0fq9bg-3-1-1'}},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-2-0',variantClassNames:{minimal:{true:'_z0fq9b5-3-2-0',false:'_z0fq9b6-3-2-0'},disabled:{true:'_z0fq9b7-3-2-0'},when:{'focus-visible':'_z0fq9b8-3-2-0','focus-within':'_z0fq9b9-3-2-0','focus-within-visible':'_z0fq9ba-3-2-0',focus:'_z0fq9bb-3-2-0'},color:{neutral:'_z0fq9bc-3-2-0',primary:'_z0fq9bd-3-2-0',success:'_z0fq9be-3-2-0',warning:'_z0fq9bf-3-2-0',critical:'_z0fq9bg-3-2-0'}},defaultVariants:{color:'neutral',minimal:false,when:'focus',disabled:false},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,kBAAkB,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,SAAQ,EAAC,MAAK,kBAAiB,OAAM,iBAAgB,GAAE,UAAS,EAAC,MAAK,iBAAgB,GAAE,MAAK,EAAC,iBAAgB,kBAAiB,gBAAe,kBAAiB,wBAAuB,kBAAiB,OAAM,iBAAgB,GAAE,OAAM,EAAC,SAAQ,kBAAiB,SAAQ,kBAAiB,SAAQ,kBAAiB,SAAQ,kBAAiB,UAAS,iBAAgB,EAAC,GAAE,iBAAgB,EAAC,OAAM,WAAU,SAAQ,OAAM,MAAK,SAAQ,UAAS,MAAK,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }