@kvdbil/components 16.0.0 → 16.0.2
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/cjs/components/Button/index.js +12 -12
- package/cjs/components/DayPicker/index.js +6 -2
- package/cjs/components/DayPicker/style.js +367 -168
- package/cjs/index.js +1 -1
- package/esm/components/Button/index.js +11 -11
- package/esm/components/DayPicker/index.js +7 -3
- package/esm/components/DayPicker/style.js +367 -168
- package/esm/index.js +1 -1
- package/package.json +6 -3
- package/package.json.tmp +6 -3
- package/types/components/Button/index.d.ts +1 -0
- package/types/components/DayPicker/index.d.ts +5 -3
|
@@ -1,252 +1,451 @@
|
|
|
1
|
-
import{css as
|
|
2
|
-
/*
|
|
1
|
+
import{css as r}from"styled-components";var e=r`
|
|
2
|
+
/* Variables declaration */
|
|
3
|
+
/* prettier-ignore */
|
|
4
|
+
.rdp-root {
|
|
5
|
+
--rdp-accent-color: blue; /* The accent color used for selected days and UI elements. */
|
|
6
|
+
--rdp-accent-background-color: #f0f0ff; /* The accent background color used for selected days and UI elements. */
|
|
7
|
+
|
|
8
|
+
--rdp-day-height: 44px; /* The height of the day cells. */
|
|
9
|
+
--rdp-day-width: 44px; /* The width of the day cells. */
|
|
10
|
+
|
|
11
|
+
--rdp-day_button-border-radius: 100%; /* The border radius of the day cells. */
|
|
12
|
+
--rdp-day_button-border: 2px solid transparent; /* The border of the day cells. */
|
|
13
|
+
--rdp-day_button-height: 42px; /* The height of the day cells. */
|
|
14
|
+
--rdp-day_button-width: 42px; /* The width of the day cells. */
|
|
15
|
+
|
|
16
|
+
--rdp-selected-border: none; /* The border of the selected days. */
|
|
17
|
+
--rdp-disabled-opacity: 0.5; /* The opacity of the disabled days. */
|
|
18
|
+
--rdp-outside-opacity: 0.75; /* The opacity of the days outside the current month. */
|
|
19
|
+
--rdp-today-color: var(--rdp-accent-color); /* The color of the today's date. */
|
|
20
|
+
|
|
21
|
+
--rdp-dropdown-gap: 0.5rem;/* The gap between the dropdowns used in the month captons. */
|
|
22
|
+
|
|
23
|
+
--rdp-months-gap: 2rem; /* The gap between the months in the multi-month view. */
|
|
24
|
+
|
|
25
|
+
--rdp-nav_button-disabled-opacity: 0.5; /* The opacity of the disabled navigation buttons. */
|
|
26
|
+
--rdp-nav_button-height: 2.25rem; /* The height of the navigation buttons. */
|
|
27
|
+
--rdp-nav_button-width: 2.25rem; /* The width of the navigation buttons. */
|
|
28
|
+
--rdp-nav-height: 2.75rem; /* The height of the navigation bar. */
|
|
29
|
+
|
|
30
|
+
--rdp-range_middle-background-color: var(--rdp-accent-background-color); /* The color of the background for days in the middle of a range. */
|
|
31
|
+
--rdp-range_middle-color: inherit;/* The color of the range text. */
|
|
32
|
+
|
|
33
|
+
--rdp-range_start-color: white; /* The color of the range text. */
|
|
34
|
+
--rdp-range_start-background: linear-gradient(var(--rdp-gradient-direction), transparent 50%, var(--rdp-range_middle-background-color) 50%); /* Used for the background of the start of the selected range. */
|
|
35
|
+
--rdp-range_start-date-background-color: var(--rdp-accent-color); /* The background color of the date when at the start of the selected range. */
|
|
36
|
+
|
|
37
|
+
--rdp-range_end-background: linear-gradient(var(--rdp-gradient-direction), var(--rdp-range_middle-background-color) 50%, transparent 50%); /* Used for the background of the end of the selected range. */
|
|
38
|
+
--rdp-range_end-color: white;/* The color of the range text. */
|
|
39
|
+
--rdp-range_end-date-background-color: var(--rdp-accent-color); /* The background color of the date when at the end of the selected range. */
|
|
40
|
+
|
|
41
|
+
--rdp-week_number-border-radius: 100%; /* The border radius of the week number. */
|
|
42
|
+
--rdp-week_number-border: 2px solid transparent; /* The border of the week number. */
|
|
43
|
+
|
|
44
|
+
--rdp-week_number-height: var(--rdp-day-height); /* The height of the week number cells. */
|
|
45
|
+
--rdp-week_number-opacity: 0.75; /* The opacity of the week number. */
|
|
46
|
+
--rdp-week_number-width: var(--rdp-day-width); /* The width of the week number cells. */
|
|
47
|
+
--rdp-weeknumber-text-align: center; /* The text alignment of the weekday cells. */
|
|
48
|
+
|
|
49
|
+
--rdp-weekday-opacity: 0.75; /* The opacity of the weekday. */
|
|
50
|
+
--rdp-weekday-padding: 0.5rem 0rem; /* The padding of the weekday. */
|
|
51
|
+
--rdp-weekday-text-align: center; /* The text alignment of the weekday cells. */
|
|
52
|
+
|
|
53
|
+
--rdp-gradient-direction: 90deg;
|
|
54
|
+
|
|
55
|
+
--rdp-animation_duration: 0.3s;
|
|
56
|
+
--rdp-animation_timing: cubic-bezier(0.4, 0, 0.2, 1);
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
.rdp-root[dir='rtl'] {
|
|
60
|
+
--rdp-gradient-direction: -90deg;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
.rdp-root[data-broadcast-calendar='true'] {
|
|
64
|
+
--rdp-outside-opacity: unset;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
/* Root of the component. */
|
|
68
|
+
.rdp-root {
|
|
69
|
+
position: relative; /* Required to position the navigation toolbar. */
|
|
70
|
+
box-sizing: border-box;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
.rdp-root * {
|
|
74
|
+
box-sizing: border-box;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
.rdp-day {
|
|
78
|
+
width: var(--rdp-day-width);
|
|
79
|
+
height: var(--rdp-day-height);
|
|
80
|
+
text-align: center;
|
|
81
|
+
}
|
|
3
82
|
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
83
|
+
.rdp-day_button {
|
|
84
|
+
background: none;
|
|
85
|
+
padding: 0;
|
|
86
|
+
margin: 0;
|
|
87
|
+
cursor: pointer;
|
|
88
|
+
font: inherit;
|
|
89
|
+
color: inherit;
|
|
90
|
+
justify-content: center;
|
|
91
|
+
align-items: center;
|
|
92
|
+
display: flex;
|
|
93
|
+
|
|
94
|
+
width: var(--rdp-day_button-width);
|
|
95
|
+
height: var(--rdp-day_button-height);
|
|
96
|
+
border: var(--rdp-day_button-border);
|
|
97
|
+
border-radius: var(--rdp-day_button-border-radius);
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
.rdp-day_button:disabled {
|
|
101
|
+
cursor: revert;
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
.rdp-caption_label {
|
|
105
|
+
z-index: 1;
|
|
106
|
+
|
|
107
|
+
position: relative;
|
|
108
|
+
display: inline-flex;
|
|
109
|
+
align-items: center;
|
|
110
|
+
|
|
111
|
+
white-space: nowrap;
|
|
112
|
+
border: 0;
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
.rdp-dropdown:focus-visible ~ .rdp-caption_label {
|
|
116
|
+
outline: 5px auto Highlight;
|
|
117
|
+
outline: 5px auto -webkit-focus-ring-color;
|
|
118
|
+
}
|
|
119
|
+
|
|
120
|
+
.rdp-button_next,
|
|
121
|
+
.rdp-button_previous {
|
|
122
|
+
border: none;
|
|
123
|
+
background: none;
|
|
124
|
+
padding: 0;
|
|
125
|
+
margin: 0;
|
|
126
|
+
cursor: pointer;
|
|
127
|
+
font: inherit;
|
|
128
|
+
color: inherit;
|
|
129
|
+
-moz-appearance: none;
|
|
130
|
+
-webkit-appearance: none;
|
|
131
|
+
display: inline-flex;
|
|
132
|
+
align-items: center;
|
|
133
|
+
justify-content: center;
|
|
134
|
+
position: relative;
|
|
135
|
+
appearance: none;
|
|
136
|
+
|
|
137
|
+
width: var(--rdp-nav_button-width);
|
|
138
|
+
height: var(--rdp-nav_button-height);
|
|
139
|
+
}
|
|
140
|
+
|
|
141
|
+
.rdp-button_next:disabled,
|
|
142
|
+
.rdp-button_next[aria-disabled='true'],
|
|
143
|
+
.rdp-button_previous:disabled,
|
|
144
|
+
.rdp-button_previous[aria-disabled='true'] {
|
|
145
|
+
cursor: revert;
|
|
146
|
+
|
|
147
|
+
opacity: var(--rdp-nav_button-disabled-opacity);
|
|
7
148
|
}
|
|
8
149
|
|
|
9
|
-
.
|
|
150
|
+
.rdp-chevron {
|
|
10
151
|
display: inline-block;
|
|
11
|
-
font-size: 1rem;
|
|
12
152
|
}
|
|
13
153
|
|
|
14
|
-
.
|
|
154
|
+
.rdp-root[dir='rtl'] .rdp-nav .rdp-chevron {
|
|
155
|
+
transform: rotate(180deg);
|
|
156
|
+
transform-origin: 50%;
|
|
157
|
+
}
|
|
158
|
+
|
|
159
|
+
.rdp-dropdowns {
|
|
15
160
|
position: relative;
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
161
|
+
display: inline-flex;
|
|
162
|
+
align-items: center;
|
|
163
|
+
gap: var(--rdp-dropdown-gap);
|
|
164
|
+
}
|
|
165
|
+
.rdp-dropdown {
|
|
166
|
+
z-index: 2;
|
|
167
|
+
|
|
168
|
+
/* Reset */
|
|
169
|
+
opacity: 0;
|
|
170
|
+
appearance: none;
|
|
171
|
+
position: absolute;
|
|
172
|
+
inset-block-start: 0;
|
|
173
|
+
inset-block-end: 0;
|
|
174
|
+
inset-inline-start: 0;
|
|
175
|
+
width: 100%;
|
|
176
|
+
margin: 0;
|
|
177
|
+
padding: 0;
|
|
178
|
+
cursor: inherit;
|
|
179
|
+
border: none;
|
|
180
|
+
line-height: inherit;
|
|
181
|
+
}
|
|
182
|
+
|
|
183
|
+
.rdp-dropdown_root {
|
|
184
|
+
position: relative;
|
|
185
|
+
display: inline-flex;
|
|
186
|
+
align-items: center;
|
|
187
|
+
}
|
|
188
|
+
|
|
189
|
+
.rdp-dropdown_root[data-disabled='true'] .rdp-chevron {
|
|
190
|
+
opacity: var(--rdp-disabled-opacity);
|
|
26
191
|
}
|
|
27
192
|
|
|
28
|
-
.
|
|
193
|
+
.rdp-month_caption {
|
|
29
194
|
display: flex;
|
|
30
|
-
|
|
195
|
+
align-content: center;
|
|
196
|
+
height: var(--rdp-nav-height);
|
|
197
|
+
font-weight: bold;
|
|
198
|
+
font-size: large;
|
|
199
|
+
}
|
|
200
|
+
|
|
201
|
+
.rdp-root[data-nav-layout='around'] .rdp-month,
|
|
202
|
+
.rdp-root[data-nav-layout='after'] .rdp-month {
|
|
203
|
+
position: relative;
|
|
204
|
+
}
|
|
205
|
+
|
|
206
|
+
.rdp-root[data-nav-layout='around'] .rdp-month_caption {
|
|
31
207
|
justify-content: center;
|
|
208
|
+
margin-inline-start: var(--rdp-nav_button-width);
|
|
209
|
+
margin-inline-end: var(--rdp-nav_button-width);
|
|
210
|
+
position: relative;
|
|
32
211
|
}
|
|
33
212
|
|
|
34
|
-
.
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
-webkit-user-select: none;
|
|
41
|
-
-moz-user-select: none;
|
|
42
|
-
-ms-user-select: none;
|
|
43
|
-
user-select: none;
|
|
213
|
+
.rdp-root[data-nav-layout='around'] .rdp-button_previous {
|
|
214
|
+
position: absolute;
|
|
215
|
+
inset-inline-start: 0;
|
|
216
|
+
top: 0;
|
|
217
|
+
height: var(--rdp-nav-height);
|
|
218
|
+
display: inline-flex;
|
|
44
219
|
}
|
|
45
220
|
|
|
46
|
-
.
|
|
221
|
+
.rdp-root[data-nav-layout='around'] .rdp-button_next {
|
|
47
222
|
position: absolute;
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
display: inline-
|
|
52
|
-
|
|
53
|
-
width: 1.25em;
|
|
54
|
-
height: 1.25em;
|
|
55
|
-
background-position: center;
|
|
56
|
-
background-size: 50%;
|
|
57
|
-
background-repeat: no-repeat;
|
|
58
|
-
color: ${({theme:e})=>e.colors.grayscaleToned.light1};
|
|
59
|
-
cursor: pointer;
|
|
223
|
+
inset-inline-end: 0;
|
|
224
|
+
top: 0;
|
|
225
|
+
height: var(--rdp-nav-height);
|
|
226
|
+
display: inline-flex;
|
|
227
|
+
justify-content: center;
|
|
60
228
|
}
|
|
61
229
|
|
|
62
|
-
.
|
|
63
|
-
|
|
230
|
+
.rdp-months {
|
|
231
|
+
position: relative;
|
|
232
|
+
display: flex;
|
|
233
|
+
flex-wrap: wrap;
|
|
234
|
+
gap: var(--rdp-months-gap);
|
|
235
|
+
max-width: fit-content;
|
|
64
236
|
}
|
|
65
237
|
|
|
66
|
-
.
|
|
67
|
-
|
|
68
|
-
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAABGdBTUEAALGPC/xhBQAAAVVJREFUWAnN2G0KgjAYwPHpGfRkaZeqvgQaK+hY3SUHrk1YzNLay/OiEFp92I+/Mp2F2Mh2lLISWnflFjzH263RQjzMZ19wgs73ez0o1WmtW+dgA01VxrE3p6l2GLsnBy1VYQOtVSEH/atCCgqpQgKKqYIOiq2CBkqtggLKqQIKgqgCBjpJ2Y5CdJ+zrT9A7HHSTA1dxUdHgzCqJIEwq0SDsKsEg6iqBIEoq/wEcVRZBXFV+QJxV5mBtlDFB5VjYTaGZ2sf4R9PM7U9ZU+lLuaetPP/5Die3ToO1+u+MKtHs06qODB2zBnI/jBd4MPQm1VkY79Tb18gB+C62FdBFsZR6yeIo1YQiLJWMIiqVjQIu1YSCLNWFgijVjYIuhYYCKoWKAiiFgoopxYaKLUWOii2FgkophYp6F3r42W5A9s9OcgNvva8xQaysKXlFytoqdYmQH6tF3toSUo0INq9AAAAAElFTkSuQmCC');
|
|
238
|
+
.rdp-month_grid {
|
|
239
|
+
border-collapse: collapse;
|
|
69
240
|
}
|
|
70
241
|
|
|
71
|
-
.
|
|
72
|
-
|
|
242
|
+
.rdp-nav {
|
|
243
|
+
position: absolute;
|
|
244
|
+
inset-block-start: 0;
|
|
245
|
+
inset-inline-end: 0;
|
|
246
|
+
|
|
247
|
+
display: flex;
|
|
248
|
+
align-items: center;
|
|
249
|
+
|
|
250
|
+
height: var(--rdp-nav-height);
|
|
73
251
|
}
|
|
74
252
|
|
|
75
|
-
.
|
|
76
|
-
|
|
253
|
+
.rdp-weekday {
|
|
254
|
+
opacity: var(--rdp-weekday-opacity);
|
|
255
|
+
padding: var(--rdp-weekday-padding);
|
|
256
|
+
font-weight: 500;
|
|
257
|
+
font-size: smaller;
|
|
258
|
+
text-align: var(--rdp-weekday-text-align);
|
|
259
|
+
text-transform: var(--rdp-weekday-text-transform);
|
|
77
260
|
}
|
|
78
261
|
|
|
79
|
-
.
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
262
|
+
.rdp-week_number {
|
|
263
|
+
opacity: var(--rdp-week_number-opacity);
|
|
264
|
+
font-weight: 400;
|
|
265
|
+
font-size: small;
|
|
266
|
+
height: var(--rdp-week_number-height);
|
|
267
|
+
width: var(--rdp-week_number-width);
|
|
268
|
+
border: var(--rdp-week_number-border);
|
|
269
|
+
border-radius: var(--rdp-week_number-border-radius);
|
|
270
|
+
text-align: var(--rdp-weeknumber-text-align);
|
|
84
271
|
}
|
|
85
272
|
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
273
|
+
/* DAY MODIFIERS */
|
|
274
|
+
.rdp-today:not(.rdp-outside) {
|
|
275
|
+
color: var(--rdp-today-color);
|
|
89
276
|
}
|
|
90
277
|
|
|
91
|
-
.
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
font-size: 1em;
|
|
95
|
-
text-transform: uppercase;
|
|
278
|
+
.rdp-selected {
|
|
279
|
+
font-weight: bold;
|
|
280
|
+
font-size: large;
|
|
96
281
|
}
|
|
97
282
|
|
|
98
|
-
.
|
|
99
|
-
|
|
283
|
+
.rdp-selected .rdp-day_button {
|
|
284
|
+
border: var(--rdp-selected-border);
|
|
100
285
|
}
|
|
101
286
|
|
|
102
|
-
.
|
|
103
|
-
|
|
104
|
-
width: 35px;
|
|
105
|
-
display: table-cell;
|
|
106
|
-
padding: 0.5em;
|
|
107
|
-
color: ${({theme:e})=>e.colors.grayscaleToned.light1};
|
|
108
|
-
text-align: center;
|
|
109
|
-
font-size: 0.875em;
|
|
287
|
+
.rdp-outside {
|
|
288
|
+
opacity: var(--rdp-outside-opacity);
|
|
110
289
|
}
|
|
111
290
|
|
|
112
|
-
.
|
|
113
|
-
|
|
114
|
-
text-decoration: none;
|
|
291
|
+
.rdp-disabled {
|
|
292
|
+
opacity: var(--rdp-disabled-opacity);
|
|
115
293
|
}
|
|
116
294
|
|
|
117
|
-
.
|
|
118
|
-
|
|
295
|
+
.rdp-hidden {
|
|
296
|
+
visibility: hidden;
|
|
297
|
+
color: var(--rdp-range_start-color);
|
|
119
298
|
}
|
|
120
299
|
|
|
121
|
-
.
|
|
122
|
-
|
|
123
|
-
display: table-row;
|
|
300
|
+
.rdp-range_start {
|
|
301
|
+
background: var(--rdp-range_start-background);
|
|
124
302
|
}
|
|
125
303
|
|
|
126
|
-
.
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
text-align: center;
|
|
131
|
-
cursor: pointer;
|
|
132
|
-
padding: 0;
|
|
133
|
-
border: 0px solid transparent;
|
|
134
|
-
font-size: 12px;
|
|
135
|
-
font-weight: ${({theme:e})=>e.typography.fontAlternativeBoldWeight};
|
|
136
|
-
color: ${({theme:e})=>e.colors.text.dark};
|
|
304
|
+
.rdp-range_start .rdp-day_button {
|
|
305
|
+
background-color: var(--rdp-range_start-date-background-color);
|
|
306
|
+
color: var(--rdp-range_start-color);
|
|
307
|
+
}
|
|
137
308
|
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
309
|
+
.rdp-range_middle {
|
|
310
|
+
background-color: var(--rdp-range_middle-background-color);
|
|
311
|
+
}
|
|
141
312
|
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
313
|
+
.rdp-range_middle .rdp-day_button {
|
|
314
|
+
border-color: transparent;
|
|
315
|
+
border: unset;
|
|
316
|
+
border-radius: unset;
|
|
317
|
+
color: var(--rdp-range_middle-color);
|
|
147
318
|
}
|
|
148
319
|
|
|
149
|
-
.
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
min-width: 1em;
|
|
153
|
-
border-right: 1px solid ${({theme:e})=>e.colors.grayscaleToned.light5};
|
|
154
|
-
color: ${({theme:e})=>e.colors.grayscaleToned.light5};
|
|
155
|
-
vertical-align: middle;
|
|
156
|
-
text-align: right;
|
|
157
|
-
font-size: 0.75em;
|
|
158
|
-
cursor: pointer;
|
|
320
|
+
.rdp-range_end {
|
|
321
|
+
background: var(--rdp-range_end-background);
|
|
322
|
+
color: var(--rdp-range_end-color);
|
|
159
323
|
}
|
|
160
324
|
|
|
161
|
-
.
|
|
162
|
-
|
|
325
|
+
.rdp-range_end .rdp-day_button {
|
|
326
|
+
color: var(--rdp-range_start-color);
|
|
327
|
+
background-color: var(--rdp-range_end-date-background-color);
|
|
163
328
|
}
|
|
164
329
|
|
|
165
|
-
.
|
|
166
|
-
|
|
330
|
+
.rdp-range_start.rdp-range_end {
|
|
331
|
+
background: revert;
|
|
167
332
|
}
|
|
168
333
|
|
|
169
|
-
.
|
|
170
|
-
border: none;
|
|
171
|
-
background-color: transparent;
|
|
172
|
-
background-image: none;
|
|
173
|
-
box-shadow: none;
|
|
174
|
-
color: ${({theme:e})=>e.colors.info.main};
|
|
175
|
-
font-size: 0.875em;
|
|
334
|
+
.rdp-focusable {
|
|
176
335
|
cursor: pointer;
|
|
177
336
|
}
|
|
178
337
|
|
|
179
|
-
|
|
338
|
+
@keyframes rdp-slide_in_left {
|
|
339
|
+
0% {
|
|
340
|
+
transform: translateX(-100%);
|
|
341
|
+
}
|
|
342
|
+
100% {
|
|
343
|
+
transform: translateX(0);
|
|
344
|
+
}
|
|
345
|
+
}
|
|
180
346
|
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
347
|
+
@keyframes rdp-slide_in_right {
|
|
348
|
+
0% {
|
|
349
|
+
transform: translateX(100%);
|
|
350
|
+
}
|
|
351
|
+
100% {
|
|
352
|
+
transform: translateX(0);
|
|
353
|
+
}
|
|
184
354
|
}
|
|
185
355
|
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
356
|
+
@keyframes rdp-slide_out_left {
|
|
357
|
+
0% {
|
|
358
|
+
transform: translateX(0);
|
|
359
|
+
}
|
|
360
|
+
100% {
|
|
361
|
+
transform: translateX(-100%);
|
|
362
|
+
}
|
|
363
|
+
}
|
|
189
364
|
|
|
190
|
-
|
|
191
|
-
|
|
365
|
+
@keyframes rdp-slide_out_right {
|
|
366
|
+
0% {
|
|
367
|
+
transform: translateX(0);
|
|
368
|
+
}
|
|
369
|
+
100% {
|
|
370
|
+
transform: translateX(100%);
|
|
192
371
|
}
|
|
193
372
|
}
|
|
194
373
|
|
|
195
|
-
.
|
|
196
|
-
|
|
374
|
+
.rdp-weeks_before_enter {
|
|
375
|
+
animation: rdp-slide_in_left var(--rdp-animation_duration)
|
|
376
|
+
var(--rdp-animation_timing) forwards;
|
|
197
377
|
}
|
|
198
378
|
|
|
199
|
-
|
|
379
|
+
.rdp-weeks_before_exit {
|
|
380
|
+
animation: rdp-slide_out_left var(--rdp-animation_duration)
|
|
381
|
+
var(--rdp-animation_timing) forwards;
|
|
382
|
+
}
|
|
200
383
|
|
|
201
|
-
.
|
|
202
|
-
|
|
384
|
+
.rdp-weeks_after_enter {
|
|
385
|
+
animation: rdp-slide_in_right var(--rdp-animation_duration)
|
|
386
|
+
var(--rdp-animation_timing) forwards;
|
|
203
387
|
}
|
|
204
388
|
|
|
205
|
-
.
|
|
206
|
-
|
|
389
|
+
.rdp-weeks_after_exit {
|
|
390
|
+
animation: rdp-slide_out_right var(--rdp-animation_duration)
|
|
391
|
+
var(--rdp-animation_timing) forwards;
|
|
207
392
|
}
|
|
208
393
|
|
|
209
|
-
.
|
|
210
|
-
|
|
394
|
+
.rdp-root[dir='rtl'] .rdp-weeks_after_enter {
|
|
395
|
+
animation: rdp-slide_in_left var(--rdp-animation_duration)
|
|
396
|
+
var(--rdp-animation_timing) forwards;
|
|
211
397
|
}
|
|
212
398
|
|
|
213
|
-
.
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
399
|
+
.rdp-root[dir='rtl'] .rdp-weeks_before_exit {
|
|
400
|
+
animation: rdp-slide_out_right var(--rdp-animation_duration)
|
|
401
|
+
var(--rdp-animation_timing) forwards;
|
|
402
|
+
}
|
|
217
403
|
|
|
218
|
-
|
|
219
|
-
|
|
404
|
+
.rdp-root[dir='rtl'] .rdp-weeks_before_enter {
|
|
405
|
+
animation: rdp-slide_in_right var(--rdp-animation_duration)
|
|
406
|
+
var(--rdp-animation_timing) forwards;
|
|
220
407
|
}
|
|
221
408
|
|
|
222
|
-
.
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
background-color: ${({theme:e})=>e.colors.info.main};
|
|
409
|
+
.rdp-root[dir='rtl'] .rdp-weeks_after_exit {
|
|
410
|
+
animation: rdp-slide_out_left var(--rdp-animation_duration)
|
|
411
|
+
var(--rdp-animation_timing) forwards;
|
|
226
412
|
}
|
|
227
413
|
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
414
|
+
@keyframes rdp-fade_in {
|
|
415
|
+
from {
|
|
416
|
+
opacity: 0;
|
|
417
|
+
}
|
|
418
|
+
to {
|
|
419
|
+
opacity: 1;
|
|
420
|
+
}
|
|
233
421
|
}
|
|
234
422
|
|
|
235
|
-
|
|
423
|
+
@keyframes rdp-fade_out {
|
|
424
|
+
from {
|
|
425
|
+
opacity: 1;
|
|
426
|
+
}
|
|
427
|
+
to {
|
|
428
|
+
opacity: 0;
|
|
429
|
+
}
|
|
430
|
+
}
|
|
236
431
|
|
|
237
|
-
.
|
|
238
|
-
|
|
432
|
+
.rdp-caption_after_enter {
|
|
433
|
+
animation: rdp-fade_in var(--rdp-animation_duration)
|
|
434
|
+
var(--rdp-animation_timing) forwards;
|
|
239
435
|
}
|
|
240
436
|
|
|
241
|
-
.
|
|
242
|
-
|
|
437
|
+
.rdp-caption_after_exit {
|
|
438
|
+
animation: rdp-fade_out var(--rdp-animation_duration)
|
|
439
|
+
var(--rdp-animation_timing) forwards;
|
|
243
440
|
}
|
|
244
441
|
|
|
245
|
-
.
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
442
|
+
.rdp-caption_before_enter {
|
|
443
|
+
animation: rdp-fade_in var(--rdp-animation_duration)
|
|
444
|
+
var(--rdp-animation_timing) forwards;
|
|
445
|
+
}
|
|
446
|
+
|
|
447
|
+
.rdp-caption_before_exit {
|
|
448
|
+
animation: rdp-fade_out var(--rdp-animation_duration)
|
|
449
|
+
var(--rdp-animation_timing) forwards;
|
|
251
450
|
}
|
|
252
|
-
`;export{
|
|
451
|
+
`;export{e as default};
|