@fluentui/react-calendar-compat 0.1.6 → 0.1.7
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.
- package/CHANGELOG.md +12 -2
- package/lib/components/Calendar/useCalendarStyles.styles.js.map +1 -1
- package/lib/components/CalendarDay/useCalendarDayStyles.styles.js +12 -4
- package/lib/components/CalendarDay/useCalendarDayStyles.styles.js.map +1 -1
- package/lib/components/CalendarDayGrid/useCalendarDayGridStyles.styles.js.map +1 -1
- package/lib/components/CalendarDayGrid/useWeekCornerStyles.styles.js.map +1 -1
- package/lib/components/CalendarPicker/useCalendarPickerStyles.styles.js.map +1 -1
- package/lib/components/CalendarYear/useCalendarYearStyles.styles.js.map +1 -1
- package/lib-commonjs/components/CalendarDay/useCalendarDayStyles.styles.js +22 -6
- package/lib-commonjs/components/CalendarDay/useCalendarDayStyles.styles.js.map +1 -1
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
@@ -1,12 +1,22 @@
|
|
1
1
|
# Change Log - @fluentui/react-calendar-compat
|
2
2
|
|
3
|
-
This log was last generated on Thu,
|
3
|
+
This log was last generated on Thu, 16 May 2024 09:21:19 GMT and should not be manually modified.
|
4
4
|
|
5
5
|
<!-- Start content -->
|
6
6
|
|
7
|
+
## [0.1.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-calendar-compat_v0.1.7)
|
8
|
+
|
9
|
+
Thu, 16 May 2024 09:21:19 GMT
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-calendar-compat_v0.1.6..@fluentui/react-calendar-compat_v0.1.7)
|
11
|
+
|
12
|
+
### Patches
|
13
|
+
|
14
|
+
- chore: Upgrade react-icons version to 2.0.239 to pick up provider export map fix. ([PR #31287](https://github.com/microsoft/fluentui/pull/31287) by ololubek@microsoft.com)
|
15
|
+
- fix: Make header button in overlaid month picker match the other header button's styles. ([PR #31381](https://github.com/microsoft/fluentui/pull/31381) by estebanmu@microsoft.com)
|
16
|
+
|
7
17
|
## [0.1.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-calendar-compat_v0.1.6)
|
8
18
|
|
9
|
-
Thu, 09 May 2024 19:
|
19
|
+
Thu, 09 May 2024 19:35:12 GMT
|
10
20
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-calendar-compat_v0.1.5..@fluentui/react-calendar-compat_v0.1.6)
|
11
21
|
|
12
22
|
### Patches
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"names":["tokens","__styles","mergeClasses","shorthands","calendarClassNames","root","divider","goTodayButton","monthPickerWrapper","liveRegion","useRootStyles","base","mc9l5x","a9b677","normalize","E5pizo","B7ck84d","B6of3ja","t21cq0","jrapky","Frg6f3","z8tnut","z189sj","Byoj8tv","uwmqm3","monthPickerNotVisible","Beiy3e4","dayAndMonthPickersVisible","dayPickerVisibleAndWeekNumbersShown","dayAndMonthPickersVisibleAndWeekNumbersShown","d","useDividerStyles","g2u3we","h3c5rm","B9xav0g","zhjwy3","Bekrc4i","vrafjx","Bhzewxz","useMonthPickerWrapperStyles","useGoTodayButtonStyles","qb2dma","De3pzq","icvyot","oivjwe","wvpqe5","B5kzvoi","sj55zd","Bahqtrf","Be2twd7","Bqenvij","Bg96gwp","B68tc82","Bmxbyg5","seuwu7","Jwef8y","Bi91k9c","eoavqd","Bv57zgv","Bnosqey","Bx7pl5v","B23s7e0","knvgbf","B3ons6i","Be8uuq8","B2d53fq","Dyrjrp","Be90el1","h","m","useLiveRegionStyles","B4j52fo","Bn0qgzm","ibv6hh","qhf8xq","useCalendarStyles_unstable","props","rootStyles","dividerStyles","monthPickerWrapperStyles","goTodayButtonStyles","liveRegionStyles","className","isDayPickerVisible","isMonthPickerVisible","showWeekNumbers"],"sources":["useCalendarStyles.styles.js"],"sourcesContent":["import { 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 ...shorthands.margin(0),\n ...shorthands.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 ...shorthands.borderColor(tokens.colorNeutralStroke2),\n ...shorthands.borderRight('1px', 'solid'),\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 ...shorthands.overflow('visible'),\n ...shorthands.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 ...shorthands.outline(tokens.strokeWidthThin, 'solid', 'ButtonText'),\n ...shorthands.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 ...shorthands.border(0),\n height: '1px',\n ...shorthands.margin('-1px'),\n ...shorthands.overflow('hidden'),\n ...shorthands.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 const rootStyles = useRootStyles();\n const dividerStyles = useDividerStyles();\n const monthPickerWrapperStyles = useMonthPickerWrapperStyles();\n const goTodayButtonStyles = useGoTodayButtonStyles();\n const liveRegionStyles = useLiveRegionStyles();\n const { className, isDayPickerVisible, isMonthPickerVisible, showWeekNumbers } = props;\n return {\n root: mergeClasses(calendarClassNames.root, rootStyles.base, rootStyles.normalize, !isMonthPickerVisible && rootStyles.monthPickerNotVisible, isDayPickerVisible && isMonthPickerVisible && !showWeekNumbers && rootStyles.dayAndMonthPickersVisible, isDayPickerVisible && !isMonthPickerVisible && showWeekNumbers && rootStyles.dayPickerVisibleAndWeekNumbersShown, isDayPickerVisible && isMonthPickerVisible && showWeekNumbers && rootStyles.dayAndMonthPickersVisibleAndWeekNumbersShown, className),\n divider: mergeClasses(calendarClassNames.divider, dividerStyles.base),\n monthPickerWrapper: mergeClasses(calendarClassNames.monthPickerWrapper, monthPickerWrapperStyles.base),\n goTodayButton: mergeClasses(calendarClassNames.goTodayButton, goTodayButtonStyles.base),\n liveRegion: mergeClasses(calendarClassNames.liveRegion, liveRegionStyles.base)\n };\n};\n"],"mappings":"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"}
|
1
|
+
{"version":3,"names":["tokens","__styles","mergeClasses","shorthands","calendarClassNames","root","divider","goTodayButton","monthPickerWrapper","liveRegion","useRootStyles","base","mc9l5x","a9b677","normalize","E5pizo","B7ck84d","B6of3ja","t21cq0","jrapky","Frg6f3","z8tnut","z189sj","Byoj8tv","uwmqm3","monthPickerNotVisible","Beiy3e4","dayAndMonthPickersVisible","dayPickerVisibleAndWeekNumbersShown","dayAndMonthPickersVisibleAndWeekNumbersShown","d","useDividerStyles","g2u3we","h3c5rm","B9xav0g","zhjwy3","Bekrc4i","vrafjx","Bhzewxz","useMonthPickerWrapperStyles","useGoTodayButtonStyles","qb2dma","De3pzq","icvyot","oivjwe","wvpqe5","B5kzvoi","sj55zd","Bahqtrf","Be2twd7","Bqenvij","Bg96gwp","B68tc82","Bmxbyg5","seuwu7","Jwef8y","Bi91k9c","eoavqd","Bv57zgv","Bnosqey","Bx7pl5v","B23s7e0","knvgbf","B3ons6i","Be8uuq8","B2d53fq","Dyrjrp","Be90el1","h","m","useLiveRegionStyles","B4j52fo","Bn0qgzm","ibv6hh","qhf8xq","useCalendarStyles_unstable","props","rootStyles","dividerStyles","monthPickerWrapperStyles","goTodayButtonStyles","liveRegionStyles","className","isDayPickerVisible","isMonthPickerVisible","showWeekNumbers"],"sources":["useCalendarStyles.styles.js"],"sourcesContent":["import { 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 ...shorthands.margin(0),\n ...shorthands.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 ...shorthands.borderColor(tokens.colorNeutralStroke2),\n ...shorthands.borderRight('1px', 'solid'),\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 ...shorthands.overflow('visible'),\n ...shorthands.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 ...shorthands.outline(tokens.strokeWidthThin, 'solid', 'ButtonText'),\n ...shorthands.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 ...shorthands.border(0),\n height: '1px',\n ...shorthands.margin('-1px'),\n ...shorthands.overflow('hidden'),\n ...shorthands.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 const rootStyles = useRootStyles();\n const dividerStyles = useDividerStyles();\n const monthPickerWrapperStyles = useMonthPickerWrapperStyles();\n const goTodayButtonStyles = useGoTodayButtonStyles();\n const liveRegionStyles = useLiveRegionStyles();\n const { className, isDayPickerVisible, isMonthPickerVisible, showWeekNumbers } = props;\n return {\n root: mergeClasses(calendarClassNames.root, rootStyles.base, rootStyles.normalize, !isMonthPickerVisible && rootStyles.monthPickerNotVisible, isDayPickerVisible && isMonthPickerVisible && !showWeekNumbers && rootStyles.dayAndMonthPickersVisible, isDayPickerVisible && !isMonthPickerVisible && showWeekNumbers && rootStyles.dayPickerVisibleAndWeekNumbersShown, isDayPickerVisible && isMonthPickerVisible && showWeekNumbers && rootStyles.dayAndMonthPickersVisibleAndWeekNumbersShown, className),\n divider: mergeClasses(calendarClassNames.divider, dividerStyles.base),\n monthPickerWrapper: mergeClasses(calendarClassNames.monthPickerWrapper, monthPickerWrapperStyles.base),\n goTodayButton: mergeClasses(calendarClassNames.goTodayButton, goTodayButtonStyles.base),\n liveRegion: mergeClasses(calendarClassNames.liveRegion, liveRegionStyles.base)\n };\n};\n"],"mappings":"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","ignoreList":[]}
|
@@ -86,15 +86,23 @@ const useMonthAndYearStyles = /*#__PURE__*/__styles({
|
|
86
86
|
Ezkn3b: "fjq4c94"
|
87
87
|
},
|
88
88
|
headerIsClickable: {
|
89
|
-
Jwef8y: "
|
90
|
-
Bi91k9c: "
|
89
|
+
Jwef8y: "f18a0fwf",
|
90
|
+
Bi91k9c: "f3sdaeg",
|
91
91
|
eoavqd: "f8491dx",
|
92
|
-
|
92
|
+
Dwtyhm: "f14gx60i",
|
93
|
+
ukgb2i: "f1o3croz",
|
94
|
+
pugfm4: "f11jyo21",
|
95
|
+
iro3zm: "f1wvkgvo",
|
96
|
+
B2d53fq: "f1wdoaqd",
|
97
|
+
c3iz72: "f13c0t7h",
|
98
|
+
syojd9: "f190yoes",
|
99
|
+
Bx68yb: "f98srbw",
|
100
|
+
mghro0: "fw9cbop"
|
93
101
|
}
|
94
102
|
}, {
|
95
103
|
d: [".f122n59{align-items:center;}", ".f1c21dwh{background-color:var(--colorTransparentBackground);}", ".f1ern45e{border-top-style:none;}", ".f1n71otn{border-right-style:none;}", ".f1deefiw{border-left-style:none;}", ".f1h8hb77{border-bottom-style:none;}", ".f2i1086{border-bottom-right-radius:2px;}", ".f1rlsnju{border-bottom-left-radius:2px;}", ".f1stktl2{border-top-right-radius:2px;}", ".f1127022{border-top-left-radius:2px;}", ".f19n0e5{color:var(--colorNeutralForeground1);}", ".f14t3ns0{display:inline-block;}", ".fqerorx{flex-grow:1;}", ".f1mo0ibp{font-family:inherit;}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".f336tjw{line-height:28px;}", ".f1p9o1ba{overflow-x:hidden;}", ".f1sil6mw{overflow-y:hidden;}", ".f1g0x7ka{padding-top:0;}", ".f8wuabp{padding-right:4px;}", ".fycuoez{padding-left:4px;}", ".f1qch9an{padding-bottom:0;}", ".frdkuqy{padding-left:10px;}", ".f81rol6{padding-right:10px;}", ".f1o700av{text-align:left;}", ".fes3tcz{text-align:right;}", ".f1cmbuwj{text-overflow:ellipsis;}", ".fz5stix{white-space:nowrap;}", ".fhsqnsn{animation-duration:0.267s;}", ".fywypte{animation-fill-mode:both;}", ".f1h7u52p{animation-name:f5j8bii;}", ".fjq4c94{animation-timing-function:cubic-bezier(.1,.25,.75,.9);}"],
|
96
104
|
k: ["@keyframes f5j8bii{from{opacity:0;}to{opacity:1;}}"],
|
97
|
-
h: [".
|
105
|
+
h: [".f18a0fwf:hover{background-color:var(--colorBrandBackgroundInvertedHover);}", ".f3sdaeg:hover{color:var(--colorBrandForegroundOnLightHover);}", ".f8491dx:hover{cursor:pointer;}", ".f14gx60i:hover{outline-width:1px;}", ".f1o3croz:hover{outline-style:solid;}", ".f11jyo21:hover{outline-color:var(--colorTransparentStroke);}", ".f1wvkgvo:hover:active{background-color:var(--colorBrandBackgroundInvertedPressed);}", ".f1wdoaqd:hover:active{color:var(--colorBrandForegroundOnLightPressed);}", ".f13c0t7h:hover:active{cursor:pointer;}", ".f190yoes:hover:active{outline-width:1px;}", ".f98srbw:hover:active{outline-style:solid;}", ".fw9cbop:hover:active{outline-color:var(--colorTransparentStroke);}"]
|
98
106
|
});
|
99
107
|
const useMonthComponentsStyles = /*#__PURE__*/__styles({
|
100
108
|
base: {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"names":["tokens","__styles","mergeClasses","shorthands","DURATION_2","EASING_FUNCTION_2","FADE_IN","calendarDayClassNames","root","header","monthAndYear","monthComponents","headerIconButton","disabledStyle","useRootStyles","base","B7ck84d","z8tnut","z189sj","Byoj8tv","uwmqm3","a9b677","normalize","E5pizo","B6of3ja","t21cq0","jrapky","Frg6f3","showWeekNumbers","d","useHeaderStyles","mc9l5x","Bqenvij","Bg96gwp","qhf8xq","useMonthAndYearStyles","Bt984gj","De3pzq","icvyot","vrafjx","oivjwe","wvpqe5","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","sj55zd","Bh6795r","Bahqtrf","Be2twd7","Bhrd7zp","B68tc82","Bmxbyg5","fsow6f","ygn44y","Huce71","animation","vin17d","Bf5fcs","Bv12yb3","Ezkn3b","headerIsClickable","Jwef8y","Bi91k9c","eoavqd","iro3zm","
|
1
|
+
{"version":3,"names":["tokens","__styles","mergeClasses","shorthands","DURATION_2","EASING_FUNCTION_2","FADE_IN","calendarDayClassNames","root","header","monthAndYear","monthComponents","headerIconButton","disabledStyle","useRootStyles","base","B7ck84d","z8tnut","z189sj","Byoj8tv","uwmqm3","a9b677","normalize","E5pizo","B6of3ja","t21cq0","jrapky","Frg6f3","showWeekNumbers","d","useHeaderStyles","mc9l5x","Bqenvij","Bg96gwp","qhf8xq","useMonthAndYearStyles","Bt984gj","De3pzq","icvyot","vrafjx","oivjwe","wvpqe5","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","sj55zd","Bh6795r","Bahqtrf","Be2twd7","Bhrd7zp","B68tc82","Bmxbyg5","fsow6f","ygn44y","Huce71","animation","vin17d","Bf5fcs","Bv12yb3","Ezkn3b","headerIsClickable","Jwef8y","Bi91k9c","eoavqd","Dwtyhm","ukgb2i","pugfm4","iro3zm","B2d53fq","c3iz72","syojd9","Bx68yb","mghro0","k","h","useMonthComponentsStyles","qb2dma","useHeaderIconButtonStyles","useDisabledStyleStyles","Bg33ivm","t69wg0","useCalendarDayStyles_unstable","props","rootStyles","headerStyles","monthAndYearStyles","monthComponentsStyles","headerIconButtonStyles","disabledStyleStyles","className"],"sources":["useCalendarDayStyles.styles.js"],"sourcesContent":["import { 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 ...shorthands.padding('12px'),\n width: '196px'\n },\n normalize: {\n boxShadow: 'none',\n boxSizing: 'border-box',\n ...shorthands.margin(0),\n ...shorthands.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 ...shorthands.borderRadius('2px'),\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 ...shorthands.overflow('hidden'),\n ...shorthands.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 ...shorthands.outline('1px', 'solid', tokens.colorTransparentStroke)\n },\n '&:hover:active': {\n backgroundColor: tokens.colorBrandBackgroundInvertedPressed,\n color: tokens.colorBrandForegroundOnLightPressed,\n cursor: 'pointer',\n ...shorthands.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 ...shorthands.borderRadius('2px'),\n color: tokens.colorNeutralForeground3,\n display: 'block',\n fontFamily: 'inherit',\n fontSize: tokens.fontSizeBase200,\n height: '28px',\n lineHeight: '28px',\n ...shorthands.overflow('visible'),\n ...shorthands.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 ...shorthands.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 const rootStyles = useRootStyles();\n const headerStyles = useHeaderStyles();\n const monthAndYearStyles = useMonthAndYearStyles();\n const monthComponentsStyles = useMonthComponentsStyles();\n const headerIconButtonStyles = useHeaderIconButtonStyles();\n const disabledStyleStyles = useDisabledStyleStyles();\n const { className, headerIsClickable, showWeekNumbers } = props;\n return {\n root: mergeClasses(calendarDayClassNames.root, rootStyles.normalize, rootStyles.base, showWeekNumbers && rootStyles.showWeekNumbers, className),\n header: mergeClasses(calendarDayClassNames.header, headerStyles.base),\n monthAndYear: mergeClasses(calendarDayClassNames.monthAndYear, monthAndYearStyles.base, monthAndYearStyles.animation, headerIsClickable && monthAndYearStyles.headerIsClickable),\n monthComponents: mergeClasses(calendarDayClassNames.monthComponents, monthComponentsStyles.base),\n headerIconButton: mergeClasses(calendarDayClassNames.headerIconButton, headerIconButtonStyles.base),\n disabledStyle: mergeClasses(calendarDayClassNames.disabledStyle, disabledStyleStyles.base)\n };\n};\n"],"mappings":"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","ignoreList":[]}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"names":["tokens","__styles","mergeClasses","shorthands","DURATION_2","DURATION_3","EASING_FUNCTION_1","EASING_FUNCTION_2","FADE_IN","FADE_OUT","SLIDE_DOWN_IN20","SLIDE_DOWN_OUT20","SLIDE_LEFT_IN20","SLIDE_RIGHT_IN20","SLIDE_UP_IN20","SLIDE_UP_OUT20","TRANSITION_ROW_DISAPPEARANCE","AnimationDirection","weekCornersClassNames","createFocusOutlineStyle","calendarDayGridClassNames","wrapper","table","dayCell","daySelected","weekRow","weekDayLabelCell","weekNumberCell","dayOutsideBounds","dayOutsideNavigatedMonth","dayButton","dayIsToday","firstTransitionWeek","lastTransitionWeek","dayMarker","extraCalendarDayGridClassNames","hoverStyle","pressedStyle","useWrapperStyles","base","Byoj8tv","d","useTableStyles","po53p8","Bxjg3zr","Be2twd7","B6of3ja","qhf8xq","B73mfa3","fsow6f","a9b677","showWeekNumbers","useDayCellStyles","sj55zd","Bceei9c","Bhrd7zp","Bqenvij","Bg96gwp","t21cq0","jrapky","Frg6f3","z8tnut","z189sj","uwmqm3","Bsw6fvg","Bbusuzp","cvlxnx","Bweudez","hzfqlu","Bb91d7d","dua3dm","z1p9vi","Bsnevi5","xnb59o","Bj67fi1","B2gfgcj","B6cqqer","fpurfy","Fioj4w","Bq9yiu4","cpbo2x","Bq268z6","focusIndicator","Brovlpu","B486eqv","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bb7d1vk","zhwhgb","dhy2o1","Gfyso","Bm4h7ae","B7ys5i9","Busjfv9","Bhk32uz","Bf4ptjt","kclons","Bhdgwq3","Blkhhs4","Bqtpl0w","clg4pj","hgwjuy","Bonggc9","B1tsrr9","Dah5zi","Bkh64rk","qqdqy8","B6dhp37","i03rao","Boxcth7","Bsom6fd","J0r882","Bule8hv","Bjwuhne","Ghsupd","m","f","i","useDaySelectedStyles","De3pzq","Bjwas2f","Bn1d65q","Bxeuatn","n51gp8","ycbfsm","a3nq4f","Bnf3alp","H2c3sd","qu8ld","Bg4iunc","h","useWeekRowStyles","vin17d","Bf5fcs","Ezkn3b","horizontalBackward","Bv12yb3","horizontalForward","verticalBackward","verticalForward","k","useWeekDayLabelCellStyles","famaaq","useWeekNumberCellStyles","g2u3we","h3c5rm","B9xav0g","zhjwy3","Bekrc4i","vrafjx","B7ck84d","useDayOutsideBoundsStyles","x734em","B0ssf13","B8h8h5z","useDayOutsideNavigatedMonthStyles","lightenDaysOutsideNavigatedMonth","useDayButtonStyles","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","icvyot","oivjwe","wvpqe5","B68tc82","Bmxbyg5","Bx0yju7","l98f4w","useDayIsTodayStyles","jxbfoe","useFirstTransitionWeekStyles","abs64n","useLastTransitionWeekStyles","useDayMarkerStyles","B5kzvoi","oyh7mz","j35jbq","useCornerBorderAndRadiusStyles","corners","Cy64m2","Bnn43bw","feanbc","B4268ip","useCalendarDayGridStyles_unstable","props","wrapperStyles","tableStyles","dayCellStyles","daySelectedStyles","weekRowStyles","weekDayLabelCellStyles","weekNumberCellStyles","dayOutsideBoundsStyles","dayOutsideNavigatedMonthStyles","dayButtonStyles","dayIsTodayStyles","firstTransitionWeekStyles","lastTransitionWeekStyles","dayMarkerStyles","cornerBorderAndRadiusStyles","animateBackwards","animationDirection","undefined","Horizontal"],"sources":["useCalendarDayGridStyles.styles.js"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { DURATION_2, DURATION_3, EASING_FUNCTION_1, EASING_FUNCTION_2, FADE_IN, FADE_OUT, SLIDE_DOWN_IN20, SLIDE_DOWN_OUT20, SLIDE_LEFT_IN20, SLIDE_RIGHT_IN20, SLIDE_UP_IN20, SLIDE_UP_OUT20, TRANSITION_ROW_DISAPPEARANCE } from '../../utils';\nimport { AnimationDirection } from '../Calendar/Calendar.types';\nimport { weekCornersClassNames } from './useWeekCornerStyles.styles';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\n/**\n * @internal\n */ export const calendarDayGridClassNames = {\n wrapper: 'fui-CalendarDayGrid__wrapper',\n table: 'fui-CalendarDayGrid__table',\n dayCell: 'fui-CalendarDayGrid__dayCell',\n daySelected: 'fui-CalendarDayGrid__daySelected',\n 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};\n/**\n * @internal\n */ export const extraCalendarDayGridClassNames = {\n hoverStyle: 'fui-CalendarDayGrid__hoverStyle',\n pressedStyle: 'fui-CalendarDayGrid__pressedStyle'\n};\nconst useWrapperStyles = makeStyles({\n base: {\n paddingBottom: '10px'\n }\n});\nconst useTableStyles = makeStyles({\n base: {\n borderCollapse: 'collapse',\n borderSpacing: 0,\n fontSize: 'inherit',\n marginTop: '4px',\n paddingBottom: '10px',\n position: 'relative',\n tableLayout: 'fixed',\n textAlign: 'center',\n width: '196px'\n },\n showWeekNumbers: {\n width: '226px'\n }\n});\nconst useDayCellStyles = makeStyles({\n base: {\n color: tokens.colorNeutralForeground1,\n cursor: 'pointer',\n fontSize: tokens.fontSizeBase200,\n fontWeight: tokens.fontWeightRegular,\n height: '28px',\n lineHeight: '28px',\n ...shorthands.margin(0),\n ...shorthands.padding(0),\n position: 'relative',\n width: '28px',\n '@media (forced-colors: active)': {\n backgroundColor: 'Window',\n color: 'WindowText'\n },\n [`&.${extraCalendarDayGridClassNames.hoverStyle}`]: {\n color: tokens.colorNeutralForeground1Static,\n backgroundColor: tokens.colorBrandBackgroundInvertedHover,\n '@media (forced-colors: active)': {\n backgroundColor: 'Window',\n color: 'WindowText',\n ...shorthands.outline('1px', 'solid', 'Highlight'),\n zIndex: 3\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.strokeWidthThin,\n ...shorthands.borderWidth(tokens.strokeWidthThin)\n }\n })\n});\nconst useDaySelectedStyles = makeStyles({\n base: {\n backgroundColor: tokens.colorBrandBackgroundInvertedSelected,\n color: tokens.colorNeutralForeground1Static,\n '@media (forced-colors: active)': {\n backgroundColor: 'Highlight',\n ...shorthands.borderColor('Highlight'),\n color: 'HighlightText',\n forcedColorAdjust: 'none'\n },\n [`&:hover, &.${extraCalendarDayGridClassNames.hoverStyle}, &.${extraCalendarDayGridClassNames.pressedStyle}`]: {\n color: tokens.colorNeutralForeground1Static,\n backgroundColor: tokens.colorBrandBackgroundInvertedSelected,\n '@media (forced-colors: active)': {\n backgroundColor: 'Highlight',\n color: 'HighlightText'\n }\n },\n [`& > .${calendarDayGridClassNames.dayMarker}`]: {\n '@media (forced-colors: active)': {\n backgroundColor: 'Window'\n }\n }\n }\n});\nconst useWeekRowStyles = makeStyles({\n base: {\n animationDuration: DURATION_3,\n animationFillMode: 'both',\n animationTimingFunction: EASING_FUNCTION_1\n },\n horizontalBackward: {\n animationName: [\n FADE_IN,\n SLIDE_RIGHT_IN20\n ]\n },\n horizontalForward: {\n animationName: [\n FADE_IN,\n SLIDE_LEFT_IN20\n ]\n },\n verticalBackward: {\n animationName: [\n FADE_IN,\n SLIDE_DOWN_IN20\n ]\n },\n verticalForward: {\n animationName: [\n FADE_IN,\n SLIDE_UP_IN20\n ]\n }\n});\nconst useWeekDayLabelCellStyles = makeStyles({\n base: {\n userSelect: 'none',\n animationDuration: DURATION_2,\n animationFillMode: 'both',\n animationName: FADE_IN,\n animationTimingFunction: EASING_FUNCTION_2\n }\n});\nconst useWeekNumberCellStyles = makeStyles({\n base: {\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.borderColor(tokens.colorNeutralStroke2),\n ...shorthands.borderRight('1px', 'solid'),\n boxSizing: 'border-box',\n color: tokens.colorNeutralForeground4,\n fontSize: tokens.fontSizeBase200,\n fontWeight: tokens.fontWeightRegular,\n height: '28px',\n ...shorthands.margin(0),\n ...shorthands.padding(0),\n width: '28px'\n }\n});\nconst useDayOutsideBoundsStyles = makeStyles({\n base: {\n [`&, &:disabled, & button, &.${extraCalendarDayGridClassNames.hoverStyle}` + `, &.${extraCalendarDayGridClassNames.pressedStyle}`]: {\n backgroundColor: tokens.colorTransparentBackground,\n color: tokens.colorNeutralForegroundDisabled,\n pointerEvents: 'none'\n },\n '@media (forced-colors: active)': {\n color: 'GrayText'\n }\n }\n});\nconst useDayOutsideNavigatedMonthStyles = makeStyles({\n lightenDaysOutsideNavigatedMonth: {\n color: tokens.colorNeutralForeground4,\n fontWeight: tokens.fontWeightRegular,\n '@media (forced-colors: active)': {\n color: 'GrayText'\n }\n }\n});\nconst useDayButtonStyles = makeStyles({\n base: {\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.borderRadius('2px'),\n ...shorthands.borderStyle('none'),\n color: 'inherit',\n cursor: 'pointer',\n fontSize: tokens.fontSizeBase200,\n fontWeight: 'inherit',\n height: '24px',\n lineHeight: '24px',\n ...shorthands.overflow('visible'),\n ...shorthands.padding(0),\n width: '24px',\n '&span': {\n height: 'inherit',\n lineHeight: 'inherit'\n }\n }\n});\nconst useDayIsTodayStyles = makeStyles({\n base: {\n backgroundColor: tokens.colorBrandBackground,\n ...shorthands.borderRadius('100%'),\n color: tokens.colorNeutralForegroundOnBrand,\n fontWeight: tokens.fontWeightSemibold,\n '@media (forced-colors: active)': {\n backgroundColor: 'WindowText',\n ...shorthands.borderColor('WindowText'),\n color: 'Window',\n forcedColorAdjust: 'none'\n },\n [`& > .${calendarDayGridClassNames.dayMarker}`]: {\n backgroundColor: tokens.colorNeutralForegroundOnBrand,\n '@media (forced-colors: active)': {\n backgroundColor: 'Window'\n }\n }\n }\n});\nconst useFirstTransitionWeekStyles = makeStyles({\n base: {\n height: 0,\n opacity: 0,\n ...shorthands.overflow('hidden'),\n position: 'absolute',\n width: 0\n },\n verticalForward: {\n animationDuration: DURATION_3,\n animationFillMode: 'both',\n animationName: [\n FADE_OUT,\n SLIDE_UP_OUT20,\n TRANSITION_ROW_DISAPPEARANCE\n ],\n animationTimingFunction: EASING_FUNCTION_1\n }\n});\nconst useLastTransitionWeekStyles = makeStyles({\n base: {\n height: 0,\n marginTop: '-28px',\n opacity: 0,\n ...shorthands.overflow('hidden'),\n position: 'absolute',\n width: 0\n },\n verticalBackward: {\n animationDuration: DURATION_3,\n animationFillMode: 'both',\n animationName: [\n FADE_OUT,\n SLIDE_DOWN_OUT20,\n TRANSITION_ROW_DISAPPEARANCE\n ],\n animationTimingFunction: EASING_FUNCTION_1\n }\n});\nconst useDayMarkerStyles = makeStyles({\n base: {\n backgroundColor: tokens.colorBrandForeground2,\n ...shorthands.borderRadius('100%'),\n bottom: '1px',\n height: '4px',\n left: 0,\n ...shorthands.margin('auto'),\n position: 'absolute',\n right: 0,\n width: '4px',\n '@media (forced-colors: active)': {\n backgroundColor: 'WindowText',\n forcedColorAdjust: 'none'\n }\n }\n});\nconst useCornerBorderAndRadiusStyles = makeStyles({\n corners: {\n [`&.${weekCornersClassNames.topRightCornerDate}`]: {\n borderTopRightRadius: '2px'\n },\n [`&.${weekCornersClassNames.topLeftCornerDate}`]: {\n borderTopLeftRadius: '2px'\n },\n [`&.${weekCornersClassNames.bottomRightCornerDate}`]: {\n borderBottomRightRadius: '2px'\n },\n [`&.${weekCornersClassNames.bottomLeftCornerDate}`]: {\n borderBottomLeftRadius: '2px'\n }\n }\n});\n/**\n * @internal\n *\n * Apply styling to the CalendarDayGrid slots based on the state\n */ export const useCalendarDayGridStyles_unstable = (props)=>{\n const wrapperStyles = useWrapperStyles();\n const tableStyles = useTableStyles();\n const dayCellStyles = useDayCellStyles();\n const daySelectedStyles = useDaySelectedStyles();\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 { animateBackwards, animationDirection, lightenDaysOutsideNavigatedMonth, showWeekNumbers } = props;\n return {\n wrapper: mergeClasses(calendarDayGridClassNames.wrapper, wrapperStyles.base),\n table: mergeClasses(calendarDayGridClassNames.table, tableStyles.base, showWeekNumbers && tableStyles.showWeekNumbers),\n dayCell: mergeClasses(calendarDayGridClassNames.dayCell, dayCellStyles.base, dayCellStyles.focusIndicator, cornerBorderAndRadiusStyles.corners),\n daySelected: mergeClasses(calendarDayGridClassNames.daySelected, daySelectedStyles.base),\n weekRow: mergeClasses(calendarDayGridClassNames.weekRow, animateBackwards !== undefined && weekRowStyles.base, animateBackwards !== undefined && (animationDirection === AnimationDirection.Horizontal ? animateBackwards ? weekRowStyles.horizontalBackward : weekRowStyles.horizontalForward : animateBackwards ? weekRowStyles.verticalBackward : weekRowStyles.verticalForward)),\n weekDayLabelCell: mergeClasses(calendarDayGridClassNames.weekDayLabelCell, weekDayLabelCellStyles.base),\n weekNumberCell: mergeClasses(calendarDayGridClassNames.weekNumberCell, weekNumberCellStyles.base),\n dayOutsideBounds: mergeClasses(calendarDayGridClassNames.dayOutsideBounds, dayOutsideBoundsStyles.base),\n dayOutsideNavigatedMonth: mergeClasses(calendarDayGridClassNames.dayOutsideNavigatedMonth, lightenDaysOutsideNavigatedMonth && dayOutsideNavigatedMonthStyles.lightenDaysOutsideNavigatedMonth),\n dayButton: mergeClasses(calendarDayGridClassNames.dayButton, dayButtonStyles.base),\n dayIsToday: mergeClasses(calendarDayGridClassNames.dayIsToday, dayIsTodayStyles.base),\n firstTransitionWeek: mergeClasses(calendarDayGridClassNames.firstTransitionWeek, firstTransitionWeekStyles.base, animateBackwards !== undefined && animationDirection !== AnimationDirection.Horizontal && !animateBackwards && firstTransitionWeekStyles.verticalForward),\n lastTransitionWeek: mergeClasses(calendarDayGridClassNames.lastTransitionWeek, lastTransitionWeekStyles.base, animateBackwards !== undefined && animationDirection !== AnimationDirection.Horizontal && animateBackwards && lastTransitionWeekStyles.verticalBackward),\n dayMarker: mergeClasses(calendarDayGridClassNames.dayMarker, dayMarkerStyles.base)\n };\n};\n"],"mappings":"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"}
|
1
|
+
{"version":3,"names":["tokens","__styles","mergeClasses","shorthands","DURATION_2","DURATION_3","EASING_FUNCTION_1","EASING_FUNCTION_2","FADE_IN","FADE_OUT","SLIDE_DOWN_IN20","SLIDE_DOWN_OUT20","SLIDE_LEFT_IN20","SLIDE_RIGHT_IN20","SLIDE_UP_IN20","SLIDE_UP_OUT20","TRANSITION_ROW_DISAPPEARANCE","AnimationDirection","weekCornersClassNames","createFocusOutlineStyle","calendarDayGridClassNames","wrapper","table","dayCell","daySelected","weekRow","weekDayLabelCell","weekNumberCell","dayOutsideBounds","dayOutsideNavigatedMonth","dayButton","dayIsToday","firstTransitionWeek","lastTransitionWeek","dayMarker","extraCalendarDayGridClassNames","hoverStyle","pressedStyle","useWrapperStyles","base","Byoj8tv","d","useTableStyles","po53p8","Bxjg3zr","Be2twd7","B6of3ja","qhf8xq","B73mfa3","fsow6f","a9b677","showWeekNumbers","useDayCellStyles","sj55zd","Bceei9c","Bhrd7zp","Bqenvij","Bg96gwp","t21cq0","jrapky","Frg6f3","z8tnut","z189sj","uwmqm3","Bsw6fvg","Bbusuzp","cvlxnx","Bweudez","hzfqlu","Bb91d7d","dua3dm","z1p9vi","Bsnevi5","xnb59o","Bj67fi1","B2gfgcj","B6cqqer","fpurfy","Fioj4w","Bq9yiu4","cpbo2x","Bq268z6","focusIndicator","Brovlpu","B486eqv","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bb7d1vk","zhwhgb","dhy2o1","Gfyso","Bm4h7ae","B7ys5i9","Busjfv9","Bhk32uz","Bf4ptjt","kclons","Bhdgwq3","Blkhhs4","Bqtpl0w","clg4pj","hgwjuy","Bonggc9","B1tsrr9","Dah5zi","Bkh64rk","qqdqy8","B6dhp37","i03rao","Boxcth7","Bsom6fd","J0r882","Bule8hv","Bjwuhne","Ghsupd","m","f","i","useDaySelectedStyles","De3pzq","Bjwas2f","Bn1d65q","Bxeuatn","n51gp8","ycbfsm","a3nq4f","Bnf3alp","H2c3sd","qu8ld","Bg4iunc","h","useWeekRowStyles","vin17d","Bf5fcs","Ezkn3b","horizontalBackward","Bv12yb3","horizontalForward","verticalBackward","verticalForward","k","useWeekDayLabelCellStyles","famaaq","useWeekNumberCellStyles","g2u3we","h3c5rm","B9xav0g","zhjwy3","Bekrc4i","vrafjx","B7ck84d","useDayOutsideBoundsStyles","x734em","B0ssf13","B8h8h5z","useDayOutsideNavigatedMonthStyles","lightenDaysOutsideNavigatedMonth","useDayButtonStyles","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","icvyot","oivjwe","wvpqe5","B68tc82","Bmxbyg5","Bx0yju7","l98f4w","useDayIsTodayStyles","jxbfoe","useFirstTransitionWeekStyles","abs64n","useLastTransitionWeekStyles","useDayMarkerStyles","B5kzvoi","oyh7mz","j35jbq","useCornerBorderAndRadiusStyles","corners","Cy64m2","Bnn43bw","feanbc","B4268ip","useCalendarDayGridStyles_unstable","props","wrapperStyles","tableStyles","dayCellStyles","daySelectedStyles","weekRowStyles","weekDayLabelCellStyles","weekNumberCellStyles","dayOutsideBoundsStyles","dayOutsideNavigatedMonthStyles","dayButtonStyles","dayIsTodayStyles","firstTransitionWeekStyles","lastTransitionWeekStyles","dayMarkerStyles","cornerBorderAndRadiusStyles","animateBackwards","animationDirection","undefined","Horizontal"],"sources":["useCalendarDayGridStyles.styles.js"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { DURATION_2, DURATION_3, EASING_FUNCTION_1, EASING_FUNCTION_2, FADE_IN, FADE_OUT, SLIDE_DOWN_IN20, SLIDE_DOWN_OUT20, SLIDE_LEFT_IN20, SLIDE_RIGHT_IN20, SLIDE_UP_IN20, SLIDE_UP_OUT20, TRANSITION_ROW_DISAPPEARANCE } from '../../utils';\nimport { AnimationDirection } from '../Calendar/Calendar.types';\nimport { weekCornersClassNames } from './useWeekCornerStyles.styles';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\n/**\n * @internal\n */ export const calendarDayGridClassNames = {\n wrapper: 'fui-CalendarDayGrid__wrapper',\n table: 'fui-CalendarDayGrid__table',\n dayCell: 'fui-CalendarDayGrid__dayCell',\n daySelected: 'fui-CalendarDayGrid__daySelected',\n 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};\n/**\n * @internal\n */ export const extraCalendarDayGridClassNames = {\n hoverStyle: 'fui-CalendarDayGrid__hoverStyle',\n pressedStyle: 'fui-CalendarDayGrid__pressedStyle'\n};\nconst useWrapperStyles = makeStyles({\n base: {\n paddingBottom: '10px'\n }\n});\nconst useTableStyles = makeStyles({\n base: {\n borderCollapse: 'collapse',\n borderSpacing: 0,\n fontSize: 'inherit',\n marginTop: '4px',\n paddingBottom: '10px',\n position: 'relative',\n tableLayout: 'fixed',\n textAlign: 'center',\n width: '196px'\n },\n showWeekNumbers: {\n width: '226px'\n }\n});\nconst useDayCellStyles = makeStyles({\n base: {\n color: tokens.colorNeutralForeground1,\n cursor: 'pointer',\n fontSize: tokens.fontSizeBase200,\n fontWeight: tokens.fontWeightRegular,\n height: '28px',\n lineHeight: '28px',\n ...shorthands.margin(0),\n ...shorthands.padding(0),\n position: 'relative',\n width: '28px',\n '@media (forced-colors: active)': {\n backgroundColor: 'Window',\n color: 'WindowText'\n },\n [`&.${extraCalendarDayGridClassNames.hoverStyle}`]: {\n color: tokens.colorNeutralForeground1Static,\n backgroundColor: tokens.colorBrandBackgroundInvertedHover,\n '@media (forced-colors: active)': {\n backgroundColor: 'Window',\n color: 'WindowText',\n ...shorthands.outline('1px', 'solid', 'Highlight'),\n zIndex: 3\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.strokeWidthThin,\n ...shorthands.borderWidth(tokens.strokeWidthThin)\n }\n })\n});\nconst useDaySelectedStyles = makeStyles({\n base: {\n backgroundColor: tokens.colorBrandBackgroundInvertedSelected,\n color: tokens.colorNeutralForeground1Static,\n '@media (forced-colors: active)': {\n backgroundColor: 'Highlight',\n ...shorthands.borderColor('Highlight'),\n color: 'HighlightText',\n forcedColorAdjust: 'none'\n },\n [`&:hover, &.${extraCalendarDayGridClassNames.hoverStyle}, &.${extraCalendarDayGridClassNames.pressedStyle}`]: {\n color: tokens.colorNeutralForeground1Static,\n backgroundColor: tokens.colorBrandBackgroundInvertedSelected,\n '@media (forced-colors: active)': {\n backgroundColor: 'Highlight',\n color: 'HighlightText'\n }\n },\n [`& > .${calendarDayGridClassNames.dayMarker}`]: {\n '@media (forced-colors: active)': {\n backgroundColor: 'Window'\n }\n }\n }\n});\nconst useWeekRowStyles = makeStyles({\n base: {\n animationDuration: DURATION_3,\n animationFillMode: 'both',\n animationTimingFunction: EASING_FUNCTION_1\n },\n horizontalBackward: {\n animationName: [\n FADE_IN,\n SLIDE_RIGHT_IN20\n ]\n },\n horizontalForward: {\n animationName: [\n FADE_IN,\n SLIDE_LEFT_IN20\n ]\n },\n verticalBackward: {\n animationName: [\n FADE_IN,\n SLIDE_DOWN_IN20\n ]\n },\n verticalForward: {\n animationName: [\n FADE_IN,\n SLIDE_UP_IN20\n ]\n }\n});\nconst useWeekDayLabelCellStyles = makeStyles({\n base: {\n userSelect: 'none',\n animationDuration: DURATION_2,\n animationFillMode: 'both',\n animationName: FADE_IN,\n animationTimingFunction: EASING_FUNCTION_2\n }\n});\nconst useWeekNumberCellStyles = makeStyles({\n base: {\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.borderColor(tokens.colorNeutralStroke2),\n ...shorthands.borderRight('1px', 'solid'),\n boxSizing: 'border-box',\n color: tokens.colorNeutralForeground4,\n fontSize: tokens.fontSizeBase200,\n fontWeight: tokens.fontWeightRegular,\n height: '28px',\n ...shorthands.margin(0),\n ...shorthands.padding(0),\n width: '28px'\n }\n});\nconst useDayOutsideBoundsStyles = makeStyles({\n base: {\n [`&, &:disabled, & button, &.${extraCalendarDayGridClassNames.hoverStyle}` + `, &.${extraCalendarDayGridClassNames.pressedStyle}`]: {\n backgroundColor: tokens.colorTransparentBackground,\n color: tokens.colorNeutralForegroundDisabled,\n pointerEvents: 'none'\n },\n '@media (forced-colors: active)': {\n color: 'GrayText'\n }\n }\n});\nconst useDayOutsideNavigatedMonthStyles = makeStyles({\n lightenDaysOutsideNavigatedMonth: {\n color: tokens.colorNeutralForeground4,\n fontWeight: tokens.fontWeightRegular,\n '@media (forced-colors: active)': {\n color: 'GrayText'\n }\n }\n});\nconst useDayButtonStyles = makeStyles({\n base: {\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.borderRadius('2px'),\n ...shorthands.borderStyle('none'),\n color: 'inherit',\n cursor: 'pointer',\n fontSize: tokens.fontSizeBase200,\n fontWeight: 'inherit',\n height: '24px',\n lineHeight: '24px',\n ...shorthands.overflow('visible'),\n ...shorthands.padding(0),\n width: '24px',\n '&span': {\n height: 'inherit',\n lineHeight: 'inherit'\n }\n }\n});\nconst useDayIsTodayStyles = makeStyles({\n base: {\n backgroundColor: tokens.colorBrandBackground,\n ...shorthands.borderRadius('100%'),\n color: tokens.colorNeutralForegroundOnBrand,\n fontWeight: tokens.fontWeightSemibold,\n '@media (forced-colors: active)': {\n backgroundColor: 'WindowText',\n ...shorthands.borderColor('WindowText'),\n color: 'Window',\n forcedColorAdjust: 'none'\n },\n [`& > .${calendarDayGridClassNames.dayMarker}`]: {\n backgroundColor: tokens.colorNeutralForegroundOnBrand,\n '@media (forced-colors: active)': {\n backgroundColor: 'Window'\n }\n }\n }\n});\nconst useFirstTransitionWeekStyles = makeStyles({\n base: {\n height: 0,\n opacity: 0,\n ...shorthands.overflow('hidden'),\n position: 'absolute',\n width: 0\n },\n verticalForward: {\n animationDuration: DURATION_3,\n animationFillMode: 'both',\n animationName: [\n FADE_OUT,\n SLIDE_UP_OUT20,\n TRANSITION_ROW_DISAPPEARANCE\n ],\n animationTimingFunction: EASING_FUNCTION_1\n }\n});\nconst useLastTransitionWeekStyles = makeStyles({\n base: {\n height: 0,\n marginTop: '-28px',\n opacity: 0,\n ...shorthands.overflow('hidden'),\n position: 'absolute',\n width: 0\n },\n verticalBackward: {\n animationDuration: DURATION_3,\n animationFillMode: 'both',\n animationName: [\n FADE_OUT,\n SLIDE_DOWN_OUT20,\n TRANSITION_ROW_DISAPPEARANCE\n ],\n animationTimingFunction: EASING_FUNCTION_1\n }\n});\nconst useDayMarkerStyles = makeStyles({\n base: {\n backgroundColor: tokens.colorBrandForeground2,\n ...shorthands.borderRadius('100%'),\n bottom: '1px',\n height: '4px',\n left: 0,\n ...shorthands.margin('auto'),\n position: 'absolute',\n right: 0,\n width: '4px',\n '@media (forced-colors: active)': {\n backgroundColor: 'WindowText',\n forcedColorAdjust: 'none'\n }\n }\n});\nconst useCornerBorderAndRadiusStyles = makeStyles({\n corners: {\n [`&.${weekCornersClassNames.topRightCornerDate}`]: {\n borderTopRightRadius: '2px'\n },\n [`&.${weekCornersClassNames.topLeftCornerDate}`]: {\n borderTopLeftRadius: '2px'\n },\n [`&.${weekCornersClassNames.bottomRightCornerDate}`]: {\n borderBottomRightRadius: '2px'\n },\n [`&.${weekCornersClassNames.bottomLeftCornerDate}`]: {\n borderBottomLeftRadius: '2px'\n }\n }\n});\n/**\n * @internal\n *\n * Apply styling to the CalendarDayGrid slots based on the state\n */ export const useCalendarDayGridStyles_unstable = (props)=>{\n const wrapperStyles = useWrapperStyles();\n const tableStyles = useTableStyles();\n const dayCellStyles = useDayCellStyles();\n const daySelectedStyles = useDaySelectedStyles();\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 { animateBackwards, animationDirection, lightenDaysOutsideNavigatedMonth, showWeekNumbers } = props;\n return {\n wrapper: mergeClasses(calendarDayGridClassNames.wrapper, wrapperStyles.base),\n table: mergeClasses(calendarDayGridClassNames.table, tableStyles.base, showWeekNumbers && tableStyles.showWeekNumbers),\n dayCell: mergeClasses(calendarDayGridClassNames.dayCell, dayCellStyles.base, dayCellStyles.focusIndicator, cornerBorderAndRadiusStyles.corners),\n daySelected: mergeClasses(calendarDayGridClassNames.daySelected, daySelectedStyles.base),\n weekRow: mergeClasses(calendarDayGridClassNames.weekRow, animateBackwards !== undefined && weekRowStyles.base, animateBackwards !== undefined && (animationDirection === AnimationDirection.Horizontal ? animateBackwards ? weekRowStyles.horizontalBackward : weekRowStyles.horizontalForward : animateBackwards ? weekRowStyles.verticalBackward : weekRowStyles.verticalForward)),\n weekDayLabelCell: mergeClasses(calendarDayGridClassNames.weekDayLabelCell, weekDayLabelCellStyles.base),\n weekNumberCell: mergeClasses(calendarDayGridClassNames.weekNumberCell, weekNumberCellStyles.base),\n dayOutsideBounds: mergeClasses(calendarDayGridClassNames.dayOutsideBounds, dayOutsideBoundsStyles.base),\n dayOutsideNavigatedMonth: mergeClasses(calendarDayGridClassNames.dayOutsideNavigatedMonth, lightenDaysOutsideNavigatedMonth && dayOutsideNavigatedMonthStyles.lightenDaysOutsideNavigatedMonth),\n dayButton: mergeClasses(calendarDayGridClassNames.dayButton, dayButtonStyles.base),\n dayIsToday: mergeClasses(calendarDayGridClassNames.dayIsToday, dayIsTodayStyles.base),\n firstTransitionWeek: mergeClasses(calendarDayGridClassNames.firstTransitionWeek, firstTransitionWeekStyles.base, animateBackwards !== undefined && animationDirection !== AnimationDirection.Horizontal && !animateBackwards && firstTransitionWeekStyles.verticalForward),\n lastTransitionWeek: mergeClasses(calendarDayGridClassNames.lastTransitionWeek, lastTransitionWeekStyles.base, animateBackwards !== undefined && animationDirection !== AnimationDirection.Horizontal && animateBackwards && lastTransitionWeekStyles.verticalBackward),\n dayMarker: mergeClasses(calendarDayGridClassNames.dayMarker, dayMarkerStyles.base)\n };\n};\n"],"mappings":"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","ignoreList":[]}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"names":["useFluent_unstable","mergeClasses","DateRangeType","getDateRangeArray","weekCornersClassNames","topRightCornerDate","topLeftCornerDate","bottomRightCornerDate","bottomLeftCornerDate","useWeekCornerStyles","props","dir","getWeekCornerStyles","initialWeeks","weekCornersStyled","weeks","slice","length","forEach","week","weekIndex","day","dayIndex","above","isInSameHoverRange","originalDate","isSelected","below","left","right","calculateRoundedStyles","style","roundedTopLeft","roundedTopRight","roundedBottomLeft","roundedBottomRight","push","date1","date2","date1Selected","date2Selected","dateRangeType","firstDayOfWeek","workWeekDays","dateRangeHoverType","WorkWeek","Week","dateRange","filter","date","getTime"],"sources":["useWeekCornerStyles.styles.js"],"sourcesContent":["import { useFluent_unstable } from '@fluentui/react-shared-contexts';\nimport { mergeClasses } from '@griffel/react';\nimport { DateRangeType } from '../../utils/constants';\nimport { getDateRangeArray } from '../../utils/index';\n/**\n * @internal\n */ export const weekCornersClassNames = {\n topRightCornerDate: 'fui-CalendarDayGrid__topRightCornerDate',\n topLeftCornerDate: 'fui-CalendarDayGrid__topLeftCornerDate',\n bottomRightCornerDate: 'fui-CalendarDayGrid__bottomRightCornerDate',\n bottomLeftCornerDate: 'fui-CalendarDayGrid__bottomLeftCornerDate'\n};\n/**\n * @internal\n */ export function useWeekCornerStyles(props) {\n const { dir } = useFluent_unstable();\n /**\n *\n * Section for setting the rounded corner styles on individual day cells. Individual day cells need different\n * corners to be rounded depending on which date range type and where the cell is located in the current grid.\n * If we just round all of the corners, there isn't a good overlap and we get gaps between contiguous day boxes\n * in Edge browser.\n *\n */ const getWeekCornerStyles = (initialWeeks)=>{\n const weekCornersStyled = {};\n /* need to handle setting all of the corners on arbitrarily shaped blobs\n __\n __|A |\n |B |C |__\n |D |E |F |\n\n in this case, A needs top left rounded, top right rounded\n B needs top left rounded\n C doesn't need any rounding\n D needs bottom left rounded\n E doesn't need any rounding\n F needs top right rounding\n */ // cut off the animation transition weeks\n const weeks = initialWeeks.slice(1, initialWeeks.length - 1);\n // if there's an item above, lose both top corners. Item below, lose both bottom corners, etc.\n weeks.forEach((week, weekIndex)=>{\n week.forEach((day, dayIndex)=>{\n const above = weeks[weekIndex - 1] && weeks[weekIndex - 1][dayIndex] && isInSameHoverRange(weeks[weekIndex - 1][dayIndex].originalDate, day.originalDate, weeks[weekIndex - 1][dayIndex].isSelected, day.isSelected);\n const below = weeks[weekIndex + 1] && weeks[weekIndex + 1][dayIndex] && isInSameHoverRange(weeks[weekIndex + 1][dayIndex].originalDate, day.originalDate, weeks[weekIndex + 1][dayIndex].isSelected, day.isSelected);\n const left = weeks[weekIndex][dayIndex - 1] && isInSameHoverRange(weeks[weekIndex][dayIndex - 1].originalDate, day.originalDate, weeks[weekIndex][dayIndex - 1].isSelected, day.isSelected);\n const right = weeks[weekIndex][dayIndex + 1] && isInSameHoverRange(weeks[weekIndex][dayIndex + 1].originalDate, day.originalDate, weeks[weekIndex][dayIndex + 1].isSelected, day.isSelected);\n weekCornersStyled[weekIndex + '_' + dayIndex] = calculateRoundedStyles(above, below, left, right);\n });\n });\n return weekCornersStyled;\n };\n const calculateRoundedStyles = (above, below, left, right)=>{\n const style = [];\n const roundedTopLeft = !above && !left;\n const roundedTopRight = !above && !right;\n const roundedBottomLeft = !below && !left;\n const roundedBottomRight = !below && !right;\n if (roundedTopLeft) {\n style.push(dir === 'rtl' ? weekCornersClassNames.topRightCornerDate : weekCornersClassNames.topLeftCornerDate);\n }\n if (roundedTopRight) {\n style.push(dir === 'rtl' ? weekCornersClassNames.topLeftCornerDate : weekCornersClassNames.topRightCornerDate);\n }\n if (roundedBottomLeft) {\n style.push(dir === 'rtl' ? weekCornersClassNames.bottomRightCornerDate : weekCornersClassNames.bottomLeftCornerDate);\n }\n if (roundedBottomRight) {\n style.push(dir === 'rtl' ? weekCornersClassNames.bottomLeftCornerDate : weekCornersClassNames.bottomRightCornerDate);\n }\n return mergeClasses(...style);\n };\n const isInSameHoverRange = (date1, date2, date1Selected, date2Selected)=>{\n const { dateRangeType, firstDayOfWeek, workWeekDays } = props;\n // The hover state looks weird with non-contiguous days in work week view. In work week, show week hover state\n const dateRangeHoverType = dateRangeType === DateRangeType.WorkWeek ? DateRangeType.Week : dateRangeType;\n // we do not pass daysToSelectInDayView because we handle setting those styles dyanamically in onMouseOver\n const dateRange = getDateRangeArray(date1, dateRangeHoverType, firstDayOfWeek, workWeekDays);\n if (date1Selected !== date2Selected) {\n // if one is selected and the other is not, they can't be in the same range\n return false;\n } else if (date1Selected && date2Selected) {\n // if they're both selected at the same time they must be in the same range\n return true;\n }\n // otherwise, both must be unselected, so check the dateRange\n return dateRange.filter((date)=>date.getTime() === date2.getTime()).length > 0;\n };\n return [\n getWeekCornerStyles,\n calculateRoundedStyles\n ];\n}\n"],"mappings":"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"}
|
1
|
+
{"version":3,"names":["useFluent_unstable","mergeClasses","DateRangeType","getDateRangeArray","weekCornersClassNames","topRightCornerDate","topLeftCornerDate","bottomRightCornerDate","bottomLeftCornerDate","useWeekCornerStyles","props","dir","getWeekCornerStyles","initialWeeks","weekCornersStyled","weeks","slice","length","forEach","week","weekIndex","day","dayIndex","above","isInSameHoverRange","originalDate","isSelected","below","left","right","calculateRoundedStyles","style","roundedTopLeft","roundedTopRight","roundedBottomLeft","roundedBottomRight","push","date1","date2","date1Selected","date2Selected","dateRangeType","firstDayOfWeek","workWeekDays","dateRangeHoverType","WorkWeek","Week","dateRange","filter","date","getTime"],"sources":["useWeekCornerStyles.styles.js"],"sourcesContent":["import { useFluent_unstable } from '@fluentui/react-shared-contexts';\nimport { mergeClasses } from '@griffel/react';\nimport { DateRangeType } from '../../utils/constants';\nimport { getDateRangeArray } from '../../utils/index';\n/**\n * @internal\n */ export const weekCornersClassNames = {\n topRightCornerDate: 'fui-CalendarDayGrid__topRightCornerDate',\n topLeftCornerDate: 'fui-CalendarDayGrid__topLeftCornerDate',\n bottomRightCornerDate: 'fui-CalendarDayGrid__bottomRightCornerDate',\n bottomLeftCornerDate: 'fui-CalendarDayGrid__bottomLeftCornerDate'\n};\n/**\n * @internal\n */ export function useWeekCornerStyles(props) {\n const { dir } = useFluent_unstable();\n /**\n *\n * Section for setting the rounded corner styles on individual day cells. Individual day cells need different\n * corners to be rounded depending on which date range type and where the cell is located in the current grid.\n * If we just round all of the corners, there isn't a good overlap and we get gaps between contiguous day boxes\n * in Edge browser.\n *\n */ const getWeekCornerStyles = (initialWeeks)=>{\n const weekCornersStyled = {};\n /* need to handle setting all of the corners on arbitrarily shaped blobs\n __\n __|A |\n |B |C |__\n |D |E |F |\n\n in this case, A needs top left rounded, top right rounded\n B needs top left rounded\n C doesn't need any rounding\n D needs bottom left rounded\n E doesn't need any rounding\n F needs top right rounding\n */ // cut off the animation transition weeks\n const weeks = initialWeeks.slice(1, initialWeeks.length - 1);\n // if there's an item above, lose both top corners. Item below, lose both bottom corners, etc.\n weeks.forEach((week, weekIndex)=>{\n week.forEach((day, dayIndex)=>{\n const above = weeks[weekIndex - 1] && weeks[weekIndex - 1][dayIndex] && isInSameHoverRange(weeks[weekIndex - 1][dayIndex].originalDate, day.originalDate, weeks[weekIndex - 1][dayIndex].isSelected, day.isSelected);\n const below = weeks[weekIndex + 1] && weeks[weekIndex + 1][dayIndex] && isInSameHoverRange(weeks[weekIndex + 1][dayIndex].originalDate, day.originalDate, weeks[weekIndex + 1][dayIndex].isSelected, day.isSelected);\n const left = weeks[weekIndex][dayIndex - 1] && isInSameHoverRange(weeks[weekIndex][dayIndex - 1].originalDate, day.originalDate, weeks[weekIndex][dayIndex - 1].isSelected, day.isSelected);\n const right = weeks[weekIndex][dayIndex + 1] && isInSameHoverRange(weeks[weekIndex][dayIndex + 1].originalDate, day.originalDate, weeks[weekIndex][dayIndex + 1].isSelected, day.isSelected);\n weekCornersStyled[weekIndex + '_' + dayIndex] = calculateRoundedStyles(above, below, left, right);\n });\n });\n return weekCornersStyled;\n };\n const calculateRoundedStyles = (above, below, left, right)=>{\n const style = [];\n const roundedTopLeft = !above && !left;\n const roundedTopRight = !above && !right;\n const roundedBottomLeft = !below && !left;\n const roundedBottomRight = !below && !right;\n if (roundedTopLeft) {\n style.push(dir === 'rtl' ? weekCornersClassNames.topRightCornerDate : weekCornersClassNames.topLeftCornerDate);\n }\n if (roundedTopRight) {\n style.push(dir === 'rtl' ? weekCornersClassNames.topLeftCornerDate : weekCornersClassNames.topRightCornerDate);\n }\n if (roundedBottomLeft) {\n style.push(dir === 'rtl' ? weekCornersClassNames.bottomRightCornerDate : weekCornersClassNames.bottomLeftCornerDate);\n }\n if (roundedBottomRight) {\n style.push(dir === 'rtl' ? weekCornersClassNames.bottomLeftCornerDate : weekCornersClassNames.bottomRightCornerDate);\n }\n return mergeClasses(...style);\n };\n const isInSameHoverRange = (date1, date2, date1Selected, date2Selected)=>{\n const { dateRangeType, firstDayOfWeek, workWeekDays } = props;\n // The hover state looks weird with non-contiguous days in work week view. In work week, show week hover state\n const dateRangeHoverType = dateRangeType === DateRangeType.WorkWeek ? DateRangeType.Week : dateRangeType;\n // we do not pass daysToSelectInDayView because we handle setting those styles dyanamically in onMouseOver\n const dateRange = getDateRangeArray(date1, dateRangeHoverType, firstDayOfWeek, workWeekDays);\n if (date1Selected !== date2Selected) {\n // if one is selected and the other is not, they can't be in the same range\n return false;\n } else if (date1Selected && date2Selected) {\n // if they're both selected at the same time they must be in the same range\n return true;\n }\n // otherwise, both must be unselected, so check the dateRange\n return dateRange.filter((date)=>date.getTime() === date2.getTime()).length > 0;\n };\n return [\n getWeekCornerStyles,\n calculateRoundedStyles\n ];\n}\n"],"mappings":"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","ignoreList":[]}
|
@@ -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","z8tnut","z189sj","Byoj8tv","uwmqm3","a9b677","normalize","E5pizo","B6of3ja","t21cq0","jrapky","Frg6f3","d","useHeaderContainerStyles","mc9l5x","useCurrentItemButtonStyles","De3pzq","icvyot","vrafjx","oivjwe","wvpqe5","sj55zd","Bh6795r","Bahqtrf","Be2twd7","Bhrd7zp","fsow6f","animation","vin17d","Bf5fcs","Bv12yb3","Ezkn3b","hasHeaderClickCallback","Jwef8y","Bi91k9c","eoavqd","Dwtyhm","ukgb2i","pugfm4","iro3zm","B2d53fq","c3iz72","syojd9","Bx68yb","mghro0","k","h","useNavigationButtonsContainerStyles","Bt984gj","useNavigationButtonStyles","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","Bqenvij","Bg96gwp","sshi5w","Bf4jedk","qhf8xq","useGridContainerStyles","useButtonRowStyles","sw9gdo","horizontalBackward","horizontalForward","verticalBackward","verticalForward","useItemButtonStyles","Btgfwho","xrote9","Bja5ulm","Bqrx1nm","ze5xyy","iyr2r2","Bv57zgv","Bnosqey","Bx7pl5v","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":["import { 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 ...shorthands.overflow('hidden'),\n ...shorthands.padding('12px'),\n width: '196px'\n },\n normalize: {\n boxShadow: 'none',\n boxSizing: 'border-box',\n ...shorthands.margin(0),\n ...shorthands.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 color: 'inherit',\n flexGrow: 1,\n fontFamily: 'inherit',\n fontSize: tokens.fontSizeBase300,\n fontWeight: tokens.fontWeightSemibold,\n ...shorthands.overflow('visible'),\n ...shorthands.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 '&:hover': {\n backgroundColor: tokens.colorBrandBackgroundInvertedHover,\n color: tokens.colorBrandForegroundOnLightHover,\n cursor: 'pointer',\n ...shorthands.outline('1px', 'solid', tokens.colorTransparentStroke)\n },\n '&:hover:active': {\n backgroundColor: tokens.colorBrandBackgroundInvertedPressed,\n color: tokens.colorBrandForegroundOnLightPressed,\n cursor: 'pointer',\n ...shorthands.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 ...shorthands.borderStyle('none'),\n ...shorthands.borderRadius('2px'),\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 ...shorthands.overflow('visible'),\n ...shorthands.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 ...shorthands.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 ...shorthands.borderStyle('none'),\n ...shorthands.borderRadius('2px'),\n color: tokens.colorNeutralForeground3,\n fontFamily: 'inherit',\n fontSize: tokens.fontSizeBase200,\n height: '40px',\n lineHeight: '40px',\n minHeight: '40px',\n minWidth: '40px',\n ...shorthands.margin(0, '12px', 0, 0),\n ...shorthands.overflow('visible'),\n ...shorthands.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 ...shorthands.outline('1px', 'solid', tokens.colorTransparentStroke),\n '@media (forced-colors: active)': {\n backgroundColor: 'Window',\n color: 'WindowText',\n forcedColorAdjust: 'none',\n ...shorthands.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 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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"}
|
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","z8tnut","z189sj","Byoj8tv","uwmqm3","a9b677","normalize","E5pizo","B6of3ja","t21cq0","jrapky","Frg6f3","d","useHeaderContainerStyles","mc9l5x","useCurrentItemButtonStyles","De3pzq","icvyot","vrafjx","oivjwe","wvpqe5","sj55zd","Bh6795r","Bahqtrf","Be2twd7","Bhrd7zp","fsow6f","animation","vin17d","Bf5fcs","Bv12yb3","Ezkn3b","hasHeaderClickCallback","Jwef8y","Bi91k9c","eoavqd","Dwtyhm","ukgb2i","pugfm4","iro3zm","B2d53fq","c3iz72","syojd9","Bx68yb","mghro0","k","h","useNavigationButtonsContainerStyles","Bt984gj","useNavigationButtonStyles","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","Bqenvij","Bg96gwp","sshi5w","Bf4jedk","qhf8xq","useGridContainerStyles","useButtonRowStyles","sw9gdo","horizontalBackward","horizontalForward","verticalBackward","verticalForward","useItemButtonStyles","Btgfwho","xrote9","Bja5ulm","Bqrx1nm","ze5xyy","iyr2r2","Bv57zgv","Bnosqey","Bx7pl5v","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":["import { 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 ...shorthands.overflow('hidden'),\n ...shorthands.padding('12px'),\n width: '196px'\n },\n normalize: {\n boxShadow: 'none',\n boxSizing: 'border-box',\n ...shorthands.margin(0),\n ...shorthands.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 color: 'inherit',\n flexGrow: 1,\n fontFamily: 'inherit',\n fontSize: tokens.fontSizeBase300,\n fontWeight: tokens.fontWeightSemibold,\n ...shorthands.overflow('visible'),\n ...shorthands.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 ...shorthands.outline('1px', 'solid', tokens.colorTransparentStroke)\n },\n '&:hover:active': {\n backgroundColor: tokens.colorBrandBackgroundInvertedPressed,\n color: tokens.colorBrandForegroundOnLightPressed,\n cursor: 'pointer',\n ...shorthands.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 ...shorthands.borderStyle('none'),\n ...shorthands.borderRadius('2px'),\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 ...shorthands.overflow('visible'),\n ...shorthands.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 ...shorthands.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 ...shorthands.borderStyle('none'),\n ...shorthands.borderRadius('2px'),\n color: tokens.colorNeutralForeground3,\n fontFamily: 'inherit',\n fontSize: tokens.fontSizeBase200,\n height: '40px',\n lineHeight: '40px',\n minHeight: '40px',\n minWidth: '40px',\n ...shorthands.margin(0, '12px', 0, 0),\n ...shorthands.overflow('visible'),\n ...shorthands.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 ...shorthands.outline('1px', 'solid', tokens.colorTransparentStroke),\n '@media (forced-colors: active)': {\n backgroundColor: 'Window',\n color: 'WindowText',\n forcedColorAdjust: 'none',\n ...shorthands.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 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 +1 @@
|
|
1
|
-
{"version":3,"names":["useCalendarPickerStyles_unstable","useCalendarYearStyles_unstable","props"],"sources":["useCalendarYearStyles.styles.js"],"sourcesContent":["import { useCalendarPickerStyles_unstable } from '../CalendarPicker/useCalendarPickerStyles.styles';\n/**\n * @internal\n *\n * Apply styling to the CalendarYear slots based on the state\n */ export const useCalendarYearStyles_unstable = (props)=>{\n return useCalendarPickerStyles_unstable(props);\n};\n"],"mappings":"AAAA,SAASA,gCAAgC,QAAQ,kDAAkD;AACnG;AACA;AACA;AACA;AACA;AAAI,OAAO,MAAMC,8BAA8B,GAAIC,KAAK,IAAG;EACvD,OAAOF,gCAAgC,CAACE,KAAK,CAAC;AAClD,CAAC"}
|
1
|
+
{"version":3,"names":["useCalendarPickerStyles_unstable","useCalendarYearStyles_unstable","props"],"sources":["useCalendarYearStyles.styles.js"],"sourcesContent":["import { useCalendarPickerStyles_unstable } from '../CalendarPicker/useCalendarPickerStyles.styles';\n/**\n * @internal\n *\n * Apply styling to the CalendarYear slots based on the state\n */ export const useCalendarYearStyles_unstable = (props)=>{\n return useCalendarPickerStyles_unstable(props);\n};\n"],"mappings":"AAAA,SAASA,gCAAgC,QAAQ,kDAAkD;AACnG;AACA;AACA;AACA;AACA;AAAI,OAAO,MAAMC,8BAA8B,GAAIC,KAAK,IAAG;EACvD,OAAOF,gCAAgC,CAACE,KAAK,CAAC;AAClD,CAAC","ignoreList":[]}
|
@@ -168,10 +168,18 @@ const useMonthAndYearStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
168
168
|
Ezkn3b: "fjq4c94"
|
169
169
|
},
|
170
170
|
headerIsClickable: {
|
171
|
-
Jwef8y: "
|
172
|
-
Bi91k9c: "
|
171
|
+
Jwef8y: "f18a0fwf",
|
172
|
+
Bi91k9c: "f3sdaeg",
|
173
173
|
eoavqd: "f8491dx",
|
174
|
-
|
174
|
+
Dwtyhm: "f14gx60i",
|
175
|
+
ukgb2i: "f1o3croz",
|
176
|
+
pugfm4: "f11jyo21",
|
177
|
+
iro3zm: "f1wvkgvo",
|
178
|
+
B2d53fq: "f1wdoaqd",
|
179
|
+
c3iz72: "f13c0t7h",
|
180
|
+
syojd9: "f190yoes",
|
181
|
+
Bx68yb: "f98srbw",
|
182
|
+
mghro0: "fw9cbop"
|
175
183
|
}
|
176
184
|
}, {
|
177
185
|
d: [
|
@@ -213,10 +221,18 @@ const useMonthAndYearStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
213
221
|
"@keyframes f5j8bii{from{opacity:0;}to{opacity:1;}}"
|
214
222
|
],
|
215
223
|
h: [
|
216
|
-
".
|
217
|
-
".
|
224
|
+
".f18a0fwf:hover{background-color:var(--colorBrandBackgroundInvertedHover);}",
|
225
|
+
".f3sdaeg:hover{color:var(--colorBrandForegroundOnLightHover);}",
|
218
226
|
".f8491dx:hover{cursor:pointer;}",
|
219
|
-
".
|
227
|
+
".f14gx60i:hover{outline-width:1px;}",
|
228
|
+
".f1o3croz:hover{outline-style:solid;}",
|
229
|
+
".f11jyo21:hover{outline-color:var(--colorTransparentStroke);}",
|
230
|
+
".f1wvkgvo:hover:active{background-color:var(--colorBrandBackgroundInvertedPressed);}",
|
231
|
+
".f1wdoaqd:hover:active{color:var(--colorBrandForegroundOnLightPressed);}",
|
232
|
+
".f13c0t7h:hover:active{cursor:pointer;}",
|
233
|
+
".f190yoes:hover:active{outline-width:1px;}",
|
234
|
+
".f98srbw:hover:active{outline-style:solid;}",
|
235
|
+
".fw9cbop:hover:active{outline-color:var(--colorTransparentStroke);}"
|
220
236
|
]
|
221
237
|
});
|
222
238
|
const useMonthComponentsStyles = /*#__PURE__*/ (0, _react.__styles)({
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["useCalendarDayStyles.styles.js"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { DURATION_2, EASING_FUNCTION_2, FADE_IN } from '../../utils/animations';\n/**\n * @internal\n */\nexport 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 = /*#__PURE__*/__styles({\n base: {\n B7ck84d: \"f1e4lqlz\",\n z8tnut: \"f1kcqot9\",\n z189sj: [\"f11qrl6u\", \"fjlbh76\"],\n Byoj8tv: \"fpe6lb7\",\n uwmqm3: [\"fjlbh76\", \"f11qrl6u\"],\n a9b677: \"f4m2ahc\"\n },\n normalize: {\n E5pizo: \"f1couhl3\",\n B7ck84d: \"f1ewtqcl\",\n B6of3ja: \"f1hu3pq6\",\n t21cq0: [\"f11qmguv\", \"f1tyq0we\"],\n jrapky: \"f19f4twv\",\n Frg6f3: [\"f1tyq0we\", \"f11qmguv\"],\n z8tnut: \"f1g0x7ka\",\n z189sj: [\"fhxju0i\", \"f1cnd47f\"],\n Byoj8tv: \"f1qch9an\",\n uwmqm3: [\"f1cnd47f\", \"fhxju0i\"]\n },\n showWeekNumbers: {\n a9b677: \"fl524qk\"\n }\n}, {\n d: [\".f1e4lqlz{box-sizing:content-box;}\", \".f1kcqot9{padding-top:12px;}\", \".f11qrl6u{padding-right:12px;}\", \".fjlbh76{padding-left:12px;}\", \".fpe6lb7{padding-bottom:12px;}\", \".f4m2ahc{width:196px;}\", \".f1couhl3{box-shadow:none;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f1hu3pq6{margin-top:0;}\", \".f11qmguv{margin-right:0;}\", \".f1tyq0we{margin-left:0;}\", \".f19f4twv{margin-bottom:0;}\", \".f1g0x7ka{padding-top:0;}\", \".fhxju0i{padding-right:0;}\", \".f1cnd47f{padding-left:0;}\", \".f1qch9an{padding-bottom:0;}\", \".fl524qk{width:226px;}\"]\n});\nconst useHeaderStyles = /*#__PURE__*/__styles({\n base: {\n mc9l5x: \"ftuwxu6\",\n Bqenvij: \"fxldao9\",\n Bg96gwp: \"f1vzymgo\",\n qhf8xq: \"f10pi13n\",\n a9b677: \"fly5x3f\"\n }\n}, {\n d: [\".ftuwxu6{display:inline-flex;}\", \".fxldao9{height:28px;}\", \".f1vzymgo{line-height:44px;}\", \".f10pi13n{position:relative;}\", \".fly5x3f{width:100%;}\"]\n});\nconst useMonthAndYearStyles = /*#__PURE__*/__styles({\n base: {\n Bt984gj: \"f122n59\",\n De3pzq: \"f1c21dwh\",\n icvyot: \"f1ern45e\",\n vrafjx: [\"f1n71otn\", \"f1deefiw\"],\n oivjwe: \"f1h8hb77\",\n wvpqe5: [\"f1deefiw\", \"f1n71otn\"],\n Bbmb7ep: [\"f2i1086\", \"f1rlsnju\"],\n Beyfa6y: [\"f1rlsnju\", \"f2i1086\"],\n B7oj6ja: [\"f1stktl2\", \"f1127022\"],\n Btl43ni: [\"f1127022\", \"f1stktl2\"],\n sj55zd: \"f19n0e5\",\n mc9l5x: \"f14t3ns0\",\n Bh6795r: \"fqerorx\",\n Bahqtrf: \"f1mo0ibp\",\n Be2twd7: \"fkhj508\",\n Bhrd7zp: \"fl43uef\",\n Bg96gwp: \"f336tjw\",\n B68tc82: \"f1p9o1ba\",\n Bmxbyg5: \"f1sil6mw\",\n z8tnut: \"f1g0x7ka\",\n z189sj: [\"f8wuabp\", \"fycuoez\"],\n Byoj8tv: \"f1qch9an\",\n uwmqm3: [\"frdkuqy\", \"f81rol6\"],\n fsow6f: [\"f1o700av\", \"fes3tcz\"],\n ygn44y: \"f1cmbuwj\",\n Huce71: \"fz5stix\"\n },\n animation: {\n vin17d: \"fhsqnsn\",\n Bf5fcs: \"fywypte\",\n Bv12yb3: \"f1h7u52p\",\n Ezkn3b: \"fjq4c94\"\n },\n headerIsClickable: {\n Jwef8y: \"f121v1wq\",\n Bi91k9c: \"feu1g3u\",\n eoavqd: \"f8491dx\",\n iro3zm: \"f6r9z65\"\n }\n}, {\n d: [\".f122n59{align-items:center;}\", \".f1c21dwh{background-color:var(--colorTransparentBackground);}\", \".f1ern45e{border-top-style:none;}\", \".f1n71otn{border-right-style:none;}\", \".f1deefiw{border-left-style:none;}\", \".f1h8hb77{border-bottom-style:none;}\", \".f2i1086{border-bottom-right-radius:2px;}\", \".f1rlsnju{border-bottom-left-radius:2px;}\", \".f1stktl2{border-top-right-radius:2px;}\", \".f1127022{border-top-left-radius:2px;}\", \".f19n0e5{color:var(--colorNeutralForeground1);}\", \".f14t3ns0{display:inline-block;}\", \".fqerorx{flex-grow:1;}\", \".f1mo0ibp{font-family:inherit;}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".fl43uef{font-weight:var(--fontWeightSemibold);}\", \".f336tjw{line-height:28px;}\", \".f1p9o1ba{overflow-x:hidden;}\", \".f1sil6mw{overflow-y:hidden;}\", \".f1g0x7ka{padding-top:0;}\", \".f8wuabp{padding-right:4px;}\", \".fycuoez{padding-left:4px;}\", \".f1qch9an{padding-bottom:0;}\", \".frdkuqy{padding-left:10px;}\", \".f81rol6{padding-right:10px;}\", \".f1o700av{text-align:left;}\", \".fes3tcz{text-align:right;}\", \".f1cmbuwj{text-overflow:ellipsis;}\", \".fz5stix{white-space:nowrap;}\", \".fhsqnsn{animation-duration:0.267s;}\", \".fywypte{animation-fill-mode:both;}\", \".f1h7u52p{animation-name:f5j8bii;}\", \".fjq4c94{animation-timing-function:cubic-bezier(.1,.25,.75,.9);}\"],\n k: [\"@keyframes f5j8bii{from{opacity:0;}to{opacity:1;}}\"],\n h: [\".f121v1wq:hover{background-color:var(--colorBrandBackground2);}\", \".feu1g3u:hover{color:var(--colorNeutralForeground1Hover);}\", \".f8491dx:hover{cursor:pointer;}\", \".f6r9z65:hover:active{background-color:var(--colorBrandBackground2);}\"]\n});\nconst useMonthComponentsStyles = /*#__PURE__*/__styles({\n base: {\n qb2dma: \"fpydfdc\",\n mc9l5x: \"ftuwxu6\"\n }\n}, {\n d: [\".fpydfdc{align-self:flex-end;}\", \".ftuwxu6{display:inline-flex;}\"]\n});\nconst useHeaderIconButtonStyles = /*#__PURE__*/__styles({\n base: {\n De3pzq: \"f1c21dwh\",\n icvyot: \"f1ern45e\",\n vrafjx: [\"f1n71otn\", \"f1deefiw\"],\n oivjwe: \"f1h8hb77\",\n wvpqe5: [\"f1deefiw\", \"f1n71otn\"],\n Bbmb7ep: [\"f2i1086\", \"f1rlsnju\"],\n Beyfa6y: [\"f1rlsnju\", \"f2i1086\"],\n B7oj6ja: [\"f1stktl2\", \"f1127022\"],\n Btl43ni: [\"f1127022\", \"f1stktl2\"],\n sj55zd: \"f11d4kpn\",\n mc9l5x: \"ftgm304\",\n Bahqtrf: \"f1mo0ibp\",\n Be2twd7: \"fy9rknc\",\n Bqenvij: \"fxldao9\",\n Bg96gwp: \"f336tjw\",\n B68tc82: \"f1mtd64y\",\n Bmxbyg5: \"f1y7q3j9\",\n z8tnut: \"f1g0x7ka\",\n z189sj: [\"fhxju0i\", \"f1cnd47f\"],\n Byoj8tv: \"f1qch9an\",\n uwmqm3: [\"f1cnd47f\", \"fhxju0i\"],\n qhf8xq: \"f10pi13n\",\n fsow6f: \"f17mccla\",\n a9b677: \"f1w9dchk\",\n Jwef8y: \"f18a0fwf\",\n Bi91k9c: \"f3sdaeg\",\n eoavqd: \"f8491dx\",\n Dwtyhm: \"f14gx60i\",\n ukgb2i: \"f1o3croz\",\n pugfm4: \"f11jyo21\",\n iro3zm: \"f1wvkgvo\",\n B2d53fq: \"f1wdoaqd\"\n }\n}, {\n d: [\".f1c21dwh{background-color:var(--colorTransparentBackground);}\", \".f1ern45e{border-top-style:none;}\", \".f1n71otn{border-right-style:none;}\", \".f1deefiw{border-left-style:none;}\", \".f1h8hb77{border-bottom-style:none;}\", \".f2i1086{border-bottom-right-radius:2px;}\", \".f1rlsnju{border-bottom-left-radius:2px;}\", \".f1stktl2{border-top-right-radius:2px;}\", \".f1127022{border-top-left-radius:2px;}\", \".f11d4kpn{color:var(--colorNeutralForeground3);}\", \".ftgm304{display:block;}\", \".f1mo0ibp{font-family:inherit;}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".fxldao9{height:28px;}\", \".f336tjw{line-height:28px;}\", \".f1mtd64y{overflow-x:visible;}\", \".f1y7q3j9{overflow-y:visible;}\", \".f1g0x7ka{padding-top:0;}\", \".fhxju0i{padding-right:0;}\", \".f1cnd47f{padding-left:0;}\", \".f1qch9an{padding-bottom:0;}\", \".f10pi13n{position:relative;}\", \".f17mccla{text-align:center;}\", \".f1w9dchk{width:28px;}\"],\n h: [\".f18a0fwf:hover{background-color:var(--colorBrandBackgroundInvertedHover);}\", \".f3sdaeg:hover{color:var(--colorBrandForegroundOnLightHover);}\", \".f8491dx:hover{cursor:pointer;}\", \".f14gx60i:hover{outline-width:1px;}\", \".f1o3croz:hover{outline-style:solid;}\", \".f11jyo21:hover{outline-color:var(--colorTransparentStroke);}\", \".f1wvkgvo:hover:active{background-color:var(--colorBrandBackgroundInvertedPressed);}\", \".f1wdoaqd:hover:active{color:var(--colorBrandForegroundOnLightPressed);}\"]\n});\nconst useDisabledStyleStyles = /*#__PURE__*/__styles({\n base: {\n Bg33ivm: \"f1oelgmz\",\n t69wg0: \"fhh1ekj\"\n }\n}, {\n d: [\".f1oelgmz,.f1oelgmz:disabled,.f1oelgmz button{color:var(--colorNeutralForegroundDisabled);}\", \".fhh1ekj,.fhh1ekj:disabled,.fhh1ekj button{pointer-events:none;}\"]\n});\n/**\n * @internal\n *\n * Apply styling to the CalendarDay slots based on the state\n */\nexport const useCalendarDayStyles_unstable = props => {\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 {\n className,\n headerIsClickable,\n showWeekNumbers\n } = 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//# sourceMappingURL=useCalendarDayStyles.styles.js.map"],"names":["calendarDayClassNames","useCalendarDayStyles_unstable","root","header","monthAndYear","monthComponents","headerIconButton","disabledStyle","useRootStyles","__styles","base","B7ck84d","z8tnut","z189sj","Byoj8tv","uwmqm3","a9b677","normalize","E5pizo","B6of3ja","t21cq0","jrapky","Frg6f3","showWeekNumbers","d","useHeaderStyles","mc9l5x","Bqenvij","Bg96gwp","qhf8xq","useMonthAndYearStyles","Bt984gj","De3pzq","icvyot","vrafjx","oivjwe","wvpqe5","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","sj55zd","Bh6795r","Bahqtrf","Be2twd7","Bhrd7zp","B68tc82","Bmxbyg5","fsow6f","ygn44y","Huce71","animation","vin17d","Bf5fcs","Bv12yb3","Ezkn3b","headerIsClickable","Jwef8y","Bi91k9c","eoavqd","iro3zm","k","h","useMonthComponentsStyles","qb2dma","useHeaderIconButtonStyles","Dwtyhm","ukgb2i","pugfm4","B2d53fq","useDisabledStyleStyles","Bg33ivm","t69wg0","props","rootStyles","headerStyles","monthAndYearStyles","monthComponentsStyles","headerIconButtonStyles","disabledStyleStyles","className","mergeClasses"],"mappings":"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"}
|
1
|
+
{"version":3,"sources":["useCalendarDayStyles.styles.js"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { DURATION_2, EASING_FUNCTION_2, FADE_IN } from '../../utils/animations';\n/**\n * @internal\n */\nexport 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 = /*#__PURE__*/__styles({\n base: {\n B7ck84d: \"f1e4lqlz\",\n z8tnut: \"f1kcqot9\",\n z189sj: [\"f11qrl6u\", \"fjlbh76\"],\n Byoj8tv: \"fpe6lb7\",\n uwmqm3: [\"fjlbh76\", \"f11qrl6u\"],\n a9b677: \"f4m2ahc\"\n },\n normalize: {\n E5pizo: \"f1couhl3\",\n B7ck84d: \"f1ewtqcl\",\n B6of3ja: \"f1hu3pq6\",\n t21cq0: [\"f11qmguv\", \"f1tyq0we\"],\n jrapky: \"f19f4twv\",\n Frg6f3: [\"f1tyq0we\", \"f11qmguv\"],\n z8tnut: \"f1g0x7ka\",\n z189sj: [\"fhxju0i\", \"f1cnd47f\"],\n Byoj8tv: \"f1qch9an\",\n uwmqm3: [\"f1cnd47f\", \"fhxju0i\"]\n },\n showWeekNumbers: {\n a9b677: \"fl524qk\"\n }\n}, {\n d: [\".f1e4lqlz{box-sizing:content-box;}\", \".f1kcqot9{padding-top:12px;}\", \".f11qrl6u{padding-right:12px;}\", \".fjlbh76{padding-left:12px;}\", \".fpe6lb7{padding-bottom:12px;}\", \".f4m2ahc{width:196px;}\", \".f1couhl3{box-shadow:none;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f1hu3pq6{margin-top:0;}\", \".f11qmguv{margin-right:0;}\", \".f1tyq0we{margin-left:0;}\", \".f19f4twv{margin-bottom:0;}\", \".f1g0x7ka{padding-top:0;}\", \".fhxju0i{padding-right:0;}\", \".f1cnd47f{padding-left:0;}\", \".f1qch9an{padding-bottom:0;}\", \".fl524qk{width:226px;}\"]\n});\nconst useHeaderStyles = /*#__PURE__*/__styles({\n base: {\n mc9l5x: \"ftuwxu6\",\n Bqenvij: \"fxldao9\",\n Bg96gwp: \"f1vzymgo\",\n qhf8xq: \"f10pi13n\",\n a9b677: \"fly5x3f\"\n }\n}, {\n d: [\".ftuwxu6{display:inline-flex;}\", \".fxldao9{height:28px;}\", \".f1vzymgo{line-height:44px;}\", \".f10pi13n{position:relative;}\", \".fly5x3f{width:100%;}\"]\n});\nconst useMonthAndYearStyles = /*#__PURE__*/__styles({\n base: {\n Bt984gj: \"f122n59\",\n De3pzq: \"f1c21dwh\",\n icvyot: \"f1ern45e\",\n vrafjx: [\"f1n71otn\", \"f1deefiw\"],\n oivjwe: \"f1h8hb77\",\n wvpqe5: [\"f1deefiw\", \"f1n71otn\"],\n Bbmb7ep: [\"f2i1086\", \"f1rlsnju\"],\n Beyfa6y: [\"f1rlsnju\", \"f2i1086\"],\n B7oj6ja: [\"f1stktl2\", \"f1127022\"],\n Btl43ni: [\"f1127022\", \"f1stktl2\"],\n sj55zd: \"f19n0e5\",\n mc9l5x: \"f14t3ns0\",\n Bh6795r: \"fqerorx\",\n Bahqtrf: \"f1mo0ibp\",\n Be2twd7: \"fkhj508\",\n Bhrd7zp: \"fl43uef\",\n Bg96gwp: \"f336tjw\",\n B68tc82: \"f1p9o1ba\",\n Bmxbyg5: \"f1sil6mw\",\n z8tnut: \"f1g0x7ka\",\n z189sj: [\"f8wuabp\", \"fycuoez\"],\n Byoj8tv: \"f1qch9an\",\n uwmqm3: [\"frdkuqy\", \"f81rol6\"],\n fsow6f: [\"f1o700av\", \"fes3tcz\"],\n ygn44y: \"f1cmbuwj\",\n Huce71: \"fz5stix\"\n },\n animation: {\n vin17d: \"fhsqnsn\",\n Bf5fcs: \"fywypte\",\n Bv12yb3: \"f1h7u52p\",\n Ezkn3b: \"fjq4c94\"\n },\n headerIsClickable: {\n Jwef8y: \"f18a0fwf\",\n Bi91k9c: \"f3sdaeg\",\n eoavqd: \"f8491dx\",\n Dwtyhm: \"f14gx60i\",\n ukgb2i: \"f1o3croz\",\n pugfm4: \"f11jyo21\",\n iro3zm: \"f1wvkgvo\",\n B2d53fq: \"f1wdoaqd\",\n c3iz72: \"f13c0t7h\",\n syojd9: \"f190yoes\",\n Bx68yb: \"f98srbw\",\n mghro0: \"fw9cbop\"\n }\n}, {\n d: [\".f122n59{align-items:center;}\", \".f1c21dwh{background-color:var(--colorTransparentBackground);}\", \".f1ern45e{border-top-style:none;}\", \".f1n71otn{border-right-style:none;}\", \".f1deefiw{border-left-style:none;}\", \".f1h8hb77{border-bottom-style:none;}\", \".f2i1086{border-bottom-right-radius:2px;}\", \".f1rlsnju{border-bottom-left-radius:2px;}\", \".f1stktl2{border-top-right-radius:2px;}\", \".f1127022{border-top-left-radius:2px;}\", \".f19n0e5{color:var(--colorNeutralForeground1);}\", \".f14t3ns0{display:inline-block;}\", \".fqerorx{flex-grow:1;}\", \".f1mo0ibp{font-family:inherit;}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".fl43uef{font-weight:var(--fontWeightSemibold);}\", \".f336tjw{line-height:28px;}\", \".f1p9o1ba{overflow-x:hidden;}\", \".f1sil6mw{overflow-y:hidden;}\", \".f1g0x7ka{padding-top:0;}\", \".f8wuabp{padding-right:4px;}\", \".fycuoez{padding-left:4px;}\", \".f1qch9an{padding-bottom:0;}\", \".frdkuqy{padding-left:10px;}\", \".f81rol6{padding-right:10px;}\", \".f1o700av{text-align:left;}\", \".fes3tcz{text-align:right;}\", \".f1cmbuwj{text-overflow:ellipsis;}\", \".fz5stix{white-space:nowrap;}\", \".fhsqnsn{animation-duration:0.267s;}\", \".fywypte{animation-fill-mode:both;}\", \".f1h7u52p{animation-name:f5j8bii;}\", \".fjq4c94{animation-timing-function:cubic-bezier(.1,.25,.75,.9);}\"],\n k: [\"@keyframes f5j8bii{from{opacity:0;}to{opacity:1;}}\"],\n h: [\".f18a0fwf:hover{background-color:var(--colorBrandBackgroundInvertedHover);}\", \".f3sdaeg:hover{color:var(--colorBrandForegroundOnLightHover);}\", \".f8491dx:hover{cursor:pointer;}\", \".f14gx60i:hover{outline-width:1px;}\", \".f1o3croz:hover{outline-style:solid;}\", \".f11jyo21:hover{outline-color:var(--colorTransparentStroke);}\", \".f1wvkgvo:hover:active{background-color:var(--colorBrandBackgroundInvertedPressed);}\", \".f1wdoaqd:hover:active{color:var(--colorBrandForegroundOnLightPressed);}\", \".f13c0t7h:hover:active{cursor:pointer;}\", \".f190yoes:hover:active{outline-width:1px;}\", \".f98srbw:hover:active{outline-style:solid;}\", \".fw9cbop:hover:active{outline-color:var(--colorTransparentStroke);}\"]\n});\nconst useMonthComponentsStyles = /*#__PURE__*/__styles({\n base: {\n qb2dma: \"fpydfdc\",\n mc9l5x: \"ftuwxu6\"\n }\n}, {\n d: [\".fpydfdc{align-self:flex-end;}\", \".ftuwxu6{display:inline-flex;}\"]\n});\nconst useHeaderIconButtonStyles = /*#__PURE__*/__styles({\n base: {\n De3pzq: \"f1c21dwh\",\n icvyot: \"f1ern45e\",\n vrafjx: [\"f1n71otn\", \"f1deefiw\"],\n oivjwe: \"f1h8hb77\",\n wvpqe5: [\"f1deefiw\", \"f1n71otn\"],\n Bbmb7ep: [\"f2i1086\", \"f1rlsnju\"],\n Beyfa6y: [\"f1rlsnju\", \"f2i1086\"],\n B7oj6ja: [\"f1stktl2\", \"f1127022\"],\n Btl43ni: [\"f1127022\", \"f1stktl2\"],\n sj55zd: \"f11d4kpn\",\n mc9l5x: \"ftgm304\",\n Bahqtrf: \"f1mo0ibp\",\n Be2twd7: \"fy9rknc\",\n Bqenvij: \"fxldao9\",\n Bg96gwp: \"f336tjw\",\n B68tc82: \"f1mtd64y\",\n Bmxbyg5: \"f1y7q3j9\",\n z8tnut: \"f1g0x7ka\",\n z189sj: [\"fhxju0i\", \"f1cnd47f\"],\n Byoj8tv: \"f1qch9an\",\n uwmqm3: [\"f1cnd47f\", \"fhxju0i\"],\n qhf8xq: \"f10pi13n\",\n fsow6f: \"f17mccla\",\n a9b677: \"f1w9dchk\",\n Jwef8y: \"f18a0fwf\",\n Bi91k9c: \"f3sdaeg\",\n eoavqd: \"f8491dx\",\n Dwtyhm: \"f14gx60i\",\n ukgb2i: \"f1o3croz\",\n pugfm4: \"f11jyo21\",\n iro3zm: \"f1wvkgvo\",\n B2d53fq: \"f1wdoaqd\"\n }\n}, {\n d: [\".f1c21dwh{background-color:var(--colorTransparentBackground);}\", \".f1ern45e{border-top-style:none;}\", \".f1n71otn{border-right-style:none;}\", \".f1deefiw{border-left-style:none;}\", \".f1h8hb77{border-bottom-style:none;}\", \".f2i1086{border-bottom-right-radius:2px;}\", \".f1rlsnju{border-bottom-left-radius:2px;}\", \".f1stktl2{border-top-right-radius:2px;}\", \".f1127022{border-top-left-radius:2px;}\", \".f11d4kpn{color:var(--colorNeutralForeground3);}\", \".ftgm304{display:block;}\", \".f1mo0ibp{font-family:inherit;}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".fxldao9{height:28px;}\", \".f336tjw{line-height:28px;}\", \".f1mtd64y{overflow-x:visible;}\", \".f1y7q3j9{overflow-y:visible;}\", \".f1g0x7ka{padding-top:0;}\", \".fhxju0i{padding-right:0;}\", \".f1cnd47f{padding-left:0;}\", \".f1qch9an{padding-bottom:0;}\", \".f10pi13n{position:relative;}\", \".f17mccla{text-align:center;}\", \".f1w9dchk{width:28px;}\"],\n h: [\".f18a0fwf:hover{background-color:var(--colorBrandBackgroundInvertedHover);}\", \".f3sdaeg:hover{color:var(--colorBrandForegroundOnLightHover);}\", \".f8491dx:hover{cursor:pointer;}\", \".f14gx60i:hover{outline-width:1px;}\", \".f1o3croz:hover{outline-style:solid;}\", \".f11jyo21:hover{outline-color:var(--colorTransparentStroke);}\", \".f1wvkgvo:hover:active{background-color:var(--colorBrandBackgroundInvertedPressed);}\", \".f1wdoaqd:hover:active{color:var(--colorBrandForegroundOnLightPressed);}\"]\n});\nconst useDisabledStyleStyles = /*#__PURE__*/__styles({\n base: {\n Bg33ivm: \"f1oelgmz\",\n t69wg0: \"fhh1ekj\"\n }\n}, {\n d: [\".f1oelgmz,.f1oelgmz:disabled,.f1oelgmz button{color:var(--colorNeutralForegroundDisabled);}\", \".fhh1ekj,.fhh1ekj:disabled,.fhh1ekj button{pointer-events:none;}\"]\n});\n/**\n * @internal\n *\n * Apply styling to the CalendarDay slots based on the state\n */\nexport const useCalendarDayStyles_unstable = props => {\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 {\n className,\n headerIsClickable,\n showWeekNumbers\n } = 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//# sourceMappingURL=useCalendarDayStyles.styles.js.map"],"names":["calendarDayClassNames","useCalendarDayStyles_unstable","root","header","monthAndYear","monthComponents","headerIconButton","disabledStyle","useRootStyles","__styles","base","B7ck84d","z8tnut","z189sj","Byoj8tv","uwmqm3","a9b677","normalize","E5pizo","B6of3ja","t21cq0","jrapky","Frg6f3","showWeekNumbers","d","useHeaderStyles","mc9l5x","Bqenvij","Bg96gwp","qhf8xq","useMonthAndYearStyles","Bt984gj","De3pzq","icvyot","vrafjx","oivjwe","wvpqe5","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","sj55zd","Bh6795r","Bahqtrf","Be2twd7","Bhrd7zp","B68tc82","Bmxbyg5","fsow6f","ygn44y","Huce71","animation","vin17d","Bf5fcs","Bv12yb3","Ezkn3b","headerIsClickable","Jwef8y","Bi91k9c","eoavqd","Dwtyhm","ukgb2i","pugfm4","iro3zm","B2d53fq","c3iz72","syojd9","Bx68yb","mghro0","k","h","useMonthComponentsStyles","qb2dma","useHeaderIconButtonStyles","useDisabledStyleStyles","Bg33ivm","t69wg0","props","rootStyles","headerStyles","monthAndYearStyles","monthComponentsStyles","headerIconButtonStyles","disabledStyleStyles","className","mergeClasses"],"mappings":"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"}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@fluentui/react-calendar-compat",
|
3
|
-
"version": "0.1.
|
3
|
+
"version": "0.1.7",
|
4
4
|
"description": "Calendar compat component for Fluent UI v9",
|
5
5
|
"main": "lib-commonjs/index.js",
|
6
6
|
"module": "lib/index.js",
|
@@ -32,7 +32,7 @@
|
|
32
32
|
},
|
33
33
|
"dependencies": {
|
34
34
|
"@fluentui/keyboard-keys": "^9.0.7",
|
35
|
-
"@fluentui/react-icons": "^2.0.
|
35
|
+
"@fluentui/react-icons": "^2.0.239",
|
36
36
|
"@fluentui/react-jsx-runtime": "^9.0.37",
|
37
37
|
"@fluentui/react-shared-contexts": "^9.18.0",
|
38
38
|
"@fluentui/react-tabster": "^9.21.2",
|