react-autoql 6.5.0 → 6.6.0
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/dist/autoql.cjs.js +1 -1
- package/dist/autoql.cjs.js.gz +0 -0
- package/dist/autoql.esm.css +220 -144
- package/dist/autoql.esm.css.gz +0 -0
- package/dist/autoql.esm.js +1 -1
- package/dist/autoql.esm.js.gz +0 -0
- package/package.json +1 -1
package/dist/autoql.cjs.js.gz
CHANGED
|
Binary file
|
package/dist/autoql.esm.css
CHANGED
|
@@ -294,63 +294,170 @@ span.react-autoql-icon {
|
|
|
294
294
|
100% {
|
|
295
295
|
transform: rotate(360deg); } }
|
|
296
296
|
|
|
297
|
+
.react-autoql-month-range-picker {
|
|
298
|
+
font-size: 12px;
|
|
299
|
+
display: inline-flex;
|
|
300
|
+
flex-direction: column; }
|
|
301
|
+
.react-autoql-month-range-picker .react-autoql-month-picker-year {
|
|
302
|
+
box-sizing: inherit;
|
|
303
|
+
display: flex;
|
|
304
|
+
justify-content: space-between;
|
|
305
|
+
align-items: center;
|
|
306
|
+
flex: 0 0 60px; }
|
|
307
|
+
.react-autoql-month-range-picker .year-picker {
|
|
308
|
+
border: 0;
|
|
309
|
+
padding: 10px 30px 10px 10px;
|
|
310
|
+
border-radius: 4px;
|
|
311
|
+
outline: 0;
|
|
312
|
+
background: url("data:image/svg+xml;utf8,<svg width=%279px%27 height=%276px%27 viewBox=%270 0 9 6%27 version=%271.1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27><g id=%27Artboard%27 stroke=%27none%27 stroke-width=%271%27 fill=%27none%27 fill-rule=%27evenodd%27 transform=%27translate%28-636.000000, -171.000000%29%27 fill-opacity=%270.368716033%27><g id=%27input%27 transform=%27translate%28172.000000, 37.000000%29%27 fill=%27%230E242F%27 fill-rule=%27nonzero%27><g id=%27Group-9%27 transform=%27translate%28323.000000, 127.000000%29%27><path d=%27M142.280245,7.23952813 C141.987305,6.92353472 141.512432,6.92361662 141.219585,7.23971106 C140.926739,7.5558055 140.926815,8.06821394 141.219755,8.38420735 L145.498801,13 L149.780245,8.38162071 C150.073185,8.0656273 150.073261,7.55321886 149.780415,7.23712442 C149.487568,6.92102998 149.012695,6.92094808 148.719755,7.23694149 L145.498801,10.7113732 L142.280245,7.23952813 Z%27 id=%27arrow%27></path></g></g></g></svg>") no-repeat;
|
|
313
|
+
background-position: right 8px center;
|
|
314
|
+
cursor: pointer;
|
|
315
|
+
text-align: center;
|
|
316
|
+
color: var(--react-autoql-text-color-primary);
|
|
317
|
+
-webkit-appearance: none;
|
|
318
|
+
-moz-appearance: none;
|
|
319
|
+
appearance: none; }
|
|
320
|
+
.react-autoql-month-range-picker .year-picker:hover {
|
|
321
|
+
background-color: var(--react-autoql-border-color); }
|
|
322
|
+
.react-autoql-month-range-picker .react-autoql-month-picker-month-picker {
|
|
323
|
+
padding-bottom: 20px;
|
|
324
|
+
padding-left: 5px;
|
|
325
|
+
padding-right: 5px; }
|
|
326
|
+
.react-autoql-month-range-picker .react-autoql-month-picker-month-picker .month-picker-row {
|
|
327
|
+
display: flex;
|
|
328
|
+
justify-content: center; }
|
|
329
|
+
.react-autoql-month-range-picker .react-autoql-month-picker-month-picker .month-picker-month {
|
|
330
|
+
cursor: pointer;
|
|
331
|
+
margin: 2px 0px;
|
|
332
|
+
padding: 1px 0px;
|
|
333
|
+
border-top: 1px solid var(--react-autoql-background-color-secondary);
|
|
334
|
+
border-bottom: 1px solid var(--react-autoql-background-color-secondary); }
|
|
335
|
+
.react-autoql-month-range-picker .react-autoql-month-picker-month-picker .month-picker-month .month-picker-month-text-wrapper {
|
|
336
|
+
display: flex;
|
|
337
|
+
align-items: center;
|
|
338
|
+
justify-content: center;
|
|
339
|
+
position: relative;
|
|
340
|
+
width: 60px;
|
|
341
|
+
height: 30px;
|
|
342
|
+
border-radius: 100px; }
|
|
343
|
+
.react-autoql-month-range-picker .react-autoql-month-picker-month-picker .month-picker-month.preview {
|
|
344
|
+
border-radius: 1px;
|
|
345
|
+
border-top: 1px solid var(--react-autoql-accent-color);
|
|
346
|
+
border-bottom: 1px solid var(--react-autoql-accent-color); }
|
|
347
|
+
.react-autoql-month-range-picker .react-autoql-month-picker-month-picker .month-picker-month.preview.preview-start {
|
|
348
|
+
border-left: 1px solid var(--react-autoql-accent-color);
|
|
349
|
+
margin-left: -1px;
|
|
350
|
+
border-bottom-left-radius: 100px;
|
|
351
|
+
border-top-left-radius: 100px; }
|
|
352
|
+
.react-autoql-month-range-picker .react-autoql-month-picker-month-picker .month-picker-month.preview.preview-start.selection-start {
|
|
353
|
+
padding-left: 1px;
|
|
354
|
+
margin-left: -2px; }
|
|
355
|
+
.react-autoql-month-range-picker .react-autoql-month-picker-month-picker .month-picker-month.preview.preview-end {
|
|
356
|
+
border-right: 1px solid var(--react-autoql-accent-color);
|
|
357
|
+
margin-right: -1px;
|
|
358
|
+
border-bottom-right-radius: 100px;
|
|
359
|
+
border-top-right-radius: 100px; }
|
|
360
|
+
.react-autoql-month-range-picker .react-autoql-month-picker-month-picker .month-picker-month.preview.preview-end.selection-end {
|
|
361
|
+
padding-right: 1px;
|
|
362
|
+
margin-right: -2px; }
|
|
363
|
+
.react-autoql-month-range-picker .react-autoql-month-picker-month-picker .month-picker-month.active .month-picker-month-text-wrapper .month-picker-month-text {
|
|
364
|
+
display: flex;
|
|
365
|
+
justify-content: center;
|
|
366
|
+
align-items: center;
|
|
367
|
+
width: 100%;
|
|
368
|
+
height: 100%;
|
|
369
|
+
border-radius: 100px; }
|
|
370
|
+
.react-autoql-month-range-picker .react-autoql-month-picker-month-picker .month-picker-month.active:hover .month-picker-month-text-wrapper .month-picker-month-text {
|
|
371
|
+
background: #ffffff2b; }
|
|
372
|
+
.react-autoql-month-range-picker .react-autoql-month-picker-month-picker .month-picker-month.active .month-picker-month-text-wrapper {
|
|
373
|
+
background-color: var(--react-autoql-accent-color);
|
|
374
|
+
color: var(--react-autoql-text-color-accent);
|
|
375
|
+
border-radius: 1px; }
|
|
376
|
+
.react-autoql-month-range-picker .react-autoql-month-picker-month-picker .month-picker-month.active.selection-start .month-picker-month-text-wrapper {
|
|
377
|
+
border-top-left-radius: 100px;
|
|
378
|
+
border-bottom-left-radius: 100px; }
|
|
379
|
+
.react-autoql-month-range-picker .react-autoql-month-picker-month-picker .month-picker-month.active.selection-end .month-picker-month-text-wrapper {
|
|
380
|
+
border-top-right-radius: 100px;
|
|
381
|
+
border-bottom-right-radius: 100px; }
|
|
382
|
+
.react-autoql-month-range-picker .react-autoql-month-picker-month-picker .month-picker-month.current-month .month-picker-month-text-wrapper .month-picker-month-text:after {
|
|
383
|
+
content: '';
|
|
384
|
+
position: absolute;
|
|
385
|
+
bottom: 3px;
|
|
386
|
+
left: 50%;
|
|
387
|
+
transform: translate(-50%, 0);
|
|
388
|
+
width: 24px;
|
|
389
|
+
height: 2px;
|
|
390
|
+
border-radius: 2px;
|
|
391
|
+
background: var(--react-autoql-accent-color); }
|
|
392
|
+
.react-autoql-month-range-picker .react-autoql-month-picker-month-picker .month-picker-month.current-month.active .month-picker-month-text-wrapper .month-picker-month-text:after {
|
|
393
|
+
background: var(--react-autoql-text-color-accent); }
|
|
394
|
+
|
|
395
|
+
|
|
297
396
|
.react-autoql-date-picker .rdrCalendarWrapper,
|
|
298
|
-
.react-autoql-date-picker .rdrDateRangeWrapper
|
|
397
|
+
.react-autoql-date-picker .rdrDateRangeWrapper,
|
|
398
|
+
.react-autoql-date-picker .react-autoql-month-range-picker {
|
|
299
399
|
background: var(--react-autoql-background-color-secondary);
|
|
300
400
|
color: var(--react-autoql-text-color-primary); }
|
|
301
401
|
.react-autoql-date-picker .rdrCalendarWrapper .rdrDateDisplayWrapper,
|
|
302
|
-
.react-autoql-date-picker .rdrDateRangeWrapper .rdrDateDisplayWrapper
|
|
402
|
+
.react-autoql-date-picker .rdrDateRangeWrapper .rdrDateDisplayWrapper,
|
|
403
|
+
.react-autoql-date-picker .react-autoql-month-range-picker .rdrDateDisplayWrapper {
|
|
303
404
|
background: var(--react-autoql-background-color-primary); }
|
|
304
405
|
.react-autoql-date-picker .rdrCalendarWrapper .rdrDateDisplayWrapper .rdrDateDisplay,
|
|
305
|
-
.react-autoql-date-picker .rdrDateRangeWrapper .rdrDateDisplayWrapper .rdrDateDisplay
|
|
406
|
+
.react-autoql-date-picker .rdrDateRangeWrapper .rdrDateDisplayWrapper .rdrDateDisplay,
|
|
407
|
+
.react-autoql-date-picker .react-autoql-month-range-picker .rdrDateDisplayWrapper .rdrDateDisplay {
|
|
306
408
|
color: var(--react-autoql-accent-color) !important; }
|
|
307
409
|
.react-autoql-date-picker .rdrCalendarWrapper .rdrDateDisplayWrapper .rdrDateDisplay .rdrDateDisplayItem,
|
|
308
|
-
.react-autoql-date-picker .rdrDateRangeWrapper .rdrDateDisplayWrapper .rdrDateDisplay .rdrDateDisplayItem
|
|
410
|
+
.react-autoql-date-picker .rdrDateRangeWrapper .rdrDateDisplayWrapper .rdrDateDisplay .rdrDateDisplayItem,
|
|
411
|
+
.react-autoql-date-picker .react-autoql-month-range-picker .rdrDateDisplayWrapper .rdrDateDisplay .rdrDateDisplayItem {
|
|
309
412
|
background: var(--react-autoql-background-color-secondary); }
|
|
310
413
|
.react-autoql-date-picker .rdrCalendarWrapper .rdrDateDisplayWrapper .rdrDateDisplay .rdrDateDisplayItem input,
|
|
311
|
-
.react-autoql-date-picker .rdrDateRangeWrapper .rdrDateDisplayWrapper .rdrDateDisplay .rdrDateDisplayItem input
|
|
414
|
+
.react-autoql-date-picker .rdrDateRangeWrapper .rdrDateDisplayWrapper .rdrDateDisplay .rdrDateDisplayItem input,
|
|
415
|
+
.react-autoql-date-picker .react-autoql-month-range-picker .rdrDateDisplayWrapper .rdrDateDisplay .rdrDateDisplayItem input {
|
|
312
416
|
color: var(--react-autoql-text-color-primary); }
|
|
313
|
-
.react-autoql-date-picker .rdrCalendarWrapper .rdrMonthAndYearWrapper .rdrNextPrevButton,
|
|
314
|
-
.react-autoql-date-picker .rdrDateRangeWrapper .rdrMonthAndYearWrapper .rdrNextPrevButton {
|
|
315
|
-
background-color: var(--react-autoql-border-color);
|
|
316
|
-
color: var(--react-autoql-text-color-primary);
|
|
317
|
-
opacity: 0.8; }
|
|
318
|
-
.react-autoql-date-picker .rdrCalendarWrapper .rdrMonthAndYearWrapper .rdrNextPrevButton:hover,
|
|
319
|
-
.react-autoql-date-picker .rdrDateRangeWrapper .rdrMonthAndYearWrapper .rdrNextPrevButton:hover {
|
|
320
|
-
opacity: 0.5; }
|
|
321
|
-
.react-autoql-date-picker .rdrCalendarWrapper .rdrMonthAndYearWrapper .rdrNextPrevButton.rdrPprevButton i,
|
|
322
|
-
.react-autoql-date-picker .rdrDateRangeWrapper .rdrMonthAndYearWrapper .rdrNextPrevButton.rdrPprevButton i {
|
|
323
|
-
border-color: transparent var(--react-autoql-text-color-primary) transparent transparent; }
|
|
324
|
-
.react-autoql-date-picker .rdrCalendarWrapper .rdrMonthAndYearWrapper .rdrNextPrevButton.rdrNextButton i,
|
|
325
|
-
.react-autoql-date-picker .rdrDateRangeWrapper .rdrMonthAndYearWrapper .rdrNextPrevButton.rdrNextButton i {
|
|
326
|
-
border-color: transparent transparent transparent var(--react-autoql-text-color-primary); }
|
|
327
417
|
.react-autoql-date-picker .rdrCalendarWrapper .rdrMonthAndYearWrapper select,
|
|
328
|
-
.react-autoql-date-picker .rdrDateRangeWrapper .rdrMonthAndYearWrapper select
|
|
418
|
+
.react-autoql-date-picker .rdrDateRangeWrapper .rdrMonthAndYearWrapper select,
|
|
419
|
+
.react-autoql-date-picker .react-autoql-month-range-picker .rdrMonthAndYearWrapper select {
|
|
329
420
|
color: var(--react-autoql-text-color-primary); }
|
|
330
421
|
.react-autoql-date-picker .rdrCalendarWrapper .rdrMonthAndYearWrapper select:hover,
|
|
331
|
-
.react-autoql-date-picker .rdrDateRangeWrapper .rdrMonthAndYearWrapper select:hover
|
|
422
|
+
.react-autoql-date-picker .rdrDateRangeWrapper .rdrMonthAndYearWrapper select:hover,
|
|
423
|
+
.react-autoql-date-picker .react-autoql-month-range-picker .rdrMonthAndYearWrapper select:hover {
|
|
332
424
|
background-color: var(--react-autoql-border-color); }
|
|
425
|
+
.react-autoql-date-picker .rdrCalendarWrapper .rdrDayDisabled,
|
|
426
|
+
.react-autoql-date-picker .rdrDateRangeWrapper .rdrDayDisabled,
|
|
427
|
+
.react-autoql-date-picker .react-autoql-month-range-picker .rdrDayDisabled {
|
|
428
|
+
background-color: var(--react-autoql-hover-color);
|
|
429
|
+
pointer-events: none;
|
|
430
|
+
cursor: not-allowed;
|
|
431
|
+
opacity: 0.3; }
|
|
333
432
|
.react-autoql-date-picker .rdrCalendarWrapper .rdrMonths .rdrWeekDay,
|
|
334
|
-
.react-autoql-date-picker .rdrDateRangeWrapper .rdrMonths .rdrWeekDay
|
|
433
|
+
.react-autoql-date-picker .rdrDateRangeWrapper .rdrMonths .rdrWeekDay,
|
|
434
|
+
.react-autoql-date-picker .react-autoql-month-range-picker .rdrMonths .rdrWeekDay {
|
|
335
435
|
color: var(--react-autoql-text-color-placeholder); }
|
|
336
|
-
.react-autoql-date-picker .rdrCalendarWrapper .rdrMonths .rdrDay:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span,
|
|
337
|
-
.react-autoql-date-picker .rdrCalendarWrapper .rdrMonths .rdrDay:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span,
|
|
338
|
-
.react-autoql-date-picker .rdrCalendarWrapper .rdrMonths .rdrDay:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span,
|
|
339
|
-
.react-autoql-date-picker .rdrCalendarWrapper .rdrMonths .rdrDay:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span,
|
|
340
|
-
.react-autoql-date-picker .rdrDateRangeWrapper .rdrMonths .rdrDay:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span,
|
|
341
|
-
.react-autoql-date-picker .rdrDateRangeWrapper .rdrMonths .rdrDay:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span,
|
|
342
|
-
.react-autoql-date-picker .rdrDateRangeWrapper .rdrMonths .rdrDay:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span,
|
|
343
|
-
.react-autoql-date-picker .rdrDateRangeWrapper .rdrMonths .rdrDay:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span
|
|
436
|
+
.react-autoql-date-picker .rdrCalendarWrapper .rdrMonths .rdrDay:not(.rdrDayPassive):not(.rdrDayDisabled) .rdrInRange ~ .rdrDayNumber span,
|
|
437
|
+
.react-autoql-date-picker .rdrCalendarWrapper .rdrMonths .rdrDay:not(.rdrDayPassive):not(.rdrDayDisabled) .rdrStartEdge ~ .rdrDayNumber span,
|
|
438
|
+
.react-autoql-date-picker .rdrCalendarWrapper .rdrMonths .rdrDay:not(.rdrDayPassive):not(.rdrDayDisabled) .rdrEndEdge ~ .rdrDayNumber span,
|
|
439
|
+
.react-autoql-date-picker .rdrCalendarWrapper .rdrMonths .rdrDay:not(.rdrDayPassive):not(.rdrDayDisabled) .rdrSelected ~ .rdrDayNumber span,
|
|
440
|
+
.react-autoql-date-picker .rdrDateRangeWrapper .rdrMonths .rdrDay:not(.rdrDayPassive):not(.rdrDayDisabled) .rdrInRange ~ .rdrDayNumber span,
|
|
441
|
+
.react-autoql-date-picker .rdrDateRangeWrapper .rdrMonths .rdrDay:not(.rdrDayPassive):not(.rdrDayDisabled) .rdrStartEdge ~ .rdrDayNumber span,
|
|
442
|
+
.react-autoql-date-picker .rdrDateRangeWrapper .rdrMonths .rdrDay:not(.rdrDayPassive):not(.rdrDayDisabled) .rdrEndEdge ~ .rdrDayNumber span,
|
|
443
|
+
.react-autoql-date-picker .rdrDateRangeWrapper .rdrMonths .rdrDay:not(.rdrDayPassive):not(.rdrDayDisabled) .rdrSelected ~ .rdrDayNumber span,
|
|
444
|
+
.react-autoql-date-picker .react-autoql-month-range-picker .rdrMonths .rdrDay:not(.rdrDayPassive):not(.rdrDayDisabled) .rdrInRange ~ .rdrDayNumber span,
|
|
445
|
+
.react-autoql-date-picker .react-autoql-month-range-picker .rdrMonths .rdrDay:not(.rdrDayPassive):not(.rdrDayDisabled) .rdrStartEdge ~ .rdrDayNumber span,
|
|
446
|
+
.react-autoql-date-picker .react-autoql-month-range-picker .rdrMonths .rdrDay:not(.rdrDayPassive):not(.rdrDayDisabled) .rdrEndEdge ~ .rdrDayNumber span,
|
|
447
|
+
.react-autoql-date-picker .react-autoql-month-range-picker .rdrMonths .rdrDay:not(.rdrDayPassive):not(.rdrDayDisabled) .rdrSelected ~ .rdrDayNumber span {
|
|
344
448
|
color: var(--react-autoql-text-color-accent); }
|
|
345
449
|
.react-autoql-date-picker .rdrCalendarWrapper .rdrMonths .rdrDayPassive .rdrDayNumber span,
|
|
346
|
-
.react-autoql-date-picker .rdrDateRangeWrapper .rdrMonths .rdrDayPassive .rdrDayNumber span
|
|
450
|
+
.react-autoql-date-picker .rdrDateRangeWrapper .rdrMonths .rdrDayPassive .rdrDayNumber span,
|
|
451
|
+
.react-autoql-date-picker .react-autoql-month-range-picker .rdrMonths .rdrDayPassive .rdrDayNumber span {
|
|
347
452
|
color: var(--react-autoql-text-color-placeholder);
|
|
348
453
|
opacity: 0.6; }
|
|
349
454
|
.react-autoql-date-picker .rdrCalendarWrapper .rdrMonths .rdrDayNumber span,
|
|
350
|
-
.react-autoql-date-picker .rdrDateRangeWrapper .rdrMonths .rdrDayNumber span
|
|
455
|
+
.react-autoql-date-picker .rdrDateRangeWrapper .rdrMonths .rdrDayNumber span,
|
|
456
|
+
.react-autoql-date-picker .react-autoql-month-range-picker .rdrMonths .rdrDayNumber span {
|
|
351
457
|
color: var(--react-autoql-text-color-primary); }
|
|
352
458
|
.react-autoql-date-picker .rdrCalendarWrapper .rdrMonths .rdrDayToday .rdrDayNumber span:after,
|
|
353
|
-
.react-autoql-date-picker .rdrDateRangeWrapper .rdrMonths .rdrDayToday .rdrDayNumber span:after
|
|
459
|
+
.react-autoql-date-picker .rdrDateRangeWrapper .rdrMonths .rdrDayToday .rdrDayNumber span:after,
|
|
460
|
+
.react-autoql-date-picker .react-autoql-month-range-picker .rdrMonths .rdrDayToday .rdrDayNumber span:after {
|
|
354
461
|
background: var(--react-autoql-accent-color); }
|
|
355
462
|
.react-autoql-date-picker .rdrCalendarWrapper .rdrMonths .rdrDayToday:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span:after,
|
|
356
463
|
.react-autoql-date-picker .rdrCalendarWrapper .rdrMonths .rdrDayToday:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span:after,
|
|
@@ -359,7 +466,11 @@ span.react-autoql-icon {
|
|
|
359
466
|
.react-autoql-date-picker .rdrDateRangeWrapper .rdrMonths .rdrDayToday:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span:after,
|
|
360
467
|
.react-autoql-date-picker .rdrDateRangeWrapper .rdrMonths .rdrDayToday:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span:after,
|
|
361
468
|
.react-autoql-date-picker .rdrDateRangeWrapper .rdrMonths .rdrDayToday:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span:after,
|
|
362
|
-
.react-autoql-date-picker .rdrDateRangeWrapper .rdrMonths .rdrDayToday:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span:after
|
|
469
|
+
.react-autoql-date-picker .rdrDateRangeWrapper .rdrMonths .rdrDayToday:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span:after,
|
|
470
|
+
.react-autoql-date-picker .react-autoql-month-range-picker .rdrMonths .rdrDayToday:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span:after,
|
|
471
|
+
.react-autoql-date-picker .react-autoql-month-range-picker .rdrMonths .rdrDayToday:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span:after,
|
|
472
|
+
.react-autoql-date-picker .react-autoql-month-range-picker .rdrMonths .rdrDayToday:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span:after,
|
|
473
|
+
.react-autoql-date-picker .react-autoql-month-range-picker .rdrMonths .rdrDayToday:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span:after {
|
|
363
474
|
background: var(--react-autoql-text-color-accent); }
|
|
364
475
|
.react-autoql-date-picker .rdrCalendarWrapper .rdrMonths .rdrSelected,
|
|
365
476
|
.react-autoql-date-picker .rdrCalendarWrapper .rdrMonths .rdrInRange,
|
|
@@ -368,9 +479,27 @@ span.react-autoql-icon {
|
|
|
368
479
|
.react-autoql-date-picker .rdrDateRangeWrapper .rdrMonths .rdrSelected,
|
|
369
480
|
.react-autoql-date-picker .rdrDateRangeWrapper .rdrMonths .rdrInRange,
|
|
370
481
|
.react-autoql-date-picker .rdrDateRangeWrapper .rdrMonths .rdrStartEdge,
|
|
371
|
-
.react-autoql-date-picker .rdrDateRangeWrapper .rdrMonths .rdrEndEdge
|
|
482
|
+
.react-autoql-date-picker .rdrDateRangeWrapper .rdrMonths .rdrEndEdge,
|
|
483
|
+
.react-autoql-date-picker .react-autoql-month-range-picker .rdrMonths .rdrSelected,
|
|
484
|
+
.react-autoql-date-picker .react-autoql-month-range-picker .rdrMonths .rdrInRange,
|
|
485
|
+
.react-autoql-date-picker .react-autoql-month-range-picker .rdrMonths .rdrStartEdge,
|
|
486
|
+
.react-autoql-date-picker .react-autoql-month-range-picker .rdrMonths .rdrEndEdge {
|
|
372
487
|
background: var(--react-autoql-accent-color); }
|
|
373
488
|
|
|
489
|
+
.react-autoql-date-picker .rdrNextPrevButton {
|
|
490
|
+
background-color: var(--react-autoql-border-color);
|
|
491
|
+
color: var(--react-autoql-text-color-primary);
|
|
492
|
+
opacity: 0.8; }
|
|
493
|
+
.react-autoql-date-picker .rdrNextPrevButton:hover {
|
|
494
|
+
opacity: 0.5; }
|
|
495
|
+
.react-autoql-date-picker .rdrNextPrevButton:disabled {
|
|
496
|
+
opacity: 0.5 !important;
|
|
497
|
+
cursor: not-allowed; }
|
|
498
|
+
.react-autoql-date-picker .rdrNextPrevButton.rdrPprevButton i {
|
|
499
|
+
border-color: transparent var(--react-autoql-text-color-primary) transparent transparent; }
|
|
500
|
+
.react-autoql-date-picker .rdrNextPrevButton.rdrNextButton i {
|
|
501
|
+
border-color: transparent transparent transparent var(--react-autoql-text-color-primary); }
|
|
502
|
+
|
|
374
503
|
.react-autoql-table-container {
|
|
375
504
|
flex: 1;
|
|
376
505
|
width: 100% !important;
|
|
@@ -451,7 +580,10 @@ span.react-autoql-icon {
|
|
|
451
580
|
|
|
452
581
|
.react-autoql-table.tabulator {
|
|
453
582
|
background-color: inherit;
|
|
583
|
+
font-size: 12px;
|
|
454
584
|
flex: 1; }
|
|
585
|
+
.react-autoql-table.tabulator.table-condensed .tabulator-tableHolder .tabulator-table .tabulator-row {
|
|
586
|
+
min-height: 24px; }
|
|
455
587
|
|
|
456
588
|
.react-autoql-table .tabulator-row {
|
|
457
589
|
/* user-select: none; This breaks copy/paste */
|
|
@@ -479,12 +611,11 @@ span.react-autoql-icon {
|
|
|
479
611
|
display: none; }
|
|
480
612
|
.react-autoql-table-container.filtering .react-autoql-table .tabulator-col {
|
|
481
613
|
height: 72px !important; }
|
|
482
|
-
.react-autoql-table-container.filtering .tabulator-col.
|
|
483
|
-
.react-autoql-table-container.filtering .tabulator-col.DATE_STRING .tabulator-header-filter,
|
|
614
|
+
.react-autoql-table-container.filtering.infinite .tabulator-col.DATE_STRING .tabulator-header-filter,
|
|
484
615
|
.react-autoql-table-container.filtering .tabulator-col.DRILLDOWN .tabulator-header-filter {
|
|
485
|
-
display: none
|
|
616
|
+
display: none; }
|
|
486
617
|
.react-autoql-table-container.filtering.limited .tabulator-col .tabulator-header-filter,
|
|
487
|
-
.react-autoql-table-container.filtering.infinite .tabulator-col:not(.DATE_STRING)
|
|
618
|
+
.react-autoql-table-container.filtering.infinite .tabulator-col:not(.DATE_STRING) .tabulator-header-filter {
|
|
488
619
|
display: inline; }
|
|
489
620
|
.react-autoql-table-container.filtering .react-autoql-table .tabulator-tableHolder {
|
|
490
621
|
min-height: calc(100% - 74px) !important;
|
|
@@ -561,13 +692,16 @@ span.react-autoql-icon {
|
|
|
561
692
|
border-radius: 4px;
|
|
562
693
|
background: transparent;
|
|
563
694
|
padding: 4px 9px !important;
|
|
564
|
-
outline: none !important;
|
|
695
|
+
outline: none !important;
|
|
696
|
+
text-overflow: ellipsis; }
|
|
565
697
|
|
|
566
698
|
.react-autoql-table .tabulator-header-filter input:focus {
|
|
567
699
|
border: 1px solid #28a8e0; }
|
|
568
700
|
|
|
569
701
|
.tabulator-table .tabulator-row .tabulator-cell {
|
|
570
|
-
min-height:
|
|
702
|
+
min-height: 20px;
|
|
703
|
+
height: 28px;
|
|
704
|
+
line-height: 20px; }
|
|
571
705
|
|
|
572
706
|
/* Center header titles */
|
|
573
707
|
.react-autoql-table .tabulator-header .tabulator-col {
|
|
@@ -1023,6 +1157,7 @@ g.legendOrdinal .legendTitle tspan {
|
|
|
1023
1157
|
.react-autoql-select-popup-container .react-autoql-select-popup li:hover {
|
|
1024
1158
|
background: var(--react-autoql-hover-color, rgba(0, 0, 0, 0.04)); }
|
|
1025
1159
|
|
|
1160
|
+
|
|
1026
1161
|
@import url("https://fonts.googleapis.com/icon?family=Material+Icons");
|
|
1027
1162
|
.react-autoql-response-content-container {
|
|
1028
1163
|
position: relative;
|
|
@@ -1147,7 +1282,11 @@ g.legendOrdinal .legendTitle tspan {
|
|
|
1147
1282
|
justify-content: space-between; }
|
|
1148
1283
|
|
|
1149
1284
|
.query-output-table-row-count {
|
|
1150
|
-
|
|
1285
|
+
width: 100%;
|
|
1286
|
+
padding-top: 3px;
|
|
1287
|
+
font-size: 13px;
|
|
1288
|
+
opacity: 0.6;
|
|
1289
|
+
text-align: center; }
|
|
1151
1290
|
|
|
1152
1291
|
.dashboard-data-limit-warning-icon {
|
|
1153
1292
|
color: var(--react-autoql-warning-color) !important;
|
|
@@ -1321,7 +1460,6 @@ g.legendOrdinal .legendTitle tspan {
|
|
|
1321
1460
|
text-decoration: underline;
|
|
1322
1461
|
cursor: pointer; }
|
|
1323
1462
|
|
|
1324
|
-
|
|
1325
1463
|
.viz-toolbar {
|
|
1326
1464
|
display: inline-block;
|
|
1327
1465
|
background: inherit;
|
|
@@ -2413,12 +2551,24 @@ g.legendOrdinal .legendTitle tspan {
|
|
|
2413
2551
|
.report-problem-menu span.react-autoql-icon svg {
|
|
2414
2552
|
margin-right: 3px; }
|
|
2415
2553
|
|
|
2416
|
-
.report-problem-
|
|
2554
|
+
.report-problem-modal-body h3 {
|
|
2555
|
+
margin-top: 0;
|
|
2556
|
+
margin-bottom: 5px; }
|
|
2557
|
+
|
|
2558
|
+
.report-problem-modal-body .report-problem-radio-group {
|
|
2559
|
+
display: block;
|
|
2560
|
+
margin-bottom: 30px; }
|
|
2561
|
+
|
|
2562
|
+
.report-problem-modal-body .report-problem-text-area {
|
|
2563
|
+
width: 100%;
|
|
2564
|
+
min-height: 80px;
|
|
2417
2565
|
border-radius: 4px;
|
|
2418
2566
|
border: 1px solid rgba(0, 0, 0, 0.15);
|
|
2419
|
-
margin-top:
|
|
2567
|
+
margin-top: 15px;
|
|
2420
2568
|
padding: 5px 10px;
|
|
2421
2569
|
outline: none !important; }
|
|
2570
|
+
.report-problem-modal-body .report-problem-text-area:focus, .report-problem-modal-body .report-problem-text-area:hover {
|
|
2571
|
+
border-color: var(--react-autoql-accent-color); }
|
|
2422
2572
|
|
|
2423
2573
|
.copy-sql-modal-content {
|
|
2424
2574
|
position: relative;
|
|
@@ -2450,7 +2600,7 @@ g.legendOrdinal .legendTitle tspan {
|
|
|
2450
2600
|
font-weight: 600;
|
|
2451
2601
|
color: var(--react-autoql-accent-color); }
|
|
2452
2602
|
.chat-single-message-container:not(.no-max-height) {
|
|
2453
|
-
max-height:
|
|
2603
|
+
max-height: 81%; }
|
|
2454
2604
|
.chat-single-message-container:first-of-type {
|
|
2455
2605
|
margin-top: 10px; }
|
|
2456
2606
|
.chat-single-message-container .query-more-btn {
|
|
@@ -2474,6 +2624,7 @@ g.legendOrdinal .legendTitle tspan {
|
|
|
2474
2624
|
border-color: var(--react-autoql-accent-color) transparent var(--react-autoql-accent-color) transparent; }
|
|
2475
2625
|
.chat-single-message-container.response {
|
|
2476
2626
|
display: flex;
|
|
2627
|
+
min-height: 0;
|
|
2477
2628
|
justify-content: flex-start;
|
|
2478
2629
|
padding-left: 20px;
|
|
2479
2630
|
animation: scale-up-bl 0.5s ease; }
|
|
@@ -2482,8 +2633,7 @@ g.legendOrdinal .legendTitle tspan {
|
|
|
2482
2633
|
color: var(--react-autoql-text-color-primary);
|
|
2483
2634
|
box-shadow: 0 1px 3px 0 var(--react-autoql-box-shadow-color, rgba(0, 0, 0, 0.15)); }
|
|
2484
2635
|
.chat-single-message-container.response .chat-message-bubble:not(.text) {
|
|
2485
|
-
min-width: 125px;
|
|
2486
|
-
padding-bottom: 15px; }
|
|
2636
|
+
min-width: 125px; }
|
|
2487
2637
|
.chat-single-message-container.request {
|
|
2488
2638
|
display: flex;
|
|
2489
2639
|
justify-content: flex-end;
|
|
@@ -2528,16 +2678,24 @@ g.legendOrdinal .legendTitle tspan {
|
|
|
2528
2678
|
margin-left: -5px; }
|
|
2529
2679
|
.chat-single-message-container .chat-message-bubble .chat-message-toolbars-container .chat-message-toolbar.right {
|
|
2530
2680
|
margin-right: -5px; }
|
|
2531
|
-
.chat-single-message-container .chat-message-bubble .react-autoql-toolbar
|
|
2532
|
-
|
|
2533
|
-
|
|
2534
|
-
|
|
2681
|
+
.chat-single-message-container .chat-message-bubble .react-autoql-toolbar {
|
|
2682
|
+
white-space: nowrap; }
|
|
2683
|
+
.chat-single-message-container .chat-message-bubble .react-autoql-toolbar:not(.active) {
|
|
2684
|
+
pointer-events: none;
|
|
2685
|
+
visibility: hidden;
|
|
2686
|
+
opacity: 0; }
|
|
2535
2687
|
.chat-single-message-container .chat-message-bubble:hover .react-autoql-toolbar,
|
|
2536
2688
|
.chat-single-message-container .chat-message-bubble .react-autoql-toolbar.active {
|
|
2537
2689
|
pointer-events: auto;
|
|
2538
2690
|
visibility: visible;
|
|
2539
2691
|
opacity: 1; }
|
|
2540
2692
|
|
|
2693
|
+
.chat-message-rt-container {
|
|
2694
|
+
padding: 0 20px 15px 20px;
|
|
2695
|
+
animation: scale-up-bl 0.5s ease; }
|
|
2696
|
+
.chat-message-rt-container .react-autoql-reverse-translation {
|
|
2697
|
+
padding-top: 0; }
|
|
2698
|
+
|
|
2541
2699
|
/* animations */
|
|
2542
2700
|
@keyframes scale-up-br {
|
|
2543
2701
|
0% {
|
|
@@ -2582,61 +2740,6 @@ g.legendOrdinal .legendTitle tspan {
|
|
|
2582
2740
|
height: 60px;
|
|
2583
2741
|
animation: fadeIn 0.3s; }
|
|
2584
2742
|
|
|
2585
|
-
.react-autoql-cascader {
|
|
2586
|
-
position: relative;
|
|
2587
|
-
white-space: nowrap;
|
|
2588
|
-
overflow: hidden;
|
|
2589
|
-
min-width: 300px; }
|
|
2590
|
-
.react-autoql-cascader .options-container {
|
|
2591
|
-
transition: max-width 0.3s ease;
|
|
2592
|
-
display: inline-block;
|
|
2593
|
-
vertical-align: top;
|
|
2594
|
-
padding: 0 10px;
|
|
2595
|
-
margin: 10px 0;
|
|
2596
|
-
width: 100%;
|
|
2597
|
-
max-width: calc(100% - 20px);
|
|
2598
|
-
white-space: pre-wrap; }
|
|
2599
|
-
.react-autoql-cascader .options-container.hidden {
|
|
2600
|
-
max-width: 0; }
|
|
2601
|
-
.react-autoql-cascader .options-container.hidden span {
|
|
2602
|
-
white-space: nowrap; }
|
|
2603
|
-
.react-autoql-cascader .options-container.hidden .option {
|
|
2604
|
-
opacity: 0;
|
|
2605
|
-
pointer-events: none; }
|
|
2606
|
-
.react-autoql-cascader .options-container .options-title {
|
|
2607
|
-
padding: 4px;
|
|
2608
|
-
padding-left: 10px;
|
|
2609
|
-
font-weight: 600; }
|
|
2610
|
-
.react-autoql-cascader .options-container .cascader-back-arrow {
|
|
2611
|
-
position: absolute;
|
|
2612
|
-
cursor: pointer;
|
|
2613
|
-
top: 15px;
|
|
2614
|
-
left: 0; }
|
|
2615
|
-
.react-autoql-cascader .options-container .cascader-back-arrow:hover {
|
|
2616
|
-
opacity: 0.8; }
|
|
2617
|
-
.react-autoql-cascader .options-container .option {
|
|
2618
|
-
cursor: pointer;
|
|
2619
|
-
padding: 4px;
|
|
2620
|
-
display: flex;
|
|
2621
|
-
justify-content: space-between;
|
|
2622
|
-
border-radius: 2px;
|
|
2623
|
-
padding-left: 10px;
|
|
2624
|
-
transition: color 0.1s ease, background-color 0.2s ease; }
|
|
2625
|
-
.react-autoql-cascader .options-container .option .option-arrow {
|
|
2626
|
-
opacity: 0.7; }
|
|
2627
|
-
.react-autoql-cascader .options-container .option .option-execute-icon {
|
|
2628
|
-
opacity: 0;
|
|
2629
|
-
color: var(--react-autoql-text-color-accent);
|
|
2630
|
-
font-size: 16px;
|
|
2631
|
-
vertical-align: middle; }
|
|
2632
|
-
.react-autoql-cascader .options-container .option:hover, .react-autoql-cascader .options-container .option.active {
|
|
2633
|
-
background-color: var(--react-autoql-accent-color, #26a7df);
|
|
2634
|
-
color: var(--react-autoql-text-color-accent); }
|
|
2635
|
-
.react-autoql-cascader .options-container .option:hover .option-execute-icon, .react-autoql-cascader .options-container .option.active .option-execute-icon {
|
|
2636
|
-
opacity: 1; }
|
|
2637
|
-
.react-autoql-cascader .options-container:not(:last-child) {
|
|
2638
|
-
border-right: 1px solid #d3d3d352; }
|
|
2639
|
-
|
|
2640
2743
|
.react-autoql-infinite-scroll-container {
|
|
2641
2744
|
height: 100%;
|
|
2642
2745
|
overflow: hidden; }
|
|
@@ -2958,22 +3061,10 @@ g.legendOrdinal .legendTitle tspan {
|
|
|
2958
3061
|
border: 2px solid var(--border-color);
|
|
2959
3062
|
color: var(--react-autoql-text-color);
|
|
2960
3063
|
box-shadow: var(--react-autoql-box-shadow-color, rgba(0, 0, 0, 0.15)) 0px 8px 24px; }
|
|
2961
|
-
.data-explorer-page-container .data-preview-tooltip.place-bottom::
|
|
2962
|
-
border-
|
|
2963
|
-
|
|
2964
|
-
|
|
2965
|
-
.data-explorer-page-container .data-preview-tooltip.place-top::before {
|
|
2966
|
-
border-top-color: var(--border-color) !important; }
|
|
2967
|
-
.data-explorer-page-container .data-preview-tooltip.place-top::after {
|
|
2968
|
-
border-top-color: var(--bg-color) !important; }
|
|
2969
|
-
.data-explorer-page-container .data-preview-tooltip.place-right::before {
|
|
2970
|
-
border-right-color: var(--border-color) !important; }
|
|
2971
|
-
.data-explorer-page-container .data-preview-tooltip.place-right::after {
|
|
2972
|
-
border-right-color: var(--bg-color) !important; }
|
|
2973
|
-
.data-explorer-page-container .data-preview-tooltip.place-left::before {
|
|
2974
|
-
border-left-color: var(--border-color) !important; }
|
|
2975
|
-
.data-explorer-page-container .data-preview-tooltip.place-left::after {
|
|
2976
|
-
border-left-color: var(--bg-color) !important; }
|
|
3064
|
+
.data-explorer-page-container .data-preview-tooltip.place-bottom::after, .data-explorer-page-container .data-preview-tooltip.place-top::after, .data-explorer-page-container .data-preview-tooltip.place-left::after, .data-explorer-page-container .data-preview-tooltip.place-right::after {
|
|
3065
|
+
border-right: 2px solid var(--react-autoql-border-color);
|
|
3066
|
+
border-top: 2px solid var(--react-autoql-border-color);
|
|
3067
|
+
background: var(--bg-color); }
|
|
2977
3068
|
.data-explorer-page-container .data-preview-tooltip p {
|
|
2978
3069
|
margin-bottom: 0; }
|
|
2979
3070
|
.data-explorer-page-container .data-preview-tooltip .data-explorer-tooltip-section:not(:last-child) {
|
|
@@ -3000,9 +3091,6 @@ g.legendOrdinal .legendTitle tspan {
|
|
|
3000
3091
|
flex: 1 1;
|
|
3001
3092
|
min-height: 0;
|
|
3002
3093
|
color: var(--react-autoql-text-color-primary); }
|
|
3003
|
-
.data-explorer-page-container .data-explorer-title-animated-container {
|
|
3004
|
-
animation: slideDown 0.4s cubic-bezier(0.26, 0.26, 0, 1);
|
|
3005
|
-
animation-fill-mode: both; }
|
|
3006
3094
|
.data-explorer-page-container .data-explorer-section,
|
|
3007
3095
|
.data-explorer-page-container .data-explorer-intro-message {
|
|
3008
3096
|
opacity: 0;
|
|
@@ -3040,20 +3128,6 @@ g.legendOrdinal .legendTitle tspan {
|
|
|
3040
3128
|
text-align: left; }
|
|
3041
3129
|
.data-explorer-page-container .data-explorer-topic-icon {
|
|
3042
3130
|
margin-right: 5px; }
|
|
3043
|
-
.data-explorer-page-container .exploring-title {
|
|
3044
|
-
display: flex;
|
|
3045
|
-
flex-direction: row;
|
|
3046
|
-
justify-content: space-between;
|
|
3047
|
-
flex-wrap: nowrap;
|
|
3048
|
-
align-items: flex-end;
|
|
3049
|
-
font-size: 16px;
|
|
3050
|
-
margin-bottom: 10px;
|
|
3051
|
-
padding: 0px 30px; }
|
|
3052
|
-
.data-explorer-page-container .exploring-title .clear-explorer-content-btn {
|
|
3053
|
-
cursor: pointer;
|
|
3054
|
-
font-size: 14px; }
|
|
3055
|
-
.data-explorer-page-container .exploring-title .clear-explorer-content-btn:hover {
|
|
3056
|
-
color: var(--react-autoql-accent-color); }
|
|
3057
3131
|
.data-explorer-page-container .data-explorer-result-container {
|
|
3058
3132
|
color: var(--react-autoql-text-color-primary);
|
|
3059
3133
|
flex: 1;
|
|
@@ -3078,6 +3152,7 @@ g.legendOrdinal .legendTitle tspan {
|
|
|
3078
3152
|
display: flex;
|
|
3079
3153
|
flex-direction: column;
|
|
3080
3154
|
flex-wrap: nowrap;
|
|
3155
|
+
flex: 0 1 100vh;
|
|
3081
3156
|
height: 100%;
|
|
3082
3157
|
padding-left: 8px; }
|
|
3083
3158
|
.data-explorer-page-container .data-preview-scroll-component {
|
|
@@ -4007,6 +4082,9 @@ g.legendOrdinal .legendTitle tspan {
|
|
|
4007
4082
|
color: var(--react-autoql-text-color-primary);
|
|
4008
4083
|
font-size: 11px; }
|
|
4009
4084
|
|
|
4085
|
+
.react-autoql-dashboard-tile-inner-div .query-output-table-row-count {
|
|
4086
|
+
padding: 0; }
|
|
4087
|
+
|
|
4010
4088
|
.react-autoql-dashboard-tile-inner-div .dashboard-tile-response-wrapper {
|
|
4011
4089
|
height: calc(100% - 47px);
|
|
4012
4090
|
width: 100%;
|
|
@@ -4058,14 +4136,12 @@ g.legendOrdinal .legendTitle tspan {
|
|
|
4058
4136
|
width: 100%;
|
|
4059
4137
|
background: inherit;
|
|
4060
4138
|
cursor: default; }
|
|
4061
|
-
.dashboard-tile-response-wrapper .dashboard-tile-response-container .react-autoql-table-container {
|
|
4062
|
-
padding: 15px 20px 0px 20px; }
|
|
4063
4139
|
.dashboard-tile-response-wrapper .dashboard-tile-response-container .react-autoql-response-content-container {
|
|
4064
|
-
padding:
|
|
4140
|
+
padding: 8px 15px 20px 15px;
|
|
4065
4141
|
align-items: center; }
|
|
4066
4142
|
|
|
4067
4143
|
.dashboard-tile-response-wrapper.editing .dashboard-tile-response-container .react-autoql-response-content-container {
|
|
4068
|
-
padding: 7px 12px
|
|
4144
|
+
padding: 7px 12px 32px 18px;
|
|
4069
4145
|
align-items: center; }
|
|
4070
4146
|
|
|
4071
4147
|
.dashboard-tile-title-container {
|
package/dist/autoql.esm.css.gz
CHANGED
|
Binary file
|