@fluentui/react-calendar-compat 0.4.3 → 0.4.5

package/lib/components/CalendarDayGrid/CalendarDayGrid.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/CalendarDayGrid/CalendarDayGrid.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport { useId } from '@fluentui/react-utilities';\nimport { getBoundedDateRange, getDateRangeArray, isRestrictedDate, DateRangeType } from '../../utils';\nimport { useCalendarDayGridStyles_unstable } from './useCalendarDayGridStyles.styles';\nimport { CalendarMonthHeaderRow } from './CalendarMonthHeaderRow';\nimport { CalendarGridRow } from './CalendarGridRow';\nimport { useWeeks } from './useWeeks';\nimport type { WeekCorners } from './useWeekCornerStyles.styles';\nimport { useWeekCornerStyles } from './useWeekCornerStyles.styles';\nimport { mergeClasses } from '@griffel/react';\nimport type { Day, DayOfWeek } from '../../utils';\nimport type { CalendarDayGridProps } from './CalendarDayGrid.types';\nimport { DirectionalSlideIn, DirectionalSlideOut } from '../../utils/calendarMotions';\nimport { AnimationDirection } from '../../Calendar';\n\nexport interface DayInfo extends Day {\n  onSelected: () => void;\n  setRef(element: HTMLElement | null): void;\n}\n\nfunction useDayRefs() {\n  const daysRef = React.useRef<Record<string, HTMLElement>>({});\n\n  const getSetRefCallback = (dayKey: string) => (element: HTMLElement | null) => {\n    if (element === null) {\n      delete daysRef.current[dayKey];\n    } else {\n      daysRef.current[dayKey] = element;\n    }\n  };\n\n  return [daysRef, getSetRefCallback] as const;\n}\n\nfunction useAnimateBackwards(weeks: DayInfo[][]): boolean | undefined {\n  const previousNavigatedDateRef = React.useRef<Date | undefined>(undefined);\n  React.useEffect(() => {\n    previousNavigatedDateRef.current = weeks[0][0].originalDate;\n  });\n  const previousNavigatedDate = previousNavigatedDateRef.current;\n\n  // eslint-disable-next-line react-hooks/refs\n  if (!previousNavigatedDate || previousNavigatedDate.getTime() === weeks[0][0].originalDate.getTime()) {\n    return undefined;\n    // eslint-disable-next-line react-hooks/refs\n  } else if (previousNavigatedDate <= weeks[0][0].originalDate) {\n    return false;\n  } else {\n    return true;\n  }\n}\n\nexport const CalendarDayGrid: React.FunctionComponent<CalendarDayGridProps> = props => {\n  const navigatedDayRef = React.useRef<HTMLTableCellElement>(\n    null,\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n  ) as React.MutableRefObject<HTMLTableCellElement | null>;\n\n  const activeDescendantId = useId();\n\n  const onSelectDate = (selectedDate: Date): void => {\n    const { firstDayOfWeek, minDate, maxDate, workWeekDays, daysToSelectInDayView, restrictedDates } = props;\n    const restrictedDatesOptions = { minDate, maxDate, restrictedDates };\n\n    // eslint-disable-next-line react-hooks/immutability\n    let dateRange = getDateRangeArray(selectedDate, dateRangeType, firstDayOfWeek, workWeekDays, daysToSelectInDayView);\n    dateRange = getBoundedDateRange(dateRange, minDate, maxDate);\n\n    dateRange = dateRange.filter((d: Date) => {\n      return !isRestrictedDate(d, restrictedDatesOptions);\n    });\n\n    props.onSelectDate?.(selectedDate, dateRange);\n    props.onNavigateDate?.(selectedDate, true);\n  };\n\n  const [daysRef, getSetRefCallback] = useDayRefs();\n\n  const weeks = useWeeks(props, onSelectDate, getSetRefCallback);\n  const animateBackwards = useAnimateBackwards(weeks);\n\n  const [getWeekCornerStyles, calculateRoundedStyles] = useWeekCornerStyles(props);\n\n  React.useImperativeHandle(\n    props.componentRef,\n    () => ({\n      focus() {\n        navigatedDayRef.current?.focus?.();\n      },\n    }),\n    [],\n  );\n\n  /**\n   *\n   * Section for setting hover/pressed styles. Because we want arbitrary blobs of days to be selectable, to support\n   * highlighting every day in the month for month view, css :hover style isn't enough, so we need mouse callbacks\n   * to set classnames on all relevant child refs to apply the styling\n   *\n   */\n  const getDayInfosInRangeOfDay = (dayToCompare: DayInfo): DayInfo[] => {\n    // The hover state looks weird with non-contiguous days in work week view. In work week, show week hover state\n    const dateRangeHoverType = getDateRangeTypeToUse(props.dateRangeType, props.workWeekDays);\n\n    // gets all the dates for the given date range type that are in the same date range as the given day\n    const dateRange = getDateRangeArray(\n      dayToCompare.originalDate,\n      dateRangeHoverType,\n      props.firstDayOfWeek,\n      props.workWeekDays,\n      props.daysToSelectInDayView,\n    ).map((date: Date) => date.getTime());\n\n    // gets all the day refs for the given dates\n    const dayInfosInRange = weeks.reduce((accumulatedValue: DayInfo[], currentWeek: DayInfo[]) => {\n      return accumulatedValue.concat(\n        currentWeek.filter((weekDay: DayInfo) => dateRange.indexOf(weekDay.originalDate.getTime()) !== -1),\n      );\n    }, []);\n\n    return dayInfosInRange;\n  };\n\n  const getRefsFromDayInfos = (dayInfosInRange: DayInfo[]): (HTMLElement | null)[] => {\n    let dayRefs: (HTMLElement | null)[] = [];\n    dayRefs = dayInfosInRange.map((dayInfo: DayInfo) => daysRef.current[dayInfo.key]);\n\n    return dayRefs;\n  };\n\n  const {\n    gridLabel,\n    dateRangeType,\n    showWeekNumbers,\n    labelledBy,\n    lightenDaysOutsideNavigatedMonth,\n    animationDirection = AnimationDirection.Vertical,\n  } = props;\n\n  const classNames = useCalendarDayGridStyles_unstable({\n    animateBackwards,\n    animationDirection,\n    dateRangeType,\n    lightenDaysOutsideNavigatedMonth:\n      lightenDaysOutsideNavigatedMonth === undefined ? true : lightenDaysOutsideNavigatedMonth,\n    showWeekNumbers,\n  });\n\n  // When the month is highlighted get the corner dates so that styles can be added to them\n  const weekCorners: WeekCorners = getWeekCornerStyles(weeks!);\n  const partialWeekProps = {\n    weeks,\n    navigatedDayRef,\n    calculateRoundedStyles,\n    activeDescendantId,\n    classNames,\n    weekCorners,\n    getDayInfosInRangeOfDay,\n    getRefsFromDayInfos,\n  } as const;\n\n  const arrowNavigationAttributes = useArrowNavigationGroup({ axis: 'grid-linear' });\n  const firstWeek = weeks[0];\n  const finalWeek = weeks![weeks!.length - 1];\n  // Single navigation epoch for all rows in the grid. Derived from the first visible day's key\n  // (`Date.toString()`), which changes when the user navigates to a different month but stays\n  // stable across intra-month interactions (e.g. day selection).\n  const navigationEpoch = firstWeek[0].key;\n\n  return (\n    <table\n      className={mergeClasses(classNames.table, props.className)}\n      aria-multiselectable=\"false\"\n      aria-label={gridLabel}\n      aria-labelledby={labelledBy}\n      aria-activedescendant={activeDescendantId}\n      role=\"grid\"\n      {...arrowNavigationAttributes}\n    >\n      <tbody>\n        <CalendarMonthHeaderRow {...props} classNames={classNames} weeks={weeks} />\n        <DirectionalSlideOut\n          edge=\"first\"\n          replayKey={navigationEpoch}\n          animationDirection={animationDirection}\n          animateBackwards={animateBackwards}\n        >\n          <CalendarGridRow\n            {...props}\n            {...partialWeekProps}\n            week={firstWeek}\n            weekIndex={-1}\n            rowClassName={classNames.firstTransitionWeek}\n            aria-role=\"presentation\"\n            ariaHidden={true}\n          />\n        </DirectionalSlideOut>\n        {weeks!.slice(1, weeks!.length - 1).map((week: DayInfo[], weekIndex: number) => (\n          <DirectionalSlideIn\n            key={weekIndex}\n            replayKey={navigationEpoch}\n            animationDirection={animationDirection}\n            animateBackwards={animateBackwards}\n          >\n            <CalendarGridRow\n              {...props}\n              {...partialWeekProps}\n              week={week}\n              weekIndex={weekIndex}\n              rowClassName={classNames.weekRow}\n            />\n          </DirectionalSlideIn>\n        ))}\n        <DirectionalSlideOut\n          edge=\"last\"\n          replayKey={navigationEpoch}\n          animationDirection={animationDirection}\n          animateBackwards={animateBackwards}\n        >\n          <CalendarGridRow\n            {...props}\n            {...partialWeekProps}\n            week={finalWeek}\n            weekIndex={-2}\n            rowClassName={classNames.lastTransitionWeek}\n            aria-role=\"presentation\"\n            ariaHidden={true}\n          />\n        </DirectionalSlideOut>\n      </tbody>\n    </table>\n  );\n};\nCalendarDayGrid.displayName = 'CalendarDayGrid';\n\n/**\n * When given work week, if the days are non-contiguous, the hover states look really weird. So for non-contiguous\n * work weeks, we'll just show week view instead.\n */\nfunction getDateRangeTypeToUse(dateRangeType: DateRangeType, workWeekDays: DayOfWeek[] | undefined): DateRangeType {\n  if (workWeekDays && dateRangeType === DateRangeType.WorkWeek) {\n    const sortedWWDays = workWeekDays.slice().sort();\n    let isContiguous = true;\n    for (let i = 1; i < sortedWWDays.length; i++) {\n      if (sortedWWDays[i] !== sortedWWDays[i - 1] + 1) {\n        isContiguous = false;\n        break;\n      }\n    }\n\n    if (!isContiguous || workWeekDays.length === 0) {\n      return DateRangeType.Week;\n    }\n  }\n\n  return dateRangeType;\n}\n"],"names":["React","useArrowNavigationGroup","useId","getBoundedDateRange","getDateRangeArray","isRestrictedDate","DateRangeType","useCalendarDayGridStyles_unstable","CalendarMonthHeaderRow","CalendarGridRow","useWeeks","useWeekCornerStyles","mergeClasses","DirectionalSlideIn","DirectionalSlideOut","AnimationDirection","useDayRefs","daysRef","useRef","getSetRefCallback","dayKey","element","current","useAnimateBackwards","weeks","previousNavigatedDateRef","undefined","useEffect","originalDate","previousNavigatedDate","getTime","CalendarDayGrid","props","navigatedDayRef","activeDescendantId","onSelectDate","selectedDate","firstDayOfWeek","minDate","maxDate","workWeekDays","daysToSelectInDayView","restrictedDates","restrictedDatesOptions","dateRange","dateRangeType","filter","d","onNavigateDate","animateBackwards","getWeekCornerStyles","calculateRoundedStyles","useImperativeHandle","componentRef","focus","getDayInfosInRangeOfDay","dayToCompare","dateRangeHoverType","getDateRangeTypeToUse","map","date","dayInfosInRange","reduce","accumulatedValue","currentWeek","concat","weekDay","indexOf","getRefsFromDayInfos","dayRefs","dayInfo","key","gridLabel","showWeekNumbers","labelledBy","lightenDaysOutsideNavigatedMonth","animationDirection","Vertical","classNames","weekCorners","partialWeekProps","arrowNavigationAttributes","axis","firstWeek","finalWeek","length","navigationEpoch","table","className","aria-multiselectable","aria-label","aria-labelledby","aria-activedescendant","role","tbody","edge","replayKey","week","weekIndex","rowClassName","firstTransitionWeek","aria-role","ariaHidden","slice","weekRow","lastTransitionWeek","displayName","WorkWeek","sortedWWDays","sort","isContiguous","i","Week"],"mappings":"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"}
+{"version":3,"sources":["../src/components/CalendarDayGrid/CalendarDayGrid.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport { useId } from '@fluentui/react-utilities';\nimport { getBoundedDateRange, getDateRangeArray, isRestrictedDate, DateRangeType } from '../../utils';\nimport { useCalendarDayGridStyles_unstable } from './useCalendarDayGridStyles.styles';\nimport { CalendarMonthHeaderRow } from './CalendarMonthHeaderRow';\nimport { CalendarGridRow } from './CalendarGridRow';\nimport { useWeeks } from './useWeeks';\nimport type { WeekCorners } from './useWeekCornerStyles.styles';\nimport { useWeekCornerStyles } from './useWeekCornerStyles.styles';\nimport { mergeClasses } from '@griffel/react';\nimport type { Day, DayOfWeek } from '../../utils';\nimport type { CalendarDayGridProps } from './CalendarDayGrid.types';\nimport { DirectionalSlideIn, DirectionalSlideOut } from '../../utils/calendarMotions';\nimport { AnimationDirection } from '../../Calendar';\n\nexport interface DayInfo extends Day {\n  onSelected: () => void;\n  setRef(element: HTMLElement | null): void;\n}\n\nfunction useDayRefs() {\n  const daysRef = React.useRef<Record<string, HTMLElement>>({});\n\n  const getSetRefCallback = (dayKey: string) => (element: HTMLElement | null) => {\n    if (element === null) {\n      delete daysRef.current[dayKey];\n    } else {\n      daysRef.current[dayKey] = element;\n    }\n  };\n\n  return [daysRef, getSetRefCallback] as const;\n}\n\nfunction useAnimateBackwards(weeks: DayInfo[][]): boolean | undefined {\n  const previousNavigatedDateRef = React.useRef<Date | undefined>(undefined);\n  React.useEffect(() => {\n    previousNavigatedDateRef.current = weeks[0][0].originalDate;\n  });\n  const previousNavigatedDate = previousNavigatedDateRef.current;\n\n  // eslint-disable-next-line react-hooks/refs\n  if (!previousNavigatedDate || previousNavigatedDate.getTime() === weeks[0][0].originalDate.getTime()) {\n    return undefined;\n    // eslint-disable-next-line react-hooks/refs\n  } else if (previousNavigatedDate <= weeks[0][0].originalDate) {\n    return false;\n  } else {\n    return true;\n  }\n}\n\nexport const CalendarDayGrid: React.FunctionComponent<CalendarDayGridProps> = props => {\n  const navigatedDayRef = React.useRef<HTMLTableCellElement>(\n    null,\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n  ) as React.MutableRefObject<HTMLTableCellElement | null>;\n\n  const activeDescendantId = useId();\n\n  const onSelectDate = (selectedDate: Date): void => {\n    const { firstDayOfWeek, minDate, maxDate, workWeekDays, daysToSelectInDayView, restrictedDates } = props;\n    const restrictedDatesOptions = { minDate, maxDate, restrictedDates };\n\n    // eslint-disable-next-line react-hooks/immutability\n    let dateRange = getDateRangeArray(selectedDate, dateRangeType, firstDayOfWeek, workWeekDays, daysToSelectInDayView);\n    dateRange = getBoundedDateRange(dateRange, minDate, maxDate);\n\n    dateRange = dateRange.filter((d: Date) => {\n      return !isRestrictedDate(d, restrictedDatesOptions);\n    });\n\n    props.onSelectDate?.(selectedDate, dateRange);\n    props.onNavigateDate?.(selectedDate, true);\n  };\n\n  const [daysRef, getSetRefCallback] = useDayRefs();\n\n  const weeks = useWeeks(props, onSelectDate, getSetRefCallback);\n  const animateBackwards = useAnimateBackwards(weeks);\n\n  const [getWeekCornerStyles, calculateRoundedStyles] = useWeekCornerStyles(props);\n\n  React.useImperativeHandle(\n    props.componentRef,\n    () => ({\n      focus() {\n        navigatedDayRef.current?.focus?.();\n      },\n    }),\n    [],\n  );\n\n  /**\n   *\n   * Section for setting hover/pressed styles. Because we want arbitrary blobs of days to be selectable, to support\n   * highlighting every day in the month for month view, css :hover style isn't enough, so we need mouse callbacks\n   * to set classnames on all relevant child refs to apply the styling\n   *\n   */\n  const getDayInfosInRangeOfDay = (dayToCompare: DayInfo): DayInfo[] => {\n    // The hover state looks weird with non-contiguous days in work week view. In work week, show week hover state\n    const dateRangeHoverType = getDateRangeTypeToUse(props.dateRangeType, props.workWeekDays);\n\n    // gets all the dates for the given date range type that are in the same date range as the given day\n    const dateRange = getDateRangeArray(\n      dayToCompare.originalDate,\n      dateRangeHoverType,\n      props.firstDayOfWeek,\n      props.workWeekDays,\n      props.daysToSelectInDayView,\n    ).map((date: Date) => date.getTime());\n\n    // gets all the day refs for the given dates\n    const dayInfosInRange = weeks.reduce((accumulatedValue: DayInfo[], currentWeek: DayInfo[]) => {\n      return accumulatedValue.concat(\n        currentWeek.filter((weekDay: DayInfo) => dateRange.indexOf(weekDay.originalDate.getTime()) !== -1),\n      );\n    }, []);\n\n    return dayInfosInRange;\n  };\n\n  const getRefsFromDayInfos = (dayInfosInRange: DayInfo[]): (HTMLElement | null)[] => {\n    let dayRefs: (HTMLElement | null)[] = [];\n    dayRefs = dayInfosInRange.map((dayInfo: DayInfo) => daysRef.current[dayInfo.key]);\n\n    return dayRefs;\n  };\n\n  const {\n    gridLabel,\n    dateRangeType,\n    showWeekNumbers,\n    labelledBy,\n    lightenDaysOutsideNavigatedMonth,\n    animationDirection = AnimationDirection.Vertical,\n  } = props;\n\n  const classNames = useCalendarDayGridStyles_unstable({\n    animateBackwards,\n    animationDirection,\n    dateRangeType,\n    lightenDaysOutsideNavigatedMonth:\n      lightenDaysOutsideNavigatedMonth === undefined ? true : lightenDaysOutsideNavigatedMonth,\n    showWeekNumbers,\n  });\n\n  // When the month is highlighted get the corner dates so that styles can be added to them\n  const weekCorners: WeekCorners = getWeekCornerStyles(weeks!);\n  const partialWeekProps = {\n    weeks,\n    navigatedDayRef,\n    calculateRoundedStyles,\n    activeDescendantId,\n    classNames,\n    weekCorners,\n    getDayInfosInRangeOfDay,\n    getRefsFromDayInfos,\n  } as const;\n\n  const arrowNavigationAttributes = useArrowNavigationGroup({ axis: 'grid-linear' });\n  const firstWeek = weeks[0];\n  const finalWeek = weeks![weeks!.length - 1];\n  // Single navigation epoch for all rows in the grid. Derived from the first visible day's key\n  // (`Date.toString()`), which changes when the user navigates to a different month but stays\n  // stable across intra-month interactions (e.g. day selection).\n  const navigationEpoch = firstWeek[0].key;\n\n  return (\n    <table\n      className={mergeClasses(classNames.table, props.className)}\n      aria-multiselectable=\"false\"\n      aria-label={gridLabel}\n      aria-labelledby={labelledBy}\n      aria-activedescendant={activeDescendantId}\n      role=\"grid\"\n      {...arrowNavigationAttributes}\n    >\n      <tbody>\n        <CalendarMonthHeaderRow {...props} classNames={classNames} weeks={weeks} />\n        <DirectionalSlideOut\n          edge=\"first\"\n          replayKey={navigationEpoch}\n          animationDirection={animationDirection}\n          animateBackwards={animateBackwards}\n        >\n          <CalendarGridRow\n            {...props}\n            {...partialWeekProps}\n            week={firstWeek}\n            weekIndex={-1}\n            rowClassName={classNames.firstTransitionWeek}\n            aria-role=\"presentation\"\n            ariaHidden={true}\n          />\n        </DirectionalSlideOut>\n        {weeks!.slice(1, weeks!.length - 1).map((week: DayInfo[], weekIndex: number) => (\n          <DirectionalSlideIn\n            key={weekIndex}\n            replayKey={navigationEpoch}\n            animationDirection={animationDirection}\n            animateBackwards={animateBackwards}\n          >\n            <CalendarGridRow\n              {...props}\n              {...partialWeekProps}\n              week={week}\n              weekIndex={weekIndex}\n              rowClassName={classNames.weekRow}\n            />\n          </DirectionalSlideIn>\n        ))}\n        <DirectionalSlideOut\n          edge=\"last\"\n          replayKey={navigationEpoch}\n          animationDirection={animationDirection}\n          animateBackwards={animateBackwards}\n        >\n          <CalendarGridRow\n            {...props}\n            {...partialWeekProps}\n            week={finalWeek}\n            weekIndex={-2}\n            rowClassName={classNames.lastTransitionWeek}\n            aria-role=\"presentation\"\n            ariaHidden={true}\n          />\n        </DirectionalSlideOut>\n      </tbody>\n    </table>\n  );\n};\nCalendarDayGrid.displayName = 'CalendarDayGrid';\n\n/**\n * When given work week, if the days are non-contiguous, the hover states look really weird. So for non-contiguous\n * work weeks, we'll just show week view instead.\n */\nfunction getDateRangeTypeToUse(dateRangeType: DateRangeType, workWeekDays: DayOfWeek[] | undefined): DateRangeType {\n  if (workWeekDays && dateRangeType === DateRangeType.WorkWeek) {\n    const sortedWWDays = workWeekDays.slice().sort();\n    let isContiguous = true;\n    for (let i = 1; i < sortedWWDays.length; i++) {\n      if (sortedWWDays[i] !== sortedWWDays[i - 1] + 1) {\n        isContiguous = false;\n        break;\n      }\n    }\n\n    if (!isContiguous || workWeekDays.length === 0) {\n      return DateRangeType.Week;\n    }\n  }\n\n  return dateRangeType;\n}\n"],"names":["React","useArrowNavigationGroup","useId","getBoundedDateRange","getDateRangeArray","isRestrictedDate","DateRangeType","useCalendarDayGridStyles_unstable","CalendarMonthHeaderRow","CalendarGridRow","useWeeks","useWeekCornerStyles","mergeClasses","DirectionalSlideIn","DirectionalSlideOut","AnimationDirection","useDayRefs","daysRef","useRef","getSetRefCallback","dayKey","element","current","useAnimateBackwards","weeks","previousNavigatedDateRef","undefined","useEffect","originalDate","previousNavigatedDate","getTime","CalendarDayGrid","props","navigatedDayRef","activeDescendantId","onSelectDate","selectedDate","firstDayOfWeek","minDate","maxDate","workWeekDays","daysToSelectInDayView","restrictedDates","restrictedDatesOptions","dateRange","dateRangeType","filter","d","onNavigateDate","animateBackwards","getWeekCornerStyles","calculateRoundedStyles","useImperativeHandle","componentRef","focus","getDayInfosInRangeOfDay","dayToCompare","dateRangeHoverType","getDateRangeTypeToUse","map","date","dayInfosInRange","reduce","accumulatedValue","currentWeek","concat","weekDay","indexOf","getRefsFromDayInfos","dayRefs","dayInfo","key","gridLabel","showWeekNumbers","labelledBy","lightenDaysOutsideNavigatedMonth","animationDirection","Vertical","classNames","weekCorners","partialWeekProps","arrowNavigationAttributes","axis","firstWeek","finalWeek","length","navigationEpoch","table","className","aria-multiselectable","aria-label","aria-labelledby","aria-activedescendant","role","tbody","edge","replayKey","week","weekIndex","rowClassName","firstTransitionWeek","aria-role","ariaHidden","slice","weekRow","lastTransitionWeek","displayName","WorkWeek","sortedWWDays","sort","isContiguous","i","Week"],"mappings":"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"}

package/lib/components/CalendarDayGrid/CalendarGridDayCell.js

@@ -1,12 +1,12 @@
 'use client';
-import * as React from 'react';
-import { ArrowDown, ArrowLeft, ArrowRight, ArrowUp, Enter } from '@fluentui/keyboard-keys';
-import { getRTLSafeKey } from '@fluentui/react-utilities';
-import { useFluent_unstable } from '@fluentui/react-shared-contexts';
-import { mergeClasses } from '@griffel/react';
-import { addDays, addWeeks, compareDates, findAvailableDate, DateRangeType } from '../../utils';
-import { weekCornersClassNames } from './useWeekCornerStyles.styles';
-import { extraCalendarDayGridClassNames } from './useCalendarDayGridStyles.styles';
+import * as React from "react";
+import { ArrowDown, ArrowLeft, ArrowRight, ArrowUp, Enter } from "@fluentui/keyboard-keys";
+import { getRTLSafeKey } from "@fluentui/react-utilities";
+import { useFluent_unstable } from "@fluentui/react-shared-contexts";
+import { mergeClasses } from "@griffel/react";
+import { addDays, addWeeks, compareDates, findAvailableDate, DateRangeType } from "../../utils/index.js";
+import { weekCornersClassNames } from "./useWeekCornerStyles.styles.js";
+import { extraCalendarDayGridClassNames } from "./useCalendarDayGridStyles.styles.js";
 /**
  * @internal
  */ export const CalendarGridDayCell = (props)=>{

package/lib/components/CalendarDayGrid/CalendarGridDayCell.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/CalendarDayGrid/CalendarGridDayCell.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { ArrowDown, ArrowLeft, ArrowRight, ArrowUp, Enter } from '@fluentui/keyboard-keys';\nimport { getRTLSafeKey } from '@fluentui/react-utilities';\nimport { useFluent_unstable } from '@fluentui/react-shared-contexts';\nimport { mergeClasses } from '@griffel/react';\nimport { addDays, addWeeks, compareDates, findAvailableDate, DateRangeType } from '../../utils';\nimport { weekCornersClassNames } from './useWeekCornerStyles.styles';\nimport { extraCalendarDayGridClassNames } from './useCalendarDayGridStyles.styles';\nimport type { AvailableDateOptions } from '../../utils';\nimport type { DayInfo } from './CalendarDayGrid';\nimport type { CalendarGridRowProps } from './CalendarGridRow';\n\n/**\n * @internal\n */\nexport interface CalendarGridDayCellProps extends CalendarGridRowProps {\n  day: DayInfo;\n  dayIndex: number;\n}\n\n/**\n * @internal\n */\nexport const CalendarGridDayCell: React.FunctionComponent<CalendarGridDayCellProps> = props => {\n  'use no memo'; // justified: compiler would optimize unknown function — manual opt-out to preserve runtime behavior\n\n  const {\n    navigatedDate,\n    dateTimeFormatter,\n    allFocusable,\n    strings,\n    activeDescendantId,\n    navigatedDayRef,\n    calculateRoundedStyles,\n    weeks,\n    classNames,\n    day,\n    dayIndex,\n    weekIndex,\n    weekCorners,\n    ariaHidden,\n    customDayCellRef,\n    dateRangeType,\n    daysToSelectInDayView,\n    onSelectDate,\n    restrictedDates,\n    minDate,\n    maxDate,\n    onNavigateDate,\n    getDayInfosInRangeOfDay,\n    getRefsFromDayInfos,\n  } = props;\n  const cornerStyle = weekCorners?.[weekIndex + '_' + dayIndex] ?? '';\n  const isNavigatedDate = compareDates(navigatedDate, day.originalDate);\n\n  const { dir } = useFluent_unstable();\n\n  const navigateMonthEdge = (ev: React.KeyboardEvent<HTMLElement>, date: Date): void => {\n    let targetDate: Date | undefined = undefined;\n    let direction = 1; // by default search forward\n\n    if (ev.key === ArrowUp) {\n      targetDate = addWeeks(date, -1);\n      direction = -1;\n    } else if (ev.key === ArrowDown) {\n      targetDate = addWeeks(date, 1);\n    } else if (ev.key === getRTLSafeKey(ArrowLeft, dir)) {\n      targetDate = addDays(date, -1);\n      direction = -1;\n    } else if (ev.key === getRTLSafeKey(ArrowRight, dir)) {\n      targetDate = addDays(date, 1);\n    }\n\n    if (!targetDate) {\n      // if we couldn't find a target date at all, do nothing\n      return;\n    }\n\n    const findAvailableDateOptions: AvailableDateOptions = {\n      initialDate: date,\n      targetDate,\n      direction,\n      restrictedDates,\n      minDate,\n      maxDate,\n    };\n\n    // target date is restricted, search in whatever direction until finding the next possible date,\n    // stopping at boundaries\n    let nextDate = findAvailableDate(findAvailableDateOptions);\n\n    if (!nextDate) {\n      // if no dates available in initial direction, try going backwards\n      findAvailableDateOptions.direction = -direction;\n      nextDate = findAvailableDate(findAvailableDateOptions);\n    }\n\n    // if the nextDate is still inside the same focusZone area, let the focusZone handle setting the focus so we\n    // don't jump the view unnecessarily\n    const isInCurrentView =\n      weeks &&\n      nextDate &&\n      weeks.slice(1, weeks.length - 1).some((week: DayInfo[]) => {\n        return week.some((dayToCompare: DayInfo) => {\n          return compareDates(dayToCompare.originalDate, nextDate!);\n        });\n      });\n    if (isInCurrentView) {\n      return;\n    }\n\n    // else, fire navigation on the date to change the view to show it\n    if (nextDate) {\n      onNavigateDate(nextDate, true);\n      ev.preventDefault();\n    }\n  };\n\n  const onMouseOverDay = (ev: React.MouseEvent<HTMLElement>) => {\n    const dayInfos = getDayInfosInRangeOfDay(day);\n    const dayRefs = getRefsFromDayInfos(dayInfos);\n\n    dayRefs.forEach((dayRef: HTMLElement | null, index: number) => {\n      if (dayRef) {\n        dayRef.classList.add(extraCalendarDayGridClassNames.hoverStyle);\n        if (\n          !dayInfos[index].isSelected &&\n          dateRangeType === DateRangeType.Day &&\n          daysToSelectInDayView &&\n          daysToSelectInDayView > 1\n        ) {\n          // remove the static classes first to overwrite them\n          dayRef.classList.remove(\n            weekCornersClassNames.bottomLeftCornerDate!,\n            weekCornersClassNames.bottomRightCornerDate!,\n            weekCornersClassNames.topLeftCornerDate!,\n            weekCornersClassNames.topRightCornerDate!,\n          );\n\n          const classNamesToAdd = calculateRoundedStyles(false, false, index > 0, index < dayRefs.length - 1).trim();\n          if (classNamesToAdd) {\n            dayRef.classList.add(...classNamesToAdd.trim().split(' '));\n          }\n        }\n      }\n    });\n  };\n\n  const onMouseDownDay = (ev: React.MouseEvent<HTMLElement>) => {\n    const dayInfos = getDayInfosInRangeOfDay(day);\n    const dayRefs = getRefsFromDayInfos(dayInfos);\n\n    dayRefs.forEach((dayRef: HTMLElement | null) => {\n      if (dayRef) {\n        dayRef.classList.add(extraCalendarDayGridClassNames.pressedStyle);\n      }\n    });\n  };\n\n  const onMouseUpDay = (ev: React.MouseEvent<HTMLElement>) => {\n    const dayInfos = getDayInfosInRangeOfDay(day);\n    const dayRefs = getRefsFromDayInfos(dayInfos);\n\n    dayRefs.forEach((dayRef: HTMLElement | null) => {\n      if (dayRef) {\n        dayRef.classList.remove(extraCalendarDayGridClassNames.pressedStyle);\n      }\n    });\n  };\n\n  const onMouseOutDay = (ev: React.MouseEvent<HTMLElement>) => {\n    const dayInfos = getDayInfosInRangeOfDay(day);\n    const dayRefs = getRefsFromDayInfos(dayInfos);\n\n    dayRefs.forEach((dayRef: HTMLElement | null, index: number) => {\n      if (dayRef) {\n        dayRef.classList.remove(extraCalendarDayGridClassNames.hoverStyle);\n        dayRef.classList.remove(extraCalendarDayGridClassNames.pressedStyle);\n        if (\n          !dayInfos[index].isSelected &&\n          dateRangeType === DateRangeType.Day &&\n          daysToSelectInDayView &&\n          daysToSelectInDayView > 1\n        ) {\n          const classNamesToAdd = calculateRoundedStyles(false, false, index > 0, index < dayRefs.length - 1).trim();\n          if (classNamesToAdd) {\n            dayRef.classList.remove(...classNamesToAdd.trim().split(' '));\n          }\n        }\n      }\n    });\n  };\n\n  const onDayKeyDown = (ev: React.KeyboardEvent<HTMLElement>): void => {\n    if (ev.key === Enter) {\n      onSelectDate?.(day.originalDate);\n    } else {\n      navigateMonthEdge(ev, day.originalDate);\n    }\n  };\n\n  let ariaLabel =\n    day.originalDate.getDate() +\n    ', ' +\n    strings.months[day.originalDate.getMonth()] +\n    ', ' +\n    day.originalDate.getFullYear();\n\n  if (day.isMarked) {\n    ariaLabel = ariaLabel + ', ' + strings.dayMarkedAriaLabel;\n  }\n\n  const isFocusable = !ariaHidden && (allFocusable || (day.isInBounds ? true : undefined));\n\n  return (\n    <td\n      className={mergeClasses(\n        classNames.dayCell,\n        weekCorners && cornerStyle,\n        day.isSelected && !day.isSingleSelected && classNames.daySelected,\n        day.isSingleSelected && classNames.daySingleSelected,\n        !day.isInBounds && classNames.dayOutsideBounds,\n        !day.isInMonth && classNames.dayOutsideNavigatedMonth,\n      )}\n      ref={(element: HTMLTableCellElement) => {\n        customDayCellRef?.(element, day.originalDate, classNames);\n        day.setRef(element);\n        isNavigatedDate && (navigatedDayRef.current = element);\n      }}\n      aria-disabled={!ariaHidden && !day.isInBounds}\n      onClick={day.isInBounds && !ariaHidden ? day.onSelected : undefined}\n      onMouseOver={!ariaHidden ? onMouseOverDay : undefined}\n      onMouseDown={!ariaHidden ? onMouseDownDay : undefined}\n      onMouseUp={!ariaHidden ? onMouseUpDay : undefined}\n      onMouseOut={!ariaHidden ? onMouseOutDay : undefined}\n      onKeyDown={!ariaHidden ? onDayKeyDown : undefined}\n      role=\"gridcell\"\n      tabIndex={isNavigatedDate || isFocusable ? 0 : undefined}\n      aria-current={day.isToday ? 'date' : undefined}\n      aria-selected={day.isInBounds ? day.isSelected : undefined}\n    >\n      <button\n        key={day.key + 'button'}\n        className={mergeClasses(classNames.dayButton, day.isToday && classNames.dayIsToday)}\n        aria-label={ariaLabel}\n        id={isNavigatedDate ? activeDescendantId : undefined}\n        disabled={!ariaHidden && !day.isInBounds}\n        type=\"button\"\n        tabIndex={-1}\n      >\n        <span className={day.isToday ? mergeClasses(classNames.dayTodayMarker) : undefined}>\n          {dateTimeFormatter.formatDay(day.originalDate)}\n        </span>\n        {day.isMarked && <div aria-hidden=\"true\" className={classNames.dayMarker} />}\n      </button>\n    </td>\n  );\n};\n"],"names":["React","ArrowDown","ArrowLeft","ArrowRight","ArrowUp","Enter","getRTLSafeKey","useFluent_unstable","mergeClasses","addDays","addWeeks","compareDates","findAvailableDate","DateRangeType","weekCornersClassNames","extraCalendarDayGridClassNames","CalendarGridDayCell","props","navigatedDate","dateTimeFormatter","allFocusable","strings","activeDescendantId","navigatedDayRef","calculateRoundedStyles","weeks","classNames","day","dayIndex","weekIndex","weekCorners","ariaHidden","customDayCellRef","dateRangeType","daysToSelectInDayView","onSelectDate","restrictedDates","minDate","maxDate","onNavigateDate","getDayInfosInRangeOfDay","getRefsFromDayInfos","cornerStyle","isNavigatedDate","originalDate","dir","navigateMonthEdge","ev","date","targetDate","undefined","direction","key","findAvailableDateOptions","initialDate","nextDate","isInCurrentView","slice","length","some","week","dayToCompare","preventDefault","onMouseOverDay","dayInfos","dayRefs","forEach","dayRef","index","classList","add","hoverStyle","isSelected","Day","remove","bottomLeftCornerDate","bottomRightCornerDate","topLeftCornerDate","topRightCornerDate","classNamesToAdd","trim","split","onMouseDownDay","pressedStyle","onMouseUpDay","onMouseOutDay","onDayKeyDown","ariaLabel","getDate","months","getMonth","getFullYear","isMarked","dayMarkedAriaLabel","isFocusable","isInBounds","td","className","dayCell","isSingleSelected","daySelected","daySingleSelected","dayOutsideBounds","isInMonth","dayOutsideNavigatedMonth","ref","element","setRef","current","aria-disabled","onClick","onSelected","onMouseOver","onMouseDown","onMouseUp","onMouseOut","onKeyDown","role","tabIndex","aria-current","isToday","aria-selected","button","dayButton","dayIsToday","aria-label","id","disabled","type","span","dayTodayMarker","formatDay","div","aria-hidden","dayMarker"],"mappings":"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"}
+{"version":3,"sources":["../src/components/CalendarDayGrid/CalendarGridDayCell.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { ArrowDown, ArrowLeft, ArrowRight, ArrowUp, Enter } from '@fluentui/keyboard-keys';\nimport { getRTLSafeKey } from '@fluentui/react-utilities';\nimport { useFluent_unstable } from '@fluentui/react-shared-contexts';\nimport { mergeClasses } from '@griffel/react';\nimport { addDays, addWeeks, compareDates, findAvailableDate, DateRangeType } from '../../utils';\nimport { weekCornersClassNames } from './useWeekCornerStyles.styles';\nimport { extraCalendarDayGridClassNames } from './useCalendarDayGridStyles.styles';\nimport type { AvailableDateOptions } from '../../utils';\nimport type { DayInfo } from './CalendarDayGrid';\nimport type { CalendarGridRowProps } from './CalendarGridRow';\n\n/**\n * @internal\n */\nexport interface CalendarGridDayCellProps extends CalendarGridRowProps {\n  day: DayInfo;\n  dayIndex: number;\n}\n\n/**\n * @internal\n */\nexport const CalendarGridDayCell: React.FunctionComponent<CalendarGridDayCellProps> = props => {\n  'use no memo'; // justified: compiler would optimize unknown function — manual opt-out to preserve runtime behavior\n\n  const {\n    navigatedDate,\n    dateTimeFormatter,\n    allFocusable,\n    strings,\n    activeDescendantId,\n    navigatedDayRef,\n    calculateRoundedStyles,\n    weeks,\n    classNames,\n    day,\n    dayIndex,\n    weekIndex,\n    weekCorners,\n    ariaHidden,\n    customDayCellRef,\n    dateRangeType,\n    daysToSelectInDayView,\n    onSelectDate,\n    restrictedDates,\n    minDate,\n    maxDate,\n    onNavigateDate,\n    getDayInfosInRangeOfDay,\n    getRefsFromDayInfos,\n  } = props;\n  const cornerStyle = weekCorners?.[weekIndex + '_' + dayIndex] ?? '';\n  const isNavigatedDate = compareDates(navigatedDate, day.originalDate);\n\n  const { dir } = useFluent_unstable();\n\n  const navigateMonthEdge = (ev: React.KeyboardEvent<HTMLElement>, date: Date): void => {\n    let targetDate: Date | undefined = undefined;\n    let direction = 1; // by default search forward\n\n    if (ev.key === ArrowUp) {\n      targetDate = addWeeks(date, -1);\n      direction = -1;\n    } else if (ev.key === ArrowDown) {\n      targetDate = addWeeks(date, 1);\n    } else if (ev.key === getRTLSafeKey(ArrowLeft, dir)) {\n      targetDate = addDays(date, -1);\n      direction = -1;\n    } else if (ev.key === getRTLSafeKey(ArrowRight, dir)) {\n      targetDate = addDays(date, 1);\n    }\n\n    if (!targetDate) {\n      // if we couldn't find a target date at all, do nothing\n      return;\n    }\n\n    const findAvailableDateOptions: AvailableDateOptions = {\n      initialDate: date,\n      targetDate,\n      direction,\n      restrictedDates,\n      minDate,\n      maxDate,\n    };\n\n    // target date is restricted, search in whatever direction until finding the next possible date,\n    // stopping at boundaries\n    let nextDate = findAvailableDate(findAvailableDateOptions);\n\n    if (!nextDate) {\n      // if no dates available in initial direction, try going backwards\n      findAvailableDateOptions.direction = -direction;\n      nextDate = findAvailableDate(findAvailableDateOptions);\n    }\n\n    // if the nextDate is still inside the same focusZone area, let the focusZone handle setting the focus so we\n    // don't jump the view unnecessarily\n    const isInCurrentView =\n      weeks &&\n      nextDate &&\n      weeks.slice(1, weeks.length - 1).some((week: DayInfo[]) => {\n        return week.some((dayToCompare: DayInfo) => {\n          return compareDates(dayToCompare.originalDate, nextDate!);\n        });\n      });\n    if (isInCurrentView) {\n      return;\n    }\n\n    // else, fire navigation on the date to change the view to show it\n    if (nextDate) {\n      onNavigateDate(nextDate, true);\n      ev.preventDefault();\n    }\n  };\n\n  const onMouseOverDay = (ev: React.MouseEvent<HTMLElement>) => {\n    const dayInfos = getDayInfosInRangeOfDay(day);\n    const dayRefs = getRefsFromDayInfos(dayInfos);\n\n    dayRefs.forEach((dayRef: HTMLElement | null, index: number) => {\n      if (dayRef) {\n        dayRef.classList.add(extraCalendarDayGridClassNames.hoverStyle);\n        if (\n          !dayInfos[index].isSelected &&\n          dateRangeType === DateRangeType.Day &&\n          daysToSelectInDayView &&\n          daysToSelectInDayView > 1\n        ) {\n          // remove the static classes first to overwrite them\n          dayRef.classList.remove(\n            weekCornersClassNames.bottomLeftCornerDate!,\n            weekCornersClassNames.bottomRightCornerDate!,\n            weekCornersClassNames.topLeftCornerDate!,\n            weekCornersClassNames.topRightCornerDate!,\n          );\n\n          const classNamesToAdd = calculateRoundedStyles(false, false, index > 0, index < dayRefs.length - 1).trim();\n          if (classNamesToAdd) {\n            dayRef.classList.add(...classNamesToAdd.trim().split(' '));\n          }\n        }\n      }\n    });\n  };\n\n  const onMouseDownDay = (ev: React.MouseEvent<HTMLElement>) => {\n    const dayInfos = getDayInfosInRangeOfDay(day);\n    const dayRefs = getRefsFromDayInfos(dayInfos);\n\n    dayRefs.forEach((dayRef: HTMLElement | null) => {\n      if (dayRef) {\n        dayRef.classList.add(extraCalendarDayGridClassNames.pressedStyle);\n      }\n    });\n  };\n\n  const onMouseUpDay = (ev: React.MouseEvent<HTMLElement>) => {\n    const dayInfos = getDayInfosInRangeOfDay(day);\n    const dayRefs = getRefsFromDayInfos(dayInfos);\n\n    dayRefs.forEach((dayRef: HTMLElement | null) => {\n      if (dayRef) {\n        dayRef.classList.remove(extraCalendarDayGridClassNames.pressedStyle);\n      }\n    });\n  };\n\n  const onMouseOutDay = (ev: React.MouseEvent<HTMLElement>) => {\n    const dayInfos = getDayInfosInRangeOfDay(day);\n    const dayRefs = getRefsFromDayInfos(dayInfos);\n\n    dayRefs.forEach((dayRef: HTMLElement | null, index: number) => {\n      if (dayRef) {\n        dayRef.classList.remove(extraCalendarDayGridClassNames.hoverStyle);\n        dayRef.classList.remove(extraCalendarDayGridClassNames.pressedStyle);\n        if (\n          !dayInfos[index].isSelected &&\n          dateRangeType === DateRangeType.Day &&\n          daysToSelectInDayView &&\n          daysToSelectInDayView > 1\n        ) {\n          const classNamesToAdd = calculateRoundedStyles(false, false, index > 0, index < dayRefs.length - 1).trim();\n          if (classNamesToAdd) {\n            dayRef.classList.remove(...classNamesToAdd.trim().split(' '));\n          }\n        }\n      }\n    });\n  };\n\n  const onDayKeyDown = (ev: React.KeyboardEvent<HTMLElement>): void => {\n    if (ev.key === Enter) {\n      onSelectDate?.(day.originalDate);\n    } else {\n      navigateMonthEdge(ev, day.originalDate);\n    }\n  };\n\n  let ariaLabel =\n    day.originalDate.getDate() +\n    ', ' +\n    strings.months[day.originalDate.getMonth()] +\n    ', ' +\n    day.originalDate.getFullYear();\n\n  if (day.isMarked) {\n    ariaLabel = ariaLabel + ', ' + strings.dayMarkedAriaLabel;\n  }\n\n  const isFocusable = !ariaHidden && (allFocusable || (day.isInBounds ? true : undefined));\n\n  return (\n    <td\n      className={mergeClasses(\n        classNames.dayCell,\n        weekCorners && cornerStyle,\n        day.isSelected && !day.isSingleSelected && classNames.daySelected,\n        day.isSingleSelected && classNames.daySingleSelected,\n        !day.isInBounds && classNames.dayOutsideBounds,\n        !day.isInMonth && classNames.dayOutsideNavigatedMonth,\n      )}\n      ref={(element: HTMLTableCellElement) => {\n        customDayCellRef?.(element, day.originalDate, classNames);\n        day.setRef(element);\n        isNavigatedDate && (navigatedDayRef.current = element);\n      }}\n      aria-disabled={!ariaHidden && !day.isInBounds}\n      onClick={day.isInBounds && !ariaHidden ? day.onSelected : undefined}\n      onMouseOver={!ariaHidden ? onMouseOverDay : undefined}\n      onMouseDown={!ariaHidden ? onMouseDownDay : undefined}\n      onMouseUp={!ariaHidden ? onMouseUpDay : undefined}\n      onMouseOut={!ariaHidden ? onMouseOutDay : undefined}\n      onKeyDown={!ariaHidden ? onDayKeyDown : undefined}\n      role=\"gridcell\"\n      tabIndex={isNavigatedDate || isFocusable ? 0 : undefined}\n      aria-current={day.isToday ? 'date' : undefined}\n      aria-selected={day.isInBounds ? day.isSelected : undefined}\n    >\n      <button\n        key={day.key + 'button'}\n        className={mergeClasses(classNames.dayButton, day.isToday && classNames.dayIsToday)}\n        aria-label={ariaLabel}\n        id={isNavigatedDate ? activeDescendantId : undefined}\n        disabled={!ariaHidden && !day.isInBounds}\n        type=\"button\"\n        tabIndex={-1}\n      >\n        <span className={day.isToday ? mergeClasses(classNames.dayTodayMarker) : undefined}>\n          {dateTimeFormatter.formatDay(day.originalDate)}\n        </span>\n        {day.isMarked && <div aria-hidden=\"true\" className={classNames.dayMarker} />}\n      </button>\n    </td>\n  );\n};\n"],"names":["React","ArrowDown","ArrowLeft","ArrowRight","ArrowUp","Enter","getRTLSafeKey","useFluent_unstable","mergeClasses","addDays","addWeeks","compareDates","findAvailableDate","DateRangeType","weekCornersClassNames","extraCalendarDayGridClassNames","CalendarGridDayCell","props","navigatedDate","dateTimeFormatter","allFocusable","strings","activeDescendantId","navigatedDayRef","calculateRoundedStyles","weeks","classNames","day","dayIndex","weekIndex","weekCorners","ariaHidden","customDayCellRef","dateRangeType","daysToSelectInDayView","onSelectDate","restrictedDates","minDate","maxDate","onNavigateDate","getDayInfosInRangeOfDay","getRefsFromDayInfos","cornerStyle","isNavigatedDate","originalDate","dir","navigateMonthEdge","ev","date","targetDate","undefined","direction","key","findAvailableDateOptions","initialDate","nextDate","isInCurrentView","slice","length","some","week","dayToCompare","preventDefault","onMouseOverDay","dayInfos","dayRefs","forEach","dayRef","index","classList","add","hoverStyle","isSelected","Day","remove","bottomLeftCornerDate","bottomRightCornerDate","topLeftCornerDate","topRightCornerDate","classNamesToAdd","trim","split","onMouseDownDay","pressedStyle","onMouseUpDay","onMouseOutDay","onDayKeyDown","ariaLabel","getDate","months","getMonth","getFullYear","isMarked","dayMarkedAriaLabel","isFocusable","isInBounds","td","className","dayCell","isSingleSelected","daySelected","daySingleSelected","dayOutsideBounds","isInMonth","dayOutsideNavigatedMonth","ref","element","setRef","current","aria-disabled","onClick","onSelected","onMouseOver","onMouseDown","onMouseUp","onMouseOut","onKeyDown","role","tabIndex","aria-current","isToday","aria-selected","button","dayButton","dayIsToday","aria-label","id","disabled","type","span","dayTodayMarker","formatDay","div","aria-hidden","dayMarker"],"mappings":"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"}

package/lib/components/CalendarDayGrid/CalendarGridRow.js

@@ -1,7 +1,7 @@
 'use client';
-import * as React from 'react';
-import { getWeekNumbersInMonth } from '../../utils';
-import { CalendarGridDayCell } from './CalendarGridDayCell';
+import * as React from "react";
+import { getWeekNumbersInMonth } from "../../utils/index.js";
+import { CalendarGridDayCell } from "./CalendarGridDayCell.js";
 /**
  * @internal
  */ export const CalendarGridRow = /*#__PURE__*/ React.forwardRef((props, ref)=>{

package/lib/components/CalendarDayGrid/CalendarGridRow.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/CalendarDayGrid/CalendarGridRow.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { getWeekNumbersInMonth } from '../../utils';\nimport { CalendarGridDayCell } from './CalendarGridDayCell';\nimport type { CalendarDayGridProps, CalendarDayGridStyles } from './CalendarDayGrid.types';\nimport type { DayInfo } from './CalendarDayGrid';\nimport type { WeekCorners } from './useWeekCornerStyles.styles';\n\n/**\n * @internal\n */\nexport interface CalendarGridRowProps extends CalendarDayGridProps {\n  classNames: CalendarDayGridStyles;\n  weeks: DayInfo[][];\n  week: DayInfo[];\n  weekIndex: number;\n  weekCorners?: WeekCorners;\n  ariaHidden?: boolean;\n  rowClassName?: string;\n  ariaRole?: string;\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  navigatedDayRef: React.MutableRefObject<HTMLTableCellElement | null>;\n  activeDescendantId: string;\n  calculateRoundedStyles(above: boolean, below: boolean, left: boolean, right: boolean): string;\n  getDayInfosInRangeOfDay(dayToCompare: DayInfo): DayInfo[];\n  getRefsFromDayInfos(dayInfosInRange: DayInfo[]): (HTMLElement | null)[];\n}\n\n/**\n * @internal\n */\nexport const CalendarGridRow = React.forwardRef<HTMLTableRowElement, CalendarGridRowProps>((props, ref) => {\n  const {\n    ariaHidden,\n    classNames,\n    week,\n    weeks,\n    weekIndex,\n    rowClassName,\n    ariaRole,\n    showWeekNumbers,\n    firstDayOfWeek,\n    firstWeekOfYear,\n    navigatedDate,\n    strings,\n  } = props;\n  const weekNumbers = showWeekNumbers\n    ? getWeekNumbersInMonth(weeks!.length, firstDayOfWeek, firstWeekOfYear, navigatedDate)\n    : null;\n\n  const titleString = weekNumbers\n    ? strings.weekNumberFormatString && strings.weekNumberFormatString.replace('{0}', `${weekNumbers[weekIndex]}`)\n    : '';\n\n  return (\n    <tr ref={ref} role={ariaRole} aria-hidden={ariaHidden} className={rowClassName}>\n      {showWeekNumbers && weekNumbers && (\n        <th className={classNames.weekNumberCell} title={titleString} aria-label={titleString} scope=\"row\">\n          <span>{weekNumbers[weekIndex]}</span>\n        </th>\n      )}\n      {week.map((day: DayInfo, dayIndex: number) => (\n        <CalendarGridDayCell {...props} key={day.key} day={day} dayIndex={dayIndex} />\n      ))}\n    </tr>\n  );\n});\n\nCalendarGridRow.displayName = 'CalendarGridRow';\n"],"names":["React","getWeekNumbersInMonth","CalendarGridDayCell","CalendarGridRow","forwardRef","props","ref","ariaHidden","classNames","week","weeks","weekIndex","rowClassName","ariaRole","showWeekNumbers","firstDayOfWeek","firstWeekOfYear","navigatedDate","strings","weekNumbers","length","titleString","weekNumberFormatString","replace","tr","role","aria-hidden","className","th","weekNumberCell","title","aria-label","scope","span","map","day","dayIndex","key","displayName"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,qBAAqB,QAAQ,cAAc;AACpD,SAASC,mBAAmB,QAAQ,wBAAwB;AAyB5D;;CAEC,GACD,OAAO,MAAMC,gCAAkBH,MAAMI,UAAU,CAA4C,CAACC,OAAOC;IACjG,MAAM,EACJC,UAAU,EACVC,UAAU,EACVC,IAAI,EACJC,KAAK,EACLC,SAAS,EACTC,YAAY,EACZC,QAAQ,EACRC,eAAe,EACfC,cAAc,EACdC,eAAe,EACfC,aAAa,EACbC,OAAO,EACR,GAAGb;IACJ,MAAMc,cAAcL,kBAChBb,sBAAsBS,MAAOU,MAAM,EAAEL,gBAAgBC,iBAAiBC,iBACtE;IAEJ,MAAMI,cAAcF,cAChBD,QAAQI,sBAAsB,IAAIJ,QAAQI,sBAAsB,CAACC,OAAO,CAAC,OAAO,GAAGJ,WAAW,CAACR,UAAU,EAAE,IAC3G;IAEJ,qBACE,oBAACa;QAAGlB,KAAKA;QAAKmB,MAAMZ;QAAUa,eAAanB;QAAYoB,WAAWf;OAC/DE,mBAAmBK,6BAClB,oBAACS;QAAGD,WAAWnB,WAAWqB,cAAc;QAAEC,OAAOT;QAAaU,cAAYV;QAAaW,OAAM;qBAC3F,oBAACC,cAAMd,WAAW,CAACR,UAAU,IAGhCF,KAAKyB,GAAG,CAAC,CAACC,KAAcC,yBACvB,oBAAClC;YAAqB,GAAGG,KAAK;YAAEgC,KAAKF,IAAIE,GAAG;YAAEF,KAAKA;YAAKC,UAAUA;;AAI1E,GAAG;AAEHjC,gBAAgBmC,WAAW,GAAG"}
+{"version":3,"sources":["../src/components/CalendarDayGrid/CalendarGridRow.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { getWeekNumbersInMonth } from '../../utils';\nimport { CalendarGridDayCell } from './CalendarGridDayCell';\nimport type { CalendarDayGridProps, CalendarDayGridStyles } from './CalendarDayGrid.types';\nimport type { DayInfo } from './CalendarDayGrid';\nimport type { WeekCorners } from './useWeekCornerStyles.styles';\n\n/**\n * @internal\n */\nexport interface CalendarGridRowProps extends CalendarDayGridProps {\n  classNames: CalendarDayGridStyles;\n  weeks: DayInfo[][];\n  week: DayInfo[];\n  weekIndex: number;\n  weekCorners?: WeekCorners;\n  ariaHidden?: boolean;\n  rowClassName?: string;\n  ariaRole?: string;\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  navigatedDayRef: React.MutableRefObject<HTMLTableCellElement | null>;\n  activeDescendantId: string;\n  calculateRoundedStyles(above: boolean, below: boolean, left: boolean, right: boolean): string;\n  getDayInfosInRangeOfDay(dayToCompare: DayInfo): DayInfo[];\n  getRefsFromDayInfos(dayInfosInRange: DayInfo[]): (HTMLElement | null)[];\n}\n\n/**\n * @internal\n */\nexport const CalendarGridRow = React.forwardRef<HTMLTableRowElement, CalendarGridRowProps>((props, ref) => {\n  const {\n    ariaHidden,\n    classNames,\n    week,\n    weeks,\n    weekIndex,\n    rowClassName,\n    ariaRole,\n    showWeekNumbers,\n    firstDayOfWeek,\n    firstWeekOfYear,\n    navigatedDate,\n    strings,\n  } = props;\n  const weekNumbers = showWeekNumbers\n    ? getWeekNumbersInMonth(weeks!.length, firstDayOfWeek, firstWeekOfYear, navigatedDate)\n    : null;\n\n  const titleString = weekNumbers\n    ? strings.weekNumberFormatString && strings.weekNumberFormatString.replace('{0}', `${weekNumbers[weekIndex]}`)\n    : '';\n\n  return (\n    <tr ref={ref} role={ariaRole} aria-hidden={ariaHidden} className={rowClassName}>\n      {showWeekNumbers && weekNumbers && (\n        <th className={classNames.weekNumberCell} title={titleString} aria-label={titleString} scope=\"row\">\n          <span>{weekNumbers[weekIndex]}</span>\n        </th>\n      )}\n      {week.map((day: DayInfo, dayIndex: number) => (\n        <CalendarGridDayCell {...props} key={day.key} day={day} dayIndex={dayIndex} />\n      ))}\n    </tr>\n  );\n});\n\nCalendarGridRow.displayName = 'CalendarGridRow';\n"],"names":["React","getWeekNumbersInMonth","CalendarGridDayCell","CalendarGridRow","forwardRef","props","ref","ariaHidden","classNames","week","weeks","weekIndex","rowClassName","ariaRole","showWeekNumbers","firstDayOfWeek","firstWeekOfYear","navigatedDate","strings","weekNumbers","length","titleString","weekNumberFormatString","replace","tr","role","aria-hidden","className","th","weekNumberCell","title","aria-label","scope","span","map","day","dayIndex","key","displayName"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,qBAAqB,QAAQ,uBAAc;AACpD,SAASC,mBAAmB,QAAQ,2BAAwB;AAyB5D;;CAEC,GACD,OAAO,MAAMC,gCAAkBH,MAAMI,UAAU,CAA4C,CAACC,OAAOC;IACjG,MAAM,EACJC,UAAU,EACVC,UAAU,EACVC,IAAI,EACJC,KAAK,EACLC,SAAS,EACTC,YAAY,EACZC,QAAQ,EACRC,eAAe,EACfC,cAAc,EACdC,eAAe,EACfC,aAAa,EACbC,OAAO,EACR,GAAGb;IACJ,MAAMc,cAAcL,kBAChBb,sBAAsBS,MAAOU,MAAM,EAAEL,gBAAgBC,iBAAiBC,iBACtE;IAEJ,MAAMI,cAAcF,cAChBD,QAAQI,sBAAsB,IAAIJ,QAAQI,sBAAsB,CAACC,OAAO,CAAC,OAAO,GAAGJ,WAAW,CAACR,UAAU,EAAE,IAC3G;IAEJ,qBACE,oBAACa;QAAGlB,KAAKA;QAAKmB,MAAMZ;QAAUa,eAAanB;QAAYoB,WAAWf;OAC/DE,mBAAmBK,6BAClB,oBAACS;QAAGD,WAAWnB,WAAWqB,cAAc;QAAEC,OAAOT;QAAaU,cAAYV;QAAaW,OAAM;qBAC3F,oBAACC,cAAMd,WAAW,CAACR,UAAU,IAGhCF,KAAKyB,GAAG,CAAC,CAACC,KAAcC,yBACvB,oBAAClC;YAAqB,GAAGG,KAAK;YAAEgC,KAAKF,IAAIE,GAAG;YAAEF,KAAKA;YAAKC,UAAUA;;AAI1E,GAAG;AAEHjC,gBAAgBmC,WAAW,GAAG"}

package/lib/components/CalendarDayGrid/CalendarMonthHeaderRow.js

@@ -1,8 +1,8 @@
-import * as React from 'react';
-import { mergeClasses } from '@griffel/react';
-import { motionTokens } from '@fluentui/react-motion';
-import { Fade } from '@fluentui/react-motion-components-preview';
-import { DAYS_IN_WEEK } from '../../utils';
+import * as React from "react";
+import { mergeClasses } from "@griffel/react";
+import { motionTokens } from "@fluentui/react-motion";
+import { Fade } from "@fluentui/react-motion-components-preview";
+import { DAYS_IN_WEEK } from "../../utils/index.js";
 /**
  * @internal
  */ export const CalendarMonthHeaderRow = (props)=>{

package/lib/components/CalendarDayGrid/CalendarMonthHeaderRow.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/CalendarDayGrid/CalendarMonthHeaderRow.tsx"],"sourcesContent":["import * as React from 'react';\nimport { mergeClasses } from '@griffel/react';\nimport { motionTokens } from '@fluentui/react-motion';\nimport { Fade } from '@fluentui/react-motion-components-preview';\nimport { DAYS_IN_WEEK } from '../../utils';\nimport type { CalendarDayGridProps, CalendarDayGridStyles } from './CalendarDayGrid.types';\nimport type { DayInfo } from './CalendarDayGrid';\n\n/**\n * @internal\n */\nexport interface CalendarDayMonthHeaderRowProps extends CalendarDayGridProps {\n  weeks: DayInfo[][];\n  classNames: CalendarDayGridStyles;\n}\n\n/**\n * @internal\n */\nexport const CalendarMonthHeaderRow: React.FunctionComponent<CalendarDayMonthHeaderRowProps> = props => {\n  const { showWeekNumbers, strings, firstDayOfWeek, allFocusable, weeksToShow, weeks, classNames } = props;\n  const dayLabels = strings.shortDays.slice();\n\n  let firstOfMonthIndex = -1;\n  const firstWeekOfMonth = weeks![1];\n  for (let i = 0; i < weeks![1].length; i++) {\n    if (firstWeekOfMonth[i].originalDate.getDate() === 1) {\n      firstOfMonthIndex = i;\n      break;\n    }\n  }\n\n  if (weeksToShow === 1 && firstOfMonthIndex >= 0) {\n    // if we only show one week, replace the header with short month name\n    const firstOfMonthIndexOffset = (firstOfMonthIndex + firstDayOfWeek) % DAYS_IN_WEEK;\n    dayLabels[firstOfMonthIndexOffset] = strings.shortMonths[weeks![1][firstOfMonthIndex].originalDate.getMonth()];\n  }\n\n  return (\n    <tr>\n      {showWeekNumbers && <th className={classNames.dayCell} />}\n      {dayLabels.map((val: string, index: number) => {\n        const i = (index + firstDayOfWeek) % DAYS_IN_WEEK;\n        const label = strings.days[i];\n        return (\n          // Plain list key, not a `replayKey`: day labels are stable across navigation so the fade\n          // plays once on mount. The only remount is in single-week view, when a label is swapped\n          // for a short month name.\n          <Fade.In key={dayLabels[i] + ' ' + index} duration={motionTokens.durationGentle}>\n            <th\n              className={mergeClasses(classNames.dayCell, classNames.weekDayLabelCell)}\n              scope=\"col\"\n              title={label}\n              aria-label={label}\n              tabIndex={allFocusable ? 0 : undefined}\n            >\n              {dayLabels[i]}\n            </th>\n          </Fade.In>\n        );\n      })}\n    </tr>\n  );\n};\n"],"names":["React","mergeClasses","motionTokens","Fade","DAYS_IN_WEEK","CalendarMonthHeaderRow","props","showWeekNumbers","strings","firstDayOfWeek","allFocusable","weeksToShow","weeks","classNames","dayLabels","shortDays","slice","firstOfMonthIndex","firstWeekOfMonth","i","length","originalDate","getDate","firstOfMonthIndexOffset","shortMonths","getMonth","tr","th","className","dayCell","map","val","index","label","days","In","key","duration","durationGentle","weekDayLabelCell","scope","title","aria-label","tabIndex","undefined"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,YAAY,QAAQ,iBAAiB;AAC9C,SAASC,YAAY,QAAQ,yBAAyB;AACtD,SAASC,IAAI,QAAQ,4CAA4C;AACjE,SAASC,YAAY,QAAQ,cAAc;AAY3C;;CAEC,GACD,OAAO,MAAMC,yBAAkFC,CAAAA;IAC7F,MAAM,EAAEC,eAAe,EAAEC,OAAO,EAAEC,cAAc,EAAEC,YAAY,EAAEC,WAAW,EAAEC,KAAK,EAAEC,UAAU,EAAE,GAAGP;IACnG,MAAMQ,YAAYN,QAAQO,SAAS,CAACC,KAAK;IAEzC,IAAIC,oBAAoB,CAAC;IACzB,MAAMC,mBAAmBN,KAAM,CAAC,EAAE;IAClC,IAAK,IAAIO,IAAI,GAAGA,IAAIP,KAAM,CAAC,EAAE,CAACQ,MAAM,EAAED,IAAK;QACzC,IAAID,gBAAgB,CAACC,EAAE,CAACE,YAAY,CAACC,OAAO,OAAO,GAAG;YACpDL,oBAAoBE;YACpB;QACF;IACF;IAEA,IAAIR,gBAAgB,KAAKM,qBAAqB,GAAG;QAC/C,qEAAqE;QACrE,MAAMM,0BAA0B,AAACN,CAAAA,oBAAoBR,cAAa,IAAKL;QACvEU,SAAS,CAACS,wBAAwB,GAAGf,QAAQgB,WAAW,CAACZ,KAAM,CAAC,EAAE,CAACK,kBAAkB,CAACI,YAAY,CAACI,QAAQ,GAAG;IAChH;IAEA,qBACE,oBAACC,YACEnB,iCAAmB,oBAACoB;QAAGC,WAAWf,WAAWgB,OAAO;QACpDf,UAAUgB,GAAG,CAAC,CAACC,KAAaC;QAC3B,MAAMb,IAAI,AAACa,CAAAA,QAAQvB,cAAa,IAAKL;QACrC,MAAM6B,QAAQzB,QAAQ0B,IAAI,CAACf,EAAE;QAC7B,OACE,yFAAyF;QACzF,wFAAwF;QACxF,0BAA0B;sBAC1B,oBAAChB,KAAKgC,EAAE;YAACC,KAAKtB,SAAS,CAACK,EAAE,GAAG,MAAMa;YAAOK,UAAUnC,aAAaoC,cAAc;yBAC7E,oBAACX;YACCC,WAAW3B,aAAaY,WAAWgB,OAAO,EAAEhB,WAAW0B,gBAAgB;YACvEC,OAAM;YACNC,OAAOR;YACPS,cAAYT;YACZU,UAAUjC,eAAe,IAAIkC;WAE5B9B,SAAS,CAACK,EAAE;IAIrB;AAGN,EAAE"}
+{"version":3,"sources":["../src/components/CalendarDayGrid/CalendarMonthHeaderRow.tsx"],"sourcesContent":["import * as React from 'react';\nimport { mergeClasses } from '@griffel/react';\nimport { motionTokens } from '@fluentui/react-motion';\nimport { Fade } from '@fluentui/react-motion-components-preview';\nimport { DAYS_IN_WEEK } from '../../utils';\nimport type { CalendarDayGridProps, CalendarDayGridStyles } from './CalendarDayGrid.types';\nimport type { DayInfo } from './CalendarDayGrid';\n\n/**\n * @internal\n */\nexport interface CalendarDayMonthHeaderRowProps extends CalendarDayGridProps {\n  weeks: DayInfo[][];\n  classNames: CalendarDayGridStyles;\n}\n\n/**\n * @internal\n */\nexport const CalendarMonthHeaderRow: React.FunctionComponent<CalendarDayMonthHeaderRowProps> = props => {\n  const { showWeekNumbers, strings, firstDayOfWeek, allFocusable, weeksToShow, weeks, classNames } = props;\n  const dayLabels = strings.shortDays.slice();\n\n  let firstOfMonthIndex = -1;\n  const firstWeekOfMonth = weeks![1];\n  for (let i = 0; i < weeks![1].length; i++) {\n    if (firstWeekOfMonth[i].originalDate.getDate() === 1) {\n      firstOfMonthIndex = i;\n      break;\n    }\n  }\n\n  if (weeksToShow === 1 && firstOfMonthIndex >= 0) {\n    // if we only show one week, replace the header with short month name\n    const firstOfMonthIndexOffset = (firstOfMonthIndex + firstDayOfWeek) % DAYS_IN_WEEK;\n    dayLabels[firstOfMonthIndexOffset] = strings.shortMonths[weeks![1][firstOfMonthIndex].originalDate.getMonth()];\n  }\n\n  return (\n    <tr>\n      {showWeekNumbers && <th className={classNames.dayCell} />}\n      {dayLabels.map((val: string, index: number) => {\n        const i = (index + firstDayOfWeek) % DAYS_IN_WEEK;\n        const label = strings.days[i];\n        return (\n          // Plain list key, not a `replayKey`: day labels are stable across navigation so the fade\n          // plays once on mount. The only remount is in single-week view, when a label is swapped\n          // for a short month name.\n          <Fade.In key={dayLabels[i] + ' ' + index} duration={motionTokens.durationGentle}>\n            <th\n              className={mergeClasses(classNames.dayCell, classNames.weekDayLabelCell)}\n              scope=\"col\"\n              title={label}\n              aria-label={label}\n              tabIndex={allFocusable ? 0 : undefined}\n            >\n              {dayLabels[i]}\n            </th>\n          </Fade.In>\n        );\n      })}\n    </tr>\n  );\n};\n"],"names":["React","mergeClasses","motionTokens","Fade","DAYS_IN_WEEK","CalendarMonthHeaderRow","props","showWeekNumbers","strings","firstDayOfWeek","allFocusable","weeksToShow","weeks","classNames","dayLabels","shortDays","slice","firstOfMonthIndex","firstWeekOfMonth","i","length","originalDate","getDate","firstOfMonthIndexOffset","shortMonths","getMonth","tr","th","className","dayCell","map","val","index","label","days","In","key","duration","durationGentle","weekDayLabelCell","scope","title","aria-label","tabIndex","undefined"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,YAAY,QAAQ,iBAAiB;AAC9C,SAASC,YAAY,QAAQ,yBAAyB;AACtD,SAASC,IAAI,QAAQ,4CAA4C;AACjE,SAASC,YAAY,QAAQ,uBAAc;AAY3C;;CAEC,GACD,OAAO,MAAMC,yBAAkFC,CAAAA;IAC7F,MAAM,EAAEC,eAAe,EAAEC,OAAO,EAAEC,cAAc,EAAEC,YAAY,EAAEC,WAAW,EAAEC,KAAK,EAAEC,UAAU,EAAE,GAAGP;IACnG,MAAMQ,YAAYN,QAAQO,SAAS,CAACC,KAAK;IAEzC,IAAIC,oBAAoB,CAAC;IACzB,MAAMC,mBAAmBN,KAAM,CAAC,EAAE;IAClC,IAAK,IAAIO,IAAI,GAAGA,IAAIP,KAAM,CAAC,EAAE,CAACQ,MAAM,EAAED,IAAK;QACzC,IAAID,gBAAgB,CAACC,EAAE,CAACE,YAAY,CAACC,OAAO,OAAO,GAAG;YACpDL,oBAAoBE;YACpB;QACF;IACF;IAEA,IAAIR,gBAAgB,KAAKM,qBAAqB,GAAG;QAC/C,qEAAqE;QACrE,MAAMM,0BAA0B,AAACN,CAAAA,oBAAoBR,cAAa,IAAKL;QACvEU,SAAS,CAACS,wBAAwB,GAAGf,QAAQgB,WAAW,CAACZ,KAAM,CAAC,EAAE,CAACK,kBAAkB,CAACI,YAAY,CAACI,QAAQ,GAAG;IAChH;IAEA,qBACE,oBAACC,YACEnB,iCAAmB,oBAACoB;QAAGC,WAAWf,WAAWgB,OAAO;QACpDf,UAAUgB,GAAG,CAAC,CAACC,KAAaC;QAC3B,MAAMb,IAAI,AAACa,CAAAA,QAAQvB,cAAa,IAAKL;QACrC,MAAM6B,QAAQzB,QAAQ0B,IAAI,CAACf,EAAE;QAC7B,OACE,yFAAyF;QACzF,wFAAwF;QACxF,0BAA0B;sBAC1B,oBAAChB,KAAKgC,EAAE;YAACC,KAAKtB,SAAS,CAACK,EAAE,GAAG,MAAMa;YAAOK,UAAUnC,aAAaoC,cAAc;yBAC7E,oBAACX;YACCC,WAAW3B,aAAaY,WAAWgB,OAAO,EAAEhB,WAAW0B,gBAAgB;YACvEC,OAAM;YACNC,OAAOR;YACPS,cAAYT;YACZU,UAAUjC,eAAe,IAAIkC;WAE5B9B,SAAS,CAACK,EAAE;IAIrB;AAGN,EAAE"}

package/lib/components/CalendarDayGrid/index.js

@@ -1,2 +1,2 @@
-export { CalendarDayGrid } from './CalendarDayGrid';
-export { calendarDayGridClassNames, extraCalendarDayGridClassNames, useCalendarDayGridStyles_unstable } from './useCalendarDayGridStyles.styles';
+export { CalendarDayGrid } from "./CalendarDayGrid.js";
+export { calendarDayGridClassNames, extraCalendarDayGridClassNames, useCalendarDayGridStyles_unstable } from "./useCalendarDayGridStyles.styles.js";

package/lib/components/CalendarDayGrid/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/CalendarDayGrid/index.ts"],"sourcesContent":["export type { DayInfo } from './CalendarDayGrid';\nexport { CalendarDayGrid } from './CalendarDayGrid';\nexport type {\n  CalendarDayGridProps,\n  CalendarDayGridStyleProps,\n  CalendarDayGridStyles,\n  ICalendarDayGrid,\n} from './CalendarDayGrid.types';\nexport {\n  calendarDayGridClassNames,\n  extraCalendarDayGridClassNames,\n  useCalendarDayGridStyles_unstable,\n} from './useCalendarDayGridStyles.styles';\nexport type { WeekCorners } from './useWeekCornerStyles.styles';\n"],"names":["CalendarDayGrid","calendarDayGridClassNames","extraCalendarDayGridClassNames","useCalendarDayGridStyles_unstable"],"mappings":"AACA,SAASA,eAAe,QAAQ,oBAAoB;AAOpD,SACEC,yBAAyB,EACzBC,8BAA8B,EAC9BC,iCAAiC,QAC5B,oCAAoC"}
+{"version":3,"sources":["../src/components/CalendarDayGrid/index.ts"],"sourcesContent":["export type { DayInfo } from './CalendarDayGrid';\nexport { CalendarDayGrid } from './CalendarDayGrid';\nexport type {\n  CalendarDayGridProps,\n  CalendarDayGridStyleProps,\n  CalendarDayGridStyles,\n  ICalendarDayGrid,\n} from './CalendarDayGrid.types';\nexport {\n  calendarDayGridClassNames,\n  extraCalendarDayGridClassNames,\n  useCalendarDayGridStyles_unstable,\n} from './useCalendarDayGridStyles.styles';\nexport type { WeekCorners } from './useWeekCornerStyles.styles';\n"],"names":["CalendarDayGrid","calendarDayGridClassNames","extraCalendarDayGridClassNames","useCalendarDayGridStyles_unstable"],"mappings":"AACA,SAASA,eAAe,QAAQ,uBAAoB;AAOpD,SACEC,yBAAyB,EACzBC,8BAA8B,EAC9BC,iCAAiC,QAC5B,uCAAoC"}

package/lib/components/CalendarDayGrid/useCalendarDayGridStyles.styles.js

@@ -1,9 +1,9 @@
 'use client';
 
-import { tokens } from '@fluentui/react-theme';
-import { __styles, mergeClasses, shorthands } from '@griffel/react';
-import { weekCornersClassNames } from './useWeekCornerStyles.styles';
-import { createFocusOutlineStyle } from '@fluentui/react-tabster';
+import { tokens } from "@fluentui/react-theme";
+import { __styles, mergeClasses, shorthands } from "@griffel/react";
+import { weekCornersClassNames } from "./useWeekCornerStyles.styles.js";
+import { createFocusOutlineStyle } from "@fluentui/react-tabster";
 /**
  * @internal
  */

package/lib/components/CalendarDayGrid/useCalendarDayGridStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["tokens","__styles","mergeClasses","shorthands","weekCornersClassNames","createFocusOutlineStyle","calendarDayGridClassNames","wrapper","table","dayCell","daySelected","daySingleSelected","weekRow","weekDayLabelCell","weekNumberCell","dayOutsideBounds","dayOutsideNavigatedMonth","dayButton","dayIsToday","firstTransitionWeek","lastTransitionWeek","dayMarker","dayTodayMarker","extraCalendarDayGridClassNames","hoverStyle","pressedStyle","useWrapperStyles","base","Byoj8tv","d","useTableStyles","po53p8","Bxjg3zr","Be2twd7","B6of3ja","qhf8xq","B73mfa3","fsow6f","a9b677","showWeekNumbers","useDayCellStyles","sj55zd","Bceei9c","Bhrd7zp","jrapky","Frg6f3","t21cq0","B74szlk","uwmqm3","z189sj","z8tnut","B0ocmuz","By8wz76","B7iucu3","cvlxnx","Bweudez","D35jaw","Ehvor9","B2d49eq","Bup3k99","opggj9","Bcb90bd","Bj67fi1","B2gfgcj","Bg8e59q","oie0zm","mf9vuf","Gyav41","tqq02e","Bua87ti","focusIndicator","Brovlpu","B486eqv","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bqhya38","Bwxa6fj","Bdhvstf","B7zbvrb","Bm4h7ae","B7ys5i9","Busjfv9","Bhk32uz","f6g5ot","Boxcth7","Bhdgwq3","hgwjuy","Bshpdp8","Bsom6fd","Blkhhs4","Bonggc9","Ddfuxk","i03rao","kclons","clg4pj","Bpqj9nj","B6dhp37","Bf4ptjt","Bqtpl0w","i4rwgc","Dah5zi","B1tsrr9","qqdqy8","Bkh64rk","e3fwne","J0r882","Bule8hv","Bjwuhne","Ghsupd","p","m","f","i","useDaySelectedStyles","De3pzq","Bcq6wej","Jcjdmf","sc4o1m","Bosien3","B8gzw0y","a3nq4f","Bnf3alp","pdtyat","z6f07v","Bec5aua","h","useDaySingleSelectedStyles","B2ns3jv","Bwxf4zv","Bp8cau8","Buy161k","Bpzqh5e","Fh6yq5","Bjnjwcd","Jh9m0u","k24jl4","yen2pv","isizv9","Fmkg4n","Bksmc0g","ydc5we","g36fg5","xn840g","Bvql7r5","Cmeexk","Brwjcd2","Buxuwzc","Bz06psx","B75pphk","Bkp00lz","B4k9tdm","Ba18yr8","B5fqyig","Bjrn8xn","Bkpapd2","xrravj","z0dzun","useWeekRowStyles","mlyf9c","w","useWeekDayLabelCellStyles","famaaq","useWeekNumberCellStyles","h3c5rm","vrafjx","Bekrc4i","u1mtju","B7ck84d","Bqenvij","useDayOutsideBoundsStyles","x734em","B0ssf13","B8h8h5z","useDayOutsideNavigatedMonthStyles","lightenDaysOutsideNavigatedMonth","useDayButtonStyles","Bgfg5da","B9xav0g","oivjwe","Bn0qgzm","B4g9neb","zhjwy3","wvpqe5","ibv6hh","i8vvqc","g2u3we","icvyot","B4j52fo","irswps","Bg96gwp","B68tc82","Bmxbyg5","Bpg54ce","Bx0yju7","l98f4w","Jwef8y","Btmb5he","gu71dq","B2zomw9","Fgk69s","Bw6eyry","ecr2s2","a","useDayIsTodayStyles","mc9l5x","Brf1p80","Bt984gj","kof2un","useDayTodayMarkerStyles","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","useFirstTransitionWeekStyles","abs64n","Bkecrkj","useLastTransitionWeekStyles","useDayMarkerStyles","B5kzvoi","oyh7mz","j35jbq","useCornerBorderAndRadiusStyles","corners","Cy64m2","Bnn43bw","feanbc","B4268ip","useCalendarDayGridStyles_unstable","props","wrapperStyles","tableStyles","dayCellStyles","daySelectedStyles","daySingleSelectedStyles","weekRowStyles","weekDayLabelCellStyles","weekNumberCellStyles","dayOutsideBoundsStyles","dayOutsideNavigatedMonthStyles","dayButtonStyles","dayIsTodayStyles","firstTransitionWeekStyles","lastTransitionWeekStyles","dayMarkerStyles","cornerBorderAndRadiusStyles","dayTodayMarkerStyles"],"sources":["useCalendarDayGridStyles.styles.js"],"sourcesContent":["'use client';\nimport { tokens } from '@fluentui/react-theme';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { weekCornersClassNames } from './useWeekCornerStyles.styles';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\n/**\n * @internal\n */ export const calendarDayGridClassNames = {\n    wrapper: 'fui-CalendarDayGrid__wrapper',\n    table: 'fui-CalendarDayGrid__table',\n    dayCell: 'fui-CalendarDayGrid__dayCell',\n    daySelected: 'fui-CalendarDayGrid__daySelected',\n    daySingleSelected: 'fui-CalendarDayGrid__daySingleSelected',\n    weekRow: 'fui-CalendarDayGrid__weekRow',\n    weekDayLabelCell: 'fui-CalendarDayGrid__weekDayLabelCell',\n    weekNumberCell: 'fui-CalendarDayGrid__weekNumberCell',\n    dayOutsideBounds: 'fui-CalendarDayGrid__dayOutsideBounds',\n    dayOutsideNavigatedMonth: 'fui-CalendarDayGrid__dayOutsideNavigatedMonth',\n    dayButton: 'fui-CalendarDayGrid__dayButton',\n    dayIsToday: 'fui-CalendarDayGrid__dayIsToday',\n    firstTransitionWeek: 'fui-CalendarDayGrid__firstTransitionWeek',\n    lastTransitionWeek: 'fui-CalendarDayGrid__lastTransitionWeek',\n    dayMarker: 'fui-CalendarDayGrid__dayMarker',\n    dayTodayMarker: 'fui-CalendarDayGrid__dayTodayMarker'\n};\n/**\n * @internal\n */ export const extraCalendarDayGridClassNames = {\n    hoverStyle: 'fui-CalendarDayGrid__hoverStyle',\n    pressedStyle: 'fui-CalendarDayGrid__pressedStyle'\n};\nconst useWrapperStyles = makeStyles({\n    base: {\n        paddingBottom: '10px'\n    }\n});\nconst useTableStyles = makeStyles({\n    base: {\n        borderCollapse: 'collapse',\n        borderSpacing: 0,\n        fontSize: 'inherit',\n        marginTop: '4px',\n        paddingBottom: '10px',\n        position: 'relative',\n        tableLayout: 'fixed',\n        textAlign: 'center',\n        width: '196px'\n    },\n    showWeekNumbers: {\n        width: '226px'\n    }\n});\nconst useDayCellStyles = makeStyles({\n    base: {\n        color: tokens.colorNeutralForeground1,\n        cursor: 'pointer',\n        fontSize: tokens.fontSizeBase200,\n        fontWeight: tokens.fontWeightRegular,\n        margin: '0',\n        padding: '2px',\n        position: 'relative',\n        '@media (forced-colors: active)': {\n            backgroundColor: 'Window',\n            color: 'WindowText'\n        },\n        [`&.${extraCalendarDayGridClassNames.hoverStyle}`]: {\n            color: tokens.colorNeutralForeground1Static,\n            backgroundColor: tokens.colorBrandBackgroundInvertedHover,\n            '@media (forced-colors: active)': {\n                outline: '1px solid Highlight',\n                zIndex: 3,\n                [`& .${calendarDayGridClassNames.dayTodayMarker}`]: {\n                    backgroundColor: 'Highlight'\n                }\n            }\n        },\n        [`&.${extraCalendarDayGridClassNames.pressedStyle}`]: {\n            color: tokens.colorNeutralForeground1Static,\n            backgroundColor: tokens.colorBrandBackgroundInvertedPressed,\n            '@media (forced-colors: active)': {\n                backgroundColor: 'Window',\n                ...shorthands.borderColor('Highlight'),\n                color: 'Highlight'\n            }\n        }\n    },\n    focusIndicator: createFocusOutlineStyle({\n        style: {\n            outlineWidth: tokens.strokeWidthThick,\n            ...shorthands.borderWidth(tokens.strokeWidthThick)\n        }\n    })\n});\nconst useDaySelectedStyles = makeStyles({\n    base: {\n        backgroundColor: tokens.colorBrandBackgroundInvertedSelected,\n        color: tokens.colorNeutralForeground1Static,\n        '@media (forced-colors: active)': {\n            backgroundColor: 'Highlight',\n            ...shorthands.borderColor('Highlight'),\n            color: 'HighlightText',\n            forcedColorAdjust: 'none'\n        },\n        [`&:hover, &.${extraCalendarDayGridClassNames.hoverStyle}, &.${extraCalendarDayGridClassNames.pressedStyle}`]: {\n            color: tokens.colorNeutralForeground1Static,\n            backgroundColor: tokens.colorBrandBackgroundInvertedSelected,\n            '@media (forced-colors: active)': {\n                backgroundColor: 'Highlight',\n                color: 'HighlightText'\n            }\n        },\n        [`& > .${calendarDayGridClassNames.dayMarker}`]: {\n            '@media (forced-colors: active)': {\n                backgroundColor: 'Window'\n            }\n        }\n    }\n});\nconst useDaySingleSelectedStyles = makeStyles({\n    base: {\n        color: tokens.colorNeutralForeground1Static,\n        [`& > .${calendarDayGridClassNames.dayMarker}`]: {\n            '@media (forced-colors: active)': {\n                backgroundColor: 'Window'\n            }\n        },\n        [`& > .${calendarDayGridClassNames.dayButton}`]: {\n            backgroundColor: tokens.colorBrandBackgroundInvertedSelected,\n            borderRadius: tokens.borderRadiusMedium,\n            border: `1px solid ${tokens.colorBrandStroke1}`,\n            '@media (forced-colors: active)': {\n                backgroundColor: 'Highlight',\n                ...shorthands.borderColor('Highlight'),\n                color: 'HighlightText',\n                forcedColorAdjust: 'none'\n            }\n        }\n    }\n});\nconst useWeekRowStyles = makeStyles({\n    base: {\n        position: 'relative',\n        ':focus-within': {\n            zIndex: 1\n        }\n    }\n});\nconst useWeekDayLabelCellStyles = makeStyles({\n    base: {\n        userSelect: 'none'\n    }\n});\nconst useWeekNumberCellStyles = makeStyles({\n    base: {\n        backgroundColor: tokens.colorTransparentBackground,\n        borderRight: `1px solid ${tokens.colorNeutralStroke2}`,\n        boxSizing: 'border-box',\n        color: tokens.colorNeutralForeground4,\n        fontSize: tokens.fontSizeBase200,\n        fontWeight: tokens.fontWeightRegular,\n        height: '28px',\n        margin: '0',\n        padding: '0',\n        width: '28px'\n    }\n});\nconst useDayOutsideBoundsStyles = makeStyles({\n    base: {\n        [`&, &:disabled, & button, &.${extraCalendarDayGridClassNames.hoverStyle}` + `, &.${extraCalendarDayGridClassNames.pressedStyle}`]: {\n            backgroundColor: tokens.colorTransparentBackground,\n            color: tokens.colorNeutralForegroundDisabled,\n            pointerEvents: 'none'\n        },\n        '@media (forced-colors: active)': {\n            color: 'GrayText'\n        }\n    }\n});\nconst useDayOutsideNavigatedMonthStyles = makeStyles({\n    lightenDaysOutsideNavigatedMonth: {\n        color: tokens.colorNeutralForeground4,\n        fontWeight: tokens.fontWeightRegular,\n        '@media (forced-colors: active)': {\n            color: 'GrayText'\n        }\n    }\n});\nconst useDayButtonStyles = makeStyles({\n    base: {\n        backgroundColor: tokens.colorTransparentBackground,\n        border: 'none',\n        color: 'inherit',\n        cursor: 'pointer',\n        fontSize: tokens.fontSizeBase200,\n        fontWeight: 'inherit',\n        height: '24px',\n        lineHeight: '24px',\n        overflow: 'visible',\n        padding: '0',\n        width: '24px',\n        '&span': {\n            height: 'inherit',\n            lineHeight: 'inherit'\n        },\n        ':hover': {\n            backgroundColor: tokens.colorBrandBackgroundInvertedHover,\n            borderRadius: tokens.borderRadiusMedium\n        },\n        ':active': {\n            backgroundColor: tokens.colorBrandBackgroundInvertedPressed\n        }\n    }\n});\nconst useDayIsTodayStyles = makeStyles({\n    base: {\n        display: 'flex',\n        justifyContent: 'center',\n        alignItems: 'center',\n        color: tokens.colorNeutralForegroundOnBrand,\n        fontWeight: tokens.fontWeightSemibold,\n        [`& > .${calendarDayGridClassNames.dayMarker}`]: {\n            backgroundColor: tokens.colorNeutralForegroundOnBrand,\n            '@media (forced-colors: active)': {\n                backgroundColor: 'Window'\n            }\n        }\n    }\n});\nconst useDayTodayMarkerStyles = makeStyles({\n    base: {\n        display: 'flex',\n        justifyContent: 'center',\n        alignItems: 'center',\n        backgroundColor: tokens.colorBrandBackground,\n        borderRadius: '100%',\n        width: '20px',\n        height: '20px',\n        lineHeight: '20px',\n        '@media (forced-colors: active)': {\n            backgroundColor: 'WindowText',\n            ...shorthands.borderColor('WindowText'),\n            color: 'Window',\n            forcedColorAdjust: 'none'\n        }\n    }\n});\nconst useFirstTransitionWeekStyles = makeStyles({\n    base: {\n        // Overlaid out of flow and transparent at rest; `pointerEvents: 'none'` stops the invisible\n        // overlay from intercepting clicks. `TransitionRowSlideOut` fades opacity 1 → 0, ending here.\n        opacity: 0,\n        overflow: 'hidden',\n        pointerEvents: 'none',\n        position: 'absolute'\n    }\n});\nconst useLastTransitionWeekStyles = makeStyles({\n    base: {\n        marginTop: '-28px',\n        opacity: 0,\n        overflow: 'hidden',\n        pointerEvents: 'none',\n        position: 'absolute'\n    }\n});\nconst useDayMarkerStyles = makeStyles({\n    base: {\n        backgroundColor: tokens.colorBrandForeground2,\n        borderRadius: '100%',\n        bottom: '1px',\n        height: '4px',\n        left: 0,\n        margin: 'auto',\n        position: 'absolute',\n        right: 0,\n        width: '4px',\n        '@media (forced-colors: active)': {\n            backgroundColor: 'WindowText',\n            forcedColorAdjust: 'none'\n        }\n    }\n});\nconst useCornerBorderAndRadiusStyles = makeStyles({\n    corners: {\n        [`&.${weekCornersClassNames.topRightCornerDate}`]: {\n            borderTopRightRadius: tokens.borderRadiusMedium\n        },\n        [`&.${weekCornersClassNames.topLeftCornerDate}`]: {\n            borderTopLeftRadius: tokens.borderRadiusMedium\n        },\n        [`&.${weekCornersClassNames.bottomRightCornerDate}`]: {\n            borderBottomRightRadius: tokens.borderRadiusMedium\n        },\n        [`&.${weekCornersClassNames.bottomLeftCornerDate}`]: {\n            borderBottomLeftRadius: tokens.borderRadiusMedium\n        }\n    }\n});\n/**\n * Apply styling to the CalendarDayGrid slots based on the state\n *\n * @internal\n */ export const useCalendarDayGridStyles_unstable = (props)=>{\n    'use no memo'; // justified: compiler would optimize useCalendarDayGridStyles_unstable — manual opt-out to preserve runtime behavior\n    const wrapperStyles = useWrapperStyles();\n    const tableStyles = useTableStyles();\n    const dayCellStyles = useDayCellStyles();\n    const daySelectedStyles = useDaySelectedStyles();\n    const daySingleSelectedStyles = useDaySingleSelectedStyles();\n    const weekRowStyles = useWeekRowStyles();\n    const weekDayLabelCellStyles = useWeekDayLabelCellStyles();\n    const weekNumberCellStyles = useWeekNumberCellStyles();\n    const dayOutsideBoundsStyles = useDayOutsideBoundsStyles();\n    const dayOutsideNavigatedMonthStyles = useDayOutsideNavigatedMonthStyles();\n    const dayButtonStyles = useDayButtonStyles();\n    const dayIsTodayStyles = useDayIsTodayStyles();\n    const firstTransitionWeekStyles = useFirstTransitionWeekStyles();\n    const lastTransitionWeekStyles = useLastTransitionWeekStyles();\n    const dayMarkerStyles = useDayMarkerStyles();\n    const cornerBorderAndRadiusStyles = useCornerBorderAndRadiusStyles();\n    const dayTodayMarkerStyles = useDayTodayMarkerStyles();\n    const { lightenDaysOutsideNavigatedMonth, showWeekNumbers } = props;\n    return {\n        wrapper: mergeClasses(calendarDayGridClassNames.wrapper, wrapperStyles.base),\n        table: mergeClasses(calendarDayGridClassNames.table, tableStyles.base, showWeekNumbers && tableStyles.showWeekNumbers),\n        dayCell: mergeClasses(calendarDayGridClassNames.dayCell, dayCellStyles.base, dayCellStyles.focusIndicator, cornerBorderAndRadiusStyles.corners),\n        daySelected: mergeClasses(calendarDayGridClassNames.daySelected, daySelectedStyles.base),\n        daySingleSelected: mergeClasses(calendarDayGridClassNames.daySingleSelected, daySingleSelectedStyles.base),\n        weekRow: mergeClasses(calendarDayGridClassNames.weekRow, weekRowStyles.base),\n        weekDayLabelCell: mergeClasses(calendarDayGridClassNames.weekDayLabelCell, weekDayLabelCellStyles.base),\n        weekNumberCell: mergeClasses(calendarDayGridClassNames.weekNumberCell, weekNumberCellStyles.base),\n        dayOutsideBounds: mergeClasses(calendarDayGridClassNames.dayOutsideBounds, dayOutsideBoundsStyles.base),\n        dayOutsideNavigatedMonth: mergeClasses(calendarDayGridClassNames.dayOutsideNavigatedMonth, lightenDaysOutsideNavigatedMonth && dayOutsideNavigatedMonthStyles.lightenDaysOutsideNavigatedMonth),\n        dayButton: mergeClasses(calendarDayGridClassNames.dayButton, dayButtonStyles.base),\n        dayIsToday: mergeClasses(calendarDayGridClassNames.dayIsToday, dayIsTodayStyles.base),\n        firstTransitionWeek: mergeClasses(calendarDayGridClassNames.firstTransitionWeek, firstTransitionWeekStyles.base),\n        lastTransitionWeek: mergeClasses(calendarDayGridClassNames.lastTransitionWeek, lastTransitionWeekStyles.base),\n        dayMarker: mergeClasses(calendarDayGridClassNames.dayMarker, dayMarkerStyles.base),\n        dayTodayMarker: mergeClasses(calendarDayGridClassNames.dayTodayMarker, dayTodayMarkerStyles.base)\n    };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["tokens","__styles","mergeClasses","shorthands","weekCornersClassNames","createFocusOutlineStyle","calendarDayGridClassNames","wrapper","table","dayCell","daySelected","daySingleSelected","weekRow","weekDayLabelCell","weekNumberCell","dayOutsideBounds","dayOutsideNavigatedMonth","dayButton","dayIsToday","firstTransitionWeek","lastTransitionWeek","dayMarker","dayTodayMarker","extraCalendarDayGridClassNames","hoverStyle","pressedStyle","useWrapperStyles","base","Byoj8tv","d","useTableStyles","po53p8","Bxjg3zr","Be2twd7","B6of3ja","qhf8xq","B73mfa3","fsow6f","a9b677","showWeekNumbers","useDayCellStyles","sj55zd","Bceei9c","Bhrd7zp","jrapky","Frg6f3","t21cq0","B74szlk","uwmqm3","z189sj","z8tnut","B0ocmuz","By8wz76","B7iucu3","cvlxnx","Bweudez","D35jaw","Ehvor9","B2d49eq","Bup3k99","opggj9","Bcb90bd","Bj67fi1","B2gfgcj","Bg8e59q","oie0zm","mf9vuf","Gyav41","tqq02e","Bua87ti","focusIndicator","Brovlpu","B486eqv","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bqhya38","Bwxa6fj","Bdhvstf","B7zbvrb","Bm4h7ae","B7ys5i9","Busjfv9","Bhk32uz","f6g5ot","Boxcth7","Bhdgwq3","hgwjuy","Bshpdp8","Bsom6fd","Blkhhs4","Bonggc9","Ddfuxk","i03rao","kclons","clg4pj","Bpqj9nj","B6dhp37","Bf4ptjt","Bqtpl0w","i4rwgc","Dah5zi","B1tsrr9","qqdqy8","Bkh64rk","e3fwne","J0r882","Bule8hv","Bjwuhne","Ghsupd","p","m","f","i","useDaySelectedStyles","De3pzq","Bcq6wej","Jcjdmf","sc4o1m","Bosien3","B8gzw0y","a3nq4f","Bnf3alp","pdtyat","z6f07v","Bec5aua","h","useDaySingleSelectedStyles","B2ns3jv","Bwxf4zv","Bp8cau8","Buy161k","Bpzqh5e","Fh6yq5","Bjnjwcd","Jh9m0u","k24jl4","yen2pv","isizv9","Fmkg4n","Bksmc0g","ydc5we","g36fg5","xn840g","Bvql7r5","Cmeexk","Brwjcd2","Buxuwzc","Bz06psx","B75pphk","Bkp00lz","B4k9tdm","Ba18yr8","B5fqyig","Bjrn8xn","Bkpapd2","xrravj","z0dzun","useWeekRowStyles","mlyf9c","w","useWeekDayLabelCellStyles","famaaq","useWeekNumberCellStyles","h3c5rm","vrafjx","Bekrc4i","u1mtju","B7ck84d","Bqenvij","useDayOutsideBoundsStyles","x734em","B0ssf13","B8h8h5z","useDayOutsideNavigatedMonthStyles","lightenDaysOutsideNavigatedMonth","useDayButtonStyles","Bgfg5da","B9xav0g","oivjwe","Bn0qgzm","B4g9neb","zhjwy3","wvpqe5","ibv6hh","i8vvqc","g2u3we","icvyot","B4j52fo","irswps","Bg96gwp","B68tc82","Bmxbyg5","Bpg54ce","Bx0yju7","l98f4w","Jwef8y","Btmb5he","gu71dq","B2zomw9","Fgk69s","Bw6eyry","ecr2s2","a","useDayIsTodayStyles","mc9l5x","Brf1p80","Bt984gj","kof2un","useDayTodayMarkerStyles","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","useFirstTransitionWeekStyles","abs64n","Bkecrkj","useLastTransitionWeekStyles","useDayMarkerStyles","B5kzvoi","oyh7mz","j35jbq","useCornerBorderAndRadiusStyles","corners","Cy64m2","Bnn43bw","feanbc","B4268ip","useCalendarDayGridStyles_unstable","props","wrapperStyles","tableStyles","dayCellStyles","daySelectedStyles","daySingleSelectedStyles","weekRowStyles","weekDayLabelCellStyles","weekNumberCellStyles","dayOutsideBoundsStyles","dayOutsideNavigatedMonthStyles","dayButtonStyles","dayIsTodayStyles","firstTransitionWeekStyles","lastTransitionWeekStyles","dayMarkerStyles","cornerBorderAndRadiusStyles","dayTodayMarkerStyles"],"sources":["useCalendarDayGridStyles.styles.js"],"sourcesContent":["'use client';\nimport { tokens } from \"@fluentui/react-theme\";\nimport { makeStyles, mergeClasses, shorthands } from \"@griffel/react\";\nimport { weekCornersClassNames } from \"./useWeekCornerStyles.styles.js\";\nimport { createFocusOutlineStyle } from \"@fluentui/react-tabster\";\n/**\n * @internal\n */ export const calendarDayGridClassNames = {\n    wrapper: 'fui-CalendarDayGrid__wrapper',\n    table: 'fui-CalendarDayGrid__table',\n    dayCell: 'fui-CalendarDayGrid__dayCell',\n    daySelected: 'fui-CalendarDayGrid__daySelected',\n    daySingleSelected: 'fui-CalendarDayGrid__daySingleSelected',\n    weekRow: 'fui-CalendarDayGrid__weekRow',\n    weekDayLabelCell: 'fui-CalendarDayGrid__weekDayLabelCell',\n    weekNumberCell: 'fui-CalendarDayGrid__weekNumberCell',\n    dayOutsideBounds: 'fui-CalendarDayGrid__dayOutsideBounds',\n    dayOutsideNavigatedMonth: 'fui-CalendarDayGrid__dayOutsideNavigatedMonth',\n    dayButton: 'fui-CalendarDayGrid__dayButton',\n    dayIsToday: 'fui-CalendarDayGrid__dayIsToday',\n    firstTransitionWeek: 'fui-CalendarDayGrid__firstTransitionWeek',\n    lastTransitionWeek: 'fui-CalendarDayGrid__lastTransitionWeek',\n    dayMarker: 'fui-CalendarDayGrid__dayMarker',\n    dayTodayMarker: 'fui-CalendarDayGrid__dayTodayMarker'\n};\n/**\n * @internal\n */ export const extraCalendarDayGridClassNames = {\n    hoverStyle: 'fui-CalendarDayGrid__hoverStyle',\n    pressedStyle: 'fui-CalendarDayGrid__pressedStyle'\n};\nconst useWrapperStyles = makeStyles({\n    base: {\n        paddingBottom: '10px'\n    }\n});\nconst useTableStyles = makeStyles({\n    base: {\n        borderCollapse: 'collapse',\n        borderSpacing: 0,\n        fontSize: 'inherit',\n        marginTop: '4px',\n        paddingBottom: '10px',\n        position: 'relative',\n        tableLayout: 'fixed',\n        textAlign: 'center',\n        width: '196px'\n    },\n    showWeekNumbers: {\n        width: '226px'\n    }\n});\nconst useDayCellStyles = makeStyles({\n    base: {\n        color: tokens.colorNeutralForeground1,\n        cursor: 'pointer',\n        fontSize: tokens.fontSizeBase200,\n        fontWeight: tokens.fontWeightRegular,\n        margin: '0',\n        padding: '2px',\n        position: 'relative',\n        '@media (forced-colors: active)': {\n            backgroundColor: 'Window',\n            color: 'WindowText'\n        },\n        [`&.${extraCalendarDayGridClassNames.hoverStyle}`]: {\n            color: tokens.colorNeutralForeground1Static,\n            backgroundColor: tokens.colorBrandBackgroundInvertedHover,\n            '@media (forced-colors: active)': {\n                outline: '1px solid Highlight',\n                zIndex: 3,\n                [`& .${calendarDayGridClassNames.dayTodayMarker}`]: {\n                    backgroundColor: 'Highlight'\n                }\n            }\n        },\n        [`&.${extraCalendarDayGridClassNames.pressedStyle}`]: {\n            color: tokens.colorNeutralForeground1Static,\n            backgroundColor: tokens.colorBrandBackgroundInvertedPressed,\n            '@media (forced-colors: active)': {\n                backgroundColor: 'Window',\n                ...shorthands.borderColor('Highlight'),\n                color: 'Highlight'\n            }\n        }\n    },\n    focusIndicator: createFocusOutlineStyle({\n        style: {\n            outlineWidth: tokens.strokeWidthThick,\n            ...shorthands.borderWidth(tokens.strokeWidthThick)\n        }\n    })\n});\nconst useDaySelectedStyles = makeStyles({\n    base: {\n        backgroundColor: tokens.colorBrandBackgroundInvertedSelected,\n        color: tokens.colorNeutralForeground1Static,\n        '@media (forced-colors: active)': {\n            backgroundColor: 'Highlight',\n            ...shorthands.borderColor('Highlight'),\n            color: 'HighlightText',\n            forcedColorAdjust: 'none'\n        },\n        [`&:hover, &.${extraCalendarDayGridClassNames.hoverStyle}, &.${extraCalendarDayGridClassNames.pressedStyle}`]: {\n            color: tokens.colorNeutralForeground1Static,\n            backgroundColor: tokens.colorBrandBackgroundInvertedSelected,\n            '@media (forced-colors: active)': {\n                backgroundColor: 'Highlight',\n                color: 'HighlightText'\n            }\n        },\n        [`& > .${calendarDayGridClassNames.dayMarker}`]: {\n            '@media (forced-colors: active)': {\n                backgroundColor: 'Window'\n            }\n        }\n    }\n});\nconst useDaySingleSelectedStyles = makeStyles({\n    base: {\n        color: tokens.colorNeutralForeground1Static,\n        [`& > .${calendarDayGridClassNames.dayMarker}`]: {\n            '@media (forced-colors: active)': {\n                backgroundColor: 'Window'\n            }\n        },\n        [`& > .${calendarDayGridClassNames.dayButton}`]: {\n            backgroundColor: tokens.colorBrandBackgroundInvertedSelected,\n            borderRadius: tokens.borderRadiusMedium,\n            border: `1px solid ${tokens.colorBrandStroke1}`,\n            '@media (forced-colors: active)': {\n                backgroundColor: 'Highlight',\n                ...shorthands.borderColor('Highlight'),\n                color: 'HighlightText',\n                forcedColorAdjust: 'none'\n            }\n        }\n    }\n});\nconst useWeekRowStyles = makeStyles({\n    base: {\n        position: 'relative',\n        ':focus-within': {\n            zIndex: 1\n        }\n    }\n});\nconst useWeekDayLabelCellStyles = makeStyles({\n    base: {\n        userSelect: 'none'\n    }\n});\nconst useWeekNumberCellStyles = makeStyles({\n    base: {\n        backgroundColor: tokens.colorTransparentBackground,\n        borderRight: `1px solid ${tokens.colorNeutralStroke2}`,\n        boxSizing: 'border-box',\n        color: tokens.colorNeutralForeground4,\n        fontSize: tokens.fontSizeBase200,\n        fontWeight: tokens.fontWeightRegular,\n        height: '28px',\n        margin: '0',\n        padding: '0',\n        width: '28px'\n    }\n});\nconst useDayOutsideBoundsStyles = makeStyles({\n    base: {\n        [`&, &:disabled, & button, &.${extraCalendarDayGridClassNames.hoverStyle}` + `, &.${extraCalendarDayGridClassNames.pressedStyle}`]: {\n            backgroundColor: tokens.colorTransparentBackground,\n            color: tokens.colorNeutralForegroundDisabled,\n            pointerEvents: 'none'\n        },\n        '@media (forced-colors: active)': {\n            color: 'GrayText'\n        }\n    }\n});\nconst useDayOutsideNavigatedMonthStyles = makeStyles({\n    lightenDaysOutsideNavigatedMonth: {\n        color: tokens.colorNeutralForeground4,\n        fontWeight: tokens.fontWeightRegular,\n        '@media (forced-colors: active)': {\n            color: 'GrayText'\n        }\n    }\n});\nconst useDayButtonStyles = makeStyles({\n    base: {\n        backgroundColor: tokens.colorTransparentBackground,\n        border: 'none',\n        color: 'inherit',\n        cursor: 'pointer',\n        fontSize: tokens.fontSizeBase200,\n        fontWeight: 'inherit',\n        height: '24px',\n        lineHeight: '24px',\n        overflow: 'visible',\n        padding: '0',\n        width: '24px',\n        '&span': {\n            height: 'inherit',\n            lineHeight: 'inherit'\n        },\n        ':hover': {\n            backgroundColor: tokens.colorBrandBackgroundInvertedHover,\n            borderRadius: tokens.borderRadiusMedium\n        },\n        ':active': {\n            backgroundColor: tokens.colorBrandBackgroundInvertedPressed\n        }\n    }\n});\nconst useDayIsTodayStyles = makeStyles({\n    base: {\n        display: 'flex',\n        justifyContent: 'center',\n        alignItems: 'center',\n        color: tokens.colorNeutralForegroundOnBrand,\n        fontWeight: tokens.fontWeightSemibold,\n        [`& > .${calendarDayGridClassNames.dayMarker}`]: {\n            backgroundColor: tokens.colorNeutralForegroundOnBrand,\n            '@media (forced-colors: active)': {\n                backgroundColor: 'Window'\n            }\n        }\n    }\n});\nconst useDayTodayMarkerStyles = makeStyles({\n    base: {\n        display: 'flex',\n        justifyContent: 'center',\n        alignItems: 'center',\n        backgroundColor: tokens.colorBrandBackground,\n        borderRadius: '100%',\n        width: '20px',\n        height: '20px',\n        lineHeight: '20px',\n        '@media (forced-colors: active)': {\n            backgroundColor: 'WindowText',\n            ...shorthands.borderColor('WindowText'),\n            color: 'Window',\n            forcedColorAdjust: 'none'\n        }\n    }\n});\nconst useFirstTransitionWeekStyles = makeStyles({\n    base: {\n        // Overlaid out of flow and transparent at rest; `pointerEvents: 'none'` stops the invisible\n        // overlay from intercepting clicks. `TransitionRowSlideOut` fades opacity 1 → 0, ending here.\n        opacity: 0,\n        overflow: 'hidden',\n        pointerEvents: 'none',\n        position: 'absolute'\n    }\n});\nconst useLastTransitionWeekStyles = makeStyles({\n    base: {\n        marginTop: '-28px',\n        opacity: 0,\n        overflow: 'hidden',\n        pointerEvents: 'none',\n        position: 'absolute'\n    }\n});\nconst useDayMarkerStyles = makeStyles({\n    base: {\n        backgroundColor: tokens.colorBrandForeground2,\n        borderRadius: '100%',\n        bottom: '1px',\n        height: '4px',\n        left: 0,\n        margin: 'auto',\n        position: 'absolute',\n        right: 0,\n        width: '4px',\n        '@media (forced-colors: active)': {\n            backgroundColor: 'WindowText',\n            forcedColorAdjust: 'none'\n        }\n    }\n});\nconst useCornerBorderAndRadiusStyles = makeStyles({\n    corners: {\n        [`&.${weekCornersClassNames.topRightCornerDate}`]: {\n            borderTopRightRadius: tokens.borderRadiusMedium\n        },\n        [`&.${weekCornersClassNames.topLeftCornerDate}`]: {\n            borderTopLeftRadius: tokens.borderRadiusMedium\n        },\n        [`&.${weekCornersClassNames.bottomRightCornerDate}`]: {\n            borderBottomRightRadius: tokens.borderRadiusMedium\n        },\n        [`&.${weekCornersClassNames.bottomLeftCornerDate}`]: {\n            borderBottomLeftRadius: tokens.borderRadiusMedium\n        }\n    }\n});\n/**\n * Apply styling to the CalendarDayGrid slots based on the state\n *\n * @internal\n */ export const useCalendarDayGridStyles_unstable = (props)=>{\n    'use no memo'; // justified: compiler would optimize useCalendarDayGridStyles_unstable — manual opt-out to preserve runtime behavior\n    const wrapperStyles = useWrapperStyles();\n    const tableStyles = useTableStyles();\n    const dayCellStyles = useDayCellStyles();\n    const daySelectedStyles = useDaySelectedStyles();\n    const daySingleSelectedStyles = useDaySingleSelectedStyles();\n    const weekRowStyles = useWeekRowStyles();\n    const weekDayLabelCellStyles = useWeekDayLabelCellStyles();\n    const weekNumberCellStyles = useWeekNumberCellStyles();\n    const dayOutsideBoundsStyles = useDayOutsideBoundsStyles();\n    const dayOutsideNavigatedMonthStyles = useDayOutsideNavigatedMonthStyles();\n    const dayButtonStyles = useDayButtonStyles();\n    const dayIsTodayStyles = useDayIsTodayStyles();\n    const firstTransitionWeekStyles = useFirstTransitionWeekStyles();\n    const lastTransitionWeekStyles = useLastTransitionWeekStyles();\n    const dayMarkerStyles = useDayMarkerStyles();\n    const cornerBorderAndRadiusStyles = useCornerBorderAndRadiusStyles();\n    const dayTodayMarkerStyles = useDayTodayMarkerStyles();\n    const { lightenDaysOutsideNavigatedMonth, showWeekNumbers } = props;\n    return {\n        wrapper: mergeClasses(calendarDayGridClassNames.wrapper, wrapperStyles.base),\n        table: mergeClasses(calendarDayGridClassNames.table, tableStyles.base, showWeekNumbers && tableStyles.showWeekNumbers),\n        dayCell: mergeClasses(calendarDayGridClassNames.dayCell, dayCellStyles.base, dayCellStyles.focusIndicator, cornerBorderAndRadiusStyles.corners),\n        daySelected: mergeClasses(calendarDayGridClassNames.daySelected, daySelectedStyles.base),\n        daySingleSelected: mergeClasses(calendarDayGridClassNames.daySingleSelected, daySingleSelectedStyles.base),\n        weekRow: mergeClasses(calendarDayGridClassNames.weekRow, weekRowStyles.base),\n        weekDayLabelCell: mergeClasses(calendarDayGridClassNames.weekDayLabelCell, weekDayLabelCellStyles.base),\n        weekNumberCell: mergeClasses(calendarDayGridClassNames.weekNumberCell, weekNumberCellStyles.base),\n        dayOutsideBounds: mergeClasses(calendarDayGridClassNames.dayOutsideBounds, dayOutsideBoundsStyles.base),\n        dayOutsideNavigatedMonth: mergeClasses(calendarDayGridClassNames.dayOutsideNavigatedMonth, lightenDaysOutsideNavigatedMonth && dayOutsideNavigatedMonthStyles.lightenDaysOutsideNavigatedMonth),\n        dayButton: mergeClasses(calendarDayGridClassNames.dayButton, dayButtonStyles.base),\n        dayIsToday: mergeClasses(calendarDayGridClassNames.dayIsToday, dayIsTodayStyles.base),\n        firstTransitionWeek: mergeClasses(calendarDayGridClassNames.firstTransitionWeek, firstTransitionWeekStyles.base),\n        lastTransitionWeek: mergeClasses(calendarDayGridClassNames.lastTransitionWeek, lastTransitionWeekStyles.base),\n        dayMarker: mergeClasses(calendarDayGridClassNames.dayMarker, dayMarkerStyles.base),\n        dayTodayMarker: mergeClasses(calendarDayGridClassNames.dayTodayMarker, dayTodayMarkerStyles.base)\n    };\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/components/CalendarDayGrid/useCalendarDayGridStyles.styles.raw.js

@@ -1,8 +1,8 @@
 'use client';
-import { tokens } from '@fluentui/react-theme';
-import { makeStyles, mergeClasses, shorthands } from '@griffel/react';
-import { weekCornersClassNames } from './useWeekCornerStyles.styles';
-import { createFocusOutlineStyle } from '@fluentui/react-tabster';
+import { tokens } from "@fluentui/react-theme";
+import { makeStyles, mergeClasses, shorthands } from "@griffel/react";
+import { weekCornersClassNames } from "./useWeekCornerStyles.styles.js";
+import { createFocusOutlineStyle } from "@fluentui/react-tabster";
 /**
  * @internal
  */ export const calendarDayGridClassNames = {

package/lib/components/CalendarDayGrid/useCalendarDayGridStyles.styles.raw.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/CalendarDayGrid/useCalendarDayGridStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { tokens } from '@fluentui/react-theme';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { weekCornersClassNames } from './useWeekCornerStyles.styles';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { CalendarDayGridStyles, CalendarDayGridStyleProps } from './CalendarDayGrid.types';\n\n/**\n * @internal\n */\nexport const calendarDayGridClassNames: SlotClassNames<CalendarDayGridStyles> = {\n  wrapper: 'fui-CalendarDayGrid__wrapper',\n  table: 'fui-CalendarDayGrid__table',\n  dayCell: 'fui-CalendarDayGrid__dayCell',\n  daySelected: 'fui-CalendarDayGrid__daySelected',\n  daySingleSelected: 'fui-CalendarDayGrid__daySingleSelected',\n  weekRow: 'fui-CalendarDayGrid__weekRow',\n  weekDayLabelCell: 'fui-CalendarDayGrid__weekDayLabelCell',\n  weekNumberCell: 'fui-CalendarDayGrid__weekNumberCell',\n  dayOutsideBounds: 'fui-CalendarDayGrid__dayOutsideBounds',\n  dayOutsideNavigatedMonth: 'fui-CalendarDayGrid__dayOutsideNavigatedMonth',\n  dayButton: 'fui-CalendarDayGrid__dayButton',\n  dayIsToday: 'fui-CalendarDayGrid__dayIsToday',\n  firstTransitionWeek: 'fui-CalendarDayGrid__firstTransitionWeek',\n  lastTransitionWeek: 'fui-CalendarDayGrid__lastTransitionWeek',\n  dayMarker: 'fui-CalendarDayGrid__dayMarker',\n  dayTodayMarker: 'fui-CalendarDayGrid__dayTodayMarker',\n};\n\n/**\n * @internal\n */\nexport const extraCalendarDayGridClassNames = {\n  hoverStyle: 'fui-CalendarDayGrid__hoverStyle',\n  pressedStyle: 'fui-CalendarDayGrid__pressedStyle',\n};\n\nconst useWrapperStyles = makeStyles({\n  base: {\n    paddingBottom: '10px',\n  },\n});\n\nconst useTableStyles = makeStyles({\n  base: {\n    borderCollapse: 'collapse',\n    borderSpacing: 0,\n    fontSize: 'inherit',\n    marginTop: '4px',\n    paddingBottom: '10px',\n    position: 'relative',\n    tableLayout: 'fixed',\n    textAlign: 'center',\n    width: '196px',\n  },\n  showWeekNumbers: {\n    width: '226px',\n  },\n});\n\nconst useDayCellStyles = makeStyles({\n  base: {\n    color: tokens.colorNeutralForeground1,\n    cursor: 'pointer',\n    fontSize: tokens.fontSizeBase200,\n    fontWeight: tokens.fontWeightRegular,\n    margin: '0',\n    padding: '2px',\n    position: 'relative',\n    '@media (forced-colors: active)': {\n      backgroundColor: 'Window',\n      color: 'WindowText',\n    },\n\n    [`&.${extraCalendarDayGridClassNames.hoverStyle}`]: {\n      color: tokens.colorNeutralForeground1Static,\n      backgroundColor: tokens.colorBrandBackgroundInvertedHover,\n      '@media (forced-colors: active)': {\n        outline: '1px solid Highlight',\n        zIndex: 3,\n        [`& .${calendarDayGridClassNames.dayTodayMarker}`]: {\n          backgroundColor: 'Highlight',\n        },\n      },\n    },\n\n    [`&.${extraCalendarDayGridClassNames.pressedStyle}`]: {\n      color: tokens.colorNeutralForeground1Static,\n      backgroundColor: tokens.colorBrandBackgroundInvertedPressed,\n      '@media (forced-colors: active)': {\n        backgroundColor: 'Window',\n        ...shorthands.borderColor('Highlight'),\n        color: 'Highlight',\n      },\n    },\n  },\n  focusIndicator: createFocusOutlineStyle({\n    style: {\n      outlineWidth: tokens.strokeWidthThick,\n      ...shorthands.borderWidth(tokens.strokeWidthThick),\n    },\n  }),\n});\n\nconst useDaySelectedStyles = makeStyles({\n  base: {\n    backgroundColor: tokens.colorBrandBackgroundInvertedSelected,\n    color: tokens.colorNeutralForeground1Static,\n\n    '@media (forced-colors: active)': {\n      backgroundColor: 'Highlight',\n      ...shorthands.borderColor('Highlight'),\n      color: 'HighlightText',\n      forcedColorAdjust: 'none',\n    },\n\n    [`&:hover, &.${extraCalendarDayGridClassNames.hoverStyle}, &.${extraCalendarDayGridClassNames.pressedStyle}`]: {\n      color: tokens.colorNeutralForeground1Static,\n      backgroundColor: tokens.colorBrandBackgroundInvertedSelected,\n      '@media (forced-colors: active)': {\n        backgroundColor: 'Highlight',\n        color: 'HighlightText',\n      },\n    },\n\n    [`& > .${calendarDayGridClassNames.dayMarker}`]: {\n      '@media (forced-colors: active)': {\n        backgroundColor: 'Window',\n      },\n    },\n  },\n});\n\nconst useDaySingleSelectedStyles = makeStyles({\n  base: {\n    color: tokens.colorNeutralForeground1Static,\n\n    [`& > .${calendarDayGridClassNames.dayMarker}`]: {\n      '@media (forced-colors: active)': {\n        backgroundColor: 'Window',\n      },\n    },\n\n    [`& > .${calendarDayGridClassNames.dayButton}`]: {\n      backgroundColor: tokens.colorBrandBackgroundInvertedSelected,\n      borderRadius: tokens.borderRadiusMedium,\n      border: `1px solid ${tokens.colorBrandStroke1}`,\n      '@media (forced-colors: active)': {\n        backgroundColor: 'Highlight',\n        ...shorthands.borderColor('Highlight'),\n        color: 'HighlightText',\n        forcedColorAdjust: 'none',\n      },\n    },\n  },\n});\n\nconst useWeekRowStyles = makeStyles({\n  base: {\n    position: 'relative',\n    ':focus-within': {\n      zIndex: 1,\n    },\n  },\n});\n\nconst useWeekDayLabelCellStyles = makeStyles({\n  base: {\n    userSelect: 'none',\n  },\n});\n\nconst useWeekNumberCellStyles = makeStyles({\n  base: {\n    backgroundColor: tokens.colorTransparentBackground,\n    borderRight: `1px solid ${tokens.colorNeutralStroke2}`,\n    boxSizing: 'border-box',\n    color: tokens.colorNeutralForeground4,\n    fontSize: tokens.fontSizeBase200,\n    fontWeight: tokens.fontWeightRegular,\n    height: '28px',\n    margin: '0',\n    padding: '0',\n    width: '28px',\n  },\n});\n\nconst useDayOutsideBoundsStyles = makeStyles({\n  base: {\n    [`&, &:disabled, & button, &.${extraCalendarDayGridClassNames.hoverStyle}` +\n    `, &.${extraCalendarDayGridClassNames.pressedStyle}`]: {\n      backgroundColor: tokens.colorTransparentBackground,\n      color: tokens.colorNeutralForegroundDisabled,\n      pointerEvents: 'none',\n    },\n    '@media (forced-colors: active)': {\n      color: 'GrayText',\n    },\n  },\n});\n\nconst useDayOutsideNavigatedMonthStyles = makeStyles({\n  lightenDaysOutsideNavigatedMonth: {\n    color: tokens.colorNeutralForeground4,\n    fontWeight: tokens.fontWeightRegular,\n\n    '@media (forced-colors: active)': {\n      color: 'GrayText',\n    },\n  },\n});\n\nconst useDayButtonStyles = makeStyles({\n  base: {\n    backgroundColor: tokens.colorTransparentBackground,\n    border: 'none',\n    color: 'inherit',\n    cursor: 'pointer',\n    fontSize: tokens.fontSizeBase200,\n    fontWeight: 'inherit',\n    height: '24px',\n    lineHeight: '24px',\n    overflow: 'visible',\n    padding: '0',\n    width: '24px',\n\n    '&span': {\n      height: 'inherit',\n      lineHeight: 'inherit',\n    },\n    ':hover': {\n      backgroundColor: tokens.colorBrandBackgroundInvertedHover,\n      borderRadius: tokens.borderRadiusMedium,\n    },\n    ':active': {\n      backgroundColor: tokens.colorBrandBackgroundInvertedPressed,\n    },\n  },\n});\n\nconst useDayIsTodayStyles = makeStyles({\n  base: {\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n    color: tokens.colorNeutralForegroundOnBrand,\n    fontWeight: tokens.fontWeightSemibold,\n\n    [`& > .${calendarDayGridClassNames.dayMarker}`]: {\n      backgroundColor: tokens.colorNeutralForegroundOnBrand,\n      '@media (forced-colors: active)': {\n        backgroundColor: 'Window',\n      },\n    },\n  },\n});\n\nconst useDayTodayMarkerStyles = makeStyles({\n  base: {\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n    backgroundColor: tokens.colorBrandBackground,\n    borderRadius: '100%',\n    width: '20px',\n    height: '20px',\n    lineHeight: '20px',\n    '@media (forced-colors: active)': {\n      backgroundColor: 'WindowText',\n      ...shorthands.borderColor('WindowText'),\n      color: 'Window',\n      forcedColorAdjust: 'none',\n    },\n  },\n});\n\nconst useFirstTransitionWeekStyles = makeStyles({\n  base: {\n    // Overlaid out of flow and transparent at rest; `pointerEvents: 'none'` stops the invisible\n    // overlay from intercepting clicks. `TransitionRowSlideOut` fades opacity 1 → 0, ending here.\n    opacity: 0,\n    overflow: 'hidden',\n    pointerEvents: 'none',\n    position: 'absolute',\n  },\n});\n\nconst useLastTransitionWeekStyles = makeStyles({\n  base: {\n    marginTop: '-28px',\n    opacity: 0,\n    overflow: 'hidden',\n    pointerEvents: 'none',\n    position: 'absolute',\n  },\n});\n\nconst useDayMarkerStyles = makeStyles({\n  base: {\n    backgroundColor: tokens.colorBrandForeground2,\n    borderRadius: '100%',\n    bottom: '1px',\n    height: '4px',\n    left: 0,\n    margin: 'auto',\n\n    position: 'absolute',\n    right: 0,\n    width: '4px',\n\n    '@media (forced-colors: active)': {\n      backgroundColor: 'WindowText',\n      forcedColorAdjust: 'none',\n    },\n  },\n});\n\nconst useCornerBorderAndRadiusStyles = makeStyles({\n  corners: {\n    [`&.${weekCornersClassNames.topRightCornerDate}`]: {\n      borderTopRightRadius: tokens.borderRadiusMedium,\n    },\n    [`&.${weekCornersClassNames.topLeftCornerDate}`]: {\n      borderTopLeftRadius: tokens.borderRadiusMedium,\n    },\n    [`&.${weekCornersClassNames.bottomRightCornerDate}`]: {\n      borderBottomRightRadius: tokens.borderRadiusMedium,\n    },\n    [`&.${weekCornersClassNames.bottomLeftCornerDate}`]: {\n      borderBottomLeftRadius: tokens.borderRadiusMedium,\n    },\n  },\n});\n\n/**\n * Apply styling to the CalendarDayGrid slots based on the state\n *\n * @internal\n */\nexport const useCalendarDayGridStyles_unstable = (props: CalendarDayGridStyleProps): CalendarDayGridStyles => {\n  'use no memo'; // justified: compiler would optimize useCalendarDayGridStyles_unstable — manual opt-out to preserve runtime behavior\n\n  const wrapperStyles = useWrapperStyles();\n  const tableStyles = useTableStyles();\n  const dayCellStyles = useDayCellStyles();\n  const daySelectedStyles = useDaySelectedStyles();\n  const daySingleSelectedStyles = useDaySingleSelectedStyles();\n  const weekRowStyles = useWeekRowStyles();\n  const weekDayLabelCellStyles = useWeekDayLabelCellStyles();\n  const weekNumberCellStyles = useWeekNumberCellStyles();\n  const dayOutsideBoundsStyles = useDayOutsideBoundsStyles();\n  const dayOutsideNavigatedMonthStyles = useDayOutsideNavigatedMonthStyles();\n  const dayButtonStyles = useDayButtonStyles();\n  const dayIsTodayStyles = useDayIsTodayStyles();\n  const firstTransitionWeekStyles = useFirstTransitionWeekStyles();\n  const lastTransitionWeekStyles = useLastTransitionWeekStyles();\n  const dayMarkerStyles = useDayMarkerStyles();\n  const cornerBorderAndRadiusStyles = useCornerBorderAndRadiusStyles();\n  const dayTodayMarkerStyles = useDayTodayMarkerStyles();\n\n  const { lightenDaysOutsideNavigatedMonth, showWeekNumbers } = props;\n\n  return {\n    wrapper: mergeClasses(calendarDayGridClassNames.wrapper, wrapperStyles.base),\n    table: mergeClasses(\n      calendarDayGridClassNames.table,\n      tableStyles.base,\n      showWeekNumbers && tableStyles.showWeekNumbers,\n    ),\n    dayCell: mergeClasses(\n      calendarDayGridClassNames.dayCell,\n      dayCellStyles.base,\n      dayCellStyles.focusIndicator,\n      cornerBorderAndRadiusStyles.corners,\n    ),\n    daySelected: mergeClasses(calendarDayGridClassNames.daySelected, daySelectedStyles.base),\n    daySingleSelected: mergeClasses(calendarDayGridClassNames.daySingleSelected, daySingleSelectedStyles.base),\n    weekRow: mergeClasses(calendarDayGridClassNames.weekRow, weekRowStyles.base),\n    weekDayLabelCell: mergeClasses(calendarDayGridClassNames.weekDayLabelCell, weekDayLabelCellStyles.base),\n    weekNumberCell: mergeClasses(calendarDayGridClassNames.weekNumberCell, weekNumberCellStyles.base),\n    dayOutsideBounds: mergeClasses(calendarDayGridClassNames.dayOutsideBounds, dayOutsideBoundsStyles.base),\n    dayOutsideNavigatedMonth: mergeClasses(\n      calendarDayGridClassNames.dayOutsideNavigatedMonth,\n      lightenDaysOutsideNavigatedMonth && dayOutsideNavigatedMonthStyles.lightenDaysOutsideNavigatedMonth,\n    ),\n    dayButton: mergeClasses(calendarDayGridClassNames.dayButton, dayButtonStyles.base),\n    dayIsToday: mergeClasses(calendarDayGridClassNames.dayIsToday, dayIsTodayStyles.base),\n    firstTransitionWeek: mergeClasses(calendarDayGridClassNames.firstTransitionWeek, firstTransitionWeekStyles.base),\n    lastTransitionWeek: mergeClasses(calendarDayGridClassNames.lastTransitionWeek, lastTransitionWeekStyles.base),\n    dayMarker: mergeClasses(calendarDayGridClassNames.dayMarker, dayMarkerStyles.base),\n    dayTodayMarker: mergeClasses(calendarDayGridClassNames.dayTodayMarker, dayTodayMarkerStyles.base),\n  };\n};\n"],"names":["tokens","makeStyles","mergeClasses","shorthands","weekCornersClassNames","createFocusOutlineStyle","calendarDayGridClassNames","wrapper","table","dayCell","daySelected","daySingleSelected","weekRow","weekDayLabelCell","weekNumberCell","dayOutsideBounds","dayOutsideNavigatedMonth","dayButton","dayIsToday","firstTransitionWeek","lastTransitionWeek","dayMarker","dayTodayMarker","extraCalendarDayGridClassNames","hoverStyle","pressedStyle","useWrapperStyles","base","paddingBottom","useTableStyles","borderCollapse","borderSpacing","fontSize","marginTop","position","tableLayout","textAlign","width","showWeekNumbers","useDayCellStyles","color","colorNeutralForeground1","cursor","fontSizeBase200","fontWeight","fontWeightRegular","margin","padding","backgroundColor","colorNeutralForeground1Static","colorBrandBackgroundInvertedHover","outline","zIndex","colorBrandBackgroundInvertedPressed","borderColor","focusIndicator","style","outlineWidth","strokeWidthThick","borderWidth","useDaySelectedStyles","colorBrandBackgroundInvertedSelected","forcedColorAdjust","useDaySingleSelectedStyles","borderRadius","borderRadiusMedium","border","colorBrandStroke1","useWeekRowStyles","useWeekDayLabelCellStyles","userSelect","useWeekNumberCellStyles","colorTransparentBackground","borderRight","colorNeutralStroke2","boxSizing","colorNeutralForeground4","height","useDayOutsideBoundsStyles","colorNeutralForegroundDisabled","pointerEvents","useDayOutsideNavigatedMonthStyles","lightenDaysOutsideNavigatedMonth","useDayButtonStyles","lineHeight","overflow","useDayIsTodayStyles","display","justifyContent","alignItems","colorNeutralForegroundOnBrand","fontWeightSemibold","useDayTodayMarkerStyles","colorBrandBackground","useFirstTransitionWeekStyles","opacity","useLastTransitionWeekStyles","useDayMarkerStyles","colorBrandForeground2","bottom","left","right","useCornerBorderAndRadiusStyles","corners","topRightCornerDate","borderTopRightRadius","topLeftCornerDate","borderTopLeftRadius","bottomRightCornerDate","borderBottomRightRadius","bottomLeftCornerDate","borderBottomLeftRadius","useCalendarDayGridStyles_unstable","props","wrapperStyles","tableStyles","dayCellStyles","daySelectedStyles","daySingleSelectedStyles","weekRowStyles","weekDayLabelCellStyles","weekNumberCellStyles","dayOutsideBoundsStyles","dayOutsideNavigatedMonthStyles","dayButtonStyles","dayIsTodayStyles","firstTransitionWeekStyles","lastTransitionWeekStyles","dayMarkerStyles","cornerBorderAndRadiusStyles","dayTodayMarkerStyles"],"mappings":"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"}
+{"version":3,"sources":["../src/components/CalendarDayGrid/useCalendarDayGridStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { tokens } from '@fluentui/react-theme';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { weekCornersClassNames } from './useWeekCornerStyles.styles';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { CalendarDayGridStyles, CalendarDayGridStyleProps } from './CalendarDayGrid.types';\n\n/**\n * @internal\n */\nexport const calendarDayGridClassNames: SlotClassNames<CalendarDayGridStyles> = {\n  wrapper: 'fui-CalendarDayGrid__wrapper',\n  table: 'fui-CalendarDayGrid__table',\n  dayCell: 'fui-CalendarDayGrid__dayCell',\n  daySelected: 'fui-CalendarDayGrid__daySelected',\n  daySingleSelected: 'fui-CalendarDayGrid__daySingleSelected',\n  weekRow: 'fui-CalendarDayGrid__weekRow',\n  weekDayLabelCell: 'fui-CalendarDayGrid__weekDayLabelCell',\n  weekNumberCell: 'fui-CalendarDayGrid__weekNumberCell',\n  dayOutsideBounds: 'fui-CalendarDayGrid__dayOutsideBounds',\n  dayOutsideNavigatedMonth: 'fui-CalendarDayGrid__dayOutsideNavigatedMonth',\n  dayButton: 'fui-CalendarDayGrid__dayButton',\n  dayIsToday: 'fui-CalendarDayGrid__dayIsToday',\n  firstTransitionWeek: 'fui-CalendarDayGrid__firstTransitionWeek',\n  lastTransitionWeek: 'fui-CalendarDayGrid__lastTransitionWeek',\n  dayMarker: 'fui-CalendarDayGrid__dayMarker',\n  dayTodayMarker: 'fui-CalendarDayGrid__dayTodayMarker',\n};\n\n/**\n * @internal\n */\nexport const extraCalendarDayGridClassNames = {\n  hoverStyle: 'fui-CalendarDayGrid__hoverStyle',\n  pressedStyle: 'fui-CalendarDayGrid__pressedStyle',\n};\n\nconst useWrapperStyles = makeStyles({\n  base: {\n    paddingBottom: '10px',\n  },\n});\n\nconst useTableStyles = makeStyles({\n  base: {\n    borderCollapse: 'collapse',\n    borderSpacing: 0,\n    fontSize: 'inherit',\n    marginTop: '4px',\n    paddingBottom: '10px',\n    position: 'relative',\n    tableLayout: 'fixed',\n    textAlign: 'center',\n    width: '196px',\n  },\n  showWeekNumbers: {\n    width: '226px',\n  },\n});\n\nconst useDayCellStyles = makeStyles({\n  base: {\n    color: tokens.colorNeutralForeground1,\n    cursor: 'pointer',\n    fontSize: tokens.fontSizeBase200,\n    fontWeight: tokens.fontWeightRegular,\n    margin: '0',\n    padding: '2px',\n    position: 'relative',\n    '@media (forced-colors: active)': {\n      backgroundColor: 'Window',\n      color: 'WindowText',\n    },\n\n    [`&.${extraCalendarDayGridClassNames.hoverStyle}`]: {\n      color: tokens.colorNeutralForeground1Static,\n      backgroundColor: tokens.colorBrandBackgroundInvertedHover,\n      '@media (forced-colors: active)': {\n        outline: '1px solid Highlight',\n        zIndex: 3,\n        [`& .${calendarDayGridClassNames.dayTodayMarker}`]: {\n          backgroundColor: 'Highlight',\n        },\n      },\n    },\n\n    [`&.${extraCalendarDayGridClassNames.pressedStyle}`]: {\n      color: tokens.colorNeutralForeground1Static,\n      backgroundColor: tokens.colorBrandBackgroundInvertedPressed,\n      '@media (forced-colors: active)': {\n        backgroundColor: 'Window',\n        ...shorthands.borderColor('Highlight'),\n        color: 'Highlight',\n      },\n    },\n  },\n  focusIndicator: createFocusOutlineStyle({\n    style: {\n      outlineWidth: tokens.strokeWidthThick,\n      ...shorthands.borderWidth(tokens.strokeWidthThick),\n    },\n  }),\n});\n\nconst useDaySelectedStyles = makeStyles({\n  base: {\n    backgroundColor: tokens.colorBrandBackgroundInvertedSelected,\n    color: tokens.colorNeutralForeground1Static,\n\n    '@media (forced-colors: active)': {\n      backgroundColor: 'Highlight',\n      ...shorthands.borderColor('Highlight'),\n      color: 'HighlightText',\n      forcedColorAdjust: 'none',\n    },\n\n    [`&:hover, &.${extraCalendarDayGridClassNames.hoverStyle}, &.${extraCalendarDayGridClassNames.pressedStyle}`]: {\n      color: tokens.colorNeutralForeground1Static,\n      backgroundColor: tokens.colorBrandBackgroundInvertedSelected,\n      '@media (forced-colors: active)': {\n        backgroundColor: 'Highlight',\n        color: 'HighlightText',\n      },\n    },\n\n    [`& > .${calendarDayGridClassNames.dayMarker}`]: {\n      '@media (forced-colors: active)': {\n        backgroundColor: 'Window',\n      },\n    },\n  },\n});\n\nconst useDaySingleSelectedStyles = makeStyles({\n  base: {\n    color: tokens.colorNeutralForeground1Static,\n\n    [`& > .${calendarDayGridClassNames.dayMarker}`]: {\n      '@media (forced-colors: active)': {\n        backgroundColor: 'Window',\n      },\n    },\n\n    [`& > .${calendarDayGridClassNames.dayButton}`]: {\n      backgroundColor: tokens.colorBrandBackgroundInvertedSelected,\n      borderRadius: tokens.borderRadiusMedium,\n      border: `1px solid ${tokens.colorBrandStroke1}`,\n      '@media (forced-colors: active)': {\n        backgroundColor: 'Highlight',\n        ...shorthands.borderColor('Highlight'),\n        color: 'HighlightText',\n        forcedColorAdjust: 'none',\n      },\n    },\n  },\n});\n\nconst useWeekRowStyles = makeStyles({\n  base: {\n    position: 'relative',\n    ':focus-within': {\n      zIndex: 1,\n    },\n  },\n});\n\nconst useWeekDayLabelCellStyles = makeStyles({\n  base: {\n    userSelect: 'none',\n  },\n});\n\nconst useWeekNumberCellStyles = makeStyles({\n  base: {\n    backgroundColor: tokens.colorTransparentBackground,\n    borderRight: `1px solid ${tokens.colorNeutralStroke2}`,\n    boxSizing: 'border-box',\n    color: tokens.colorNeutralForeground4,\n    fontSize: tokens.fontSizeBase200,\n    fontWeight: tokens.fontWeightRegular,\n    height: '28px',\n    margin: '0',\n    padding: '0',\n    width: '28px',\n  },\n});\n\nconst useDayOutsideBoundsStyles = makeStyles({\n  base: {\n    [`&, &:disabled, & button, &.${extraCalendarDayGridClassNames.hoverStyle}` +\n    `, &.${extraCalendarDayGridClassNames.pressedStyle}`]: {\n      backgroundColor: tokens.colorTransparentBackground,\n      color: tokens.colorNeutralForegroundDisabled,\n      pointerEvents: 'none',\n    },\n    '@media (forced-colors: active)': {\n      color: 'GrayText',\n    },\n  },\n});\n\nconst useDayOutsideNavigatedMonthStyles = makeStyles({\n  lightenDaysOutsideNavigatedMonth: {\n    color: tokens.colorNeutralForeground4,\n    fontWeight: tokens.fontWeightRegular,\n\n    '@media (forced-colors: active)': {\n      color: 'GrayText',\n    },\n  },\n});\n\nconst useDayButtonStyles = makeStyles({\n  base: {\n    backgroundColor: tokens.colorTransparentBackground,\n    border: 'none',\n    color: 'inherit',\n    cursor: 'pointer',\n    fontSize: tokens.fontSizeBase200,\n    fontWeight: 'inherit',\n    height: '24px',\n    lineHeight: '24px',\n    overflow: 'visible',\n    padding: '0',\n    width: '24px',\n\n    '&span': {\n      height: 'inherit',\n      lineHeight: 'inherit',\n    },\n    ':hover': {\n      backgroundColor: tokens.colorBrandBackgroundInvertedHover,\n      borderRadius: tokens.borderRadiusMedium,\n    },\n    ':active': {\n      backgroundColor: tokens.colorBrandBackgroundInvertedPressed,\n    },\n  },\n});\n\nconst useDayIsTodayStyles = makeStyles({\n  base: {\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n    color: tokens.colorNeutralForegroundOnBrand,\n    fontWeight: tokens.fontWeightSemibold,\n\n    [`& > .${calendarDayGridClassNames.dayMarker}`]: {\n      backgroundColor: tokens.colorNeutralForegroundOnBrand,\n      '@media (forced-colors: active)': {\n        backgroundColor: 'Window',\n      },\n    },\n  },\n});\n\nconst useDayTodayMarkerStyles = makeStyles({\n  base: {\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n    backgroundColor: tokens.colorBrandBackground,\n    borderRadius: '100%',\n    width: '20px',\n    height: '20px',\n    lineHeight: '20px',\n    '@media (forced-colors: active)': {\n      backgroundColor: 'WindowText',\n      ...shorthands.borderColor('WindowText'),\n      color: 'Window',\n      forcedColorAdjust: 'none',\n    },\n  },\n});\n\nconst useFirstTransitionWeekStyles = makeStyles({\n  base: {\n    // Overlaid out of flow and transparent at rest; `pointerEvents: 'none'` stops the invisible\n    // overlay from intercepting clicks. `TransitionRowSlideOut` fades opacity 1 → 0, ending here.\n    opacity: 0,\n    overflow: 'hidden',\n    pointerEvents: 'none',\n    position: 'absolute',\n  },\n});\n\nconst useLastTransitionWeekStyles = makeStyles({\n  base: {\n    marginTop: '-28px',\n    opacity: 0,\n    overflow: 'hidden',\n    pointerEvents: 'none',\n    position: 'absolute',\n  },\n});\n\nconst useDayMarkerStyles = makeStyles({\n  base: {\n    backgroundColor: tokens.colorBrandForeground2,\n    borderRadius: '100%',\n    bottom: '1px',\n    height: '4px',\n    left: 0,\n    margin: 'auto',\n\n    position: 'absolute',\n    right: 0,\n    width: '4px',\n\n    '@media (forced-colors: active)': {\n      backgroundColor: 'WindowText',\n      forcedColorAdjust: 'none',\n    },\n  },\n});\n\nconst useCornerBorderAndRadiusStyles = makeStyles({\n  corners: {\n    [`&.${weekCornersClassNames.topRightCornerDate}`]: {\n      borderTopRightRadius: tokens.borderRadiusMedium,\n    },\n    [`&.${weekCornersClassNames.topLeftCornerDate}`]: {\n      borderTopLeftRadius: tokens.borderRadiusMedium,\n    },\n    [`&.${weekCornersClassNames.bottomRightCornerDate}`]: {\n      borderBottomRightRadius: tokens.borderRadiusMedium,\n    },\n    [`&.${weekCornersClassNames.bottomLeftCornerDate}`]: {\n      borderBottomLeftRadius: tokens.borderRadiusMedium,\n    },\n  },\n});\n\n/**\n * Apply styling to the CalendarDayGrid slots based on the state\n *\n * @internal\n */\nexport const useCalendarDayGridStyles_unstable = (props: CalendarDayGridStyleProps): CalendarDayGridStyles => {\n  'use no memo'; // justified: compiler would optimize useCalendarDayGridStyles_unstable — manual opt-out to preserve runtime behavior\n\n  const wrapperStyles = useWrapperStyles();\n  const tableStyles = useTableStyles();\n  const dayCellStyles = useDayCellStyles();\n  const daySelectedStyles = useDaySelectedStyles();\n  const daySingleSelectedStyles = useDaySingleSelectedStyles();\n  const weekRowStyles = useWeekRowStyles();\n  const weekDayLabelCellStyles = useWeekDayLabelCellStyles();\n  const weekNumberCellStyles = useWeekNumberCellStyles();\n  const dayOutsideBoundsStyles = useDayOutsideBoundsStyles();\n  const dayOutsideNavigatedMonthStyles = useDayOutsideNavigatedMonthStyles();\n  const dayButtonStyles = useDayButtonStyles();\n  const dayIsTodayStyles = useDayIsTodayStyles();\n  const firstTransitionWeekStyles = useFirstTransitionWeekStyles();\n  const lastTransitionWeekStyles = useLastTransitionWeekStyles();\n  const dayMarkerStyles = useDayMarkerStyles();\n  const cornerBorderAndRadiusStyles = useCornerBorderAndRadiusStyles();\n  const dayTodayMarkerStyles = useDayTodayMarkerStyles();\n\n  const { lightenDaysOutsideNavigatedMonth, showWeekNumbers } = props;\n\n  return {\n    wrapper: mergeClasses(calendarDayGridClassNames.wrapper, wrapperStyles.base),\n    table: mergeClasses(\n      calendarDayGridClassNames.table,\n      tableStyles.base,\n      showWeekNumbers && tableStyles.showWeekNumbers,\n    ),\n    dayCell: mergeClasses(\n      calendarDayGridClassNames.dayCell,\n      dayCellStyles.base,\n      dayCellStyles.focusIndicator,\n      cornerBorderAndRadiusStyles.corners,\n    ),\n    daySelected: mergeClasses(calendarDayGridClassNames.daySelected, daySelectedStyles.base),\n    daySingleSelected: mergeClasses(calendarDayGridClassNames.daySingleSelected, daySingleSelectedStyles.base),\n    weekRow: mergeClasses(calendarDayGridClassNames.weekRow, weekRowStyles.base),\n    weekDayLabelCell: mergeClasses(calendarDayGridClassNames.weekDayLabelCell, weekDayLabelCellStyles.base),\n    weekNumberCell: mergeClasses(calendarDayGridClassNames.weekNumberCell, weekNumberCellStyles.base),\n    dayOutsideBounds: mergeClasses(calendarDayGridClassNames.dayOutsideBounds, dayOutsideBoundsStyles.base),\n    dayOutsideNavigatedMonth: mergeClasses(\n      calendarDayGridClassNames.dayOutsideNavigatedMonth,\n      lightenDaysOutsideNavigatedMonth && dayOutsideNavigatedMonthStyles.lightenDaysOutsideNavigatedMonth,\n    ),\n    dayButton: mergeClasses(calendarDayGridClassNames.dayButton, dayButtonStyles.base),\n    dayIsToday: mergeClasses(calendarDayGridClassNames.dayIsToday, dayIsTodayStyles.base),\n    firstTransitionWeek: mergeClasses(calendarDayGridClassNames.firstTransitionWeek, firstTransitionWeekStyles.base),\n    lastTransitionWeek: mergeClasses(calendarDayGridClassNames.lastTransitionWeek, lastTransitionWeekStyles.base),\n    dayMarker: mergeClasses(calendarDayGridClassNames.dayMarker, dayMarkerStyles.base),\n    dayTodayMarker: mergeClasses(calendarDayGridClassNames.dayTodayMarker, dayTodayMarkerStyles.base),\n  };\n};\n"],"names":["tokens","makeStyles","mergeClasses","shorthands","weekCornersClassNames","createFocusOutlineStyle","calendarDayGridClassNames","wrapper","table","dayCell","daySelected","daySingleSelected","weekRow","weekDayLabelCell","weekNumberCell","dayOutsideBounds","dayOutsideNavigatedMonth","dayButton","dayIsToday","firstTransitionWeek","lastTransitionWeek","dayMarker","dayTodayMarker","extraCalendarDayGridClassNames","hoverStyle","pressedStyle","useWrapperStyles","base","paddingBottom","useTableStyles","borderCollapse","borderSpacing","fontSize","marginTop","position","tableLayout","textAlign","width","showWeekNumbers","useDayCellStyles","color","colorNeutralForeground1","cursor","fontSizeBase200","fontWeight","fontWeightRegular","margin","padding","backgroundColor","colorNeutralForeground1Static","colorBrandBackgroundInvertedHover","outline","zIndex","colorBrandBackgroundInvertedPressed","borderColor","focusIndicator","style","outlineWidth","strokeWidthThick","borderWidth","useDaySelectedStyles","colorBrandBackgroundInvertedSelected","forcedColorAdjust","useDaySingleSelectedStyles","borderRadius","borderRadiusMedium","border","colorBrandStroke1","useWeekRowStyles","useWeekDayLabelCellStyles","userSelect","useWeekNumberCellStyles","colorTransparentBackground","borderRight","colorNeutralStroke2","boxSizing","colorNeutralForeground4","height","useDayOutsideBoundsStyles","colorNeutralForegroundDisabled","pointerEvents","useDayOutsideNavigatedMonthStyles","lightenDaysOutsideNavigatedMonth","useDayButtonStyles","lineHeight","overflow","useDayIsTodayStyles","display","justifyContent","alignItems","colorNeutralForegroundOnBrand","fontWeightSemibold","useDayTodayMarkerStyles","colorBrandBackground","useFirstTransitionWeekStyles","opacity","useLastTransitionWeekStyles","useDayMarkerStyles","colorBrandForeground2","bottom","left","right","useCornerBorderAndRadiusStyles","corners","topRightCornerDate","borderTopRightRadius","topLeftCornerDate","borderTopLeftRadius","bottomRightCornerDate","borderBottomRightRadius","bottomLeftCornerDate","borderBottomLeftRadius","useCalendarDayGridStyles_unstable","props","wrapperStyles","tableStyles","dayCellStyles","daySelectedStyles","daySingleSelectedStyles","weekRowStyles","weekDayLabelCellStyles","weekNumberCellStyles","dayOutsideBoundsStyles","dayOutsideNavigatedMonthStyles","dayButtonStyles","dayIsTodayStyles","firstTransitionWeekStyles","lastTransitionWeekStyles","dayMarkerStyles","cornerBorderAndRadiusStyles","dayTodayMarkerStyles"],"mappings":"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"}

package/lib/components/CalendarDayGrid/useWeekCornerStyles.styles.js

@@ -1,9 +1,9 @@
 'use client';
 
-import { useFluent_unstable } from '@fluentui/react-shared-contexts';
-import { mergeClasses } from '@griffel/react';
-import { DateRangeType } from '../../utils/constants';
-import { getDateRangeArray } from '../../utils/index';
+import { useFluent_unstable } from "@fluentui/react-shared-contexts";
+import { mergeClasses } from "@griffel/react";
+import { DateRangeType } from "../../utils/constants.js";
+import { getDateRangeArray } from "../../utils/index.js";
 /**
  * @internal
  */