@tabler/core 1.0.0-beta11 → 1.0.0-beta12

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 (112) hide show
  1. package/README.md +33 -10
  2. package/dist/css/demo.css +251 -379
  3. package/dist/css/demo.min.css +3 -3
  4. package/dist/css/demo.rtl.css +251 -379
  5. package/dist/css/demo.rtl.min.css +3 -3
  6. package/dist/css/tabler-flags.css +266 -529
  7. package/dist/css/tabler-flags.min.css +3 -3
  8. package/dist/css/tabler-flags.rtl.css +266 -529
  9. package/dist/css/tabler-flags.rtl.min.css +3 -3
  10. package/dist/css/tabler-payments.css +127 -252
  11. package/dist/css/tabler-payments.min.css +2 -2
  12. package/dist/css/tabler-payments.rtl.css +127 -252
  13. package/dist/css/tabler-payments.rtl.min.css +2 -2
  14. package/dist/css/tabler-vendors.css +480 -679
  15. package/dist/css/tabler-vendors.min.css +3 -3
  16. package/dist/css/tabler-vendors.rtl.css +480 -679
  17. package/dist/css/tabler-vendors.rtl.min.css +3 -3
  18. package/dist/css/tabler.css +10041 -14881
  19. package/dist/css/tabler.min.css +4 -4
  20. package/dist/css/tabler.rtl.css +10041 -14880
  21. package/dist/css/tabler.rtl.min.css +4 -4
  22. package/dist/js/demo-theme.js +32 -0
  23. package/dist/js/demo-theme.min.js +9 -0
  24. package/dist/js/demo.js +2 -12
  25. package/dist/js/demo.min.js +3 -3
  26. package/dist/js/tabler.esm.js +90 -61
  27. package/dist/js/tabler.esm.min.js +9 -3
  28. package/dist/js/tabler.js +112 -61
  29. package/dist/js/tabler.min.js +9 -3
  30. package/dist/libs/apexcharts/dist/apexcharts.amd.js +1 -1
  31. package/dist/libs/apexcharts/dist/apexcharts.common.js +3 -3
  32. package/dist/libs/apexcharts/dist/apexcharts.esm.js +3 -3
  33. package/dist/libs/apexcharts/dist/apexcharts.js +27 -8
  34. package/dist/libs/apexcharts/dist/apexcharts.min.js +3 -3
  35. package/dist/libs/bootstrap/dist/js/bootstrap.bundle.js +131 -107
  36. package/dist/libs/bootstrap/dist/js/bootstrap.bundle.js.map +1 -1
  37. package/dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js +2 -2
  38. package/dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js.map +1 -1
  39. package/dist/libs/bootstrap/dist/js/bootstrap.esm.js +70 -57
  40. package/dist/libs/bootstrap/dist/js/bootstrap.esm.js.map +1 -1
  41. package/dist/libs/bootstrap/dist/js/bootstrap.esm.min.js +2 -2
  42. package/dist/libs/bootstrap/dist/js/bootstrap.esm.min.js.map +1 -1
  43. package/dist/libs/bootstrap/dist/js/bootstrap.js +71 -58
  44. package/dist/libs/bootstrap/dist/js/bootstrap.js.map +1 -1
  45. package/dist/libs/bootstrap/dist/js/bootstrap.min.js +2 -2
  46. package/dist/libs/bootstrap/dist/js/bootstrap.min.js.map +1 -1
  47. package/dist/libs/jsvectormap/dist/js/jsvectormap.js +1061 -1066
  48. package/dist/libs/jsvectormap/dist/js/jsvectormap.min.js +1 -1
  49. package/dist/libs/nouislider/dist/nouislider.d.ts +1 -1
  50. package/package.json +68 -22
  51. package/src/js/demo-theme.js +25 -0
  52. package/src/js/demo.js +0 -17
  53. package/src/js/src/tabler.js +17 -0
  54. package/src/js/tabler.js +2 -0
  55. package/src/scss/_core.scss +1 -0
  56. package/src/scss/_mixins-override.scss +26 -26
  57. package/src/scss/_utilities.scss +2 -2
  58. package/src/scss/_variables.scss +207 -89
  59. package/src/scss/demo/_examples.scss +2 -2
  60. package/src/scss/demo/_highlight.scss +3 -3
  61. package/src/scss/demo.scss +4 -4
  62. package/src/scss/fonts/_webfonts.scss +0 -50
  63. package/src/scss/layout/_core.scss +2 -23
  64. package/src/scss/layout/_dark.scss +8 -6
  65. package/src/scss/layout/_footer.scss +2 -2
  66. package/src/scss/layout/_navbar.scss +7 -5
  67. package/src/scss/layout/_page.scss +8 -6
  68. package/src/scss/layout/_root.scss +37 -0
  69. package/src/scss/mixins/_functions.scss +2 -2
  70. package/src/scss/mixins/_mixins.scss +3 -2
  71. package/src/scss/ui/_accordion.scss +1 -1
  72. package/src/scss/ui/_alerts.scss +1 -1
  73. package/src/scss/ui/_avatars.scss +5 -5
  74. package/src/scss/ui/_badges.scss +2 -2
  75. package/src/scss/ui/_buttons.scss +25 -17
  76. package/src/scss/ui/_calendars.scss +8 -8
  77. package/src/scss/ui/_cards.scss +28 -31
  78. package/src/scss/ui/_carousel.scss +1 -1
  79. package/src/scss/ui/_chips.scss +0 -0
  80. package/src/scss/ui/_empty.scss +3 -3
  81. package/src/scss/ui/_flags.scss +2 -2
  82. package/src/scss/ui/_forms.scss +7 -7
  83. package/src/scss/ui/_grid.scss +8 -9
  84. package/src/scss/ui/_icons.scss +64 -4
  85. package/src/scss/ui/_legend.scss +8 -4
  86. package/src/scss/ui/_lists.scss +16 -13
  87. package/src/scss/ui/_markdown.scss +2 -3
  88. package/src/scss/ui/_modals.scss +1 -1
  89. package/src/scss/ui/_nav.scss +7 -7
  90. package/src/scss/ui/_offcanvas.scss +2 -2
  91. package/src/scss/ui/_pagination.scss +10 -6
  92. package/src/scss/ui/_placeholder.scss +1 -1
  93. package/src/scss/ui/_progress.scss +45 -6
  94. package/src/scss/ui/_ribbons.scss +5 -5
  95. package/src/scss/ui/_status.scss +2 -2
  96. package/src/scss/ui/_steps.scss +2 -2
  97. package/src/scss/ui/_tables.scss +26 -5
  98. package/src/scss/ui/_toasts.scss +0 -1
  99. package/src/scss/ui/_type.scss +45 -30
  100. package/src/scss/ui/forms/_form-check.scss +26 -1
  101. package/src/scss/ui/forms/_form-colorinput.scss +2 -2
  102. package/src/scss/ui/forms/_form-icon.scss +1 -1
  103. package/src/scss/ui/forms/_form-imagecheck.scss +4 -4
  104. package/src/scss/ui/forms/_form-selectgroup.scss +7 -7
  105. package/src/scss/ui/typo/_hr.scss +2 -3
  106. package/src/scss/utils/_colors.scss +14 -5
  107. package/src/scss/vendor/_dropzone.scss +1 -1
  108. package/src/scss/vendor/_jsvectormap.scss +7 -7
  109. package/src/scss/vendor/_litepicker.scss +11 -11
  110. package/src/scss/vendor/_plyr.scss +1 -1
  111. package/src/scss/vendor/_tinymce.scss +3 -3
  112. package/src/scss/vendor/_tom-select.scss +2 -0
@@ -1,6 +1,6 @@
1
1
  /*!
2
- * Tabler v1.0.0-beta11 (https://tabler.io)
3
- * @version 1.0.0-beta11
2
+ * Tabler v1.0.0-beta12 (https://tabler.io)
3
+ * @version 1.0.0-beta12
4
4
  * @link https://tabler.io
5
5
  * Copyright 2018-2022 The Tabler Authors
6
6
  * Copyright 2018-2022 codecalm.net Paweł Kuna
@@ -19,27 +19,23 @@
19
19
  -ms-user-select: none;
20
20
  -moz-user-select: none;
21
21
  user-select: none;
22
- box-sizing: border-box;
23
- }
22
+ box-sizing: border-box; }
24
23
 
25
24
  .noUi-target {
26
- position: relative;
27
- }
25
+ position: relative; }
28
26
 
29
27
  .noUi-base,
30
28
  .noUi-connects {
31
29
  width: 100%;
32
30
  height: 100%;
33
31
  position: relative;
34
- z-index: 1;
35
- }
32
+ z-index: 1; }
36
33
 
37
34
  /* Wrapper for all connect elements.
38
35
  */
39
36
  .noUi-connects {
40
37
  overflow: hidden;
41
- z-index: 0;
42
- }
38
+ z-index: 0; }
43
39
 
44
40
  .noUi-connect,
45
41
  .noUi-origin {
@@ -54,76 +50,63 @@
54
50
  -webkit-transform-origin: 0 0;
55
51
  -webkit-transform-style: preserve-3d;
56
52
  transform-origin: 0 0;
57
- transform-style: flat;
58
- }
53
+ transform-style: flat; }
59
54
 
