@fluentui/react-calendar-compat 0.0.0-nightly-20250703-1103.1 → 0.0.0-nightly-20250707-0406.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (30) hide show
  1. package/CHANGELOG.md +12 -12
  2. package/package.json +9 -9
  3. package/lib/components/Calendar/useCalendarStyles.styles.raw.js +0 -115
  4. package/lib/components/Calendar/useCalendarStyles.styles.raw.js.map +0 -1
  5. package/lib/components/CalendarDay/useCalendarDayStyles.styles.raw.js +0 -142
  6. package/lib/components/CalendarDay/useCalendarDayStyles.styles.raw.js.map +0 -1
  7. package/lib/components/CalendarDayGrid/useCalendarDayGridStyles.styles.raw.js +0 -395
  8. package/lib/components/CalendarDayGrid/useCalendarDayGridStyles.styles.raw.js.map +0 -1
  9. package/lib/components/CalendarDayGrid/useWeekCornerStyles.styles.raw.js +0 -92
  10. package/lib/components/CalendarDayGrid/useWeekCornerStyles.styles.raw.js.map +0 -1
  11. package/lib/components/CalendarMonth/useCalendarMonthStyles.styles.raw.js +0 -9
  12. package/lib/components/CalendarMonth/useCalendarMonthStyles.styles.raw.js.map +0 -1
  13. package/lib/components/CalendarPicker/useCalendarPickerStyles.styles.raw.js +0 -291
  14. package/lib/components/CalendarPicker/useCalendarPickerStyles.styles.raw.js.map +0 -1
  15. package/lib/components/CalendarYear/useCalendarYearStyles.styles.raw.js +0 -9
  16. package/lib/components/CalendarYear/useCalendarYearStyles.styles.raw.js.map +0 -1
  17. package/lib-commonjs/components/Calendar/useCalendarStyles.styles.raw.js +0 -127
  18. package/lib-commonjs/components/Calendar/useCalendarStyles.styles.raw.js.map +0 -1
  19. package/lib-commonjs/components/CalendarDay/useCalendarDayStyles.styles.raw.js +0 -154
  20. package/lib-commonjs/components/CalendarDay/useCalendarDayStyles.styles.raw.js.map +0 -1
  21. package/lib-commonjs/components/CalendarDayGrid/useCalendarDayGridStyles.styles.raw.js +0 -408
  22. package/lib-commonjs/components/CalendarDayGrid/useCalendarDayGridStyles.styles.raw.js.map +0 -1
  23. package/lib-commonjs/components/CalendarDayGrid/useWeekCornerStyles.styles.raw.js +0 -106
  24. package/lib-commonjs/components/CalendarDayGrid/useWeekCornerStyles.styles.raw.js.map +0 -1
  25. package/lib-commonjs/components/CalendarMonth/useCalendarMonthStyles.styles.raw.js +0 -15
  26. package/lib-commonjs/components/CalendarMonth/useCalendarMonthStyles.styles.raw.js.map +0 -1
  27. package/lib-commonjs/components/CalendarPicker/useCalendarPickerStyles.styles.raw.js +0 -303
  28. package/lib-commonjs/components/CalendarPicker/useCalendarPickerStyles.styles.raw.js.map +0 -1
  29. package/lib-commonjs/components/CalendarYear/useCalendarYearStyles.styles.raw.js +0 -15
  30. package/lib-commonjs/components/CalendarYear/useCalendarYearStyles.styles.raw.js.map +0 -1
