@dynatrace/strato-components 3.12.1 → 3.12.2

package/esm/core/sdk/app-state/useAppStateInternal.js

@@ -1,6 +1,12 @@
+import { useQuery } from "@tanstack/react-query";
 import { useStore } from "zustand";
 import { getCurrentUserDetails } from "@dynatrace-sdk/app-environment";
-import { stateClient } from "@dynatrace-sdk/client-state";
+import {
+  isForbidden,
+  isNotFound,
+  isUnauthorized,
+  stateClient
+} from "@dynatrace-sdk/client-state";
 const currentUser = getCurrentUserDetails();
 const userScopedMutateFns = {
   set(key, value, validUntilTime) {
@@ -40,15 +46,71 @@ const appScopedMutateFns = {
 };
 function useAppStateInternal(key, mutateFns, { store: activeStore, scope, queryClient }) {
   const rawValue = useStore(activeStore, (s) => s.data[key]);
-  const isLoading = useStore(activeStore, (s) => s.isLoading);
-  const error = useStore(activeStore, (s) => s.error);
+  const fetchedKeys = useStore(activeStore, (s) => s.fetchedKeys);
+  const keyErrors = useStore(activeStore, (s) => s.keyErrors);
+  const storeIsLoading = useStore(activeStore, (s) => s.isLoading);
+  const bulkError = useStore(activeStore, (s) => s.error);
+  const isFetched = fetchedKeys.has(key);
+  const keyError = keyErrors[key] ?? null;
+  const needsIndividualFetch = !isFetched && keyError === null && !storeIsLoading && bulkError === null;
+  const { isLoading: isKeyFetchLoading } = useQuery(
+    {
+      queryKey: ["app-state", scope, key],
+      // Sync directly into the Zustand store inside the async queryFn so no
+      // effects are needed. onSuccess/onError callbacks were removed in
+      // TanStack Query v5; this is the recommended alternative.
+      queryFn: async ({ signal }) => {
+        try {
+          const result = scope === "user" ? await stateClient.getUserAppState({ key, abortSignal: signal }) : await stateClient.getAppState({ key, abortSignal: signal });
+          activeStore.setState((s) => {
+            if (s.deletingKeys.has(key)) {
+              return {};
+            }
+            const update = { fetchedKeys: /* @__PURE__ */ new Set([...s.fetchedKeys, key]) };
+            if (result.value !== void 0) {
+              update.data = { ...s.data, [key]: result.value };
+            }
+            return update;
+          });
+          return result;
+        } catch (error2) {
+          if (!(error2 instanceof Error)) {
+            throw error2;
+          }
+          if (error2.name === "AbortError") {
+            throw error2;
+          }
+          if (isNotFound(error2)) {
+            activeStore.setState((s) => ({
+              fetchedKeys: /* @__PURE__ */ new Set([...s.fetchedKeys, key])
+            }));
+            return null;
+          }
+          activeStore.setState((s) => ({
+            keyErrors: { ...s.keyErrors, [key]: error2 }
+          }));
+          if (!isForbidden(error2) && !isUnauthorized(error2)) {
+            activeStore.getState().onError?.(error2);
+          }
+          throw error2;
+        }
+      },
+      enabled: needsIndividualFetch,
+      throwOnError: false
+    },
+    queryClient
+  );
+  const isLoading = storeIsLoading || needsIndividualFetch && isKeyFetchLoading;
   const value = rawValue !== void 0 ? JSON.parse(rawValue) : void 0;
+  const error = keyError ?? bulkError;
   async function set(newValue, options) {
-    const cached = queryClient.getQueryData([
+    const bulkCached = queryClient.getQueryData(["app-state", scope])?.find((item) => item.key === key)?.value;
+    const perKeyCached = queryClient.getQueryData([
       "app-state",
-      scope
-    ])?.find((item) => item.key === key)?.value;
-    const previous = cached ?? activeStore.getState().data[key];
+      scope,
+      key
+    ])?.value;
+    const previous = bulkCached ?? activeStore.getState().data[key] ?? perKeyCached;
     let updatedValue;
     if (typeof newValue === "function") {
       const currentValue = previous !== void 0 ? JSON.parse(previous) : void 0;
@@ -58,7 +120,10 @@ function useAppStateInternal(key, mutateFns, { store: activeStore, scope, queryC
     }
     try {
       const serialized = JSON.stringify(updatedValue);
-      activeStore.setState((s) => ({ data: { ...s.data, [key]: serialized } }));
+      activeStore.setState((s) => ({
+        data: { ...s.data, [key]: serialized },
+        fetchedKeys: /* @__PURE__ */ new Set([...s.fetchedKeys, key])
+      }));
       await mutateFns.set(key, serialized, options?.validUntilTime);
       queryClient.setQueryData(
         ["app-state", scope],
@@ -93,10 +158,14 @@ function useAppStateInternal(key, mutateFns, { store: activeStore, scope, queryC
     activeStore.setState((s) => {
       const next = { ...s.data };
       delete next[key];
-      return { data: next };
+      return {
+        data: next,
+        deletingKeys: /* @__PURE__ */ new Set([...s.deletingKeys, key])
+      };
     });
     try {
       await mutateFns.remove(key);
+      queryClient.removeQueries({ queryKey: ["app-state", scope, key] });
       queryClient.setQueryData(
         ["app-state", scope],
         (old) => {
@@ -107,10 +176,14 @@ function useAppStateInternal(key, mutateFns, { store: activeStore, scope, queryC
         }
       );
     } catch (err) {
-      if (previous !== void 0) {
-        activeStore.setState((s) => ({
-          data: { ...s.data, [key]: previous }
-        }));
+      activeStore.setState((s) => {
+        const deletingKeys = new Set(s.deletingKeys);
+        deletingKeys.delete(key);
+        const data = previous !== void 0 ? { ...s.data, [key]: previous } : s.data;
+        return { deletingKeys, data };
+      });
+      if (previous === void 0) {
+        queryClient.removeQueries({ queryKey: ["app-state", scope, key] });
       }
       activeStore.getState().onError?.(err);
     }

package/esm/core/sdk/app-state/useAppStateInternal.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/core/sdk/app-state/useAppStateInternal.ts"],
-  "sourcesContent": ["import { useStore } from 'zustand';\n\nimport { getCurrentUserDetails } from '@dynatrace-sdk/app-environment';\nimport { stateClient } from '@dynatrace-sdk/client-state';\n\nimport { type AppStateContextValue } from './AppStateContext.js';\n\nconst currentUser = getCurrentUserDetails();\n\n/**\n * @internal\n */\nexport interface _SetOptions {\n  validUntilTime?: string | null;\n}\n\n/**\n * @internal\n */\nexport type _UseAppStateResult<T> = {\n  value: T | undefined;\n  isLoading: boolean;\n  error: Error | null;\n  setValue: (\n    value: T | ((prev: T | undefined) => T),\n    options?: _SetOptions,\n  ) => Promise<void>;\n  remove: () => Promise<void>;\n};\n\ntype MutateFns = {\n  set: (\n    key: string,\n    value: string,\n    validUntilTime: string | null | undefined,\n  ) => Promise<void>;\n  remove: (key: string) => Promise<void>;\n};\n\nexport const userScopedMutateFns: MutateFns = {\n  set(key: string, value: string, validUntilTime: string | null | undefined) {\n    return stateClient.setUserAppState({\n      key,\n      body: {\n        value,\n        validUntilTime: validUntilTime ?? null,\n        modificationInfo: {\n          lastModifiedBy: currentUser.id,\n          lastModifiedTime: new Date(),\n        },\n      },\n    });\n  },\n  remove(key: string) {\n    return stateClient.deleteUserAppState({ key });\n  },\n};\n\nexport const appScopedMutateFns: MutateFns = {\n  set(key: string, value: string, validUntilTime: string | null | undefined) {\n    return stateClient.setAppState({\n      key,\n      body: {\n        value,\n        validUntilTime: validUntilTime ?? null,\n        modificationInfo: {\n          lastModifiedBy: currentUser.id,\n          lastModifiedTime: new Date(),\n        },\n      },\n    });\n  },\n  remove(key: string) {\n    return stateClient.deleteAppState({ key });\n  },\n};\n\n/**\n * @internal\n */\nexport function useAppStateInternal<T = unknown>(\n  key: string,\n  mutateFns: MutateFns,\n  { store: activeStore, scope, queryClient }: AppStateContextValue,\n): _UseAppStateResult<T> {\n  const rawValue = useStore(activeStore, (s) => s.data[key]);\n  const isLoading = useStore(activeStore, (s) => s.isLoading);\n  const error = useStore(activeStore, (s) => s.error);\n\n  const value =\n    rawValue !== undefined ? (JSON.parse(rawValue) as T) : undefined;\n\n  async function set(\n    newValue: T | ((prev: T) => T),\n    options?: _SetOptions,\n  ): Promise<void> {\n    // The query cache is the source of truth \u2014 it is populated synchronously\n    // when the bulk fetch promise resolves, while the store is only synced via\n    // a re-render cycle that may lag behind under batched updates.\n    const cached = queryClient\n      .getQueryData<Array<{ key: string; value?: string }>>([\n        'app-state',\n        scope,\n      ])\n      ?.find((item) => item.key === key)?.value;\n    const previous = cached ?? activeStore.getState().data[key];\n    let updatedValue: T;\n    if (typeof newValue === 'function') {\n      const currentValue =\n        previous !== undefined ? (JSON.parse(previous) as T) : undefined;\n      updatedValue = (newValue as (prev: T | undefined) => T)(currentValue);\n    } else {\n      updatedValue = newValue as T;\n    }\n\n    try {\n      const serialized = JSON.stringify(updatedValue);\n\n      // Optimistic update\n      activeStore.setState((s) => ({ data: { ...s.data, [key]: serialized } }));\n\n      await mutateFns.set(key, serialized, options?.validUntilTime);\n      // Update query cache so no follow-up GET is needed\n      queryClient.setQueryData(\n        ['app-state', scope],\n        (old: Array<{ key: string; value?: string }> | undefined) => {\n          if (!old) {\n            return old;\n          }\n          const idx = old.findIndex((item) => item.key === key);\n          if (idx === -1) {\n            return [...old, { key, value: serialized }];\n          }\n          return old.map((item, i) =>\n            i === idx ? { ...item, value: serialized } : item,\n          );\n        },\n      );\n    } catch (err) {\n      // Rollback\n      activeStore.setState((s) => {\n        const next = { ...s.data };\n        if (previous === undefined) {\n          delete next[key];\n        } else {\n          next[key] = previous;\n        }\n        return { data: next };\n      });\n      // Read onError imperatively from the store \u2014 avoids React context churn.\n      activeStore.getState().onError?.(err as Error);\n    }\n  }\n\n  async function remove(): Promise<void> {\n    const previous = activeStore.getState().data[key];\n\n    // Optimistic update\n    activeStore.setState((s) => {\n      const next = { ...s.data };\n      delete next[key];\n      return { data: next };\n    });\n\n    try {\n      await mutateFns.remove(key);\n      // Update query cache\n      queryClient.setQueryData(\n        ['app-state', scope],\n        (old: Array<{ key: string; value?: string }> | undefined) => {\n          if (!old) {\n            return old;\n          }\n          return old.filter((item) => item.key !== key);\n        },\n      );\n    } catch (err) {\n      // Rollback\n      if (previous !== undefined) {\n        activeStore.setState((s) => ({\n          data: { ...s.data, [key]: previous },\n        }));\n      }\n      activeStore.getState().onError?.(err as Error);\n    }\n  }\n\n  return { value, isLoading, error, setValue: set, remove };\n}\n"],
-  "mappings": "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",
-  "names": []
+  "sourcesContent": ["import { useQuery } from '@tanstack/react-query';\nimport { useStore } from 'zustand';\n\nimport { getCurrentUserDetails } from '@dynatrace-sdk/app-environment';\nimport {\n  isForbidden,\n  isNotFound,\n  isUnauthorized,\n  stateClient,\n} from '@dynatrace-sdk/client-state';\n\nimport { type AppStateContextValue } from './AppStateContext.js';\n\nconst currentUser = getCurrentUserDetails();\n\n/**\n * @internal\n */\nexport interface _SetOptions {\n  validUntilTime?: string | null;\n}\n\n/**\n * @internal\n */\nexport type _UseAppStateResult<T> = {\n  value: T | undefined;\n  isLoading: boolean;\n  error: Error | null;\n  setValue: (\n    value: T | ((prev: T | undefined) => T),\n    options?: _SetOptions,\n  ) => Promise<void>;\n  remove: () => Promise<void>;\n};\n\ntype MutateFns = {\n  set: (\n    key: string,\n    value: string,\n    validUntilTime: string | null | undefined,\n  ) => Promise<void>;\n  remove: (key: string) => Promise<void>;\n};\n\nexport const userScopedMutateFns: MutateFns = {\n  set(key: string, value: string, validUntilTime: string | null | undefined) {\n    return stateClient.setUserAppState({\n      key,\n      body: {\n        value,\n        validUntilTime: validUntilTime ?? null,\n        modificationInfo: {\n          lastModifiedBy: currentUser.id,\n          lastModifiedTime: new Date(),\n        },\n      },\n    });\n  },\n  remove(key: string) {\n    return stateClient.deleteUserAppState({ key });\n  },\n};\n\nexport const appScopedMutateFns: MutateFns = {\n  set(key: string, value: string, validUntilTime: string | null | undefined) {\n    return stateClient.setAppState({\n      key,\n      body: {\n        value,\n        validUntilTime: validUntilTime ?? null,\n        modificationInfo: {\n          lastModifiedBy: currentUser.id,\n          lastModifiedTime: new Date(),\n        },\n      },\n    });\n  },\n  remove(key: string) {\n    return stateClient.deleteAppState({ key });\n  },\n};\n\n/**\n * @internal\n */\nexport function useAppStateInternal<T = unknown>(\n  key: string,\n  mutateFns: MutateFns,\n  { store: activeStore, scope, queryClient }: AppStateContextValue,\n): _UseAppStateResult<T> {\n  const rawValue = useStore(activeStore, (s) => s.data[key]);\n  const fetchedKeys = useStore(activeStore, (s) => s.fetchedKeys);\n  const keyErrors = useStore(activeStore, (s) => s.keyErrors);\n  const storeIsLoading = useStore(activeStore, (s) => s.isLoading);\n  const bulkError = useStore(activeStore, (s) => s.error);\n\n  const isFetched = fetchedKeys.has(key);\n  const keyError = keyErrors[key] ?? null;\n\n  // Fire an individual GET only when the key's state is not yet known: not\n  // fetched, not errored, and no ongoing or failed bulk fetch that covers it.\n  const needsIndividualFetch =\n    !isFetched && keyError === null && !storeIsLoading && bulkError === null;\n\n  const { isLoading: isKeyFetchLoading } = useQuery(\n    {\n      queryKey: ['app-state', scope, key],\n      // Sync directly into the Zustand store inside the async queryFn so no\n      // effects are needed. onSuccess/onError callbacks were removed in\n      // TanStack Query v5; this is the recommended alternative.\n      queryFn: async ({ signal }) => {\n        try {\n          const result =\n            scope === 'user'\n              ? await stateClient.getUserAppState({ key, abortSignal: signal })\n              : await stateClient.getAppState({ key, abortSignal: signal });\n          // Mirror the value into Zustand so rawValue is the single source of\n          // truth. Skip the write when a concurrent remove() is in progress \u2014\n          // the in-flight response must not resurrect a key being deleted.\n          activeStore.setState((s) => {\n            if (s.deletingKeys.has(key)) {\n              return {};\n            }\n            const update: {\n              fetchedKeys: ReadonlySet<string>;\n              data?: Record<string, string>;\n            } = { fetchedKeys: new Set([...s.fetchedKeys, key]) };\n            if (result.value !== undefined) {\n              update.data = { ...s.data, [key]: result.value };\n            }\n            return update;\n          });\n          return result;\n        } catch (error: unknown) {\n          if (!(error instanceof Error)) {\n            throw error;\n          }\n\n          if (error.name === 'AbortError') {\n            throw error;\n          }\n\n          // 404 \u2014 key is genuinely absent. Resolve (not reject) so React Query\n          // stores success state; keyFetchData?.value will be undefined below.\n          if (isNotFound(error)) {\n            activeStore.setState((s) => ({\n              fetchedKeys: new Set([...s.fetchedKeys, key]),\n            }));\n            return null;\n          }\n          // Real error \u2014 store for consumer access and no-retry guarantee.\n          activeStore.setState((s) => ({\n            keyErrors: { ...s.keyErrors, [key]: error },\n          }));\n          // Permission errors (401/403) are expected; consumers handle them via\n          // the returned error field. Only unexpected failures reach onError.\n          if (!isForbidden(error) && !isUnauthorized(error)) {\n            activeStore.getState().onError?.(error);\n          }\n          throw error;\n        }\n      },\n      enabled: needsIndividualFetch,\n      throwOnError: false,\n    },\n    queryClient,\n  );\n\n  const isLoading =\n    storeIsLoading || (needsIndividualFetch && isKeyFetchLoading);\n\n  // rawValue is the single source of truth: populated by both bulk load\n  // (AppStateLoader) and individual fetch (queryFn above). React Query is only\n  // used to drive loading state, not to surface the final value.\n  const value =\n    rawValue !== undefined ? (JSON.parse(rawValue) as T) : undefined;\n\n  // keyErrors is populated inside queryFn before the promise rejects, so it is\n  // always the source of truth for individual fetch errors.\n  const error = keyError ?? bulkError;\n\n  async function set(\n    newValue: T | ((prev: T) => T),\n    options?: _SetOptions,\n  ): Promise<void> {\n    // The bulk query cache is the source of truth for values loaded via\n    // AppStateLoader \u2014 it is populated synchronously when the bulk fetch\n    // promise resolves, while the store is only synced via a re-render cycle\n    // that may lag behind under batched updates.\n    const bulkCached = queryClient\n      .getQueryData<\n        Array<{ key: string; value?: string }>\n      >(['app-state', scope])\n      ?.find((item) => item.key === key)?.value;\n    // Fall back to per-key React Query cache for individually-fetched values.\n    const perKeyCached = queryClient.getQueryData<{ value: string }>([\n      'app-state',\n      scope,\n      key,\n    ])?.value;\n    const previous =\n      bulkCached ?? activeStore.getState().data[key] ?? perKeyCached;\n\n    let updatedValue: T;\n    if (typeof newValue === 'function') {\n      const currentValue =\n        previous !== undefined ? (JSON.parse(previous) as T) : undefined;\n      updatedValue = (newValue as (prev: T | undefined) => T)(currentValue);\n    } else {\n      updatedValue = newValue as T;\n    }\n\n    try {\n      const serialized = JSON.stringify(updatedValue);\n\n      // Optimistic update \u2014 also mark the key as fetched so the individual\n      // GET does not fire after the write lands in the Zustand store.\n      activeStore.setState((s) => ({\n        data: { ...s.data, [key]: serialized },\n        fetchedKeys: new Set([...s.fetchedKeys, key]),\n      }));\n\n      await mutateFns.set(key, serialized, options?.validUntilTime);\n      // Update bulk query cache so no follow-up GET is needed.\n      queryClient.setQueryData(\n        ['app-state', scope],\n        (old: Array<{ key: string; value?: string }> | undefined) => {\n          if (!old) {\n            return old;\n          }\n          const idx = old.findIndex((item) => item.key === key);\n          if (idx === -1) {\n            return [...old, { key, value: serialized }];\n          }\n          return old.map((item, i) =>\n            i === idx ? { ...item, value: serialized } : item,\n          );\n        },\n      );\n    } catch (err) {\n      // Rollback value \u2014 keep key in fetchedKeys (its existence is known).\n      activeStore.setState((s) => {\n        const next = { ...s.data };\n        if (previous === undefined) {\n          delete next[key];\n        } else {\n          next[key] = previous;\n        }\n        return { data: next };\n      });\n      activeStore.getState().onError?.(err as Error);\n    }\n  }\n\n  async function remove(): Promise<void> {\n    const previous = activeStore.getState().data[key];\n\n    // Mark the key as being deleted before the async call. Any in-flight\n    // individual GET that resolves while the DELETE is pending will see this\n    // tombstone and skip its Zustand write, preventing a resurrection.\n    activeStore.setState((s) => {\n      const next = { ...s.data };\n      delete next[key];\n      return {\n        data: next,\n        deletingKeys: new Set([...s.deletingKeys, key]),\n      };\n    });\n\n    try {\n      await mutateFns.remove(key);\n      // Tombstone is intentionally NOT cleared on success. An in-flight\n      // individual GET may still resolve after the DELETE \u2014 keeping\n      // deletingKeys populated ensures its write is silently discarded.\n      // Evict the per-key cache so a later functional setValue(prev => ...)\n      // cannot read the deleted value from perKeyCached.\n      queryClient.removeQueries({ queryKey: ['app-state', scope, key] });\n      // Update bulk query cache.\n      queryClient.setQueryData(\n        ['app-state', scope],\n        (old: Array<{ key: string; value?: string }> | undefined) => {\n          if (!old) {\n            return old;\n          }\n          return old.filter((item) => item.key !== key);\n        },\n      );\n    } catch (err) {\n      // Rollback: clear tombstone and restore the previous value so\n      // future individual GETs can write back correctly.\n      activeStore.setState((s) => {\n        const deletingKeys = new Set(s.deletingKeys);\n        deletingKeys.delete(key);\n        const data =\n          previous !== undefined ? { ...s.data, [key]: previous } : s.data;\n        return { deletingKeys, data };\n      });\n      // If the key wasn't in Zustand when remove() was called, a concurrent\n      // in-flight GET may have resolved and been blocked by the tombstone. Its\n      // result is cached by React Query with staleTime: Infinity, so the query\n      // won't re-fire on its own. Evict the cache entry so the query re-runs\n      // and populates Zustand with the current server value.\n      if (previous === undefined) {\n        queryClient.removeQueries({ queryKey: ['app-state', scope, key] });\n      }\n      activeStore.getState().onError?.(err as Error);\n    }\n  }\n\n  return { value, isLoading, error, setValue: set, remove };\n}\n"],
+  "mappings": "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",
+  "names": ["error"]
 }

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.12.1"
+          version: "3.12.2"
         }
       });
     } 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.12.1"
+          version: "3.12.2"
         }
       });
     }

package/esm/core/styles/defaultChartValues.css

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

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

@@ -1,5 +1,5 @@
 import "./defaultChartValues.css";
-var defaultChartSize = "_1rtjj3o0-3-12-1";
+var defaultChartSize = "_1rtjj3o0-3-12-2";
 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-12-1';"],
+  "sourcesContent": ["import './defaultChartValues.css';\nexport var defaultChartSize = '_1rtjj3o0-3-12-2';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,mBAAmB;",
   "names": []
 }

package/esm/core/styles/focusRing.css

@@ -1,75 +1,75 @@
-._z2r50s3-3-12-1 {
+._z2r50s3-3-12-2 {
   outline: none;
 }
-._z2r50s3-3-12-1:focus-visible {
+._z2r50s3-3-12-2:focus-visible {
   outline: none;
 }
-._z2r50s4-3-12-1 {
+._z2r50s4-3-12-2 {
   border-radius: var(--dt-borders-radius-field-subdued, 3px);
-  box-shadow: inset 0 0 0 var(--dt-borders-width-default, 1px) var(--_z2r50s0-3-12-1);
-  background-color: var(--_z2r50s2-3-12-1);
-}
-._z2r50s5-3-12-1._z2r50s5-3-12-1 {
-  box-shadow: inset 0 0 0 var(--dt-borders-width-emphasized, 2px) var(--_z2r50s0-3-12-1), inset 0 0 0 calc(var(--dt-borders-width-emphasized, 2px) + 1px) var(--_z2r50s1-3-12-1);
-}
-._z2r50s6-3-12-1 {
-  --_z2r50s0-3-12-1: var(--dt-colors-border-neutral-accent, #595a7d);
-  --_z2r50s1-3-12-1: var(--dt-colors-border-neutral-default, #dadbe4);
-  --_z2r50s2-3-12-1: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
-}
-._z2r50s7-3-12-1 {
-  --_z2r50s0-3-12-1: var(--dt-colors-border-primary-accent, #464cce);
-  --_z2r50s1-3-12-1: var(--dt-colors-border-primary-default, #d5dbf6);
-  --_z2r50s2-3-12-1: var(--dt-colors-background-field-primary-emphasized, #e1e5f7);
-}
-._z2r50s8-3-12-1 {
-  --_z2r50s0-3-12-1: var(--dt-colors-border-success-accent, #2d6761);
-  --_z2r50s1-3-12-1: var(--dt-colors-border-success-default, #d3dedd);
-  --_z2r50s2-3-12-1: var(--dt-colors-background-field-success-emphasized, #e0e7e6);
-}
-._z2r50s9-3-12-1 {
-  --_z2r50s0-3-12-1: var(--dt-colors-border-warning-accent, #855400);
-  --_z2r50s1-3-12-1: var(--dt-colors-border-warning-default, #f9ebdb);
-  --_z2r50s2-3-12-1: var(--dt-colors-background-field-warning-emphasized, #f9f0e5);
-}
-._z2r50sa-3-12-1 {
-  --_z2r50s0-3-12-1: var(--dt-colors-border-critical-accent, #bb0731);
-  --_z2r50s1-3-12-1: var(--dt-colors-border-critical-default, #f6d6d5);
-  --_z2r50s2-3-12-1: var(--dt-colors-background-field-critical-emphasized, #f8e1e1);
-}
-._z2r50sb-3-12-1:focus-within {
+  box-shadow: inset 0 0 0 var(--dt-borders-width-default, 1px) var(--_z2r50s0-3-12-2);
+  background-color: var(--_z2r50s2-3-12-2);
+}
+._z2r50s5-3-12-2._z2r50s5-3-12-2 {
+  box-shadow: inset 0 0 0 var(--dt-borders-width-emphasized, 2px) var(--_z2r50s0-3-12-2), inset 0 0 0 calc(var(--dt-borders-width-emphasized, 2px) + 1px) var(--_z2r50s1-3-12-2);
+}
+._z2r50s6-3-12-2 {
+  --_z2r50s0-3-12-2: var(--dt-colors-border-neutral-accent, #595a7d);
+  --_z2r50s1-3-12-2: var(--dt-colors-border-neutral-default, #dadbe4);
+  --_z2r50s2-3-12-2: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
+}
+._z2r50s7-3-12-2 {
+  --_z2r50s0-3-12-2: var(--dt-colors-border-primary-accent, #464cce);
+  --_z2r50s1-3-12-2: var(--dt-colors-border-primary-default, #d5dbf6);
+  --_z2r50s2-3-12-2: var(--dt-colors-background-field-primary-emphasized, #e1e5f7);
+}
+._z2r50s8-3-12-2 {
+  --_z2r50s0-3-12-2: var(--dt-colors-border-success-accent, #2d6761);
+  --_z2r50s1-3-12-2: var(--dt-colors-border-success-default, #d3dedd);
+  --_z2r50s2-3-12-2: var(--dt-colors-background-field-success-emphasized, #e0e7e6);
+}
+._z2r50s9-3-12-2 {
+  --_z2r50s0-3-12-2: var(--dt-colors-border-warning-accent, #855400);
+  --_z2r50s1-3-12-2: var(--dt-colors-border-warning-default, #f9ebdb);
+  --_z2r50s2-3-12-2: var(--dt-colors-background-field-warning-emphasized, #f9f0e5);
+}
+._z2r50sa-3-12-2 {
+  --_z2r50s0-3-12-2: var(--dt-colors-border-critical-accent, #bb0731);
+  --_z2r50s1-3-12-2: var(--dt-colors-border-critical-default, #f6d6d5);
+  --_z2r50s2-3-12-2: var(--dt-colors-background-field-critical-emphasized, #f8e1e1);
+}
+._z2r50sb-3-12-2:focus-within {
   outline: none;
 }
-._z2r50sc-3-12-1:focus-within {
+._z2r50sc-3-12-2: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-12-1);
-  background-color: var(--_z2r50s2-3-12-1);
-}
-._z2r50sd-3-12-1:focus-within {
-  box-shadow: inset 0 0 0 var(--dt-borders-width-emphasized, 2px) var(--_z2r50s0-3-12-1), inset 0 0 0 calc(var(--dt-borders-width-emphasized, 2px) + 1px) var(--_z2r50s1-3-12-1);
-}
-._z2r50se-3-12-1 {
-  --_z2r50s0-3-12-1: var(--dt-colors-border-neutral-accent, #595a7d);
-  --_z2r50s1-3-12-1: var(--dt-colors-border-neutral-default, #dadbe4);
-  --_z2r50s2-3-12-1: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
-}
-._z2r50sf-3-12-1 {
-  --_z2r50s0-3-12-1: var(--dt-colors-border-primary-accent, #464cce);
-  --_z2r50s1-3-12-1: var(--dt-colors-border-primary-default, #d5dbf6);
-  --_z2r50s2-3-12-1: var(--dt-colors-background-field-primary-emphasized, #e1e5f7);
-}
-._z2r50sg-3-12-1 {
-  --_z2r50s0-3-12-1: var(--dt-colors-border-success-accent, #2d6761);
-  --_z2r50s1-3-12-1: var(--dt-colors-border-success-default, #d3dedd);
-  --_z2r50s2-3-12-1: var(--dt-colors-background-field-success-emphasized, #e0e7e6);
-}
-._z2r50sh-3-12-1 {
-  --_z2r50s0-3-12-1: var(--dt-colors-border-warning-accent, #855400);
-  --_z2r50s1-3-12-1: var(--dt-colors-border-warning-default, #f9ebdb);
-  --_z2r50s2-3-12-1: var(--dt-colors-background-field-warning-emphasized, #f9f0e5);
-}
-._z2r50si-3-12-1 {
-  --_z2r50s0-3-12-1: var(--dt-colors-border-critical-accent, #bb0731);
-  --_z2r50s1-3-12-1: var(--dt-colors-border-critical-default, #f6d6d5);
-  --_z2r50s2-3-12-1: var(--dt-colors-background-field-critical-emphasized, #f8e1e1);
+  box-shadow: inset 0 0 0 var(--dt-borders-width-default, 1px) var(--_z2r50s0-3-12-2);
+  background-color: var(--_z2r50s2-3-12-2);
+}
+._z2r50sd-3-12-2:focus-within {
+  box-shadow: inset 0 0 0 var(--dt-borders-width-emphasized, 2px) var(--_z2r50s0-3-12-2), inset 0 0 0 calc(var(--dt-borders-width-emphasized, 2px) + 1px) var(--_z2r50s1-3-12-2);
+}
+._z2r50se-3-12-2 {
+  --_z2r50s0-3-12-2: var(--dt-colors-border-neutral-accent, #595a7d);
+  --_z2r50s1-3-12-2: var(--dt-colors-border-neutral-default, #dadbe4);
+  --_z2r50s2-3-12-2: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
+}
+._z2r50sf-3-12-2 {
+  --_z2r50s0-3-12-2: var(--dt-colors-border-primary-accent, #464cce);
+  --_z2r50s1-3-12-2: var(--dt-colors-border-primary-default, #d5dbf6);
+  --_z2r50s2-3-12-2: var(--dt-colors-background-field-primary-emphasized, #e1e5f7);
+}
+._z2r50sg-3-12-2 {
+  --_z2r50s0-3-12-2: var(--dt-colors-border-success-accent, #2d6761);
+  --_z2r50s1-3-12-2: var(--dt-colors-border-success-default, #d3dedd);
+  --_z2r50s2-3-12-2: var(--dt-colors-background-field-success-emphasized, #e0e7e6);
+}
+._z2r50sh-3-12-2 {
+  --_z2r50s0-3-12-2: var(--dt-colors-border-warning-accent, #855400);
+  --_z2r50s1-3-12-2: var(--dt-colors-border-warning-default, #f9ebdb);
+  --_z2r50s2-3-12-2: var(--dt-colors-background-field-warning-emphasized, #f9f0e5);
+}
+._z2r50si-3-12-2 {
+  --_z2r50s0-3-12-2: var(--dt-colors-border-critical-accent, #bb0731);
+  --_z2r50s1-3-12-2: var(--dt-colors-border-critical-default, #f6d6d5);
+  --_z2r50s2-3-12-2: 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-12-1", variantClassNames: { minimal: { true: "_z2r50s4-3-12-1", false: "_z2r50s5-3-12-1" }, color: { neutral: "_z2r50s6-3-12-1", primary: "_z2r50s7-3-12-1", success: "_z2r50s8-3-12-1", warning: "_z2r50s9-3-12-1", critical: "_z2r50sa-3-12-1" } }, defaultVariants: {}, compoundVariants: [] });
-var focusRingFocusWithin = _7a468({ defaultClassName: "_z2r50sb-3-12-1", variantClassNames: { minimal: { true: "_z2r50sc-3-12-1", false: "_z2r50sd-3-12-1" }, color: { neutral: "_z2r50se-3-12-1", primary: "_z2r50sf-3-12-1", success: "_z2r50sg-3-12-1", warning: "_z2r50sh-3-12-1", critical: "_z2r50si-3-12-1" } }, defaultVariants: {}, compoundVariants: [] });
+var focusRing = _7a468({ defaultClassName: "_z2r50s3-3-12-2", variantClassNames: { minimal: { true: "_z2r50s4-3-12-2", false: "_z2r50s5-3-12-2" }, color: { neutral: "_z2r50s6-3-12-2", primary: "_z2r50s7-3-12-2", success: "_z2r50s8-3-12-2", warning: "_z2r50s9-3-12-2", critical: "_z2r50sa-3-12-2" } }, defaultVariants: {}, compoundVariants: [] });
+var focusRingFocusWithin = _7a468({ defaultClassName: "_z2r50sb-3-12-2", variantClassNames: { minimal: { true: "_z2r50sc-3-12-2", false: "_z2r50sd-3-12-2" }, color: { neutral: "_z2r50se-3-12-2", primary: "_z2r50sf-3-12-2", success: "_z2r50sg-3-12-2", warning: "_z2r50sh-3-12-2", critical: "_z2r50si-3-12-2" } }, 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-12-1',variantClassNames:{minimal:{true:'_z2r50s4-3-12-1',false:'_z2r50s5-3-12-1'},color:{neutral:'_z2r50s6-3-12-1',primary:'_z2r50s7-3-12-1',success:'_z2r50s8-3-12-1',warning:'_z2r50s9-3-12-1',critical:'_z2r50sa-3-12-1'}},defaultVariants:{},compoundVariants:[]});\nexport var focusRingFocusWithin = _7a468({defaultClassName:'_z2r50sb-3-12-1',variantClassNames:{minimal:{true:'_z2r50sc-3-12-1',false:'_z2r50sd-3-12-1'},color:{neutral:'_z2r50se-3-12-1',primary:'_z2r50sf-3-12-1',success:'_z2r50sg-3-12-1',warning:'_z2r50sh-3-12-1',critical:'_z2r50si-3-12-1'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './focusRing.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var focusRing = _7a468({defaultClassName:'_z2r50s3-3-12-2',variantClassNames:{minimal:{true:'_z2r50s4-3-12-2',false:'_z2r50s5-3-12-2'},color:{neutral:'_z2r50s6-3-12-2',primary:'_z2r50s7-3-12-2',success:'_z2r50s8-3-12-2',warning:'_z2r50s9-3-12-2',critical:'_z2r50sa-3-12-2'}},defaultVariants:{},compoundVariants:[]});\nexport var focusRingFocusWithin = _7a468({defaultClassName:'_z2r50sb-3-12-2',variantClassNames:{minimal:{true:'_z2r50sc-3-12-2',false:'_z2r50sd-3-12-2'},color:{neutral:'_z2r50se-3-12-2',primary:'_z2r50sf-3-12-2',success:'_z2r50sg-3-12-2',warning:'_z2r50sh-3-12-2',critical:'_z2r50si-3-12-2'}},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-12-1 {
+._z0fq9b4-3-12-2 {
   outline: none;
 }
-._z0fq9b5-3-12-1 {
-  --_z0fq9b3-3-12-1: var(--dt-borders-width-default, 1px);
-  --_z0fq9b2-3-12-1: 0 0 0 var(--_z0fq9b3-3-12-1) var(--_z0fq9b0-3-12-1) inset;
+._z0fq9b5-3-12-2 {
+  --_z0fq9b3-3-12-2: var(--dt-borders-width-default, 1px);
+  --_z0fq9b2-3-12-2: 0 0 0 var(--_z0fq9b3-3-12-2) var(--_z0fq9b0-3-12-2) inset;
 }
-._z0fq9b6-3-12-1 {
-  --_z0fq9b3-3-12-1: var(--dt-borders-width-emphasized, 2px);
-  --_z0fq9b2-3-12-1: 0 0 0 var(--_z0fq9b3-3-12-1) var(--_z0fq9b0-3-12-1) inset, 0 0 0 calc(var(--_z0fq9b3-3-12-1) + 1px) var(--_z0fq9b1-3-12-1) inset;
+._z0fq9b6-3-12-2 {
+  --_z0fq9b3-3-12-2: var(--dt-borders-width-emphasized, 2px);
+  --_z0fq9b2-3-12-2: 0 0 0 var(--_z0fq9b3-3-12-2) var(--_z0fq9b0-3-12-2) inset, 0 0 0 calc(var(--_z0fq9b3-3-12-2) + 1px) var(--_z0fq9b1-3-12-2) inset;
 }
-._z0fq9b7-3-12-1 {
-  --_z0fq9b2-3-12-1: none;
+._z0fq9b7-3-12-2 {
+  --_z0fq9b2-3-12-2: none;
 }
-._z0fq9b8-3-12-1._z0fq9b8-3-12-1 {
-  box-shadow: var(--_z0fq9b2-3-12-1);
+._z0fq9b8-3-12-2._z0fq9b8-3-12-2 {
+  box-shadow: var(--_z0fq9b2-3-12-2);
 }
-._z0fq9b9-3-12-1:focus-visible {
-  box-shadow: var(--_z0fq9b2-3-12-1);
+._z0fq9b9-3-12-2:focus-visible {
+  box-shadow: var(--_z0fq9b2-3-12-2);
 }
-._z0fq9ba-3-12-1:focus-within {
-  box-shadow: var(--_z0fq9b2-3-12-1);
+._z0fq9ba-3-12-2:focus-within {
+  box-shadow: var(--_z0fq9b2-3-12-2);
 }
-._z0fq9bb-3-12-1:has(:focus-visible) {
-  box-shadow: var(--_z0fq9b2-3-12-1);
+._z0fq9bb-3-12-2:has(:focus-visible) {
+  box-shadow: var(--_z0fq9b2-3-12-2);
 }
-._z0fq9bc-3-12-1:focus {
-  box-shadow: var(--_z0fq9b2-3-12-1);
+._z0fq9bc-3-12-2:focus {
+  box-shadow: var(--_z0fq9b2-3-12-2);
 }
-._z0fq9bd-3-12-1 {
-  --_z0fq9b0-3-12-1: var(--dt-colors-border-neutral-accent, #595a7d);
-  --_z0fq9b1-3-12-1: var(--dt-colors-border-neutral-default, #dadbe4);
+._z0fq9bd-3-12-2 {
+  --_z0fq9b0-3-12-2: var(--dt-colors-border-neutral-accent, #595a7d);
+  --_z0fq9b1-3-12-2: var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._z0fq9be-3-12-1 {
-  --_z0fq9b0-3-12-1: var(--dt-colors-border-primary-accent, #464cce);
-  --_z0fq9b1-3-12-1: var(--dt-colors-border-primary-default, #d5dbf6);
+._z0fq9be-3-12-2 {
+  --_z0fq9b0-3-12-2: var(--dt-colors-border-primary-accent, #464cce);
+  --_z0fq9b1-3-12-2: var(--dt-colors-border-primary-default, #d5dbf6);
 }
-._z0fq9bf-3-12-1 {
-  --_z0fq9b0-3-12-1: var(--dt-colors-border-success-accent, #2d6761);
-  --_z0fq9b1-3-12-1: var(--dt-colors-border-success-default, #d3dedd);
+._z0fq9bf-3-12-2 {
+  --_z0fq9b0-3-12-2: var(--dt-colors-border-success-accent, #2d6761);
+  --_z0fq9b1-3-12-2: var(--dt-colors-border-success-default, #d3dedd);
 }
-._z0fq9bg-3-12-1 {
-  --_z0fq9b0-3-12-1: var(--dt-colors-border-warning-accent, #855400);
-  --_z0fq9b1-3-12-1: var(--dt-colors-border-warning-default, #f9ebdb);
+._z0fq9bg-3-12-2 {
+  --_z0fq9b0-3-12-2: var(--dt-colors-border-warning-accent, #855400);
+  --_z0fq9b1-3-12-2: var(--dt-colors-border-warning-default, #f9ebdb);
 }
-._z0fq9bh-3-12-1 {
-  --_z0fq9b0-3-12-1: var(--dt-colors-border-critical-accent, #bb0731);
-  --_z0fq9b1-3-12-1: var(--dt-colors-border-critical-default, #f6d6d5);
+._z0fq9bh-3-12-2 {
+  --_z0fq9b0-3-12-2: var(--dt-colors-border-critical-accent, #bb0731);
+  --_z0fq9b1-3-12-2: 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-12-1", variantClassNames: { minimal: { true: "_z0fq9b5-3-12-1", false: "_z0fq9b6-3-12-1" }, disabled: { true: "_z0fq9b7-3-12-1" }, when: { always: "_z0fq9b8-3-12-1", "focus-visible": "_z0fq9b9-3-12-1", "focus-within": "_z0fq9ba-3-12-1", "focus-within-visible": "_z0fq9bb-3-12-1", focus: "_z0fq9bc-3-12-1" }, color: { neutral: "_z0fq9bd-3-12-1", primary: "_z0fq9be-3-12-1", success: "_z0fq9bf-3-12-1", warning: "_z0fq9bg-3-12-1", critical: "_z0fq9bh-3-12-1" } }, defaultVariants: { color: "neutral", minimal: false, when: "focus", disabled: false }, compoundVariants: [] });
+var focusRingStatic = _7a468({ defaultClassName: "_z0fq9b4-3-12-2", variantClassNames: { minimal: { true: "_z0fq9b5-3-12-2", false: "_z0fq9b6-3-12-2" }, disabled: { true: "_z0fq9b7-3-12-2" }, when: { always: "_z0fq9b8-3-12-2", "focus-visible": "_z0fq9b9-3-12-2", "focus-within": "_z0fq9ba-3-12-2", "focus-within-visible": "_z0fq9bb-3-12-2", focus: "_z0fq9bc-3-12-2" }, color: { neutral: "_z0fq9bd-3-12-2", primary: "_z0fq9be-3-12-2", success: "_z0fq9bf-3-12-2", warning: "_z0fq9bg-3-12-2", critical: "_z0fq9bh-3-12-2" } }, 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-12-1',variantClassNames:{minimal:{true:'_z0fq9b5-3-12-1',false:'_z0fq9b6-3-12-1'},disabled:{true:'_z0fq9b7-3-12-1'},when:{always:'_z0fq9b8-3-12-1','focus-visible':'_z0fq9b9-3-12-1','focus-within':'_z0fq9ba-3-12-1','focus-within-visible':'_z0fq9bb-3-12-1',focus:'_z0fq9bc-3-12-1'},color:{neutral:'_z0fq9bd-3-12-1',primary:'_z0fq9be-3-12-1',success:'_z0fq9bf-3-12-1',warning:'_z0fq9bg-3-12-1',critical:'_z0fq9bh-3-12-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-12-2',variantClassNames:{minimal:{true:'_z0fq9b5-3-12-2',false:'_z0fq9b6-3-12-2'},disabled:{true:'_z0fq9b7-3-12-2'},when:{always:'_z0fq9b8-3-12-2','focus-visible':'_z0fq9b9-3-12-2','focus-within':'_z0fq9ba-3-12-2','focus-within-visible':'_z0fq9bb-3-12-2',focus:'_z0fq9bc-3-12-2'},color:{neutral:'_z0fq9bd-3-12-2',primary:'_z0fq9be-3-12-2',success:'_z0fq9bf-3-12-2',warning:'_z0fq9bg-3-12-2',critical:'_z0fq9bh-3-12-2'}},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-12-1 {
+._9mvxlq0-3-12-2 {
   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-12-1 {
+._9mvxlq1-3-12-2 {
   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-12-1", primary: "_9mvxlq1-3-12-1" };
+var virtualFocus = { neutral: "_9mvxlq0-3-12-2", primary: "_9mvxlq1-3-12-2" };
 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-12-1',primary:'_9mvxlq1-3-12-1'};"],
+  "sourcesContent": ["import './virtualFocus.css';\nexport var virtualFocus = {neutral:'_9mvxlq0-3-12-2',primary:'_9mvxlq1-3-12-2'};"],
   "mappings": "AAAA,OAAO;AACA,IAAI,eAAe,EAAC,SAAQ,mBAAkB,SAAQ,kBAAiB;",
   "names": []
 }