60
55
  /* Offset direction
61
56
  */
62
57
  .noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
63
58
  left: 0;
64
- right: auto;
65
- }
59
+ right: auto; }
66
60
 
67
61
  /* Give origins 0 height/width so they don't interfere with clicking the
68
62
  * connect elements.
69
63
  */
70
64
  .noUi-vertical .noUi-origin {
71
65
  top: -100%;
72
- width: 0;
73
- }
66
+ width: 0; }
74
67
 
75
68
  .noUi-horizontal .noUi-origin {
76
- height: 0;
77
- }
69
+ height: 0; }
78
70
 
79
71
  .noUi-handle {
80
72
  -webkit-backface-visibility: hidden;
81
73
  backface-visibility: hidden;
82
- position: absolute;
83
- }
74
+ position: absolute; }
84
75
 
85
76
  .noUi-touch-area {
86
77
  height: 100%;
87
- width: 100%;
88
- }
78
+ width: 100%; }
89
79
 
90
80
  .noUi-state-tap .noUi-connect,
91
81
  .noUi-state-tap .noUi-origin {
92
- transition: transform 0.3s;
93
- }
82
+ transition: transform 0.3s; }
94
83
 
95
84
  .noUi-state-drag * {
96
- cursor: inherit !important;
97
- }
85
+ cursor: inherit !important; }
98
86
 
99
87
  /* Slider size and handle placement;
100
88
  */
101
89
  .noUi-horizontal {
102
- height: 18px;
103
- }
90
+ height: 18px; }
104
91
 
105
92
  .noUi-horizontal .noUi-handle {
106
93
  width: 34px;
107
94
  height: 28px;
108
95
  right: -17px;
109
- top: -6px;
110
- }
96
+ top: -6px; }
111
97
 
112
98
  .noUi-vertical {
113
- width: 18px;
114
- }
99
+ width: 18px; }
115
100
 
116
101
  .noUi-vertical .noUi-handle {
117
102
  width: 28px;
118
103
  height: 34px;
119
104
  right: -6px;
120
- bottom: -17px;
121
- }
105
+ bottom: -17px; }
122
106
 
123
107
  .noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
124
108
  left: -17px;
125
- right: auto;
126
- }
109
+ right: auto; }
127
110
 
128
111
  /* Styling;
129
112
  * Giving the connect element a border radius causes issues with using transform: scale
@@ -132,38 +115,31 @@
132
115
  background: #FAFAFA;
133
116
  border-radius: 4px;
134
117
  border: 1px solid #D3D3D3;
135
- box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
136
- }
118
+ box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB; }
137
119
 
138
120
  .noUi-connects {
139
- border-radius: 3px;
140
- }
121
+ border-radius: 3px; }
141
122
 
142
123
  .noUi-connect {
143
- background: #3FB8AF;
144
- }
124
+ background: #3FB8AF; }
145
125
 
146
126
  /* Handles and cursors;
147
127
  */
148
128
  .noUi-draggable {
149
- cursor: ew-resize;
150
- }
129
+ cursor: ew-resize; }
151
130
 
152
131
  .noUi-vertical .noUi-draggable {
153
- cursor: ns-resize;
154
- }
132
+ cursor: ns-resize; }
155
133
 
156
134
  .noUi-handle {
157
135
  border: 1px solid #D9D9D9;
158
136
  border-radius: 3px;
159
137
  background: #FFF;
160
138
  cursor: default;
161
- box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
162
- }
139
+ box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB; }
163
140
 
164
141
  .noUi-active {
165
- box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
166
- }
142
+ box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB; }
167
143
 
168
144
  /* Handle stripes;
169
145
  */
@@ -176,49 +152,41 @@
176
152
  width: 1px;
177
153
  background: #E8E7E6;
178
154
  left: 14px;
179
- top: 6px;
180
- }
155
+ top: 6px; }
181
156
 
182
157
  .noUi-handle:after {
183
- left: 17px;
184
- }
158
+ left: 17px; }
185
159
 
186
160
  .noUi-vertical .noUi-handle:before,
187
161
  .noUi-vertical .noUi-handle:after {
188
162
  width: 14px;
189
163
  height: 1px;
190
164
  left: 6px;
191
- top: 14px;
192
- }
165
+ top: 14px; }
193
166
 
194
167
  .noUi-vertical .noUi-handle:after {
195
- top: 17px;
196
- }
168
+ top: 17px; }
197
169
 
198
170
  /* Disabled state;
199
171
  */
200
172
  [disabled] .noUi-connect {
201
- background: #B8B8B8;
202
- }
173
+ background: #B8B8B8; }
203
174
 
204
175
  [disabled].noUi-target,
205
176
  [disabled].noUi-handle,
206
177
  [disabled] .noUi-handle {
207
- cursor: not-allowed;
208
- }
178
+ cursor: not-allowed; }
209
179
 
210
180
  /* Base;
211
181
  *
212
182
  */
213
183
  .noUi-pips,
214
184
  .noUi-pips * {
215
- box-sizing: border-box;
216
- }
185
+ box-sizing: border-box; }
217
186
 
218
187
  .noUi-pips {
219
188
  position: absolute;
220
- color: #999;
221
- }
189
+ color: #999; }
222
190
 
223
191
  /* Values;
224
192
  *
@@ -226,29 +194,24 @@
226
194
  .noUi-value {
227
195
  position: absolute;
228
196
  white-space: nowrap;
229
- text-align: center;
230
- }
197
+ text-align: center; }
231
198
 
232
199
  .noUi-value-sub {
233
200
  color: #ccc;
234
- font-size: 10px;
235
- }
201
+ font-size: 10px; }
236
202
 
237
203
  /* Markings;
238
204
  *
239
205
  */
240
206
  .noUi-marker {
241
207
  position: absolute;
242
- background: #CCC;
243
- }
208
+ background: #CCC; }
244
209
 
245
210
  .noUi-marker-sub {
246
- background: #AAA;
247
- }
211
+ background: #AAA; }
248
212
 
249
213
  .noUi-marker-large {
250
- background: #AAA;
251
- }
214
+ background: #AAA; }
252
215
 
253
216
  /* Horizontal layout;
254
217
  *
@@ -258,30 +221,24 @@
258
221
  height: 80px;
259
222
  top: 100%;
260
223
  left: 0;
261
- width: 100%;
262
- }
224
+ width: 100%; }
263
225
 
264
226
  .noUi-value-horizontal {
265
- transform: translate(-50%, 50%);
266
- }
227
+ transform: translate(-50%, 50%); }
267
228
 
268
229
  .noUi-rtl .noUi-value-horizontal {
269
- transform: translate(50%, 50%);
270
- }
230
+ transform: translate(50%, 50%); }
271
231
 
272
232
  .noUi-marker-horizontal.noUi-marker {
273
233
  margin-left: -1px;
274
234
  width: 2px;
275
- height: 5px;
276
- }
235
+ height: 5px; }
277
236
 
278
237
  .noUi-marker-horizontal.noUi-marker-sub {
279
- height: 10px;
280
- }
238
+ height: 10px; }
281
239
 
282
240
  .noUi-marker-horizontal.noUi-marker-large {
283
- height: 15px;
284
- }
241
+ height: 15px; }
285
242
 
286
243
  /* Vertical layout;
287
244
  *
@@ -290,31 +247,25 @@
290
247
  padding: 0 10px;
291
248
  height: 100%;
292
249
  top: 0;
293
- left: 100%;
294
- }
250
+ left: 100%; }
295
251
 
296
252
  .noUi-value-vertical {
297
253
  transform: translate(0, -50%);
298
- padding-left: 25px;
299
- }
254
+ padding-left: 25px; }
300
255
 
301
256
  .noUi-rtl .noUi-value-vertical {
302
- transform: translate(0, 50%);
303
- }
257
+ transform: translate(0, 50%); }
304
258
 
305
259
  .noUi-marker-vertical.noUi-marker {
306
260
  width: 5px;
307
261
  height: 2px;
308
- margin-top: -1px;
309
- }
262
+ margin-top: -1px; }
310
263
 
311
264
  .noUi-marker-vertical.noUi-marker-sub {
312
- width: 10px;
313
- }
265
+ width: 10px; }
314
266
 
315
267
  .noUi-marker-vertical.noUi-marker-large {
316
- width: 15px;
317
- }
268
+ width: 15px; }
318
269
 
319
270
  .noUi-tooltip {
320
271
  display: block;
@@ -325,129 +276,106 @@
325
276
  color: #000;
326
277
  padding: 5px;
327
278
  text-align: center;
328
- white-space: nowrap;
329
- }
279
+ white-space: nowrap; }
330
280
 
331
281
  .noUi-horizontal .noUi-tooltip {
332
282
  transform: translate(-50%, 0);
333
283
  left: 50%;
334
- bottom: 120%;
335
- }
284
+ bottom: 120%; }
336
285
 
337
286
  .noUi-vertical .noUi-tooltip {
338
287
  transform: translate(0, -50%);
339
288
  top: 50%;
340
- right: 120%;
341
- }
289
+ right: 120%; }
342
290
 
343
291
  .noUi-horizontal .noUi-origin > .noUi-tooltip {
344
292
  transform: translate(50%, 0);
345
293
  left: auto;
346
- bottom: 10px;
347
- }
294
+ bottom: 10px; }
348
295
 
349
296
  .noUi-vertical .noUi-origin > .noUi-tooltip {
350
297
  transform: translate(0, -18px);
351
298
  top: auto;
352
- right: 28px;
353
- }
299
+ right: 28px; }
354
300
 
355
301
  .noUi-target {
356
302
  border: 0;
357
303
  box-shadow: none;
358
304
  background: none;
359
305
  border-radius: 0;
360
- color: #206bc4;
361
- }
306
+ color: var(--tblr-primary); }
362
307
 
363
308
  .noUi-horizontal {
364
309
  height: 1.25rem;
365
- padding: 0.5rem 0;
366
- }
310
+ padding: .5rem 0; }
367
311
 
368
312
  .noUi-base {
369
- background: var(--tblr-border-color-light);
370
- border-radius: 1rem;
371
- }
313
+ background: var(--tblr-gray-200);
314
+ border-radius: 1rem; }
372
315
 
373
316
  .noUi-handle {
374
317
  width: 1rem;
375
318
  height: 1rem;
376
- border: 2px solid var(--tblr-border-color-light);
319
+ border: 2px solid #ffffff;
377
320
  box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1);
378
321
  border-radius: 1rem;
379
322
  background: currentColor;
380
- outline: 0;
381
- }
382
- .noUi-handle:before, .noUi-handle:after {
383
- content: none;
384
- }
385
- .noUi-horizontal .noUi-handle {
386
- width: 1rem;
387
- height: 1rem;
388
- top: -0.5rem;
389
- right: -0.5rem;
390
- margin: 1px 1px 0 0;
391
- }
392
- .noUi-handle.noUi-active, .noUi-handle:focus {
393
- box-shadow: 0 0 0 1px #f5f7fb, 0 0 0 0.25rem rgba(32, 107, 196, 0.25);
394
- }
323
+ outline: 0; }
324
+ .noUi-handle:before, .noUi-handle:after {
325
+ content: none; }
326
+ .noUi-horizontal .noUi-handle {
327
+ width: 1rem;
328
+ height: 1rem;
329
+ top: -0.5rem;
330
+ right: -0.5rem;
331
+ margin: 1px 1px 0 0; }
332
+ .noUi-handle.noUi-active, .noUi-handle:focus {
333
+ box-shadow: 0 0 0 1px #f1f5f9, 0 0 0 0.25rem rgba(32, 107, 196, 0.25); }
395
334
 
396
335
  .noUi-connect {
397
- background: currentColor;
398
- }
336
+ background: currentColor; }
399
337
 
400
338
  .litepicker {
401
- --litepicker-month-weekday-color: #626976;
402
- --litepicker-button-prev-month-color: #626976;
403
- --litepicker-button-next-month-color: #626976;
404
- --litepicker-button-prev-month-color-hover: #206bc4;
405
- --litepicker-button-next-month-color-hover: #206bc4;
339
+ --litepicker-month-weekday-color: var(--tblr-muted);
340
+ --litepicker-button-prev-month-color: var(--tblr-muted);
341
+ --litepicker-button-next-month-color: var(--tblr-muted);
342
+ --litepicker-button-prev-month-color-hover: var(--tblr-primary);
343
+ --litepicker-button-next-month-color-hover: var(--tblr-primary);
406
344
  --litepicker-day-color: var(--tblr-body-color);
407
- --litepicker-day-color-hover: #206bc4;
408
- --litepicker-is-end-color-bg: #206bc4;
409
- --litepicker-is-today-color: #206bc4;
345
+ --litepicker-day-color-hover: var(--tblr-primary);
346
+ --litepicker-is-end-color-bg: var(--tblr-primary);
347
+ --litepicker-is-today-color: var(--tblr-primary);
410
348
  --litepicker-month-header-color: var(--tblr-body-color);
411
349
  --litepicker-container-months-color-bg: var(--tblr-card-bg);
412
350
  font: inherit;
413
351
  -webkit-user-select: none;
414
352
  -moz-user-select: none;
415
353
  -ms-user-select: none;
416
- user-select: none;
417
- }
418
- .litepicker svg {
419
- fill: none !important;
420
- }
421
- .litepicker .container__main {
422
- border: 1px solid var(--tblr-border-color);
423
- border-radius: 4px;
424
- box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
425
- }
426
- .litepicker .container__months .month-item-name,
427
- .litepicker .container__months .month-item-year {
428
- font-weight: 500 !important;
429
- }
430
- .litepicker .container__months .button-next-month,
431
- .litepicker .container__months .button-prev-month {
432
- cursor: pointer !important;
433
- }
434
- .litepicker .container__months .month-item-weekdays-row > div {
435
- padding: 0.5rem 0 !important;
436
- font-size: 0.75rem;
437
- }
438
- .litepicker .container__days .day-item {
439
- cursor: pointer !important;
440
- padding: 0.5rem 0 !important;
441
- transition: color 0.3s, background-color 0.3s, border-color 0.3s;
442
- }
443
- @media (prefers-reduced-motion: reduce) {
354
+ user-select: none; }
355
+ .litepicker svg {
356
+ fill: none !important; }
357
+ .litepicker .container__main {
358
+ border: var(--tblr-border-width) solid var(--tblr-border-color);
359
+ border-radius: var(--tblr-border-radius);
360
+ box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); }
361
+ .litepicker .container__months .month-item-name,
362
+ .litepicker .container__months .month-item-year {
363
+ font-weight: var(--tblr-font-weight-medium) !important; }
364
+ .litepicker .container__months .button-next-month,
365
+ .litepicker .container__months .button-prev-month {
366
+ cursor: pointer !important; }
367
+ .litepicker .container__months .month-item-weekdays-row > div {
368
+ padding: .5rem 0 !important;
369
+ font-size: 0.75rem; }
444
370
  .litepicker .container__days .day-item {
445
- transition: none;
446
- }
447
- }
448
- .datepicker-inline .litepicker .container__months {
449
- box-shadow: none;
450
- }
371
+ cursor: pointer !important;
372
+ padding: .5rem 0 !important;
373
+ transition: color 0.3s, background-color 0.3s, border-color 0.3s; }
374
+ @media (prefers-reduced-motion: reduce) {
375
+ .litepicker .container__days .day-item {
376
+ transition: none; } }
377
+ .datepicker-inline .litepicker .container__months {
378
+ box-shadow: none; }
451
379
 
452
380
  /**
453
381
  * Tom Select bootstrap 5
@@ -467,31 +395,28 @@
467
395
  *
468
396
  */
469
397
  .ts-wrapper.single .ts-control, .ts-wrapper.single .ts-control input {
470
- cursor: pointer;
471
- }
398
+ cursor: pointer; }
472
399
 
473
400
  .ts-wrapper.plugin-drag_drop.multi > .ts-control > div.ui-sortable-placeholder {
474
401
  visibility: visible !important;
475
402
  background: #f2f2f2 !important;
476
403
  background: rgba(0, 0, 0, 0.06) !important;
477
404
  border: 0 none !important;
478
- box-shadow: inset 0 0 12px 4px #fff;
479
- }
405
+ box-shadow: inset 0 0 12px 4px #fff; }
406
+
480
407
  .ts-wrapper.plugin-drag_drop .ui-sortable-placeholder::after {
481
- content: "!";
482
- visibility: hidden;
483
- }
408
+ content: '!';
409
+ visibility: hidden; }
410
+
484
411
  .ts-wrapper.plugin-drag_drop .ui-sortable-helper {
485
- box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
486
- }
412
+ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); }
487
413
 
488
414
  .plugin-checkbox_options .option input {
489
- margin-right: 0.5rem;
490
- }
415
+ margin-right: 0.5rem; }
491
416
 
492
417
  .plugin-clear_button .ts-control {
493
- padding-right: calc(1em + (3 * 5px)) !important;
494
- }
418
+ padding-right: calc( 1em + (3 * 5px)) !important; }
419
+
495
420
  .plugin-clear_button .clear-button {
496
421
  opacity: 0;
497
422
  position: absolute;
@@ -500,41 +425,40 @@
500
425
  margin-right: 0 !important;
501
426
  background: transparent !important;
502
427
  transition: opacity 0.5s;
503
- cursor: pointer;
504
- }
428
+ cursor: pointer; }
429
+
505
430
  .plugin-clear_button.single .clear-button {
506
- right: calc(0.75rem - 5px + 2rem);
507
- }
508
- .plugin-clear_button.focus.has-items .clear-button, .plugin-clear_button:not(.disabled):hover.has-items .clear-button {
509
- opacity: 1;
510
- }
431
+ right: calc(0.75rem - 5px + 2rem); }
432
+
433
+ .plugin-clear_button.focus.has-items .clear-button,
434
+ .plugin-clear_button:not(.disabled):hover.has-items .clear-button {
435
+ opacity: 1; }
511
436
 
