@dynatrace/strato-components 3.10.4 → 3.11.0

package/esm/forms/calendar/Calendar.css

@@ -1,24 +1,24 @@
-._xm8mdk0-3-10-4 {
+._xm8mdk0-3-11-0 {
   width: 248px;
 }
-._xm8mdk1-3-10-4 {
+._xm8mdk1-3-11-0 {
   cursor: not-allowed;
 }
-._xm8mdk2-3-10-4 {
+._xm8mdk2-3-11-0 {
   color: var(--dt-colors-text-neutral-disabled, #595a7d80);
   cursor: not-allowed;
 }
-._xm8mdk3-3-10-4 {
+._xm8mdk3-3-11-0 {
   all: revert;
   width: 100%;
   border-collapse: collapse;
   border: 0;
   border-spacing: 0;
 }
-._xm8mdk4-3-10-4 {
+._xm8mdk4-3-11-0 {
   pointer-events: none;
 }
-._xm8mdk5-3-10-4 {
+._xm8mdk5-3-11-0 {
   background: revert;
   border: 0;
   display: grid;
@@ -26,16 +26,16 @@
   justify-items: center;
   align-items: center;
 }
-._xm8mdk6-3-10-4 {
+._xm8mdk6-3-11-0 {
   grid-template-columns: repeat(7, minmax(0, 1fr));
 }
-._xm8mdk7-3-10-4 {
+._xm8mdk7-3-11-0 {
   grid-template-columns: repeat(3, minmax(0, 1fr));
 }
-._xm8mdk8-3-10-4 {
+._xm8mdk8-3-11-0 {
   grid-template-columns: repeat(4, minmax(0, 1fr));
 }
-._xm8mdk9-3-10-4 {
+._xm8mdk9-3-11-0 {
   border: 0;
   width: 100%;
   margin-top: var(--dt-spacings-size-2, 2px);
@@ -43,91 +43,91 @@
   padding: 0;
   border-radius: var(--dt-borders-radius-field-default, 6px);
 }
-._xm8mdka-3-10-4 {
-  --_1jljrbf0-3-10-4: var(--dt-colors-background-field-primary-emphasized, #e1e5f7);
-  --_1jljrbf1-3-10-4: var(--dt-colors-border-primary-accent, #464cce);
+._xm8mdka-3-11-0 {
+  --_1jljrbf0-3-11-0: var(--dt-colors-background-field-primary-emphasized, #e1e5f7);
+  --_1jljrbf1-3-11-0: var(--dt-colors-border-primary-accent, #464cce);
 }
-._xm8mdkb-3-10-4 {
-  --_1jljrbf0-3-10-4: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
-  --_1jljrbf1-3-10-4: var(--dt-colors-text-neutral-default, #2f2f4f);
+._xm8mdkb-3-11-0 {
+  --_1jljrbf0-3-11-0: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
+  --_1jljrbf1-3-11-0: var(--dt-colors-text-neutral-default, #2f2f4f);
 }
-._xm8mdkc-3-10-4 {
-  --_1jljrbf0-3-10-4: var(--dt-colors-background-field-critical-emphasized, #f8e1e1);
-  --_1jljrbf1-3-10-4: var(--dt-colors-border-critical-accent, #bb0731);
+._xm8mdkc-3-11-0 {
+  --_1jljrbf0-3-11-0: var(--dt-colors-background-field-critical-emphasized, #f8e1e1);
+  --_1jljrbf1-3-11-0: var(--dt-colors-border-critical-accent, #bb0731);
 }
-._xm8mdkd-3-10-4 {
-  --_1jljrbf0-3-10-4: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
+._xm8mdkd-3-11-0 {
+  --_1jljrbf0-3-11-0: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
 }
-._xm8mdkf-3-10-4 {
-  --_1jljrbf0-3-10-4: var(--dt-colors-background-field-primary-disabled, #e4e5eb80);
-  --_1jljrbf1-3-10-4: var(--dt-colors-border-primary-disabled, #dadbe480);
+._xm8mdkf-3-11-0 {
+  --_1jljrbf0-3-11-0: var(--dt-colors-background-field-primary-disabled, #e4e5eb80);
+  --_1jljrbf1-3-11-0: var(--dt-colors-border-primary-disabled, #dadbe480);
 }
-._xm8mdkg-3-10-4 {
-  --_1jljrbf0-3-10-4: var(--dt-colors-background-field-neutral-disabled, #e4e5eb80);
-  --_1jljrbf1-3-10-4: var(--dt-colors-border-neutral-disabled, #dadbe480);
+._xm8mdkg-3-11-0 {
+  --_1jljrbf0-3-11-0: var(--dt-colors-background-field-neutral-disabled, #e4e5eb80);
+  --_1jljrbf1-3-11-0: var(--dt-colors-border-neutral-disabled, #dadbe480);
 }
-._xm8mdkh-3-10-4 {
-  --_1jljrbf0-3-10-4: var(--dt-colors-background-field-critical-disabled, #e4e5eb80);
-  --_1jljrbf1-3-10-4: var(--dt-colors-border-critical-disabled, #dadbe480);
+._xm8mdkh-3-11-0 {
+  --_1jljrbf0-3-11-0: var(--dt-colors-background-field-critical-disabled, #e4e5eb80);
+  --_1jljrbf1-3-11-0: var(--dt-colors-border-critical-disabled, #dadbe480);
 }
-._xm8mdki-3-10-4 {
+._xm8mdki-3-11-0 {
   position: relative;
   z-index: 0;
 }
-._xm8mdki-3-10-4::before {
+._xm8mdki-3-11-0::before {
   content: "";
   position: absolute;
   top: 0;
-  background: var(--_1jljrbf0-3-10-4);
+  background: var(--_1jljrbf0-3-11-0);
   height: 100%;
   z-index: -1;
 }
-._xm8mdkj-3-10-4 {
-  background: var(--_1jljrbf0-3-10-4);
+._xm8mdkj-3-11-0 {
+  background: var(--_1jljrbf0-3-11-0);
 }
-._xm8mdkj-3-10-4::before {
+._xm8mdkj-3-11-0::before {
   right: calc(var(--dt-spacings-size-4, 4px) / -2);
   width: calc(var(--dt-spacings-size-4, 4px) / 2);
 }
-._xm8mdkj-3-10-4:last-child::before {
+._xm8mdkj-3-11-0:last-child::before {
   background: none;
 }
-._xm8mdkk-3-10-4 {
-  background: var(--_1jljrbf0-3-10-4);
+._xm8mdkk-3-11-0 {
+  background: var(--_1jljrbf0-3-11-0);
 }
-._xm8mdkk-3-10-4::before {
+._xm8mdkk-3-11-0::before {
   left: calc(var(--dt-spacings-size-4, 4px) / -2);
   width: calc(var(--dt-spacings-size-4, 4px) / 2);
 }
-._xm8mdkk-3-10-4:first-child::before {
+._xm8mdkk-3-11-0:first-child::before {
   background: none;
 }
-._xm8mdkl-3-10-4::before {
+._xm8mdkl-3-11-0::before {
   left: calc(var(--dt-spacings-size-4, 4px) / -2);
   width: calc(100% + (var(--dt-spacings-size-4, 4px)));
-  background: var(--_1jljrbf0-3-10-4);
+  background: var(--_1jljrbf0-3-11-0);
 }
-._xm8mdkl-3-10-4:first-child::before {
+._xm8mdkl-3-11-0:first-child::before {
   left: 0;
   width: calc(100% + (var(--dt-spacings-size-4, 4px) / 2));
   border-top-left-radius: var(--dt-borders-radius-field-default, 6px);
   border-bottom-left-radius: var(--dt-borders-radius-field-default, 6px);
 }
-._xm8mdkl-3-10-4:last-child::before {
+._xm8mdkl-3-11-0:last-child::before {
   width: calc(100% + (var(--dt-spacings-size-4, 4px) / 2));
   border-top-right-radius: var(--dt-borders-radius-field-default, 6px);
   border-bottom-right-radius: var(--dt-borders-radius-field-default, 6px);
 }
-._xm8mdkm-3-10-4 {
+._xm8mdkm-3-11-0 {
   background: none;
 }
-._xm8mdkn-3-10-4 {
+._xm8mdkn-3-11-0 {
   width: 100%;
   border-collapse: collapse;
   border: 0;
   border-spacing: 0;
 }
-._xm8mdko-3-10-4 {
+._xm8mdko-3-11-0 {
   padding-top: var(--dt-spacings-size-8, 8px);
   display: flex;
   justify-content: flex-end;

package/esm/forms/calendar/Calendar.js

@@ -7,6 +7,7 @@ import {
   useRef,
   useState
 } from "react";
+import { CALENDAR_ERROR_MESSAGES } from "./calendarMessages.js";
 import { CalendarRoot } from "./CalendarRoot.js";
 import {
   convertToCalendarStructure,
@@ -21,7 +22,7 @@ import { CalendarStoreProvider } from "../../core/time/timeframeStore/timeframeS
 import { useMinMax, useMinMaxStoreSync } from "../../core/time/useMinMax.js";
 import { validate } from "../../core/time/validation.js";
 import { useFormControl } from "../forms-core/hooks/useFormControl.js";
-import { CALENDAR_ERROR_MESSAGES } from "./calendarMessages.js";
+import { useMinMaxLogger } from "../forms-core/hooks/useMinMaxLogger.js";
 function useSyncPropsAndState(store, memoedValue, isControlled, type, precision, min, max, formFieldMessageDispatch, calendarRef) {
   const valueMode = type === "single" ? "single" : "timeframeSelector";
   useEffect(
@@ -117,6 +118,7 @@ function RefAwareCalendar(props, forwardedRef) {
   const [isControlled] = useState(propValue !== void 0);
   const onChangeProp = useCallbackRef(onChange);
   const { min, max } = useMinMax(propMin, propMax);
+  useMinMaxLogger(min, max, "Calendar");
   const memoedValue = useMemo(() => {
     return convertToCalendarStructure(type, propValue, min, max, precision);
   }, [precision, propValue, min, max, type]);

package/esm/forms/calendar/Calendar.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/calendar/Calendar.tsx"],
-  "sourcesContent": ["import {\n  type Dispatch,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type Ref,\n} from 'react';\nimport type { StoreApi } from 'zustand';\n\nimport type { CalendarProps } from './Calendar.types.js';\nimport { CalendarRoot } from './CalendarRoot.js';\nimport type { CalendarType } from './types/calendarConfiguration.js';\nimport {\n  convertToCalendarStructure,\n  getTimeOffsetFromInitialValue,\n} from './utils/helpers.js';\nimport { useCallbackRef } from '../../core/hooks/useCallbackRef.js';\nimport { useMergeRefs } from '../../core/hooks/useMergeRefs.js';\nimport { isFullTimeframe } from '../../core/time/helpers.js';\nimport type { Precision } from '../../core/time/shared.types.js';\nimport { getCalendarActions } from '../../core/time/timeframeStore/actions/calendar.js';\nimport type {\n  CalendarTimeframeState,\n  CalendarTimeframeStoreActions,\n} from '../../core/time/timeframeStore/calendar.types.js';\nimport { createTimeframeStore } from '../../core/time/timeframeStore/createTimeframeStore.js';\nimport { CalendarStoreProvider } from '../../core/time/timeframeStore/timeframeStoreProvider.js';\nimport { useMinMax, useMinMaxStoreSync } from '../../core/time/useMinMax.js';\nimport { validate } from '../../core/time/validation.js';\nimport { type TimeValue } from '../../core/types/time.js';\nimport { useFormControl } from '../forms-core/hooks/useFormControl.js';\nimport type { FormFieldMessagesReducerAction } from '../forms-core/state/formfield-messages-state-reducer.js';\nimport type { FormControlRef, TimeRangePickerRef } from '../shared-types.js';\nimport { CALENDAR_ERROR_MESSAGES } from './calendarMessages.js';\n\ntype CalendarStore = StoreApi<\n  CalendarTimeframeState & CalendarTimeframeStoreActions\n>;\n\n/**\n * Extracts the prop-to-store syncing effects into a dedicated hook so the\n * component body stays focused on wiring rather than implementation details.\n *\n * According to the zustand maintainer, the recommended way to keep a zustand\n * store in sync with React props is via useEffect.\n * see https://github.com/pmndrs/zustand/discussions/1390#discussion-4505803\n */\nfunction useSyncPropsAndState(\n  store: CalendarStore,\n  memoedValue: CalendarTimeframeState['calendarValue'],\n  isControlled: boolean,\n  type: CalendarType,\n  precision: Exclude<Precision, 'day'>,\n  min: TimeValue | null,\n  max: TimeValue | null,\n  formFieldMessageDispatch:\n    | Dispatch<FormFieldMessagesReducerAction>\n    | undefined,\n  calendarRef: CalendarTimeframeState['calendarRef'],\n) {\n  const valueMode = type === 'single' ? 'single' : 'timeframeSelector';\n  // Sync the controlled value into the store whenever it changes.\n  useEffect(\n    () => {\n      isControlled &&\n        store.setState((state) => {\n          const error = validate(memoedValue, state.min, state.max, {\n            formMessageDispatch: formFieldMessageDispatch,\n            formerError: state.calendarError,\n            precision: state.precision,\n            showError: false,\n            checkOrder: true,\n            ref: calendarRef,\n            valueMode,\n            errorMessages: CALENDAR_ERROR_MESSAGES,\n          });\n\n          const timeOffset = getTimeOffsetFromInitialValue(\n            memoedValue,\n            type,\n            min,\n            max,\n            precision,\n          );\n\n          const valueWithPrecision = convertToCalendarStructure(\n            type,\n            memoedValue,\n            min,\n            max,\n            precision,\n          );\n\n          if (type === 'single') {\n            return {\n              calendarValue: valueWithPrecision,\n              calendarError: error,\n              timeOffset,\n            };\n          }\n\n          const value = isFullTimeframe(valueWithPrecision)\n            ? valueWithPrecision\n            : null;\n\n          return {\n            calendarValue: value,\n            calendarError: error,\n            timeOffset,\n          };\n        });\n    },\n    // calendarRef is a stable ref \u2014 no need to include it in deps\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [\n      formFieldMessageDispatch,\n      isControlled,\n      memoedValue,\n      store,\n      min,\n      max,\n      precision,\n      type,\n    ],\n  );\n\n  // Sync precision, type, min, and max into the store whenever they change.\n  useEffect(() => {\n    store.setState((state) => {\n      const value = convertToCalendarStructure(\n        type,\n        state.calendarValue,\n        min,\n        max,\n        precision,\n      );\n\n      return {\n        ...state,\n        precision,\n        calendarValue: value,\n      };\n    });\n  }, [precision, store, min, max, type]);\n}\n\nfunction RefAwareCalendar<Type extends CalendarType = 'single'>(\n  props: CalendarProps<Type>,\n  forwardedRef: Ref<\n    | FormControlRef<HTMLDivElement>\n    | (Omit<FormControlRef<HTMLDivElement>, 'inputRef'> &\n        Pick<TimeRangePickerRef<HTMLDivElement>, 'inputRef'>)\n  >,\n) {\n  const {\n    value: propValue,\n    defaultValue: propDefaultValue,\n    onChange,\n    min: propMin,\n    max: propMax,\n    disabled: propDisabled,\n    required: propRequired,\n    readOnly: propReadOnly,\n    id: propId,\n    'aria-disabled': propAriaDisabled,\n    // eslint-disable-next-line @typescript-eslint/no-deprecated -- APPDEV-18321\n    controlState,\n    precision = 'minutes',\n    type = 'single',\n    ...remainingProps\n  } = props;\n\n  const [isControlled] = useState(propValue !== undefined);\n  const onChangeProp = useCallbackRef(onChange);\n\n  // Keep min and max updated at midnight\n  const { min, max } = useMinMax(propMin, propMax);\n\n  const memoedValue = useMemo(() => {\n    return convertToCalendarStructure(type, propValue, min, max, precision);\n  }, [precision, propValue, min, max, type]);\n  const memoedDefaultValue = useMemo(\n    () =>\n      convertToCalendarStructure(type, propDefaultValue, min, max, precision),\n    /** We're ignoring updates to defaultValue as it only considers the initial state. */\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [],\n  );\n  const calendarRef = useRef<\n    | FormControlRef<HTMLDivElement>\n    | (Omit<FormControlRef<HTMLDivElement>, 'inputRef'> &\n        Pick<TimeRangePickerRef<HTMLDivElement>, 'inputRef'>)\n  >(null);\n\n  const {\n    disabled,\n    required,\n    id,\n    ariaDisabled,\n    readOnly,\n    messageDispatch: formFieldMessageDispatch,\n  } = useFormControl({\n    propDisabled,\n    propRequired,\n    propId,\n    propAriaDisabled,\n    propReadOnly,\n    controlState,\n  });\n\n  const [store] = useState(() => {\n    const value = isControlled ? memoedValue : memoedDefaultValue;\n\n    const error = validate(value, min, max, {\n      formMessageDispatch: formFieldMessageDispatch,\n      precision,\n      showError: false,\n      checkOrder: true,\n      ref: calendarRef,\n      valueMode: type === 'single' ? 'single' : 'timeframeSelector',\n      required: required,\n      errorMessages: CALENDAR_ERROR_MESSAGES,\n    });\n    const timeOffset = getTimeOffsetFromInitialValue(\n      value,\n      type,\n      min,\n      max,\n      precision,\n    );\n\n    const initialState = {\n      calendarValue: value,\n      min,\n      max,\n      precision,\n      isFullDay: false,\n      calendarRef,\n      required,\n      calendarError: error,\n      timeOffset,\n    };\n\n    const actions = getCalendarActions<Type>(\n      isControlled,\n      type,\n      formFieldMessageDispatch,\n      onChangeProp,\n    );\n    return createTimeframeStore<\n      CalendarTimeframeState,\n      CalendarTimeframeStoreActions\n    >(initialState, actions);\n  });\n\n  useSyncPropsAndState(\n    store,\n    memoedValue,\n    isControlled,\n    type,\n    precision,\n    min,\n    max,\n    formFieldMessageDispatch,\n    calendarRef,\n  );\n\n  // Keep min and max updated at midnight\n  useMinMaxStoreSync(\n    store,\n    min,\n    max,\n    useCallback(\n      (\n        state: CalendarTimeframeState,\n        min: TimeValue | null,\n        max: TimeValue | null,\n      ) => ({\n        calendarError: validate(state.calendarValue, min, max, {\n          formMessageDispatch: formFieldMessageDispatch,\n          precision,\n          showError: false,\n          checkOrder: true,\n          ref: calendarRef,\n          valueMode: type === 'single' ? 'single' : 'timeframeSelector',\n          required: required,\n          errorMessages: CALENDAR_ERROR_MESSAGES,\n        }),\n      }),\n      [formFieldMessageDispatch],\n    ),\n  );\n\n  const mergedRef = useMergeRefs([calendarRef, forwardedRef]);\n\n  return (\n    <CalendarStoreProvider store={store}>\n      <CalendarRoot\n        {...remainingProps}\n        id={id}\n        ref={mergedRef}\n        aria-disabled={ariaDisabled}\n        disabled={disabled}\n        required={required}\n        readOnly={readOnly}\n        type={type}\n      />\n    </CalendarStoreProvider>\n  );\n}\n\n/**\n * Calendar component\n * Renders the calendar header and body depending on the current view\n * @internal\n */\nexport const Calendar = forwardRef(RefAwareCalendar);\n"],
-  "mappings": "AA4SM;AA5SN;AAAA,EAEE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AAIP,SAAS,oBAAoB;AAE7B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,sBAAsB;AAC/B,SAAS,oBAAoB;AAC7B,SAAS,uBAAuB;AAEhC,SAAS,0BAA0B;AAKnC,SAAS,4BAA4B;AACrC,SAAS,6BAA6B;AACtC,SAAS,WAAW,0BAA0B;AAC9C,SAAS,gBAAgB;AAEzB,SAAS,sBAAsB;AAG/B,SAAS,+BAA+B;AAcxC,SAAS,qBACP,OACA,aACA,cACA,MACA,WACA,KACA,KACA,0BAGA,aACA;AACA,QAAM,YAAY,SAAS,WAAW,WAAW;AAEjD;AAAA,IACE,MAAM;AACJ,sBACE,MAAM,SAAS,CAAC,UAAU;AACxB,cAAM,QAAQ,SAAS,aAAa,MAAM,KAAK,MAAM,KAAK;AAAA,UACxD,qBAAqB;AAAA,UACrB,aAAa,MAAM;AAAA,UACnB,WAAW,MAAM;AAAA,UACjB,WAAW;AAAA,UACX,YAAY;AAAA,UACZ,KAAK;AAAA,UACL;AAAA,UACA,eAAe;AAAA,QACjB,CAAC;AAED,cAAM,aAAa;AAAA,UACjB;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAEA,cAAM,qBAAqB;AAAA,UACzB;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAEA,YAAI,SAAS,UAAU;AACrB,iBAAO;AAAA,YACL,eAAe;AAAA,YACf,eAAe;AAAA,YACf;AAAA,UACF;AAAA,QACF;AAEA,cAAM,QAAQ,gBAAgB,kBAAkB,IAC5C,qBACA;AAEJ,eAAO;AAAA,UACL,eAAe;AAAA,UACf,eAAe;AAAA,UACf;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACL;AAAA;AAAA;AAAA,IAGA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAGA,YAAU,MAAM;AACd,UAAM,SAAS,CAAC,UAAU;AACxB,YAAM,QAAQ;AAAA,QACZ;AAAA,QACA,MAAM;AAAA,QACN;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAEA,aAAO;AAAA,QACL,GAAG;AAAA,QACH;AAAA,QACA,eAAe;AAAA,MACjB;AAAA,IACF,CAAC;AAAA,EACH,GAAG,CAAC,WAAW,OAAO,KAAK,KAAK,IAAI,CAAC;AACvC;AAEA,SAAS,iBACP,OACA,cAKA;AACA,QAAM;AAAA,IACJ,OAAO;AAAA,IACP,cAAc;AAAA,IACd;AAAA,IACA,KAAK;AAAA,IACL,KAAK;AAAA,IACL,UAAU;AAAA,IACV,UAAU;AAAA,IACV,UAAU;AAAA,IACV,IAAI;AAAA,IACJ,iBAAiB;AAAA;AAAA,IAEjB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,CAAC,YAAY,IAAI,SAAS,cAAc,MAAS;AACvD,QAAM,eAAe,eAAe,QAAQ;AAG5C,QAAM,EAAE,KAAK,IAAI,IAAI,UAAU,SAAS,OAAO;AAE/C,QAAM,cAAc,QAAQ,MAAM;AAChC,WAAO,2BAA2B,MAAM,WAAW,KAAK,KAAK,SAAS;AAAA,EACxE,GAAG,CAAC,WAAW,WAAW,KAAK,KAAK,IAAI,CAAC;AACzC,QAAM,qBAAqB;AAAA,IACzB,MACE,2BAA2B,MAAM,kBAAkB,KAAK,KAAK,SAAS;AAAA;AAAA;AAAA,IAGxE,CAAC;AAAA,EACH;AACA,QAAM,cAAc,OAIlB,IAAI;AAEN,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,iBAAiB;AAAA,EACnB,IAAI,eAAe;AAAA,IACjB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,CAAC,KAAK,IAAI,SAAS,MAAM;AAC7B,UAAM,QAAQ,eAAe,cAAc;AAE3C,UAAM,QAAQ,SAAS,OAAO,KAAK,KAAK;AAAA,MACtC,qBAAqB;AAAA,MACrB;AAAA,MACA,WAAW;AAAA,MACX,YAAY;AAAA,MACZ,KAAK;AAAA,MACL,WAAW,SAAS,WAAW,WAAW;AAAA,MAC1C;AAAA,MACA,eAAe;AAAA,IACjB,CAAC;AACD,UAAM,aAAa;AAAA,MACjB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAEA,UAAM,eAAe;AAAA,MACnB,eAAe;AAAA,MACf;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA,eAAe;AAAA,MACf;AAAA,IACF;AAEA,UAAM,UAAU;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AACA,WAAO,qBAGL,cAAc,OAAO;AAAA,EACzB,CAAC;AAED;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAGA;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,CACE,OACAA,MACAC,UACI;AAAA,QACJ,eAAe,SAAS,MAAM,eAAeD,MAAKC,MAAK;AAAA,UACrD,qBAAqB;AAAA,UACrB;AAAA,UACA,WAAW;AAAA,UACX,YAAY;AAAA,UACZ,KAAK;AAAA,UACL,WAAW,SAAS,WAAW,WAAW;AAAA,UAC1C;AAAA,UACA,eAAe;AAAA,QACjB,CAAC;AAAA,MACH;AAAA,MACA,CAAC,wBAAwB;AAAA,IAC3B;AAAA,EACF;AAEA,QAAM,YAAY,aAAa,CAAC,aAAa,YAAY,CAAC;AAE1D,SACE,oBAAC,yBAAsB,OACrB;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,KAAK;AAAA,MACL,iBAAe;AAAA,MACf;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF,GACF;AAEJ;AAOO,MAAM,WAAW,WAAW,gBAAgB;",
+  "sourcesContent": ["import {\n  type Dispatch,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type Ref,\n} from 'react';\nimport type { StoreApi } from 'zustand';\n\nimport type { CalendarProps } from './Calendar.types.js';\nimport { CALENDAR_ERROR_MESSAGES } from './calendarMessages.js';\nimport { CalendarRoot } from './CalendarRoot.js';\nimport type { CalendarType } from './types/calendarConfiguration.js';\nimport {\n  convertToCalendarStructure,\n  getTimeOffsetFromInitialValue,\n} from './utils/helpers.js';\nimport { useCallbackRef } from '../../core/hooks/useCallbackRef.js';\nimport { useMergeRefs } from '../../core/hooks/useMergeRefs.js';\nimport { isFullTimeframe } from '../../core/time/helpers.js';\nimport type { Precision } from '../../core/time/shared.types.js';\nimport { getCalendarActions } from '../../core/time/timeframeStore/actions/calendar.js';\nimport type {\n  CalendarTimeframeState,\n  CalendarTimeframeStoreActions,\n} from '../../core/time/timeframeStore/calendar.types.js';\nimport { createTimeframeStore } from '../../core/time/timeframeStore/createTimeframeStore.js';\nimport { CalendarStoreProvider } from '../../core/time/timeframeStore/timeframeStoreProvider.js';\nimport { useMinMax, useMinMaxStoreSync } from '../../core/time/useMinMax.js';\nimport { validate } from '../../core/time/validation.js';\nimport { type TimeValue } from '../../core/types/time.js';\nimport { useFormControl } from '../forms-core/hooks/useFormControl.js';\nimport { useMinMaxLogger } from '../forms-core/hooks/useMinMaxLogger.js';\nimport type { FormFieldMessagesReducerAction } from '../forms-core/state/formfield-messages-state-reducer.js';\nimport type { FormControlRef, TimeRangePickerRef } from '../shared-types.js';\n\ntype CalendarStore = StoreApi<\n  CalendarTimeframeState & CalendarTimeframeStoreActions\n>;\n\n/**\n * Extracts the prop-to-store syncing effects into a dedicated hook so the\n * component body stays focused on wiring rather than implementation details.\n *\n * According to the zustand maintainer, the recommended way to keep a zustand\n * store in sync with React props is via useEffect.\n * see https://github.com/pmndrs/zustand/discussions/1390#discussion-4505803\n */\nfunction useSyncPropsAndState(\n  store: CalendarStore,\n  memoedValue: CalendarTimeframeState['calendarValue'],\n  isControlled: boolean,\n  type: CalendarType,\n  precision: Exclude<Precision, 'day'>,\n  min: TimeValue | null,\n  max: TimeValue | null,\n  formFieldMessageDispatch:\n    | Dispatch<FormFieldMessagesReducerAction>\n    | undefined,\n  calendarRef: CalendarTimeframeState['calendarRef'],\n) {\n  const valueMode = type === 'single' ? 'single' : 'timeframeSelector';\n  // Sync the controlled value into the store whenever it changes.\n  useEffect(\n    () => {\n      isControlled &&\n        store.setState((state) => {\n          const error = validate(memoedValue, state.min, state.max, {\n            formMessageDispatch: formFieldMessageDispatch,\n            formerError: state.calendarError,\n            precision: state.precision,\n            showError: false,\n            checkOrder: true,\n            ref: calendarRef,\n            valueMode,\n            errorMessages: CALENDAR_ERROR_MESSAGES,\n          });\n\n          const timeOffset = getTimeOffsetFromInitialValue(\n            memoedValue,\n            type,\n            min,\n            max,\n            precision,\n          );\n\n          const valueWithPrecision = convertToCalendarStructure(\n            type,\n            memoedValue,\n            min,\n            max,\n            precision,\n          );\n\n          if (type === 'single') {\n            return {\n              calendarValue: valueWithPrecision,\n              calendarError: error,\n              timeOffset,\n            };\n          }\n\n          const value = isFullTimeframe(valueWithPrecision)\n            ? valueWithPrecision\n            : null;\n\n          return {\n            calendarValue: value,\n            calendarError: error,\n            timeOffset,\n          };\n        });\n    },\n    // calendarRef is a stable ref \u2014 no need to include it in deps\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [\n      formFieldMessageDispatch,\n      isControlled,\n      memoedValue,\n      store,\n      min,\n      max,\n      precision,\n      type,\n    ],\n  );\n\n  // Sync precision, type, min, and max into the store whenever they change.\n  useEffect(() => {\n    store.setState((state) => {\n      const value = convertToCalendarStructure(\n        type,\n        state.calendarValue,\n        min,\n        max,\n        precision,\n      );\n\n      return {\n        ...state,\n        precision,\n        calendarValue: value,\n      };\n    });\n  }, [precision, store, min, max, type]);\n}\n\nfunction RefAwareCalendar<Type extends CalendarType = 'single'>(\n  props: CalendarProps<Type>,\n  forwardedRef: Ref<\n    | FormControlRef<HTMLDivElement>\n    | (Omit<FormControlRef<HTMLDivElement>, 'inputRef'> &\n        Pick<TimeRangePickerRef<HTMLDivElement>, 'inputRef'>)\n  >,\n) {\n  const {\n    value: propValue,\n    defaultValue: propDefaultValue,\n    onChange,\n    min: propMin,\n    max: propMax,\n    disabled: propDisabled,\n    required: propRequired,\n    readOnly: propReadOnly,\n    id: propId,\n    'aria-disabled': propAriaDisabled,\n    // eslint-disable-next-line @typescript-eslint/no-deprecated -- APPDEV-18321\n    controlState,\n    precision = 'minutes',\n    type = 'single',\n    ...remainingProps\n  } = props;\n\n  const [isControlled] = useState(propValue !== undefined);\n  const onChangeProp = useCallbackRef(onChange);\n\n  // Keep min and max updated at midnight\n  const { min, max } = useMinMax(propMin, propMax);\n  useMinMaxLogger(min, max, 'Calendar');\n\n  const memoedValue = useMemo(() => {\n    return convertToCalendarStructure(type, propValue, min, max, precision);\n  }, [precision, propValue, min, max, type]);\n  const memoedDefaultValue = useMemo(\n    () =>\n      convertToCalendarStructure(type, propDefaultValue, min, max, precision),\n    /** We're ignoring updates to defaultValue as it only considers the initial state. */\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [],\n  );\n  const calendarRef = useRef<\n    | FormControlRef<HTMLDivElement>\n    | (Omit<FormControlRef<HTMLDivElement>, 'inputRef'> &\n        Pick<TimeRangePickerRef<HTMLDivElement>, 'inputRef'>)\n  >(null);\n\n  const {\n    disabled,\n    required,\n    id,\n    ariaDisabled,\n    readOnly,\n    messageDispatch: formFieldMessageDispatch,\n  } = useFormControl({\n    propDisabled,\n    propRequired,\n    propId,\n    propAriaDisabled,\n    propReadOnly,\n    controlState,\n  });\n\n  const [store] = useState(() => {\n    const value = isControlled ? memoedValue : memoedDefaultValue;\n\n    const error = validate(value, min, max, {\n      formMessageDispatch: formFieldMessageDispatch,\n      precision,\n      showError: false,\n      checkOrder: true,\n      ref: calendarRef,\n      valueMode: type === 'single' ? 'single' : 'timeframeSelector',\n      required: required,\n      errorMessages: CALENDAR_ERROR_MESSAGES,\n    });\n    const timeOffset = getTimeOffsetFromInitialValue(\n      value,\n      type,\n      min,\n      max,\n      precision,\n    );\n\n    const initialState = {\n      calendarValue: value,\n      min,\n      max,\n      precision,\n      isFullDay: false,\n      calendarRef,\n      required,\n      calendarError: error,\n      timeOffset,\n    };\n\n    const actions = getCalendarActions<Type>(\n      isControlled,\n      type,\n      formFieldMessageDispatch,\n      onChangeProp,\n    );\n    return createTimeframeStore<\n      CalendarTimeframeState,\n      CalendarTimeframeStoreActions\n    >(initialState, actions);\n  });\n\n  useSyncPropsAndState(\n    store,\n    memoedValue,\n    isControlled,\n    type,\n    precision,\n    min,\n    max,\n    formFieldMessageDispatch,\n    calendarRef,\n  );\n\n  // Keep min and max updated at midnight\n  useMinMaxStoreSync(\n    store,\n    min,\n    max,\n    useCallback(\n      (\n        state: CalendarTimeframeState,\n        min: TimeValue | null,\n        max: TimeValue | null,\n      ) => ({\n        calendarError: validate(state.calendarValue, min, max, {\n          formMessageDispatch: formFieldMessageDispatch,\n          precision,\n          showError: false,\n          checkOrder: true,\n          ref: calendarRef,\n          valueMode: type === 'single' ? 'single' : 'timeframeSelector',\n          required: required,\n          errorMessages: CALENDAR_ERROR_MESSAGES,\n        }),\n      }),\n      [formFieldMessageDispatch],\n    ),\n  );\n\n  const mergedRef = useMergeRefs([calendarRef, forwardedRef]);\n\n  return (\n    <CalendarStoreProvider store={store}>\n      <CalendarRoot\n        {...remainingProps}\n        id={id}\n        ref={mergedRef}\n        aria-disabled={ariaDisabled}\n        disabled={disabled}\n        required={required}\n        readOnly={readOnly}\n        type={type}\n      />\n    </CalendarStoreProvider>\n  );\n}\n\n/**\n * Calendar component\n * Renders the calendar header and body depending on the current view\n * @internal\n */\nexport const Calendar = forwardRef(RefAwareCalendar);\n"],
+  "mappings": "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",
   "names": ["min", "max"]
 }

package/esm/forms/calendar/Calendar.sty.js

@@ -1,17 +1,17 @@
 import "./Calendar.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var body = _7a468({ defaultClassName: "_xm8mdk3-3-10-4", variantClassNames: { isReadOnly: { true: "_xm8mdk4-3-10-4" } }, defaultVariants: {}, compoundVariants: [] });
-var calendar = _7a468({ defaultClassName: "_xm8mdk0-3-10-4", variantClassNames: { readOnly: { true: "_xm8mdk1-3-10-4" } }, defaultVariants: {}, compoundVariants: [] });
-var clearBackground = "_xm8mdkm-3-10-4";
-var dayRow = "_xm8mdk6-3-10-4";
-var disabled = "_xm8mdk2-3-10-4";
-var field = _7a468({ defaultClassName: "_xm8mdk9-3-10-4", variantClassNames: { color: { primary: "_xm8mdka-3-10-4", neutral: "_xm8mdkb-3-10-4", critical: "_xm8mdkc-3-10-4" }, isIncompleteSelection: { true: "_xm8mdkd-3-10-4" }, isDisabled: { true: "_xm8mdke-3-10-4" } }, defaultVariants: { isDisabled: false, color: "neutral" }, compoundVariants: [[{ color: "primary", isDisabled: true }, "_xm8mdkf-3-10-4"], [{ color: "neutral", isDisabled: true }, "_xm8mdkg-3-10-4"], [{ color: "critical", isDisabled: true }, "_xm8mdkh-3-10-4"]] });
-var footer = "_xm8mdko-3-10-4";
-var monthRow = "_xm8mdk7-3-10-4";
-var rangeField = _7a468({ defaultClassName: "_xm8mdki-3-10-4", variantClassNames: { rangeKind: { first: "_xm8mdkj-3-10-4", last: "_xm8mdkk-3-10-4", inbetween: "_xm8mdkl-3-10-4" } }, defaultVariants: {}, compoundVariants: [] });
-var row = "_xm8mdk5-3-10-4";
-var weekdays = "_xm8mdkn-3-10-4";
-var yearRow = "_xm8mdk8-3-10-4";
+var body = _7a468({ defaultClassName: "_xm8mdk3-3-11-0", variantClassNames: { isReadOnly: { true: "_xm8mdk4-3-11-0" } }, defaultVariants: {}, compoundVariants: [] });
+var calendar = _7a468({ defaultClassName: "_xm8mdk0-3-11-0", variantClassNames: { readOnly: { true: "_xm8mdk1-3-11-0" } }, defaultVariants: {}, compoundVariants: [] });
+var clearBackground = "_xm8mdkm-3-11-0";
+var dayRow = "_xm8mdk6-3-11-0";
+var disabled = "_xm8mdk2-3-11-0";
+var field = _7a468({ defaultClassName: "_xm8mdk9-3-11-0", variantClassNames: { color: { primary: "_xm8mdka-3-11-0", neutral: "_xm8mdkb-3-11-0", critical: "_xm8mdkc-3-11-0" }, isIncompleteSelection: { true: "_xm8mdkd-3-11-0" }, isDisabled: { true: "_xm8mdke-3-11-0" } }, defaultVariants: { isDisabled: false, color: "neutral" }, compoundVariants: [[{ color: "primary", isDisabled: true }, "_xm8mdkf-3-11-0"], [{ color: "neutral", isDisabled: true }, "_xm8mdkg-3-11-0"], [{ color: "critical", isDisabled: true }, "_xm8mdkh-3-11-0"]] });
+var footer = "_xm8mdko-3-11-0";
+var monthRow = "_xm8mdk7-3-11-0";
+var rangeField = _7a468({ defaultClassName: "_xm8mdki-3-11-0", variantClassNames: { rangeKind: { first: "_xm8mdkj-3-11-0", last: "_xm8mdkk-3-11-0", inbetween: "_xm8mdkl-3-11-0" } }, defaultVariants: {}, compoundVariants: [] });
+var row = "_xm8mdk5-3-11-0";
+var weekdays = "_xm8mdkn-3-11-0";
+var yearRow = "_xm8mdk8-3-11-0";
 export {
   body,
   calendar,

package/esm/forms/calendar/Calendar.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/calendar/Calendar.css.ts"],
-  "sourcesContent": ["import './Calendar.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var body = _7a468({defaultClassName:'_xm8mdk3-3-10-4',variantClassNames:{isReadOnly:{true:'_xm8mdk4-3-10-4'}},defaultVariants:{},compoundVariants:[]});\nexport var calendar = _7a468({defaultClassName:'_xm8mdk0-3-10-4',variantClassNames:{readOnly:{true:'_xm8mdk1-3-10-4'}},defaultVariants:{},compoundVariants:[]});\nexport var clearBackground = '_xm8mdkm-3-10-4';\nexport var dayRow = '_xm8mdk6-3-10-4';\nexport var disabled = '_xm8mdk2-3-10-4';\nexport var field = _7a468({defaultClassName:'_xm8mdk9-3-10-4',variantClassNames:{color:{primary:'_xm8mdka-3-10-4',neutral:'_xm8mdkb-3-10-4',critical:'_xm8mdkc-3-10-4'},isIncompleteSelection:{true:'_xm8mdkd-3-10-4'},isDisabled:{true:'_xm8mdke-3-10-4'}},defaultVariants:{isDisabled:false,color:'neutral'},compoundVariants:[[{color:'primary',isDisabled:true},'_xm8mdkf-3-10-4'],[{color:'neutral',isDisabled:true},'_xm8mdkg-3-10-4'],[{color:'critical',isDisabled:true},'_xm8mdkh-3-10-4']]});\nexport var footer = '_xm8mdko-3-10-4';\nexport var monthRow = '_xm8mdk7-3-10-4';\nexport var rangeField = _7a468({defaultClassName:'_xm8mdki-3-10-4',variantClassNames:{rangeKind:{first:'_xm8mdkj-3-10-4',last:'_xm8mdkk-3-10-4',inbetween:'_xm8mdkl-3-10-4'}},defaultVariants:{},compoundVariants:[]});\nexport var row = '_xm8mdk5-3-10-4';\nexport var weekdays = '_xm8mdkn-3-10-4';\nexport var yearRow = '_xm8mdk8-3-10-4';"],
+  "sourcesContent": ["import './Calendar.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var body = _7a468({defaultClassName:'_xm8mdk3-3-11-0',variantClassNames:{isReadOnly:{true:'_xm8mdk4-3-11-0'}},defaultVariants:{},compoundVariants:[]});\nexport var calendar = _7a468({defaultClassName:'_xm8mdk0-3-11-0',variantClassNames:{readOnly:{true:'_xm8mdk1-3-11-0'}},defaultVariants:{},compoundVariants:[]});\nexport var clearBackground = '_xm8mdkm-3-11-0';\nexport var dayRow = '_xm8mdk6-3-11-0';\nexport var disabled = '_xm8mdk2-3-11-0';\nexport var field = _7a468({defaultClassName:'_xm8mdk9-3-11-0',variantClassNames:{color:{primary:'_xm8mdka-3-11-0',neutral:'_xm8mdkb-3-11-0',critical:'_xm8mdkc-3-11-0'},isIncompleteSelection:{true:'_xm8mdkd-3-11-0'},isDisabled:{true:'_xm8mdke-3-11-0'}},defaultVariants:{isDisabled:false,color:'neutral'},compoundVariants:[[{color:'primary',isDisabled:true},'_xm8mdkf-3-11-0'],[{color:'neutral',isDisabled:true},'_xm8mdkg-3-11-0'],[{color:'critical',isDisabled:true},'_xm8mdkh-3-11-0']]});\nexport var footer = '_xm8mdko-3-11-0';\nexport var monthRow = '_xm8mdk7-3-11-0';\nexport var rangeField = _7a468({defaultClassName:'_xm8mdki-3-11-0',variantClassNames:{rangeKind:{first:'_xm8mdkj-3-11-0',last:'_xm8mdkk-3-11-0',inbetween:'_xm8mdkl-3-11-0'}},defaultVariants:{},compoundVariants:[]});\nexport var row = '_xm8mdk5-3-11-0';\nexport var weekdays = '_xm8mdkn-3-11-0';\nexport var yearRow = '_xm8mdk8-3-11-0';"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,OAAO,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,YAAW,EAAC,MAAK,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACrJ,IAAI,WAAW,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,UAAS,EAAC,MAAK,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACvJ,IAAI,kBAAkB;AACtB,IAAI,SAAS;AACb,IAAI,WAAW;AACf,IAAI,QAAQ,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,OAAM,EAAC,SAAQ,mBAAkB,SAAQ,mBAAkB,UAAS,kBAAiB,GAAE,uBAAsB,EAAC,MAAK,kBAAiB,GAAE,YAAW,EAAC,MAAK,kBAAiB,EAAC,GAAE,iBAAgB,EAAC,YAAW,OAAM,OAAM,UAAS,GAAE,kBAAiB,CAAC,CAAC,EAAC,OAAM,WAAU,YAAW,KAAI,GAAE,iBAAiB,GAAE,CAAC,EAAC,OAAM,WAAU,YAAW,KAAI,GAAE,iBAAiB,GAAE,CAAC,EAAC,OAAM,YAAW,YAAW,KAAI,GAAE,iBAAiB,CAAC,EAAC,CAAC;AAC9d,IAAI,SAAS;AACb,IAAI,WAAW;AACf,IAAI,aAAa,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,WAAU,EAAC,OAAM,mBAAkB,MAAK,mBAAkB,WAAU,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC9M,IAAI,MAAM;AACV,IAAI,WAAW;AACf,IAAI,UAAU;",
   "names": []
 }

package/esm/forms/calendar/components/CalendarItem.css

@@ -1,7 +1,7 @@
-._1basjc0-3-10-4 {
+._1basjc0-3-11-0 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
 }
-._1basjc1-3-10-4::after,._1basjc1-3-10-4::before {
+._1basjc1-3-11-0::after,._1basjc1-3-11-0::before {
   content: "";
   position: absolute;
   width: 4px;
@@ -11,11 +11,11 @@
   left: 50%;
   border-radius: var(--dt-borders-radius-field-emphasized, 9999px);
 }
-._1basjc1-3-10-4::before {
+._1basjc1-3-11-0::before {
   transform: translate(-50%, 50%) scale(2);
   background: var(--dt-colors-background-surface-default, #fff);
 }
-._1basjc2-3-10-4 {
+._1basjc2-3-11-0 {
   padding-left: var(--dt-spacings-size-0, 0);
   padding-right: var(--dt-spacings-size-0, 0);
   margin: var(--dt-spacings-size-0, 0);
@@ -23,9 +23,9 @@
   position: relative;
   z-index: 0;
 }
-._1basjc2-3-10-4::after {
-  background: var(--_1jljrbf1-3-10-4);
+._1basjc2-3-11-0::after {
+  background: var(--_1jljrbf1-3-11-0);
 }
-._1basjc3-3-10-4 {
+._1basjc3-3-11-0 {
   flex-grow: 1;
 }

package/esm/forms/calendar/components/CalendarItem.sty.js

@@ -1,8 +1,8 @@
 import "./CalendarItem.css";
-var calendarButton = "_1basjc2-3-10-4";
-var currentIndicator = "_1basjc1-3-10-4";
-var headerButton = "_1basjc3-3-10-4";
-var outOfScopeDay = "_1basjc0-3-10-4";
+var calendarButton = "_1basjc2-3-11-0";
+var currentIndicator = "_1basjc1-3-11-0";
+var headerButton = "_1basjc3-3-11-0";
+var outOfScopeDay = "_1basjc0-3-11-0";
 export {
   calendarButton,
   currentIndicator,

package/esm/forms/calendar/components/CalendarItem.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/forms/calendar/components/CalendarItem.css.ts"],
-  "sourcesContent": ["import './CalendarItem.css';\nexport var calendarButton = '_1basjc2-3-10-4';\nexport var currentIndicator = '_1basjc1-3-10-4';\nexport var headerButton = '_1basjc3-3-10-4';\nexport var outOfScopeDay = '_1basjc0-3-10-4';"],
+  "sourcesContent": ["import './CalendarItem.css';\nexport var calendarButton = '_1basjc2-3-11-0';\nexport var currentIndicator = '_1basjc1-3-11-0';\nexport var headerButton = '_1basjc3-3-11-0';\nexport var outOfScopeDay = '_1basjc0-3-11-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,iBAAiB;AACrB,IAAI,mBAAmB;AACvB,IAAI,eAAe;AACnB,IAAI,gBAAgB;",
   "names": []
 }

package/esm/forms/calendar/components/CalendarOutlineIcon.css

@@ -1,24 +1,24 @@
-._1uazq660-3-10-4 {
+._1uazq660-3-11-0 {
   width: 100%;
   position: absolute;
   top: 0;
   left: 0;
   overflow: visible;
-  fill: var(--_1jljrbf1-3-10-4);
+  fill: var(--_1jljrbf1-3-11-0);
 }
-._1uazq661-3-10-4 {
-  fill: var(--_1jljrbf1-3-10-4);
+._1uazq661-3-11-0 {
+  fill: var(--_1jljrbf1-3-11-0);
 }
-._1uazq662-3-10-4 {
+._1uazq662-3-11-0 {
   fill: var(--dt-colors-background-surface-default, #fff);
 }
-._1uazq663-3-10-4 {
-  fill: var(--_1jljrbf0-3-10-4);
+._1uazq663-3-11-0 {
+  fill: var(--_1jljrbf0-3-11-0);
   transition-timing-function: var(--dt-animations-fade-out-easing, cubic-bezier(0, 0, 0.2, 1));
   transition-duration: var(--dt-animations-fade-out-duration-base, 250ms);
   opacity: 0;
   transition-property: opacity;
 }
-._1uazq664-3-10-4 {
+._1uazq664-3-11-0 {
   opacity: 1;
 }

package/esm/forms/calendar/components/CalendarOutlineIcon.sty.js

@@ -1,9 +1,9 @@
 import "./CalendarOutlineIcon.css";
-var calendarIndicatorBackgroundCSS = "_1uazq662-3-10-4";
-var calendarIndicatorCSS = "_1uazq661-3-10-4";
-var calendarOutlineCSS = "_1uazq660-3-10-4";
-var calendarRangeCornersCSS = "_1uazq663-3-10-4";
-var calendarRangeCornorVisibleCSS = "_1uazq664-3-10-4";
+var calendarIndicatorBackgroundCSS = "_1uazq662-3-11-0";
+var calendarIndicatorCSS = "_1uazq661-3-11-0";
+var calendarOutlineCSS = "_1uazq660-3-11-0";
+var calendarRangeCornersCSS = "_1uazq663-3-11-0";
+var calendarRangeCornorVisibleCSS = "_1uazq664-3-11-0";
 export {
   calendarIndicatorBackgroundCSS,
   calendarIndicatorCSS,

package/esm/forms/calendar/components/CalendarOutlineIcon.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/forms/calendar/components/CalendarOutlineIcon.css.ts"],
-  "sourcesContent": ["import './CalendarOutlineIcon.css';\nexport var calendarIndicatorBackgroundCSS = '_1uazq662-3-10-4';\nexport var calendarIndicatorCSS = '_1uazq661-3-10-4';\nexport var calendarOutlineCSS = '_1uazq660-3-10-4';\nexport var calendarRangeCornersCSS = '_1uazq663-3-10-4';\nexport var calendarRangeCornorVisibleCSS = '_1uazq664-3-10-4';"],
+  "sourcesContent": ["import './CalendarOutlineIcon.css';\nexport var calendarIndicatorBackgroundCSS = '_1uazq662-3-11-0';\nexport var calendarIndicatorCSS = '_1uazq661-3-11-0';\nexport var calendarOutlineCSS = '_1uazq660-3-11-0';\nexport var calendarRangeCornersCSS = '_1uazq663-3-11-0';\nexport var calendarRangeCornorVisibleCSS = '_1uazq664-3-11-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,iCAAiC;AACrC,IAAI,uBAAuB;AAC3B,IAAI,qBAAqB;AACzB,IAAI,0BAA0B;AAC9B,IAAI,gCAAgC;",
   "names": []
 }

package/esm/forms/calendar/variables.sty.js

@@ -1,5 +1,5 @@
-var borderColor = "var(--_1jljrbf1-3-10-4)";
-var rangeColor = "var(--_1jljrbf0-3-10-4)";
+var borderColor = "var(--_1jljrbf1-3-11-0)";
+var rangeColor = "var(--_1jljrbf0-3-11-0)";
 export {
   borderColor,
   rangeColor

package/esm/forms/calendar/variables.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/calendar/variables.css.ts"],
-  "sourcesContent": ["export var borderColor = 'var(--_1jljrbf1-3-10-4)';\nexport var rangeColor = 'var(--_1jljrbf0-3-10-4)';"],
+  "sourcesContent": ["export var borderColor = 'var(--_1jljrbf1-3-11-0)';\nexport var rangeColor = 'var(--_1jljrbf0-3-11-0)';"],
   "mappings": "AAAO,IAAI,cAAc;AAClB,IAAI,aAAa;",
   "names": []
 }

package/esm/forms/checkbox/Checkbox.css

@@ -1,67 +1,67 @@
-._qmw7sp0-3-10-4 {
+._qmw7sp0-3-11-0 {
   display: flex;
   cursor: pointer;
 }
-._qmw7sp1-3-10-4 {
+._qmw7sp1-3-11-0 {
   cursor: not-allowed;
   color: var(--dt-colors-text-neutral-disabled, #595a7d80);
 }
-._qmw7sp2-3-10-4:after {
+._qmw7sp2-3-11-0:after {
   content: "*";
 }
-._qmw7sp3-3-10-4 {
+._qmw7sp3-3-11-0 {
   cursor: default;
 }
-._qmw7sp4-3-10-4 {
+._qmw7sp4-3-11-0 {
   width: var(--dt-spacings-size-20, 20px);
   height: var(--dt-spacings-size-20, 20px);
-  background-color: var(--_bx32h3-3-10-4);
+  background-color: var(--_bx32h3-3-11-0);
   flex-shrink: 0;
   box-sizing: border-box;
   position: relative;
   border-radius: var(--dt-borders-radius-field-subdued, 3px);
 }
-._qmw7sp5-3-10-4 {
+._qmw7sp5-3-11-0 {
   margin-right: var(--dt-spacings-size-8, 8px);
 }
-._qmw7sp6-3-10-4 {
+._qmw7sp6-3-11-0 {
   margin-right: 0;
 }
-._qmw7spg-3-10-4 {
+._qmw7spg-3-11-0 {
   background-color: var(--dt-colors-background-field-neutral-disabled, #e4e5eb80);
 }
-._qmw7spg-3-10-4:not(:has(:focus-visible)) {
+._qmw7spg-3-11-0:not(:has(:focus-visible)) {
   box-shadow: inset 0 0 0 var(--dt-borders-width-default, 1px) var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._qmw7sph-3-10-4 {
+._qmw7sph-3-11-0 {
   background-color: var(--dt-colors-background-field-critical-emphasized, #f8e1e1);
 }
-._qmw7sph-3-10-4:not(:has(:focus-visible)) {
+._qmw7sph-3-11-0:not(:has(:focus-visible)) {
   box-shadow: inset 0 0 0 var(--dt-borders-width-default, 1px) var(--dt-colors-border-critical-accent, #bb0731);
 }
-._qmw7spi-3-10-4:not(:has(:focus-visible)) {
+._qmw7spi-3-11-0:not(:has(:focus-visible)) {
   box-shadow: inset 0 0 0 var(--dt-borders-width-default, 1px) var(--dt-colors-border-critical-disabled, #dadbe480);
 }
-._qmw7spj-3-10-4:not(:has(:focus-visible)) {
+._qmw7spj-3-11-0:not(:has(:focus-visible)) {
   box-shadow: inset 0 0 0 var(--dt-borders-width-default, 1px) var(--dt-colors-border-neutral-disabled, #dadbe480);
 }
-._qmw7spk-3-10-4:not(:has(:focus-visible)) {
+._qmw7spk-3-11-0:not(:has(:focus-visible)) {
   box-shadow: inset 0 0 0 var(--dt-borders-width-default, 1px) var(--dt-colors-border-critical-accent, #bb0731);
 }
-._qmw7spl-3-10-4:not(:has(:focus-visible)) {
+._qmw7spl-3-11-0:not(:has(:focus-visible)) {
   box-shadow: inset 0 0 0 var(--dt-borders-width-default, 1px) var(--dt-colors-border-neutral-accent, #595a7d);
 }
-._qmw7spm-3-10-4 {
+._qmw7spm-3-11-0 {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
-  color: var(--_bx32h1-3-10-4);
+  color: var(--_bx32h1-3-11-0);
 }
-._qmw7spn-3-10-4 {
+._qmw7spn-3-11-0 {
   color: var(--dt-colors-icon-neutral-subdued, #595a7d);
 }
-._qmw7spp-3-10-4 {
+._qmw7spp-3-11-0 {
   color: var(--dt-colors-icon-critical-default, #bb0731);
 }

package/esm/forms/checkbox/Checkbox.sty.js

@@ -2,9 +2,9 @@ import "../../core/components/app-root/AppRoot.css";
 import "../../styles/field.css";
 import "./Checkbox.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var checkboxIconCSS = _7a468({ defaultClassName: "_qmw7spm-3-10-4", variantClassNames: { readOnly: { true: "_qmw7spn-3-10-4" }, hasError: { true: "_qmw7spo-3-10-4" } }, defaultVariants: {}, compoundVariants: [[{ readOnly: true, hasError: true }, "_qmw7spp-3-10-4"]] });
-var checkboxKnobCSS = _7a468({ defaultClassName: "_qmw7sp4-3-10-4", variantClassNames: { hasChildren: { true: "_qmw7sp5-3-10-4", false: "_qmw7sp6-3-10-4" }, disabled: { true: "_qmw7sp7-3-10-4", false: "_qmw7sp8-3-10-4" }, hasError: { true: "_qmw7sp9-3-10-4", false: "_qmw7spa-3-10-4" }, checked: { true: "_qmw7spb-3-10-4", false: "_qmw7spc-3-10-4", indeterminate: "_qmw7spd-3-10-4", undefined: "_qmw7spe-3-10-4" }, readOnly: { true: "_qmw7spf-3-10-4" } }, defaultVariants: {}, compoundVariants: [[{ readOnly: true, hasError: false, disabled: false }, "_qmw7spg-3-10-4"], [{ readOnly: true, hasError: true, disabled: false }, "_qmw7sph-3-10-4"], [{ disabled: true, hasError: true, checked: false }, "_qmw7spi-3-10-4"], [{ disabled: true, hasError: false, checked: false }, "_qmw7spj-3-10-4"], [{ disabled: false, hasError: true, checked: false }, "_qmw7spk-3-10-4"], [{ disabled: false, hasError: false, checked: false, readOnly: false }, "_qmw7spl-3-10-4"]] });
-var checkboxLabelCSS = _7a468({ defaultClassName: "_qmw7sp0-3-10-4", variantClassNames: { disabled: { true: "_qmw7sp1-3-10-4" }, required: { true: "_qmw7sp2-3-10-4" }, readOnly: { true: "_qmw7sp3-3-10-4" } }, defaultVariants: {}, compoundVariants: [] });
+var checkboxIconCSS = _7a468({ defaultClassName: "_qmw7spm-3-11-0", variantClassNames: { readOnly: { true: "_qmw7spn-3-11-0" }, hasError: { true: "_qmw7spo-3-11-0" } }, defaultVariants: {}, compoundVariants: [[{ readOnly: true, hasError: true }, "_qmw7spp-3-11-0"]] });
+var checkboxKnobCSS = _7a468({ defaultClassName: "_qmw7sp4-3-11-0", variantClassNames: { hasChildren: { true: "_qmw7sp5-3-11-0", false: "_qmw7sp6-3-11-0" }, disabled: { true: "_qmw7sp7-3-11-0", false: "_qmw7sp8-3-11-0" }, hasError: { true: "_qmw7sp9-3-11-0", false: "_qmw7spa-3-11-0" }, checked: { true: "_qmw7spb-3-11-0", false: "_qmw7spc-3-11-0", indeterminate: "_qmw7spd-3-11-0", undefined: "_qmw7spe-3-11-0" }, readOnly: { true: "_qmw7spf-3-11-0" } }, defaultVariants: {}, compoundVariants: [[{ readOnly: true, hasError: false, disabled: false }, "_qmw7spg-3-11-0"], [{ readOnly: true, hasError: true, disabled: false }, "_qmw7sph-3-11-0"], [{ disabled: true, hasError: true, checked: false }, "_qmw7spi-3-11-0"], [{ disabled: true, hasError: false, checked: false }, "_qmw7spj-3-11-0"], [{ disabled: false, hasError: true, checked: false }, "_qmw7spk-3-11-0"], [{ disabled: false, hasError: false, checked: false, readOnly: false }, "_qmw7spl-3-11-0"]] });
+var checkboxLabelCSS = _7a468({ defaultClassName: "_qmw7sp0-3-11-0", variantClassNames: { disabled: { true: "_qmw7sp1-3-11-0" }, required: { true: "_qmw7sp2-3-11-0" }, readOnly: { true: "_qmw7sp3-3-11-0" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   checkboxIconCSS,
   checkboxKnobCSS,

package/esm/forms/checkbox/Checkbox.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/checkbox/Checkbox.css.ts"],
-  "sourcesContent": ["import '../../core/components/app-root/AppRoot.css';\nimport '../../styles/field.css';\nimport './Checkbox.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var checkboxIconCSS = _7a468({defaultClassName:'_qmw7spm-3-10-4',variantClassNames:{readOnly:{true:'_qmw7spn-3-10-4'},hasError:{true:'_qmw7spo-3-10-4'}},defaultVariants:{},compoundVariants:[[{readOnly:true,hasError:true},'_qmw7spp-3-10-4']]});\nexport var checkboxKnobCSS = _7a468({defaultClassName:'_qmw7sp4-3-10-4',variantClassNames:{hasChildren:{true:'_qmw7sp5-3-10-4',false:'_qmw7sp6-3-10-4'},disabled:{true:'_qmw7sp7-3-10-4',false:'_qmw7sp8-3-10-4'},hasError:{true:'_qmw7sp9-3-10-4',false:'_qmw7spa-3-10-4'},checked:{true:'_qmw7spb-3-10-4',false:'_qmw7spc-3-10-4',indeterminate:'_qmw7spd-3-10-4',undefined:'_qmw7spe-3-10-4'},readOnly:{true:'_qmw7spf-3-10-4'}},defaultVariants:{},compoundVariants:[[{readOnly:true,hasError:false,disabled:false},'_qmw7spg-3-10-4'],[{readOnly:true,hasError:true,disabled:false},'_qmw7sph-3-10-4'],[{disabled:true,hasError:true,checked:false},'_qmw7spi-3-10-4'],[{disabled:true,hasError:false,checked:false},'_qmw7spj-3-10-4'],[{disabled:false,hasError:true,checked:false},'_qmw7spk-3-10-4'],[{disabled:false,hasError:false,checked:false,readOnly:false},'_qmw7spl-3-10-4']]});\nexport var checkboxLabelCSS = _7a468({defaultClassName:'_qmw7sp0-3-10-4',variantClassNames:{disabled:{true:'_qmw7sp1-3-10-4'},required:{true:'_qmw7sp2-3-10-4'},readOnly:{true:'_qmw7sp3-3-10-4'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import '../../core/components/app-root/AppRoot.css';\nimport '../../styles/field.css';\nimport './Checkbox.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var checkboxIconCSS = _7a468({defaultClassName:'_qmw7spm-3-11-0',variantClassNames:{readOnly:{true:'_qmw7spn-3-11-0'},hasError:{true:'_qmw7spo-3-11-0'}},defaultVariants:{},compoundVariants:[[{readOnly:true,hasError:true},'_qmw7spp-3-11-0']]});\nexport var checkboxKnobCSS = _7a468({defaultClassName:'_qmw7sp4-3-11-0',variantClassNames:{hasChildren:{true:'_qmw7sp5-3-11-0',false:'_qmw7sp6-3-11-0'},disabled:{true:'_qmw7sp7-3-11-0',false:'_qmw7sp8-3-11-0'},hasError:{true:'_qmw7sp9-3-11-0',false:'_qmw7spa-3-11-0'},checked:{true:'_qmw7spb-3-11-0',false:'_qmw7spc-3-11-0',indeterminate:'_qmw7spd-3-11-0',undefined:'_qmw7spe-3-11-0'},readOnly:{true:'_qmw7spf-3-11-0'}},defaultVariants:{},compoundVariants:[[{readOnly:true,hasError:false,disabled:false},'_qmw7spg-3-11-0'],[{readOnly:true,hasError:true,disabled:false},'_qmw7sph-3-11-0'],[{disabled:true,hasError:true,checked:false},'_qmw7spi-3-11-0'],[{disabled:true,hasError:false,checked:false},'_qmw7spj-3-11-0'],[{disabled:false,hasError:true,checked:false},'_qmw7spk-3-11-0'],[{disabled:false,hasError:false,checked:false,readOnly:false},'_qmw7spl-3-11-0']]});\nexport var checkboxLabelCSS = _7a468({defaultClassName:'_qmw7sp0-3-11-0',variantClassNames:{disabled:{true:'_qmw7sp1-3-11-0'},required:{true:'_qmw7sp2-3-11-0'},readOnly:{true:'_qmw7sp3-3-11-0'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,kBAAkB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,UAAS,EAAC,MAAK,kBAAiB,GAAE,UAAS,EAAC,MAAK,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,CAAC,EAAC,UAAS,MAAK,UAAS,KAAI,GAAE,iBAAiB,CAAC,EAAC,CAAC;AACjP,IAAI,kBAAkB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,aAAY,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,GAAE,UAAS,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,GAAE,UAAS,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,GAAE,SAAQ,EAAC,MAAK,mBAAkB,OAAM,mBAAkB,eAAc,mBAAkB,WAAU,kBAAiB,GAAE,UAAS,EAAC,MAAK,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,CAAC,EAAC,UAAS,MAAK,UAAS,OAAM,UAAS,MAAK,GAAE,iBAAiB,GAAE,CAAC,EAAC,UAAS,MAAK,UAAS,MAAK,UAAS,MAAK,GAAE,iBAAiB,GAAE,CAAC,EAAC,UAAS,MAAK,UAAS,MAAK,SAAQ,MAAK,GAAE,iBAAiB,GAAE,CAAC,EAAC,UAAS,MAAK,UAAS,OAAM,SAAQ,MAAK,GAAE,iBAAiB,GAAE,CAAC,EAAC,UAAS,OAAM,UAAS,MAAK,SAAQ,MAAK,GAAE,iBAAiB,GAAE,CAAC,EAAC,UAAS,OAAM,UAAS,OAAM,SAAQ,OAAM,UAAS,MAAK,GAAE,iBAAiB,CAAC,EAAC,CAAC;AACz1B,IAAI,mBAAmB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,UAAS,EAAC,MAAK,kBAAiB,GAAE,UAAS,EAAC,MAAK,kBAAiB,GAAE,UAAS,EAAC,MAAK,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }