@fluentui/react-calendar-compat 0.3.21 → 0.4.0

package/CHANGELOG.md

@@ -1,12 +1,21 @@
 # Change Log - @fluentui/react-calendar-compat
 
-This log was last generated on Wed, 11 Mar 2026 09:20:34 GMT and should not be manually modified.
+This log was last generated on Wed, 11 Mar 2026 12:58:08 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [0.4.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-calendar-compat_v0.4.0)
+
+Wed, 11 Mar 2026 12:58:08 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-calendar-compat_v0.3.21..@fluentui/react-calendar-compat_v0.4.0)
+
+### Minor changes
+
+- feat: add onNavigateDate callback to CalendarYear decade selector ([PR #35804](https://github.com/microsoft/fluentui/pull/35804) by 198982749+Copilot@users.noreply.github.com)
+
 ## [0.3.21](https://github.com/microsoft/fluentui/tree/@fluentui/react-calendar-compat_v0.3.21)
 
-Wed, 11 Mar 2026 09:20:34 GMT 
+Wed, 11 Mar 2026 09:22:18 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-calendar-compat_v0.3.20..@fluentui/react-calendar-compat_v0.3.21)
 
 ### Patches

package/dist/index.d.ts

@@ -916,6 +916,11 @@ export declare interface CalendarYearProps {
      * @param year - The year the user selected
      */
     onSelectYear?: (year: number) => void;
+    /**
+     * Callback action when the decade is navigated
+     * @param year - The year at the start of the new decade range being navigated to
+     */
+    onNavigateDate?: (year: number) => void;
     /**
      * Callback action when the header is selected
      */
@@ -1370,44 +1375,44 @@ export declare const TimeConstants: {
 };
 
 /**
- * @internal
- *
  * Apply styling to the CalendarDayGrid slots based on the state
+ *
+ * @internal
  */
 export declare const useCalendarDayGridStyles_unstable: (props: CalendarDayGridStyleProps) => CalendarDayGridStyles;
 
 /**
- * @internal
- *
  * Apply styling to the CalendarDay slots based on the state
+ *
+ * @internal
  */
 export declare const useCalendarDayStyles_unstable: (props: CalendarDayStyleProps) => CalendarDayStyles;
 
 /**
- *  @internal
- *
  * Apply styling to the CalendarMonth slots based on the state
+ *
+ * @internal
  */
 export declare const useCalendarMonthStyles_unstable: (props: CalendarMonthStyleProps) => CalendarMonthStyles;
 
 /**
- * @internal
- *
  * Apply styling to the CalendarPicker slots based on the state
+ *
+ * @internal
  */
 export declare const useCalendarPickerStyles_unstable: (props: CalendarPickerStyleProps) => CalendarPickerStyles;
 
 /**
- * @internal
- *
  * Apply styling to the Calendar slots based on the state
+ *
+ * @internal
  */
 export declare const useCalendarStyles_unstable: (props: CalendarStyleProps) => CalendarStyles;
 
 /**
- * @internal
- *
  * Apply styling to the CalendarYear slots based on the state
+ *
+ * @internal
  */
 export declare const useCalendarYearStyles_unstable: (props: CalendarYearStyleProps) => CalendarYearStyles;
 

package/lib/components/Calendar/useCalendarStyles.styles.js

@@ -178,9 +178,9 @@ const useLiveRegionStyles = /*#__PURE__*/__styles({
   }], ".f1euv43f{position:absolute;}", ".frkrog8{width:1px;}"]
 });
 /**
- * @internal
- *
  * Apply styling to the Calendar slots based on the state
+ *
+ * @internal
  */
 export const useCalendarStyles_unstable = props => {
   'use no memo';

package/lib/components/Calendar/useCalendarStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["tokens","__styles","mergeClasses","shorthands","calendarClassNames","root","divider","goTodayButton","monthPickerWrapper","liveRegion","useRootStyles","base","mc9l5x","a9b677","normalize","E5pizo","B7ck84d","jrapky","Frg6f3","t21cq0","B6of3ja","B74szlk","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","monthPickerNotVisible","Beiy3e4","dayAndMonthPickersVisible","dayPickerVisibleAndWeekNumbersShown","dayAndMonthPickersVisibleAndWeekNumbersShown","d","p","useDividerStyles","h3c5rm","vrafjx","Bekrc4i","u1mtju","Bhzewxz","useMonthPickerWrapperStyles","useGoTodayButtonStyles","qb2dma","De3pzq","icvyot","oivjwe","wvpqe5","B5kzvoi","sj55zd","Bahqtrf","Be2twd7","Bqenvij","Bg96gwp","B68tc82","Bmxbyg5","Bpg54ce","seuwu7","Jwef8y","Bi91k9c","eoavqd","Bv6y5q5","uq1ffc","Bokaozi","Bfrni1f","Bkzqrjd","hu2duy","n9pfp1","dfw8yp","qugvs6","B2d53fq","Dyrjrp","Be90el1","h","m","useLiveRegionStyles","Bgfg5da","B9xav0g","Bn0qgzm","B4g9neb","zhjwy3","ibv6hh","i8vvqc","g2u3we","B4j52fo","irswps","qhf8xq","useCalendarStyles_unstable","props","rootStyles","dividerStyles","monthPickerWrapperStyles","goTodayButtonStyles","liveRegionStyles","className","isDayPickerVisible","isMonthPickerVisible","showWeekNumbers"],"sources":["useCalendarStyles.styles.js"],"sourcesContent":["'use client';\nimport { tokens } from '@fluentui/react-theme';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\n/**\n * @internal\n */ export const calendarClassNames = {\n    root: 'fui-Calendar',\n    divider: 'fui-Calendar__divider',\n    goTodayButton: 'fui-Calendar__goTodayButton',\n    monthPickerWrapper: 'fui-Calendar__monthPickerWrapper',\n    liveRegion: 'fui-Calendar__liveRegion'\n};\nconst useRootStyles = makeStyles({\n    base: {\n        display: 'flex',\n        width: '220px'\n    },\n    normalize: {\n        boxShadow: 'none',\n        boxSizing: 'border-box',\n        margin: '0',\n        padding: '0'\n    },\n    monthPickerNotVisible: {\n        flexDirection: 'column'\n    },\n    dayAndMonthPickersVisible: {\n        width: '440px'\n    },\n    dayPickerVisibleAndWeekNumbersShown: {\n        width: '250px'\n    },\n    dayAndMonthPickersVisibleAndWeekNumbersShown: {\n        width: '470px'\n    }\n});\nconst useDividerStyles = makeStyles({\n    base: {\n        borderRight: `1px solid ${tokens.colorNeutralStroke2}`,\n        top: 0\n    }\n});\nconst useMonthPickerWrapperStyles = makeStyles({\n    base: {\n        display: 'flex',\n        flexDirection: 'column'\n    }\n});\nconst useGoTodayButtonStyles = makeStyles({\n    base: {\n        alignSelf: 'flex-end',\n        backgroundColor: tokens.colorTransparentBackground,\n        ...shorthands.borderStyle('none'),\n        bottom: 0,\n        boxSizing: 'content-box',\n        color: tokens.colorNeutralForeground1,\n        fontFamily: 'inherit',\n        fontSize: tokens.fontSizeBase200,\n        height: '30px',\n        lineHeight: '30px',\n        marginRight: '16px',\n        marginTop: '3px',\n        overflow: 'visible',\n        padding: '0 4px',\n        '& div': {\n            fontSize: tokens.fontSizeBase200\n        },\n        '&:hover': {\n            backgroundColor: tokens.colorTransparentBackground,\n            color: tokens.colorBrandForeground1,\n            cursor: 'pointer',\n            '@media (forced-colors: active)': {\n                outline: tokens.strokeWidthThin,\n                borderRadius: tokens.borderRadiusSmall\n            }\n        },\n        '&:hover:active': {\n            color: tokens.colorBrandForeground2\n        },\n        '&:disabled': {\n            color: tokens.colorNeutralForegroundDisabled,\n            pointerEvents: 'none'\n        }\n    }\n});\nconst useLiveRegionStyles = makeStyles({\n    base: {\n        border: 'none',\n        height: '1px',\n        margin: '-1px',\n        overflow: 'hidden',\n        padding: '0',\n        position: 'absolute',\n        width: '1px'\n    }\n});\n/**\n * @internal\n *\n * Apply styling to the Calendar slots based on the state\n */ export const useCalendarStyles_unstable = (props)=>{\n    'use no memo';\n    const rootStyles = useRootStyles();\n    const dividerStyles = useDividerStyles();\n    const monthPickerWrapperStyles = useMonthPickerWrapperStyles();\n    const goTodayButtonStyles = useGoTodayButtonStyles();\n    const liveRegionStyles = useLiveRegionStyles();\n    const { className, isDayPickerVisible, isMonthPickerVisible, showWeekNumbers } = props;\n    return {\n        root: mergeClasses(calendarClassNames.root, rootStyles.base, rootStyles.normalize, !isMonthPickerVisible && rootStyles.monthPickerNotVisible, isDayPickerVisible && isMonthPickerVisible && !showWeekNumbers && rootStyles.dayAndMonthPickersVisible, isDayPickerVisible && !isMonthPickerVisible && showWeekNumbers && rootStyles.dayPickerVisibleAndWeekNumbersShown, isDayPickerVisible && isMonthPickerVisible && showWeekNumbers && rootStyles.dayAndMonthPickersVisibleAndWeekNumbersShown, className),\n        divider: mergeClasses(calendarClassNames.divider, dividerStyles.base),\n        monthPickerWrapper: mergeClasses(calendarClassNames.monthPickerWrapper, monthPickerWrapperStyles.base),\n        goTodayButton: mergeClasses(calendarClassNames.goTodayButton, goTodayButtonStyles.base),\n        liveRegion: mergeClasses(calendarClassNames.liveRegion, liveRegionStyles.base)\n    };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["tokens","__styles","mergeClasses","shorthands","calendarClassNames","root","divider","goTodayButton","monthPickerWrapper","liveRegion","useRootStyles","base","mc9l5x","a9b677","normalize","E5pizo","B7ck84d","jrapky","Frg6f3","t21cq0","B6of3ja","B74szlk","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","monthPickerNotVisible","Beiy3e4","dayAndMonthPickersVisible","dayPickerVisibleAndWeekNumbersShown","dayAndMonthPickersVisibleAndWeekNumbersShown","d","p","useDividerStyles","h3c5rm","vrafjx","Bekrc4i","u1mtju","Bhzewxz","useMonthPickerWrapperStyles","useGoTodayButtonStyles","qb2dma","De3pzq","icvyot","oivjwe","wvpqe5","B5kzvoi","sj55zd","Bahqtrf","Be2twd7","Bqenvij","Bg96gwp","B68tc82","Bmxbyg5","Bpg54ce","seuwu7","Jwef8y","Bi91k9c","eoavqd","Bv6y5q5","uq1ffc","Bokaozi","Bfrni1f","Bkzqrjd","hu2duy","n9pfp1","dfw8yp","qugvs6","B2d53fq","Dyrjrp","Be90el1","h","m","useLiveRegionStyles","Bgfg5da","B9xav0g","Bn0qgzm","B4g9neb","zhjwy3","ibv6hh","i8vvqc","g2u3we","B4j52fo","irswps","qhf8xq","useCalendarStyles_unstable","props","rootStyles","dividerStyles","monthPickerWrapperStyles","goTodayButtonStyles","liveRegionStyles","className","isDayPickerVisible","isMonthPickerVisible","showWeekNumbers"],"sources":["useCalendarStyles.styles.js"],"sourcesContent":["'use client';\nimport { tokens } from '@fluentui/react-theme';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\n/**\n * @internal\n */ export const calendarClassNames = {\n    root: 'fui-Calendar',\n    divider: 'fui-Calendar__divider',\n    goTodayButton: 'fui-Calendar__goTodayButton',\n    monthPickerWrapper: 'fui-Calendar__monthPickerWrapper',\n    liveRegion: 'fui-Calendar__liveRegion'\n};\nconst useRootStyles = makeStyles({\n    base: {\n        display: 'flex',\n        width: '220px'\n    },\n    normalize: {\n        boxShadow: 'none',\n        boxSizing: 'border-box',\n        margin: '0',\n        padding: '0'\n    },\n    monthPickerNotVisible: {\n        flexDirection: 'column'\n    },\n    dayAndMonthPickersVisible: {\n        width: '440px'\n    },\n    dayPickerVisibleAndWeekNumbersShown: {\n        width: '250px'\n    },\n    dayAndMonthPickersVisibleAndWeekNumbersShown: {\n        width: '470px'\n    }\n});\nconst useDividerStyles = makeStyles({\n    base: {\n        borderRight: `1px solid ${tokens.colorNeutralStroke2}`,\n        top: 0\n    }\n});\nconst useMonthPickerWrapperStyles = makeStyles({\n    base: {\n        display: 'flex',\n        flexDirection: 'column'\n    }\n});\nconst useGoTodayButtonStyles = makeStyles({\n    base: {\n        alignSelf: 'flex-end',\n        backgroundColor: tokens.colorTransparentBackground,\n        ...shorthands.borderStyle('none'),\n        bottom: 0,\n        boxSizing: 'content-box',\n        color: tokens.colorNeutralForeground1,\n        fontFamily: 'inherit',\n        fontSize: tokens.fontSizeBase200,\n        height: '30px',\n        lineHeight: '30px',\n        marginRight: '16px',\n        marginTop: '3px',\n        overflow: 'visible',\n        padding: '0 4px',\n        '& div': {\n            fontSize: tokens.fontSizeBase200\n        },\n        '&:hover': {\n            backgroundColor: tokens.colorTransparentBackground,\n            color: tokens.colorBrandForeground1,\n            cursor: 'pointer',\n            '@media (forced-colors: active)': {\n                outline: tokens.strokeWidthThin,\n                borderRadius: tokens.borderRadiusSmall\n            }\n        },\n        '&:hover:active': {\n            color: tokens.colorBrandForeground2\n        },\n        '&:disabled': {\n            color: tokens.colorNeutralForegroundDisabled,\n            pointerEvents: 'none'\n        }\n    }\n});\nconst useLiveRegionStyles = makeStyles({\n    base: {\n        border: 'none',\n        height: '1px',\n        margin: '-1px',\n        overflow: 'hidden',\n        padding: '0',\n        position: 'absolute',\n        width: '1px'\n    }\n});\n/**\n * Apply styling to the Calendar slots based on the state\n *\n * @internal\n */ export const useCalendarStyles_unstable = (props)=>{\n    'use no memo';\n    const rootStyles = useRootStyles();\n    const dividerStyles = useDividerStyles();\n    const monthPickerWrapperStyles = useMonthPickerWrapperStyles();\n    const goTodayButtonStyles = useGoTodayButtonStyles();\n    const liveRegionStyles = useLiveRegionStyles();\n    const { className, isDayPickerVisible, isMonthPickerVisible, showWeekNumbers } = props;\n    return {\n        root: mergeClasses(calendarClassNames.root, rootStyles.base, rootStyles.normalize, !isMonthPickerVisible && rootStyles.monthPickerNotVisible, isDayPickerVisible && isMonthPickerVisible && !showWeekNumbers && rootStyles.dayAndMonthPickersVisible, isDayPickerVisible && !isMonthPickerVisible && showWeekNumbers && rootStyles.dayPickerVisibleAndWeekNumbersShown, isDayPickerVisible && isMonthPickerVisible && showWeekNumbers && rootStyles.dayAndMonthPickersVisibleAndWeekNumbersShown, className),\n        divider: mergeClasses(calendarClassNames.divider, dividerStyles.base),\n        monthPickerWrapper: mergeClasses(calendarClassNames.monthPickerWrapper, monthPickerWrapperStyles.base),\n        goTodayButton: mergeClasses(calendarClassNames.goTodayButton, goTodayButtonStyles.base),\n        liveRegion: mergeClasses(calendarClassNames.liveRegion, liveRegionStyles.base)\n    };\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/components/Calendar/useCalendarStyles.styles.raw.js

@@ -95,9 +95,9 @@ const useLiveRegionStyles = makeStyles({
     }
 });
 /**
- * @internal
- *
  * Apply styling to the Calendar slots based on the state
+ *
+ * @internal
  */ export const useCalendarStyles_unstable = (props)=>{
     'use no memo';
     const rootStyles = useRootStyles();

package/lib/components/Calendar/useCalendarStyles.styles.raw.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Calendar/useCalendarStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { tokens } from '@fluentui/react-theme';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { CalendarStyles, CalendarStyleProps } from './Calendar.types';\n\n/**\n * @internal\n */\nexport const calendarClassNames: SlotClassNames<CalendarStyles> = {\n  root: 'fui-Calendar',\n  divider: 'fui-Calendar__divider',\n  goTodayButton: 'fui-Calendar__goTodayButton',\n  monthPickerWrapper: 'fui-Calendar__monthPickerWrapper',\n  liveRegion: 'fui-Calendar__liveRegion',\n};\n\nconst useRootStyles = makeStyles({\n  base: {\n    display: 'flex',\n    width: '220px',\n  },\n  normalize: {\n    boxShadow: 'none',\n    boxSizing: 'border-box',\n    margin: '0',\n    padding: '0',\n  },\n  monthPickerNotVisible: {\n    flexDirection: 'column',\n  },\n  dayAndMonthPickersVisible: {\n    width: '440px',\n  },\n  dayPickerVisibleAndWeekNumbersShown: {\n    width: '250px',\n  },\n  dayAndMonthPickersVisibleAndWeekNumbersShown: {\n    width: '470px',\n  },\n});\n\nconst useDividerStyles = makeStyles({\n  base: {\n    borderRight: `1px solid ${tokens.colorNeutralStroke2}`,\n    top: 0,\n  },\n});\n\nconst useMonthPickerWrapperStyles = makeStyles({\n  base: {\n    display: 'flex',\n    flexDirection: 'column',\n  },\n});\n\nconst useGoTodayButtonStyles = makeStyles({\n  base: {\n    alignSelf: 'flex-end',\n    backgroundColor: tokens.colorTransparentBackground,\n    ...shorthands.borderStyle('none'),\n    bottom: 0,\n    boxSizing: 'content-box',\n    color: tokens.colorNeutralForeground1,\n    fontFamily: 'inherit',\n    fontSize: tokens.fontSizeBase200,\n    height: '30px',\n    lineHeight: '30px',\n    marginRight: '16px',\n    marginTop: '3px',\n    overflow: 'visible',\n    padding: '0 4px',\n\n    '& div': {\n      fontSize: tokens.fontSizeBase200,\n    },\n    '&:hover': {\n      backgroundColor: tokens.colorTransparentBackground,\n      color: tokens.colorBrandForeground1,\n      cursor: 'pointer',\n\n      '@media (forced-colors: active)': {\n        outline: tokens.strokeWidthThin,\n        borderRadius: tokens.borderRadiusSmall,\n      },\n    },\n    '&:hover:active': {\n      color: tokens.colorBrandForeground2,\n    },\n    '&:disabled': {\n      color: tokens.colorNeutralForegroundDisabled,\n      pointerEvents: 'none',\n    },\n  },\n});\n\nconst useLiveRegionStyles = makeStyles({\n  base: {\n    border: 'none',\n    height: '1px',\n    margin: '-1px',\n    overflow: 'hidden',\n    padding: '0',\n    position: 'absolute',\n    width: '1px',\n  },\n});\n\n/**\n * @internal\n *\n * Apply styling to the Calendar slots based on the state\n */\nexport const useCalendarStyles_unstable = (props: CalendarStyleProps): CalendarStyles => {\n  'use no memo';\n\n  const rootStyles = useRootStyles();\n  const dividerStyles = useDividerStyles();\n  const monthPickerWrapperStyles = useMonthPickerWrapperStyles();\n  const goTodayButtonStyles = useGoTodayButtonStyles();\n  const liveRegionStyles = useLiveRegionStyles();\n\n  const { className, isDayPickerVisible, isMonthPickerVisible, showWeekNumbers } = props;\n\n  return {\n    root: mergeClasses(\n      calendarClassNames.root,\n      rootStyles.base,\n      rootStyles.normalize,\n      !isMonthPickerVisible && rootStyles.monthPickerNotVisible,\n      isDayPickerVisible && isMonthPickerVisible && !showWeekNumbers && rootStyles.dayAndMonthPickersVisible,\n      isDayPickerVisible && !isMonthPickerVisible && showWeekNumbers && rootStyles.dayPickerVisibleAndWeekNumbersShown,\n      isDayPickerVisible &&\n        isMonthPickerVisible &&\n        showWeekNumbers &&\n        rootStyles.dayAndMonthPickersVisibleAndWeekNumbersShown,\n      className,\n    ),\n    divider: mergeClasses(calendarClassNames.divider, dividerStyles.base),\n    monthPickerWrapper: mergeClasses(calendarClassNames.monthPickerWrapper, monthPickerWrapperStyles.base),\n    goTodayButton: mergeClasses(calendarClassNames.goTodayButton, goTodayButtonStyles.base),\n    liveRegion: mergeClasses(calendarClassNames.liveRegion, liveRegionStyles.base),\n  };\n};\n"],"names":["tokens","makeStyles","mergeClasses","shorthands","calendarClassNames","root","divider","goTodayButton","monthPickerWrapper","liveRegion","useRootStyles","base","display","width","normalize","boxShadow","boxSizing","margin","padding","monthPickerNotVisible","flexDirection","dayAndMonthPickersVisible","dayPickerVisibleAndWeekNumbersShown","dayAndMonthPickersVisibleAndWeekNumbersShown","useDividerStyles","borderRight","colorNeutralStroke2","top","useMonthPickerWrapperStyles","useGoTodayButtonStyles","alignSelf","backgroundColor","colorTransparentBackground","borderStyle","bottom","color","colorNeutralForeground1","fontFamily","fontSize","fontSizeBase200","height","lineHeight","marginRight","marginTop","overflow","colorBrandForeground1","cursor","outline","strokeWidthThin","borderRadius","borderRadiusSmall","colorBrandForeground2","colorNeutralForegroundDisabled","pointerEvents","useLiveRegionStyles","border","position","useCalendarStyles_unstable","props","rootStyles","dividerStyles","monthPickerWrapperStyles","goTodayButtonStyles","liveRegionStyles","className","isDayPickerVisible","isMonthPickerVisible","showWeekNumbers"],"mappings":"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"}
+{"version":3,"sources":["../src/components/Calendar/useCalendarStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { tokens } from '@fluentui/react-theme';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { CalendarStyles, CalendarStyleProps } from './Calendar.types';\n\n/**\n * @internal\n */\nexport const calendarClassNames: SlotClassNames<CalendarStyles> = {\n  root: 'fui-Calendar',\n  divider: 'fui-Calendar__divider',\n  goTodayButton: 'fui-Calendar__goTodayButton',\n  monthPickerWrapper: 'fui-Calendar__monthPickerWrapper',\n  liveRegion: 'fui-Calendar__liveRegion',\n};\n\nconst useRootStyles = makeStyles({\n  base: {\n    display: 'flex',\n    width: '220px',\n  },\n  normalize: {\n    boxShadow: 'none',\n    boxSizing: 'border-box',\n    margin: '0',\n    padding: '0',\n  },\n  monthPickerNotVisible: {\n    flexDirection: 'column',\n  },\n  dayAndMonthPickersVisible: {\n    width: '440px',\n  },\n  dayPickerVisibleAndWeekNumbersShown: {\n    width: '250px',\n  },\n  dayAndMonthPickersVisibleAndWeekNumbersShown: {\n    width: '470px',\n  },\n});\n\nconst useDividerStyles = makeStyles({\n  base: {\n    borderRight: `1px solid ${tokens.colorNeutralStroke2}`,\n    top: 0,\n  },\n});\n\nconst useMonthPickerWrapperStyles = makeStyles({\n  base: {\n    display: 'flex',\n    flexDirection: 'column',\n  },\n});\n\nconst useGoTodayButtonStyles = makeStyles({\n  base: {\n    alignSelf: 'flex-end',\n    backgroundColor: tokens.colorTransparentBackground,\n    ...shorthands.borderStyle('none'),\n    bottom: 0,\n    boxSizing: 'content-box',\n    color: tokens.colorNeutralForeground1,\n    fontFamily: 'inherit',\n    fontSize: tokens.fontSizeBase200,\n    height: '30px',\n    lineHeight: '30px',\n    marginRight: '16px',\n    marginTop: '3px',\n    overflow: 'visible',\n    padding: '0 4px',\n\n    '& div': {\n      fontSize: tokens.fontSizeBase200,\n    },\n    '&:hover': {\n      backgroundColor: tokens.colorTransparentBackground,\n      color: tokens.colorBrandForeground1,\n      cursor: 'pointer',\n\n      '@media (forced-colors: active)': {\n        outline: tokens.strokeWidthThin,\n        borderRadius: tokens.borderRadiusSmall,\n      },\n    },\n    '&:hover:active': {\n      color: tokens.colorBrandForeground2,\n    },\n    '&:disabled': {\n      color: tokens.colorNeutralForegroundDisabled,\n      pointerEvents: 'none',\n    },\n  },\n});\n\nconst useLiveRegionStyles = makeStyles({\n  base: {\n    border: 'none',\n    height: '1px',\n    margin: '-1px',\n    overflow: 'hidden',\n    padding: '0',\n    position: 'absolute',\n    width: '1px',\n  },\n});\n\n/**\n * Apply styling to the Calendar slots based on the state\n *\n * @internal\n */\nexport const useCalendarStyles_unstable = (props: CalendarStyleProps): CalendarStyles => {\n  'use no memo';\n\n  const rootStyles = useRootStyles();\n  const dividerStyles = useDividerStyles();\n  const monthPickerWrapperStyles = useMonthPickerWrapperStyles();\n  const goTodayButtonStyles = useGoTodayButtonStyles();\n  const liveRegionStyles = useLiveRegionStyles();\n\n  const { className, isDayPickerVisible, isMonthPickerVisible, showWeekNumbers } = props;\n\n  return {\n    root: mergeClasses(\n      calendarClassNames.root,\n      rootStyles.base,\n      rootStyles.normalize,\n      !isMonthPickerVisible && rootStyles.monthPickerNotVisible,\n      isDayPickerVisible && isMonthPickerVisible && !showWeekNumbers && rootStyles.dayAndMonthPickersVisible,\n      isDayPickerVisible && !isMonthPickerVisible && showWeekNumbers && rootStyles.dayPickerVisibleAndWeekNumbersShown,\n      isDayPickerVisible &&\n        isMonthPickerVisible &&\n        showWeekNumbers &&\n        rootStyles.dayAndMonthPickersVisibleAndWeekNumbersShown,\n      className,\n    ),\n    divider: mergeClasses(calendarClassNames.divider, dividerStyles.base),\n    monthPickerWrapper: mergeClasses(calendarClassNames.monthPickerWrapper, monthPickerWrapperStyles.base),\n    goTodayButton: mergeClasses(calendarClassNames.goTodayButton, goTodayButtonStyles.base),\n    liveRegion: mergeClasses(calendarClassNames.liveRegion, liveRegionStyles.base),\n  };\n};\n"],"names":["tokens","makeStyles","mergeClasses","shorthands","calendarClassNames","root","divider","goTodayButton","monthPickerWrapper","liveRegion","useRootStyles","base","display","width","normalize","boxShadow","boxSizing","margin","padding","monthPickerNotVisible","flexDirection","dayAndMonthPickersVisible","dayPickerVisibleAndWeekNumbersShown","dayAndMonthPickersVisibleAndWeekNumbersShown","useDividerStyles","borderRight","colorNeutralStroke2","top","useMonthPickerWrapperStyles","useGoTodayButtonStyles","alignSelf","backgroundColor","colorTransparentBackground","borderStyle","bottom","color","colorNeutralForeground1","fontFamily","fontSize","fontSizeBase200","height","lineHeight","marginRight","marginTop","overflow","colorBrandForeground1","cursor","outline","strokeWidthThin","borderRadius","borderRadiusSmall","colorBrandForeground2","colorNeutralForegroundDisabled","pointerEvents","useLiveRegionStyles","border","position","useCalendarStyles_unstable","props","rootStyles","dividerStyles","monthPickerWrapperStyles","goTodayButtonStyles","liveRegionStyles","className","isDayPickerVisible","isMonthPickerVisible","showWeekNumbers"],"mappings":"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"}

package/lib/components/CalendarDay/useCalendarDayStyles.styles.js

@@ -204,9 +204,9 @@ const useDisabledStyleStyles = /*#__PURE__*/__styles({
   }]]
 });
 /**
- * @internal
- *
  * Apply styling to the CalendarDay slots based on the state
+ *
+ * @internal
  */
 export const useCalendarDayStyles_unstable = props => {
   'use no memo';

package/lib/components/CalendarDay/useCalendarDayStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["tokens","__styles","mergeClasses","shorthands","DURATION_2","EASING_FUNCTION_2","FADE_IN","calendarDayClassNames","root","header","monthAndYear","monthComponents","headerIconButton","disabledStyle","useRootStyles","base","B7ck84d","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","a9b677","normalize","E5pizo","jrapky","Frg6f3","t21cq0","B6of3ja","B74szlk","showWeekNumbers","d","p","useHeaderStyles","mc9l5x","Bqenvij","Bg96gwp","qhf8xq","useMonthAndYearStyles","Bt984gj","De3pzq","icvyot","vrafjx","oivjwe","wvpqe5","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","sj55zd","Bh6795r","Bahqtrf","Be2twd7","Bhrd7zp","B68tc82","Bmxbyg5","Bpg54ce","fsow6f","ygn44y","Huce71","animation","vin17d","Bf5fcs","Bv12yb3","Ezkn3b","headerIsClickable","Jwef8y","Bi91k9c","eoavqd","pugfm4","ukgb2i","Dwtyhm","Biisq0s","iro3zm","B2d53fq","c3iz72","mghro0","Bx68yb","syojd9","E5hylx","k","h","useMonthComponentsStyles","qb2dma","useHeaderIconButtonStyles","useDisabledStyleStyles","Bg33ivm","t69wg0","Bnh7jwd","m","useCalendarDayStyles_unstable","props","rootStyles","headerStyles","monthAndYearStyles","monthComponentsStyles","headerIconButtonStyles","disabledStyleStyles","className"],"sources":["useCalendarDayStyles.styles.js"],"sourcesContent":["'use client';\nimport { tokens } from '@fluentui/react-theme';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { DURATION_2, EASING_FUNCTION_2, FADE_IN } from '../../utils/animations';\n/**\n * @internal\n */ export const calendarDayClassNames = {\n    root: 'fui-CalendarDay',\n    header: 'fui-CalendarDay__header',\n    monthAndYear: 'fui-CalendarDay__monthAndYear',\n    monthComponents: 'fui-CalendarDay__monthComponents',\n    headerIconButton: 'fui-CalendarDay__headerIconButton',\n    disabledStyle: 'fui-CalendarDay__disabledStyle'\n};\nconst useRootStyles = makeStyles({\n    base: {\n        boxSizing: 'content-box',\n        padding: '12px',\n        width: '196px'\n    },\n    normalize: {\n        boxShadow: 'none',\n        boxSizing: 'border-box',\n        margin: '0',\n        padding: '0'\n    },\n    showWeekNumbers: {\n        width: '226px'\n    }\n});\nconst useHeaderStyles = makeStyles({\n    base: {\n        display: 'inline-flex',\n        height: '28px',\n        lineHeight: '44px',\n        position: 'relative',\n        width: '100%'\n    }\n});\nconst useMonthAndYearStyles = makeStyles({\n    base: {\n        alignItems: 'center',\n        backgroundColor: tokens.colorTransparentBackground,\n        ...shorthands.borderStyle('none'),\n        borderRadius: tokens.borderRadiusMedium,\n        color: tokens.colorNeutralForeground1,\n        display: 'inline-block',\n        flexGrow: 1,\n        fontFamily: 'inherit',\n        fontSize: tokens.fontSizeBase300,\n        fontWeight: tokens.fontWeightSemibold,\n        lineHeight: '28px',\n        overflow: 'hidden',\n        padding: '0 4px 0 10px',\n        textAlign: 'left',\n        textOverflow: 'ellipsis',\n        whiteSpace: 'nowrap'\n    },\n    animation: {\n        animationDuration: DURATION_2,\n        animationFillMode: 'both',\n        animationName: FADE_IN,\n        animationTimingFunction: EASING_FUNCTION_2\n    },\n    headerIsClickable: {\n        '&:hover': {\n            backgroundColor: tokens.colorBrandBackgroundInvertedHover,\n            color: tokens.colorBrandForegroundOnLightHover,\n            cursor: 'pointer',\n            outline: `1px solid ${tokens.colorTransparentStroke}`\n        },\n        '&:hover:active': {\n            backgroundColor: tokens.colorBrandBackgroundInvertedPressed,\n            color: tokens.colorBrandForegroundOnLightPressed,\n            cursor: 'pointer',\n            outline: `1px solid ${tokens.colorTransparentStroke}`\n        }\n    }\n});\nconst useMonthComponentsStyles = makeStyles({\n    base: {\n        alignSelf: 'flex-end',\n        display: 'inline-flex'\n    }\n});\nconst useHeaderIconButtonStyles = makeStyles({\n    base: {\n        backgroundColor: tokens.colorTransparentBackground,\n        ...shorthands.borderStyle('none'),\n        borderRadius: tokens.borderRadiusMedium,\n        color: tokens.colorNeutralForeground3,\n        display: 'block',\n        fontFamily: 'inherit',\n        fontSize: tokens.fontSizeBase200,\n        height: '28px',\n        lineHeight: '28px',\n        overflow: 'visible',\n        padding: '0',\n        position: 'relative',\n        textAlign: 'center',\n        width: '28px',\n        '&:hover': {\n            backgroundColor: tokens.colorBrandBackgroundInvertedHover,\n            color: tokens.colorBrandForegroundOnLightHover,\n            cursor: 'pointer',\n            outline: `1px solid ${tokens.colorTransparentStroke}`\n        },\n        '&:hover:active': {\n            backgroundColor: tokens.colorBrandBackgroundInvertedPressed,\n            color: tokens.colorBrandForegroundOnLightPressed\n        }\n    }\n});\nconst useDisabledStyleStyles = makeStyles({\n    base: {\n        '&, &:disabled, & button': {\n            color: tokens.colorNeutralForegroundDisabled,\n            pointerEvents: 'none',\n            // add this explicitly for aria-disabled buttons that don't get default forced-colors disabled styles\n            '@media (forced-colors: active)': {\n                color: 'GrayText'\n            }\n        }\n    }\n});\n/**\n * @internal\n *\n * Apply styling to the CalendarDay slots based on the state\n */ export const useCalendarDayStyles_unstable = (props)=>{\n    'use no memo';\n    const rootStyles = useRootStyles();\n    const headerStyles = useHeaderStyles();\n    const monthAndYearStyles = useMonthAndYearStyles();\n    const monthComponentsStyles = useMonthComponentsStyles();\n    const headerIconButtonStyles = useHeaderIconButtonStyles();\n    const disabledStyleStyles = useDisabledStyleStyles();\n    const { className, headerIsClickable, showWeekNumbers } = props;\n    return {\n        root: mergeClasses(calendarDayClassNames.root, rootStyles.normalize, rootStyles.base, showWeekNumbers && rootStyles.showWeekNumbers, className),\n        header: mergeClasses(calendarDayClassNames.header, headerStyles.base),\n        monthAndYear: mergeClasses(calendarDayClassNames.monthAndYear, monthAndYearStyles.base, monthAndYearStyles.animation, headerIsClickable && monthAndYearStyles.headerIsClickable),\n        monthComponents: mergeClasses(calendarDayClassNames.monthComponents, monthComponentsStyles.base),\n        headerIconButton: mergeClasses(calendarDayClassNames.headerIconButton, headerIconButtonStyles.base),\n        disabledStyle: mergeClasses(calendarDayClassNames.disabledStyle, disabledStyleStyles.base)\n    };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["tokens","__styles","mergeClasses","shorthands","DURATION_2","EASING_FUNCTION_2","FADE_IN","calendarDayClassNames","root","header","monthAndYear","monthComponents","headerIconButton","disabledStyle","useRootStyles","base","B7ck84d","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","a9b677","normalize","E5pizo","jrapky","Frg6f3","t21cq0","B6of3ja","B74szlk","showWeekNumbers","d","p","useHeaderStyles","mc9l5x","Bqenvij","Bg96gwp","qhf8xq","useMonthAndYearStyles","Bt984gj","De3pzq","icvyot","vrafjx","oivjwe","wvpqe5","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","sj55zd","Bh6795r","Bahqtrf","Be2twd7","Bhrd7zp","B68tc82","Bmxbyg5","Bpg54ce","fsow6f","ygn44y","Huce71","animation","vin17d","Bf5fcs","Bv12yb3","Ezkn3b","headerIsClickable","Jwef8y","Bi91k9c","eoavqd","pugfm4","ukgb2i","Dwtyhm","Biisq0s","iro3zm","B2d53fq","c3iz72","mghro0","Bx68yb","syojd9","E5hylx","k","h","useMonthComponentsStyles","qb2dma","useHeaderIconButtonStyles","useDisabledStyleStyles","Bg33ivm","t69wg0","Bnh7jwd","m","useCalendarDayStyles_unstable","props","rootStyles","headerStyles","monthAndYearStyles","monthComponentsStyles","headerIconButtonStyles","disabledStyleStyles","className"],"sources":["useCalendarDayStyles.styles.js"],"sourcesContent":["'use client';\nimport { tokens } from '@fluentui/react-theme';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { DURATION_2, EASING_FUNCTION_2, FADE_IN } from '../../utils/animations';\n/**\n * @internal\n */ export const calendarDayClassNames = {\n    root: 'fui-CalendarDay',\n    header: 'fui-CalendarDay__header',\n    monthAndYear: 'fui-CalendarDay__monthAndYear',\n    monthComponents: 'fui-CalendarDay__monthComponents',\n    headerIconButton: 'fui-CalendarDay__headerIconButton',\n    disabledStyle: 'fui-CalendarDay__disabledStyle'\n};\nconst useRootStyles = makeStyles({\n    base: {\n        boxSizing: 'content-box',\n        padding: '12px',\n        width: '196px'\n    },\n    normalize: {\n        boxShadow: 'none',\n        boxSizing: 'border-box',\n        margin: '0',\n        padding: '0'\n    },\n    showWeekNumbers: {\n        width: '226px'\n    }\n});\nconst useHeaderStyles = makeStyles({\n    base: {\n        display: 'inline-flex',\n        height: '28px',\n        lineHeight: '44px',\n        position: 'relative',\n        width: '100%'\n    }\n});\nconst useMonthAndYearStyles = makeStyles({\n    base: {\n        alignItems: 'center',\n        backgroundColor: tokens.colorTransparentBackground,\n        ...shorthands.borderStyle('none'),\n        borderRadius: tokens.borderRadiusMedium,\n        color: tokens.colorNeutralForeground1,\n        display: 'inline-block',\n        flexGrow: 1,\n        fontFamily: 'inherit',\n        fontSize: tokens.fontSizeBase300,\n        fontWeight: tokens.fontWeightSemibold,\n        lineHeight: '28px',\n        overflow: 'hidden',\n        padding: '0 4px 0 10px',\n        textAlign: 'left',\n        textOverflow: 'ellipsis',\n        whiteSpace: 'nowrap'\n    },\n    animation: {\n        animationDuration: DURATION_2,\n        animationFillMode: 'both',\n        animationName: FADE_IN,\n        animationTimingFunction: EASING_FUNCTION_2\n    },\n    headerIsClickable: {\n        '&:hover': {\n            backgroundColor: tokens.colorBrandBackgroundInvertedHover,\n            color: tokens.colorBrandForegroundOnLightHover,\n            cursor: 'pointer',\n            outline: `1px solid ${tokens.colorTransparentStroke}`\n        },\n        '&:hover:active': {\n            backgroundColor: tokens.colorBrandBackgroundInvertedPressed,\n            color: tokens.colorBrandForegroundOnLightPressed,\n            cursor: 'pointer',\n            outline: `1px solid ${tokens.colorTransparentStroke}`\n        }\n    }\n});\nconst useMonthComponentsStyles = makeStyles({\n    base: {\n        alignSelf: 'flex-end',\n        display: 'inline-flex'\n    }\n});\nconst useHeaderIconButtonStyles = makeStyles({\n    base: {\n        backgroundColor: tokens.colorTransparentBackground,\n        ...shorthands.borderStyle('none'),\n        borderRadius: tokens.borderRadiusMedium,\n        color: tokens.colorNeutralForeground3,\n        display: 'block',\n        fontFamily: 'inherit',\n        fontSize: tokens.fontSizeBase200,\n        height: '28px',\n        lineHeight: '28px',\n        overflow: 'visible',\n        padding: '0',\n        position: 'relative',\n        textAlign: 'center',\n        width: '28px',\n        '&:hover': {\n            backgroundColor: tokens.colorBrandBackgroundInvertedHover,\n            color: tokens.colorBrandForegroundOnLightHover,\n            cursor: 'pointer',\n            outline: `1px solid ${tokens.colorTransparentStroke}`\n        },\n        '&:hover:active': {\n            backgroundColor: tokens.colorBrandBackgroundInvertedPressed,\n            color: tokens.colorBrandForegroundOnLightPressed\n        }\n    }\n});\nconst useDisabledStyleStyles = makeStyles({\n    base: {\n        '&, &:disabled, & button': {\n            color: tokens.colorNeutralForegroundDisabled,\n            pointerEvents: 'none',\n            // add this explicitly for aria-disabled buttons that don't get default forced-colors disabled styles\n            '@media (forced-colors: active)': {\n                color: 'GrayText'\n            }\n        }\n    }\n});\n/**\n * Apply styling to the CalendarDay slots based on the state\n *\n * @internal\n */ export const useCalendarDayStyles_unstable = (props)=>{\n    'use no memo';\n    const rootStyles = useRootStyles();\n    const headerStyles = useHeaderStyles();\n    const monthAndYearStyles = useMonthAndYearStyles();\n    const monthComponentsStyles = useMonthComponentsStyles();\n    const headerIconButtonStyles = useHeaderIconButtonStyles();\n    const disabledStyleStyles = useDisabledStyleStyles();\n    const { className, headerIsClickable, showWeekNumbers } = props;\n    return {\n        root: mergeClasses(calendarDayClassNames.root, rootStyles.normalize, rootStyles.base, showWeekNumbers && rootStyles.showWeekNumbers, className),\n        header: mergeClasses(calendarDayClassNames.header, headerStyles.base),\n        monthAndYear: mergeClasses(calendarDayClassNames.monthAndYear, monthAndYearStyles.base, monthAndYearStyles.animation, headerIsClickable && monthAndYearStyles.headerIsClickable),\n        monthComponents: mergeClasses(calendarDayClassNames.monthComponents, monthComponentsStyles.base),\n        headerIconButton: mergeClasses(calendarDayClassNames.headerIconButton, headerIconButtonStyles.base),\n        disabledStyle: mergeClasses(calendarDayClassNames.disabledStyle, disabledStyleStyles.base)\n    };\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/components/CalendarDay/useCalendarDayStyles.styles.raw.js

@@ -124,9 +124,9 @@ const useDisabledStyleStyles = makeStyles({
     }
 });
 /**
- * @internal
- *
  * Apply styling to the CalendarDay slots based on the state
+ *
+ * @internal
  */ export const useCalendarDayStyles_unstable = (props)=>{
     'use no memo';
     const rootStyles = useRootStyles();

package/lib/components/CalendarDay/useCalendarDayStyles.styles.raw.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/CalendarDay/useCalendarDayStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { tokens } from '@fluentui/react-theme';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { DURATION_2, EASING_FUNCTION_2, FADE_IN } from '../../utils/animations';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { CalendarDayStyles, CalendarDayStyleProps } from './CalendarDay.types';\n\n/**\n * @internal\n */\nexport const calendarDayClassNames: SlotClassNames<CalendarDayStyles> = {\n  root: 'fui-CalendarDay',\n  header: 'fui-CalendarDay__header',\n  monthAndYear: 'fui-CalendarDay__monthAndYear',\n  monthComponents: 'fui-CalendarDay__monthComponents',\n  headerIconButton: 'fui-CalendarDay__headerIconButton',\n  disabledStyle: 'fui-CalendarDay__disabledStyle',\n};\n\nconst useRootStyles = makeStyles({\n  base: {\n    boxSizing: 'content-box',\n    padding: '12px',\n    width: '196px',\n  },\n  normalize: {\n    boxShadow: 'none',\n    boxSizing: 'border-box',\n    margin: '0',\n    padding: '0',\n  },\n  showWeekNumbers: {\n    width: '226px',\n  },\n});\n\nconst useHeaderStyles = makeStyles({\n  base: {\n    display: 'inline-flex',\n    height: '28px',\n    lineHeight: '44px',\n    position: 'relative',\n    width: '100%',\n  },\n});\n\nconst useMonthAndYearStyles = makeStyles({\n  base: {\n    alignItems: 'center',\n    backgroundColor: tokens.colorTransparentBackground,\n    ...shorthands.borderStyle('none'),\n    borderRadius: tokens.borderRadiusMedium,\n    color: tokens.colorNeutralForeground1,\n    display: 'inline-block',\n    flexGrow: 1,\n    fontFamily: 'inherit',\n    fontSize: tokens.fontSizeBase300,\n    fontWeight: tokens.fontWeightSemibold,\n    lineHeight: '28px',\n    overflow: 'hidden',\n    padding: '0 4px 0 10px',\n    textAlign: 'left',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n  },\n  animation: {\n    animationDuration: DURATION_2,\n    animationFillMode: 'both',\n    animationName: FADE_IN,\n    animationTimingFunction: EASING_FUNCTION_2,\n  },\n  headerIsClickable: {\n    '&:hover': {\n      backgroundColor: tokens.colorBrandBackgroundInvertedHover,\n      color: tokens.colorBrandForegroundOnLightHover,\n      cursor: 'pointer',\n      outline: `1px solid ${tokens.colorTransparentStroke}`,\n    },\n    '&:hover:active': {\n      backgroundColor: tokens.colorBrandBackgroundInvertedPressed,\n      color: tokens.colorBrandForegroundOnLightPressed,\n      cursor: 'pointer',\n      outline: `1px solid ${tokens.colorTransparentStroke}`,\n    },\n  },\n});\n\nconst useMonthComponentsStyles = makeStyles({\n  base: {\n    alignSelf: 'flex-end',\n    display: 'inline-flex',\n  },\n});\n\nconst useHeaderIconButtonStyles = makeStyles({\n  base: {\n    backgroundColor: tokens.colorTransparentBackground,\n    ...shorthands.borderStyle('none'),\n    borderRadius: tokens.borderRadiusMedium,\n    color: tokens.colorNeutralForeground3,\n    display: 'block',\n    fontFamily: 'inherit',\n    fontSize: tokens.fontSizeBase200,\n    height: '28px',\n    lineHeight: '28px',\n    overflow: 'visible',\n    padding: '0',\n    position: 'relative',\n    textAlign: 'center',\n    width: '28px',\n\n    '&:hover': {\n      backgroundColor: tokens.colorBrandBackgroundInvertedHover,\n      color: tokens.colorBrandForegroundOnLightHover,\n      cursor: 'pointer',\n      outline: `1px solid ${tokens.colorTransparentStroke}`,\n    },\n    '&:hover:active': {\n      backgroundColor: tokens.colorBrandBackgroundInvertedPressed,\n      color: tokens.colorBrandForegroundOnLightPressed,\n    },\n  },\n});\n\nconst useDisabledStyleStyles = makeStyles({\n  base: {\n    '&, &:disabled, & button': {\n      color: tokens.colorNeutralForegroundDisabled,\n      pointerEvents: 'none',\n\n      // add this explicitly for aria-disabled buttons that don't get default forced-colors disabled styles\n      '@media (forced-colors: active)': {\n        color: 'GrayText',\n      },\n    },\n  },\n});\n\n/**\n * @internal\n *\n * Apply styling to the CalendarDay slots based on the state\n */\nexport const useCalendarDayStyles_unstable = (props: CalendarDayStyleProps): CalendarDayStyles => {\n  'use no memo';\n\n  const rootStyles = useRootStyles();\n  const headerStyles = useHeaderStyles();\n  const monthAndYearStyles = useMonthAndYearStyles();\n  const monthComponentsStyles = useMonthComponentsStyles();\n  const headerIconButtonStyles = useHeaderIconButtonStyles();\n  const disabledStyleStyles = useDisabledStyleStyles();\n\n  const { className, headerIsClickable, showWeekNumbers } = props;\n\n  return {\n    root: mergeClasses(\n      calendarDayClassNames.root,\n      rootStyles.normalize,\n      rootStyles.base,\n      showWeekNumbers && rootStyles.showWeekNumbers,\n      className,\n    ),\n    header: mergeClasses(calendarDayClassNames.header, headerStyles.base),\n    monthAndYear: mergeClasses(\n      calendarDayClassNames.monthAndYear,\n      monthAndYearStyles.base,\n      monthAndYearStyles.animation,\n      headerIsClickable && monthAndYearStyles.headerIsClickable,\n    ),\n    monthComponents: mergeClasses(calendarDayClassNames.monthComponents, monthComponentsStyles.base),\n    headerIconButton: mergeClasses(calendarDayClassNames.headerIconButton, headerIconButtonStyles.base),\n    disabledStyle: mergeClasses(calendarDayClassNames.disabledStyle, disabledStyleStyles.base),\n  };\n};\n"],"names":["tokens","makeStyles","mergeClasses","shorthands","DURATION_2","EASING_FUNCTION_2","FADE_IN","calendarDayClassNames","root","header","monthAndYear","monthComponents","headerIconButton","disabledStyle","useRootStyles","base","boxSizing","padding","width","normalize","boxShadow","margin","showWeekNumbers","useHeaderStyles","display","height","lineHeight","position","useMonthAndYearStyles","alignItems","backgroundColor","colorTransparentBackground","borderStyle","borderRadius","borderRadiusMedium","color","colorNeutralForeground1","flexGrow","fontFamily","fontSize","fontSizeBase300","fontWeight","fontWeightSemibold","overflow","textAlign","textOverflow","whiteSpace","animation","animationDuration","animationFillMode","animationName","animationTimingFunction","headerIsClickable","colorBrandBackgroundInvertedHover","colorBrandForegroundOnLightHover","cursor","outline","colorTransparentStroke","colorBrandBackgroundInvertedPressed","colorBrandForegroundOnLightPressed","useMonthComponentsStyles","alignSelf","useHeaderIconButtonStyles","colorNeutralForeground3","fontSizeBase200","useDisabledStyleStyles","colorNeutralForegroundDisabled","pointerEvents","useCalendarDayStyles_unstable","props","rootStyles","headerStyles","monthAndYearStyles","monthComponentsStyles","headerIconButtonStyles","disabledStyleStyles","className"],"mappings":"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"}
+{"version":3,"sources":["../src/components/CalendarDay/useCalendarDayStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { tokens } from '@fluentui/react-theme';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { DURATION_2, EASING_FUNCTION_2, FADE_IN } from '../../utils/animations';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { CalendarDayStyles, CalendarDayStyleProps } from './CalendarDay.types';\n\n/**\n * @internal\n */\nexport const calendarDayClassNames: SlotClassNames<CalendarDayStyles> = {\n  root: 'fui-CalendarDay',\n  header: 'fui-CalendarDay__header',\n  monthAndYear: 'fui-CalendarDay__monthAndYear',\n  monthComponents: 'fui-CalendarDay__monthComponents',\n  headerIconButton: 'fui-CalendarDay__headerIconButton',\n  disabledStyle: 'fui-CalendarDay__disabledStyle',\n};\n\nconst useRootStyles = makeStyles({\n  base: {\n    boxSizing: 'content-box',\n    padding: '12px',\n    width: '196px',\n  },\n  normalize: {\n    boxShadow: 'none',\n    boxSizing: 'border-box',\n    margin: '0',\n    padding: '0',\n  },\n  showWeekNumbers: {\n    width: '226px',\n  },\n});\n\nconst useHeaderStyles = makeStyles({\n  base: {\n    display: 'inline-flex',\n    height: '28px',\n    lineHeight: '44px',\n    position: 'relative',\n    width: '100%',\n  },\n});\n\nconst useMonthAndYearStyles = makeStyles({\n  base: {\n    alignItems: 'center',\n    backgroundColor: tokens.colorTransparentBackground,\n    ...shorthands.borderStyle('none'),\n    borderRadius: tokens.borderRadiusMedium,\n    color: tokens.colorNeutralForeground1,\n    display: 'inline-block',\n    flexGrow: 1,\n    fontFamily: 'inherit',\n    fontSize: tokens.fontSizeBase300,\n    fontWeight: tokens.fontWeightSemibold,\n    lineHeight: '28px',\n    overflow: 'hidden',\n    padding: '0 4px 0 10px',\n    textAlign: 'left',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n  },\n  animation: {\n    animationDuration: DURATION_2,\n    animationFillMode: 'both',\n    animationName: FADE_IN,\n    animationTimingFunction: EASING_FUNCTION_2,\n  },\n  headerIsClickable: {\n    '&:hover': {\n      backgroundColor: tokens.colorBrandBackgroundInvertedHover,\n      color: tokens.colorBrandForegroundOnLightHover,\n      cursor: 'pointer',\n      outline: `1px solid ${tokens.colorTransparentStroke}`,\n    },\n    '&:hover:active': {\n      backgroundColor: tokens.colorBrandBackgroundInvertedPressed,\n      color: tokens.colorBrandForegroundOnLightPressed,\n      cursor: 'pointer',\n      outline: `1px solid ${tokens.colorTransparentStroke}`,\n    },\n  },\n});\n\nconst useMonthComponentsStyles = makeStyles({\n  base: {\n    alignSelf: 'flex-end',\n    display: 'inline-flex',\n  },\n});\n\nconst useHeaderIconButtonStyles = makeStyles({\n  base: {\n    backgroundColor: tokens.colorTransparentBackground,\n    ...shorthands.borderStyle('none'),\n    borderRadius: tokens.borderRadiusMedium,\n    color: tokens.colorNeutralForeground3,\n    display: 'block',\n    fontFamily: 'inherit',\n    fontSize: tokens.fontSizeBase200,\n    height: '28px',\n    lineHeight: '28px',\n    overflow: 'visible',\n    padding: '0',\n    position: 'relative',\n    textAlign: 'center',\n    width: '28px',\n\n    '&:hover': {\n      backgroundColor: tokens.colorBrandBackgroundInvertedHover,\n      color: tokens.colorBrandForegroundOnLightHover,\n      cursor: 'pointer',\n      outline: `1px solid ${tokens.colorTransparentStroke}`,\n    },\n    '&:hover:active': {\n      backgroundColor: tokens.colorBrandBackgroundInvertedPressed,\n      color: tokens.colorBrandForegroundOnLightPressed,\n    },\n  },\n});\n\nconst useDisabledStyleStyles = makeStyles({\n  base: {\n    '&, &:disabled, & button': {\n      color: tokens.colorNeutralForegroundDisabled,\n      pointerEvents: 'none',\n\n      // add this explicitly for aria-disabled buttons that don't get default forced-colors disabled styles\n      '@media (forced-colors: active)': {\n        color: 'GrayText',\n      },\n    },\n  },\n});\n\n/**\n * Apply styling to the CalendarDay slots based on the state\n *\n * @internal\n */\nexport const useCalendarDayStyles_unstable = (props: CalendarDayStyleProps): CalendarDayStyles => {\n  'use no memo';\n\n  const rootStyles = useRootStyles();\n  const headerStyles = useHeaderStyles();\n  const monthAndYearStyles = useMonthAndYearStyles();\n  const monthComponentsStyles = useMonthComponentsStyles();\n  const headerIconButtonStyles = useHeaderIconButtonStyles();\n  const disabledStyleStyles = useDisabledStyleStyles();\n\n  const { className, headerIsClickable, showWeekNumbers } = props;\n\n  return {\n    root: mergeClasses(\n      calendarDayClassNames.root,\n      rootStyles.normalize,\n      rootStyles.base,\n      showWeekNumbers && rootStyles.showWeekNumbers,\n      className,\n    ),\n    header: mergeClasses(calendarDayClassNames.header, headerStyles.base),\n    monthAndYear: mergeClasses(\n      calendarDayClassNames.monthAndYear,\n      monthAndYearStyles.base,\n      monthAndYearStyles.animation,\n      headerIsClickable && monthAndYearStyles.headerIsClickable,\n    ),\n    monthComponents: mergeClasses(calendarDayClassNames.monthComponents, monthComponentsStyles.base),\n    headerIconButton: mergeClasses(calendarDayClassNames.headerIconButton, headerIconButtonStyles.base),\n    disabledStyle: mergeClasses(calendarDayClassNames.disabledStyle, disabledStyleStyles.base),\n  };\n};\n"],"names":["tokens","makeStyles","mergeClasses","shorthands","DURATION_2","EASING_FUNCTION_2","FADE_IN","calendarDayClassNames","root","header","monthAndYear","monthComponents","headerIconButton","disabledStyle","useRootStyles","base","boxSizing","padding","width","normalize","boxShadow","margin","showWeekNumbers","useHeaderStyles","display","height","lineHeight","position","useMonthAndYearStyles","alignItems","backgroundColor","colorTransparentBackground","borderStyle","borderRadius","borderRadiusMedium","color","colorNeutralForeground1","flexGrow","fontFamily","fontSize","fontSizeBase300","fontWeight","fontWeightSemibold","overflow","textAlign","textOverflow","whiteSpace","animation","animationDuration","animationFillMode","animationName","animationTimingFunction","headerIsClickable","colorBrandBackgroundInvertedHover","colorBrandForegroundOnLightHover","cursor","outline","colorTransparentStroke","colorBrandBackgroundInvertedPressed","colorBrandForegroundOnLightPressed","useMonthComponentsStyles","alignSelf","useHeaderIconButtonStyles","colorNeutralForeground3","fontSizeBase200","useDisabledStyleStyles","colorNeutralForegroundDisabled","pointerEvents","useCalendarDayStyles_unstable","props","rootStyles","headerStyles","monthAndYearStyles","monthComponentsStyles","headerIconButtonStyles","disabledStyleStyles","className"],"mappings":"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"}

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

@@ -578,9 +578,9 @@ const useCornerBorderAndRadiusStyles = /*#__PURE__*/__styles({
   d: [".f1yxjewa.fui-CalendarDayGrid__topRightCornerDate{border-top-right-radius:var(--borderRadiusMedium);}", ".f5xfyye.fui-CalendarDayGrid__topRightCornerDate{border-top-left-radius:var(--borderRadiusMedium);}", ".f1kpdnd7.fui-CalendarDayGrid__topLeftCornerDate{border-top-left-radius:var(--borderRadiusMedium);}", ".fokqrni.fui-CalendarDayGrid__topLeftCornerDate{border-top-right-radius:var(--borderRadiusMedium);}", ".f127emps.fui-CalendarDayGrid__bottomRightCornerDate{border-bottom-right-radius:var(--borderRadiusMedium);}", ".f1s6s1el.fui-CalendarDayGrid__bottomRightCornerDate{border-bottom-left-radius:var(--borderRadiusMedium);}", ".f39vr2a.fui-CalendarDayGrid__bottomLeftCornerDate{border-bottom-left-radius:var(--borderRadiusMedium);}", ".frpqyrn.fui-CalendarDayGrid__bottomLeftCornerDate{border-bottom-right-radius:var(--borderRadiusMedium);}"]
 });
 /**
- * @internal
- *
  * Apply styling to the CalendarDayGrid slots based on the state
+ *
+ * @internal
  */
 export const useCalendarDayGridStyles_unstable = props => {
   'use no memo';

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

@@ -1 +1 @@
-{"version":3,"names":["tokens","__styles","mergeClasses","shorthands","DURATION_2","DURATION_3","EASING_FUNCTION_1","EASING_FUNCTION_2","FADE_IN","FADE_OUT","SLIDE_DOWN_IN20","SLIDE_DOWN_OUT20","SLIDE_LEFT_IN20","SLIDE_RIGHT_IN20","SLIDE_UP_IN20","SLIDE_UP_OUT20","TRANSITION_ROW_DISAPPEARANCE","AnimationDirection","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","animation","vin17d","Bf5fcs","Ezkn3b","horizontalBackward","Bv12yb3","horizontalForward","verticalBackward","verticalForward","w","k","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","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","animateBackwards","animationDirection","undefined","Horizontal"],"sources":["useCalendarDayGridStyles.styles.js"],"sourcesContent":["'use client';\nimport { tokens } from '@fluentui/react-theme';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { DURATION_2, DURATION_3, EASING_FUNCTION_1, EASING_FUNCTION_2, FADE_IN, FADE_OUT, SLIDE_DOWN_IN20, SLIDE_DOWN_OUT20, SLIDE_LEFT_IN20, SLIDE_RIGHT_IN20, SLIDE_UP_IN20, SLIDE_UP_OUT20, TRANSITION_ROW_DISAPPEARANCE } from '../../utils';\nimport { AnimationDirection } from '../Calendar/Calendar.types';\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    animation: {\n        animationDuration: DURATION_3,\n        animationFillMode: 'both',\n        animationTimingFunction: EASING_FUNCTION_1\n    },\n    horizontalBackward: {\n        animationName: [\n            FADE_IN,\n            SLIDE_RIGHT_IN20\n        ]\n    },\n    horizontalForward: {\n        animationName: [\n            FADE_IN,\n            SLIDE_LEFT_IN20\n        ]\n    },\n    verticalBackward: {\n        animationName: [\n            FADE_IN,\n            SLIDE_DOWN_IN20\n        ]\n    },\n    verticalForward: {\n        animationName: [\n            FADE_IN,\n            SLIDE_UP_IN20\n        ]\n    }\n});\nconst useWeekDayLabelCellStyles = makeStyles({\n    base: {\n        userSelect: 'none',\n        animationDuration: DURATION_2,\n        animationFillMode: 'both',\n        animationName: FADE_IN,\n        animationTimingFunction: EASING_FUNCTION_2\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        height: 0,\n        opacity: 0,\n        overflow: 'hidden',\n        position: 'absolute',\n        width: 0\n    },\n    verticalForward: {\n        animationDuration: DURATION_3,\n        animationFillMode: 'both',\n        animationName: [\n            FADE_OUT,\n            SLIDE_UP_OUT20,\n            TRANSITION_ROW_DISAPPEARANCE\n        ],\n        animationTimingFunction: EASING_FUNCTION_1\n    }\n});\nconst useLastTransitionWeekStyles = makeStyles({\n    base: {\n        height: 0,\n        marginTop: '-28px',\n        opacity: 0,\n        overflow: 'hidden',\n        position: 'absolute',\n        width: 0\n    },\n    verticalBackward: {\n        animationDuration: DURATION_3,\n        animationFillMode: 'both',\n        animationName: [\n            FADE_OUT,\n            SLIDE_DOWN_OUT20,\n            TRANSITION_ROW_DISAPPEARANCE\n        ],\n        animationTimingFunction: EASING_FUNCTION_1\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 * @internal\n *\n * Apply styling to the CalendarDayGrid slots based on the state\n */ export const useCalendarDayGridStyles_unstable = (props)=>{\n    'use no memo';\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 { animateBackwards, animationDirection, 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, animateBackwards !== undefined && weekRowStyles.animation, animateBackwards !== undefined && (animationDirection === AnimationDirection.Horizontal ? animateBackwards ? weekRowStyles.horizontalBackward : weekRowStyles.horizontalForward : animateBackwards ? weekRowStyles.verticalBackward : weekRowStyles.verticalForward)),\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, animateBackwards !== undefined && animationDirection !== AnimationDirection.Horizontal && !animateBackwards && firstTransitionWeekStyles.verticalForward),\n        lastTransitionWeek: mergeClasses(calendarDayGridClassNames.lastTransitionWeek, lastTransitionWeekStyles.base, animateBackwards !== undefined && animationDirection !== AnimationDirection.Horizontal && animateBackwards && lastTransitionWeekStyles.verticalBackward),\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","DURATION_2","DURATION_3","EASING_FUNCTION_1","EASING_FUNCTION_2","FADE_IN","FADE_OUT","SLIDE_DOWN_IN20","SLIDE_DOWN_OUT20","SLIDE_LEFT_IN20","SLIDE_RIGHT_IN20","SLIDE_UP_IN20","SLIDE_UP_OUT20","TRANSITION_ROW_DISAPPEARANCE","AnimationDirection","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","animation","vin17d","Bf5fcs","Ezkn3b","horizontalBackward","Bv12yb3","horizontalForward","verticalBackward","verticalForward","w","k","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","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","animateBackwards","animationDirection","undefined","Horizontal"],"sources":["useCalendarDayGridStyles.styles.js"],"sourcesContent":["'use client';\nimport { tokens } from '@fluentui/react-theme';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { DURATION_2, DURATION_3, EASING_FUNCTION_1, EASING_FUNCTION_2, FADE_IN, FADE_OUT, SLIDE_DOWN_IN20, SLIDE_DOWN_OUT20, SLIDE_LEFT_IN20, SLIDE_RIGHT_IN20, SLIDE_UP_IN20, SLIDE_UP_OUT20, TRANSITION_ROW_DISAPPEARANCE } from '../../utils';\nimport { AnimationDirection } from '../Calendar/Calendar.types';\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    animation: {\n        animationDuration: DURATION_3,\n        animationFillMode: 'both',\n        animationTimingFunction: EASING_FUNCTION_1\n    },\n    horizontalBackward: {\n        animationName: [\n            FADE_IN,\n            SLIDE_RIGHT_IN20\n        ]\n    },\n    horizontalForward: {\n        animationName: [\n            FADE_IN,\n            SLIDE_LEFT_IN20\n        ]\n    },\n    verticalBackward: {\n        animationName: [\n            FADE_IN,\n            SLIDE_DOWN_IN20\n        ]\n    },\n    verticalForward: {\n        animationName: [\n            FADE_IN,\n            SLIDE_UP_IN20\n        ]\n    }\n});\nconst useWeekDayLabelCellStyles = makeStyles({\n    base: {\n        userSelect: 'none',\n        animationDuration: DURATION_2,\n        animationFillMode: 'both',\n        animationName: FADE_IN,\n        animationTimingFunction: EASING_FUNCTION_2\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        height: 0,\n        opacity: 0,\n        overflow: 'hidden',\n        position: 'absolute',\n        width: 0\n    },\n    verticalForward: {\n        animationDuration: DURATION_3,\n        animationFillMode: 'both',\n        animationName: [\n            FADE_OUT,\n            SLIDE_UP_OUT20,\n            TRANSITION_ROW_DISAPPEARANCE\n        ],\n        animationTimingFunction: EASING_FUNCTION_1\n    }\n});\nconst useLastTransitionWeekStyles = makeStyles({\n    base: {\n        height: 0,\n        marginTop: '-28px',\n        opacity: 0,\n        overflow: 'hidden',\n        position: 'absolute',\n        width: 0\n    },\n    verticalBackward: {\n        animationDuration: DURATION_3,\n        animationFillMode: 'both',\n        animationName: [\n            FADE_OUT,\n            SLIDE_DOWN_OUT20,\n            TRANSITION_ROW_DISAPPEARANCE\n        ],\n        animationTimingFunction: EASING_FUNCTION_1\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';\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 { animateBackwards, animationDirection, 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, animateBackwards !== undefined && weekRowStyles.animation, animateBackwards !== undefined && (animationDirection === AnimationDirection.Horizontal ? animateBackwards ? weekRowStyles.horizontalBackward : weekRowStyles.horizontalForward : animateBackwards ? weekRowStyles.verticalBackward : weekRowStyles.verticalForward)),\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, animateBackwards !== undefined && animationDirection !== AnimationDirection.Horizontal && !animateBackwards && firstTransitionWeekStyles.verticalForward),\n        lastTransitionWeek: mergeClasses(calendarDayGridClassNames.lastTransitionWeek, lastTransitionWeekStyles.base, animateBackwards !== undefined && animationDirection !== AnimationDirection.Horizontal && animateBackwards && lastTransitionWeekStyles.verticalBackward),\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

@@ -352,9 +352,9 @@ const useCornerBorderAndRadiusStyles = makeStyles({
     }
 });
 /**
- * @internal
- *
  * Apply styling to the CalendarDayGrid slots based on the state
+ *
+ * @internal
  */ export const useCalendarDayGridStyles_unstable = (props)=>{
     'use no memo';
     const wrapperStyles = useWrapperStyles();