512
437
  .ts-wrapper .dropdown-header {
513
438
  position: relative;
514
439
  padding: 6px 0.75rem;
515
440
  border-bottom: 1px solid #d0d0d0;
516
441
  background: #f8f8f8;
517
- border-radius: 4px 4px 0 0;
518
- }
442
+ border-radius: var(--tblr-border-radius) var(--tblr-border-radius) 0 0; }
443
+
519
444
  .ts-wrapper .dropdown-header-close {
520
445
  position: absolute;
521
446
  right: 0.75rem;
522
447
  top: 50%;
523
- color: #1e293b;
448
+ color: #1d273b;
524
449
  opacity: 0.4;
525
450
  margin-top: -12px;
526
451
  line-height: 20px;
527
- font-size: 20px !important;
528
- }
452
+ font-size: 20px !important; }
453
+
529
454
  .ts-wrapper .dropdown-header-close:hover {
530
- color: black;
531
- }
455
+ color: black; }
532
456
 
533
457
  .plugin-dropdown_input.focus.dropdown-active .ts-control {
534
458
  box-shadow: none;
535
- border: 1px solid #d9dbde;
536
- box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
537
- }
459
+ border: 1px solid var(--tblr-border-color);
460
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); }
461
+
538
462
  .plugin-dropdown_input .dropdown-input {
539
463
  border: 1px solid #d0d0d0;
540
464
  border-width: 0 0 1px 0;
@@ -542,70 +466,63 @@
542
466
  padding: 0.4375rem 0.75rem;
543
467
  box-shadow: none;
544
468
  width: 100%;
545
- background: transparent;
546
- }
469
+ background: transparent; }
470
+
547
471
  .plugin-dropdown_input.focus .ts-dropdown .dropdown-input {
548
472
  border-color: #90b5e2;
549
473
  outline: 0;
550
- box-shadow: 0 0 0 0.25rem rgba(32, 107, 196, 0.25);
551
- }
474
+ box-shadow: 0 0 0 0.25rem rgba(32, 107, 196, 0.25); }
475
+
552
476
  .plugin-dropdown_input .items-placeholder {
553
477
  border: 0 none !important;
554
478
  box-shadow: none !important;
555
- width: 100%;
556
- }
557
- .plugin-dropdown_input.has-items .items-placeholder, .plugin-dropdown_input.dropdown-active .items-placeholder {
558
- display: none !important;
559
- }
479
+ width: 100%; }
480
+
481
+ .plugin-dropdown_input.has-items .items-placeholder,
482
+ .plugin-dropdown_input.dropdown-active .items-placeholder {
483
+ display: none !important; }
560
484
 
561
485
  .ts-wrapper.plugin-input_autogrow.has-items .ts-control > input {
562
- min-width: 0;
563
- }
486
+ min-width: 0; }
487
+
564
488
  .ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input {
565
489
  flex: none;
566
- min-width: 4px;
567
- }
568
- .ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::-webkit-input-placeholder {
569
- color: transparent;
570
- }
571
- .ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::-moz-placeholder {
572
- color: transparent;
573
- }
574
- .ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input:-ms-input-placeholder {
575
- color: transparent;
576
- }
577
- .ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::-ms-input-placeholder {
578
- color: transparent;
579
- }
580
- .ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::placeholder {
581
- color: transparent;
582
- }
490
+ min-width: 4px; }
491
+ .ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::-webkit-input-placeholder {
492
+ color: transparent; }
493
+ .ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::-moz-placeholder {
494
+ color: transparent; }
495
+ .ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input:-ms-input-placeholder {
496
+ color: transparent; }
497
+ .ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::-ms-input-placeholder {
498
+ color: transparent; }
499
+ .ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::placeholder {
500
+ color: transparent; }
583
501
 
584
502
  .ts-dropdown.plugin-optgroup_columns .ts-dropdown-content {
585
- display: flex;
586
- }
503
+ display: flex; }
504
+
587
505
  .ts-dropdown.plugin-optgroup_columns .optgroup {
588
506
  border-right: 1px solid #f2f2f2;
589
507
  border-top: 0 none;
590
508
  flex-grow: 1;
591
509
  flex-basis: 0;
592
- min-width: 0;
593
- }
510
+ min-width: 0; }
511
+
594
512
  .ts-dropdown.plugin-optgroup_columns .optgroup:last-child {
595
- border-right: 0 none;
596
- }
513
+ border-right: 0 none; }
514
+
597
515
  .ts-dropdown.plugin-optgroup_columns .optgroup:before {
598
- display: none;
599
- }
516
+ display: none; }
517
+
600
518
  .ts-dropdown.plugin-optgroup_columns .optgroup-header {
601
- border-top: 0 none;
602
- }
519
+ border-top: 0 none; }
603
520
 
604
521
  .ts-wrapper.plugin-remove_button .item {
605
522
  display: inline-flex;
606
523
  align-items: center;
607
- padding-right: 0 !important;
608
- }
524
+ padding-right: 0 !important; }
525
+
609
526
  .ts-wrapper.plugin-remove_button .item .remove {
610
527
  color: inherit;
611
528
  text-decoration: none;
@@ -615,49 +532,45 @@
615
532
  border-left: 1px solid #e6e7e9;
616
533
  border-radius: 0 2px 2px 0;
617
534
  box-sizing: border-box;
618
- margin-left: 5px;
619
- }
535
+ margin-left: 5px; }
536
+
620
537
  .ts-wrapper.plugin-remove_button .item .remove:hover {
621
- background: rgba(0, 0, 0, 0.05);
622
- }
538
+ background: rgba(0, 0, 0, 0.05); }
539
+
623
540
  .ts-wrapper.plugin-remove_button .item.active .remove {
624
- border-left-color: rgba(0, 0, 0, 0);
625
- }
541
+ border-left-color: rgba(0, 0, 0, 0); }
542
+
626
543
  .ts-wrapper.plugin-remove_button.disabled .item .remove:hover {
627
- background: none;
628
- }
544
+ background: none; }
545
+
629
546
  .ts-wrapper.plugin-remove_button.disabled .item .remove {
630
- border-left-color: white;
631
- }
547
+ border-left-color: white; }
548
+
632
549
  .ts-wrapper.plugin-remove_button .remove-single {
633
550
  position: absolute;
634
551
  right: 0;
635
552
  top: 0;
636
- font-size: 23px;
637
- }
553
+ font-size: 23px; }
638
554
 
639
555
  .ts-wrapper {
640
- position: relative;
641
- }
556
+ position: relative; }
642
557
 
643
558
  .ts-dropdown,
644
559
  .ts-control,
645
560
  .ts-control input {
646
- color: #1e293b;
561
+ color: #1d273b;
647
562
  font-family: inherit;
648
563
  font-size: inherit;
649
- line-height: 1.4285714286;
650
- font-smoothing: inherit;
651
- }
564
+ line-height: 1.4285714;
565
+ font-smoothing: inherit; }
652
566
 
653
567
  .ts-control,
654
568
  .ts-wrapper.single.input-active .ts-control {
655
569
  background: #ffffff;
656
- cursor: text;
657
- }
570
+ cursor: text; }
658
571
 
