npm - @dynatrace/strato-components - Versions diffs - 3.8.0 → 3.9.0 - Mend

@dynatrace/strato-components 3.8.0 → 3.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2397) hide show

package/esm/core/styles/focusRingStatic.sty.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/core/styles/focusRingStatic.css.ts"],
-  "sourcesContent": ["import './focusRingStatic.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var focusRingStatic = _7a468({defaultClassName:'_z0fq9b4-3-8-0',variantClassNames:{minimal:{true:'_z0fq9b5-3-8-0',false:'_z0fq9b6-3-8-0'},disabled:{true:'_z0fq9b7-3-8-0'},when:{always:'_z0fq9b8-3-8-0','focus-visible':'_z0fq9b9-3-8-0','focus-within':'_z0fq9ba-3-8-0','focus-within-visible':'_z0fq9bb-3-8-0',focus:'_z0fq9bc-3-8-0'},color:{neutral:'_z0fq9bd-3-8-0',primary:'_z0fq9be-3-8-0',success:'_z0fq9bf-3-8-0',warning:'_z0fq9bg-3-8-0',critical:'_z0fq9bh-3-8-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 focusRingStatic = _7a468({defaultClassName:'_z0fq9b4-3-9-0',variantClassNames:{minimal:{true:'_z0fq9b5-3-9-0',false:'_z0fq9b6-3-9-0'},disabled:{true:'_z0fq9b7-3-9-0'},when:{always:'_z0fq9b8-3-9-0','focus-visible':'_z0fq9b9-3-9-0','focus-within':'_z0fq9ba-3-9-0','focus-within-visible':'_z0fq9bb-3-9-0',focus:'_z0fq9bc-3-9-0'},color:{neutral:'_z0fq9bd-3-9-0',primary:'_z0fq9be-3-9-0',success:'_z0fq9bf-3-9-0',warning:'_z0fq9bg-3-9-0',critical:'_z0fq9bh-3-9-0'}},defaultVariants:{color:'neutral',minimal:false,when:'focus',disabled:false},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,kBAAkB,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,SAAQ,EAAC,MAAK,kBAAiB,OAAM,iBAAgB,GAAE,UAAS,EAAC,MAAK,iBAAgB,GAAE,MAAK,EAAC,QAAO,kBAAiB,iBAAgB,kBAAiB,gBAAe,kBAAiB,wBAAuB,kBAAiB,OAAM,iBAAgB,GAAE,OAAM,EAAC,SAAQ,kBAAiB,SAAQ,kBAAiB,SAAQ,kBAAiB,SAAQ,kBAAiB,UAAS,iBAAgB,EAAC,GAAE,iBAAgB,EAAC,OAAM,WAAU,SAAQ,OAAM,MAAK,SAAQ,UAAS,MAAK,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/core/styles/virtualFocus.css CHANGED Viewed

@@ -1,10 +1,10 @@
-._9mvxlq0-3-8-0 {
+._9mvxlq0-3-9-0 {
   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-8-0 {
+._9mvxlq1-3-9-0 {
   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 CHANGED Viewed

@@ -1,5 +1,5 @@
 import "./virtualFocus.css";
-var virtualFocus = { neutral: "_9mvxlq0-3-8-0", primary: "_9mvxlq1-3-8-0" };
+var virtualFocus = { neutral: "_9mvxlq0-3-9-0", primary: "_9mvxlq1-3-9-0" };
 export {
   virtualFocus
 };

package/esm/core/styles/virtualFocus.sty.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/core/styles/virtualFocus.css.ts"],
-  "sourcesContent": ["import './virtualFocus.css';\nexport var virtualFocus = {neutral:'_9mvxlq0-3-8-0',primary:'_9mvxlq1-3-8-0'};"],
+  "sourcesContent": ["import './virtualFocus.css';\nexport var virtualFocus = {neutral:'_9mvxlq0-3-9-0',primary:'_9mvxlq1-3-9-0'};"],
   "mappings": "AAAA,OAAO;AACA,IAAI,eAAe,EAAC,SAAQ,kBAAiB,SAAQ,iBAAgB;",
   "names": []
 }

package/esm/core/time/timeframeStore/actions/timeframeSelector.js CHANGED Viewed

@@ -176,9 +176,11 @@ function getTimeframeSelectorActions(isControlled, timeframeSelectorRef, formFie
               dateTimeRangePickerTimeframe: timeframeWithPrecision,
               calendarValue,
               calendarError: errorKey,
-              dateTimeRangePickerError: errorKey
+              dateTimeRangePickerError: errorKey,
+              isFullDay: false
             };
           }
+          const isFullDay = isFullTimeframe(timeframeWithPrecision) ? isFullDayTimeframe(timeframeWithPrecision, state) : false;
           const dateTimeRangePickerError = validate(
             timeframeWithPrecision,
             state.min,
@@ -199,7 +201,8 @@ function getTimeframeSelectorActions(isControlled, timeframeSelectorRef, formFie
             dateTimeRangePickerTimeframe: timeframeWithPrecision,
             calendarValue: timeframeWithPrecision,
             calendarError: dateTimeRangePickerError,
-            dateTimeRangePickerError
+            dateTimeRangePickerError,
+            isFullDay
           };
         });
       },

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

@@ -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 {\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": "AAAA,SAAS,kBAAkB;AAC3B,SAAS,UAAU,kBAAkB;AAKrC,SAAS,mBAAmB;AAE5B,SAAS,yCAAyC;AAClD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,2BAA2B;AACpC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAGP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,eAAe,gBAAgB;AAaxC,SAAS,uCACP,YACA,OACA,cACA,sBACA,2BACA,cACA,eACiC;AACjC,QAAM,yBACJ,6BAA6B,YAAY,MAAM,SAAS,KAAK;AAE/D,QAAM,QAAQ,gBAAgB,sBAAsB,IAChD,yBACA;AAEJ,iBAAe,KAAK;AACpB,uBAAqB,SAAS,MAAM;AAEpC,MAAI,cAAc;AAChB,WAAO;AAAA,EACT;AAEA,QAAM,QAAQ,SAAS,wBAAwB,MAAM,KAAK,MAAM,KAAK;AAAA,IACnE,qBAAqB;AAAA,IACrB,aAAa,MAAM;AAAA,IACnB,WAAW,MAAM;AAAA,IACjB,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,KAAK;AAAA,IACL,gBAAgB,MAAM;AAAA,IACtB,WAAW;AAAA,IACX,UAAU,MAAM;AAAA,IAChB;AAAA,EACF,CAAC;AAED,SAAO;AAAA,IACL,4BAA4B;AAAA,IAC5B,eAAe,SAAS;AAAA,IACxB,8BAA8B,SAAS;AAAA,IACvC,oBAAoB;AAAA,IACpB,wBAAwB;AAAA,IACxB,eAAe;AAAA,IACf,0BAA0B;AAAA,EAC5B;AACF;AAOA,SAAS,8BACP,OACiC;AACjC,SAAO;AAAA,IACL,oBAAoB;AAAA,EACtB;AACF;AAEA,SAAS,mBACP,WACA,OACS;AACT,QAAM,WAAW,YAAY;AAC7B,QAAM,KAAK,IAAI,WAAW,UAAU,GAAG,cAAc,QAAQ;AAC7D,QAAM,OAAO,IAAI,WAAW,UAAU,KAAK,cAAc,QAAQ;AAEjE,QAAM,iBACJ,gBAAgB,SAAS,EAAE,EAAE,YAAY,GAAG,MAAM,SAAS,MAC3D,gBAAgB,UAAU,GAAG,cAAc,MAAM,SAAS;AAC5D,QAAM,YAAY,MAAM,KAAK,iBAAiB,GAAG,YAAY;AAE7D,QAAM,qBACJ,gBAAgB,WAAW,IAAI,EAAE,YAAY,GAAG,MAAM,SAAS,MAC/D,gBAAgB,UAAU,KAAK,cAAc,MAAM,SAAS;AAC9D,QAAM,cAAc,MAAM,KAAK,iBAAiB,KAAK,YAAY;AAEjE,SAAO;AAAA,KACJ,kBAAkB,eAAe,sBAAsB;AAAA,EAC1D;AACF;AAMO,SAAS,4BACd,cACA,sBACA,2BACA,cACA,sBAGA,eACA;AACA,QAAM,UAAU,CACd,QAGkC;AAClC,WAAO;AAAA,MACL,kBAAkB,CAAC,eAAe;AAChC,YAAI,CAAC,UAAU;AAEb,cAAI,YAAY,UAAU,KAAK,WAAW,UAAU,SAAS;AAC3D,kBAAM,SAAS,cAAc,OAAO;AAAA,cAClC,cAAc;AAAA,cACd;AAAA,YACF,CAAC;AAGD,kBAAM,cACJ,kCAAkC,UAClC,CAAC,OAAO,8BAA8B,QACtC,eAAe,OAAO,8BAA8B,EAAE;AAExD,mBAAO;AAAA,cACL,wBAAwB;AAAA,cACxB,WAAW;AAAA,cACX,GAAG;AAAA,cACH;AAAA,YACF;AAAA,UACF;AAEA,gBAAM,gBAAgB;AAAA,YACpB;AAAA,YACA;AAAA,UACF;AAEA,gBAAM,mBACJ;AAAA,YACE;AAAA,YACA,eAAe,MAAM,GAAG,IAAI,OAAO,MAAM;AAAA,YACzC,eAAe,MAAM,GAAG,IAAI,OAAO,MAAM;AAAA,UAC3C,MAAM;AAIR,cACE,CAAC,oBACD,CAAC,MAAM,8BAA8B,QACrC,MAAM,8BAA8B,MACpC,eAAe,MAAM,8BAA8B,EAAE,KACrD,eAAe,QACf,CAAC,eAAe,IAChB;AACA,kBAAM,YAAY;AAAA,cAChB;AAAA,gBACE,MAAM,cAAc;AAAA,gBACpB,IAAI,MAAM,6BAA6B;AAAA,cACzC;AAAA,cACA,MAAM;AAAA,cACN,MAAM;AAAA,cACN,MAAM;AAAA,YACR;AACA;AAAA,cACE,MAAM;AAAA,cACN,MAAM;AAAA,YACR;AAEA,mBAAO;AAAA,cACL,eAAe;AAAA,cACf,8BAA8B;AAAA,cAC9B,eAAe;AAAA,cACf,0BAA0B;AAAA,cAC1B,wBAAwB;AAAA,cACxB,WAAW;AAAA,cACX,aAAa;AAAA,YACf;AAAA,UACF;AAEA,cAAI,gBAAgB,aAAa,GAAG;AAClC,kBAAM,YAAY,mBAAmB,eAAe,KAAK;AACzD;AAAA,cACE,MAAM;AAAA,cACN,MAAM;AAAA,YACR;AAEA,mBAAO;AAAA,cACL;AAAA,cACA,8BAA8B;AAAA,cAC9B;AAAA,cACA,aAAa;AAAA,YACf;AAAA,UACF;AAEA,iBAAO,EAAE,eAAe,WAAW,OAAO,aAAa,MAAM;AAAA,QAC/D,CAAC;AAAA,MACH;AAAA,MACA,iCAAiC,CAAC,UAAU;AAC1C,eAAO,IAAI,CAAC,UAAU;AAEpB,cAAI,UAAU,MAAM;AAClB,mBAAO;AAAA,cACL,8BAA8B;AAAA,cAC9B,eAAe;AAAA,cACf,0BAA0B;AAAA,cAC1B,eAAe;AAAA,cACf,aAAa;AAAA,YACf;AAAA,UACF;AAEA,gBAAM,SAAS;AAAA,YACb,MAAM;AAAA,YACN;AAAA,UACF;AAEA,gBAAM,yBACJ,6BAA6B,QAAQ,MAAM,SAAS,KAAK;AAE3D,gBAAM,gBACJ,YAAY,OAAO,IAAI,KAAK,OAAO,KAAK,iBAAiB;AAC3D,gBAAM,cACJ,YAAY,OAAO,EAAE,KAAK,OAAO,GAAG,iBAAiB;AAIvD,cAAI,iBAAiB,aAAa;AAChC,kBAAM,WAAW;AAAA,cACf;AAAA,cACA,MAAM;AAAA,cACN,MAAM;AAAA,cACN;AAAA,gBACE,aAAa,MAAM;AAAA,gBACnB,WAAW,MAAM;AAAA,gBACjB,WAAW;AAAA,gBACX,YAAY;AAAA,gBACZ,KAAK,MAAM;AAAA,gBACX,gBAAgB,MAAM;AAAA,gBACtB,WAAW;AAAA,gBACX,UAAU,MAAM;AAAA,gBAChB;AAAA,cACF;AAAA,YACF;AAEA,kBAAM,gBAAgB;AAAA,cACpB,MAAM,gBAAgB,OAAO,wBAAwB,QAAQ;AAAA,cAC7D,IAAI,cAAc,OAAO,wBAAwB,MAAM;AAAA,YACzD;AAEA,mBAAO;AAAA,cACL,8BAA8B;AAAA,cAC9B;AAAA,cACA,eAAe;AAAA,cACf,0BAA0B;AAAA,YAC5B;AAAA,UACF;AAEA,gBAAM,2BAA2B;AAAA,YAC/B;AAAA,YACA,MAAM;AAAA,YACN,MAAM;AAAA,YACN;AAAA,cACE,aAAa,MAAM;AAAA,cACnB,WAAW,MAAM;AAAA,cACjB,WAAW;AAAA,cACX,YAAY;AAAA,cACZ,KAAK,MAAM;AAAA,cACX,gBAAgB,MAAM;AAAA,cACtB,WAAW;AAAA,cACX,UAAU,MAAM;AAAA,cAChB;AAAA,YACF;AAAA,UACF;AAEA,iBAAO;AAAA,YACL,8BAA8B;AAAA,YAC9B,eAAe;AAAA,YACf,eAAe;AAAA,YACf;AAAA,UACF;AAAA,QACF,CAAC;AAAA,MACH;AAAA,MACA,+BAA+B,CAAC,eAAe;AAC7C,8BAAsB,SAAS,OAAO;AACtC,eAAO;AAAA,UAAI,CAAC,UACV;AAAA,YACE;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,MACA,uBAAuB,CAAC,UAAU;AAChC,YAAI,MAAM,8BAA8B,KAAK,CAAC;AAAA,MAChD;AAAA,MACA,iBAAiB,CAAC,UAAU;AAC1B,YAAI,CAAC,UAAU;AACb,gCAAsB,UAAU,KAAK;AACrC,cAAI,cAAc;AAChB,mBAAO;AAAA,UACT;AACA,iBAAO;AAAA,YACL,4BAA4B;AAAA,YAC5B,eAAe;AAAA,YACf,8BAA8B;AAAA,UAChC;AAAA,QACF,CAAC;AAAA,MACH;AAAA,MACA,oBAAoB,MAAM;AACxB,YAAI,CAAC,UAAU,yBAAyB,KAAK,CAAC;AAAA,MAChD;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;",
+  "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              isFullDay: false,\n            };\n          }\n\n          const isFullDay = isFullTimeframe(timeframeWithPrecision)\n            ? isFullDayTimeframe(timeframeWithPrecision, state)\n            : false;\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            isFullDay,\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 CHANGED Viewed

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

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

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

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

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