@dynatrace/strato-components 3.6.0 → 3.7.0

package/esm/forms/calendar/components/Day.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/forms/calendar/components/Day.tsx"],
-  "sourcesContent": ["import { TZDate } from '@date-fns/tz';\nimport clsx from 'clsx';\nimport { endOfDay, isSameDay } from 'date-fns';\nimport { useContext, useMemo, useRef } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { formatDate } from '@dynatrace-sdk/units';\n\nimport { useCalendarStore } from '../../../core/time/timeframeStore/useTimeframeStore.js';\nimport { isOutOfBounds } from '../../../core/time/validation.js';\nimport { useFormFieldContext } from '../../forms-core/hooks/useFormFieldContext.js';\nimport { useFormFieldMessagesContext } from '../../forms-core/hooks/useFormFieldMessagesContext.js';\nimport * as styles from '../Calendar.sty.js';\nimport { CalendarItem } from './CalendarItem.js';\nimport { CalendarOutlineIcon } from './CalendarOutlineIcon.js';\nimport {\n  isFullTimeframe,\n  isPartialTimeframe,\n} from '../../../core/time/helpers.js';\nimport { DayViewContext } from '../contexts/DayViewContext.js';\nimport { useCalendarContext } from '../hooks/useCalendarContext.js';\nimport { useFocus } from '../hooks/useFocus.js';\nimport { NUMBER_OF_WEEKDAYS } from '../types/calendarConfiguration.js';\nimport { getHighlightingProps } from '../utils/helpers.js';\n\n/** @internal */\ninterface DayProps {\n  /** The day it represents. */\n  date: TZDate;\n  /** Whether the day is part of the current month */\n  isCurrentMonthDay?: boolean;\n  /** Position in the calendar grid 1 is first day and 7 the last */\n  position: number;\n}\n\n/**\n * Day component\n * Renders one single day of a calendar month\n * @internal\n */\nexport const Day = ({ date, isCurrentMonthDay = true, position }: DayProps) => {\n  // Reference of the day button, needed to pass to the hook for proper focus management\n  const itemRef = useRef<HTMLDivElement>(null);\n  const isLastInRow = position % NUMBER_OF_WEEKDAYS === 0;\n  const isFirstInRow = position % NUMBER_OF_WEEKDAYS === 1;\n  const intl = useIntl();\n\n  const min = useCalendarStore((store) => store.min);\n  const max = useCalendarStore((store) => store.max);\n  const value = useCalendarStore((store) => store.calendarValue ?? null);\n  const setCalendarValue = useCalendarStore((store) => store.setCalendarValue);\n\n  const { state, dispatch } = useCalendarContext();\n  const { hoveredDate, setHoveredDate } = useContext(DayViewContext);\n\n  const ariaLabel = useMemo(() => {\n    const formatMessage = intl.formatMessage({\n      defaultMessage: 'Select day',\n      id: 'UBJSASimMVkN5w7p',\n      description: 'Aria label to add to each day button',\n    });\n    return `${formatMessage} ${formatDate(date, {\n      year: 'numeric',\n      month: 'numeric',\n      day: 'numeric',\n    })}`;\n  }, [date, intl]);\n\n  const isCurrent = isSameDay(date, state.today);\n  const isFocused = isSameDay(date, state.activeDate);\n\n  const isDisabled = useMemo(() =>\n    // A day is disabled if its end is before the min, or if its start is after the max.\n    {\n      return !!(\n        isOutOfBounds(endOfDay(date), min) ||\n        isOutOfBounds(date, undefined, max)\n      );\n    }, [date, min, max]);\n\n  const { tabIndex } = useFocus({ isFocused, itemRef });\n\n  /** Handle click on a day in the select day view. */\n  function onClick() {\n    dispatch({ type: 'shouldUpdateFocusFromKeydown', payload: false });\n    setCalendarValue?.(date);\n  }\n\n  const {\n    highlightType,\n    highlightColor,\n    isSelected,\n    selectionVariant,\n    isIncompleteSelection,\n  } = useMemo(\n    () => getHighlightingProps(date, value, state.type, hoveredDate),\n    [date, value, state.type, hoveredDate],\n  );\n\n  const rangeInteractionProps = useMemo(() => {\n    const onMouseLeave =\n      (isFullTimeframe(value) || value === null) && hoveredDate\n        ? () => setHoveredDate?.(null)\n        : undefined;\n\n    const onMouseEnter = isPartialTimeframe(value)\n      ? () => setHoveredDate?.(date)\n      : undefined;\n\n    return {\n      onMouseLeave,\n      onMouseEnter,\n    };\n  }, [value, hoveredDate, date, setHoveredDate]);\n\n  const { disabled, ariaDisabled } = useFormFieldContext();\n  const {\n    state: { showError },\n  } = useFormFieldMessagesContext();\n\n  const validatedHighlightColor =\n    showError && highlightColor === 'primary' ? 'critical' : highlightColor;\n  const className = clsx(\n    styles.field({\n      color: validatedHighlightColor,\n      isDisabled: isDisabled || disabled || ariaDisabled,\n      isIncompleteSelection: isIncompleteSelection,\n    }),\n    highlightType && highlightType !== 'same'\n      ? styles.rangeField({\n          rangeKind: highlightType,\n        })\n      : '',\n    isSelected ? styles.clearBackground : '',\n  );\n  const dayValue = date.getDate();\n\n  return (\n    <td role=\"presentation\" className={className} {...rangeInteractionProps}>\n      <CalendarItem\n        ref={itemRef}\n        className=\"calendar-button calendar-body-button\"\n        isDisabled={isDisabled || disabled}\n        isCurrent={isCurrent}\n        isSelected={isSelected}\n        highlightColor={validatedHighlightColor}\n        isCurrentMonthDay={isCurrentMonthDay}\n        tabIndex={tabIndex}\n        ariaLabel={ariaLabel}\n        role=\"gridcell\"\n        aria-selected={isSelected}\n        onClick={onClick}\n        view=\"day\"\n        data-dt-name=\"SelectDay\"\n        data-dt-properties={`value:${dayValue}`}\n      >\n        {dayValue}\n        <CalendarOutlineIcon\n          isCurrent={isCurrent}\n          variant={selectionVariant}\n          highlightType={\n            (isFirstInRow && highlightType === 'last') ||\n            (isLastInRow && highlightType === 'first')\n              ? undefined\n              : highlightType\n          }\n        />\n      </CalendarItem>\n    </td>\n  );\n};\n\nDay['displayName'] = 'Day';\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { TZDate } from '@date-fns/tz';\nimport clsx from 'clsx';\nimport { endOfDay, isSameDay } from 'date-fns';\nimport { useContext, useMemo, useRef } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { formatDate } from '@dynatrace-sdk/units';\n\nimport {\n  isFullTimeframe,\n  isPartialTimeframe,\n  isNowTimeValue,\n} from '../../../core/time/helpers.js';\nimport { useCalendarStore } from '../../../core/time/timeframeStore/useTimeframeStore.js';\nimport { isOutOfBounds } from '../../../core/time/validation.js';\nimport { useFormFieldContext } from '../../forms-core/hooks/useFormFieldContext.js';\nimport { useFormFieldMessagesContext } from '../../forms-core/hooks/useFormFieldMessagesContext.js';\nimport * as styles from '../Calendar.sty.js';\nimport { CalendarItem } from './CalendarItem.js';\nimport { CalendarOutlineIcon } from './CalendarOutlineIcon.js';\nimport { DayViewContext } from '../contexts/DayViewContext.js';\nimport { useCalendarContext } from '../hooks/useCalendarContext.js';\nimport { useFocus } from '../hooks/useFocus.js';\nimport { NUMBER_OF_WEEKDAYS } from '../types/calendarConfiguration.js';\nimport { getHighlightingProps } from '../utils/helpers.js';\n\n/** @internal */\ninterface DayProps {\n  /** The day it represents. */\n  date: TZDate;\n  /** Whether the day is part of the current month */\n  isCurrentMonthDay?: boolean;\n  /** Position in the calendar grid 1 is first day and 7 the last */\n  position: number;\n}\n\n/**\n * Day component\n * Renders one single day of a calendar month\n * @internal\n */\nexport const Day = ({ date, isCurrentMonthDay = true, position }: DayProps) => {\n  // Reference of the day button, needed to pass to the hook for proper focus management\n  const itemRef = useRef<HTMLDivElement>(null);\n  const isLastInRow = position % NUMBER_OF_WEEKDAYS === 0;\n  const isFirstInRow = position % NUMBER_OF_WEEKDAYS === 1;\n  const intl = useIntl();\n\n  const min = useCalendarStore((store) => store.min);\n  const max = useCalendarStore((store) => store.max);\n  const value = useCalendarStore((store) => store.calendarValue ?? null);\n  const setCalendarValue = useCalendarStore((store) => store.setCalendarValue);\n\n  const { state, dispatch } = useCalendarContext();\n  const { hoveredDate, setHoveredDate } = useContext(DayViewContext);\n\n  const ariaLabel = useMemo(() => {\n    const formatMessage = intl.formatMessage({\n      defaultMessage: 'Select day',\n      id: 'UBJSASimMVkN5w7p',\n      description: 'Aria label to add to each day button',\n    });\n    return `${formatMessage} ${formatDate(date, {\n      year: 'numeric',\n      month: 'numeric',\n      day: 'numeric',\n    })}`;\n  }, [date, intl]);\n\n  const isCurrent = isSameDay(date, state.today);\n  const isFocused = isSameDay(date, state.activeDate);\n\n  const isDisabled = useMemo(() =>\n    // A day is disabled if its end is before the min, or if its start is after the max.\n    {\n      return !!(\n        isOutOfBounds(endOfDay(date), min) ||\n        isOutOfBounds(date, undefined, max)\n      );\n    }, [date, min, max]);\n\n  const { tabIndex } = useFocus({ isFocused, itemRef });\n\n  /** Handle click on a day in the select day view. */\n  function onClick() {\n    dispatch({ type: 'shouldUpdateFocusFromKeydown', payload: false });\n    setCalendarValue?.(date);\n  }\n\n  const {\n    highlightType,\n    highlightColor,\n    isSelected,\n    selectionVariant,\n    isIncompleteSelection,\n  } = useMemo(\n    () => getHighlightingProps(date, value, state.type, hoveredDate),\n    [date, value, state.type, hoveredDate],\n  );\n\n  const rangeInteractionProps = useMemo(() => {\n    const onMouseLeave =\n      (isFullTimeframe(value) || value === null) && hoveredDate\n        ? () => setHoveredDate?.(null)\n        : undefined;\n\n    // Suppress the hover preview when the partial selection has a \"now\"\n    // boundary that falls outside [min, max] \u2014 the preview would anchor to an\n    // invalid time and mislead the user.\n    const hasOutOfBoundsNow =\n      isPartialTimeframe(value) &&\n      (isNowTimeValue(value?.from) || isNowTimeValue(value?.to)) &&\n      isOutOfBounds('now', min, max) !== undefined;\n\n    const onMouseEnter =\n      isPartialTimeframe(value) && !hasOutOfBoundsNow\n        ? () => setHoveredDate?.(date)\n        : undefined;\n\n    return {\n      onMouseLeave,\n      onMouseEnter,\n    };\n  }, [value, hoveredDate, date, setHoveredDate, min, max]);\n\n  const { disabled, ariaDisabled } = useFormFieldContext();\n  const {\n    state: { showError },\n  } = useFormFieldMessagesContext();\n\n  const validatedHighlightColor =\n    showError && highlightColor === 'primary' ? 'critical' : highlightColor;\n  const className = clsx(\n    styles.field({\n      color: validatedHighlightColor,\n      isDisabled: isDisabled || disabled || ariaDisabled,\n      isIncompleteSelection: isIncompleteSelection,\n    }),\n    highlightType && highlightType !== 'same'\n      ? styles.rangeField({\n          rangeKind: highlightType,\n        })\n      : '',\n    isSelected ? styles.clearBackground : '',\n  );\n  const dayValue = date.getDate();\n\n  return (\n    <td role=\"presentation\" className={className} {...rangeInteractionProps}>\n      <CalendarItem\n        ref={itemRef}\n        className=\"calendar-button calendar-body-button\"\n        isDisabled={isDisabled || disabled}\n        isCurrent={isCurrent}\n        isSelected={isSelected}\n        highlightColor={validatedHighlightColor}\n        isCurrentMonthDay={isCurrentMonthDay}\n        tabIndex={tabIndex}\n        ariaLabel={ariaLabel}\n        role=\"gridcell\"\n        aria-selected={isSelected}\n        onClick={onClick}\n        view=\"day\"\n        data-dt-name=\"SelectDay\"\n        data-dt-properties={`value:${dayValue}`}\n      >\n        {dayValue}\n        <CalendarOutlineIcon\n          isCurrent={isCurrent}\n          variant={selectionVariant}\n          highlightType={\n            (isFirstInRow && highlightType === 'last') ||\n            (isLastInRow && highlightType === 'first')\n              ? undefined\n              : highlightType\n          }\n        />\n      </CalendarItem>\n    </td>\n  );\n};\n\nDay['displayName'] = 'Day';\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/forms/calendar/components/SetTimeToNowButton.js

@@ -0,0 +1,89 @@
+import { jsx } from "react/jsx-runtime";
+import { TZDateMini } from "@date-fns/tz";
+import { isAfter } from "date-fns";
+import { useCallback, useMemo, useRef } from "react";
+import { FormattedMessage } from "react-intl";
+import { parseTimeAsTimeValue } from "@dynatrace-sdk/units";
+import { getTimezone } from "@dynatrace-sdk/user-preferences";
+import { Button } from "../../../buttons/button/Button.js";
+import { isNowTimeValue, isTimeValue } from "../../../core/time/helpers.js";
+import { useCalendarStore } from "../../../core/time/timeframeStore/useTimeframeStore.js";
+import { isOutOfBounds } from "../../../core/time/validation.js";
+import { useFormFieldContext } from "../../forms-core/hooks/useFormFieldContext.js";
+import { footer as footerStyle } from "../Calendar.sty.js";
+const SetTimeToNowButton = () => {
+  const setCalendarValue = useCalendarStore((state) => state.setCalendarValue);
+  const calendarValue = useCalendarStore((state) => state.calendarValue);
+  const rangeCalendarValue = isTimeValue(calendarValue) ? null : calendarValue;
+  const min = useCalendarStore((state) => state.min);
+  const max = useCalendarStore((state) => state.max);
+  const {
+    disabled: contextDisabled,
+    ariaDisabled,
+    readOnly
+  } = useFormFieldContext();
+  const target = useMemo(() => {
+    if (isNowTimeValue(min)) {
+      return "from";
+    }
+    const now = TZDateMini.tz(getTimezone());
+    if (rangeCalendarValue?.from?.absoluteDate && isAfter(rangeCalendarValue.from.absoluteDate, now) || !rangeCalendarValue?.from?.absoluteDate && rangeCalendarValue?.to?.absoluteDate && isAfter(rangeCalendarValue.to.absoluteDate, now)) {
+      return "from";
+    }
+    return "to";
+  }, [
+    min,
+    rangeCalendarValue?.from?.absoluteDate,
+    rangeCalendarValue?.to?.absoluteDate
+  ]);
+  const disabled = useMemo(() => {
+    if (isOutOfBounds("now", min, max)) {
+      return true;
+    }
+    const isMinNow = isNowTimeValue(rangeCalendarValue?.from);
+    const isMaxNow = isNowTimeValue(rangeCalendarValue?.to);
+    return isMinNow || isMaxNow;
+  }, [rangeCalendarValue, max, min]);
+  const footerRef = useRef(null);
+  const handleClick = useCallback(() => {
+    const now = parseTimeAsTimeValue("now");
+    if (now) {
+      const dialog = footerRef.current?.closest('[role="dialog"]');
+      const activeCell = dialog?.querySelector(
+        '[role="gridcell"][tabindex="0"]'
+      );
+      activeCell?.focus();
+      setCalendarValue(now);
+    }
+  }, [setCalendarValue]);
+  return /* @__PURE__ */ jsx("div", { className: footerStyle, ref: footerRef, children: /* @__PURE__ */ jsx(
+    Button,
+    {
+      disabled: contextDisabled || disabled || readOnly,
+      "aria-disabled": ariaDisabled,
+      onClick: handleClick,
+      size: "condensed",
+      variant: "emphasized",
+      children: target === "from" && !disabled ? /* @__PURE__ */ jsx(
+        FormattedMessage,
+        {
+          defaultMessage: "Set start time to now",
+          id: "gVTqz8lR6St4GyrT",
+          description: "Label for the button that sets the start time of a range selection to the current date and time."
+        }
+      ) : /* @__PURE__ */ jsx(
+        FormattedMessage,
+        {
+          defaultMessage: "Set end time to now",
+          id: "b16Ain2TkJO1zJU6",
+          description: "Label for the button that sets the end time of a range selection to the current date and time."
+        }
+      )
+    }
+  ) });
+};
+SetTimeToNowButton["displayName"] = "SetTimeToNowButton";
+export {
+  SetTimeToNowButton
+};
+//# sourceMappingURL=SetTimeToNowButton.js.map

package/esm/forms/calendar/components/SetTimeToNowButton.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/forms/calendar/components/SetTimeToNowButton.tsx"],
+  "sourcesContent": ["import { TZDateMini } from '@date-fns/tz';\nimport { isAfter } from 'date-fns';\nimport { useCallback, useMemo, useRef } from 'react';\nimport { FormattedMessage } from 'react-intl';\n\nimport { parseTimeAsTimeValue } from '@dynatrace-sdk/units';\nimport { getTimezone } from '@dynatrace-sdk/user-preferences';\n\nimport { Button } from '../../../buttons/button/Button.js';\nimport { isNowTimeValue, isTimeValue } from '../../../core/time/helpers.js';\nimport { useCalendarStore } from '../../../core/time/timeframeStore/useTimeframeStore.js';\nimport { isOutOfBounds } from '../../../core/time/validation.js';\nimport { useFormFieldContext } from '../../forms-core/hooks/useFormFieldContext.js';\nimport { footer as footerStyle } from '../Calendar.sty.js';\n\n/**\n * A button that sets the end time of a range calendar to the current date/time.\n * Disabled when value has already a now or would lead to an error.\n * @internal\n */\nexport const SetTimeToNowButton = () => {\n  const setCalendarValue = useCalendarStore((state) => state.setCalendarValue);\n  const calendarValue = useCalendarStore((state) => state.calendarValue);\n  const rangeCalendarValue = isTimeValue(calendarValue) ? null : calendarValue;\n  const min = useCalendarStore((state) => state.min);\n  const max = useCalendarStore((state) => state.max);\n\n  const {\n    disabled: contextDisabled,\n    ariaDisabled,\n    readOnly,\n  } = useFormFieldContext();\n\n  const target = useMemo<'from' | 'to'>(() => {\n    // When min is a \"now\" expression the range starts at now, so the button\n    // should anchor the start (\"from\") boundary to the current time.\n    if (isNowTimeValue(min)) {\n      return 'from';\n    }\n\n    const now = TZDateMini.tz(getTimezone());\n    if (\n      (rangeCalendarValue?.from?.absoluteDate &&\n        isAfter(rangeCalendarValue.from.absoluteDate, now)) ||\n      (!rangeCalendarValue?.from?.absoluteDate &&\n        rangeCalendarValue?.to?.absoluteDate &&\n        isAfter(rangeCalendarValue.to.absoluteDate, now))\n    ) {\n      return 'from';\n    }\n\n    return 'to';\n  }, [\n    min,\n    rangeCalendarValue?.from?.absoluteDate,\n    rangeCalendarValue?.to?.absoluteDate,\n  ]);\n\n  const disabled = useMemo(() => {\n    if (isOutOfBounds('now', min, max)) {\n      return true;\n    }\n\n    const isMinNow = isNowTimeValue(rangeCalendarValue?.from);\n    const isMaxNow = isNowTimeValue(rangeCalendarValue?.to);\n    return isMinNow || isMaxNow;\n  }, [rangeCalendarValue, max, min]);\n\n  // Ref on the footer wrapper so we can restore focus here when the button\n  //transitions to disabled (disabled HTML elements cannot be focused).\n  const footerRef = useRef<HTMLDivElement>(null);\n\n  const handleClick = useCallback(() => {\n    const now = parseTimeAsTimeValue('now');\n    if (now) {\n      // Move focus to the active calendar date cell\n      const dialog = footerRef.current?.closest('[role=\"dialog\"]');\n      const activeCell = dialog?.querySelector<HTMLElement>(\n        '[role=\"gridcell\"][tabindex=\"0\"]',\n      );\n      activeCell?.focus();\n      setCalendarValue(now);\n    }\n  }, [setCalendarValue]);\n\n  return (\n    <div className={footerStyle} ref={footerRef}>\n      <Button\n        disabled={contextDisabled || disabled || readOnly}\n        aria-disabled={ariaDisabled}\n        onClick={handleClick}\n        size=\"condensed\"\n        variant=\"emphasized\"\n      >\n        {target === 'from' && !disabled ? (\n          <FormattedMessage\n            defaultMessage=\"Set start time to now\"\n            id=\"gVTqz8lR6St4GyrT\"\n            description=\"Label for the button that sets the start time of a range selection to the current date and time.\"\n          />\n        ) : (\n          <FormattedMessage\n            defaultMessage=\"Set end time to now\"\n            id=\"b16Ain2TkJO1zJU6\"\n            description=\"Label for the button that sets the end time of a range selection to the current date and time.\"\n          />\n        )}\n      </Button>\n    </div>\n  );\n};\n\nSetTimeToNowButton['displayName'] = 'SetTimeToNowButton';\n"],
+  "mappings": "AA+FU;AA/FV,SAAS,kBAAkB;AAC3B,SAAS,eAAe;AACxB,SAAS,aAAa,SAAS,cAAc;AAC7C,SAAS,wBAAwB;AAEjC,SAAS,4BAA4B;AACrC,SAAS,mBAAmB;AAE5B,SAAS,cAAc;AACvB,SAAS,gBAAgB,mBAAmB;AAC5C,SAAS,wBAAwB;AACjC,SAAS,qBAAqB;AAC9B,SAAS,2BAA2B;AACpC,SAAS,UAAU,mBAAmB;AAO/B,MAAM,qBAAqB,MAAM;AACtC,QAAM,mBAAmB,iBAAiB,CAAC,UAAU,MAAM,gBAAgB;AAC3E,QAAM,gBAAgB,iBAAiB,CAAC,UAAU,MAAM,aAAa;AACrE,QAAM,qBAAqB,YAAY,aAAa,IAAI,OAAO;AAC/D,QAAM,MAAM,iBAAiB,CAAC,UAAU,MAAM,GAAG;AACjD,QAAM,MAAM,iBAAiB,CAAC,UAAU,MAAM,GAAG;AAEjD,QAAM;AAAA,IACJ,UAAU;AAAA,IACV;AAAA,IACA;AAAA,EACF,IAAI,oBAAoB;AAExB,QAAM,SAAS,QAAuB,MAAM;AAG1C,QAAI,eAAe,GAAG,GAAG;AACvB,aAAO;AAAA,IACT;AAEA,UAAM,MAAM,WAAW,GAAG,YAAY,CAAC;AACvC,QACG,oBAAoB,MAAM,gBACzB,QAAQ,mBAAmB,KAAK,cAAc,GAAG,KAClD,CAAC,oBAAoB,MAAM,gBAC1B,oBAAoB,IAAI,gBACxB,QAAQ,mBAAmB,GAAG,cAAc,GAAG,GACjD;AACA,aAAO;AAAA,IACT;AAEA,WAAO;AAAA,EACT,GAAG;AAAA,IACD;AAAA,IACA,oBAAoB,MAAM;AAAA,IAC1B,oBAAoB,IAAI;AAAA,EAC1B,CAAC;AAED,QAAM,WAAW,QAAQ,MAAM;AAC7B,QAAI,cAAc,OAAO,KAAK,GAAG,GAAG;AAClC,aAAO;AAAA,IACT;AAEA,UAAM,WAAW,eAAe,oBAAoB,IAAI;AACxD,UAAM,WAAW,eAAe,oBAAoB,EAAE;AACtD,WAAO,YAAY;AAAA,EACrB,GAAG,CAAC,oBAAoB,KAAK,GAAG,CAAC;AAIjC,QAAM,YAAY,OAAuB,IAAI;AAE7C,QAAM,cAAc,YAAY,MAAM;AACpC,UAAM,MAAM,qBAAqB,KAAK;AACtC,QAAI,KAAK;AAEP,YAAM,SAAS,UAAU,SAAS,QAAQ,iBAAiB;AAC3D,YAAM,aAAa,QAAQ;AAAA,QACzB;AAAA,MACF;AACA,kBAAY,MAAM;AAClB,uBAAiB,GAAG;AAAA,IACtB;AAAA,EACF,GAAG,CAAC,gBAAgB,CAAC;AAErB,SACE,oBAAC,SAAI,WAAW,aAAa,KAAK,WAChC;AAAA,IAAC;AAAA;AAAA,MACC,UAAU,mBAAmB,YAAY;AAAA,MACzC,iBAAe;AAAA,MACf,SAAS;AAAA,MACT,MAAK;AAAA,MACL,SAAQ;AAAA,MAEP,qBAAW,UAAU,CAAC,WACrB;AAAA,QAAC;AAAA;AAAA,UACC,gBAAe;AAAA,UACf,IAAG;AAAA,UACH,aAAY;AAAA;AAAA,MACd,IAEA;AAAA,QAAC;AAAA;AAAA,UACC,gBAAe;AAAA,UACf,IAAG;AAAA,UACH,aAAY;AAAA;AAAA,MACd;AAAA;AAAA,EAEJ,GACF;AAEJ;AAEA,mBAAmB,aAAa,IAAI;",
+  "names": []
+}