659
572
  .ts-control {
660
- border: 1px solid #d9dbde;
573
+ border: 1px solid var(--tblr-border-color);
661
574
  padding: 0.4375rem 0.75rem;
662
575
  width: 100%;
663
576
  overflow: hidden;
@@ -665,91 +578,74 @@
665
578
  z-index: 1;
666
579
  box-sizing: border-box;
667
580
  box-shadow: none;
668
- border-radius: 4px;
581
+ border-radius: var(--tblr-border-radius);
669
582
  display: flex;
670
- flex-wrap: wrap;
671
- }
672
- .ts-wrapper.multi.has-items .ts-control {
673
- padding: calc( 0.4375rem - 1px - 0px) 0.75rem calc( 0.4375rem - 1px - 3px - 0px);
674
- }
675
- .full .ts-control {
676
- background-color: #ffffff;
677
- }
678
- .disabled .ts-control, .disabled .ts-control * {
679
- cursor: default !important;
680
- }
681
- .focus .ts-control {
682
- box-shadow: none;
683
- }
684
- .ts-control > * {
685
- vertical-align: baseline;
686
- display: inline-block;
687
- }
688
- .ts-wrapper.multi .ts-control > div {
689
- cursor: pointer;
690
- margin: 0 3px 3px 0;
691
- padding: 1px 5px;
692
- background: #efefef;
693
- color: #1e293b;
694
- border: 0px solid #e6e7e9;
695
- }
696
- .ts-wrapper.multi .ts-control > div.active {
697
- background: #206bc4;
698
- color: #fff;
699
- border: 0px solid rgba(0, 0, 0, 0);
700
- }
701
- .ts-wrapper.multi.disabled .ts-control > div, .ts-wrapper.multi.disabled .ts-control > div.active {
702
- color: #797979;
703
- background: white;
704
- border: 0px solid white;
705
- }
706
- .ts-control > input {
707
- flex: 1 1 auto;
708
- min-width: 7rem;
709
- display: inline-block !important;
710
- padding: 0 !important;
711
- min-height: 0 !important;
712
- max-height: none !important;
713
- max-width: 100% !important;
714
- margin: 0 !important;
715
- text-indent: 0 !important;
716
- border: 0 none !important;
717
- background: none !important;
718
- line-height: inherit !important;
719
- -webkit-user-select: auto !important;
720
- -moz-user-select: auto !important;
721
- -ms-user-select: auto !important;
722
- user-select: auto !important;
723
- box-shadow: none !important;
724
- }
725
- .ts-control > input::-ms-clear {
726
- display: none;
727
- }
728
- .ts-control > input:focus {
729
- outline: none !important;
730
- }
731
- .has-items .ts-control > input {
732
- margin: 0px 4px !important;
733
- }
734
- .ts-control.rtl {
735
- text-align: right;
736
- }
737
- .ts-control.rtl.single .ts-control:after {
738
- left: calc(0.75rem + 5px);
739
- right: auto;
740
- }
741
- .ts-control.rtl .ts-control > input {
742
- margin: 0px 4px 0px -2px !important;
743
- }
744
- .disabled .ts-control {
745
- opacity: 0.5;
746
- background-color: #fafbfc;
747
- }
748
- .input-hidden .ts-control > input {
749
- opacity: 0;
750
- position: absolute;
751
- left: -10000px;
752
- }
583
+ flex-wrap: wrap; }
584
+ .ts-wrapper.multi.has-items .ts-control {
585
+ padding: calc( 0.4375rem - 1px - 0px) 0.75rem calc( 0.4375rem - 1px - 3px - 0px); }
586
+ .full .ts-control {
587
+ background-color: #ffffff; }
588
+ .disabled .ts-control,
589
+ .disabled .ts-control * {
590
+ cursor: default !important; }
591
+ .focus .ts-control {
592
+ box-shadow: none; }
593
+ .ts-control > * {
594
+ vertical-align: baseline;
595
+ display: inline-block; }
596
+ .ts-wrapper.multi .ts-control > div {
597
+ cursor: pointer;
598
+ margin: 0 3px 3px 0;
599
+ padding: 1px 5px;
600
+ background: #efefef;
601
+ color: #1d273b;
602
+ border: 0px solid #e6e7e9; }
603
+ .ts-wrapper.multi .ts-control > div.active {
604
+ background: #206bc4;
605
+ color: #fff;
606
+ border: 0px solid rgba(0, 0, 0, 0); }
607
+ .ts-wrapper.multi.disabled .ts-control > div, .ts-wrapper.multi.disabled .ts-control > div.active {
608
+ color: #787979;
609
+ background: white;
610
+ border: 0px solid white; }
611
+ .ts-control > input {
612
+ flex: 1 1 auto;
613
+ min-width: 7rem;
614
+ display: inline-block !important;
615
+ padding: 0 !important;
616
+ min-height: 0 !important;
617
+ max-height: none !important;
618
+ max-width: 100% !important;
619
+ margin: 0 !important;
620
+ text-indent: 0 !important;
621
+ border: 0 none !important;
622
+ background: none !important;
623
+ line-height: inherit !important;
624
+ -webkit-user-select: auto !important;
625
+ -moz-user-select: auto !important;
626
+ -ms-user-select: auto !important;
627
+ user-select: auto !important;
628
+ box-shadow: none !important; }
629
+ .ts-control > input::-ms-clear {
630
+ display: none; }
631
+ .ts-control > input:focus {
632
+ outline: none !important; }
633
+ .has-items .ts-control > input {
634
+ margin: 0px 4px !important; }
635
+ .ts-control.rtl {
636
+ text-align: right; }
637
+ .ts-control.rtl.single .ts-control:after {
638
+ left: calc(0.75rem + 5px);
639
+ right: auto; }
640
+ .ts-control.rtl .ts-control > input {
641
+ margin: 0px 4px 0px -2px !important; }
642
+ .disabled .ts-control {
643
+ opacity: 0.5;
644
+ background-color: var(--tblr-gray-100); }
645
+ .input-hidden .ts-control > input {
646
+ opacity: 0;
647
+ position: absolute;
648
+ left: -10000px; }
753
649
 
754
650
  .ts-dropdown {
755
651
  position: absolute;
@@ -763,90 +659,72 @@
763
659
  border-top: 0 none;
764
660
  box-sizing: border-box;
765
661
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
766
- border-radius: 0 0 4px 4px;
767
- }
768
- .ts-dropdown [data-selectable] {
769
- cursor: pointer;
770
- overflow: hidden;
771
- }
772
- .ts-dropdown [data-selectable] .highlight {
773
- background: rgba(255, 237, 40, 0.4);
774
- border-radius: 1px;
775
- }
776
- .ts-dropdown .option,
777
- .ts-dropdown .optgroup-header,
778
- .ts-dropdown .no-results,
779
- .ts-dropdown .create {
780
- padding: 3px 0.75rem;
781
- }
782
- .ts-dropdown .option, .ts-dropdown [data-disabled], .ts-dropdown [data-disabled] [data-selectable].option {
783
- cursor: inherit;
784
- opacity: 0.5;
785
- }
786
- .ts-dropdown [data-selectable].option {
787
- opacity: 1;
788
- cursor: pointer;
789
- }
790
- .ts-dropdown .optgroup:first-child .optgroup-header {
791
- border-top: 0 none;
792
- }
793
- .ts-dropdown .optgroup-header {
794
- color: #475569;
795
- background: #ffffff;
796
- cursor: default;
797
- }
798
- .ts-dropdown .active {
799
- background-color: rgba(98, 105, 118, 0.04);
800
- color: inherit;
801
- }
802
- .ts-dropdown .active.create {
803
- color: inherit;
804
- }
805
- .ts-dropdown .create {
806
- color: rgba(30, 41, 59, 0.5);
807
- }
808
- .ts-dropdown .spinner {
809
- display: inline-block;
810
- width: 30px;
811
- height: 30px;
812
- margin: 3px 0.75rem;
813
- }
814
- .ts-dropdown .spinner:after {
815
- content: " ";
816
- display: block;
817
- width: 24px;
818
- height: 24px;
819
- margin: 3px;
820
- border-radius: 50%;
821
- border: 5px solid #d0d0d0;
822
- border-color: #d0d0d0 transparent #d0d0d0 transparent;
823
- -webkit-animation: lds-dual-ring 1.2s linear infinite;
824
- animation: lds-dual-ring 1.2s linear infinite;
825
- }
662
+ border-radius: 0 0 var(--tblr-border-radius) var(--tblr-border-radius); }
663
+ .ts-dropdown [data-selectable] {
664
+ cursor: pointer;
665
+ overflow: hidden; }
666
+ .ts-dropdown [data-selectable] .highlight {
667
+ background: rgba(255, 237, 40, 0.4);
668
+ border-radius: 1px; }
669
+ .ts-dropdown .option,
670
+ .ts-dropdown .optgroup-header,
671
+ .ts-dropdown .no-results,
672
+ .ts-dropdown .create {
673
+ padding: 3px 0.75rem; }
674
+ .ts-dropdown .option, .ts-dropdown [data-disabled], .ts-dropdown [data-disabled] [data-selectable].option {
675
+ cursor: inherit;
676
+ opacity: 0.5; }
677
+ .ts-dropdown [data-selectable].option {
678
+ opacity: 1;
679
+ cursor: pointer; }
680
+ .ts-dropdown .optgroup:first-child .optgroup-header {
681
+ border-top: 0 none; }
682
+ .ts-dropdown .optgroup-header {
683
+ color: #49566c;
684
+ background: #ffffff;
685
+ cursor: default; }
686
+ .ts-dropdown .active {
687
+ background-color: rgba(var(--tblr-muted-rgb), 0.04);
688
+ color: inherit; }
689
+ .ts-dropdown .active.create {
690
+ color: inherit; }
691
+ .ts-dropdown .create {
692
+ color: rgba(29, 39, 59, 0.5); }
693
+ .ts-dropdown .spinner {
694
+ display: inline-block;
695
+ width: 30px;
696
+ height: 30px;
697
+ margin: 3px 0.75rem; }
698
+ .ts-dropdown .spinner:after {
699
+ content: " ";
700
+ display: block;
701
+ width: 24px;
702
+ height: 24px;
703
+ margin: 3px;
704
+ border-radius: 50%;
705
+ border: 5px solid #d0d0d0;
706
+ border-color: #d0d0d0 transparent #d0d0d0 transparent;
707
+ -webkit-animation: lds-dual-ring 1.2s linear infinite;
708
+ animation: lds-dual-ring 1.2s linear infinite; }
709
+
826
710
  @-webkit-keyframes lds-dual-ring {
827
711
  0% {
828
- transform: rotate(0deg);
829
- }
712
+ transform: rotate(0deg); }
830
713
  100% {
831
- transform: rotate(360deg);
832
- }
833
- }
714
+ transform: rotate(360deg); } }
715
+
834
716
  @keyframes lds-dual-ring {
835
717
  0% {
836
- transform: rotate(0deg);
837
- }
718
+ transform: rotate(0deg); }
838
719
  100% {
839
- transform: rotate(360deg);
840
- }
841
- }
720
+ transform: rotate(360deg); } }
842
721
 