@@ -1,303 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- function _export(target, all) {
6
- for(var name in all)Object.defineProperty(target, name, {
7
- enumerable: true,
8
- get: all[name]
9
- });
10
- }
11
- _export(exports, {
12
- calendarPickerClassNames: function() {
13
- return calendarPickerClassNames;
14
- },
15
- useCalendarPickerStyles_unstable: function() {
16
- return useCalendarPickerStyles_unstable;
17
- }
18
- });
19
- const _reacttheme = require("@fluentui/react-theme");
20
- const _react = require("@griffel/react");
21
- const _animations = require("../../utils/animations");
22
- const _Calendartypes = require("../Calendar/Calendar.types");
23
- const calendarPickerClassNames = {
24
- root: 'fui-CalendarPicker',
25
- headerContainer: 'fui-CalendarPicker__headerContainer',
26
- currentItemButton: 'fui-CalendarPicker__currentItemButton',
27
- navigationButtonsContainer: 'fui-CalendarPicker__navigationButtonsContainer',
28
- navigationButton: 'fui-CalendarPicker__navigationButton',
29
- gridContainer: 'fui-CalendarPicker__gridContainer',
30
- buttonRow: 'fui-CalendarPicker__buttonRow',
31
- itemButton: 'fui-CalendarPicker__itemButton',
32
- current: 'fui-CalendarPicker__current',
33
- selected: 'fui-CalendarPicker__selected',
34
- disabled: 'fui-CalendarPicker__disabled'
35
- };
36
- const useRootStyles = (0, _react.makeStyles)({
37
- base: {
38
- boxSizing: 'content-box',
39
- overflow: 'hidden',
40
- padding: '12px',
41
- width: '196px'
42
- },
43
- normalize: {
44
- boxShadow: 'none',
45
- boxSizing: 'border-box',
46
- margin: '0',
47
- padding: '0'
48
- }
49
- });
50
- const useHeaderContainerStyles = (0, _react.makeStyles)({
51
- base: {
52
- display: 'flex'
53
- }
54
- });
55
- const useCurrentItemButtonStyles = (0, _react.makeStyles)({
56
- base: {
57
- backgroundColor: _reacttheme.tokens.colorTransparentBackground,
58
- ..._react.shorthands.borderStyle('none'),
59
- borderRadius: _reacttheme.tokens.borderRadiusMedium,
60
- color: 'inherit',
61
- flexGrow: 1,
62
- fontFamily: 'inherit',
63
- fontSize: _reacttheme.tokens.fontSizeBase300,
64
- fontWeight: _reacttheme.tokens.fontWeightSemibold,
65
- overflow: 'visible',
66
- padding: '0 4px 0 10px',
67
- textAlign: 'left'
68
- },
69
- animation: {
70
- animationDuration: _animations.DURATION_2,
71
- animationFillMode: 'both',
72
- animationName: _animations.FADE_IN,
73
- animationTimingFunction: _animations.EASING_FUNCTION_2
74
- },
75
- hasHeaderClickCallback: {
76
- // If this is updated, make sure to update headerIsClickable in useCalendarDayStyles as well
77
- '&:hover': {
78
- backgroundColor: _reacttheme.tokens.colorBrandBackgroundInvertedHover,
79
- color: _reacttheme.tokens.colorBrandForegroundOnLightHover,
80
- cursor: 'pointer',
81
- outline: `1px solid ${_reacttheme.tokens.colorTransparentStroke}`
82
- },
83
- '&:hover:active': {
84
- backgroundColor: _reacttheme.tokens.colorBrandBackgroundInvertedPressed,
85
- color: _reacttheme.tokens.colorBrandForegroundOnLightPressed,
86
- cursor: 'pointer',
87
- outline: `1px solid ${_reacttheme.tokens.colorTransparentStroke}`
88
- }
89
- }
90
- });
91
- const useNavigationButtonsContainerStyles = (0, _react.makeStyles)({
92
- base: {
93
- alignItems: 'center',
94
- display: 'flex'
95
- }
96
- });
97
- const useNavigationButtonStyles = (0, _react.makeStyles)({
98
- base: {
99
- backgroundColor: _reacttheme.tokens.colorTransparentBackground,
100
- border: 'none',
101
- borderRadius: _reacttheme.tokens.borderRadiusMedium,
102
- color: _reacttheme.tokens.colorNeutralForeground1,
103
- display: 'block',
104
- fontFamily: 'inherit',
105
- fontSize: _reacttheme.tokens.fontSizeBase200,
106
- height: '28px',
107
- lineHeight: '28px',
108
- minHeight: '28px',
109
- minWidth: '28px',
110
- overflow: 'visible',
111
- padding: '0',
112
- position: 'relative',
113
- textAlign: 'center',
114
- width: '28px',
115
- '&:hover': {
116
- backgroundColor: _reacttheme.tokens.colorBrandBackgroundInvertedHover,
117
- color: _reacttheme.tokens.colorBrandForegroundOnLightHover,
118
- cursor: 'pointer',
119
- outline: `1px solid ${_reacttheme.tokens.colorTransparentStroke}`
120
- },
121
- '&:hover:active': {
122
- backgroundColor: _reacttheme.tokens.colorBrandBackgroundInvertedPressed,
123
- color: _reacttheme.tokens.colorBrandForegroundOnLightPressed
124
- }
125
- }
126
- });
127
- const useGridContainerStyles = (0, _react.makeStyles)({
128
- base: {
129
- marginTop: '4px'
130
- }
131
- });
132
- const useButtonRowStyles = (0, _react.makeStyles)({
133
- base: {
134
- marginBottom: '16px',
135
- '&:last-of-type': {
136
- marginBottom: 0
137
- }
138
- },
139
- animation: {
140
- animationDuration: _animations.DURATION_3,
141
- animationFillMode: 'both',
142
- animationTimingFunction: _animations.EASING_FUNCTION_1
143
- },
144
- horizontalBackward: {
145
- animationName: [
146
- _animations.FADE_IN,
147
- _animations.SLIDE_RIGHT_IN20
148
- ]
149
- },
150
- horizontalForward: {
151
- animationName: [
152
- _animations.FADE_IN,
153
- _animations.SLIDE_LEFT_IN20
154
- ]
155
- },
156
- verticalBackward: {
157
- animationName: [
158
- _animations.FADE_IN,
159
- _animations.SLIDE_DOWN_IN20
160
- ]
161
- },
162
- verticalForward: {
163
- animationName: [
164
- _animations.FADE_IN,
165
- _animations.SLIDE_UP_IN20
166
- ]
167
- }
168
- });
169
- const useItemButtonStyles = (0, _react.makeStyles)({
170
- base: {
171
- backgroundColor: _reacttheme.tokens.colorTransparentBackground,
172
- border: 'none',
173
- borderRadius: _reacttheme.tokens.borderRadiusMedium,
174
- color: _reacttheme.tokens.colorNeutralForeground3,
175
- fontFamily: 'inherit',
176
- fontSize: _reacttheme.tokens.fontSizeBase200,
177
- height: '40px',
178
- lineHeight: '40px',
179
- minHeight: '40px',
180
- minWidth: '40px',
181
- margin: '0 12px 0 0',
182
- overflow: 'visible',
183
- padding: '0',
184
- width: '40px',
185
- '&:nth-child(4n + 4)': {
186
- marginRight: 0
187
- },
188
- '&:nth-child(n + 9)': {
189
- marginBottom: 0
190
- },
191
- '& div': {
192
- fontWeight: _reacttheme.tokens.fontWeightRegular
193
- },
194
- '&:hover': {
195
- backgroundColor: _reacttheme.tokens.colorBrandBackgroundInvertedHover,
196
- color: _reacttheme.tokens.colorNeutralForeground1Static,
197
- cursor: 'pointer',
198
- outline: `1px solid ${_reacttheme.tokens.colorTransparentStroke}`,
199
- '@media (forced-colors: active)': {
200
- backgroundColor: 'Window',
201
- color: 'WindowText',
202
- forcedColorAdjust: 'none',
203
- outline: '1px solid Highlight'
204
- }
205
- },
206
- '&:hover:active': {
207
- backgroundColor: _reacttheme.tokens.colorBrandBackgroundInvertedPressed,
208
- '@media (forced-colors: active)': {
209
- backgroundColor: 'Window',
210
- color: 'Highlight',
211
- forcedColorAdjust: 'none'
212
- }
213
- }
214
- }
215
- });
216
- const useCurrentStyles = (0, _react.makeStyles)({
217
- highlightCurrent: {
218
- backgroundColor: _reacttheme.tokens.colorBrandBackground,
219
- color: _reacttheme.tokens.colorNeutralForegroundOnBrand,
220
- fontWeight: _reacttheme.tokens.fontWeightSemibold,
221
- '@media (forced-colors: active)': {
222
- backgroundColor: 'WindowText',
223
- color: 'Window',
224
- forcedColorAdjust: 'none'
225
- },
226
- '&:hover, &:hover:active': {
227
- backgroundColor: _reacttheme.tokens.colorBrandBackground,
228
- color: _reacttheme.tokens.colorNeutralForegroundOnBrand,
229
- '@media (forced-colors: active)': {
230
- backgroundColor: 'WindowText',
231
- color: 'Window',
232
- forcedColorAdjust: 'none'
233
- }
234
- }
235
- }
236
- });
237
- const useSelectedStyles = (0, _react.makeStyles)({
238
- highlightSelected: {
239
- backgroundColor: _reacttheme.tokens.colorBrandBackgroundInvertedSelected,
240
- color: _reacttheme.tokens.colorNeutralForeground1Static,
241
- fontWeight: _reacttheme.tokens.fontWeightSemibold,
242
- '@media (forced-colors: active)': {
243
- backgroundColor: 'Highlight',
244
- color: 'Window',
245
- forcedColorAdjust: 'none'
246
- },
247
- '& div': {
248
- fontWeight: _reacttheme.tokens.fontWeightSemibold
249
- },
250
- '&:hover': {
251
- backgroundColor: _reacttheme.tokens.colorBrandBackgroundInvertedSelected,
252
- color: _reacttheme.tokens.colorNeutralForeground1Static,
253
- '@media (forced-colors: active)': {
254
- backgroundColor: 'Highlight',
255
- color: 'Window',
256
- forcedColorAdjust: 'none'
257
- }
258
- },
259
- '&:hover:active': {
260
- backgroundColor: _reacttheme.tokens.colorBrandBackgroundInvertedPressed
261
- }
262
- }
263
- });
264
- const useDisabledStyles = (0, _react.makeStyles)({
265
- base: {
266
- '&, &:disabled, & button': {
267
- color: _reacttheme.tokens.colorNeutralForegroundDisabled,
268
- pointerEvents: 'none'
269
- },
270
- '@media (forced-colors: active)': {
271
- color: 'GrayText',
272
- forcedColorAdjust: 'none'
273
- }
274
- }
275
- });
276
- const useCalendarPickerStyles_unstable = (props)=>{
277
- 'use no memo';
278
- const rootStyles = useRootStyles();
279
- const headerContainerStyles = useHeaderContainerStyles();
280
- const currentItemButtonStyles = useCurrentItemButtonStyles();
281
- const navigationButtonsContainerStyles = useNavigationButtonsContainerStyles();
282
- const navigationButtonStyles = useNavigationButtonStyles();
283
- const gridContainerStyles = useGridContainerStyles();
284
- const buttonRowStyles = useButtonRowStyles();
285
- const itemButtonStyles = useItemButtonStyles();
286
- const currentStyles = useCurrentStyles();
287
- const selectedStyles = useSelectedStyles();
288
- const disabledStyles = useDisabledStyles();
289
- const { animateBackwards, animationDirection, className, hasHeaderClickCallback, highlightCurrent, highlightSelected } = props;
290
- return {
291
- root: (0, _react.mergeClasses)(calendarPickerClassNames.root, rootStyles.normalize, rootStyles.base, className),
292
- headerContainer: (0, _react.mergeClasses)(calendarPickerClassNames.headerContainer, headerContainerStyles.base),
293
- currentItemButton: (0, _react.mergeClasses)(calendarPickerClassNames.currentItemButton, currentItemButtonStyles.base, animateBackwards !== undefined && currentItemButtonStyles.animation, hasHeaderClickCallback && currentItemButtonStyles.hasHeaderClickCallback),
294
- navigationButtonsContainer: (0, _react.mergeClasses)(calendarPickerClassNames.navigationButtonsContainer, navigationButtonsContainerStyles.base),
295
- navigationButton: (0, _react.mergeClasses)(calendarPickerClassNames.navigationButton, navigationButtonStyles.base),
296
- gridContainer: (0, _react.mergeClasses)(calendarPickerClassNames.gridContainer, gridContainerStyles.base),
297
- buttonRow: (0, _react.mergeClasses)(calendarPickerClassNames.buttonRow, buttonRowStyles.base, buttonRowStyles.animation, animateBackwards !== undefined && (animationDirection === _Calendartypes.AnimationDirection.Horizontal ? animateBackwards ? buttonRowStyles.horizontalBackward : buttonRowStyles.horizontalForward : animateBackwards ? buttonRowStyles.verticalBackward : buttonRowStyles.verticalForward)),
298
- itemButton: (0, _react.mergeClasses)(calendarPickerClassNames.itemButton, itemButtonStyles.base),
299
- selected: (0, _react.mergeClasses)(calendarPickerClassNames.selected, highlightSelected && selectedStyles.highlightSelected),
300
- current: (0, _react.mergeClasses)(calendarPickerClassNames.current, highlightCurrent && currentStyles.highlightCurrent),
301
- disabled: (0, _react.mergeClasses)(calendarPickerClassNames.disabled, disabledStyles.base)
302
- };
303
- };
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/components/CalendarPicker/useCalendarPickerStyles.styles.ts"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport {\n DURATION_2,\n DURATION_3,\n EASING_FUNCTION_1,\n EASING_FUNCTION_2,\n FADE_IN,\n SLIDE_DOWN_IN20,\n SLIDE_LEFT_IN20,\n SLIDE_RIGHT_IN20,\n SLIDE_UP_IN20,\n} from '../../utils/animations';\nimport { AnimationDirection } from '../Calendar/Calendar.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { CalendarPickerStyles, CalendarPickerStyleProps } from './CalendarPicker.types';\n\n/**\n * @internal\n */\nexport const calendarPickerClassNames: SlotClassNames<CalendarPickerStyles> = {\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};\n\nconst useRootStyles = makeStyles({\n base: {\n boxSizing: 'content-box',\n overflow: 'hidden',\n padding: '12px',\n width: '196px',\n },\n normalize: {\n boxShadow: 'none',\n boxSizing: 'border-box',\n margin: '0',\n padding: '0',\n },\n});\n\nconst useHeaderContainerStyles = makeStyles({\n base: {\n display: 'flex',\n },\n});\n\nconst useCurrentItemButtonStyles = makeStyles({\n base: {\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.borderStyle('none'),\n borderRadius: tokens.borderRadiusMedium,\n color: 'inherit',\n flexGrow: 1,\n fontFamily: 'inherit',\n fontSize: tokens.fontSizeBase300,\n fontWeight: tokens.fontWeightSemibold,\n overflow: 'visible',\n padding: '0 4px 0 10px',\n textAlign: 'left',\n },\n animation: {\n animationDuration: DURATION_2,\n animationFillMode: 'both',\n animationName: FADE_IN,\n animationTimingFunction: EASING_FUNCTION_2,\n },\n hasHeaderClickCallback: {\n // If this is updated, make sure to update headerIsClickable in useCalendarDayStyles as well\n '&:hover': {\n backgroundColor: tokens.colorBrandBackgroundInvertedHover,\n color: tokens.colorBrandForegroundOnLightHover,\n cursor: 'pointer',\n outline: `1px solid ${tokens.colorTransparentStroke}`,\n },\n '&:hover:active': {\n backgroundColor: tokens.colorBrandBackgroundInvertedPressed,\n color: tokens.colorBrandForegroundOnLightPressed,\n cursor: 'pointer',\n outline: `1px solid ${tokens.colorTransparentStroke}`,\n },\n },\n});\n\nconst useNavigationButtonsContainerStyles = makeStyles({\n base: {\n alignItems: 'center',\n display: 'flex',\n },\n});\n\nconst useNavigationButtonStyles = makeStyles({\n base: {\n backgroundColor: tokens.colorTransparentBackground,\n border: 'none',\n borderRadius: tokens.borderRadiusMedium,\n color: tokens.colorNeutralForeground1,\n display: 'block',\n fontFamily: 'inherit',\n fontSize: tokens.fontSizeBase200,\n height: '28px',\n lineHeight: '28px',\n minHeight: '28px',\n minWidth: '28px',\n overflow: 'visible',\n padding: '0',\n position: 'relative',\n textAlign: 'center',\n width: '28px',\n\n '&:hover': {\n backgroundColor: tokens.colorBrandBackgroundInvertedHover,\n color: tokens.colorBrandForegroundOnLightHover,\n cursor: 'pointer',\n outline: `1px solid ${tokens.colorTransparentStroke}`,\n },\n\n '&:hover:active': {\n backgroundColor: tokens.colorBrandBackgroundInvertedPressed,\n color: tokens.colorBrandForegroundOnLightPressed,\n },\n },\n});\n\nconst useGridContainerStyles = makeStyles({\n base: {\n marginTop: '4px',\n },\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: [FADE_IN, SLIDE_RIGHT_IN20],\n },\n horizontalForward: {\n animationName: [FADE_IN, SLIDE_LEFT_IN20],\n },\n verticalBackward: {\n animationName: [FADE_IN, SLIDE_DOWN_IN20],\n },\n verticalForward: {\n animationName: [FADE_IN, SLIDE_UP_IN20],\n },\n});\n\nconst useItemButtonStyles = makeStyles({\n base: {\n backgroundColor: tokens.colorTransparentBackground,\n border: 'none',\n borderRadius: tokens.borderRadiusMedium,\n color: tokens.colorNeutralForeground3,\n fontFamily: 'inherit',\n fontSize: tokens.fontSizeBase200,\n height: '40px',\n lineHeight: '40px',\n minHeight: '40px',\n minWidth: '40px',\n margin: '0 12px 0 0',\n overflow: 'visible',\n padding: '0',\n width: '40px',\n\n '&:nth-child(4n + 4)': {\n marginRight: 0,\n },\n '&:nth-child(n + 9)': {\n marginBottom: 0,\n },\n '& div': {\n fontWeight: tokens.fontWeightRegular,\n },\n '&:hover': {\n backgroundColor: tokens.colorBrandBackgroundInvertedHover,\n color: tokens.colorNeutralForeground1Static,\n cursor: 'pointer',\n outline: `1px solid ${tokens.colorTransparentStroke}`,\n\n '@media (forced-colors: active)': {\n backgroundColor: 'Window',\n color: 'WindowText',\n forcedColorAdjust: 'none',\n outline: '1px solid Highlight',\n },\n },\n '&:hover:active': {\n backgroundColor: tokens.colorBrandBackgroundInvertedPressed,\n\n '@media (forced-colors: active)': {\n backgroundColor: 'Window',\n color: 'Highlight',\n forcedColorAdjust: 'none',\n },\n },\n },\n});\n\nconst useCurrentStyles = makeStyles({\n highlightCurrent: {\n backgroundColor: tokens.colorBrandBackground,\n color: tokens.colorNeutralForegroundOnBrand,\n fontWeight: tokens.fontWeightSemibold,\n\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\n '@media (forced-colors: active)': {\n backgroundColor: 'WindowText',\n color: 'Window',\n forcedColorAdjust: 'none',\n },\n },\n },\n});\n\nconst useSelectedStyles = makeStyles({\n highlightSelected: {\n backgroundColor: tokens.colorBrandBackgroundInvertedSelected,\n color: tokens.colorNeutralForeground1Static,\n fontWeight: tokens.fontWeightSemibold,\n\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\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});\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/**\n * @internal\n *\n * Apply styling to the CalendarPicker slots based on the state\n */\nexport const useCalendarPickerStyles_unstable = (props: CalendarPickerStyleProps): CalendarPickerStyles => {\n 'use no memo';\n\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\n const {\n animateBackwards,\n animationDirection,\n className,\n hasHeaderClickCallback,\n highlightCurrent,\n highlightSelected,\n } = props;\n\n return {\n root: mergeClasses(calendarPickerClassNames.root, rootStyles.normalize, rootStyles.base, className),\n headerContainer: mergeClasses(calendarPickerClassNames.headerContainer, headerContainerStyles.base),\n currentItemButton: mergeClasses(\n calendarPickerClassNames.currentItemButton,\n currentItemButtonStyles.base,\n animateBackwards !== undefined && currentItemButtonStyles.animation,\n hasHeaderClickCallback && currentItemButtonStyles.hasHeaderClickCallback,\n ),\n navigationButtonsContainer: mergeClasses(\n calendarPickerClassNames.navigationButtonsContainer,\n navigationButtonsContainerStyles.base,\n ),\n navigationButton: mergeClasses(calendarPickerClassNames.navigationButton, navigationButtonStyles.base),\n gridContainer: mergeClasses(calendarPickerClassNames.gridContainer, gridContainerStyles.base),\n buttonRow: mergeClasses(\n calendarPickerClassNames.buttonRow,\n buttonRowStyles.base,\n buttonRowStyles.animation,\n animateBackwards !== undefined &&\n (animationDirection === AnimationDirection.Horizontal\n ? animateBackwards\n ? buttonRowStyles.horizontalBackward\n : buttonRowStyles.horizontalForward\n : animateBackwards\n ? buttonRowStyles.verticalBackward\n : buttonRowStyles.verticalForward),\n ),\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"],"names":["calendarPickerClassNames","useCalendarPickerStyles_unstable","root","headerContainer","currentItemButton","navigationButtonsContainer","navigationButton","gridContainer","buttonRow","itemButton","current","selected","disabled","useRootStyles","makeStyles","base","boxSizing","overflow","padding","width","normalize","boxShadow","margin","useHeaderContainerStyles","display","useCurrentItemButtonStyles","backgroundColor","tokens","colorTransparentBackground","shorthands","borderStyle","borderRadius","borderRadiusMedium","color","flexGrow","fontFamily","fontSize","fontSizeBase300","fontWeight","fontWeightSemibold","textAlign","animation","animationDuration","DURATION_2","animationFillMode","animationName","FADE_IN","animationTimingFunction","EASING_FUNCTION_2","hasHeaderClickCallback","colorBrandBackgroundInvertedHover","colorBrandForegroundOnLightHover","cursor","outline","colorTransparentStroke","colorBrandBackgroundInvertedPressed","colorBrandForegroundOnLightPressed","useNavigationButtonsContainerStyles","alignItems","useNavigationButtonStyles","border","colorNeutralForeground1","fontSizeBase200","height","lineHeight","minHeight","minWidth","position","useGridContainerStyles","marginTop","useButtonRowStyles","marginBottom","DURATION_3","EASING_FUNCTION_1","horizontalBackward","SLIDE_RIGHT_IN20","horizontalForward","SLIDE_LEFT_IN20","verticalBackward","SLIDE_DOWN_IN20","verticalForward","SLIDE_UP_IN20","useItemButtonStyles","colorNeutralForeground3","marginRight","fontWeightRegular","colorNeutralForeground1Static","forcedColorAdjust","useCurrentStyles","highlightCurrent","colorBrandBackground","colorNeutralForegroundOnBrand","useSelectedStyles","highlightSelected","colorBrandBackgroundInvertedSelected","useDisabledStyles","colorNeutralForegroundDisabled","pointerEvents","props","rootStyles","headerContainerStyles","currentItemButtonStyles","navigationButtonsContainerStyles","navigationButtonStyles","gridContainerStyles","buttonRowStyles","itemButtonStyles","currentStyles","selectedStyles","disabledStyles","animateBackwards","animationDirection","className","mergeClasses","undefined","AnimationDirection","Horizontal"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
@@ -1,15 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- Object.defineProperty(exports, "useCalendarYearStyles_unstable", {
6
- enumerable: true,
7
- get: function() {
8
- return useCalendarYearStyles_unstable;
9
- }
10
- });
11
- const _useCalendarPickerStylesstyles = require("../CalendarPicker/useCalendarPickerStyles.styles");
12
- const useCalendarYearStyles_unstable = (props)=>{
13
- 'use no memo';
14
- return (0, _useCalendarPickerStylesstyles.useCalendarPickerStyles_unstable)(props);
15
- };
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/components/CalendarYear/useCalendarYearStyles.styles.ts"],"sourcesContent":["import { useCalendarPickerStyles_unstable } from '../CalendarPicker/useCalendarPickerStyles.styles';\nimport type { CalendarYearStyleProps, CalendarYearStyles } from './CalendarYear.types';\n\n/**\n * @internal\n *\n * Apply styling to the CalendarYear slots based on the state\n */\nexport const useCalendarYearStyles_unstable = (props: CalendarYearStyleProps): CalendarYearStyles => {\n 'use no memo';\n\n return useCalendarPickerStyles_unstable(props);\n};\n"],"names":["useCalendarYearStyles_unstable","props","useCalendarPickerStyles_unstable"],"rangeMappings":";;;;;;;;;;;;;;","mappings":";;;;+BAQaA;;;eAAAA;;;+CARoC;AAQ1C,MAAMA,iCAAiC,CAACC;IAC7C;IAEA,OAAOC,IAAAA,+DAAAA,EAAiCD;AAC1C"}