@dynatrace/strato-components 3.13.0 → 3.13.3

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 { 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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",
+  "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  enabled: boolean = true,\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, no ongoing or failed bulk fetch that covers it,\n  // and the caller has not disabled this hook via the `enabled` flag.\n  const needsIndividualFetch =\n    enabled &&\n    !isFetched &&\n    keyError === null &&\n    !storeIsLoading &&\n    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.13.0"
+          version: "3.13.3"
         }
       });
     } 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.13.0"
+          version: "3.13.3"
         }
       });
     }

package/esm/core/styles/defaultChartValues.css

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

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

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

package/esm/core/styles/focusRing.css

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

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

@@ -1,7 +1,7 @@
 import "./focusRingStatic.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
 var focusRingColorTokens = { neutral: { outer: "var(--dt-colors-border-neutral-accent, #595a7d)", inner: "var(--dt-colors-border-neutral-default, #dadbe4)" }, primary: { outer: "var(--dt-colors-border-primary-accent, #464cce)", inner: "var(--dt-colors-border-primary-default, #d5dbf6)" }, success: { outer: "var(--dt-colors-border-success-accent, #2d6761)", inner: "var(--dt-colors-border-success-default, #d3dedd)" }, warning: { outer: "var(--dt-colors-border-warning-accent, #855400)", inner: "var(--dt-colors-border-warning-default, #f9ebdb)" }, critical: { outer: "var(--dt-colors-border-critical-accent, #bb0731)", inner: "var(--dt-colors-border-critical-default, #f6d6d5)" } };