843
722
  .ts-dropdown-content {
844
723
  overflow-y: auto;
845
724
  overflow-x: hidden;
846
725
  max-height: 200px;
847
726
  overflow-scrolling: touch;
848
- scroll-behavior: smooth;
849
- }
727
+ scroll-behavior: smooth; }
850
728
 
851
729
  .ts-hidden-accessible {
852
730
  border: 0 !important;
@@ -857,16 +735,14 @@
857
735
  padding: 0 !important;
858
736
  position: absolute !important;
859
737
  width: 1px !important;
860
- white-space: nowrap !important;
861
- }
738
+ white-space: nowrap !important; }
862
739
 
863
740
  .ts-wrapper.form-control,
864
741
  .ts-wrapper.form-select {
865
742
  padding: 0 !important;
866
743
  height: auto;
867
744
  box-shadow: none;
868
- display: flex;
869
- }
745
+ display: flex; }
870
746
 
871
747
  .ts-dropdown,
872
748
  .ts-dropdown.form-control,
@@ -875,213 +751,178 @@
875
751
  padding: 0;
876
752
  z-index: 1000;
877
753
  background: #ffffff;
878
- border: 1px solid rgba(98, 105, 118, 0.16);
754
+ border: 1px solid var(--tblr-border-color-translucent);
879
755
  border-radius: 4px;
880
- box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
881
- }
756
+ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }
882
757
 
883
758
  .ts-dropdown .optgroup-header {
884
759
  font-size: 0.765625rem;
885
- line-height: 1.4285714286;
886
- }
760
+ line-height: 1.4285714; }
761
+
887
762
  .ts-dropdown .optgroup:first-child:before {
888
- display: none;
889
- }
763
+ display: none; }
764
+
890
765
  .ts-dropdown .optgroup:before {
891
- content: " ";
766
+ content: ' ';
892
767
  display: block;
893
768
  height: 0;
894
769
  margin: 0.5rem 0;
895
770
  overflow: hidden;
896
- border-top: 1px solid rgba(98, 105, 118, 0.16);
771
+ border-top: 1px solid var(--tblr-border-color-translucent);
897
772
  margin-left: -0.75rem;
898
- margin-right: -0.75rem;
899
- }
773
+ margin-right: -0.75rem; }
774
+
900
775
  .ts-dropdown .create {
901
- padding-left: 0.75rem;
902
- }
776
+ padding-left: 0.75rem; }
903
777
 
904
778
  .ts-dropdown-content {
905
- padding: 5px 0;
906
- }
779
+ padding: 5px 0; }
907
780
 
908
781
  .ts-control {
909
782
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
910
783
  display: flex;
911
- align-items: center;
912
- }
913
- @media (prefers-reduced-motion: reduce) {
914
- .ts-control {
915
- transition: none;
916
- }
917
- }
918
- .ts-control.dropdown -active {
919
- border-radius: 4px;
920
- }
921
- .focus .ts-control {
922
- border-color: #90b5e2;
923
- outline: 0;
924
- box-shadow: 0 0 0 0.25rem rgba(32, 107, 196, 0.25);
925
- }
926
- .ts-control .item {
927
- display: flex;
928
- align-items: center;
929
- }
784
+ align-items: center; }
785
+ @media (prefers-reduced-motion: reduce) {
786
+ .ts-control {
787
+ transition: none; } }
788
+ .ts-control.dropdown -active {
789
+ border-radius: var(--tblr-border-radius); }
790
+ .focus .ts-control {
791
+ border-color: #90b5e2;
792
+ outline: 0;
793
+ box-shadow: 0 0 0 0.25rem rgba(32, 107, 196, 0.25); }
794
+ .ts-control .item {
795
+ display: flex;
796
+ align-items: center; }
930
797
 
931
798
  .ts-wrapper.is-invalid,
932
799
  .was-validated .invalid,
933
800
  .was-validated :invalid + .ts-wrapper {
934
- border-color: #d63939;
935
- }
936
- .ts-wrapper.is-invalid:not(.single),
937
- .was-validated .invalid:not(.single),
938
- .was-validated :invalid + .ts-wrapper:not(.single) {
939
- background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d63939' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e");
940
- background-position: right calc(0.3571428572em + 0.21875rem) center;
941
- background-size: calc(0.7142857143em + 0.4375rem) calc(0.7142857143em + 0.4375rem);
942
- background-repeat: no-repeat;
943
- }
944
- .ts-wrapper.is-invalid.single,
945
- .was-validated .invalid.single,
946
- .was-validated :invalid + .ts-wrapper.single {
947
- background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23a5a9b1' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d63939' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e");
948
- background-position: right 0.75rem center, center right 2.25rem;
949
- background-size: 16px 12px, calc(0.7142857143em + 0.4375rem) calc(0.7142857143em + 0.4375rem);
950
- background-repeat: no-repeat;
951
- }
952
- .ts-wrapper.is-invalid.focus .ts-control,
953
- .was-validated .invalid.focus .ts-control,
954
- .was-validated :invalid + .ts-wrapper.focus .ts-control {
955
- border-color: #d63939;
956
- box-shadow: 0 0 0 0.25rem rgba(214, 57, 57, 0.25);
957
- }
801
+ border-color: #d63939; }
802
+ .ts-wrapper.is-invalid:not(.single),
803
+ .was-validated .invalid:not(.single),
804
+ .was-validated :invalid + .ts-wrapper:not(.single) {
805
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d63939' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e");
806
+ background-position: right calc(0.3571429em + 0.21875rem) center;
807
+ background-size: calc(0.7142857em + 0.4375rem) calc(0.7142857em + 0.4375rem);
808
+ background-repeat: no-repeat; }
809
+ .ts-wrapper.is-invalid.single,
810
+ .was-validated .invalid.single,
811
+ .was-validated :invalid + .ts-wrapper.single {
812
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23a5a9b1' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d63939' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e");
813
+ background-position: right 0.75rem center, center right 2.25rem;
814
+ background-size: 16px 12px, calc(0.7142857em + 0.4375rem) calc(0.7142857em + 0.4375rem);
815
+ background-repeat: no-repeat; }
816
+ .ts-wrapper.is-invalid.focus .ts-control,
817
+ .was-validated .invalid.focus .ts-control,
818
+ .was-validated :invalid + .ts-wrapper.focus .ts-control {
819
+ border-color: #d63939;
820
+ box-shadow: 0 0 0 0.25rem rgba(214, 57, 57, 0.25); }
958
821
 
959
822
  .ts-wrapper.is-valid,
960
823
  .was-validated .valid,
961
824
  .was-validated :valid + .ts-wrapper {
962
- border-color: #2fb344;
963
- }
964
- .ts-wrapper.is-valid:not(.single),
965
- .was-validated .valid:not(.single),
966
- .was-validated :valid + .ts-wrapper:not(.single) {
967
- background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232fb344' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e");
968
- background-position: right calc(0.3571428572em + 0.21875rem) center;
969
- background-size: calc(0.7142857143em + 0.4375rem) calc(0.7142857143em + 0.4375rem);
970
- background-repeat: no-repeat;
971
- }
972
- .ts-wrapper.is-valid.single,
973
- .was-validated .valid.single,
974
- .was-validated :valid + .ts-wrapper.single {
975
- background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23a5a9b1' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232fb344' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e");
976
- background-position: right 0.75rem center, center right 2.25rem;
977
- background-size: 16px 12px, calc(0.7142857143em + 0.4375rem) calc(0.7142857143em + 0.4375rem);
978
- background-repeat: no-repeat;
979
- }
980
- .ts-wrapper.is-valid.focus .ts-control,
981
- .was-validated .valid.focus .ts-control,
982
- .was-validated :valid + .ts-wrapper.focus .ts-control {
983
- border-color: #2fb344;
984
- box-shadow: 0 0 0 0.25rem rgba(47, 179, 68, 0.25);
985
- }
825
+ border-color: #2fb344; }
826
+ .ts-wrapper.is-valid:not(.single),
827
+ .was-validated .valid:not(.single),
828
+ .was-validated :valid + .ts-wrapper:not(.single) {
829
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232fb344' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e");
830
+ background-position: right calc(0.3571429em + 0.21875rem) center;
831
+ background-size: calc(0.7142857em + 0.4375rem) calc(0.7142857em + 0.4375rem);
832
+ background-repeat: no-repeat; }
833
+ .ts-wrapper.is-valid.single,
834
+ .was-validated .valid.single,
835
+ .was-validated :valid + .ts-wrapper.single {
836
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23a5a9b1' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232fb344' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e");
837
+ background-position: right 0.75rem center, center right 2.25rem;
838
+ background-size: 16px 12px, calc(0.7142857em + 0.4375rem) calc(0.7142857em + 0.4375rem);
839
+ background-repeat: no-repeat; }
840
+ .ts-wrapper.is-valid.focus .ts-control,
841
+ .was-validated .valid.focus .ts-control,
842
+ .was-validated :valid + .ts-wrapper.focus .ts-control {
843
+ border-color: #2fb344;
844
+ box-shadow: 0 0 0 0.25rem rgba(47, 179, 68, 0.25); }
986
845
 
