@keenmate/web-daterangepicker 1.0.0-rc08 → 1.0.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/README.md +28 -28
- package/dist/style.css +1 -1
- package/dist/web-daterangepicker.js +3785 -0
- package/dist/web-daterangepicker.umd.js +26 -0
- package/package.json +11 -10
- package/src/scss/_badges.scss +7 -5
- package/src/scss/_base.scss +85 -29
- package/src/scss/_calendar-grid.scss +7 -5
- package/src/scss/_header-navigation.scss +40 -17
- package/src/scss/_modifiers.scss +142 -244
- package/src/scss/_summary-actions.scss +13 -1
- package/src/scss/_tooltips.scss +3 -3
- package/src/scss/_variables.scss +13 -9
- package/dist/date-range-picker.js +0 -3222
- package/dist/date-range-picker.umd.js +0 -28
|
@@ -52,13 +52,25 @@
|
|
|
52
52
|
cursor: pointer;
|
|
53
53
|
font-size: var(--drp-font-size-sm);
|
|
54
54
|
font-weight: var(--drp-font-weight-medium);
|
|
55
|
-
transition: all var(--drp-transition-fast) var(--drp-easing-snappy);
|
|
56
55
|
|
|
57
56
|
&:hover {
|
|
58
57
|
background-color: var(--drp-primary-bg);
|
|
59
58
|
border-color: var(--drp-accent-color);
|
|
60
59
|
}
|
|
61
60
|
|
|
61
|
+
// Disabled state
|
|
62
|
+
&:disabled,
|
|
63
|
+
&[disabled] {
|
|
64
|
+
opacity: var(--drp-disabled-opacity, $drp-opacity-disabled);
|
|
65
|
+
cursor: not-allowed;
|
|
66
|
+
pointer-events: none; // Critical - prevents all mouse interactions
|
|
67
|
+
|
|
68
|
+
&:hover {
|
|
69
|
+
background-color: transparent;
|
|
70
|
+
border-color: var(--drp-border-color);
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
|
|
62
74
|
// Today Button
|
|
63
75
|
&--today {
|
|
64
76
|
color: var(--drp-accent-color);
|
package/src/scss/_tooltips.scss
CHANGED
|
@@ -12,8 +12,8 @@
|
|
|
12
12
|
.drp-date-picker__tooltip {
|
|
13
13
|
position: absolute;
|
|
14
14
|
z-index: $drp-z-index-tooltip;
|
|
15
|
-
background-color: var(--drp-
|
|
16
|
-
color:
|
|
15
|
+
background-color: var(--drp-tooltip-bg);
|
|
16
|
+
color: var(--drp-tooltip-color);
|
|
17
17
|
padding: var(--drp-spacing-xs) var(--drp-spacing-sm);
|
|
18
18
|
border-radius: var(--drp-border-radius);
|
|
19
19
|
font-size: var(--drp-font-size-xs);
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
// Tooltip arrow
|
|
32
32
|
&-arrow {
|
|
33
33
|
position: absolute;
|
|
34
|
-
background-color: var(--drp-
|
|
34
|
+
background-color: var(--drp-tooltip-bg);
|
|
35
35
|
width: $drp-tooltip-arrow-size;
|
|
36
36
|
height: $drp-tooltip-arrow-size;
|
|
37
37
|
transform: rotate(45deg);
|
package/src/scss/_variables.scss
CHANGED
|
@@ -187,9 +187,11 @@ $drp-rolling-scrollbar-bg: $drp-color-neutral-lighter !default;
|
|
|
187
187
|
$drp-rolling-scrollbar-thumb: $drp-border-color !default;
|
|
188
188
|
$drp-rolling-scrollbar-thumb-hover: $drp-color-accent !default;
|
|
189
189
|
|
|
190
|
-
$drp-rolling-item-padding-v: $drp-spacing-
|
|
190
|
+
$drp-rolling-item-padding-v: $drp-spacing-xs !default; // Half of sm (0.25rem instead of 0.5rem)
|
|
191
191
|
$drp-rolling-item-padding-h: $drp-spacing-md !default;
|
|
192
192
|
$drp-rolling-item-font-size: $drp-font-size-sm !default;
|
|
193
|
+
$drp-rolling-item-min-height: 2rem !default;
|
|
194
|
+
$drp-rolling-item-justify-content: center !default;
|
|
193
195
|
$drp-rolling-item-bg-hover: $drp-color-neutral-lighter !default;
|
|
194
196
|
$drp-rolling-item-bg-selected: $drp-color-accent !default;
|
|
195
197
|
$drp-rolling-item-color-selected: $drp-color-white !default;
|
|
@@ -338,12 +340,14 @@ $drp-grid-columns: 3 !default;
|
|
|
338
340
|
$drp-grid-rows: 2 !default;
|
|
339
341
|
|
|
340
342
|
// ==============================================================================
|
|
341
|
-
//
|
|
343
|
+
// DENSITY MULTIPLIERS
|
|
342
344
|
// ==============================================================================
|
|
343
|
-
// Used
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
$drp-
|
|
348
|
-
$drp-
|
|
349
|
-
$drp-
|
|
345
|
+
// Used to scale the entire calendar proportionally (spacing, fonts, cells, etc.)
|
|
346
|
+
// Applied via --drp-density CSS custom property
|
|
347
|
+
// Range: 0.6× (very compact) to 2.0× (very large) for dramatic visual differences
|
|
348
|
+
|
|
349
|
+
$drp-density-xs: 0.6 !default; // 60% - Very compact
|
|
350
|
+
$drp-density-sm: 0.8 !default; // 80% - Compact
|
|
351
|
+
$drp-density-md: 1 !default; // 100% - Normal (baseline)
|
|
352
|
+
$drp-density-lg: 1.5 !default; // 150% - Large
|
|
353
|
+
$drp-density-xl: 2.0 !default; // 200% - Very large
|