@dynatrace/strato-components 3.6.0 → 3.7.1

package/esm/core/time/timeframeStore/actions/timeframeSelector.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/core/time/timeframeStore/actions/timeframeSelector.ts"],
-  "sourcesContent": ["import { TZDateMini } from '@date-fns/tz';\nimport { endOfDay, startOfDay } from 'date-fns';\nimport type { DebouncedFunc } from 'lodash-es';\nimport type { Dispatch, RefObject } from 'react';\nimport type { StoreApi } from 'zustand';\n\nimport { getTimezone } from '@dynatrace-sdk/user-preferences';\n\nimport { getTimeframeFromCalendarSelection } from './calendar.js';\nimport { focusElementWithRetry } from '../../../../forms/date-time-picker/utils/focusDateTimeInput.js';\nimport type { FormFieldMessagesReducerAction } from '../../../../forms/forms-core/state/formfield-messages-state-reducer.js';\nimport {\n  removePrecision,\n  removePrecisionFromTimeFrame,\n} from '../../../../forms/forms-core/time/timeParser.js';\nimport type { TimeRangePickerRef } from '../../../../forms/shared-types.js';\nimport { type Timeframe } from '../../../types/time.js';\nimport {\n  isFullTimeframe,\n  isTimeValue,\n  mergeRangeValue,\n} from '../../helpers.js';\nimport { validate } from '../../validation.js';\nimport type { ValidateOptions } from '../../validation.js';\nimport type {\n  TimeframeSelectorState,\n  TimeframeSelectorStoreActions,\n} from '../timeframeSelector.types.js';\n\n/**\n * Handles setting the TimeframeSelector timeframe value.\n * Validates the input, calls onChange callback, closes the selector,\n * and updates all related state (selector, calendar, dateTimePicker).\n * @internal\n */\nfunction handleTimeframeSelectorTimeframeChange(\n  inputValue: Timeframe | null,\n  state: TimeframeSelectorState,\n  isControlled: boolean,\n  timeframeSelectorRef: RefObject<TimeRangePickerRef>,\n  formFieldMessagesDispatch?: Dispatch<FormFieldMessagesReducerAction>,\n  onChangeProp?: (value: Timeframe | null) => void,\n  errorMessages?: ValidateOptions['errorMessages'],\n): Partial<TimeframeSelectorState> {\n  const timeframeWithPrecision =\n    removePrecisionFromTimeFrame(inputValue, state.precision) ?? null;\n\n  const value = isFullTimeframe(timeframeWithPrecision)\n    ? timeframeWithPrecision\n    : null;\n\n  onChangeProp?.(value);\n  timeframeSelectorRef.current?.close();\n\n  if (isControlled) {\n    return state;\n  }\n\n  const error = validate(timeframeWithPrecision, state.min, state.max, {\n    formMessageDispatch: formFieldMessagesDispatch,\n    formerError: state.timeframeSelectorError,\n    precision: state.precision,\n    showError: false,\n    checkOrder: true,\n    ref: timeframeSelectorRef,\n    expectedFormat: state.formatString,\n    valueMode: 'timeframeSelector',\n    required: state.required,\n    errorMessages,\n  });\n\n  return {\n    timeframeSelectorTimeframe: value,\n    calendarValue: value ?? timeframeWithPrecision,\n    dateTimeRangePickerTimeframe: value ?? timeframeWithPrecision,\n    timeframeSelectorError: error,\n    calendarError: error,\n    dateTimeRangePickerError: error,\n  };\n}\n\n/**\n * Handles setting the previous timeframe value.\n * Used for tracking the last valid timeframe before changes.\n * @internal\n */\nfunction handlePreviousTimeframeChange(\n  value: Timeframe | null,\n): Partial<TimeframeSelectorState> {\n  return {\n    referenceTimeframe: value,\n  };\n}\n\nfunction isFullDayTimeframe(\n  timeframe: Timeframe,\n  state: TimeframeSelectorState,\n): boolean {\n  const timeZone = getTimezone();\n  const to = new TZDateMini(timeframe.to.absoluteDate, timeZone);\n  const from = new TZDateMini(timeframe.from.absoluteDate, timeZone);\n\n  const isToAtEndOfDay =\n    removePrecision(endOfDay(to).toISOString(), state.precision) ===\n    removePrecision(timeframe.to.absoluteDate, state.precision);\n  const isToAtMax = state.max?.absoluteDate === to.toISOString();\n\n  const isFromAtStartOfDay =\n    removePrecision(startOfDay(from).toISOString(), state.precision) ===\n    removePrecision(timeframe.from.absoluteDate, state.precision);\n  const isFromAtMin = state.min?.absoluteDate === from.toISOString();\n\n  return Boolean(\n    (isToAtEndOfDay || isToAtMax) && (isFromAtStartOfDay || isFromAtMin),\n  );\n}\n\n/**\n * Creates actions for the TimeframeSelector store using the slice action handlers.\n * @internal\n */\nexport function getTimeframeSelectorActions(\n  isControlled: boolean,\n  timeframeSelectorRef: RefObject<TimeRangePickerRef>,\n  formFieldMessagesDispatch?: Dispatch<FormFieldMessagesReducerAction>,\n  onChangeProp?: ((value: Timeframe | null) => void) | undefined,\n  debouncedOnChangeRef?: RefObject<\n    DebouncedFunc<(timeframe: Timeframe | null) => void>\n  >,\n  errorMessages?: ValidateOptions['errorMessages'],\n) {\n  const actions = (\n    set: StoreApi<\n      TimeframeSelectorState & TimeframeSelectorStoreActions\n    >['setState'],\n  ): TimeframeSelectorStoreActions => {\n    return {\n      setCalendarValue: (inputValue) => {\n        set((state) => {\n          const calendarValue = getTimeframeFromCalendarSelection(\n            inputValue,\n            state,\n          );\n\n          if (isFullTimeframe(calendarValue)) {\n            state.dateTimeRangePickerRef?.current?.close();\n            const isFullDay = isFullDayTimeframe(calendarValue, state);\n\n            focusElementWithRetry(\n              () =>\n                state.dateTimeFromRef.current?.spinButtonHandlers.get('hour')\n                  ?.element.current,\n              state.dateTimeFromRef,\n            );\n\n            return {\n              calendarValue,\n              dateTimeRangePickerTimeframe: calendarValue,\n              isFullDay,\n            };\n          }\n\n          return { calendarValue, isFullDay: false };\n        });\n      },\n      setDateTimeRangePickerTimeframe: (value) => {\n        return set((state) => {\n          // Full clear: null resets both fields to null and errors to undefined\n          if (value === null) {\n            return {\n              dateTimeRangePickerTimeframe: null,\n              calendarValue: null,\n              dateTimeRangePickerError: undefined,\n              calendarError: undefined,\n            };\n          }\n\n          const merged = mergeRangeValue(\n            state.dateTimeRangePickerTimeframe,\n            value,\n          );\n\n          const timeframeWithPrecision =\n            removePrecisionFromTimeFrame(merged, state.precision) ?? null;\n\n          const isPartialFrom =\n            isTimeValue(merged.from) && merged.from.absoluteDate === '';\n          const isPartialTo =\n            isTimeValue(merged.to) && merged.to.absoluteDate === '';\n\n          // For partial values while editing we trigger onChange with '' to inform\n          // the user that the current value is invalid, but not empty.\n          if (isPartialFrom || isPartialTo) {\n            const errorKey = validate(\n              timeframeWithPrecision,\n              state.min,\n              state.max,\n              {\n                formerError: state.dateTimeRangePickerError,\n                precision: state.precision,\n                showError: false,\n                checkOrder: true,\n                ref: state.dateTimeRangePickerRef,\n                expectedFormat: state.formatString,\n                valueMode: 'timeframeSelector',\n                required: state.required,\n                errorMessages,\n              },\n            );\n\n            const calendarValue = {\n              from: isPartialFrom ? null : timeframeWithPrecision?.from ?? null,\n              to: isPartialTo ? null : timeframeWithPrecision?.to ?? null,\n            };\n\n            return {\n              dateTimeRangePickerTimeframe: timeframeWithPrecision,\n              calendarValue,\n              calendarError: errorKey,\n              dateTimeRangePickerError: errorKey,\n            };\n          }\n\n          const dateTimeRangePickerError = validate(\n            timeframeWithPrecision,\n            state.min,\n            state.max,\n            {\n              formerError: state.dateTimeRangePickerError,\n              precision: state.precision,\n              showError: false,\n              checkOrder: true,\n              ref: state.dateTimeRangePickerRef,\n              expectedFormat: state.formatString,\n              valueMode: 'timeframeSelector',\n              required: state.required,\n              errorMessages,\n            },\n          );\n\n          return {\n            dateTimeRangePickerTimeframe: timeframeWithPrecision,\n            calendarValue: timeframeWithPrecision,\n            calendarError: dateTimeRangePickerError,\n            dateTimeRangePickerError,\n          };\n        });\n      },\n      setTimeframeSelectorTimeframe: (inputValue) => {\n        debouncedOnChangeRef?.current?.cancel();\n        return set((state) =>\n          handleTimeframeSelectorTimeframeChange(\n            inputValue,\n            state,\n            isControlled,\n            timeframeSelectorRef,\n            formFieldMessagesDispatch,\n            onChangeProp,\n            errorMessages,\n          ),\n        );\n      },\n      setReferenceTimeframe: (value) => {\n        set(() => handlePreviousTimeframeChange(value));\n      },\n      setStepperValue: (value) => {\n        set(() => {\n          debouncedOnChangeRef?.current?.(value);\n          return {\n            timeframeSelectorTimeframe: value,\n            calendarValue: value,\n            dateTimeRangePickerTimeframe: value,\n          };\n        });\n      },\n      clearCalendarValue: () => {\n        set((state) => {\n          if (\n            !state.calendarValue ||\n            (state.calendarValue.from && state.calendarValue.to)\n          ) {\n            return state;\n          }\n\n          if (\n            state.dateTimeRangePickerTimeframe?.from &&\n            state.dateTimeRangePickerTimeframe?.to\n          ) {\n            return { calendarValue: state.dateTimeRangePickerTimeframe };\n          }\n\n          // in case of a partial value, we want to clear the calendar selection entirely to avoid confusion\n          return { calendarValue: null };\n        });\n      },\n    };\n  };\n\n  return actions;\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { TZDateMini } from '@date-fns/tz';\nimport { endOfDay, startOfDay } from 'date-fns';\nimport type { DebouncedFunc } from 'lodash-es';\nimport type { Dispatch, RefObject } from 'react';\nimport type { StoreApi } from 'zustand';\n\nimport { getTimezone } from '@dynatrace-sdk/user-preferences';\n\nimport { getTimeframeFromCalendarSelection } from './calendar.js';\nimport {\n  applySetToNow,\n  closeCalendarAndFocusInput,\n  handleClearCalendarValue,\n} from './helpers.js';\nimport type { FormFieldMessagesReducerAction } from '../../../../forms/forms-core/state/formfield-messages-state-reducer.js';\nimport { sortTimeframeValues } from '../../../../forms/forms-core/time/helpers.js';\nimport {\n  removePrecision,\n  removePrecisionFromTimeFrame,\n} from '../../../../forms/forms-core/time/timeParser.js';\nimport type { TimeRangePickerRef } from '../../../../forms/shared-types.js';\nimport { type Timeframe } from '../../../types/time.js';\nimport {\n  isFullTimeframe,\n  isNowTimeValue,\n  isTimeValue,\n  mergeRangeValue,\n} from '../../helpers.js';\nimport { isOutOfBounds, validate } from '../../validation.js';\nimport type { ValidateOptions } from '../../validation.js';\nimport type {\n  TimeframeSelectorState,\n  TimeframeSelectorStoreActions,\n} from '../timeframeSelector.types.js';\n\n/**\n * Handles setting the TimeframeSelector timeframe value.\n * Validates the input, calls onChange callback, closes the selector,\n * and updates all related state (selector, calendar, dateTimePicker).\n * @internal\n */\nfunction handleTimeframeSelectorTimeframeChange(\n  inputValue: Timeframe | null,\n  state: TimeframeSelectorState,\n  isControlled: boolean,\n  timeframeSelectorRef: RefObject<TimeRangePickerRef>,\n  formFieldMessagesDispatch?: Dispatch<FormFieldMessagesReducerAction>,\n  onChangeProp?: (value: Timeframe | null) => void,\n  errorMessages?: ValidateOptions['errorMessages'],\n): Partial<TimeframeSelectorState> {\n  const timeframeWithPrecision =\n    removePrecisionFromTimeFrame(inputValue, state.precision) ?? null;\n\n  const value = isFullTimeframe(timeframeWithPrecision)\n    ? timeframeWithPrecision\n    : null;\n\n  onChangeProp?.(value);\n  timeframeSelectorRef.current?.close();\n\n  if (isControlled) {\n    return state;\n  }\n\n  const error = validate(timeframeWithPrecision, state.min, state.max, {\n    formMessageDispatch: formFieldMessagesDispatch,\n    formerError: state.timeframeSelectorError,\n    precision: state.precision,\n    showError: false,\n    checkOrder: true,\n    ref: timeframeSelectorRef,\n    expectedFormat: state.formatString,\n    valueMode: 'timeframeSelector',\n    required: state.required,\n    errorMessages,\n  });\n\n  return {\n    timeframeSelectorTimeframe: value,\n    calendarValue: value ?? timeframeWithPrecision,\n    dateTimeRangePickerTimeframe: value ?? timeframeWithPrecision,\n    referenceTimeframe: null,\n    timeframeSelectorError: error,\n    calendarError: error,\n    dateTimeRangePickerError: error,\n  };\n}\n\n/**\n * Handles setting the previous timeframe value.\n * Used for tracking the last valid timeframe before changes.\n * @internal\n */\nfunction handlePreviousTimeframeChange(\n  value: Timeframe | null,\n): Partial<TimeframeSelectorState> {\n  return {\n    referenceTimeframe: value,\n  };\n}\n\nfunction isFullDayTimeframe(\n  timeframe: Timeframe,\n  state: TimeframeSelectorState,\n): boolean {\n  const timeZone = getTimezone();\n  const to = new TZDateMini(timeframe.to.absoluteDate, timeZone);\n  const from = new TZDateMini(timeframe.from.absoluteDate, timeZone);\n\n  const isToAtEndOfDay =\n    removePrecision(endOfDay(to).toISOString(), state.precision) ===\n    removePrecision(timeframe.to.absoluteDate, state.precision);\n  const isToAtMax = state.max?.absoluteDate === to.toISOString();\n\n  const isFromAtStartOfDay =\n    removePrecision(startOfDay(from).toISOString(), state.precision) ===\n    removePrecision(timeframe.from.absoluteDate, state.precision);\n  const isFromAtMin = state.min?.absoluteDate === from.toISOString();\n\n  return Boolean(\n    (isToAtEndOfDay || isToAtMax) && (isFromAtStartOfDay || isFromAtMin),\n  );\n}\n\n/**\n * Creates actions for the TimeframeSelector store using the slice action handlers.\n * @internal\n */\nexport function getTimeframeSelectorActions(\n  isControlled: boolean,\n  timeframeSelectorRef: RefObject<TimeRangePickerRef>,\n  formFieldMessagesDispatch?: Dispatch<FormFieldMessagesReducerAction>,\n  onChangeProp?: ((value: Timeframe | null) => void) | undefined,\n  debouncedOnChangeRef?: RefObject<\n    DebouncedFunc<(timeframe: Timeframe | null) => void>\n  >,\n  errorMessages?: ValidateOptions['errorMessages'],\n) {\n  const actions = (\n    set: StoreApi<\n      TimeframeSelectorState & TimeframeSelectorStoreActions\n    >['setState'],\n  ): TimeframeSelectorStoreActions => {\n    return {\n      setCalendarValue: (inputValue) => {\n        set((state) => {\n          // TimeValue input (e.g. a \"now\" expression): apply it as the \"to\" boundary directly.\n          if (isTimeValue(inputValue) && inputValue.value === 'now()') {\n            const update = applySetToNow(state, {\n              validateMode: 'timeframeSelector',\n              errorMessages,\n            });\n            // nowInserted: true only in the \"pending\" case \u2014 button clicked with no existing\n            // from, so calendar stays open waiting for the complementary boundary.\n            const nowInserted =\n              'dateTimeRangePickerTimeframe' in update &&\n              !update.dateTimeRangePickerTimeframe?.from &&\n              isNowTimeValue(update.dateTimeRangePickerTimeframe?.to);\n\n            return {\n              timeframeSelectorError: undefined,\n              isFullDay: false,\n              ...update,\n              nowInserted,\n            };\n          }\n\n          const calendarValue = getTimeframeFromCalendarSelection(\n            inputValue,\n            state,\n          );\n\n          const nowIsOutOfBounds =\n            isOutOfBounds(\n              'now',\n              isNowTimeValue(state.min) ? null : state.min,\n              isNowTimeValue(state.max) ? null : state.max,\n            ) !== undefined;\n\n          // The user set `to = now` (via button or typing) without a `from` yet.\n          // When they click a calendar date, pair it with the existing `to = now`.\n          if (\n            !nowIsOutOfBounds &&\n            !state.dateTimeRangePickerTimeframe?.from &&\n            state.dateTimeRangePickerTimeframe?.to &&\n            isNowTimeValue(state.dateTimeRangePickerTimeframe?.to) &&\n            calendarValue?.from &&\n            !calendarValue?.to\n          ) {\n            const timeframe = sortTimeframeValues(\n              {\n                from: calendarValue.from,\n                to: state.dateTimeRangePickerTimeframe.to,\n              },\n              state.min,\n              state.max,\n              state.precision,\n            );\n            closeCalendarAndFocusInput(\n              state.dateTimeRangePickerRef,\n              state.dateTimeFromRef,\n            );\n\n            return {\n              calendarValue: timeframe,\n              dateTimeRangePickerTimeframe: timeframe,\n              calendarError: undefined,\n              dateTimeRangePickerError: undefined,\n              timeframeSelectorError: undefined,\n              isFullDay: false,\n              nowInserted: false,\n            };\n          }\n\n          if (isFullTimeframe(calendarValue)) {\n            const isFullDay = isFullDayTimeframe(calendarValue, state);\n            closeCalendarAndFocusInput(\n              state.dateTimeRangePickerRef,\n              state.dateTimeFromRef,\n            );\n\n            return {\n              calendarValue,\n              dateTimeRangePickerTimeframe: calendarValue,\n              isFullDay,\n              nowInserted: false,\n            };\n          }\n\n          return { calendarValue, isFullDay: false, nowInserted: false };\n        });\n      },\n      setDateTimeRangePickerTimeframe: (value) => {\n        return set((state) => {\n          // Full clear: null resets both fields to null and errors to undefined\n          if (value === null) {\n            return {\n              dateTimeRangePickerTimeframe: null,\n              calendarValue: null,\n              dateTimeRangePickerError: undefined,\n              calendarError: undefined,\n              nowInserted: false,\n            };\n          }\n\n          const merged = mergeRangeValue(\n            state.dateTimeRangePickerTimeframe,\n            value,\n          );\n\n          const timeframeWithPrecision =\n            removePrecisionFromTimeFrame(merged, state.precision) ?? null;\n\n          const isPartialFrom =\n            isTimeValue(merged.from) && merged.from.absoluteDate === '';\n          const isPartialTo =\n            isTimeValue(merged.to) && merged.to.absoluteDate === '';\n\n          // For partial values while editing we trigger onChange with '' to inform\n          // the user that the current value is invalid, but not empty.\n          if (isPartialFrom || isPartialTo) {\n            const errorKey = validate(\n              timeframeWithPrecision,\n              state.min,\n              state.max,\n              {\n                formerError: state.dateTimeRangePickerError,\n                precision: state.precision,\n                showError: false,\n                checkOrder: true,\n                ref: state.dateTimeRangePickerRef,\n                expectedFormat: state.formatString,\n                valueMode: 'timeframeSelector',\n                required: state.required,\n                errorMessages,\n              },\n            );\n\n            const calendarValue = {\n              from: isPartialFrom ? null : timeframeWithPrecision?.from ?? null,\n              to: isPartialTo ? null : timeframeWithPrecision?.to ?? null,\n            };\n\n            return {\n              dateTimeRangePickerTimeframe: timeframeWithPrecision,\n              calendarValue,\n              calendarError: errorKey,\n              dateTimeRangePickerError: errorKey,\n            };\n          }\n\n          const dateTimeRangePickerError = validate(\n            timeframeWithPrecision,\n            state.min,\n            state.max,\n            {\n              formerError: state.dateTimeRangePickerError,\n              precision: state.precision,\n              showError: false,\n              checkOrder: true,\n              ref: state.dateTimeRangePickerRef,\n              expectedFormat: state.formatString,\n              valueMode: 'timeframeSelector',\n              required: state.required,\n              errorMessages,\n            },\n          );\n\n          return {\n            dateTimeRangePickerTimeframe: timeframeWithPrecision,\n            calendarValue: timeframeWithPrecision,\n            calendarError: dateTimeRangePickerError,\n            dateTimeRangePickerError,\n          };\n        });\n      },\n      setTimeframeSelectorTimeframe: (inputValue) => {\n        debouncedOnChangeRef?.current?.cancel();\n        return set((state) =>\n          handleTimeframeSelectorTimeframeChange(\n            inputValue,\n            state,\n            isControlled,\n            timeframeSelectorRef,\n            formFieldMessagesDispatch,\n            onChangeProp,\n            errorMessages,\n          ),\n        );\n      },\n      setReferenceTimeframe: (value) => {\n        set(() => handlePreviousTimeframeChange(value));\n      },\n      setStepperValue: (value) => {\n        set((state) => {\n          debouncedOnChangeRef?.current?.(value);\n          if (isControlled) {\n            return state;\n          }\n          return {\n            timeframeSelectorTimeframe: value,\n            calendarValue: value,\n            dateTimeRangePickerTimeframe: value,\n          };\n        });\n      },\n      clearCalendarValue: () => {\n        set((state) => handleClearCalendarValue(state));\n      },\n    };\n  };\n\n  return actions;\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/core/utils/colorUtils.css

@@ -1,75 +1,75 @@
-._k096v44-3-6-0 {
-  --_k096v40-3-6-0: var(--dt-colors-text-critical-default, #bb0731);
-  --_k096v41-3-6-0: var(--dt-colors-icon-critical-default, #bb0731);
-  --_k096v42-3-6-0: var(--dt-colors-border-critical-default, #f6d6d5);
+._k096v44-3-7-1 {
+  --_k096v40-3-7-1: var(--dt-colors-text-critical-default, #bb0731);
+  --_k096v41-3-7-1: var(--dt-colors-icon-critical-default, #bb0731);
+  --_k096v42-3-7-1: var(--dt-colors-border-critical-default, #f6d6d5);
 }
-._k096v45-3-6-0 {
-  --_k096v40-3-6-0: var(--dt-colors-text-neutral-default, #2f2f4f);
-  --_k096v41-3-6-0: var(--dt-colors-icon-neutral-default, #2f2f4f);
-  --_k096v42-3-6-0: var(--dt-colors-border-neutral-default, #dadbe4);
+._k096v45-3-7-1 {
+  --_k096v40-3-7-1: var(--dt-colors-text-neutral-default, #2f2f4f);
+  --_k096v41-3-7-1: var(--dt-colors-icon-neutral-default, #2f2f4f);
+  --_k096v42-3-7-1: var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._k096v46-3-6-0 {
-  --_k096v40-3-6-0: var(--dt-colors-text-primary-default, #464cce);
-  --_k096v41-3-6-0: var(--dt-colors-icon-primary-default, #464cce);
-  --_k096v42-3-6-0: var(--dt-colors-border-primary-default, #d5dbf6);
+._k096v46-3-7-1 {
+  --_k096v40-3-7-1: var(--dt-colors-text-primary-default, #464cce);
+  --_k096v41-3-7-1: var(--dt-colors-icon-primary-default, #464cce);
+  --_k096v42-3-7-1: var(--dt-colors-border-primary-default, #d5dbf6);
 }
-._k096v47-3-6-0 {
-  --_k096v40-3-6-0: var(--dt-colors-text-success-default, #2d6761);
-  --_k096v41-3-6-0: var(--dt-colors-icon-success-default, #2d6761);
-  --_k096v42-3-6-0: var(--dt-colors-border-success-default, #d3dedd);
+._k096v47-3-7-1 {
+  --_k096v40-3-7-1: var(--dt-colors-text-success-default, #2d6761);
+  --_k096v41-3-7-1: var(--dt-colors-icon-success-default, #2d6761);
+  --_k096v42-3-7-1: var(--dt-colors-border-success-default, #d3dedd);
 }
-._k096v48-3-6-0 {
-  --_k096v40-3-6-0: var(--dt-colors-text-warning-default, #855400);
-  --_k096v41-3-6-0: var(--dt-colors-icon-warning-default, #855400);
-  --_k096v42-3-6-0: var(--dt-colors-border-warning-default, #f9ebdb);
+._k096v48-3-7-1 {
+  --_k096v40-3-7-1: var(--dt-colors-text-warning-default, #855400);
+  --_k096v41-3-7-1: var(--dt-colors-icon-warning-default, #855400);
+  --_k096v42-3-7-1: var(--dt-colors-border-warning-default, #f9ebdb);
 }
-._k096v4d-3-6-0 {
-  --_k096v40-3-6-0: var(--dt-colors-text-primary-on-accent-default, #f4f4fb);
-  --_k096v41-3-6-0: var(--dt-colors-icon-primary-on-accent-default, #f4f4fb);
-  --_k096v42-3-6-0: var(--dt-colors-border-primary-accent, #464cce);
+._k096v4d-3-7-1 {
+  --_k096v40-3-7-1: var(--dt-colors-text-primary-on-accent-default, #f4f4fb);
+  --_k096v41-3-7-1: var(--dt-colors-icon-primary-on-accent-default, #f4f4fb);
+  --_k096v42-3-7-1: var(--dt-colors-border-primary-accent, #464cce);
 }
-._k096v4e-3-6-0 {
-  --_k096v40-3-6-0: var(--dt-colors-text-success-on-accent-default, #f1f4f4);
-  --_k096v41-3-6-0: var(--dt-colors-icon-success-on-accent-default, #f1f4f4);
-  --_k096v42-3-6-0: var(--dt-colors-border-success-accent, #2d6761);
+._k096v4e-3-7-1 {
+  --_k096v40-3-7-1: var(--dt-colors-text-success-on-accent-default, #f1f4f4);
+  --_k096v41-3-7-1: var(--dt-colors-icon-success-on-accent-default, #f1f4f4);
+  --_k096v42-3-7-1: var(--dt-colors-border-success-accent, #2d6761);
 }
-._k096v4f-3-6-0 {
-  --_k096v40-3-6-0: var(--dt-colors-text-warning-on-accent-default, #272024);
-  --_k096v41-3-6-0: var(--dt-colors-icon-warning-on-accent-default, #272024);
-  --_k096v42-3-6-0: var(--dt-colors-border-warning-accent, #855400);
+._k096v4f-3-7-1 {
+  --_k096v40-3-7-1: var(--dt-colors-text-warning-on-accent-default, #272024);
+  --_k096v41-3-7-1: var(--dt-colors-icon-warning-on-accent-default, #272024);
+  --_k096v42-3-7-1: var(--dt-colors-border-warning-accent, #855400);
 }
-._k096v4g-3-6-0 {
-  --_k096v40-3-6-0: var(--dt-colors-text-critical-on-accent-default, #f9f1f3);
-  --_k096v41-3-6-0: var(--dt-colors-icon-critical-on-accent-default, #f9f1f3);
-  --_k096v42-3-6-0: var(--dt-colors-border-critical-accent, #bb0731);
+._k096v4g-3-7-1 {
+  --_k096v40-3-7-1: var(--dt-colors-text-critical-on-accent-default, #f9f1f3);
+  --_k096v41-3-7-1: var(--dt-colors-icon-critical-on-accent-default, #f9f1f3);
+  --_k096v42-3-7-1: var(--dt-colors-border-critical-accent, #bb0731);
 }
-._k096v4h-3-6-0 {
-  --_k096v40-3-6-0: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
-  --_k096v41-3-6-0: var(--dt-colors-icon-neutral-on-accent-default, #f3f3f6);
-  --_k096v42-3-6-0: var(--dt-colors-border-neutral-accent, #595a7d);
+._k096v4h-3-7-1 {
+  --_k096v40-3-7-1: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
+  --_k096v41-3-7-1: var(--dt-colors-icon-neutral-on-accent-default, #f3f3f6);
+  --_k096v42-3-7-1: var(--dt-colors-border-neutral-accent, #595a7d);
 }
-._k096v4i-3-6-0 {
-  --_k096v40-3-6-0: var(--dt-colors-text-primary-disabled, #595a7d80);
-  --_k096v41-3-6-0: var(--dt-colors-icon-primary-disabled, #595a7d80);
-  --_k096v42-3-6-0: var(--dt-colors-border-primary-disabled, #dadbe480);
+._k096v4i-3-7-1 {
+  --_k096v40-3-7-1: var(--dt-colors-text-primary-disabled, #595a7d80);
+  --_k096v41-3-7-1: var(--dt-colors-icon-primary-disabled, #595a7d80);
+  --_k096v42-3-7-1: var(--dt-colors-border-primary-disabled, #dadbe480);
 }
-._k096v4j-3-6-0 {
-  --_k096v40-3-6-0: var(--dt-colors-text-success-disabled, #595a7d80);
-  --_k096v41-3-6-0: var(--dt-colors-icon-success-disabled, #595a7d80);
-  --_k096v42-3-6-0: var(--dt-colors-border-success-disabled, #dadbe480);
+._k096v4j-3-7-1 {
+  --_k096v40-3-7-1: var(--dt-colors-text-success-disabled, #595a7d80);
+  --_k096v41-3-7-1: var(--dt-colors-icon-success-disabled, #595a7d80);
+  --_k096v42-3-7-1: var(--dt-colors-border-success-disabled, #dadbe480);
 }
-._k096v4k-3-6-0 {
-  --_k096v40-3-6-0: var(--dt-colors-text-warning-disabled, #595a7d80);
-  --_k096v41-3-6-0: var(--dt-colors-icon-warning-disabled, #595a7d80);
-  --_k096v42-3-6-0: var(--dt-colors-border-warning-disabled, #dadbe480);
+._k096v4k-3-7-1 {
+  --_k096v40-3-7-1: var(--dt-colors-text-warning-disabled, #595a7d80);
+  --_k096v41-3-7-1: var(--dt-colors-icon-warning-disabled, #595a7d80);
+  --_k096v42-3-7-1: var(--dt-colors-border-warning-disabled, #dadbe480);
 }
-._k096v4l-3-6-0 {
-  --_k096v40-3-6-0: var(--dt-colors-text-critical-disabled, #595a7d80);
-  --_k096v41-3-6-0: var(--dt-colors-icon-critical-disabled, #595a7d80);
-  --_k096v42-3-6-0: var(--dt-colors-border-critical-disabled, #dadbe480);
+._k096v4l-3-7-1 {
+  --_k096v40-3-7-1: var(--dt-colors-text-critical-disabled, #595a7d80);
+  --_k096v41-3-7-1: var(--dt-colors-icon-critical-disabled, #595a7d80);
+  --_k096v42-3-7-1: var(--dt-colors-border-critical-disabled, #dadbe480);
 }
-._k096v4m-3-6-0 {
-  --_k096v40-3-6-0: var(--dt-colors-text-neutral-disabled, #595a7d80);
-  --_k096v41-3-6-0: var(--dt-colors-icon-neutral-disabled, #595a7d80);
-  --_k096v42-3-6-0: var(--dt-colors-border-neutral-disabled, #dadbe480);
+._k096v4m-3-7-1 {
+  --_k096v40-3-7-1: var(--dt-colors-text-neutral-disabled, #595a7d80);
+  --_k096v41-3-7-1: var(--dt-colors-icon-neutral-disabled, #595a7d80);
+  --_k096v42-3-7-1: 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-6-0", variantClassNames: { color: { critical: "_k096v44-3-6-0", neutral: "_k096v45-3-6-0", primary: "_k096v46-3-6-0", success: "_k096v47-3-6-0", warning: "_k096v48-3-6-0" }, variant: { "default": "_k096v49-3-6-0", accent: "_k096v4a-3-6-0" }, disabled: { true: "_k096v4b-3-6-0", false: "_k096v4c-3-6-0" } }, defaultVariants: {}, compoundVariants: [[{ color: "primary", variant: "accent" }, "_k096v4d-3-6-0"], [{ color: "success", variant: "accent" }, "_k096v4e-3-6-0"], [{ color: "warning", variant: "accent" }, "_k096v4f-3-6-0"], [{ color: "critical", variant: "accent" }, "_k096v4g-3-6-0"], [{ color: "neutral", variant: "accent" }, "_k096v4h-3-6-0"], [{ color: "primary", disabled: true }, "_k096v4i-3-6-0"], [{ color: "success", disabled: true }, "_k096v4j-3-6-0"], [{ color: "warning", disabled: true }, "_k096v4k-3-6-0"], [{ color: "critical", disabled: true }, "_k096v4l-3-6-0"], [{ color: "neutral", disabled: true }, "_k096v4m-3-6-0"]] });
-var colorUtilsVars = { text: "var(--_k096v40-3-6-0)", icon: "var(--_k096v41-3-6-0)", borderColor: "var(--_k096v42-3-6-0)" };
+var colorUtilsCSS = _7a468({ defaultClassName: "_k096v43-3-7-1", variantClassNames: { color: { critical: "_k096v44-3-7-1", neutral: "_k096v45-3-7-1", primary: "_k096v46-3-7-1", success: "_k096v47-3-7-1", warning: "_k096v48-3-7-1" }, variant: { "default": "_k096v49-3-7-1", accent: "_k096v4a-3-7-1" }, disabled: { true: "_k096v4b-3-7-1", false: "_k096v4c-3-7-1" } }, defaultVariants: {}, compoundVariants: [[{ color: "primary", variant: "accent" }, "_k096v4d-3-7-1"], [{ color: "success", variant: "accent" }, "_k096v4e-3-7-1"], [{ color: "warning", variant: "accent" }, "_k096v4f-3-7-1"], [{ color: "critical", variant: "accent" }, "_k096v4g-3-7-1"], [{ color: "neutral", variant: "accent" }, "_k096v4h-3-7-1"], [{ color: "primary", disabled: true }, "_k096v4i-3-7-1"], [{ color: "success", disabled: true }, "_k096v4j-3-7-1"], [{ color: "warning", disabled: true }, "_k096v4k-3-7-1"], [{ color: "critical", disabled: true }, "_k096v4l-3-7-1"], [{ color: "neutral", disabled: true }, "_k096v4m-3-7-1"]] });
+var colorUtilsVars = { text: "var(--_k096v40-3-7-1)", icon: "var(--_k096v41-3-7-1)", borderColor: "var(--_k096v42-3-7-1)" };
 export {
   colorUtilsCSS,
   colorUtilsVars

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/core/utils/colorUtils.css.ts"],
-  "sourcesContent": ["import './colorUtils.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var colorUtilsCSS = _7a468({defaultClassName:'_k096v43-3-6-0',variantClassNames:{color:{critical:'_k096v44-3-6-0',neutral:'_k096v45-3-6-0',primary:'_k096v46-3-6-0',success:'_k096v47-3-6-0',warning:'_k096v48-3-6-0'},variant:{'default':'_k096v49-3-6-0',accent:'_k096v4a-3-6-0'},disabled:{true:'_k096v4b-3-6-0',false:'_k096v4c-3-6-0'}},defaultVariants:{},compoundVariants:[[{color:'primary',variant:'accent'},'_k096v4d-3-6-0'],[{color:'success',variant:'accent'},'_k096v4e-3-6-0'],[{color:'warning',variant:'accent'},'_k096v4f-3-6-0'],[{color:'critical',variant:'accent'},'_k096v4g-3-6-0'],[{color:'neutral',variant:'accent'},'_k096v4h-3-6-0'],[{color:'primary',disabled:true},'_k096v4i-3-6-0'],[{color:'success',disabled:true},'_k096v4j-3-6-0'],[{color:'warning',disabled:true},'_k096v4k-3-6-0'],[{color:'critical',disabled:true},'_k096v4l-3-6-0'],[{color:'neutral',disabled:true},'_k096v4m-3-6-0']]});\nexport var colorUtilsVars = {text:'var(--_k096v40-3-6-0)',icon:'var(--_k096v41-3-6-0)',borderColor:'var(--_k096v42-3-6-0)'};"],
+  "sourcesContent": ["import './colorUtils.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var colorUtilsCSS = _7a468({defaultClassName:'_k096v43-3-7-1',variantClassNames:{color:{critical:'_k096v44-3-7-1',neutral:'_k096v45-3-7-1',primary:'_k096v46-3-7-1',success:'_k096v47-3-7-1',warning:'_k096v48-3-7-1'},variant:{'default':'_k096v49-3-7-1',accent:'_k096v4a-3-7-1'},disabled:{true:'_k096v4b-3-7-1',false:'_k096v4c-3-7-1'}},defaultVariants:{},compoundVariants:[[{color:'primary',variant:'accent'},'_k096v4d-3-7-1'],[{color:'success',variant:'accent'},'_k096v4e-3-7-1'],[{color:'warning',variant:'accent'},'_k096v4f-3-7-1'],[{color:'critical',variant:'accent'},'_k096v4g-3-7-1'],[{color:'neutral',variant:'accent'},'_k096v4h-3-7-1'],[{color:'primary',disabled:true},'_k096v4i-3-7-1'],[{color:'success',disabled:true},'_k096v4j-3-7-1'],[{color:'warning',disabled:true},'_k096v4k-3-7-1'],[{color:'critical',disabled:true},'_k096v4l-3-7-1'],[{color:'neutral',disabled:true},'_k096v4m-3-7-1']]});\nexport var colorUtilsVars = {text:'var(--_k096v40-3-7-1)',icon:'var(--_k096v41-3-7-1)',borderColor:'var(--_k096v42-3-7-1)'};"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,gBAAgB,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,OAAM,EAAC,UAAS,kBAAiB,SAAQ,kBAAiB,SAAQ,kBAAiB,SAAQ,kBAAiB,SAAQ,iBAAgB,GAAE,SAAQ,EAAC,WAAU,kBAAiB,QAAO,iBAAgB,GAAE,UAAS,EAAC,MAAK,kBAAiB,OAAM,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,CAAC,EAAC,OAAM,WAAU,SAAQ,SAAQ,GAAE,gBAAgB,GAAE,CAAC,EAAC,OAAM,WAAU,SAAQ,SAAQ,GAAE,gBAAgB,GAAE,CAAC,EAAC,OAAM,WAAU,SAAQ,SAAQ,GAAE,gBAAgB,GAAE,CAAC,EAAC,OAAM,YAAW,SAAQ,SAAQ,GAAE,gBAAgB,GAAE,CAAC,EAAC,OAAM,WAAU,SAAQ,SAAQ,GAAE,gBAAgB,GAAE,CAAC,EAAC,OAAM,WAAU,UAAS,KAAI,GAAE,gBAAgB,GAAE,CAAC,EAAC,OAAM,WAAU,UAAS,KAAI,GAAE,gBAAgB,GAAE,CAAC,EAAC,OAAM,WAAU,UAAS,KAAI,GAAE,gBAAgB,GAAE,CAAC,EAAC,OAAM,YAAW,UAAS,KAAI,GAAE,gBAAgB,GAAE,CAAC,EAAC,OAAM,WAAU,UAAS,KAAI,GAAE,gBAAgB,CAAC,EAAC,CAAC;AACl4B,IAAI,iBAAiB,EAAC,MAAK,yBAAwB,MAAK,yBAAwB,aAAY,wBAAuB;",
   "names": []
 }

package/esm/core/{styles → utils}/getVirtualFocusStyles.js

@@ -1,5 +1,5 @@
 import clsx from "clsx";
-import { virtualFocus } from "./virtualFocus.sty.js";
+import { virtualFocus } from "../styles/virtualFocus.sty.js";
 function getVirtualFocusStyles(isFocused, variant = "neutral") {
   return {
     className: clsx(isFocused && virtualFocus[variant])

package/esm/core/utils/getVirtualFocusStyles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/core/utils/getVirtualFocusStyles.ts"],
+  "sourcesContent": ["import clsx from 'clsx';\n\nimport { virtualFocus } from '../styles/virtualFocus.sty.js';\n\n/**\n * Returns a `className` string that includes the fade-out transition and,\n * when `isFocused` is true, the matching virtual-focus variant.\n *\n * Spread the result onto the component:\n * ```tsx\n * <Flex {...getVirtualFocusStyles(isFocused, 'neutral')} />\n * ```\n *\n * @internal\n */\nexport function getVirtualFocusStyles(\n  isFocused: boolean,\n  variant: 'neutral' | 'primary' = 'neutral',\n): { className: string } {\n  return {\n    className: clsx(isFocused && virtualFocus[variant]),\n  };\n}\n"],
+  "mappings": "AAAA,OAAO,UAAU;AAEjB,SAAS,oBAAoB;AAatB,SAAS,sBACd,WACA,UAAiC,WACV;AACvB,SAAO;AAAA,IACL,WAAW,KAAK,aAAa,aAAa,OAAO,CAAC;AAAA,EACpD;AACF;",
+  "names": []
+}