987
846
  .ts-wrapper {
988
- min-height: calc(1.4285714286em + 0.875rem + 2px);
989
- display: flex;
990
- }
991
- .input-group-sm > .ts-wrapper, .ts-wrapper.form-select-sm, .ts-wrapper.form-control-sm {
992
- min-height: calc(1.4285714286em + 0.25rem + 2px);
993
- }
994
- .input-group-sm > .ts-wrapper .ts-control, .ts-wrapper.form-select-sm .ts-control, .ts-wrapper.form-control-sm .ts-control {
995
- padding: 0 0.75rem;
996
- border-radius: 2px;
997
- font-size: 0.75rem;
998
- }
999
- .input-group-sm > .ts-wrapper.has-items .ts-control, .ts-wrapper.form-select-sm.has-items .ts-control, .ts-wrapper.form-control-sm.has-items .ts-control {
1000
- font-size: 0.75rem;
1001
- padding-bottom: 0;
1002
- }
1003
- .input-group-sm > .ts-wrapper.multi.has-items .ts-control, .ts-wrapper.form-select-sm.multi.has-items .ts-control, .ts-wrapper.form-control-sm.multi.has-items .ts-control {
1004
- padding-top: calc((calc(1.4285714286em + 0.25rem + 2px) - (1.4285714286 * 0.75rem) - 4px) / 2) !important;
1005
- }
1006
- .ts-wrapper.multi.has-items .ts-control {
1007
- padding-left: calc(0.75rem - 5px);
1008
- padding-right: calc(0.75rem - 5px);
1009
- }
1010
- .ts-wrapper.multi .ts-control > div {
1011
- border-radius: calc(4px - 1px);
1012
- }
1013
- .input-group-lg > .ts-wrapper, .ts-wrapper.form-control-lg, .ts-wrapper.form-select-lg {
1014
- min-height: calc(1.4285714286em + 1rem + 2px);
1015
- }
1016
- .input-group-lg > .ts-wrapper .ts-control, .ts-wrapper.form-control-lg .ts-control, .ts-wrapper.form-select-lg .ts-control {
1017
- border-radius: 8px;
1018
- font-size: 1.25rem;
1019
- }
847
+ min-height: calc(1.4285714em + 0.875rem + 2px);
848
+ display: flex; }
849
+ .input-group-sm > .ts-wrapper, .ts-wrapper.form-select-sm, .ts-wrapper.form-control-sm {
850
+ min-height: calc(1.4285714em + 0.25rem + 2px); }
851
+ .input-group-sm > .ts-wrapper .ts-control, .ts-wrapper.form-select-sm .ts-control, .ts-wrapper.form-control-sm .ts-control {
852
+ padding: 0 .75rem;
853
+ border-radius: 2px;
854
+ font-size: 0.75rem; }
855
+ .input-group-sm > .ts-wrapper.has-items .ts-control, .ts-wrapper.form-select-sm.has-items .ts-control, .ts-wrapper.form-control-sm.has-items .ts-control {
856
+ font-size: 0.75rem;
857
+ padding-bottom: 0; }
858
+ .input-group-sm > .ts-wrapper.multi.has-items .ts-control, .ts-wrapper.form-select-sm.multi.has-items .ts-control, .ts-wrapper.form-control-sm.multi.has-items .ts-control {
859
+ padding-top: calc( (calc(1.4285714em + 0.25rem + 2px) - (1.4285714 * 0.75rem) - 4px)/2) !important; }
860
+ .ts-wrapper.multi.has-items .ts-control {
861
+ padding-left: calc(0.75rem - 5px);
862
+ padding-right: calc(0.75rem - 5px); }
863
+ .ts-wrapper.multi .ts-control > div {
864
+ border-radius: calc(var(--tblr-border-radius) - 1px); }
865
+ .input-group-lg > .ts-wrapper, .ts-wrapper.form-control-lg, .ts-wrapper.form-select-lg {
866
+ min-height: calc(1.4285714em + 1rem + 2px); }
867
+ .input-group-lg > .ts-wrapper .ts-control, .ts-wrapper.form-control-lg .ts-control, .ts-wrapper.form-select-lg .ts-control {
868
+ border-radius: 8px;
869
+ font-size: 1.25rem; }
1020
870
 
1021
871
  .ts-wrapper:not(.form-control):not(.form-select) {
1022
872
  padding: 0;
1023
873
  border: none;
1024
874
  height: auto;
1025
875
  box-shadow: none;
1026
- background: none;
1027
- }
1028
- .ts-wrapper:not(.form-control):not(.form-select).single .ts-control {
1029
- background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23a5a9b1' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
1030
- background-repeat: no-repeat;
1031
- background-position: right 0.75rem center;
1032
- background-size: 16px 12px;
1033
- padding-right: 2rem;
1034
- }
1035
-
1036
- .ts-wrapper.form-control .ts-control, .ts-wrapper.form-control.single.input-active .ts-control,
876
+ background: none; }
877
+ .ts-wrapper:not(.form-control):not(.form-select).single .ts-control {
878
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23a5a9b1' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
879
+ background-repeat: no-repeat;
880
+ background-position: right 0.75rem center;
881
+ background-size: 16px 12px;
882
+ padding-right: 2rem; }
883
+
884
+ .ts-wrapper.form-control .ts-control,
885
+ .ts-wrapper.form-control.single.input-active .ts-control,
1037
886
  .ts-wrapper.form-select .ts-control,
1038
887
  .ts-wrapper.form-select.single.input-active .ts-control {
1039
888
  border: none !important;
1040
- background: transparent !important;
1041
- }
889
+ background: transparent !important; }
1042
890
 
1043
891
  .input-group > .ts-wrapper {
1044
- flex-grow: 1;
1045
- }
892
+ flex-grow: 1; }
893
+
1046
894
  .input-group > .ts-wrapper:not(:nth-child(2)) > .ts-control {
1047
895
  border-top-left-radius: 0;
1048
- border-bottom-left-radius: 0;
1049
- }
896
+ border-bottom-left-radius: 0; }
897
+
1050
898
  .input-group > .ts-wrapper:not(:last-child) > .ts-control {
1051
899
  border-top-right-radius: 0;
1052
- border-bottom-right-radius: 0;
1053
- }
900
+ border-bottom-right-radius: 0; }
1054
901
 
1055
902
  .ts-input {
1056
- color: inherit;
1057
- }
903
+ color: inherit; }
1058
904
 
1059
905
  .ts-control {
1060
- color: inherit;
1061
- }
1062
- .ts-control .dropdown-menu {
1063
- width: 100%;
1064
- height: auto;
1065
- }
906
+ color: inherit; }
907
+ .ts-control .dropdown-menu {
908
+ width: 100%;
909
+ height: auto; }
1066
910
 
1067
911
  svg {
1068
- touch-action: none;
1069
- }
912
+ touch-action: none; }
1070
913
 
1071
914
  image, text, .jvm-zoomin, .jvm-zoomout {
1072
915
  -webkit-user-select: none;
1073
916
  -moz-user-select: none;
1074
917
  -ms-user-select: none;
1075
- user-select: none;
1076
- }
918
+ user-select: none; }
1077
919
 
1078
920
  .jvm-container {
1079
921
  touch-action: none;
1080
922
  position: relative;
1081
923
  overflow: hidden;
1082
924
  height: 100%;
1083
- width: 100%;
1084
- }
925
+ width: 100%; }
1085
926
 
1086
927
  .jvm-tooltip {
1087
928
  border-radius: 3px;
@@ -1093,12 +934,10 @@ image, text, .jvm-zoomin, .jvm-zoomout {
1093
934
  white-space: nowrap;
1094
935
  position: absolute;
1095
936
  display: none;
1096
- color: #FFF;
1097
- }
937
+ color: #FFF; }
1098
938
 
1099
939
  .jvm-tooltip.active {
1100
- display: block;
1101
- }
940
+ display: block; }
1102
941
 
1103
942
  .jvm-zoom-btn {
1104
943
  border-radius: 3px;
@@ -1111,29 +950,23 @@ image, text, .jvm-zoomin, .jvm-zoomout {
1111
950
  color: #FFF;
1112
951
  height: 15px;
1113
952
  width: 15px;
1114
- left: 10px;
1115
- }
953
+ left: 10px; }
1116
954
 
1117
955
  .jvm-zoom-btn.jvm-zoomout {
1118
- top: 30px;
1119
- }
956
+ top: 30px; }
1120
957
 
1121
958
  .jvm-zoom-btn.jvm-zoomin {
1122
- top: 10px;
1123
- }
959
+ top: 10px; }
1124
960
 
1125
961
  .jvm-series-container {
1126
962
  right: 15px;
1127
- position: absolute;
1128
- }
963
+ position: absolute; }
1129
964
 
1130
965
  .jvm-series-container.jvm-series-h {
1131
- bottom: 15px;
1132
- }
966
+ bottom: 15px; }
1133
967
 
1134
968
  .jvm-series-container.jvm-series-v {
1135
- top: 15px;
1136
- }
969
+ top: 15px; }
1137
970
 
