@fluentui/react-calendar-compat 0.1.7 → 0.1.9
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 +25 -2
- package/lib/components/Calendar/useCalendarStyles.styles.js +89 -53
- package/lib/components/Calendar/useCalendarStyles.styles.js.map +1 -1
- package/lib/components/CalendarDay/useCalendarDayStyles.styles.js +84 -46
- package/lib/components/CalendarDay/useCalendarDayStyles.styles.js.map +1 -1
- package/lib/components/CalendarDayGrid/useCalendarDayGridStyles.styles.js +154 -93
- package/lib/components/CalendarDayGrid/useCalendarDayGridStyles.styles.js.map +1 -1
- package/lib/components/CalendarPicker/useCalendarPickerStyles.styles.js +162 -79
- package/lib/components/CalendarPicker/useCalendarPickerStyles.styles.js.map +1 -1
- package/lib/utils/animations.js +3 -4
- package/lib/utils/animations.js.map +1 -1
- package/lib-commonjs/components/Calendar/useCalendarStyles.styles.js +126 -155
- package/lib-commonjs/components/Calendar/useCalendarStyles.styles.js.map +1 -1
- package/lib-commonjs/components/CalendarDay/useCalendarDayStyles.styles.js +133 -137
- package/lib-commonjs/components/CalendarDay/useCalendarDayStyles.styles.js.map +1 -1
- package/lib-commonjs/components/CalendarDayGrid/useCalendarDayGridStyles.styles.js +220 -286
- package/lib-commonjs/components/CalendarDayGrid/useCalendarDayGridStyles.styles.js.map +1 -1
- package/lib-commonjs/components/CalendarPicker/useCalendarPickerStyles.styles.js +244 -225
- package/lib-commonjs/components/CalendarPicker/useCalendarPickerStyles.styles.js.map +1 -1
- package/lib-commonjs/utils/animations.js +3 -4
- package/lib-commonjs/utils/animations.js.map +1 -1
- package/package.json +6 -6
@@ -21,28 +21,40 @@ export const calendarPickerClassNames = {
|
|
21
21
|
const useRootStyles = /*#__PURE__*/__styles({
|
22
22
|
base: {
|
23
23
|
B7ck84d: "f1e4lqlz",
|
24
|
-
B68tc82:
|
25
|
-
Bmxbyg5:
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
24
|
+
B68tc82: 0,
|
25
|
+
Bmxbyg5: 0,
|
26
|
+
Bpg54ce: "f1a3p1vp",
|
27
|
+
Byoj8tv: 0,
|
28
|
+
uwmqm3: 0,
|
29
|
+
z189sj: 0,
|
30
|
+
z8tnut: 0,
|
31
|
+
B0ocmuz: "f1sy4kr4",
|
30
32
|
a9b677: "f4m2ahc"
|
31
33
|
},
|
32
34
|
normalize: {
|
33
35
|
E5pizo: "f1couhl3",
|
34
36
|
B7ck84d: "f1ewtqcl",
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
37
|
+
jrapky: 0,
|
38
|
+
Frg6f3: 0,
|
39
|
+
t21cq0: 0,
|
40
|
+
B6of3ja: 0,
|
41
|
+
B74szlk: "f1s184ao",
|
42
|
+
Byoj8tv: 0,
|
43
|
+
uwmqm3: 0,
|
44
|
+
z189sj: 0,
|
45
|
+
z8tnut: 0,
|
46
|
+
B0ocmuz: "f1mk8lai"
|
43
47
|
}
|
44
48
|
}, {
|
45
|
-
d: [".f1e4lqlz{box-sizing:content-box;}", ".
|
49
|
+
d: [".f1e4lqlz{box-sizing:content-box;}", [".f1a3p1vp{overflow:hidden;}", {
|
50
|
+
p: -1
|
51
|
+
}], [".f1sy4kr4{padding:12px;}", {
|
52
|
+
p: -1
|
53
|
+
}], ".f4m2ahc{width:196px;}", ".f1couhl3{box-shadow:none;}", ".f1ewtqcl{box-sizing:border-box;}", [".f1s184ao{margin:0;}", {
|
54
|
+
p: -1
|
55
|
+
}], [".f1mk8lai{padding:0;}", {
|
56
|
+
p: -1
|
57
|
+
}]]
|
46
58
|
});
|
47
59
|
const useHeaderContainerStyles = /*#__PURE__*/__styles({
|
48
60
|
base: {
|
@@ -63,12 +75,14 @@ const useCurrentItemButtonStyles = /*#__PURE__*/__styles({
|
|
63
75
|
Bahqtrf: "f1mo0ibp",
|
64
76
|
Be2twd7: "fkhj508",
|
65
77
|
Bhrd7zp: "fl43uef",
|
66
|
-
B68tc82:
|
67
|
-
Bmxbyg5:
|
68
|
-
|
69
|
-
|
70
|
-
|
71
|
-
|
78
|
+
B68tc82: 0,
|
79
|
+
Bmxbyg5: 0,
|
80
|
+
Bpg54ce: "f1gl81tg",
|
81
|
+
Byoj8tv: 0,
|
82
|
+
uwmqm3: 0,
|
83
|
+
z189sj: 0,
|
84
|
+
z8tnut: 0,
|
85
|
+
B0ocmuz: ["f1td8mcv", "f1udkdxo"],
|
72
86
|
fsow6f: ["f1o700av", "fes3tcz"]
|
73
87
|
},
|
74
88
|
animation: {
|
@@ -81,20 +95,32 @@ const useCurrentItemButtonStyles = /*#__PURE__*/__styles({
|
|
81
95
|
Jwef8y: "f18a0fwf",
|
82
96
|
Bi91k9c: "f3sdaeg",
|
83
97
|
eoavqd: "f8491dx",
|
84
|
-
|
85
|
-
ukgb2i:
|
86
|
-
|
98
|
+
pugfm4: 0,
|
99
|
+
ukgb2i: 0,
|
100
|
+
Dwtyhm: 0,
|
101
|
+
Biisq0s: "f15rpok4",
|
87
102
|
iro3zm: "f1wvkgvo",
|
88
103
|
B2d53fq: "f1wdoaqd",
|
89
104
|
c3iz72: "f13c0t7h",
|
90
|
-
|
91
|
-
Bx68yb:
|
92
|
-
|
105
|
+
mghro0: 0,
|
106
|
+
Bx68yb: 0,
|
107
|
+
syojd9: 0,
|
108
|
+
E5hylx: "fy2scak"
|
93
109
|
}
|
94
110
|
}, {
|
95
|
-
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;}", ".f1ym3bx4{color:inherit;}", ".fqerorx{flex-grow:1;}", ".f1mo0ibp{font-family:inherit;}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".
|
111
|
+
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;}", ".f1ym3bx4{color:inherit;}", ".fqerorx{flex-grow:1;}", ".f1mo0ibp{font-family:inherit;}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", [".f1gl81tg{overflow:visible;}", {
|
112
|
+
p: -1
|
113
|
+
}], [".f1td8mcv{padding:0 4px 0 10px;}", {
|
114
|
+
p: -1
|
115
|
+
}], [".f1udkdxo{padding:0 10px 0 4px;}", {
|
116
|
+
p: -1
|
117
|
+
}], ".f1o700av{text-align:left;}", ".fes3tcz{text-align:right;}", ".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
118
|
k: ["@keyframes f5j8bii{from{opacity:0;}to{opacity:1;}}"],
|
97
|
-
h: [".f18a0fwf:hover{background-color:var(--colorBrandBackgroundInvertedHover);}", ".f3sdaeg:hover{color:var(--colorBrandForegroundOnLightHover);}", ".f8491dx:hover{cursor:pointer;}", ".
|
119
|
+
h: [".f18a0fwf:hover{background-color:var(--colorBrandBackgroundInvertedHover);}", ".f3sdaeg:hover{color:var(--colorBrandForegroundOnLightHover);}", ".f8491dx:hover{cursor:pointer;}", [".f15rpok4:hover{outline:1px solid var(--colorTransparentStroke);}", {
|
120
|
+
p: -1
|
121
|
+
}], ".f1wvkgvo:hover:active{background-color:var(--colorBrandBackgroundInvertedPressed);}", ".f1wdoaqd:hover:active{color:var(--colorBrandForegroundOnLightPressed);}", ".f13c0t7h:hover:active{cursor:pointer;}", [".fy2scak:hover:active{outline:1px solid var(--colorTransparentStroke);}", {
|
122
|
+
p: -1
|
123
|
+
}]]
|
98
124
|
});
|
99
125
|
const useNavigationButtonsContainerStyles = /*#__PURE__*/__styles({
|
100
126
|
base: {
|
@@ -107,14 +133,28 @@ const useNavigationButtonsContainerStyles = /*#__PURE__*/__styles({
|
|
107
133
|
const useNavigationButtonStyles = /*#__PURE__*/__styles({
|
108
134
|
base: {
|
109
135
|
De3pzq: "f1c21dwh",
|
110
|
-
|
111
|
-
|
112
|
-
oivjwe:
|
113
|
-
|
114
|
-
|
115
|
-
|
116
|
-
|
117
|
-
|
136
|
+
Bgfg5da: 0,
|
137
|
+
B9xav0g: 0,
|
138
|
+
oivjwe: 0,
|
139
|
+
Bn0qgzm: 0,
|
140
|
+
B4g9neb: 0,
|
141
|
+
zhjwy3: 0,
|
142
|
+
wvpqe5: 0,
|
143
|
+
ibv6hh: 0,
|
144
|
+
u1mtju: 0,
|
145
|
+
h3c5rm: 0,
|
146
|
+
vrafjx: 0,
|
147
|
+
Bekrc4i: 0,
|
148
|
+
i8vvqc: 0,
|
149
|
+
g2u3we: 0,
|
150
|
+
icvyot: 0,
|
151
|
+
B4j52fo: 0,
|
152
|
+
irswps: "f3bhgqh",
|
153
|
+
Beyfa6y: 0,
|
154
|
+
Bbmb7ep: 0,
|
155
|
+
Btl43ni: 0,
|
156
|
+
B7oj6ja: 0,
|
157
|
+
Dimara: "fl4tsp0",
|
118
158
|
sj55zd: "f19n0e5",
|
119
159
|
mc9l5x: "ftgm304",
|
120
160
|
Bahqtrf: "f1mo0ibp",
|
@@ -123,27 +163,40 @@ const useNavigationButtonStyles = /*#__PURE__*/__styles({
|
|
123
163
|
Bg96gwp: "f336tjw",
|
124
164
|
sshi5w: "f1ysfysz",
|
125
165
|
Bf4jedk: "f107v6xj",
|
126
|
-
B68tc82:
|
127
|
-
Bmxbyg5:
|
128
|
-
|
129
|
-
|
130
|
-
|
131
|
-
|
166
|
+
B68tc82: 0,
|
167
|
+
Bmxbyg5: 0,
|
168
|
+
Bpg54ce: "f1gl81tg",
|
169
|
+
Byoj8tv: 0,
|
170
|
+
uwmqm3: 0,
|
171
|
+
z189sj: 0,
|
172
|
+
z8tnut: 0,
|
173
|
+
B0ocmuz: "f1mk8lai",
|
132
174
|
qhf8xq: "f10pi13n",
|
133
175
|
fsow6f: "f17mccla",
|
134
176
|
a9b677: "f1w9dchk",
|
135
177
|
Jwef8y: "f18a0fwf",
|
136
178
|
Bi91k9c: "f3sdaeg",
|
137
179
|
eoavqd: "f8491dx",
|
138
|
-
|
139
|
-
ukgb2i:
|
140
|
-
|
180
|
+
pugfm4: 0,
|
181
|
+
ukgb2i: 0,
|
182
|
+
Dwtyhm: 0,
|
183
|
+
Biisq0s: "f15rpok4",
|
141
184
|
iro3zm: "f1wvkgvo",
|
142
185
|
B2d53fq: "f1wdoaqd"
|
143
186
|
}
|
144
187
|
}, {
|
145
|
-
d: [".f1c21dwh{background-color:var(--colorTransparentBackground);}", ".
|
146
|
-
|
188
|
+
d: [".f1c21dwh{background-color:var(--colorTransparentBackground);}", [".f3bhgqh{border:none;}", {
|
189
|
+
p: -2
|
190
|
+
}], [".fl4tsp0{border-radius:2px;}", {
|
191
|
+
p: -1
|
192
|
+
}], ".f19n0e5{color:var(--colorNeutralForeground1);}", ".ftgm304{display:block;}", ".f1mo0ibp{font-family:inherit;}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".fxldao9{height:28px;}", ".f336tjw{line-height:28px;}", ".f1ysfysz{min-height:28px;}", ".f107v6xj{min-width:28px;}", [".f1gl81tg{overflow:visible;}", {
|
193
|
+
p: -1
|
194
|
+
}], [".f1mk8lai{padding:0;}", {
|
195
|
+
p: -1
|
196
|
+
}], ".f10pi13n{position:relative;}", ".f17mccla{text-align:center;}", ".f1w9dchk{width:28px;}"],
|
197
|
+
h: [".f18a0fwf:hover{background-color:var(--colorBrandBackgroundInvertedHover);}", ".f3sdaeg:hover{color:var(--colorBrandForegroundOnLightHover);}", ".f8491dx:hover{cursor:pointer;}", [".f15rpok4:hover{outline:1px solid var(--colorTransparentStroke);}", {
|
198
|
+
p: -1
|
199
|
+
}], ".f1wvkgvo:hover:active{background-color:var(--colorBrandBackgroundInvertedPressed);}", ".f1wdoaqd:hover:active{color:var(--colorBrandForegroundOnLightPressed);}"]
|
147
200
|
});
|
148
201
|
const useGridContainerStyles = /*#__PURE__*/__styles({
|
149
202
|
base: {
|
@@ -181,14 +234,28 @@ const useButtonRowStyles = /*#__PURE__*/__styles({
|
|
181
234
|
const useItemButtonStyles = /*#__PURE__*/__styles({
|
182
235
|
base: {
|
183
236
|
De3pzq: "f1c21dwh",
|
184
|
-
|
185
|
-
|
186
|
-
oivjwe:
|
187
|
-
|
188
|
-
|
189
|
-
|
190
|
-
|
191
|
-
|
237
|
+
Bgfg5da: 0,
|
238
|
+
B9xav0g: 0,
|
239
|
+
oivjwe: 0,
|
240
|
+
Bn0qgzm: 0,
|
241
|
+
B4g9neb: 0,
|
242
|
+
zhjwy3: 0,
|
243
|
+
wvpqe5: 0,
|
244
|
+
ibv6hh: 0,
|
245
|
+
u1mtju: 0,
|
246
|
+
h3c5rm: 0,
|
247
|
+
vrafjx: 0,
|
248
|
+
Bekrc4i: 0,
|
249
|
+
i8vvqc: 0,
|
250
|
+
g2u3we: 0,
|
251
|
+
icvyot: 0,
|
252
|
+
B4j52fo: 0,
|
253
|
+
irswps: "f3bhgqh",
|
254
|
+
Beyfa6y: 0,
|
255
|
+
Bbmb7ep: 0,
|
256
|
+
Btl43ni: 0,
|
257
|
+
B7oj6ja: 0,
|
258
|
+
Dimara: "fl4tsp0",
|
192
259
|
sj55zd: "f11d4kpn",
|
193
260
|
Bahqtrf: "f1mo0ibp",
|
194
261
|
Be2twd7: "fy9rknc",
|
@@ -196,16 +263,19 @@ const useItemButtonStyles = /*#__PURE__*/__styles({
|
|
196
263
|
Bg96gwp: "fc76cdq",
|
197
264
|
sshi5w: "f1w5jphr",
|
198
265
|
Bf4jedk: "f12clzc2",
|
199
|
-
|
200
|
-
|
201
|
-
|
202
|
-
|
203
|
-
|
204
|
-
|
205
|
-
|
206
|
-
|
207
|
-
Byoj8tv:
|
208
|
-
uwmqm3:
|
266
|
+
jrapky: 0,
|
267
|
+
Frg6f3: 0,
|
268
|
+
t21cq0: 0,
|
269
|
+
B6of3ja: 0,
|
270
|
+
B74szlk: ["f1ytixos", "fqk6p8t"],
|
271
|
+
B68tc82: 0,
|
272
|
+
Bmxbyg5: 0,
|
273
|
+
Bpg54ce: "f1gl81tg",
|
274
|
+
Byoj8tv: 0,
|
275
|
+
uwmqm3: 0,
|
276
|
+
z189sj: 0,
|
277
|
+
z8tnut: 0,
|
278
|
+
B0ocmuz: "f1mk8lai",
|
209
279
|
a9b677: "feqmc2u",
|
210
280
|
Btgfwho: ["f65zstl", "f1yt3tqw"],
|
211
281
|
xrote9: "flfbxit",
|
@@ -213,34 +283,47 @@ const useItemButtonStyles = /*#__PURE__*/__styles({
|
|
213
283
|
Jwef8y: "f18a0fwf",
|
214
284
|
Bi91k9c: "f1u69ym5",
|
215
285
|
eoavqd: "f8491dx",
|
216
|
-
|
217
|
-
ukgb2i:
|
218
|
-
|
286
|
+
pugfm4: 0,
|
287
|
+
ukgb2i: 0,
|
288
|
+
Dwtyhm: 0,
|
289
|
+
Biisq0s: "f15rpok4",
|
219
290
|
Bqrx1nm: "f9ep5xw",
|
220
291
|
ze5xyy: "f1qvjex",
|
221
292
|
iyr2r2: "fd2qbv0",
|
222
|
-
|
223
|
-
Bnosqey:
|
224
|
-
|
293
|
+
Bx7pl5v: 0,
|
294
|
+
Bnosqey: 0,
|
295
|
+
Bv57zgv: 0,
|
296
|
+
Bbxjs3m: "fm3bo9w",
|
225
297
|
iro3zm: "f1wvkgvo",
|
226
298
|
g2kj27: "f1b9qfq3",
|
227
299
|
pc6evw: "f9ddjv3",
|
228
300
|
B76w7ga: "fr4cgi0"
|
229
301
|
}
|
230
302
|
}, {
|
231
|
-
d: [".f1c21dwh{background-color:var(--colorTransparentBackground);}", ".
|
232
|
-
|
303
|
+
d: [".f1c21dwh{background-color:var(--colorTransparentBackground);}", [".f3bhgqh{border:none;}", {
|
304
|
+
p: -2
|
305
|
+
}], [".fl4tsp0{border-radius:2px;}", {
|
306
|
+
p: -1
|
307
|
+
}], ".f11d4kpn{color:var(--colorNeutralForeground3);}", ".f1mo0ibp{font-family:inherit;}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".fbhnoac{height:40px;}", ".fc76cdq{line-height:40px;}", ".f1w5jphr{min-height:40px;}", ".f12clzc2{min-width:40px;}", [".f1ytixos{margin:0 12px 0 0;}", {
|
308
|
+
p: -1
|
309
|
+
}], [".fqk6p8t{margin:0 0 0 12px;}", {
|
310
|
+
p: -1
|
311
|
+
}], [".f1gl81tg{overflow:visible;}", {
|
312
|
+
p: -1
|
313
|
+
}], [".f1mk8lai{padding:0;}", {
|
314
|
+
p: -1
|
315
|
+
}], ".feqmc2u{width:40px;}", ".f65zstl:nth-child(4n + 4){margin-right:0;}", ".f1yt3tqw:nth-child(4n + 4){margin-left:0;}", ".flfbxit:nth-child(n + 9){margin-bottom:0;}", ".ff5vbxt div{font-weight:var(--fontWeightRegular);}"],
|
316
|
+
h: [".f18a0fwf:hover{background-color:var(--colorBrandBackgroundInvertedHover);}", ".f1u69ym5:hover{color:var(--colorNeutralForeground1Static);}", ".f8491dx:hover{cursor:pointer;}", [".f15rpok4:hover{outline:1px solid var(--colorTransparentStroke);}", {
|
317
|
+
p: -1
|
318
|
+
}], ".f1wvkgvo:hover:active{background-color:var(--colorBrandBackgroundInvertedPressed);}"],
|
233
319
|
m: [["@media (forced-colors: active){.f9ep5xw:hover{background-color:Window;}}", {
|
234
320
|
m: "(forced-colors: active)"
|
235
321
|
}], ["@media (forced-colors: active){.f1qvjex:hover{color:WindowText;}}", {
|
236
322
|
m: "(forced-colors: active)"
|
237
323
|
}], ["@media (forced-colors: active){.fd2qbv0:hover{forced-color-adjust:none;}}", {
|
238
324
|
m: "(forced-colors: active)"
|
239
|
-
}], ["@media (forced-colors: active){.
|
240
|
-
|
241
|
-
}], ["@media (forced-colors: active){.f7lk14:hover{outline-style:solid;}}", {
|
242
|
-
m: "(forced-colors: active)"
|
243
|
-
}], ["@media (forced-colors: active){.f143n69s:hover{outline-color:Highlight;}}", {
|
325
|
+
}], ["@media (forced-colors: active){.fm3bo9w:hover{outline:1px solid Highlight;}}", {
|
326
|
+
p: -1,
|
244
327
|
m: "(forced-colors: active)"
|
245
328
|
}], ["@media (forced-colors: active){.f1b9qfq3:hover:active{background-color:Window;}}", {
|
246
329
|
m: "(forced-colors: active)"
|
@@ -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 // 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
|
+
{"version":3,"names":["tokens","__styles","mergeClasses","shorthands","DURATION_2","DURATION_3","EASING_FUNCTION_1","EASING_FUNCTION_2","FADE_IN","SLIDE_DOWN_IN20","SLIDE_LEFT_IN20","SLIDE_RIGHT_IN20","SLIDE_UP_IN20","AnimationDirection","calendarPickerClassNames","root","headerContainer","currentItemButton","navigationButtonsContainer","navigationButton","gridContainer","buttonRow","itemButton","current","selected","disabled","useRootStyles","base","B7ck84d","B68tc82","Bmxbyg5","Bpg54ce","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","a9b677","normalize","E5pizo","jrapky","Frg6f3","t21cq0","B6of3ja","B74szlk","d","p","useHeaderContainerStyles","mc9l5x","useCurrentItemButtonStyles","De3pzq","icvyot","vrafjx","oivjwe","wvpqe5","sj55zd","Bh6795r","Bahqtrf","Be2twd7","Bhrd7zp","fsow6f","animation","vin17d","Bf5fcs","Bv12yb3","Ezkn3b","hasHeaderClickCallback","Jwef8y","Bi91k9c","eoavqd","pugfm4","ukgb2i","Dwtyhm","Biisq0s","iro3zm","B2d53fq","c3iz72","mghro0","Bx68yb","syojd9","E5hylx","k","h","useNavigationButtonsContainerStyles","Bt984gj","useNavigationButtonStyles","Bgfg5da","B9xav0g","Bn0qgzm","B4g9neb","zhjwy3","ibv6hh","u1mtju","h3c5rm","Bekrc4i","i8vvqc","g2u3we","B4j52fo","irswps","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","Bqenvij","Bg96gwp","sshi5w","Bf4jedk","qhf8xq","useGridContainerStyles","useButtonRowStyles","sw9gdo","horizontalBackward","horizontalForward","verticalBackward","verticalForward","useItemButtonStyles","Btgfwho","xrote9","Bja5ulm","Bqrx1nm","ze5xyy","iyr2r2","Bx7pl5v","Bnosqey","Bv57zgv","Bbxjs3m","g2kj27","pc6evw","B76w7ga","m","useCurrentStyles","highlightCurrent","Bsw6fvg","Bbusuzp","ycbfsm","mk428o","B1lrsqs","z0vste","Bgjd7nk","kur00z","useSelectedStyles","highlightSelected","useDisabledStyles","Bg33ivm","t69wg0","useCalendarPickerStyles_unstable","props","rootStyles","headerContainerStyles","currentItemButtonStyles","navigationButtonsContainerStyles","navigationButtonStyles","gridContainerStyles","buttonRowStyles","itemButtonStyles","currentStyles","selectedStyles","disabledStyles","animateBackwards","animationDirection","className","undefined","Horizontal"],"sources":["useCalendarPickerStyles.styles.js"],"sourcesContent":["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 overflow: 'hidden',\n padding: '12px',\n width: '196px'\n },\n normalize: {\n boxShadow: 'none',\n boxSizing: 'border-box',\n margin: '0',\n padding: '0'\n }\n});\nconst useHeaderContainerStyles = makeStyles({\n base: {\n display: 'flex'\n }\n});\nconst useCurrentItemButtonStyles = makeStyles({\n base: {\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.borderStyle('none'),\n color: 'inherit',\n flexGrow: 1,\n fontFamily: 'inherit',\n fontSize: tokens.fontSizeBase300,\n fontWeight: tokens.fontWeightSemibold,\n overflow: 'visible',\n padding: '0 4px 0 10px',\n textAlign: 'left'\n },\n animation: {\n animationDuration: DURATION_2,\n animationFillMode: 'both',\n animationName: FADE_IN,\n animationTimingFunction: EASING_FUNCTION_2\n },\n hasHeaderClickCallback: {\n // If this is updated, make sure to update headerIsClickable in useCalendarDayStyles as well\n '&:hover': {\n backgroundColor: tokens.colorBrandBackgroundInvertedHover,\n color: tokens.colorBrandForegroundOnLightHover,\n cursor: 'pointer',\n outline: `1px solid ${tokens.colorTransparentStroke}`\n },\n '&:hover:active': {\n backgroundColor: tokens.colorBrandBackgroundInvertedPressed,\n color: tokens.colorBrandForegroundOnLightPressed,\n cursor: 'pointer',\n outline: `1px solid ${tokens.colorTransparentStroke}`\n }\n }\n});\nconst useNavigationButtonsContainerStyles = makeStyles({\n base: {\n alignItems: 'center',\n display: 'flex'\n }\n});\nconst useNavigationButtonStyles = makeStyles({\n base: {\n backgroundColor: tokens.colorTransparentBackground,\n border: 'none',\n borderRadius: '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 overflow: 'visible',\n padding: '0',\n position: 'relative',\n textAlign: 'center',\n width: '28px',\n '&:hover': {\n backgroundColor: tokens.colorBrandBackgroundInvertedHover,\n color: tokens.colorBrandForegroundOnLightHover,\n cursor: 'pointer',\n outline: `1px solid ${tokens.colorTransparentStroke}`\n },\n '&:hover:active': {\n backgroundColor: tokens.colorBrandBackgroundInvertedPressed,\n color: tokens.colorBrandForegroundOnLightPressed\n }\n }\n});\nconst useGridContainerStyles = makeStyles({\n base: {\n marginTop: '4px'\n }\n});\nconst useButtonRowStyles = makeStyles({\n base: {\n marginBottom: '16px',\n '&:last-of-type': {\n marginBottom: 0\n }\n },\n animation: {\n animationDuration: DURATION_3,\n animationFillMode: 'both',\n animationTimingFunction: EASING_FUNCTION_1\n },\n horizontalBackward: {\n animationName: [\n FADE_IN,\n SLIDE_RIGHT_IN20\n ]\n },\n horizontalForward: {\n animationName: [\n FADE_IN,\n SLIDE_LEFT_IN20\n ]\n },\n verticalBackward: {\n animationName: [\n FADE_IN,\n SLIDE_DOWN_IN20\n ]\n },\n verticalForward: {\n animationName: [\n FADE_IN,\n SLIDE_UP_IN20\n ]\n }\n});\nconst useItemButtonStyles = makeStyles({\n base: {\n backgroundColor: tokens.colorTransparentBackground,\n border: 'none',\n borderRadius: '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 margin: '0 12px 0 0',\n overflow: 'visible',\n padding: '0',\n width: '40px',\n '&:nth-child(4n + 4)': {\n marginRight: 0\n },\n '&:nth-child(n + 9)': {\n marginBottom: 0\n },\n '& div': {\n fontWeight: tokens.fontWeightRegular\n },\n '&:hover': {\n backgroundColor: tokens.colorBrandBackgroundInvertedHover,\n color: tokens.colorNeutralForeground1Static,\n cursor: 'pointer',\n outline: `1px solid ${tokens.colorTransparentStroke}`,\n '@media (forced-colors: active)': {\n backgroundColor: 'Window',\n color: 'WindowText',\n forcedColorAdjust: 'none',\n outline: '1px solid Highlight'\n }\n },\n '&:hover:active': {\n backgroundColor: tokens.colorBrandBackgroundInvertedPressed,\n '@media (forced-colors: active)': {\n backgroundColor: 'Window',\n color: 'Highlight',\n forcedColorAdjust: 'none'\n }\n }\n }\n});\nconst useCurrentStyles = makeStyles({\n highlightCurrent: {\n backgroundColor: tokens.colorBrandBackground,\n color: tokens.colorNeutralForegroundOnBrand,\n fontWeight: tokens.fontWeightSemibold,\n '@media (forced-colors: active)': {\n backgroundColor: 'WindowText',\n color: 'Window',\n forcedColorAdjust: 'none'\n },\n '&:hover, &:hover:active': {\n backgroundColor: tokens.colorBrandBackground,\n color: tokens.colorNeutralForegroundOnBrand,\n '@media (forced-colors: active)': {\n backgroundColor: 'WindowText',\n color: 'Window',\n forcedColorAdjust: 'none'\n }\n }\n }\n});\nconst useSelectedStyles = makeStyles({\n highlightSelected: {\n backgroundColor: tokens.colorBrandBackgroundInvertedSelected,\n color: tokens.colorNeutralForeground1Static,\n fontWeight: tokens.fontWeightSemibold,\n '@media (forced-colors: active)': {\n backgroundColor: 'Highlight',\n color: 'Window',\n forcedColorAdjust: 'none'\n },\n '& div': {\n fontWeight: tokens.fontWeightSemibold\n },\n '&:hover': {\n backgroundColor: tokens.colorBrandBackgroundInvertedSelected,\n color: tokens.colorNeutralForeground1Static,\n '@media (forced-colors: active)': {\n backgroundColor: 'Highlight',\n color: 'Window',\n forcedColorAdjust: 'none'\n }\n },\n '&:hover:active': {\n backgroundColor: tokens.colorBrandBackgroundInvertedPressed\n }\n }\n});\nconst useDisabledStyles = makeStyles({\n base: {\n '&, &:disabled, & button': {\n color: tokens.colorNeutralForegroundDisabled,\n pointerEvents: 'none'\n },\n '@media (forced-colors: active)': {\n color: 'GrayText',\n forcedColorAdjust: 'none'\n }\n }\n});\n/**\n * @internal\n *\n * Apply styling to the CalendarPicker slots based on the state\n */ export const useCalendarPickerStyles_unstable = (props)=>{\n const rootStyles = useRootStyles();\n const headerContainerStyles = useHeaderContainerStyles();\n const currentItemButtonStyles = useCurrentItemButtonStyles();\n const navigationButtonsContainerStyles = useNavigationButtonsContainerStyles();\n const navigationButtonStyles = useNavigationButtonStyles();\n const gridContainerStyles = useGridContainerStyles();\n const buttonRowStyles = useButtonRowStyles();\n const itemButtonStyles = useItemButtonStyles();\n const currentStyles = useCurrentStyles();\n const selectedStyles = useSelectedStyles();\n const disabledStyles = useDisabledStyles();\n const { animateBackwards, animationDirection, className, hasHeaderClickCallback, highlightCurrent, highlightSelected } = props;\n return {\n root: mergeClasses(calendarPickerClassNames.root, rootStyles.normalize, rootStyles.base, className),\n headerContainer: mergeClasses(calendarPickerClassNames.headerContainer, headerContainerStyles.base),\n currentItemButton: mergeClasses(calendarPickerClassNames.currentItemButton, currentItemButtonStyles.base, animateBackwards !== undefined && currentItemButtonStyles.animation, hasHeaderClickCallback && currentItemButtonStyles.hasHeaderClickCallback),\n navigationButtonsContainer: mergeClasses(calendarPickerClassNames.navigationButtonsContainer, navigationButtonsContainerStyles.base),\n navigationButton: mergeClasses(calendarPickerClassNames.navigationButton, navigationButtonStyles.base),\n gridContainer: mergeClasses(calendarPickerClassNames.gridContainer, gridContainerStyles.base),\n buttonRow: mergeClasses(calendarPickerClassNames.buttonRow, buttonRowStyles.base, buttonRowStyles.animation, animateBackwards !== undefined && (animationDirection === AnimationDirection.Horizontal ? animateBackwards ? buttonRowStyles.horizontalBackward : buttonRowStyles.horizontalForward : animateBackwards ? buttonRowStyles.verticalBackward : buttonRowStyles.verticalForward)),\n itemButton: mergeClasses(calendarPickerClassNames.itemButton, itemButtonStyles.base),\n selected: mergeClasses(calendarPickerClassNames.selected, highlightSelected && selectedStyles.highlightSelected),\n current: mergeClasses(calendarPickerClassNames.current, highlightCurrent && currentStyles.highlightCurrent),\n disabled: mergeClasses(calendarPickerClassNames.disabled, disabledStyles.base)\n };\n};\n"],"mappings":"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","ignoreList":[]}
|
package/lib/utils/animations.js
CHANGED
@@ -1,4 +1,3 @@
|
|
1
|
-
import { shorthands } from '@griffel/react';
|
2
1
|
export const EASING_FUNCTION_1 = 'cubic-bezier(.1,.9,.2,1)';
|
3
2
|
export const EASING_FUNCTION_2 = 'cubic-bezier(.1,.25,.75,.9)';
|
4
3
|
export const DURATION_1 = '0.167s';
|
@@ -81,17 +80,17 @@ export const SLIDE_UP_OUT20 = {
|
|
81
80
|
export const TRANSITION_ROW_DISAPPEARANCE = {
|
82
81
|
'100%': {
|
83
82
|
height: '0px',
|
84
|
-
|
83
|
+
overflow: 'hidden',
|
85
84
|
width: '0px'
|
86
85
|
},
|
87
86
|
'99.9%': {
|
88
87
|
height: '28px',
|
89
|
-
|
88
|
+
overflow: 'visible',
|
90
89
|
width: '100%'
|
91
90
|
},
|
92
91
|
'0%': {
|
93
92
|
height: '28px',
|
94
|
-
|
93
|
+
overflow: 'visible',
|
95
94
|
width: '100%'
|
96
95
|
}
|
97
96
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["animations.ts"],"sourcesContent":["
|
1
|
+
{"version":3,"sources":["animations.ts"],"sourcesContent":["export const EASING_FUNCTION_1 = 'cubic-bezier(.1,.9,.2,1)';\nexport const EASING_FUNCTION_2 = 'cubic-bezier(.1,.25,.75,.9)';\nexport const DURATION_1 = '0.167s';\nexport const DURATION_2 = '0.267s';\nexport const DURATION_3 = '0.367s';\nexport const DURATION_4 = '0.467s';\n\nexport const FADE_IN = {\n from: {\n opacity: 0,\n },\n to: {\n opacity: 1,\n },\n};\nexport const FADE_OUT = {\n from: {\n opacity: 1,\n },\n to: {\n opacity: 0,\n visibility: 'hidden' as const,\n },\n};\nexport const SLIDE_DOWN_IN20 = {\n from: {\n pointerEvents: 'none' as const,\n transform: 'translate3d(0, -20px, 0)',\n },\n to: {\n pointerEvents: 'auto' as const,\n transform: 'translate3d(0, 0, 0)',\n },\n};\nexport const SLIDE_LEFT_IN20 = {\n from: {\n pointerEvents: 'none' as const,\n transform: 'translate3d(20px, 0, 0)',\n },\n to: {\n pointerEvents: 'auto' as const,\n transform: 'translate3d(0, 0, 0)',\n },\n};\nexport const SLIDE_RIGHT_IN20 = {\n from: {\n pointerEvents: 'none' as const,\n transform: 'translate3d(-20px, 0, 0)',\n },\n to: {\n pointerEvents: 'auto' as const,\n transform: 'translate3d(0, 0, 0)',\n },\n};\nexport const SLIDE_UP_IN20 = {\n from: {\n pointerEvents: 'none' as const,\n transform: 'translate3d(0, 20px, 0)',\n },\n to: {\n pointerEvents: 'auto' as const,\n transform: 'translate3d(0, 0, 0)',\n },\n};\nexport const SLIDE_DOWN_OUT20 = {\n from: {\n transform: 'translate3d(0, 0, 0)',\n },\n to: {\n transform: 'translate3d(0, 20px, 0)',\n },\n};\nexport const SLIDE_UP_OUT20 = {\n from: {\n transform: 'translate3d(0, 0, 0)',\n },\n to: {\n transform: 'translate3d(0, -20px, 0)',\n },\n};\n\nexport const TRANSITION_ROW_DISAPPEARANCE = {\n '100%': {\n height: '0px',\n overflow: 'hidden',\n\n width: '0px',\n },\n '99.9%': {\n height: '28px',\n overflow: 'visible',\n width: '100%',\n },\n '0%': {\n height: '28px',\n overflow: 'visible',\n width: '100%',\n },\n};\n"],"names":["EASING_FUNCTION_1","EASING_FUNCTION_2","DURATION_1","DURATION_2","DURATION_3","DURATION_4","FADE_IN","from","opacity","to","FADE_OUT","visibility","SLIDE_DOWN_IN20","pointerEvents","transform","SLIDE_LEFT_IN20","SLIDE_RIGHT_IN20","SLIDE_UP_IN20","SLIDE_DOWN_OUT20","SLIDE_UP_OUT20","TRANSITION_ROW_DISAPPEARANCE","height","overflow","width"],"mappings":"AAAA,OAAO,MAAMA,oBAAoB,2BAA2B;AAC5D,OAAO,MAAMC,oBAAoB,8BAA8B;AAC/D,OAAO,MAAMC,aAAa,SAAS;AACnC,OAAO,MAAMC,aAAa,SAAS;AACnC,OAAO,MAAMC,aAAa,SAAS;AACnC,OAAO,MAAMC,aAAa,SAAS;AAEnC,OAAO,MAAMC,UAAU;IACrBC,MAAM;QACJC,SAAS;IACX;IACAC,IAAI;QACFD,SAAS;IACX;AACF,EAAE;AACF,OAAO,MAAME,WAAW;IACtBH,MAAM;QACJC,SAAS;IACX;IACAC,IAAI;QACFD,SAAS;QACTG,YAAY;IACd;AACF,EAAE;AACF,OAAO,MAAMC,kBAAkB;IAC7BL,MAAM;QACJM,eAAe;QACfC,WAAW;IACb;IACAL,IAAI;QACFI,eAAe;QACfC,WAAW;IACb;AACF,EAAE;AACF,OAAO,MAAMC,kBAAkB;IAC7BR,MAAM;QACJM,eAAe;QACfC,WAAW;IACb;IACAL,IAAI;QACFI,eAAe;QACfC,WAAW;IACb;AACF,EAAE;AACF,OAAO,MAAME,mBAAmB;IAC9BT,MAAM;QACJM,eAAe;QACfC,WAAW;IACb;IACAL,IAAI;QACFI,eAAe;QACfC,WAAW;IACb;AACF,EAAE;AACF,OAAO,MAAMG,gBAAgB;IAC3BV,MAAM;QACJM,eAAe;QACfC,WAAW;IACb;IACAL,IAAI;QACFI,eAAe;QACfC,WAAW;IACb;AACF,EAAE;AACF,OAAO,MAAMI,mBAAmB;IAC9BX,MAAM;QACJO,WAAW;IACb;IACAL,IAAI;QACFK,WAAW;IACb;AACF,EAAE;AACF,OAAO,MAAMK,iBAAiB;IAC5BZ,MAAM;QACJO,WAAW;IACb;IACAL,IAAI;QACFK,WAAW;IACb;AACF,EAAE;AAEF,OAAO,MAAMM,+BAA+B;IAC1C,QAAQ;QACNC,QAAQ;QACRC,UAAU;QAEVC,OAAO;IACT;IACA,SAAS;QACPF,QAAQ;QACRC,UAAU;QACVC,OAAO;IACT;IACA,MAAM;QACJF,QAAQ;QACRC,UAAU;QACVC,OAAO;IACT;AACF,EAAE"}
|