-var focusRingStatic = _7a468({ defaultClassName: "_z0fq9b4-3-13-0", variantClassNames: { minimal: { true: "_z0fq9b5-3-13-0", false: "_z0fq9b6-3-13-0" }, disabled: { true: "_z0fq9b7-3-13-0" }, when: { always: "_z0fq9b8-3-13-0", "focus-visible": "_z0fq9b9-3-13-0", "focus-within": "_z0fq9ba-3-13-0", "focus-within-visible": "_z0fq9bb-3-13-0", focus: "_z0fq9bc-3-13-0" }, color: { neutral: "_z0fq9bd-3-13-0", primary: "_z0fq9be-3-13-0", success: "_z0fq9bf-3-13-0", warning: "_z0fq9bg-3-13-0", critical: "_z0fq9bh-3-13-0" } }, defaultVariants: { color: "neutral", minimal: false, when: "focus", disabled: false }, compoundVariants: [] });
+var focusRingStatic = _7a468({ defaultClassName: "_z0fq9b4-3-13-3", variantClassNames: { minimal: { true: "_z0fq9b5-3-13-3", false: "_z0fq9b6-3-13-3" }, disabled: { true: "_z0fq9b7-3-13-3" }, when: { always: "_z0fq9b8-3-13-3", "focus-visible": "_z0fq9b9-3-13-3", "focus-within": "_z0fq9ba-3-13-3", "focus-within-visible": "_z0fq9bb-3-13-3", focus: "_z0fq9bc-3-13-3" }, color: { neutral: "_z0fq9bd-3-13-3", primary: "_z0fq9be-3-13-3", success: "_z0fq9bf-3-13-3", warning: "_z0fq9bg-3-13-3", critical: "_z0fq9bh-3-13-3" } }, defaultVariants: { color: "neutral", minimal: false, when: "focus", disabled: false }, compoundVariants: [] });
 export {
   focusRingColorTokens,
   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 focusRingColorTokens = {neutral:{outer:'var(--dt-colors-border-neutral-accent, #595a7d)',inner:'var(--dt-colors-border-neutral-default, #dadbe4)'},primary:{outer:'var(--dt-colors-border-primary-accent, #464cce)',inner:'var(--dt-colors-border-primary-default, #d5dbf6)'},success:{outer:'var(--dt-colors-border-success-accent, #2d6761)',inner:'var(--dt-colors-border-success-default, #d3dedd)'},warning:{outer:'var(--dt-colors-border-warning-accent, #855400)',inner:'var(--dt-colors-border-warning-default, #f9ebdb)'},critical:{outer:'var(--dt-colors-border-critical-accent, #bb0731)',inner:'var(--dt-colors-border-critical-default, #f6d6d5)'}};\nexport var focusRingStatic = _7a468({defaultClassName:'_z0fq9b4-3-13-0',variantClassNames:{minimal:{true:'_z0fq9b5-3-13-0',false:'_z0fq9b6-3-13-0'},disabled:{true:'_z0fq9b7-3-13-0'},when:{always:'_z0fq9b8-3-13-0','focus-visible':'_z0fq9b9-3-13-0','focus-within':'_z0fq9ba-3-13-0','focus-within-visible':'_z0fq9bb-3-13-0',focus:'_z0fq9bc-3-13-0'},color:{neutral:'_z0fq9bd-3-13-0',primary:'_z0fq9be-3-13-0',success:'_z0fq9bf-3-13-0',warning:'_z0fq9bg-3-13-0',critical:'_z0fq9bh-3-13-0'}},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 focusRingColorTokens = {neutral:{outer:'var(--dt-colors-border-neutral-accent, #595a7d)',inner:'var(--dt-colors-border-neutral-default, #dadbe4)'},primary:{outer:'var(--dt-colors-border-primary-accent, #464cce)',inner:'var(--dt-colors-border-primary-default, #d5dbf6)'},success:{outer:'var(--dt-colors-border-success-accent, #2d6761)',inner:'var(--dt-colors-border-success-default, #d3dedd)'},warning:{outer:'var(--dt-colors-border-warning-accent, #855400)',inner:'var(--dt-colors-border-warning-default, #f9ebdb)'},critical:{outer:'var(--dt-colors-border-critical-accent, #bb0731)',inner:'var(--dt-colors-border-critical-default, #f6d6d5)'}};\nexport var focusRingStatic = _7a468({defaultClassName:'_z0fq9b4-3-13-3',variantClassNames:{minimal:{true:'_z0fq9b5-3-13-3',false:'_z0fq9b6-3-13-3'},disabled:{true:'_z0fq9b7-3-13-3'},when:{always:'_z0fq9b8-3-13-3','focus-visible':'_z0fq9b9-3-13-3','focus-within':'_z0fq9ba-3-13-3','focus-within-visible':'_z0fq9bb-3-13-3',focus:'_z0fq9bc-3-13-3'},color:{neutral:'_z0fq9bd-3-13-3',primary:'_z0fq9be-3-13-3',success:'_z0fq9bf-3-13-3',warning:'_z0fq9bg-3-13-3',critical:'_z0fq9bh-3-13-3'}},defaultVariants:{color:'neutral',minimal:false,when:'focus',disabled:false},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,uBAAuB,EAAC,SAAQ,EAAC,OAAM,mDAAkD,OAAM,mDAAkD,GAAE,SAAQ,EAAC,OAAM,mDAAkD,OAAM,mDAAkD,GAAE,SAAQ,EAAC,OAAM,mDAAkD,OAAM,mDAAkD,GAAE,SAAQ,EAAC,OAAM,mDAAkD,OAAM,mDAAkD,GAAE,UAAS,EAAC,OAAM,oDAAmD,OAAM,oDAAmD,EAAC;AACroB,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-13-0 {
+._9mvxlq0-3-13-3 {
   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-13-0 {
+._9mvxlq1-3-13-3 {
   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-13-0", primary: "_9mvxlq1-3-13-0" };
+var virtualFocus = { neutral: "_9mvxlq0-3-13-3", primary: "_9mvxlq1-3-13-3" };
 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-13-0',primary:'_9mvxlq1-3-13-0'};"],
+  "sourcesContent": ["import './virtualFocus.css';\nexport var virtualFocus = {neutral:'_9mvxlq0-3-13-3',primary:'_9mvxlq1-3-13-3'};"],
   "mappings": "AAAA,OAAO;AACA,IAAI,eAAe,EAAC,SAAQ,mBAAkB,SAAQ,kBAAiB;",
   "names": []
 }

package/esm/core/utils/colorUtils.css

@@ -1,75 +1,75 @@
-._k096v44-3-13-0 {
-  --_k096v40-3-13-0: var(--dt-colors-text-critical-default, #bb0731);
-  --_k096v41-3-13-0: var(--dt-colors-icon-critical-default, #bb0731);
-  --_k096v42-3-13-0: var(--dt-colors-border-critical-default, #f6d6d5);
+._k096v44-3-13-3 {
+  --_k096v40-3-13-3: var(--dt-colors-text-critical-default, #bb0731);
+  --_k096v41-3-13-3: var(--dt-colors-icon-critical-default, #bb0731);
+  --_k096v42-3-13-3: var(--dt-colors-border-critical-default, #f6d6d5);
 }
-._k096v45-3-13-0 {
-  --_k096v40-3-13-0: var(--dt-colors-text-neutral-default, #2f2f4f);
-  --_k096v41-3-13-0: var(--dt-colors-icon-neutral-default, #2f2f4f);
-  --_k096v42-3-13-0: var(--dt-colors-border-neutral-default, #dadbe4);
+._k096v45-3-13-3 {
+  --_k096v40-3-13-3: var(--dt-colors-text-neutral-default, #2f2f4f);
+  --_k096v41-3-13-3: var(--dt-colors-icon-neutral-default, #2f2f4f);
+  --_k096v42-3-13-3: var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._k096v46-3-13-0 {
-  --_k096v40-3-13-0: var(--dt-colors-text-primary-default, #464cce);
-  --_k096v41-3-13-0: var(--dt-colors-icon-primary-default, #464cce);
-  --_k096v42-3-13-0: var(--dt-colors-border-primary-default, #d5dbf6);
+._k096v46-3-13-3 {
+  --_k096v40-3-13-3: var(--dt-colors-text-primary-default, #464cce);
+  --_k096v41-3-13-3: var(--dt-colors-icon-primary-default, #464cce);
+  --_k096v42-3-13-3: var(--dt-colors-border-primary-default, #d5dbf6);
 }
-._k096v47-3-13-0 {
-  --_k096v40-3-13-0: var(--dt-colors-text-success-default, #2d6761);
-  --_k096v41-3-13-0: var(--dt-colors-icon-success-default, #2d6761);
-  --_k096v42-3-13-0: var(--dt-colors-border-success-default, #d3dedd);
+._k096v47-3-13-3 {
+  --_k096v40-3-13-3: var(--dt-colors-text-success-default, #2d6761);
+  --_k096v41-3-13-3: var(--dt-colors-icon-success-default, #2d6761);
+  --_k096v42-3-13-3: var(--dt-colors-border-success-default, #d3dedd);
 }
-._k096v48-3-13-0 {
-  --_k096v40-3-13-0: var(--dt-colors-text-warning-default, #855400);
-  --_k096v41-3-13-0: var(--dt-colors-icon-warning-default, #855400);
-  --_k096v42-3-13-0: var(--dt-colors-border-warning-default, #f9ebdb);
+._k096v48-3-13-3 {
+  --_k096v40-3-13-3: var(--dt-colors-text-warning-default, #855400);
+  --_k096v41-3-13-3: var(--dt-colors-icon-warning-default, #855400);
+  --_k096v42-3-13-3: var(--dt-colors-border-warning-default, #f9ebdb);
 }
-._k096v4d-3-13-0 {
-  --_k096v40-3-13-0: var(--dt-colors-text-primary-on-accent-default, #f4f4fb);
-  --_k096v41-3-13-0: var(--dt-colors-icon-primary-on-accent-default, #f4f4fb);
-  --_k096v42-3-13-0: var(--dt-colors-border-primary-accent, #464cce);
+._k096v4d-3-13-3 {
+  --_k096v40-3-13-3: var(--dt-colors-text-primary-on-accent-default, #f4f4fb);
+  --_k096v41-3-13-3: var(--dt-colors-icon-primary-on-accent-default, #f4f4fb);
+  --_k096v42-3-13-3: var(--dt-colors-border-primary-accent, #464cce);
 }
-._k096v4e-3-13-0 {
-  --_k096v40-3-13-0: var(--dt-colors-text-success-on-accent-default, #f1f4f4);
-  --_k096v41-3-13-0: var(--dt-colors-icon-success-on-accent-default, #f1f4f4);
-  --_k096v42-3-13-0: var(--dt-colors-border-success-accent, #2d6761);
+._k096v4e-3-13-3 {
+  --_k096v40-3-13-3: var(--dt-colors-text-success-on-accent-default, #f1f4f4);
+  --_k096v41-3-13-3: var(--dt-colors-icon-success-on-accent-default, #f1f4f4);
+  --_k096v42-3-13-3: var(--dt-colors-border-success-accent, #2d6761);
 }
-._k096v4f-3-13-0 {
-  --_k096v40-3-13-0: var(--dt-colors-text-warning-on-accent-default, #272024);
-  --_k096v41-3-13-0: var(--dt-colors-icon-warning-on-accent-default, #272024);
-  --_k096v42-3-13-0: var(--dt-colors-border-warning-accent, #855400);
+._k096v4f-3-13-3 {
+  --_k096v40-3-13-3: var(--dt-colors-text-warning-on-accent-default, #272024);
+  --_k096v41-3-13-3: var(--dt-colors-icon-warning-on-accent-default, #272024);
+  --_k096v42-3-13-3: var(--dt-colors-border-warning-accent, #855400);
 }
-._k096v4g-3-13-0 {
-  --_k096v40-3-13-0: var(--dt-colors-text-critical-on-accent-default, #f9f1f3);
-  --_k096v41-3-13-0: var(--dt-colors-icon-critical-on-accent-default, #f9f1f3);
-  --_k096v42-3-13-0: var(--dt-colors-border-critical-accent, #bb0731);
+._k096v4g-3-13-3 {
+  --_k096v40-3-13-3: var(--dt-colors-text-critical-on-accent-default, #f9f1f3);
+  --_k096v41-3-13-3: var(--dt-colors-icon-critical-on-accent-default, #f9f1f3);
+  --_k096v42-3-13-3: var(--dt-colors-border-critical-accent, #bb0731);
 }
-._k096v4h-3-13-0 {
-  --_k096v40-3-13-0: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
-  --_k096v41-3-13-0: var(--dt-colors-icon-neutral-on-accent-default, #f3f3f6);
-  --_k096v42-3-13-0: var(--dt-colors-border-neutral-accent, #595a7d);
+._k096v4h-3-13-3 {
+  --_k096v40-3-13-3: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
+  --_k096v41-3-13-3: var(--dt-colors-icon-neutral-on-accent-default, #f3f3f6);
+  --_k096v42-3-13-3: var(--dt-colors-border-neutral-accent, #595a7d);
 }
-._k096v4i-3-13-0 {
-  --_k096v40-3-13-0: var(--dt-colors-text-primary-disabled, #595a7d80);
-  --_k096v41-3-13-0: var(--dt-colors-icon-primary-disabled, #595a7d80);
-  --_k096v42-3-13-0: var(--dt-colors-border-primary-disabled, #dadbe480);
+._k096v4i-3-13-3 {
+  --_k096v40-3-13-3: var(--dt-colors-text-primary-disabled, #595a7d80);
+  --_k096v41-3-13-3: var(--dt-colors-icon-primary-disabled, #595a7d80);
+  --_k096v42-3-13-3: var(--dt-colors-border-primary-disabled, #dadbe480);
 }
-._k096v4j-3-13-0 {
-  --_k096v40-3-13-0: var(--dt-colors-text-success-disabled, #595a7d80);
-  --_k096v41-3-13-0: var(--dt-colors-icon-success-disabled, #595a7d80);
-  --_k096v42-3-13-0: var(--dt-colors-border-success-disabled, #dadbe480);
+._k096v4j-3-13-3 {
+  --_k096v40-3-13-3: var(--dt-colors-text-success-disabled, #595a7d80);
+  --_k096v41-3-13-3: var(--dt-colors-icon-success-disabled, #595a7d80);
+  --_k096v42-3-13-3: var(--dt-colors-border-success-disabled, #dadbe480);
 }
-._k096v4k-3-13-0 {
-  --_k096v40-3-13-0: var(--dt-colors-text-warning-disabled, #595a7d80);
-  --_k096v41-3-13-0: var(--dt-colors-icon-warning-disabled, #595a7d80);
-  --_k096v42-3-13-0: var(--dt-colors-border-warning-disabled, #dadbe480);
+._k096v4k-3-13-3 {
+  --_k096v40-3-13-3: var(--dt-colors-text-warning-disabled, #595a7d80);
+  --_k096v41-3-13-3: var(--dt-colors-icon-warning-disabled, #595a7d80);
+  --_k096v42-3-13-3: var(--dt-colors-border-warning-disabled, #dadbe480);
 }
-._k096v4l-3-13-0 {
-  --_k096v40-3-13-0: var(--dt-colors-text-critical-disabled, #595a7d80);
-  --_k096v41-3-13-0: var(--dt-colors-icon-critical-disabled, #595a7d80);
-  --_k096v42-3-13-0: var(--dt-colors-border-critical-disabled, #dadbe480);
+._k096v4l-3-13-3 {
+  --_k096v40-3-13-3: var(--dt-colors-text-critical-disabled, #595a7d80);
+  --_k096v41-3-13-3: var(--dt-colors-icon-critical-disabled, #595a7d80);
+  --_k096v42-3-13-3: var(--dt-colors-border-critical-disabled, #dadbe480);
 }
-._k096v4m-3-13-0 {
-  --_k096v40-3-13-0: var(--dt-colors-text-neutral-disabled, #595a7d80);
-  --_k096v41-3-13-0: var(--dt-colors-icon-neutral-disabled, #595a7d80);
-  --_k096v42-3-13-0: var(--dt-colors-border-neutral-disabled, #dadbe480);
+._k096v4m-3-13-3 {
+  --_k096v40-3-13-3: var(--dt-colors-text-neutral-disabled, #595a7d80);
+  --_k096v41-3-13-3: var(--dt-colors-icon-neutral-disabled, #595a7d80);
+  --_k096v42-3-13-3: var(--dt-colors-border-neutral-disabled, #dadbe480);
 }

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-3-13-0", variantClassNames: { color: { critical: "_k096v44-3-13-0", neutral: "_k096v45-3-13-0", primary: "_k096v46-3-13-0", success: "_k096v47-3-13-0", warning: "_k096v48-3-13-0" }, variant: { "default": "_k096v49-3-13-0", accent: "_k096v4a-3-13-0" }, disabled: { true: "_k096v4b-3-13-0", false: "_k096v4c-3-13-0" } }, defaultVariants: {}, compoundVariants: [[{ color: "primary", variant: "accent" }, "_k096v4d-3-13-0"], [{ color: "success", variant: "accent" }, "_k096v4e-3-13-0"], [{ color: "warning", variant: "accent" }, "_k096v4f-3-13-0"], [{ color: "critical", variant: "accent" }, "_k096v4g-3-13-0"], [{ color: "neutral", variant: "accent" }, "_k096v4h-3-13-0"], [{ color: "primary", disabled: true }, "_k096v4i-3-13-0"], [{ color: "success", disabled: true }, "_k096v4j-3-13-0"], [{ color: "warning", disabled: true }, "_k096v4k-3-13-0"], [{ color: "critical", disabled: true }, "_k096v4l-3-13-0"], [{ color: "neutral", disabled: true }, "_k096v4m-3-13-0"]] });
-var colorUtilsVars = { text: "var(--_k096v40-3-13-0)", icon: "var(--_k096v41-3-13-0)", borderColor: "var(--_k096v42-3-13-0)" };
+var colorUtilsCSS = _7a468({ defaultClassName: "_k096v43-3-13-3", variantClassNames: { color: { critical: "_k096v44-3-13-3", neutral: "_k096v45-3-13-3", primary: "_k096v46-3-13-3", success: "_k096v47-3-13-3", warning: "_k096v48-3-13-3" }, variant: { "default": "_k096v49-3-13-3", accent: "_k096v4a-3-13-3" }, disabled: { true: "_k096v4b-3-13-3", false: "_k096v4c-3-13-3" } }, defaultVariants: {}, compoundVariants: [[{ color: "primary", variant: "accent" }, "_k096v4d-3-13-3"], [{ color: "success", variant: "accent" }, "_k096v4e-3-13-3"], [{ color: "warning", variant: "accent" }, "_k096v4f-3-13-3"], [{ color: "critical", variant: "accent" }, "_k096v4g-3-13-3"], [{ color: "neutral", variant: "accent" }, "_k096v4h-3-13-3"], [{ color: "primary", disabled: true }, "_k096v4i-3-13-3"], [{ color: "success", disabled: true }, "_k096v4j-3-13-3"], [{ color: "warning", disabled: true }, "_k096v4k-3-13-3"], [{ color: "critical", disabled: true }, "_k096v4l-3-13-3"], [{ color: "neutral", disabled: true }, "_k096v4m-3-13-3"]] });
+var colorUtilsVars = { text: "var(--_k096v40-3-13-3)", icon: "var(--_k096v41-3-13-3)", borderColor: "var(--_k096v42-3-13-3)" };
 export {
   colorUtilsCSS,
   colorUtilsVars