1138
971
  .jvm-series-container .jvm-legend {
1139
972
  background-color: #FFF;
@@ -1143,88 +976,73 @@ image, text, .jvm-zoomin, .jvm-zoomout {
1143
976
  border-color: #e5e7eb;
1144
977
  padding: 0.6rem;
1145
978
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
1146
- float: left;
1147
- }
979
+ float: left; }
1148
980
 
1149
981
  .jvm-series-container .jvm-legend .jvm-legend-title {
1150
982
  line-height: 1;
1151
983
  border-bottom: 1px solid #e5e7eb;
1152
984
  padding-bottom: 0.5rem;
1153
985
  margin-bottom: 0.575rem;
1154
- text-align: left;
1155
- }
986
+ text-align: left; }
1156
987
 
1157
988
  .jvm-series-container .jvm-legend .jvm-legend-inner {
1158
- overflow: hidden;
1159
- }
989
+ overflow: hidden; }
1160
990
 
1161
991
  .jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick {
1162
992
  overflow: hidden;
1163
- min-width: 40px;
1164
- }
993
+ min-width: 40px; }
1165
994
 
1166
995
  .jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick:not(:first-child) {
1167
- margin-top: 0.575rem;
1168
- }
996
+ margin-top: 0.575rem; }
1169
997
 
1170
998
  .jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick .jvm-legend-tick-sample {
1171
999
  border-radius: 4px;
1172
- margin-right: 0.65rem;
1000
+ margin-right: .65rem;
1173
1001
  height: 16px;
1174
1002
  width: 16px;
1175
- float: left;
1176
- }
1003
+ float: left; }
1177
1004
 
1178
1005
  .jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick .jvm-legend-tick-text {
1179
1006
  font-size: 12px;
1180
1007
  text-align: center;
1181
- float: left;
1182
- }
1008
+ float: left; }
1183
1009
 
1184
- .jvm-line[animation=true] {
1010
+ .jvm-line[animation="true"] {
1185
1011
  -webkit-animation: jvm-line-animation 10s linear forwards infinite;
1186
- animation: jvm-line-animation 10s linear forwards infinite;
1187
- }
1012
+ animation: jvm-line-animation 10s linear forwards infinite; }
1188
1013
 
1189
1014
  @-webkit-keyframes jvm-line-animation {
1190
1015
  from {
1191
- stroke-dashoffset: 250;
1192
- }
1193
- }
1016
+ stroke-dashoffset: 250; } }
1017
+
1194
1018
  @keyframes jvm-line-animation {
1195
1019
  from {
1196
- stroke-dashoffset: 250;
1197
- }
1198
- }
1020
+ stroke-dashoffset: 250; } }
1021
+
1199
1022
  .jvm-tooltip {
1200
- background: #1e293b;
1023
+ background: #1d273b;
1201
1024
  font-family: inherit;
1202
1025
  font-size: 0.75rem;
1203
- box-shadow: rgba(30, 41, 59, 0.04) 0 2px 4px 0;
1204
- }
1026
+ box-shadow: var(--tblr-shadow-card); }
1205
1027
 
1206
1028
  .jvm-series-container .jvm-legend .jvm-legend-title {
1207
1029
  border-bottom: 0;
1208
- font-weight: 500;
1209
- }
1030
+ font-weight: var(--tblr-font-weight-medium); }
1210
1031
 
1211
1032
  .jvm-series-container .jvm-legend {
1212
- background-color: var(--tblr-card-bg);
1213
- border: 1px solid var(--tblr-border-color);
1214
- min-width: 8rem;
1215
- }
1216
- .jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick {
1217
- display: flex;
1218
- align-items: center;
1219
- }
1220
- .jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick .jvm-legend-tick-sample {
1221
- width: 0.75rem;
1222
- height: 0.75rem;
1223
- }
1033
+ background-color: var(--tblr-card-bg, var(--tblr-bg-surface));
1034
+ border: var(--tblr-border-width) solid var(--tblr-border-color);
1035
+ min-width: 8rem; }
1036
+ .jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick {
1037
+ display: flex;
1038
+ align-items: center; }
1039
+ .jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick .jvm-legend-tick-sample {
1040
+ width: .75rem;
1041
+ height: .75rem; }
1224
1042
 
1225
1043
  .jvm-zoom-btn {
1226
- border: 1px solid var(--tblr-border-color);
1227
- background: var(--tblr-card-bg);
1044
+ border: var(--tblr-border-width) solid var(--tblr-border-color);
1045
+ background: var(--tblr-card-bg, var(--tblr-bg-surface));
1228
1046
  color: var(--tblr-body-color);
1229
1047
  padding: 0;
1230
1048
  display: flex;
@@ -1234,74 +1052,57 @@ image, text, .jvm-zoomin, .jvm-zoomout {
1234
1052
  width: 1.5rem;
1235
1053
  height: 1.5rem;
1236
1054
  font-size: 1rem;
1237
- box-shadow: rgba(30, 41, 59, 0.04) 0 2px 4px 0;
1238
- }
1239
- .jvm-zoom-btn.jvm-zoomout {
1240
- top: 2.5rem;
1241
- }
1055
+ box-shadow: var(--tblr-shadow-card); }
1056
+ .jvm-zoom-btn.jvm-zoomout {
1057
+ top: 2.5rem; }
1242
1058
 
1243
1059
  .dropzone {
1244
1060
  border: 1px dashed var(--tblr-border-color);
1245
1061
  color: var(--tblr-muted);
1246
- padding: 1rem;
1247
- }
1248
- .dropzone.dz-drag-hover {
1249
- border: 1px dashed var(--tblr-primary);
1250
- background: rgba(var(--tblr-primary-rgb), 0.01);
1251
- color: var(--tblr-primary);
1252
- }
1253
- .dropzone.dz-drag-hover .dz-message {
1254
- opacity: 1;
1255
- }
1256
- .dropzone .dz-preview {
1257
- margin: 0.5rem;
1258
- }
1259
- .dropzone .dz-preview .dz-image {
1260
- border-radius: 4px;
1261
- }
1262
- .dropzone .dz-preview .dz-success-mark {
1263
- height: 54px;
1264
- }
1062
+ padding: 1rem; }
1063
+ .dropzone.dz-drag-hover {
1064
+ border: 1px dashed var(--tblr-primary);
1065
+ background: rgba(var(--tblr-primary-rgb), 0.01);
1066
+ color: var(--tblr-primary); }
1067
+ .dropzone.dz-drag-hover .dz-message {
1068
+ opacity: 1; }
1069
+ .dropzone .dz-preview {
1070
+ margin: .5rem; }
1071
+ .dropzone .dz-preview .dz-image {
1072
+ border-radius: var(--tblr-border-radius); }
1073
+ .dropzone .dz-preview .dz-success-mark {
1074
+ height: 54px; }
1265
1075
 
1266
1076
  .fslightbox-container {
1267
1077
  font-family: inherit !important;
1268
- background: rgba(30, 41, 59, 0.24) !important;
1078
+ background: rgba(29, 39, 59, 0.24) !important;
1269
1079
  -webkit-backdrop-filter: blur(4px) !important;
1270
- backdrop-filter: blur(4px) !important;
1271
- }
1080
+ backdrop-filter: blur(4px) !important; }
1272
1081
 
1273
1082
  .fslightbox-slide-number-container {
1274
- color: inherit !important;
1275
- }
1083
+ color: inherit !important; }
1276
1084
 
1277
1085
  .fslightbox-slash {
1278
- background: currentColor !important;
1279
- }
1086
+ background: currentColor !important; }
1280
1087
 
1281
1088
  body {
1282
- --plyr-color-main: #206bc4;
1283
- }
1089
+ --plyr-color-main: var(--tblr-primary); }
1284
1090
 
1285
1091
  .tox-tinymce {
1286
- border: 1px solid var(--tblr-border-color) !important;
1092
+ border: var(--tblr-border-width) solid var(--tblr-border-color) !important;
1287
1093
  border-radius: 4px !important;
1288
- font-family: var(--tblr-font-sans-serif) !important;
1289
- }
1094
+ font-family: var(--tblr-font-sans-serif) !important; }
1290
1095
 
1291
1096
  .tox-toolbar__group {
1292
- padding: 0 0.5rem 0;
1293
- }
1097
+ padding: 0 .5rem 0; }
1294
1098
 
1295
1099
  .tox:not(.tox-tinymce-inline) .tox-editor-header {
1296
- border-bottom: 1px solid var(--tblr-border-color) !important;
1100
+ border-bottom: var(--tblr-border-width) solid var(--tblr-border-color) !important;
1297
1101
  box-shadow: none !important;
1298
- padding: 0 !important;
1299
- }
1102
+ padding: 0 !important; }
1300
1103
 
1301
1104
  .tox-tbtn {
1302
- margin: 0 !important;
1303
- }
1105
+ margin: 0 !important; }
1304
1106
 
1305
1107
  .tox-statusbar {
1306
- border-top: 1px solid var(--tblr-border-color) !important;
1307
- }
1108
+ border-top: var(--tblr-border-width) solid var(--tblr-border-color) !important; }