@trackunit/css-core 0.0.36 → 0.0.39
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/README.md +8 -2
- package/package.json +1 -1
- package/src/lib/vendor-css/react-day-picker.css +310 -1
package/README.md
CHANGED
|
@@ -5,5 +5,11 @@ The PostCSS and Tailwind configuration from this package is used by the Trackuni
|
|
|
5
5
|
|
|
6
6
|
Our custom Theme is defined by the Tailwind configuration (tailwind.config) and the theme.css file.
|
|
7
7
|
|
|
8
|
-
|
|
9
|
-
|
|
8
|
+
Trackunit Iris Apps are used by external developers to integrate custom functionality into [the Trackunit Manager platform](https://www.trackunit.com/services/manager/).
|
|
9
|
+
|
|
10
|
+
For a full guide on Iris App Development, please visit our [Developer Hub](https://developers.trackunit.com/)
|
|
11
|
+
## Trackunit
|
|
12
|
+
This package was developed by Trackunit ApS.
|
|
13
|
+
Trackunit is the leading SaaS-based IoT solution for the construction industry, offering an ecosystem of hardware, fleet management software & telematics.
|
|
14
|
+
|
|
15
|
+
|
package/package.json
CHANGED
|
@@ -1,4 +1,313 @@
|
|
|
1
|
-
|
|
1
|
+
:root {
|
|
2
|
+
--rdp-cell-size: 40px;
|
|
3
|
+
--rdp-accent-color: #0000ff;
|
|
4
|
+
--rdp-background-color: #e7edff;
|
|
5
|
+
/* Switch to dark colors for dark themes */
|
|
6
|
+
--rdp-accent-color-dark: #3003e1;
|
|
7
|
+
--rdp-background-color-dark: #180270;
|
|
8
|
+
/* Outline border for focused elements */
|
|
9
|
+
--rdp-outline: 2px solid var(--rdp-accent-color);
|
|
10
|
+
/* Outline border for focused and selected elements */
|
|
11
|
+
--rdp-outline-selected: 2px solid rgba(0, 0, 0, 0.75);
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.rdp {
|
|
15
|
+
margin: 1em;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
/* Hide elements for devices that are not screen readers */
|
|
19
|
+
.rdp-vhidden {
|
|
20
|
+
box-sizing: border-box;
|
|
21
|
+
padding: 0;
|
|
22
|
+
margin: 0;
|
|
23
|
+
background: transparent;
|
|
24
|
+
border: 0;
|
|
25
|
+
-moz-appearance: none;
|
|
26
|
+
-webkit-appearance: none;
|
|
27
|
+
appearance: none;
|
|
28
|
+
position: absolute !important;
|
|
29
|
+
top: 0;
|
|
30
|
+
width: 1px !important;
|
|
31
|
+
height: 1px !important;
|
|
32
|
+
padding: 0 !important;
|
|
33
|
+
overflow: hidden !important;
|
|
34
|
+
clip: rect(1px, 1px, 1px, 1px) !important;
|
|
35
|
+
border: 0 !important;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
/* Buttons */
|
|
39
|
+
.rdp-button_reset {
|
|
40
|
+
appearance: none;
|
|
41
|
+
position: relative;
|
|
42
|
+
margin: 0;
|
|
43
|
+
padding: 0;
|
|
44
|
+
cursor: default;
|
|
45
|
+
color: inherit;
|
|
46
|
+
outline: none;
|
|
47
|
+
background: none;
|
|
48
|
+
font: inherit;
|
|
49
|
+
|
|
50
|
+
-moz-appearance: none;
|
|
51
|
+
-webkit-appearance: none;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
.rdp-button {
|
|
55
|
+
border: 2px solid transparent;
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
.rdp-button[disabled] {
|
|
59
|
+
opacity: 0.25;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
.rdp-button:not([disabled]) {
|
|
63
|
+
cursor: pointer;
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
.rdp-button:focus:not([disabled]),
|
|
67
|
+
.rdp-button:active:not([disabled]) {
|
|
68
|
+
color: inherit;
|
|
69
|
+
border: var(--rdp-outline);
|
|
70
|
+
background-color: var(--rdp-background-color);
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
.rdp-button:hover:not([disabled]) {
|
|
74
|
+
background-color: var(--rdp-background-color);
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
.rdp-months {
|
|
78
|
+
display: flex;
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
.rdp-month {
|
|
82
|
+
margin: 0 1em;
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
.rdp-month:first-child {
|
|
86
|
+
margin-left: 0;
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
.rdp-month:last-child {
|
|
90
|
+
margin-right: 0;
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
.rdp-table {
|
|
94
|
+
margin: 0;
|
|
95
|
+
max-width: calc(var(--rdp-cell-size) * 7);
|
|
96
|
+
border-collapse: collapse;
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
.rdp-with_weeknumber .rdp-table {
|
|
100
|
+
max-width: calc(var(--rdp-cell-size) * 8);
|
|
101
|
+
border-collapse: collapse;
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
.rdp-caption {
|
|
105
|
+
display: flex;
|
|
106
|
+
align-items: center;
|
|
107
|
+
justify-content: space-between;
|
|
108
|
+
padding: 0;
|
|
109
|
+
text-align: left;
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
.rdp-multiple_months .rdp-caption {
|
|
113
|
+
position: relative;
|
|
114
|
+
display: block;
|
|
115
|
+
text-align: center;
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
.rdp-caption_dropdowns {
|
|
119
|
+
position: relative;
|
|
120
|
+
display: inline-flex;
|
|
121
|
+
}
|
|
122
|
+
|
|
123
|
+
.rdp-caption_label {
|
|
124
|
+
position: relative;
|
|
125
|
+
z-index: 1;
|
|
126
|
+
display: inline-flex;
|
|
127
|
+
align-items: center;
|
|
128
|
+
margin: 0;
|
|
129
|
+
padding: 0 0.25em;
|
|
130
|
+
white-space: nowrap;
|
|
131
|
+
color: currentColor;
|
|
132
|
+
border: 0;
|
|
133
|
+
border: 2px solid transparent;
|
|
134
|
+
font-family: inherit;
|
|
135
|
+
font-size: 140%;
|
|
136
|
+
font-weight: bold;
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
.rdp-nav {
|
|
140
|
+
white-space: nowrap;
|
|
141
|
+
}
|
|
142
|
+
|
|
143
|
+
.rdp-multiple_months .rdp-caption_start .rdp-nav {
|
|
144
|
+
position: absolute;
|
|
145
|
+
top: 50%;
|
|
146
|
+
left: 0;
|
|
147
|
+
transform: translateY(-50%);
|
|
148
|
+
}
|
|
149
|
+
|
|
150
|
+
.rdp-multiple_months .rdp-caption_end .rdp-nav {
|
|
151
|
+
position: absolute;
|
|
152
|
+
top: 50%;
|
|
153
|
+
right: 0;
|
|
154
|
+
transform: translateY(-50%);
|
|
155
|
+
}
|
|
156
|
+
|
|
157
|
+
.rdp-nav_button {
|
|
158
|
+
display: inline-flex;
|
|
159
|
+
align-items: center;
|
|
160
|
+
justify-content: center;
|
|
161
|
+
width: var(--rdp-cell-size);
|
|
162
|
+
height: var(--rdp-cell-size);
|
|
163
|
+
padding: 0.25em;
|
|
164
|
+
border-radius: 100%;
|
|
165
|
+
}
|
|
166
|
+
|
|
167
|
+
/* ---------- */
|
|
168
|
+
/* Dropdowns */
|
|
169
|
+
/* ---------- */
|
|
170
|
+
|
|
171
|
+
.rdp-dropdown_year,
|
|
172
|
+
.rdp-dropdown_month {
|
|
173
|
+
position: relative;
|
|
174
|
+
display: inline-flex;
|
|
175
|
+
align-items: center;
|
|
176
|
+
}
|
|
177
|
+
|
|
178
|
+
.rdp-dropdown {
|
|
179
|
+
appearance: none;
|
|
180
|
+
position: absolute;
|
|
181
|
+
z-index: 2;
|
|
182
|
+
top: 0;
|
|
183
|
+
bottom: 0;
|
|
184
|
+
left: 0;
|
|
185
|
+
width: 100%;
|
|
186
|
+
margin: 0;
|
|
187
|
+
padding: 0;
|
|
188
|
+
cursor: inherit;
|
|
189
|
+
opacity: 0;
|
|
190
|
+
border: none;
|
|
191
|
+
background-color: transparent;
|
|
192
|
+
font-family: inherit;
|
|
193
|
+
font-size: inherit;
|
|
194
|
+
line-height: inherit;
|
|
195
|
+
}
|
|
196
|
+
|
|
197
|
+
.rdp-dropdown[disabled] {
|
|
198
|
+
opacity: unset;
|
|
199
|
+
color: unset;
|
|
200
|
+
}
|
|
201
|
+
|
|
202
|
+
.rdp-dropdown:focus:not([disabled]) + .rdp-caption_label,
|
|
203
|
+
.rdp-dropdown:active:not([disabled]) + .rdp-caption_label {
|
|
204
|
+
border: var(--rdp-outline);
|
|
205
|
+
border-radius: 6px;
|
|
206
|
+
background-color: var(--rdp-background-color);
|
|
207
|
+
}
|
|
208
|
+
|
|
209
|
+
.rdp-dropdown_icon {
|
|
210
|
+
margin: 0 0 0 5px;
|
|
211
|
+
}
|
|
212
|
+
|
|
213
|
+
.rdp-head {
|
|
214
|
+
border: 0;
|
|
215
|
+
}
|
|
216
|
+
|
|
217
|
+
.rdp-head_row,
|
|
218
|
+
.rdp-row {
|
|
219
|
+
height: 100%;
|
|
220
|
+
}
|
|
221
|
+
|
|
222
|
+
.rdp-head_cell {
|
|
223
|
+
vertical-align: middle;
|
|
224
|
+
text-transform: uppercase;
|
|
225
|
+
font-size: 0.75em;
|
|
226
|
+
font-weight: 700;
|
|
227
|
+
text-align: center;
|
|
228
|
+
height: 100%;
|
|
229
|
+
height: var(--rdp-cell-size);
|
|
230
|
+
padding: 0;
|
|
231
|
+
}
|
|
232
|
+
|
|
233
|
+
.rdp-tbody {
|
|
234
|
+
border: 0;
|
|
235
|
+
}
|
|
236
|
+
|
|
237
|
+
.rdp-tfoot {
|
|
238
|
+
margin: 0.5em;
|
|
239
|
+
}
|
|
240
|
+
|
|
241
|
+
.rdp-cell {
|
|
242
|
+
width: var(--rdp-cell-size);
|
|
243
|
+
height: 100%;
|
|
244
|
+
height: var(--rdp-cell-size);
|
|
245
|
+
padding: 0;
|
|
246
|
+
text-align: center;
|
|
247
|
+
}
|
|
248
|
+
|
|
249
|
+
.rdp-weeknumber {
|
|
250
|
+
font-size: 0.75em;
|
|
251
|
+
}
|
|
252
|
+
|
|
253
|
+
.rdp-weeknumber,
|
|
254
|
+
.rdp-day {
|
|
255
|
+
display: flex;
|
|
256
|
+
overflow: hidden;
|
|
257
|
+
align-items: center;
|
|
258
|
+
justify-content: center;
|
|
259
|
+
box-sizing: border-box;
|
|
260
|
+
width: var(--rdp-cell-size);
|
|
261
|
+
max-width: var(--rdp-cell-size);
|
|
262
|
+
height: var(--rdp-cell-size);
|
|
263
|
+
margin: 0;
|
|
264
|
+
border: 2px solid transparent;
|
|
265
|
+
border-radius: 100%;
|
|
266
|
+
}
|
|
267
|
+
|
|
268
|
+
.rdp-day_today:not(.rdp-day_outside) {
|
|
269
|
+
font-weight: bold;
|
|
270
|
+
}
|
|
271
|
+
|
|
272
|
+
.rdp-day_selected:not([disabled]),
|
|
273
|
+
.rdp-day_selected:focus:not([disabled]),
|
|
274
|
+
.rdp-day_selected:active:not([disabled]),
|
|
275
|
+
.rdp-day_selected:hover:not([disabled]) {
|
|
276
|
+
color: white;
|
|
277
|
+
background-color: var(--rdp-accent-color);
|
|
278
|
+
}
|
|
279
|
+
|
|
280
|
+
.rdp-day_selected:focus:not([disabled]) {
|
|
281
|
+
border: var(--rdp-outline-selected);
|
|
282
|
+
}
|
|
283
|
+
|
|
284
|
+
.rdp:not([dir="rtl"]) .rdp-day_range_start:not(.rdp-day_range_end) {
|
|
285
|
+
border-top-right-radius: 0;
|
|
286
|
+
border-bottom-right-radius: 0;
|
|
287
|
+
}
|
|
288
|
+
|
|
289
|
+
.rdp:not([dir="rtl"]) .rdp-day_range_end:not(.rdp-day_range_start) {
|
|
290
|
+
border-top-left-radius: 0;
|
|
291
|
+
border-bottom-left-radius: 0;
|
|
292
|
+
}
|
|
293
|
+
|
|
294
|
+
.rdp[dir="rtl"] .rdp-day_range_start:not(.rdp-day_range_end) {
|
|
295
|
+
border-top-left-radius: 0;
|
|
296
|
+
border-bottom-left-radius: 0;
|
|
297
|
+
}
|
|
298
|
+
|
|
299
|
+
.rdp[dir="rtl"] .rdp-day_range_end:not(.rdp-day_range_start) {
|
|
300
|
+
border-top-right-radius: 0;
|
|
301
|
+
border-bottom-right-radius: 0;
|
|
302
|
+
}
|
|
303
|
+
|
|
304
|
+
.rdp-day_range_end.rdp-day_range_start {
|
|
305
|
+
border-radius: 100%;
|
|
306
|
+
}
|
|
307
|
+
|
|
308
|
+
.rdp-day_range_middle {
|
|
309
|
+
border-radius: 0;
|
|
310
|
+
}
|
|
2
311
|
|
|
3
312
|
.custom-day-picker {
|
|
4
313
|
font-size: var(--font-size-sm);
|