npm - @fluentui/react-calendar-compat - Versions diffs - 0.3.13 → 0.3.15 - Mend

@fluentui/react-calendar-compat 0.3.13 → 0.3.15

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

Files changed (30) hide show

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

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

package/lib/components/CalendarPicker/useCalendarPickerStyles.styles.js CHANGED Viewed

@@ -296,17 +296,17 @@ const useItemButtonStyles = /*#__PURE__*/__styles({
     ukgb2i: 0,
     Dwtyhm: 0,
     Biisq0s: "f15rpok4",
-    Bqrx1nm: "f9ep5xw",
-    ze5xyy: "f1qvjex",
-    iyr2r2: "fd2qbv0",
-    Bx7pl5v: 0,
-    Bnosqey: 0,
-    Bv57zgv: 0,
-    Bbxjs3m: "fm3bo9w",
+    Bbkh6qg: "fse5cfe",
+    Bahaeuw: "f1d0gba8",
+    fmph8g: "fj239l",
+    Bv6y5q5: 0,
+    uq1ffc: 0,
+    Bokaozi: 0,
+    Bfrni1f: "f1szuehs",
     iro3zm: "f1wvkgvo",
-    g2kj27: "f1b9qfq3",
-    pc6evw: "f9ddjv3",
-    B76w7ga: "fr4cgi0"
+    rxnm8d: "f1n99sc9",
+    Dcq74g: "fqfbdvs",
+    Bs60fxl: "f12gwge8"
   }
 }, {
   d: [".f1c21dwh{background-color:var(--colorTransparentBackground);}", [".f3bhgqh{border:none;}", {
@@ -325,20 +325,20 @@ const useItemButtonStyles = /*#__PURE__*/__styles({
   h: [".f18a0fwf:hover{background-color:var(--colorBrandBackgroundInvertedHover);}", ".f1u69ym5:hover{color:var(--colorNeutralForeground1Static);}", ".f8491dx:hover{cursor:pointer;}", [".f15rpok4:hover{outline:1px solid var(--colorTransparentStroke);}", {
     p: -1
   }], ".f1wvkgvo:hover:active{background-color:var(--colorBrandBackgroundInvertedPressed);}"],
-  m: [["@media (forced-colors: active){.f9ep5xw:hover{background-color:Window;}}", {
+  m: [["@media (forced-colors: active){.fse5cfe:hover{background-color:Window;}}", {
     m: "(forced-colors: active)"
-  }], ["@media (forced-colors: active){.f1qvjex:hover{color:WindowText;}}", {
+  }], ["@media (forced-colors: active){.f1d0gba8:hover{color:WindowText;}}", {
     m: "(forced-colors: active)"
-  }], ["@media (forced-colors: active){.fd2qbv0:hover{forced-color-adjust:none;}}", {
+  }], ["@media (forced-colors: active){.fj239l:hover{forced-color-adjust:none;}}", {
     m: "(forced-colors: active)"
-  }], ["@media (forced-colors: active){.fm3bo9w:hover{outline:1px solid Highlight;}}", {
+  }], ["@media (forced-colors: active){.f1szuehs:hover{outline:1px solid Highlight;}}", {
     p: -1,
     m: "(forced-colors: active)"
-  }], ["@media (forced-colors: active){.f1b9qfq3:hover:active{background-color:Window;}}", {
+  }], ["@media (forced-colors: active){.f1n99sc9:hover:active{background-color:Window;}}", {
     m: "(forced-colors: active)"
-  }], ["@media (forced-colors: active){.f9ddjv3:hover:active{color:Highlight;}}", {
+  }], ["@media (forced-colors: active){.fqfbdvs:hover:active{color:Highlight;}}", {
     m: "(forced-colors: active)"
-  }], ["@media (forced-colors: active){.fr4cgi0:hover:active{forced-color-adjust:none;}}", {
+  }], ["@media (forced-colors: active){.f12gwge8:hover:active{forced-color-adjust:none;}}", {
     m: "(forced-colors: active)"
   }]]
 });
@@ -347,28 +347,28 @@ const useCurrentStyles = /*#__PURE__*/__styles({
     De3pzq: "ffp7eso",
     sj55zd: "f1phragk",
     Bhrd7zp: "fl43uef",
-    Bsw6fvg: "fg374yq",
-    Bbusuzp: "f1yig07e",
-    ycbfsm: "fkc42ay",
+    By8wz76: "fq1p4f3",
+    B7iucu3: "fygpdla",
+    B8gzw0y: "f1h3a8gf",
     mk428o: "ffic4m0",
     B1lrsqs: "f13lyc4l",
-    z0vste: "f13g7o2i",
-    Bgjd7nk: "fbbf6h8",
-    kur00z: "f1fsg2me"
+    B1piyhd: "f1cnwl3o",
+    of3gr0: "f1w17wdy",
+    hvfrz3: "fx2qnub"
   }
 }, {
   d: [".ffp7eso{background-color:var(--colorBrandBackground);}", ".f1phragk{color:var(--colorNeutralForegroundOnBrand);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}"],
-  m: [["@media (forced-colors: active){.fg374yq{background-color:WindowText;}}", {
+  m: [["@media (forced-colors: active){.fq1p4f3{background-color:WindowText;}}", {
     m: "(forced-colors: active)"
-  }], ["@media (forced-colors: active){.f1yig07e{color:Window;}}", {
+  }], ["@media (forced-colors: active){.fygpdla{color:Window;}}", {
     m: "(forced-colors: active)"
-  }], ["@media (forced-colors: active){.fkc42ay{forced-color-adjust:none;}}", {
+  }], ["@media (forced-colors: active){.f1h3a8gf{forced-color-adjust:none;}}", {
     m: "(forced-colors: active)"
-  }], ["@media (forced-colors: active){.f13g7o2i:hover,.f13g7o2i:hover:active{background-color:WindowText;}}", {
+  }], ["@media (forced-colors: active){.f1cnwl3o:hover,.f1cnwl3o:hover:active{background-color:WindowText;}}", {
     m: "(forced-colors: active)"
-  }], ["@media (forced-colors: active){.fbbf6h8:hover,.fbbf6h8:hover:active{color:Window;}}", {
+  }], ["@media (forced-colors: active){.f1w17wdy:hover,.f1w17wdy:hover:active{color:Window;}}", {
     m: "(forced-colors: active)"
-  }], ["@media (forced-colors: active){.f1fsg2me:hover,.f1fsg2me:hover:active{forced-color-adjust:none;}}", {
+  }], ["@media (forced-colors: active){.fx2qnub:hover,.fx2qnub:hover:active{forced-color-adjust:none;}}", {
     m: "(forced-colors: active)"
   }]],
   h: [".ffic4m0:hover,.ffic4m0:hover:active{background-color:var(--colorBrandBackground);}", ".f13lyc4l:hover,.f13lyc4l:hover:active{color:var(--colorNeutralForegroundOnBrand);}"]
@@ -378,30 +378,30 @@ const useSelectedStyles = /*#__PURE__*/__styles({
     De3pzq: "f1vevd59",
     sj55zd: "ff5vbop",
     Bhrd7zp: "fl43uef",
-    Bsw6fvg: "f1rirnrt",
-    Bbusuzp: "f1yig07e",
-    ycbfsm: "fkc42ay",
+    By8wz76: "f1nz3ub2",
+    B7iucu3: "fygpdla",
+    B8gzw0y: "f1h3a8gf",
     Bja5ulm: "fospawf",
     Jwef8y: "fbo057p",
     Bi91k9c: "f1u69ym5",
-    Bqrx1nm: "fiu8gst",
-    ze5xyy: "f1v4q6pl",
-    iyr2r2: "fd2qbv0",
+    Bbkh6qg: "f1tx4pjd",
+    Bahaeuw: "fn03n9l",
+    fmph8g: "fj239l",
     iro3zm: "f1wvkgvo"
   }
 }, {
   d: [".f1vevd59{background-color:var(--colorBrandBackgroundInvertedSelected);}", ".ff5vbop{color:var(--colorNeutralForeground1Static);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".fospawf div{font-weight:var(--fontWeightSemibold);}"],
-  m: [["@media (forced-colors: active){.f1rirnrt{background-color:Highlight;}}", {
+  m: [["@media (forced-colors: active){.f1nz3ub2{background-color:Highlight;}}", {
     m: "(forced-colors: active)"
-  }], ["@media (forced-colors: active){.f1yig07e{color:Window;}}", {
+  }], ["@media (forced-colors: active){.fygpdla{color:Window;}}", {
     m: "(forced-colors: active)"
-  }], ["@media (forced-colors: active){.fkc42ay{forced-color-adjust:none;}}", {
+  }], ["@media (forced-colors: active){.f1h3a8gf{forced-color-adjust:none;}}", {
     m: "(forced-colors: active)"
-  }], ["@media (forced-colors: active){.fiu8gst:hover{background-color:Highlight;}}", {
+  }], ["@media (forced-colors: active){.f1tx4pjd:hover{background-color:Highlight;}}", {
     m: "(forced-colors: active)"
-  }], ["@media (forced-colors: active){.f1v4q6pl:hover{color:Window;}}", {
+  }], ["@media (forced-colors: active){.fn03n9l:hover{color:Window;}}", {
     m: "(forced-colors: active)"
-  }], ["@media (forced-colors: active){.fd2qbv0:hover{forced-color-adjust:none;}}", {
+  }], ["@media (forced-colors: active){.fj239l:hover{forced-color-adjust:none;}}", {
     m: "(forced-colors: active)"
   }]],
   h: [".fbo057p:hover{background-color:var(--colorBrandBackgroundInvertedSelected);}", ".f1u69ym5:hover{color:var(--colorNeutralForeground1Static);}", ".f1wvkgvo:hover:active{background-color:var(--colorBrandBackgroundInvertedPressed);}"]
@@ -410,14 +410,14 @@ const useDisabledStyles = /*#__PURE__*/__styles({
   base: {
     Bg33ivm: "f1oelgmz",
     t69wg0: "fhh1ekj",
-    Bbusuzp: "f1dcs8yz",
-    ycbfsm: "fkc42ay"
+    B7iucu3: "f1cyfu5x",
+    B8gzw0y: "f1h3a8gf"
   }
 }, {
   d: [".f1oelgmz,.f1oelgmz:disabled,.f1oelgmz button{color:var(--colorNeutralForegroundDisabled);}", ".fhh1ekj,.fhh1ekj:disabled,.fhh1ekj button{pointer-events:none;}"],
-  m: [["@media (forced-colors: active){.f1dcs8yz{color:GrayText;}}", {
+  m: [["@media (forced-colors: active){.f1cyfu5x{color:GrayText;}}", {
     m: "(forced-colors: active)"
-  }], ["@media (forced-colors: active){.fkc42ay{forced-color-adjust:none;}}", {
+  }], ["@media (forced-colors: active){.f1h3a8gf{forced-color-adjust:none;}}", {
     m: "(forced-colors: active)"
   }]]
 });

package/lib/components/CalendarPicker/useCalendarPickerStyles.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["tokens","__styles","mergeClasses","shorthands","DURATION_2","DURATION_3","EASING_FUNCTION_1","EASING_FUNCTION_2","FADE_IN","SLIDE_DOWN_IN20","SLIDE_LEFT_IN20","SLIDE_RIGHT_IN20","SLIDE_UP_IN20","AnimationDirection","calendarPickerClassNames","root","headerContainer","currentItemButton","navigationButtonsContainer","navigationButton","gridContainer","buttonRow","itemButton","current","selected","disabled","useRootStyles","base","B7ck84d","B68tc82","Bmxbyg5","Bpg54ce","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","a9b677","normalize","E5pizo","jrapky","Frg6f3","t21cq0","B6of3ja","B74szlk","d","p","useHeaderContainerStyles","mc9l5x","useCurrentItemButtonStyles","De3pzq","icvyot","vrafjx","oivjwe","wvpqe5","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","sj55zd","Bh6795r","Bahqtrf","Be2twd7","Bhrd7zp","fsow6f","animation","vin17d","Bf5fcs","Bv12yb3","Ezkn3b","hasHeaderClickCallback","Jwef8y","Bi91k9c","eoavqd","pugfm4","ukgb2i","Dwtyhm","Biisq0s","iro3zm","B2d53fq","c3iz72","mghro0","Bx68yb","syojd9","E5hylx","k","h","useNavigationButtonsContainerStyles","Bt984gj","useNavigationButtonStyles","Bgfg5da","B9xav0g","Bn0qgzm","B4g9neb","zhjwy3","ibv6hh","u1mtju","h3c5rm","Bekrc4i","i8vvqc","g2u3we","B4j52fo","irswps","Bqenvij","Bg96gwp","sshi5w","Bf4jedk","qhf8xq","useGridContainerStyles","useButtonRowStyles","sw9gdo","horizontalBackward","horizontalForward","verticalBackward","verticalForward","useItemButtonStyles","Btgfwho","xrote9","Bja5ulm","Bqrx1nm","ze5xyy","iyr2r2","Bx7pl5v","Bnosqey","Bv57zgv","Bbxjs3m","g2kj27","pc6evw","B76w7ga","m","useCurrentStyles","highlightCurrent","Bsw6fvg","Bbusuzp","ycbfsm","mk428o","B1lrsqs","z0vste","Bgjd7nk","kur00z","useSelectedStyles","highlightSelected","useDisabledStyles","Bg33ivm","t69wg0","useCalendarPickerStyles_unstable","props","rootStyles","headerContainerStyles","currentItemButtonStyles","navigationButtonsContainerStyles","navigationButtonStyles","gridContainerStyles","buttonRowStyles","itemButtonStyles","currentStyles","selectedStyles","disabledStyles","animateBackwards","animationDirection","className","undefined","Horizontal"],"sources":["useCalendarPickerStyles.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, SLIDE_DOWN_IN20, SLIDE_LEFT_IN20, SLIDE_RIGHT_IN20, SLIDE_UP_IN20 } from '../../utils/animations';\nimport { AnimationDirection } from '../Calendar/Calendar.types';\n/*\n @internal\n / export const calendarPickerClassNames = {\n root: 'fui-CalendarPicker',\n headerContainer: 'fui-CalendarPicker__headerContainer',\n currentItemButton: 'fui-CalendarPicker__currentItemButton',\n navigationButtonsContainer: 'fui-CalendarPicker__navigationButtonsContainer',\n navigationButton: 'fui-CalendarPicker__navigationButton',\n gridContainer: 'fui-CalendarPicker__gridContainer',\n buttonRow: 'fui-CalendarPicker__buttonRow',\n itemButton: 'fui-CalendarPicker__itemButton',\n current: 'fui-CalendarPicker__current',\n selected: 'fui-CalendarPicker__selected',\n disabled: 'fui-CalendarPicker__disabled'\n};\nconst useRootStyles = makeStyles({\n base: {\n boxSizing: 'content-box',\n overflow: 'hidden',\n padding: '12px',\n width: '196px'\n },\n normalize: {\n boxShadow: 'none',\n boxSizing: 'border-box',\n margin: '0',\n padding: '0'\n }\n});\nconst useHeaderContainerStyles = makeStyles({\n base: {\n display: 'flex'\n }\n});\nconst useCurrentItemButtonStyles = makeStyles({\n base: {\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.borderStyle('none'),\n borderRadius: tokens.borderRadiusMedium,\n color: 'inherit',\n flexGrow: 1,\n fontFamily: 'inherit',\n fontSize: tokens.fontSizeBase300,\n fontWeight: tokens.fontWeightSemibold,\n overflow: 'visible',\n padding: '0 4px 0 10px',\n textAlign: 'left'\n },\n animation: {\n animationDuration: DURATION_2,\n animationFillMode: 'both',\n animationName: FADE_IN,\n animationTimingFunction: EASING_FUNCTION_2\n },\n hasHeaderClickCallback: {\n // If this is updated, make sure to update headerIsClickable in useCalendarDayStyles as well\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 useNavigationButtonsContainerStyles = makeStyles({\n base: {\n alignItems: 'center',\n display: 'flex'\n }\n});\nconst useNavigationButtonStyles = makeStyles({\n base: {\n backgroundColor: tokens.colorTransparentBackground,\n border: 'none',\n borderRadius: tokens.borderRadiusMedium,\n color: tokens.colorNeutralForeground1,\n display: 'block',\n fontFamily: 'inherit',\n fontSize: tokens.fontSizeBase200,\n height: '28px',\n lineHeight: '28px',\n minHeight: '28px',\n minWidth: '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 useGridContainerStyles = makeStyles({\n base: {\n marginTop: '4px'\n }\n});\nconst useButtonRowStyles = makeStyles({\n base: {\n marginBottom: '16px',\n '&:last-of-type': {\n marginBottom: 0\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 useItemButtonStyles = makeStyles({\n base: {\n backgroundColor: tokens.colorTransparentBackground,\n border: 'none',\n borderRadius: tokens.borderRadiusMedium,\n color: tokens.colorNeutralForeground3,\n fontFamily: 'inherit',\n fontSize: tokens.fontSizeBase200,\n height: '40px',\n lineHeight: '40px',\n minHeight: '40px',\n minWidth: '40px',\n margin: '0 12px 0 0',\n overflow: 'visible',\n padding: '0',\n width: '40px',\n '&:nth-child(4n + 4)': {\n marginRight: 0\n },\n '&:nth-child(n + 9)': {\n marginBottom: 0\n },\n '& div': {\n fontWeight: tokens.fontWeightRegular\n },\n '&:hover': {\n backgroundColor: tokens.colorBrandBackgroundInvertedHover,\n color: tokens.colorNeutralForeground1Static,\n cursor: 'pointer',\n outline: `1px solid ${tokens.colorTransparentStroke}`,\n '@media (forced-colors: active)': {\n backgroundColor: 'Window',\n color: 'WindowText',\n forcedColorAdjust: 'none',\n outline: '1px solid Highlight'\n }\n },\n '&:hover:active': {\n backgroundColor: tokens.colorBrandBackgroundInvertedPressed,\n '@media (forced-colors: active)': {\n backgroundColor: 'Window',\n color: 'Highlight',\n forcedColorAdjust: 'none'\n }\n }\n }\n});\nconst useCurrentStyles = makeStyles({\n highlightCurrent: {\n backgroundColor: tokens.colorBrandBackground,\n color: tokens.colorNeutralForegroundOnBrand,\n fontWeight: tokens.fontWeightSemibold,\n '@media (forced-colors: active)': {\n backgroundColor: 'WindowText',\n color: 'Window',\n forcedColorAdjust: 'none'\n },\n '&:hover, &:hover:active': {\n backgroundColor: tokens.colorBrandBackground,\n color: tokens.colorNeutralForegroundOnBrand,\n '@media (forced-colors: active)': {\n backgroundColor: 'WindowText',\n color: 'Window',\n forcedColorAdjust: 'none'\n }\n }\n }\n});\nconst useSelectedStyles = makeStyles({\n highlightSelected: {\n backgroundColor: tokens.colorBrandBackgroundInvertedSelected,\n color: tokens.colorNeutralForeground1Static,\n fontWeight: tokens.fontWeightSemibold,\n '@media (forced-colors: active)': {\n backgroundColor: 'Highlight',\n color: 'Window',\n forcedColorAdjust: 'none'\n },\n '& div': {\n fontWeight: tokens.fontWeightSemibold\n },\n '&:hover': {\n backgroundColor: tokens.colorBrandBackgroundInvertedSelected,\n color: tokens.colorNeutralForeground1Static,\n '@media (forced-colors: active)': {\n backgroundColor: 'Highlight',\n color: 'Window',\n forcedColorAdjust: 'none'\n }\n },\n '&:hover:active': {\n backgroundColor: tokens.colorBrandBackgroundInvertedPressed\n }\n }\n});\nconst useDisabledStyles = makeStyles({\n base: {\n '&, &:disabled, & button': {\n color: tokens.colorNeutralForegroundDisabled,\n pointerEvents: 'none'\n },\n '@media (forced-colors: active)': {\n color: 'GrayText',\n forcedColorAdjust: 'none'\n }\n }\n});\n/\n @internal\n \n Apply styling to the CalendarPicker slots based on the state\n */ export const useCalendarPickerStyles_unstable = (props)=>{\n 'use no memo';\n const rootStyles = useRootStyles();\n const headerContainerStyles = useHeaderContainerStyles();\n const currentItemButtonStyles = useCurrentItemButtonStyles();\n const navigationButtonsContainerStyles = useNavigationButtonsContainerStyles();\n const navigationButtonStyles = useNavigationButtonStyles();\n const gridContainerStyles = useGridContainerStyles();\n const buttonRowStyles = useButtonRowStyles();\n const itemButtonStyles = useItemButtonStyles();\n const currentStyles = useCurrentStyles();\n const selectedStyles = useSelectedStyles();\n const disabledStyles = useDisabledStyles();\n const { animateBackwards, animationDirection, className, hasHeaderClickCallback, highlightCurrent, highlightSelected } = props;\n return {\n root: mergeClasses(calendarPickerClassNames.root, rootStyles.normalize, rootStyles.base, className),\n headerContainer: mergeClasses(calendarPickerClassNames.headerContainer, headerContainerStyles.base),\n currentItemButton: mergeClasses(calendarPickerClassNames.currentItemButton, currentItemButtonStyles.base, animateBackwards !== undefined && currentItemButtonStyles.animation, hasHeaderClickCallback && currentItemButtonStyles.hasHeaderClickCallback),\n navigationButtonsContainer: mergeClasses(calendarPickerClassNames.navigationButtonsContainer, navigationButtonsContainerStyles.base),\n navigationButton: mergeClasses(calendarPickerClassNames.navigationButton, navigationButtonStyles.base),\n gridContainer: mergeClasses(calendarPickerClassNames.gridContainer, gridContainerStyles.base),\n buttonRow: mergeClasses(calendarPickerClassNames.buttonRow, buttonRowStyles.base, buttonRowStyles.animation, animateBackwards !== undefined && (animationDirection === AnimationDirection.Horizontal ? animateBackwards ? buttonRowStyles.horizontalBackward : buttonRowStyles.horizontalForward : animateBackwards ? buttonRowStyles.verticalBackward : buttonRowStyles.verticalForward)),\n itemButton: mergeClasses(calendarPickerClassNames.itemButton, itemButtonStyles.base),\n selected: mergeClasses(calendarPickerClassNames.selected, highlightSelected && selectedStyles.highlightSelected),\n current: mergeClasses(calendarPickerClassNames.current, highlightCurrent && currentStyles.highlightCurrent),\n disabled: mergeClasses(calendarPickerClassNames.disabled, disabledStyles.base)\n };\n};\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["tokens","__styles","mergeClasses","shorthands","DURATION_2","DURATION_3","EASING_FUNCTION_1","EASING_FUNCTION_2","FADE_IN","SLIDE_DOWN_IN20","SLIDE_LEFT_IN20","SLIDE_RIGHT_IN20","SLIDE_UP_IN20","AnimationDirection","calendarPickerClassNames","root","headerContainer","currentItemButton","navigationButtonsContainer","navigationButton","gridContainer","buttonRow","itemButton","current","selected","disabled","useRootStyles","base","B7ck84d","B68tc82","Bmxbyg5","Bpg54ce","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","a9b677","normalize","E5pizo","jrapky","Frg6f3","t21cq0","B6of3ja","B74szlk","d","p","useHeaderContainerStyles","mc9l5x","useCurrentItemButtonStyles","De3pzq","icvyot","vrafjx","oivjwe","wvpqe5","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","sj55zd","Bh6795r","Bahqtrf","Be2twd7","Bhrd7zp","fsow6f","animation","vin17d","Bf5fcs","Bv12yb3","Ezkn3b","hasHeaderClickCallback","Jwef8y","Bi91k9c","eoavqd","pugfm4","ukgb2i","Dwtyhm","Biisq0s","iro3zm","B2d53fq","c3iz72","mghro0","Bx68yb","syojd9","E5hylx","k","h","useNavigationButtonsContainerStyles","Bt984gj","useNavigationButtonStyles","Bgfg5da","B9xav0g","Bn0qgzm","B4g9neb","zhjwy3","ibv6hh","u1mtju","h3c5rm","Bekrc4i","i8vvqc","g2u3we","B4j52fo","irswps","Bqenvij","Bg96gwp","sshi5w","Bf4jedk","qhf8xq","useGridContainerStyles","useButtonRowStyles","sw9gdo","horizontalBackward","horizontalForward","verticalBackward","verticalForward","useItemButtonStyles","Btgfwho","xrote9","Bja5ulm","Bbkh6qg","Bahaeuw","fmph8g","Bv6y5q5","uq1ffc","Bokaozi","Bfrni1f","rxnm8d","Dcq74g","Bs60fxl","m","useCurrentStyles","highlightCurrent","By8wz76","B7iucu3","B8gzw0y","mk428o","B1lrsqs","B1piyhd","of3gr0","hvfrz3","useSelectedStyles","highlightSelected","useDisabledStyles","Bg33ivm","t69wg0","useCalendarPickerStyles_unstable","props","rootStyles","headerContainerStyles","currentItemButtonStyles","navigationButtonsContainerStyles","navigationButtonStyles","gridContainerStyles","buttonRowStyles","itemButtonStyles","currentStyles","selectedStyles","disabledStyles","animateBackwards","animationDirection","className","undefined","Horizontal"],"sources":["useCalendarPickerStyles.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, SLIDE_DOWN_IN20, SLIDE_LEFT_IN20, SLIDE_RIGHT_IN20, SLIDE_UP_IN20 } from '../../utils/animations';\nimport { AnimationDirection } from '../Calendar/Calendar.types';\n/*\n @internal\n / export const calendarPickerClassNames = {\n root: 'fui-CalendarPicker',\n headerContainer: 'fui-CalendarPicker__headerContainer',\n currentItemButton: 'fui-CalendarPicker__currentItemButton',\n navigationButtonsContainer: 'fui-CalendarPicker__navigationButtonsContainer',\n navigationButton: 'fui-CalendarPicker__navigationButton',\n gridContainer: 'fui-CalendarPicker__gridContainer',\n buttonRow: 'fui-CalendarPicker__buttonRow',\n itemButton: 'fui-CalendarPicker__itemButton',\n current: 'fui-CalendarPicker__current',\n selected: 'fui-CalendarPicker__selected',\n disabled: 'fui-CalendarPicker__disabled'\n};\nconst useRootStyles = makeStyles({\n base: {\n boxSizing: 'content-box',\n overflow: 'hidden',\n padding: '12px',\n width: '196px'\n },\n normalize: {\n boxShadow: 'none',\n boxSizing: 'border-box',\n margin: '0',\n padding: '0'\n }\n});\nconst useHeaderContainerStyles = makeStyles({\n base: {\n display: 'flex'\n }\n});\nconst useCurrentItemButtonStyles = makeStyles({\n base: {\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.borderStyle('none'),\n borderRadius: tokens.borderRadiusMedium,\n color: 'inherit',\n flexGrow: 1,\n fontFamily: 'inherit',\n fontSize: tokens.fontSizeBase300,\n fontWeight: tokens.fontWeightSemibold,\n overflow: 'visible',\n padding: '0 4px 0 10px',\n textAlign: 'left'\n },\n animation: {\n animationDuration: DURATION_2,\n animationFillMode: 'both',\n animationName: FADE_IN,\n animationTimingFunction: EASING_FUNCTION_2\n },\n hasHeaderClickCallback: {\n // If this is updated, make sure to update headerIsClickable in useCalendarDayStyles as well\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 useNavigationButtonsContainerStyles = makeStyles({\n base: {\n alignItems: 'center',\n display: 'flex'\n }\n});\nconst useNavigationButtonStyles = makeStyles({\n base: {\n backgroundColor: tokens.colorTransparentBackground,\n border: 'none',\n borderRadius: tokens.borderRadiusMedium,\n color: tokens.colorNeutralForeground1,\n display: 'block',\n fontFamily: 'inherit',\n fontSize: tokens.fontSizeBase200,\n height: '28px',\n lineHeight: '28px',\n minHeight: '28px',\n minWidth: '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 useGridContainerStyles = makeStyles({\n base: {\n marginTop: '4px'\n }\n});\nconst useButtonRowStyles = makeStyles({\n base: {\n marginBottom: '16px',\n '&:last-of-type': {\n marginBottom: 0\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 useItemButtonStyles = makeStyles({\n base: {\n backgroundColor: tokens.colorTransparentBackground,\n border: 'none',\n borderRadius: tokens.borderRadiusMedium,\n color: tokens.colorNeutralForeground3,\n fontFamily: 'inherit',\n fontSize: tokens.fontSizeBase200,\n height: '40px',\n lineHeight: '40px',\n minHeight: '40px',\n minWidth: '40px',\n margin: '0 12px 0 0',\n overflow: 'visible',\n padding: '0',\n width: '40px',\n '&:nth-child(4n + 4)': {\n marginRight: 0\n },\n '&:nth-child(n + 9)': {\n marginBottom: 0\n },\n '& div': {\n fontWeight: tokens.fontWeightRegular\n },\n '&:hover': {\n backgroundColor: tokens.colorBrandBackgroundInvertedHover,\n color: tokens.colorNeutralForeground1Static,\n cursor: 'pointer',\n outline: `1px solid ${tokens.colorTransparentStroke}`,\n '@media (forced-colors: active)': {\n backgroundColor: 'Window',\n color: 'WindowText',\n forcedColorAdjust: 'none',\n outline: '1px solid Highlight'\n }\n },\n '&:hover:active': {\n backgroundColor: tokens.colorBrandBackgroundInvertedPressed,\n '@media (forced-colors: active)': {\n backgroundColor: 'Window',\n color: 'Highlight',\n forcedColorAdjust: 'none'\n }\n }\n }\n});\nconst useCurrentStyles = makeStyles({\n highlightCurrent: {\n backgroundColor: tokens.colorBrandBackground,\n color: tokens.colorNeutralForegroundOnBrand,\n fontWeight: tokens.fontWeightSemibold,\n '@media (forced-colors: active)': {\n backgroundColor: 'WindowText',\n color: 'Window',\n forcedColorAdjust: 'none'\n },\n '&:hover, &:hover:active': {\n backgroundColor: tokens.colorBrandBackground,\n color: tokens.colorNeutralForegroundOnBrand,\n '@media (forced-colors: active)': {\n backgroundColor: 'WindowText',\n color: 'Window',\n forcedColorAdjust: 'none'\n }\n }\n }\n});\nconst useSelectedStyles = makeStyles({\n highlightSelected: {\n backgroundColor: tokens.colorBrandBackgroundInvertedSelected,\n color: tokens.colorNeutralForeground1Static,\n fontWeight: tokens.fontWeightSemibold,\n '@media (forced-colors: active)': {\n backgroundColor: 'Highlight',\n color: 'Window',\n forcedColorAdjust: 'none'\n },\n '& div': {\n fontWeight: tokens.fontWeightSemibold\n },\n '&:hover': {\n backgroundColor: tokens.colorBrandBackgroundInvertedSelected,\n color: tokens.colorNeutralForeground1Static,\n '@media (forced-colors: active)': {\n backgroundColor: 'Highlight',\n color: 'Window',\n forcedColorAdjust: 'none'\n }\n },\n '&:hover:active': {\n backgroundColor: tokens.colorBrandBackgroundInvertedPressed\n }\n }\n});\nconst useDisabledStyles = makeStyles({\n base: {\n '&, &:disabled, & button': {\n color: tokens.colorNeutralForegroundDisabled,\n pointerEvents: 'none'\n },\n '@media (forced-colors: active)': {\n color: 'GrayText',\n forcedColorAdjust: 'none'\n }\n }\n});\n/\n @internal\n \n Apply styling to the CalendarPicker slots based on the state\n */ export const useCalendarPickerStyles_unstable = (props)=>{\n 'use no memo';\n const rootStyles = useRootStyles();\n const headerContainerStyles = useHeaderContainerStyles();\n const currentItemButtonStyles = useCurrentItemButtonStyles();\n const navigationButtonsContainerStyles = useNavigationButtonsContainerStyles();\n const navigationButtonStyles = useNavigationButtonStyles();\n const gridContainerStyles = useGridContainerStyles();\n const buttonRowStyles = useButtonRowStyles();\n const itemButtonStyles = useItemButtonStyles();\n const currentStyles = useCurrentStyles();\n const selectedStyles = useSelectedStyles();\n const disabledStyles = useDisabledStyles();\n const { animateBackwards, animationDirection, className, hasHeaderClickCallback, highlightCurrent, highlightSelected } = props;\n return {\n root: mergeClasses(calendarPickerClassNames.root, rootStyles.normalize, rootStyles.base, className),\n headerContainer: mergeClasses(calendarPickerClassNames.headerContainer, headerContainerStyles.base),\n currentItemButton: mergeClasses(calendarPickerClassNames.currentItemButton, currentItemButtonStyles.base, animateBackwards !== undefined && currentItemButtonStyles.animation, hasHeaderClickCallback && currentItemButtonStyles.hasHeaderClickCallback),\n navigationButtonsContainer: mergeClasses(calendarPickerClassNames.navigationButtonsContainer, navigationButtonsContainerStyles.base),\n navigationButton: mergeClasses(calendarPickerClassNames.navigationButton, navigationButtonStyles.base),\n gridContainer: mergeClasses(calendarPickerClassNames.gridContainer, gridContainerStyles.base),\n buttonRow: mergeClasses(calendarPickerClassNames.buttonRow, buttonRowStyles.base, buttonRowStyles.animation, animateBackwards !== undefined && (animationDirection === AnimationDirection.Horizontal ? animateBackwards ? buttonRowStyles.horizontalBackward : buttonRowStyles.horizontalForward : animateBackwards ? buttonRowStyles.verticalBackward : buttonRowStyles.verticalForward)),\n itemButton: mergeClasses(calendarPickerClassNames.itemButton, itemButtonStyles.base),\n selected: mergeClasses(calendarPickerClassNames.selected, highlightSelected && selectedStyles.highlightSelected),\n current: mergeClasses(calendarPickerClassNames.current, highlightCurrent && currentStyles.highlightCurrent),\n disabled: mergeClasses(calendarPickerClassNames.disabled, disabledStyles.base)\n };\n};\n"],"mappings":"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","ignoreList":[]}

package/lib-commonjs/components/Calendar/useCalendarStyles.styles.js CHANGED Viewed

@@ -157,15 +157,15 @@ const useGoTodayButtonStyles = /*#__PURE__*/ (0, _react.__styles)({
         Jwef8y: "f9ql6rf",
         Bi91k9c: "f1f1pb61",
         eoavqd: "f8491dx",
-        Bx7pl5v: 0,
-        Bnosqey: 0,
-        Bv57zgv: 0,
-        Bbxjs3m: "fzk52v6",
-        knvgbf: 0,
-        B23s7e0: 0,
-        Be8uuq8: 0,
-        B3ons6i: 0,
-        Bnj8mme: "fxh1mxx",
+        Bv6y5q5: 0,
+        uq1ffc: 0,
+        Bokaozi: 0,
+        Bfrni1f: "f14aog0w",
+        Bkzqrjd: 0,
+        hu2duy: 0,
+        n9pfp1: 0,
+        dfw8yp: 0,
+        qugvs6: "f1fgm6o",
         B2d53fq: "fc9d3oc",
         Dyrjrp: "f1cqwcg4",
         Be90el1: "fmjaa5u"
@@ -212,14 +212,14 @@ const useGoTodayButtonStyles = /*#__PURE__*/ (0, _react.__styles)({
     ],
     m: [
         [
-            "@media (forced-colors: active){.fzk52v6:hover{outline:var(--strokeWidthThin);}}",
+            "@media (forced-colors: active){.f14aog0w:hover{outline:var(--strokeWidthThin);}}",
             {
                 p: -1,
                 m: "(forced-colors: active)"
             }
         ],
         [
-            "@media (forced-colors: active){.fxh1mxx:hover{border-radius:var(--borderRadiusSmall);}}",
+            "@media (forced-colors: active){.f1fgm6o:hover{border-radius:var(--borderRadiusSmall);}}",
             {
                 p: -1,
                 m: "(forced-colors: active)"

package/lib-commonjs/components/Calendar/useCalendarStyles.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"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"],"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","~~Bx7pl5v~~","~~Bnosqey~~","~~Bv57zgv~~","~~Bbxjs3m~~","~~knvgbf~~","~~B23s7e0~~","~~Be8uuq8~~","~~B3ons6i~~","~~Bnj8mme~~","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"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAKKI,kBAAkB;;;8BA+FQ;eAA1BkF;;;uBAlGoC,gBAAgB;AAG1D,2BAA2B;IAClCjF,IAAI,EAAE,cAAc;IACpBC,OAAO,EAAE,uBAAuB;IAChCC,aAAa,EAAE,6BAA6B;IAC5CC,kBAAkB,EAAE,kCAAkC;IACtDC,UAAU,EAAE;AAChB,CAAC;AACD,MAAMC,aAAa,GAAA,WAAA,OAAGT,eAAA,EAAA;IAAAU,IAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;IAAAC,SAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAC,qBAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAC,yBAAA,EAAA;QAAAhB,MAAA,EAAA;IAAA;IAAAiB,mCAAA,EAAA;QAAAjB,MAAA,EAAA;IAAA;IAAAkB,4CAAA,EAAA;QAAAlB,MAAA,EAAA;IAAA;AAAA,GAAA;IAAAmB,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAC,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CAuBrB,CAAC;AACF,MAAMC,gBAAgB,GAAA,WAAA,OAAGjC,eAAA,EAAA;IAAAU,IAAA,EAAA;QAAAwB,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAP,CAAA,EAAA;QAAA;YAAA;YAAA;gBAAAC,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;KAAA;AAAA,CAKxB,CAAC;AACF,MAAMO,2BAA2B,GAAA,WAAA,OAAGvC,eAAA,EAAA;IAAAU,IAAA,EAAA;QAAAC,MAAA,EAAA;QAAAgB,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAI,CAAA,EAAA;QAAA;QAAA;KAAA;AAAA,CAKnC,CAAC;AACF,MAAMS,sBAAsB,GAAA,WAAA,OAAGxC,eAAA,EAAA;IAAAU,IAAA,EAAA;QAAA+B,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAR,MAAA,EAAA;YAAA;YAAA;SAAA;QAAAS,MAAA,EAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,OAAA,EAAA;QAAA/B,OAAA,EAAA;QAAAgC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAjC,MAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,OAAA,EAAA;QAAAiC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAjC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAA8B,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,~~OAAA~~,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,~~MAAA~~,EAAA;QAAAC,~~OAAA~~,EAAA;QAAAC,~~OAAA~~,EAAA;QAAAC,~~OAAA~~,EAAA;QAAAC,~~OAAA~~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"}
1	+ {"version":3,"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"],"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"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAKKI,kBAAkB;;;8BA+FQ;eAA1BkF;;;uBAlGoC,gBAAgB;AAG1D,2BAA2B;IAClCjF,IAAI,EAAE,cAAc;IACpBC,OAAO,EAAE,uBAAuB;IAChCC,aAAa,EAAE,6BAA6B;IAC5CC,kBAAkB,EAAE,kCAAkC;IACtDC,UAAU,EAAE;AAChB,CAAC;AACD,MAAMC,aAAa,GAAA,WAAA,OAAGT,eAAA,EAAA;IAAAU,IAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;IAAAC,SAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAC,qBAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAC,yBAAA,EAAA;QAAAhB,MAAA,EAAA;IAAA;IAAAiB,mCAAA,EAAA;QAAAjB,MAAA,EAAA;IAAA;IAAAkB,4CAAA,EAAA;QAAAlB,MAAA,EAAA;IAAA;AAAA,GAAA;IAAAmB,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAC,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CAuBrB,CAAC;AACF,MAAMC,gBAAgB,GAAA,WAAA,OAAGjC,eAAA,EAAA;IAAAU,IAAA,EAAA;QAAAwB,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAP,CAAA,EAAA;QAAA;YAAA;YAAA;gBAAAC,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;KAAA;AAAA,CAKxB,CAAC;AACF,MAAMO,2BAA2B,GAAA,WAAA,OAAGvC,eAAA,EAAA;IAAAU,IAAA,EAAA;QAAAC,MAAA,EAAA;QAAAgB,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAI,CAAA,EAAA;QAAA;QAAA;KAAA;AAAA,CAKnC,CAAC;AACF,MAAMS,sBAAsB,GAAA,WAAA,OAAGxC,eAAA,EAAA;IAAAU,IAAA,EAAA;QAAA+B,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAR,MAAA,EAAA;YAAA;YAAA;SAAA;QAAAS,MAAA,EAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,OAAA,EAAA;QAAA/B,OAAA,EAAA;QAAAgC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAjC,MAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,OAAA,EAAA;QAAAiC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAjC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAA8B,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAvC,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAC,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;KAAA;IAAAuC,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;KAAA;IAAAC,CAAA,EAAA;QAAA;YAAA;YAAA;gBAAAxC,CAAA,EAAA,CAAA;gBAAAwC,CAAA,EAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAxC,CAAA,EAAA,CAAA;gBAAAwC,CAAA,EAAA;YAAA;SAAA;KAAA;AAAA,CAoC9B,CAAC;AACF,MAAMC,mBAAmB,GAAA,WAAA,OAAGzE,eAAA,EAAA;IAAAU,IAAA,EAAA;QAAAgE,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAA/B,MAAA,EAAA;QAAAgC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAjC,MAAA,EAAA;QAAAkC,MAAA,EAAA;QAAA1C,MAAA,EAAA;QAAAH,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAA4C,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAtC,MAAA,EAAA;QAAAuC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAjC,OAAA,EAAA;QAAAlC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAgC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAjC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAA2D,MAAA,EAAA;QAAAxE,MAAA,EAAA;IAAA;AAAA,GAAA;IAAAmB,CAAA,EAAA;QAAA;YAAA;YAAA;gBAAAC,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;QAAA;KAAA;AAAA,CAU3B,CAAC;AAKS,mCAAoCsD,KAAK,IAAG;IACnD,aAAa;IACb,MAAMC,UAAU,GAAG9E,aAAa,CAAC,CAAC;IAClC,MAAM+E,aAAa,GAAGvD,gBAAgB,CAAC,CAAC;IACxC,MAAMwD,wBAAwB,GAAGlD,2BAA2B,CAAC,CAAC;IAC9D,MAAMmD,mBAAmB,GAAGlD,sBAAsB,CAAC,CAAC;IACpD,MAAMmD,gBAAgB,GAAGlB,mBAAmB,CAAC,CAAC;IAC9C,MAAM,EAAEmB,SAAS,EAAEC,kBAAkB,EAAEC,oBAAoB,EAAEC,eAAAA,EAAiB,GAAGT,KAAK;IACtF,OAAO;QACHlF,IAAI,MAAEH,mBAAY,EAACE,kBAAkB,CAACC,IAAI,EAAEmF,UAAU,CAAC7E,IAAI,EAAE6E,UAAU,CAAC1E,SAAS,EAAE,CAACiF,oBAAoB,IAAIP,UAAU,CAAC7D,qBAAqB,EAAEmE,kBAAkB,IAAIC,oBAAoB,IAAI,CAACC,eAAe,IAAIR,UAAU,CAAC3D,yBAAyB,EAAEiE,kBAAkB,IAAI,CAACC,oBAAoB,IAAIC,eAAe,IAAIR,UAAU,CAAC1D,mCAAmC,EAAEgE,kBAAkB,IAAIC,oBAAoB,IAAIC,eAAe,IAAIR,UAAU,CAACzD,4CAA4C,EAAE8D,SAAS,CAAC;QAC5evF,OAAO,MAAEJ,mBAAY,EAACE,kBAAkB,CAACE,OAAO,EAAEmF,aAAa,CAAC9E,IAAI,CAAC;QACrEH,kBAAkB,MAAEN,mBAAY,EAACE,kBAAkB,CAACI,kBAAkB,EAAEkF,wBAAwB,CAAC/E,IAAI,CAAC;QACtGJ,aAAa,MAAEL,mBAAY,EAACE,kBAAkB,CAACG,aAAa,EAAEoF,mBAAmB,CAAChF,IAAI,CAAC;QACvFF,UAAU,MAAEP,mBAAY,EAACE,kBAAkB,CAACK,UAAU,EAAEmF,gBAAgB,CAACjF,IAAI;IACjF,CAAC;AACL,CAAC"}

package/lib-commonjs/components/CalendarDay/useCalendarDayStyles.styles.js CHANGED Viewed

@@ -343,12 +343,21 @@ const useHeaderIconButtonStyles = /*#__PURE__*/ (0, _react.__styles)({
 const useDisabledStyleStyles = /*#__PURE__*/ (0, _react.__styles)({
     base: {
         Bg33ivm: "f1oelgmz",
-        t69wg0: "fhh1ekj"
+        t69wg0: "fhh1ekj",
+        Bnh7jwd: "fdb0nwj"
     }
 }, {
     d: [
         ".f1oelgmz,.f1oelgmz:disabled,.f1oelgmz button{color:var(--colorNeutralForegroundDisabled);}",
         ".fhh1ekj,.fhh1ekj:disabled,.fhh1ekj button{pointer-events:none;}"
+    ],
+    m: [
+        [
+            "@media (forced-colors: active){.fdb0nwj,.fdb0nwj:disabled,.fdb0nwj button{color:GrayText;}}",
+            {
+                m: "(forced-colors: active)"
+            }
+        ]
     ]
 });
 const useCalendarDayStyles_unstable = (props)=>{

package/lib-commonjs/components/CalendarDay/useCalendarDayStyles.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"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 }\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"],"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","useCalendarDayStyles_unstable","props","rootStyles","headerStyles","monthAndYearStyles","monthComponentsStyles","headerIconButtonStyles","disabledStyleStyles","className"],"mappings":"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"}
1	+ {"version":3,"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"],"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"],"mappings":"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"}

package/lib-commonjs/components/CalendarDay/useCalendarDayStyles.styles.raw.js CHANGED Viewed

@@ -131,7 +131,11 @@ const useDisabledStyleStyles = (0, _react.makeStyles)({
     base: {
         '&, &:disabled, & button': {
             color: _reacttheme.tokens.colorNeutralForegroundDisabled,
-            pointerEvents: 'none'
+            pointerEvents: 'none',
+            // add this explicitly for aria-disabled buttons that don't get default forced-colors disabled styles
+            '@media (forced-colors: active)': {
+                color: 'GrayText'
+            }
         }
     }
 });