package/esm/forms/calendar/utils/helpers.js

@@ -220,6 +220,18 @@ function getHighlightType(from, to, newDate) {
   }
   return void 0;
 }
+function getSelectionVariant(isSelectedFrom, isSelectedTo, selectedFrom, selectedTo, highlightType, selectedDate) {
+  if (isSelectedFrom && isSelectedTo) {
+    return isRelativeDate("same", selectedDate);
+  }
+  if (isSelectedFrom) {
+    return selectedFrom?.type === "iso8601" ? "absolute" : "relative";
+  }
+  if (isSelectedTo) {
+    return selectedTo?.type === "iso8601" ? "absolute" : "relative";
+  }
+  return isRelativeDate(highlightType, selectedDate);
+}
 const getHighlightPropsFromTimeframe = (date, selectedDate, hoveredDate) => {
   const { from: selectedFrom, to: selectedTo } = selectedDate;
   if (!selectedFrom && !selectedTo) {
@@ -234,13 +246,22 @@ const getHighlightPropsFromTimeframe = (date, selectedDate, hoveredDate) => {
   const highlightType = getHighlightType(safeFromDate, safeToDate, date);
   const isEntireRangeSelected = !!selectedFrom && !!selectedTo && !!highlightType;
   const highlightColor = isSelected || isEntireRangeSelected ? "primary" : "neutral";
-  const isRelative = isSelected ? isRelativeDate(highlightType, selectedDate) : void 0;
+  const isSelectedFrom = !!(from && selectedFrom && isSameDay(date, from));
+  const isSelectedTo = !!(to && selectedTo && isSameDay(date, to));
+  const selectionVariant = isSelected ? getSelectionVariant(
+    isSelectedFrom,
+    isSelectedTo,
+    selectedFrom,
+    selectedTo,
+    highlightType,
+    selectedDate
+  ) : void 0;
   return {
     highlightType,
     highlightColor,
     isSelected,
     isIncompleteSelection: !isEntireRangeSelected,
-    selectionVariant: isRelative
+    selectionVariant
   };
 };
 const getHighlightingProps = (date, selectedDate, type, hoveredDate = null) => {

package/esm/forms/calendar/utils/helpers.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/forms/calendar/utils/helpers.ts"],
-  "sourcesContent": ["import { TZDate, TZDateMini } from '@date-fns/tz';\nimport {\n  addDays,\n  addWeeks,\n  compareAsc,\n  endOfDay,\n  endOfWeek,\n  intervalToDuration,\n  isBefore,\n  isEqual,\n  isSameDay,\n  isWithinInterval,\n  lastDayOfMonth,\n  lastDayOfWeek,\n  startOfDay,\n  startOfMonth,\n  startOfWeek,\n} from 'date-fns';\n// This should be replaced with the Intl Locale weekInfo API (https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Locale/weekInfo) as soon as it gets full support. It's currently not supported in Firefox, but there is an open issue for that - https://bugzilla.mozilla.org/show_bug.cgi?id=1693576\n// TODO: remove as soon as Firefox gets support\nimport { getWeekStartByLocale } from 'weekstart';\n\nimport {\n  getTimezone,\n  getRegionalFormat,\n} from '@dynatrace-sdk/user-preferences';\n\nimport { isTimeframe, isTimeValue } from '../../../core/time/helpers.js';\nimport type { Precision } from '../../../core/time/shared.types.js';\nimport type {\n  CalendarTimeframeState,\n  CalendarTimeframeStore,\n  StringTimeOffset,\n} from '../../../core/time/timeframeStore/calendar.types.js';\nimport { type TimeValue, type Timeframe } from '../../../core/types/time.js';\nimport {\n  getTimeValueFromSimpleValue,\n  sortTimeframeValues,\n  eachDayOfInterval,\n  timeValueToDate,\n} from '../../forms-core/time/helpers.js';\nimport {\n  isExpressionString,\n  mapToPartialTimeframe,\n  removePrecision,\n  removePrecisionFromTimeValue,\n} from '../../forms-core/time/timeParser.js';\nimport type {\n  CalendarProps,\n  CalendarStrictValueType,\n} from '../Calendar.types.js';\nimport type { ViewItem } from '../components/CalendarItem.js';\nimport {\n  NUMBER_OF_WEEKDAYS,\n  NUMBER_OF_WEEK_ROWS,\n  type CalendarType,\n} from '../types/calendarConfiguration.js';\nimport type { FirstDayOfWeek } from '../types/shared-types.js';\n\n/** @internal */\nexport interface Day {\n  date: TZDate;\n  isCurrentMonthDay: boolean;\n}\n\n/**\n * Get days to render in the select date view.\n * @internal\n */\nexport function getDays(\n  activeDate: TZDate,\n  weekStartsOn: FirstDayOfWeek,\n): Day[] {\n  const monthStart = startOfMonth(activeDate);\n\n  const firstWeekStart = startOfWeek(monthStart, {\n    weekStartsOn,\n  });\n\n  const monthEnd = lastDayOfMonth(monthStart);\n  const lastWeekEnd = lastDayOfWeek(monthEnd, { weekStartsOn });\n\n  // Get days of previous month to fill empty spots of the date grid\n  let prevMonthDays = getSiblingMonthDays(monthStart, firstWeekStart, -1);\n\n  const currentMonthDays = toDayArray(\n    eachDayOfInterval({\n      start: monthStart,\n      end: monthEnd,\n    }),\n    true,\n  );\n\n  // Get days of next month to fill empty spots of the date grid\n  const nextMonthDays = getSiblingMonthDays(monthEnd, lastWeekEnd, 1);\n\n  const days = [...prevMonthDays, ...currentMonthDays, ...nextMonthDays];\n\n  // Depending on the start/end day of the month, we might need additional rows\n  // to fill up all the empty spaces of the date grid\n  while (days.length < NUMBER_OF_WEEKDAYS * NUMBER_OF_WEEK_ROWS) {\n    if (!prevMonthDays.length) {\n      // Add additional row of sibling month days before the current month\n      prevMonthDays = toDayArray(\n        eachDayOfInterval({\n          // Typecast to TZDate since TypeScript doesn't infer addWeeks return type directly\n          start: addWeeks<TZDate, TZDate>(firstWeekStart, -1),\n          end: addDays<TZDate, TZDate>(firstWeekStart, -1),\n        }),\n      );\n\n      days.unshift(...prevMonthDays);\n    } else {\n      // Add additional row of sibling month days after the current month\n      days.push(\n        ...toDayArray(\n          eachDayOfInterval({\n            // Typecast to TZDate since TypeScript doesn't infer addWeeks return type directly\n            start: addDays<TZDate, TZDate>(lastWeekEnd, 1),\n            end: addWeeks<TZDate, TZDate>(lastWeekEnd, 1),\n          }),\n        ),\n      );\n    }\n  }\n\n  return days;\n}\n\n/** Get previous or next month's days to fill the current date select view with the fixed number of rows. */\nfunction getSiblingMonthDays(\n  monthStartEnd: TZDate,\n  weekStartEnd: TZDate,\n  direction: 1 | -1,\n): Day[] {\n  // No need to fill empty spots if month start and week start are equal\n  if (isEqual(monthStartEnd, weekStartEnd)) {\n    return [];\n  }\n\n  // Get first/last day of sibling month\n  const siblingMonthStartEnd = addDays(monthStartEnd, direction);\n\n  // The range start date must be prior to the range end date -> sort dates\n  const sortedDays = [siblingMonthStartEnd, weekStartEnd].sort((a, b) =>\n    compareAsc(a, b),\n  );\n\n  // Return array with days to fill up the empty spots of the currently displayed month\n  return toDayArray(\n    eachDayOfInterval({\n      start: sortedDays[0],\n      end: sortedDays[1],\n    }),\n  );\n}\n\n/** Map array of dates to an array of Day objects */\nfunction toDayArray(\n  array: TZDate[],\n  isCurrentMonthDay: boolean | undefined = false,\n): Day[] {\n  return array.map(\n    (date): Day => ({\n      date,\n      isCurrentMonthDay,\n    }),\n  );\n}\n\n/**\n * Tries to convert the given value to the proper TimeValue / Timeframe structure. If not possible it returns null.\n * @internal\n */\nexport function convertToCalendarStructure<Type extends CalendarType>(\n  type: CalendarType = 'single',\n  value?:\n    | Partial<Timeframe>\n    | Partial<{ from: string; to: string }>\n    | null\n    | string\n    | Date\n    | TimeValue\n    | CalendarTimeframeState['calendarValue'],\n  min?: TimeValue | null,\n  max?: TimeValue | null,\n  precision?: CalendarProps<Type>['precision'],\n): CalendarTimeframeState['calendarValue'] {\n  if (type === 'single' && !value) {\n    return null;\n  }\n\n  if (typeof value === 'string' || value instanceof Date) {\n    const stringDate = typeof value === 'string' ? value : value.toISOString();\n    const timeOffset = getTimeOffsetFromInitialValue(\n      stringDate,\n      'single',\n      min,\n      max,\n      precision,\n    );\n\n    return (\n      getTimeValueFromSimpleValue(\n        value,\n        timeOffset,\n        undefined,\n        undefined,\n        min,\n        max,\n        precision,\n      ) ?? null\n    );\n  }\n\n  if (isTimeValue(value)) {\n    return removePrecisionFromTimeValue(value, precision);\n  }\n\n  if (value) {\n    const timeframe = mapToPartialTimeframe(value);\n    const timeOffset = getTimeOffsetFromInitialValue(\n      timeframe,\n      'range',\n      min,\n      max,\n      precision,\n    );\n\n    const from = getTimeValueFromSimpleValue(\n      timeframe?.from?.value,\n      timeOffset,\n      'from',\n      timeframe?.from?.type === 'expression',\n      min,\n      undefined,\n      precision,\n    );\n    const to = getTimeValueFromSimpleValue(\n      timeframe?.to?.value,\n      timeOffset,\n      'to',\n      timeframe?.to?.type === 'expression',\n      undefined,\n      max,\n      precision,\n    );\n    return sortTimeframeValues({ from, to }, min, max, precision);\n  }\n  return { from: null, to: null };\n}\n\n/** @internal */\nfunction getRangePosition(newDate: TZDate, from: TZDate, to: TZDate) {\n  if (from && isSameDay(newDate, from)) {\n    return 'first';\n  }\n\n  if (to && isSameDay(newDate, to)) {\n    return 'last';\n  }\n\n  if (\n    isWithinInterval(newDate, {\n      start: startOfDay(from),\n      end: endOfDay(to),\n    })\n  ) {\n    return 'inbetween';\n  }\n}\n\n/** @internal */\nfunction isRelativeDate(\n  highlightType: ViewItem['highlightType'],\n  selectedDate: Partial<Timeframe>,\n): ViewItem['selectionVariant'] {\n  switch (highlightType) {\n    case 'first': {\n      if (selectedDate.from) {\n        return selectedDate.from.type === 'iso8601' ? 'absolute' : 'relative';\n      }\n      return undefined;\n    }\n    case 'last': {\n      if (selectedDate.to) {\n        return selectedDate.to.type === 'iso8601' ? 'absolute' : 'relative';\n      }\n      // if the to is selected first, an earlier date should become the from in the end, therefore\n      if (!selectedDate.to && selectedDate.from) {\n        return selectedDate.from.type === 'iso8601' ? 'absolute' : 'relative';\n      }\n\n      return undefined;\n    }\n    case 'same': {\n      if (\n        selectedDate.from?.type === 'expression' &&\n        selectedDate.to?.type === 'expression'\n      ) {\n        return 'relative';\n      }\n\n      if (\n        selectedDate.from?.type === 'expression' &&\n        selectedDate.to?.type === 'iso8601'\n      ) {\n        return 'relative-absolute';\n      }\n\n      if (\n        selectedDate.from?.type === 'iso8601' &&\n        selectedDate.to?.type === 'expression'\n      ) {\n        return 'absolute-relative';\n      }\n\n      return 'absolute';\n    }\n    case 'inbetween':\n    default: {\n      return undefined;\n    }\n  }\n}\n\n/** @internal */\nfunction getHighlightType(\n  from: TZDate | undefined | null,\n  to: TZDate | undefined | null,\n  newDate: TZDate,\n) {\n  if (\n    (to && from && isSameDay(from, newDate) && isSameDay(to, newDate)) ||\n    (!to && from && isSameDay(from, newDate)) ||\n    (!from && to && isSameDay(to, newDate))\n  ) {\n    return 'same';\n  }\n\n  if (from && to && isBefore(from, to)) {\n    return getRangePosition(newDate, from, to);\n  }\n\n  if (from && to && isBefore(to, from)) {\n    return getRangePosition(newDate, to, from);\n  }\n\n  return undefined;\n}\n\n/**\n * Returns highlighting properties for a date cell when a timeframe (range) is selected.\n * Determines selection state, highlight color/type, and selection variant for the calendar view.\n */\nconst getHighlightPropsFromTimeframe = (\n  date: TZDate,\n  selectedDate: Partial<Timeframe>,\n  hoveredDate: TZDate | null | undefined,\n): Pick<\n  ViewItem,\n  | 'isSelected'\n  | 'highlightColor'\n  | 'highlightType'\n  | 'selectionVariant'\n  | 'isIncompleteSelection'\n> => {\n  const { from: selectedFrom, to: selectedTo } = selectedDate;\n  if (!selectedFrom && !selectedTo) {\n    return {};\n  }\n\n  const relativeDate = TZDateMini.tz(getTimezone()).getTime();\n  const from = timeValueToDate(selectedFrom, relativeDate);\n  const to = timeValueToDate(selectedTo, relativeDate);\n\n  const isSelected = !!(\n    (from && isSameDay(date, from)) ||\n    (to && isSameDay(date, to))\n  );\n  const safeFromDate = from ?? hoveredDate;\n  const safeToDate = to ?? hoveredDate;\n\n  const highlightType = getHighlightType(safeFromDate, safeToDate, date);\n  const isEntireRangeSelected =\n    !!selectedFrom && !!selectedTo && !!highlightType;\n\n  const highlightColor =\n    isSelected || isEntireRangeSelected ? 'primary' : 'neutral';\n\n  const isRelative = isSelected\n    ? isRelativeDate(highlightType, selectedDate)\n    : undefined;\n\n  return {\n    highlightType,\n    highlightColor,\n    isSelected,\n    isIncompleteSelection: !isEntireRangeSelected,\n    selectionVariant: isRelative,\n  };\n};\n\n/**\n * Checks if the passed date is the selected date or part of the selected date range.\n * Depending on the selection it defines the highlightColor, the highlightType and if it is a relative timeframe.\n * @internal\n */\nexport const getHighlightingProps = (\n  date: TZDate,\n  selectedDate: CalendarTimeframeStore['calendarValue'],\n  type: CalendarType,\n  hoveredDate: TZDate | null = null,\n): Pick<\n  ViewItem,\n  | 'isSelected'\n  | 'highlightColor'\n  | 'highlightType'\n  | 'selectionVariant'\n  | 'isIncompleteSelection'\n> => {\n  if (!selectedDate) {\n    return {};\n  }\n\n  // Range date selection\n  if (isTimeframe(selectedDate, type)) {\n    return getHighlightPropsFromTimeframe(date, selectedDate, hoveredDate);\n  }\n\n  // Single date selection\n  if (isTimeValue(selectedDate)) {\n    const newSelectedDate = timeValueToDate(selectedDate, Date.now());\n    if (!newSelectedDate) {\n      return {};\n    }\n\n    const isSelected = isSameDay(date, newSelectedDate);\n    if (isSelected) {\n      return {\n        isSelected: true,\n        highlightType: 'same',\n        highlightColor: 'primary',\n        isIncompleteSelection: false,\n        selectionVariant:\n          selectedDate.type === 'expression' ? 'relative' : 'absolute',\n      };\n    }\n\n    return {\n      isSelected: false,\n    };\n  }\n  return {};\n};\n\n/**\n * Returns the number of days from the start of the week until the current date.\n * @internal\n */\nexport function getWeekStartOrEnd(\n  indicator: 'startOfWeek' | 'endOfWeek',\n  activeDate: TZDate,\n) {\n  const region = getRegionalFormat();\n  const weekStartsOn = getWeekStartByLocale(region);\n  const start =\n    indicator === 'startOfWeek'\n      ? startOfWeek(activeDate, { weekStartsOn })\n      : endOfWeek(activeDate, { weekStartsOn });\n\n  return (\n    (intervalToDuration({\n      start,\n      end: activeDate,\n    }).days ?? 0) * -1\n  );\n}\n\n/** @internal */\nexport function getTimeOffsetFromInitialValue<Type extends CalendarType>(\n  value?:\n    | CalendarStrictValueType<Type>\n    | { from: string | null | TimeValue; to: string | null | TimeValue }\n    | TimeValue,\n  type: CalendarType = 'single',\n  min: TimeValue | null = null,\n  max: TimeValue | null = null,\n  precision: Precision = 'milliseconds',\n): StringTimeOffset {\n  if (isTimeframe(value, type)) {\n    if (!value) {\n      return { from: 'startOfDay', to: 'endOfDay' };\n    }\n\n    let from = value['from']?.absoluteDate;\n    let to = value['to']?.absoluteDate;\n    const configuredTimezone = getTimezone();\n\n    const fromIsAtStartOfDay =\n      from &&\n      from ===\n        startOfDay(new TZDateMini(from, configuredTimezone)).toISOString();\n    const fromIsMin =\n      min &&\n      from &&\n      removePrecision(from, precision) ===\n        removePrecision(min?.absoluteDate, precision);\n\n    // we need to check if the absoluteDate is set and would match the start of day in the configured timezone (which could be on a different date than the absoluteDate) or if a relative expressions is used\n    if (\n      !from ||\n      fromIsAtStartOfDay ||\n      value['from']?.type === 'expression' ||\n      fromIsMin\n    ) {\n      from = 'startOfDay';\n    }\n\n    const toIsAtEndOfDay =\n      to &&\n      to === endOfDay(new TZDateMini(to, configuredTimezone)).toISOString();\n    const toIsMax =\n      max &&\n      to &&\n      removePrecision(to, precision) ===\n        removePrecision(max?.absoluteDate, precision);\n\n    // we need to check if the absoluteDate is set and would match the end of day in the configured timezone (which could be on a different date than the absoluteDate) or if a relative expressions is used\n    if (!to || toIsAtEndOfDay || value.to?.type === 'expression' || toIsMax) {\n      to = 'endOfDay';\n    }\n\n    return {\n      from,\n      to,\n    };\n  }\n\n  if (precision === 'day') {\n    return 'startOfDay';\n  }\n\n  const offset = isTimeValue(value) ? value.value : value;\n\n  if (typeof offset === 'string') {\n    return isExpressionString(offset) ? 'startOfDay' : offset;\n  }\n\n  return 'startOfDay';\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { TZDate, TZDateMini } from '@date-fns/tz';\nimport {\n  addDays,\n  addWeeks,\n  compareAsc,\n  endOfDay,\n  endOfWeek,\n  intervalToDuration,\n  isBefore,\n  isEqual,\n  isSameDay,\n  isWithinInterval,\n  lastDayOfMonth,\n  lastDayOfWeek,\n  startOfDay,\n  startOfMonth,\n  startOfWeek,\n} from 'date-fns';\n// This should be replaced with the Intl Locale weekInfo API (https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Locale/weekInfo) as soon as it gets full support. It's currently not supported in Firefox, but there is an open issue for that - https://bugzilla.mozilla.org/show_bug.cgi?id=1693576\n// TODO: remove as soon as Firefox gets support\nimport { getWeekStartByLocale } from 'weekstart';\n\nimport {\n  getTimezone,\n  getRegionalFormat,\n} from '@dynatrace-sdk/user-preferences';\n\nimport { isTimeframe, isTimeValue } from '../../../core/time/helpers.js';\nimport type { Precision } from '../../../core/time/shared.types.js';\nimport type {\n  CalendarTimeframeState,\n  CalendarTimeframeStore,\n  StringTimeOffset,\n} from '../../../core/time/timeframeStore/calendar.types.js';\nimport { type TimeValue, type Timeframe } from '../../../core/types/time.js';\nimport {\n  getTimeValueFromSimpleValue,\n  sortTimeframeValues,\n  eachDayOfInterval,\n  timeValueToDate,\n} from '../../forms-core/time/helpers.js';\nimport {\n  isExpressionString,\n  mapToPartialTimeframe,\n  removePrecision,\n  removePrecisionFromTimeValue,\n} from '../../forms-core/time/timeParser.js';\nimport type {\n  CalendarProps,\n  CalendarStrictValueType,\n} from '../Calendar.types.js';\nimport type { ViewItem } from '../components/CalendarItem.js';\nimport {\n  NUMBER_OF_WEEKDAYS,\n  NUMBER_OF_WEEK_ROWS,\n  type CalendarType,\n} from '../types/calendarConfiguration.js';\nimport type { FirstDayOfWeek } from '../types/shared-types.js';\n\n/** @internal */\nexport interface Day {\n  date: TZDate;\n  isCurrentMonthDay: boolean;\n}\n\n/**\n * Get days to render in the select date view.\n * @internal\n */\nexport function getDays(\n  activeDate: TZDate,\n  weekStartsOn: FirstDayOfWeek,\n): Day[] {\n  const monthStart = startOfMonth(activeDate);\n\n  const firstWeekStart = startOfWeek(monthStart, {\n    weekStartsOn,\n  });\n\n  const monthEnd = lastDayOfMonth(monthStart);\n  const lastWeekEnd = lastDayOfWeek(monthEnd, { weekStartsOn });\n\n  // Get days of previous month to fill empty spots of the date grid\n  let prevMonthDays = getSiblingMonthDays(monthStart, firstWeekStart, -1);\n\n  const currentMonthDays = toDayArray(\n    eachDayOfInterval({\n      start: monthStart,\n      end: monthEnd,\n    }),\n    true,\n  );\n\n  // Get days of next month to fill empty spots of the date grid\n  const nextMonthDays = getSiblingMonthDays(monthEnd, lastWeekEnd, 1);\n\n  const days = [...prevMonthDays, ...currentMonthDays, ...nextMonthDays];\n\n  // Depending on the start/end day of the month, we might need additional rows\n  // to fill up all the empty spaces of the date grid\n  while (days.length < NUMBER_OF_WEEKDAYS * NUMBER_OF_WEEK_ROWS) {\n    if (!prevMonthDays.length) {\n      // Add additional row of sibling month days before the current month\n      prevMonthDays = toDayArray(\n        eachDayOfInterval({\n          // Typecast to TZDate since TypeScript doesn't infer addWeeks return type directly\n          start: addWeeks<TZDate, TZDate>(firstWeekStart, -1),\n          end: addDays<TZDate, TZDate>(firstWeekStart, -1),\n        }),\n      );\n\n      days.unshift(...prevMonthDays);\n    } else {\n      // Add additional row of sibling month days after the current month\n      days.push(\n        ...toDayArray(\n          eachDayOfInterval({\n            // Typecast to TZDate since TypeScript doesn't infer addWeeks return type directly\n            start: addDays<TZDate, TZDate>(lastWeekEnd, 1),\n            end: addWeeks<TZDate, TZDate>(lastWeekEnd, 1),\n          }),\n        ),\n      );\n    }\n  }\n\n  return days;\n}\n\n/** Get previous or next month's days to fill the current date select view with the fixed number of rows. */\nfunction getSiblingMonthDays(\n  monthStartEnd: TZDate,\n  weekStartEnd: TZDate,\n  direction: 1 | -1,\n): Day[] {\n  // No need to fill empty spots if month start and week start are equal\n  if (isEqual(monthStartEnd, weekStartEnd)) {\n    return [];\n  }\n\n  // Get first/last day of sibling month\n  const siblingMonthStartEnd = addDays(monthStartEnd, direction);\n\n  // The range start date must be prior to the range end date -> sort dates\n  const sortedDays = [siblingMonthStartEnd, weekStartEnd].sort((a, b) =>\n    compareAsc(a, b),\n  );\n\n  // Return array with days to fill up the empty spots of the currently displayed month\n  return toDayArray(\n    eachDayOfInterval({\n      start: sortedDays[0],\n      end: sortedDays[1],\n    }),\n  );\n}\n\n/** Map array of dates to an array of Day objects */\nfunction toDayArray(\n  array: TZDate[],\n  isCurrentMonthDay: boolean | undefined = false,\n): Day[] {\n  return array.map(\n    (date): Day => ({\n      date,\n      isCurrentMonthDay,\n    }),\n  );\n}\n\n/**\n * Tries to convert the given value to the proper TimeValue / Timeframe structure. If not possible it returns null.\n * @internal\n */\nexport function convertToCalendarStructure<Type extends CalendarType>(\n  type: CalendarType = 'single',\n  value?:\n    | Partial<Timeframe>\n    | Partial<{ from: string; to: string }>\n    | null\n    | string\n    | Date\n    | TimeValue\n    | CalendarTimeframeState['calendarValue'],\n  min?: TimeValue | null,\n  max?: TimeValue | null,\n  precision?: CalendarProps<Type>['precision'],\n): CalendarTimeframeState['calendarValue'] {\n  if (type === 'single' && !value) {\n    return null;\n  }\n\n  if (typeof value === 'string' || value instanceof Date) {\n    const stringDate = typeof value === 'string' ? value : value.toISOString();\n    const timeOffset = getTimeOffsetFromInitialValue(\n      stringDate,\n      'single',\n      min,\n      max,\n      precision,\n    );\n\n    return (\n      getTimeValueFromSimpleValue(\n        value,\n        timeOffset,\n        undefined,\n        undefined,\n        min,\n        max,\n        precision,\n      ) ?? null\n    );\n  }\n\n  if (isTimeValue(value)) {\n    return removePrecisionFromTimeValue(value, precision);\n  }\n\n  if (value) {\n    const timeframe = mapToPartialTimeframe(value);\n    const timeOffset = getTimeOffsetFromInitialValue(\n      timeframe,\n      'range',\n      min,\n      max,\n      precision,\n    );\n\n    const from = getTimeValueFromSimpleValue(\n      timeframe?.from?.value,\n      timeOffset,\n      'from',\n      timeframe?.from?.type === 'expression',\n      min,\n      undefined,\n      precision,\n    );\n    const to = getTimeValueFromSimpleValue(\n      timeframe?.to?.value,\n      timeOffset,\n      'to',\n      timeframe?.to?.type === 'expression',\n      undefined,\n      max,\n      precision,\n    );\n    return sortTimeframeValues({ from, to }, min, max, precision);\n  }\n  return { from: null, to: null };\n}\n\n/** @internal */\nfunction getRangePosition(newDate: TZDate, from: TZDate, to: TZDate) {\n  if (from && isSameDay(newDate, from)) {\n    return 'first';\n  }\n\n  if (to && isSameDay(newDate, to)) {\n    return 'last';\n  }\n\n  if (\n    isWithinInterval(newDate, {\n      start: startOfDay(from),\n      end: endOfDay(to),\n    })\n  ) {\n    return 'inbetween';\n  }\n}\n\n/** @internal */\nfunction isRelativeDate(\n  highlightType: ViewItem['highlightType'],\n  selectedDate: Partial<Timeframe>,\n): ViewItem['selectionVariant'] {\n  switch (highlightType) {\n    case 'first': {\n      if (selectedDate.from) {\n        return selectedDate.from.type === 'iso8601' ? 'absolute' : 'relative';\n      }\n      return undefined;\n    }\n    case 'last': {\n      if (selectedDate.to) {\n        return selectedDate.to.type === 'iso8601' ? 'absolute' : 'relative';\n      }\n      // if the to is selected first, an earlier date should become the from in the end, therefore\n      if (!selectedDate.to && selectedDate.from) {\n        return selectedDate.from.type === 'iso8601' ? 'absolute' : 'relative';\n      }\n\n      return undefined;\n    }\n    case 'same': {\n      if (\n        selectedDate.from?.type === 'expression' &&\n        selectedDate.to?.type === 'expression'\n      ) {\n        return 'relative';\n      }\n\n      if (\n        selectedDate.from?.type === 'expression' &&\n        selectedDate.to?.type === 'iso8601'\n      ) {\n        return 'relative-absolute';\n      }\n\n      if (\n        selectedDate.from?.type === 'iso8601' &&\n        selectedDate.to?.type === 'expression'\n      ) {\n        return 'absolute-relative';\n      }\n\n      return 'absolute';\n    }\n    case 'inbetween':\n    default: {\n      return undefined;\n    }\n  }\n}\n\n/** @internal */\nfunction getHighlightType(\n  from: TZDate | undefined | null,\n  to: TZDate | undefined | null,\n  newDate: TZDate,\n) {\n  if (\n    (to && from && isSameDay(from, newDate) && isSameDay(to, newDate)) ||\n    (!to && from && isSameDay(from, newDate)) ||\n    (!from && to && isSameDay(to, newDate))\n  ) {\n    return 'same';\n  }\n\n  if (from && to && isBefore(from, to)) {\n    return getRangePosition(newDate, from, to);\n  }\n\n  if (from && to && isBefore(to, from)) {\n    return getRangePosition(newDate, to, from);\n  }\n\n  return undefined;\n}\n\nfunction getSelectionVariant(\n  isSelectedFrom: boolean,\n  isSelectedTo: boolean,\n  selectedFrom: Partial<Timeframe>['from'],\n  selectedTo: Partial<Timeframe>['to'],\n  highlightType: ViewItem['highlightType'],\n  selectedDate: Partial<Timeframe>,\n): ViewItem['selectionVariant'] {\n  if (isSelectedFrom && isSelectedTo) {\n    return isRelativeDate('same', selectedDate);\n  }\n  if (isSelectedFrom) {\n    return selectedFrom?.type === 'iso8601' ? 'absolute' : 'relative';\n  }\n  if (isSelectedTo) {\n    return selectedTo?.type === 'iso8601' ? 'absolute' : 'relative';\n  }\n  return isRelativeDate(highlightType, selectedDate);\n}\n\n/**\n * Returns highlighting properties for a date cell when a timeframe (range) is selected.\n * Determines selection state, highlight color/type, and selection variant for the calendar view.\n */\nconst getHighlightPropsFromTimeframe = (\n  date: TZDate,\n  selectedDate: Partial<Timeframe>,\n  hoveredDate: TZDate | null | undefined,\n): Pick<\n  ViewItem,\n  | 'isSelected'\n  | 'highlightColor'\n  | 'highlightType'\n  | 'selectionVariant'\n  | 'isIncompleteSelection'\n> => {\n  const { from: selectedFrom, to: selectedTo } = selectedDate;\n  if (!selectedFrom && !selectedTo) {\n    return {};\n  }\n\n  const relativeDate = TZDateMini.tz(getTimezone()).getTime();\n  const from = timeValueToDate(selectedFrom, relativeDate);\n  const to = timeValueToDate(selectedTo, relativeDate);\n\n  const isSelected = !!(\n    (from && isSameDay(date, from)) ||\n    (to && isSameDay(date, to))\n  );\n  const safeFromDate = from ?? hoveredDate;\n  const safeToDate = to ?? hoveredDate;\n\n  const highlightType = getHighlightType(safeFromDate, safeToDate, date);\n  const isEntireRangeSelected =\n    !!selectedFrom && !!selectedTo && !!highlightType;\n\n  const highlightColor =\n    isSelected || isEntireRangeSelected ? 'primary' : 'neutral';\n\n  const isSelectedFrom = !!(from && selectedFrom && isSameDay(date, from));\n  const isSelectedTo = !!(to && selectedTo && isSameDay(date, to));\n\n  const selectionVariant = isSelected\n    ? getSelectionVariant(\n        isSelectedFrom,\n        isSelectedTo,\n        selectedFrom,\n        selectedTo,\n        highlightType,\n        selectedDate,\n      )\n    : undefined;\n\n  return {\n    highlightType,\n    highlightColor,\n    isSelected,\n    isIncompleteSelection: !isEntireRangeSelected,\n    selectionVariant,\n  };\n};\n\n/**\n * Checks if the passed date is the selected date or part of the selected date range.\n * Depending on the selection it defines the highlightColor, the highlightType and if it is a relative timeframe.\n * @internal\n */\nexport const getHighlightingProps = (\n  date: TZDate,\n  selectedDate: CalendarTimeframeStore['calendarValue'],\n  type: CalendarType,\n  hoveredDate: TZDate | null = null,\n): Pick<\n  ViewItem,\n  | 'isSelected'\n  | 'highlightColor'\n  | 'highlightType'\n  | 'selectionVariant'\n  | 'isIncompleteSelection'\n> => {\n  if (!selectedDate) {\n    return {};\n  }\n\n  // Range date selection\n  if (isTimeframe(selectedDate, type)) {\n    return getHighlightPropsFromTimeframe(date, selectedDate, hoveredDate);\n  }\n\n  // Single date selection\n  if (isTimeValue(selectedDate)) {\n    const newSelectedDate = timeValueToDate(selectedDate, Date.now());\n    if (!newSelectedDate) {\n      return {};\n    }\n\n    const isSelected = isSameDay(date, newSelectedDate);\n    if (isSelected) {\n      return {\n        isSelected: true,\n        highlightType: 'same',\n        highlightColor: 'primary',\n        isIncompleteSelection: false,\n        selectionVariant:\n          selectedDate.type === 'expression' ? 'relative' : 'absolute',\n      };\n    }\n\n    return {\n      isSelected: false,\n    };\n  }\n  return {};\n};\n\n/**\n * Returns the number of days from the start of the week until the current date.\n * @internal\n */\nexport function getWeekStartOrEnd(\n  indicator: 'startOfWeek' | 'endOfWeek',\n  activeDate: TZDate,\n) {\n  const region = getRegionalFormat();\n  const weekStartsOn = getWeekStartByLocale(region);\n  const start =\n    indicator === 'startOfWeek'\n      ? startOfWeek(activeDate, { weekStartsOn })\n      : endOfWeek(activeDate, { weekStartsOn });\n\n  return (\n    (intervalToDuration({\n      start,\n      end: activeDate,\n    }).days ?? 0) * -1\n  );\n}\n\n/** @internal */\nexport function getTimeOffsetFromInitialValue<Type extends CalendarType>(\n  value?:\n    | CalendarStrictValueType<Type>\n    | { from: string | null | TimeValue; to: string | null | TimeValue }\n    | TimeValue,\n  type: CalendarType = 'single',\n  min: TimeValue | null = null,\n  max: TimeValue | null = null,\n  precision: Precision = 'milliseconds',\n): StringTimeOffset {\n  if (isTimeframe(value, type)) {\n    if (!value) {\n      return { from: 'startOfDay', to: 'endOfDay' };\n    }\n\n    let from = value['from']?.absoluteDate;\n    let to = value['to']?.absoluteDate;\n    const configuredTimezone = getTimezone();\n\n    const fromIsAtStartOfDay =\n      from &&\n      from ===\n        startOfDay(new TZDateMini(from, configuredTimezone)).toISOString();\n    const fromIsMin =\n      min &&\n      from &&\n      removePrecision(from, precision) ===\n        removePrecision(min?.absoluteDate, precision);\n\n    // we need to check if the absoluteDate is set and would match the start of day in the configured timezone (which could be on a different date than the absoluteDate) or if a relative expressions is used\n    if (\n      !from ||\n      fromIsAtStartOfDay ||\n      value['from']?.type === 'expression' ||\n      fromIsMin\n    ) {\n      from = 'startOfDay';\n    }\n\n    const toIsAtEndOfDay =\n      to &&\n      to === endOfDay(new TZDateMini(to, configuredTimezone)).toISOString();\n    const toIsMax =\n      max &&\n      to &&\n      removePrecision(to, precision) ===\n        removePrecision(max?.absoluteDate, precision);\n\n    // we need to check if the absoluteDate is set and would match the end of day in the configured timezone (which could be on a different date than the absoluteDate) or if a relative expressions is used\n    if (!to || toIsAtEndOfDay || value.to?.type === 'expression' || toIsMax) {\n      to = 'endOfDay';\n    }\n\n    return {\n      from,\n      to,\n    };\n  }\n\n  if (precision === 'day') {\n    return 'startOfDay';\n  }\n\n  const offset = isTimeValue(value) ? value.value : value;\n\n  if (typeof offset === 'string') {\n    return isExpressionString(offset) ? 'startOfDay' : offset;\n  }\n\n  return 'startOfDay';\n}\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -1,5 +1,5 @@
-var borderColor = "var(--_1jljrbf1-3-6-0)";
-var rangeColor = "var(--_1jljrbf0-3-6-0)";
+var borderColor = "var(--_1jljrbf1-3-7-0)";
+var rangeColor = "var(--_1jljrbf0-3-7-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-6-0)';\nexport var rangeColor = 'var(--_1jljrbf0-3-6-0)';"],
+  "sourcesContent": ["export var borderColor = 'var(--_1jljrbf1-3-7-0)';\nexport var rangeColor = 'var(--_1jljrbf0-3-7-0)';"],
   "mappings": "AAAO,IAAI,cAAc;AAClB,IAAI,aAAa;",
   "names": []
 }

package/esm/forms/checkbox/Checkbox.css

@@ -1,67 +1,67 @@
-._qmw7sp0-3-6-0 {
+._qmw7sp0-3-7-0 {
   display: flex;
   cursor: pointer;
 }
-._qmw7sp1-3-6-0 {
+._qmw7sp1-3-7-0 {
   cursor: not-allowed;
   color: var(--dt-colors-text-neutral-disabled, #595a7d80);
 }
-._qmw7sp2-3-6-0:after {
+._qmw7sp2-3-7-0:after {
   content: "*";
 }
-._qmw7sp3-3-6-0 {
+._qmw7sp3-3-7-0 {
   cursor: default;
 }
-._qmw7sp4-3-6-0 {
+._qmw7sp4-3-7-0 {
   width: var(--dt-spacings-size-20, 20px);
   height: var(--dt-spacings-size-20, 20px);
-  background-color: var(--_bx32h3-3-6-0);
+  background-color: var(--_bx32h3-3-7-0);
   flex-shrink: 0;
   box-sizing: border-box;
   position: relative;
   border-radius: var(--dt-borders-radius-field-subdued, 3px);
 }
-._qmw7sp5-3-6-0 {
+._qmw7sp5-3-7-0 {
   margin-right: var(--dt-spacings-size-8, 8px);
 }
-._qmw7sp6-3-6-0 {
+._qmw7sp6-3-7-0 {
   margin-right: 0;
 }
-._qmw7spg-3-6-0 {
+._qmw7spg-3-7-0 {
   background-color: var(--dt-colors-background-field-neutral-disabled, #e4e5eb80);
 }
-._qmw7spg-3-6-0:not(:has(:focus-visible)) {
+._qmw7spg-3-7-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-6-0 {
+._qmw7sph-3-7-0 {
   background-color: var(--dt-colors-background-field-critical-emphasized, #f8e1e1);
 }
-._qmw7sph-3-6-0:not(:has(:focus-visible)) {
+._qmw7sph-3-7-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-6-0:not(:has(:focus-visible)) {
+._qmw7spi-3-7-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-6-0:not(:has(:focus-visible)) {
+._qmw7spj-3-7-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-6-0:not(:has(:focus-visible)) {
+._qmw7spk-3-7-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-6-0:not(:has(:focus-visible)) {
+._qmw7spl-3-7-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-6-0 {
+._qmw7spm-3-7-0 {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
-  color: var(--_bx32h1-3-6-0);
+  color: var(--_bx32h1-3-7-0);
 }
-._qmw7spn-3-6-0 {
+._qmw7spn-3-7-0 {
   color: var(--dt-colors-icon-neutral-subdued, #595a7d);
 }
-._qmw7spp-3-6-0 {
+._qmw7spp-3-7-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-6-0", variantClassNames: { readOnly: { true: "_qmw7spn-3-6-0" }, hasError: { true: "_qmw7spo-3-6-0" } }, defaultVariants: {}, compoundVariants: [[{ readOnly: true, hasError: true }, "_qmw7spp-3-6-0"]] });
-var checkboxKnobCSS = _7a468({ defaultClassName: "_qmw7sp4-3-6-0", variantClassNames: { hasChildren: { true: "_qmw7sp5-3-6-0", false: "_qmw7sp6-3-6-0" }, disabled: { true: "_qmw7sp7-3-6-0", false: "_qmw7sp8-3-6-0" }, hasError: { true: "_qmw7sp9-3-6-0", false: "_qmw7spa-3-6-0" }, checked: { true: "_qmw7spb-3-6-0", false: "_qmw7spc-3-6-0", indeterminate: "_qmw7spd-3-6-0", undefined: "_qmw7spe-3-6-0" }, readOnly: { true: "_qmw7spf-3-6-0" } }, defaultVariants: {}, compoundVariants: [[{ readOnly: true, hasError: false, disabled: false }, "_qmw7spg-3-6-0"], [{ readOnly: true, hasError: true, disabled: false }, "_qmw7sph-3-6-0"], [{ disabled: true, hasError: true, checked: false }, "_qmw7spi-3-6-0"], [{ disabled: true, hasError: false, checked: false }, "_qmw7spj-3-6-0"], [{ disabled: false, hasError: true, checked: false }, "_qmw7spk-3-6-0"], [{ disabled: false, hasError: false, checked: false, readOnly: false }, "_qmw7spl-3-6-0"]] });
-var checkboxLabelCSS = _7a468({ defaultClassName: "_qmw7sp0-3-6-0", variantClassNames: { disabled: { true: "_qmw7sp1-3-6-0" }, required: { true: "_qmw7sp2-3-6-0" }, readOnly: { true: "_qmw7sp3-3-6-0" } }, defaultVariants: {}, compoundVariants: [] });
+var checkboxIconCSS = _7a468({ defaultClassName: "_qmw7spm-3-7-0", variantClassNames: { readOnly: { true: "_qmw7spn-3-7-0" }, hasError: { true: "_qmw7spo-3-7-0" } }, defaultVariants: {}, compoundVariants: [[{ readOnly: true, hasError: true }, "_qmw7spp-3-7-0"]] });
+var checkboxKnobCSS = _7a468({ defaultClassName: "_qmw7sp4-3-7-0", variantClassNames: { hasChildren: { true: "_qmw7sp5-3-7-0", false: "_qmw7sp6-3-7-0" }, disabled: { true: "_qmw7sp7-3-7-0", false: "_qmw7sp8-3-7-0" }, hasError: { true: "_qmw7sp9-3-7-0", false: "_qmw7spa-3-7-0" }, checked: { true: "_qmw7spb-3-7-0", false: "_qmw7spc-3-7-0", indeterminate: "_qmw7spd-3-7-0", undefined: "_qmw7spe-3-7-0" }, readOnly: { true: "_qmw7spf-3-7-0" } }, defaultVariants: {}, compoundVariants: [[{ readOnly: true, hasError: false, disabled: false }, "_qmw7spg-3-7-0"], [{ readOnly: true, hasError: true, disabled: false }, "_qmw7sph-3-7-0"], [{ disabled: true, hasError: true, checked: false }, "_qmw7spi-3-7-0"], [{ disabled: true, hasError: false, checked: false }, "_qmw7spj-3-7-0"], [{ disabled: false, hasError: true, checked: false }, "_qmw7spk-3-7-0"], [{ disabled: false, hasError: false, checked: false, readOnly: false }, "_qmw7spl-3-7-0"]] });
+var checkboxLabelCSS = _7a468({ defaultClassName: "_qmw7sp0-3-7-0", variantClassNames: { disabled: { true: "_qmw7sp1-3-7-0" }, required: { true: "_qmw7sp2-3-7-0" }, readOnly: { true: "_qmw7sp3-3-7-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-6-0',variantClassNames:{readOnly:{true:'_qmw7spn-3-6-0'},hasError:{true:'_qmw7spo-3-6-0'}},defaultVariants:{},compoundVariants:[[{readOnly:true,hasError:true},'_qmw7spp-3-6-0']]});\nexport var checkboxKnobCSS = _7a468({defaultClassName:'_qmw7sp4-3-6-0',variantClassNames:{hasChildren:{true:'_qmw7sp5-3-6-0',false:'_qmw7sp6-3-6-0'},disabled:{true:'_qmw7sp7-3-6-0',false:'_qmw7sp8-3-6-0'},hasError:{true:'_qmw7sp9-3-6-0',false:'_qmw7spa-3-6-0'},checked:{true:'_qmw7spb-3-6-0',false:'_qmw7spc-3-6-0',indeterminate:'_qmw7spd-3-6-0',undefined:'_qmw7spe-3-6-0'},readOnly:{true:'_qmw7spf-3-6-0'}},defaultVariants:{},compoundVariants:[[{readOnly:true,hasError:false,disabled:false},'_qmw7spg-3-6-0'],[{readOnly:true,hasError:true,disabled:false},'_qmw7sph-3-6-0'],[{disabled:true,hasError:true,checked:false},'_qmw7spi-3-6-0'],[{disabled:true,hasError:false,checked:false},'_qmw7spj-3-6-0'],[{disabled:false,hasError:true,checked:false},'_qmw7spk-3-6-0'],[{disabled:false,hasError:false,checked:false,readOnly:false},'_qmw7spl-3-6-0']]});\nexport var checkboxLabelCSS = _7a468({defaultClassName:'_qmw7sp0-3-6-0',variantClassNames:{disabled:{true:'_qmw7sp1-3-6-0'},required:{true:'_qmw7sp2-3-6-0'},readOnly:{true:'_qmw7sp3-3-6-0'}},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-7-0',variantClassNames:{readOnly:{true:'_qmw7spn-3-7-0'},hasError:{true:'_qmw7spo-3-7-0'}},defaultVariants:{},compoundVariants:[[{readOnly:true,hasError:true},'_qmw7spp-3-7-0']]});\nexport var checkboxKnobCSS = _7a468({defaultClassName:'_qmw7sp4-3-7-0',variantClassNames:{hasChildren:{true:'_qmw7sp5-3-7-0',false:'_qmw7sp6-3-7-0'},disabled:{true:'_qmw7sp7-3-7-0',false:'_qmw7sp8-3-7-0'},hasError:{true:'_qmw7sp9-3-7-0',false:'_qmw7spa-3-7-0'},checked:{true:'_qmw7spb-3-7-0',false:'_qmw7spc-3-7-0',indeterminate:'_qmw7spd-3-7-0',undefined:'_qmw7spe-3-7-0'},readOnly:{true:'_qmw7spf-3-7-0'}},defaultVariants:{},compoundVariants:[[{readOnly:true,hasError:false,disabled:false},'_qmw7spg-3-7-0'],[{readOnly:true,hasError:true,disabled:false},'_qmw7sph-3-7-0'],[{disabled:true,hasError:true,checked:false},'_qmw7spi-3-7-0'],[{disabled:true,hasError:false,checked:false},'_qmw7spj-3-7-0'],[{disabled:false,hasError:true,checked:false},'_qmw7spk-3-7-0'],[{disabled:false,hasError:false,checked:false,readOnly:false},'_qmw7spl-3-7-0']]});\nexport var checkboxLabelCSS = _7a468({defaultClassName:'_qmw7sp0-3-7-0',variantClassNames:{disabled:{true:'_qmw7sp1-3-7-0'},required:{true:'_qmw7sp2-3-7-0'},readOnly:{true:'_qmw7sp3-3-7-0'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,kBAAkB,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,UAAS,EAAC,MAAK,iBAAgB,GAAE,UAAS,EAAC,MAAK,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,CAAC,EAAC,UAAS,MAAK,UAAS,KAAI,GAAE,gBAAgB,CAAC,EAAC,CAAC;AAC7O,IAAI,kBAAkB,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,aAAY,EAAC,MAAK,kBAAiB,OAAM,iBAAgB,GAAE,UAAS,EAAC,MAAK,kBAAiB,OAAM,iBAAgB,GAAE,UAAS,EAAC,MAAK,kBAAiB,OAAM,iBAAgB,GAAE,SAAQ,EAAC,MAAK,kBAAiB,OAAM,kBAAiB,eAAc,kBAAiB,WAAU,iBAAgB,GAAE,UAAS,EAAC,MAAK,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,CAAC,EAAC,UAAS,MAAK,UAAS,OAAM,UAAS,MAAK,GAAE,gBAAgB,GAAE,CAAC,EAAC,UAAS,MAAK,UAAS,MAAK,UAAS,MAAK,GAAE,gBAAgB,GAAE,CAAC,EAAC,UAAS,MAAK,UAAS,MAAK,SAAQ,MAAK,GAAE,gBAAgB,GAAE,CAAC,EAAC,UAAS,MAAK,UAAS,OAAM,SAAQ,MAAK,GAAE,gBAAgB,GAAE,CAAC,EAAC,UAAS,OAAM,UAAS,MAAK,SAAQ,MAAK,GAAE,gBAAgB,GAAE,CAAC,EAAC,UAAS,OAAM,UAAS,OAAM,SAAQ,OAAM,UAAS,MAAK,GAAE,gBAAgB,CAAC,EAAC,CAAC;AACv0B,IAAI,mBAAmB,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,UAAS,EAAC,MAAK,iBAAgB,GAAE,UAAS,EAAC,MAAK,iBAAgB,GAAE,UAAS,EAAC,MAAK,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }