@semcore/date-picker 4.57.2 → 4.58.0-prerelease.1

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 (23) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/lib/cjs/components/Calendar.js +21 -21
  3. package/lib/cjs/components/DateRangeComparatorAbstract.js +29 -29
  4. package/lib/cjs/components/InputTrigger.js +29 -29
  5. package/lib/cjs/components/PickerAbstract.js +29 -29
  6. package/lib/cjs/components/RangePickerAbstract.js +29 -29
  7. package/lib/cjs/style/calendar.shadow.css +31 -31
  8. package/lib/cjs/style/date-picker.shadow.css +11 -11
  9. package/lib/es6/components/Calendar.js +21 -21
  10. package/lib/es6/components/DateRangeComparatorAbstract.js +29 -29
  11. package/lib/es6/components/InputTrigger.js +29 -29
  12. package/lib/es6/components/PickerAbstract.js +29 -29
  13. package/lib/es6/components/RangePickerAbstract.js +29 -29
  14. package/lib/es6/style/calendar.shadow.css +31 -31
  15. package/lib/es6/style/date-picker.shadow.css +11 -11
  16. package/lib/esm/components/Calendar.mjs +22 -22
  17. package/lib/esm/components/DateRangeComparatorAbstract.mjs +30 -30
  18. package/lib/esm/components/InputTrigger.mjs +30 -30
  19. package/lib/esm/components/PickerAbstract.mjs +30 -30
  20. package/lib/esm/components/RangePickerAbstract.mjs +30 -30
  21. package/lib/esm/style/calendar.shadow.css +31 -31
  22. package/lib/esm/style/date-picker.shadow.css +11 -11
  23. package/package.json +16 -16
package/lib/cjs/style/calendar.shadow.css CHANGED
@@ -27,7 +27,7 @@ SWeekDay {
27
27
  display: flex;
28
28
  align-items: center;
29
29
  justify-content: center;
30
- color: var(--intergalactic-text-secondary, #6c6e79);
30
+ color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
31
31
  font-size: var(--intergalactic-fs-200, 14px);
32
32
  font-weight: var(--intergalactic-regular, 400);
33
33
  overflow: hidden;
@@ -41,13 +41,13 @@ SCalendarUnit {
41
41
  text-align: center;
42
42
  vertical-align: middle;
43
43
  border: 1px solid transparent;
44
- color: var(--intergalactic-text-primary, #191b23);
44
+ color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
45
45
  box-shadow: none;
46
46
  overflow: visible;
47
47
  user-select: none;
48
48
  touch-action: manipulation;
49
49
  -webkit-tap-highlight-color: transparent;
50
- background-color: var(--intergalactic-date-picker-cell, #ffffff);
50
+ background-color: var(--intergalactic-date-picker-cell, oklch(1 0 0));
51
51
 
52
52
  align-items: center;
53
53
  border-radius: var(--intergalactic-control-rounded, 6px);
@@ -65,8 +65,8 @@ SCalendarUnit {
65
65
  margin-top: 4px;
66
66
 
67
67
  &:hover {
68
- color: var(--intergalactic-text-primary, #191b23);
69
- background-color: var(--intergalactic-date-picker-cell-hover, #e0e1e9);
68
+ color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
69
+ background-color: var(--intergalactic-date-picker-cell-hover, oklch(0.98 0.001 180));
70
70
  }
71
71
  }
72
72
 
@@ -81,42 +81,42 @@ SCalendarUnit[today] {
81
81
  width: calc(100% - 2px);
82
82
  height: calc(100% - 2px);
83
83
  box-sizing: border-box;
84
- border: 1px solid var(--intergalactic-date-picker-cell-current, #8a8e9b);
84
+ border: 1px solid var(--intergalactic-date-picker-cell-current, oklch(0.109 0.023 165.5 / 0.337));
85
85
  }
86
86
  }
87
87
 
88
88
  SCalendarUnit[today]SCalendarUnit[startSelected],
89
89
  SCalendarUnit[today]SCalendarUnit[endSelected] {
90
90
  &:before {
91
- border-color: var(--intergalactic-border-secondary, #e0e1e9);
91
+ border-color: var(--intergalactic-border-secondary, oklch(0.176 0.033 175.7 / 0.07));
92
92
  }
93
93
  }
94
94
 
95
95
  SCalendarUnit[selected] {
96
- background-color: var(--intergalactic-date-picker-cell-range, #c4e5fe);
96
+ background-color: var(--intergalactic-date-picker-cell-range, oklch(0.96 0.015 278.4));
97
97
  border-radius: 0;
98
98
  transition: color 0.15s, background 0.15s, box-shadow 0.15s, border-radius 0s 0s;
99
- color: var(--intergalactic-text-primary, #191b23);
99
+ color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
100
100
 
101
101
  &:hover {
102
- background-color: var(--intergalactic-date-picker-cell-range-hover, #8ecdff);
102
+ background-color: var(--intergalactic-date-picker-cell-range-hover, oklch(0.9 0.038 278.4));
103
103
  }
104
104
  }
105
105
 
106
106
  SCalendarUnit[highlighted] {
107
- background-color: var(--intergalactic-date-picker-cell-range-hover, #8ecdff);
107
+ background-color: var(--intergalactic-date-picker-cell-range-hover, oklch(0.9 0.038 278.4));
108
108
  border-radius: 0;
109
109
  transition: color 0.15s, background 0.15s, box-shadow 0.15s, border-radius 0s 0s;
110
- color: var(--intergalactic-text-primary, #191b23);
110
+ color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
111
111
 
112
112
  &:hover {
113
- background-color: var(--intergalactic-date-picker-cell-range-hover, #8ecdff);
113
+ background-color: var(--intergalactic-date-picker-cell-range-hover, oklch(0.9 0.038 278.4));
114
114
  }
115
115
  }
116
116
 
117
117
  SCalendarUnit[startSelected] {
118
- color: var(--intergalactic-text-primary-invert, #ffffff);
119
- background-color: var(--intergalactic-date-picker-cell-active, #2bb3ff);
118
+ color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
119
+ background-color: var(--intergalactic-date-picker-cell-active, oklch(0.64 0.135 278.4));
120
120
 
121
121
  &:not([highlighted]) {
122
122
  border-bottom-left-radius: var(--intergalactic-control-rounded, 6px);
@@ -126,14 +126,14 @@ SCalendarUnit[startSelected] {
126
126
  }
127
127
 
128
128
  &:hover {
129
- color: var(--intergalactic-text-primary-invert, #ffffff);
130
- background-color: var(--intergalactic-date-picker-cell-active-hover, #008ff8);
129
+ color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
130
+ background-color: var(--intergalactic-date-picker-cell-active-hover, oklch(0.6 0.15 278.4));
131
131
  }
132
132
  }
133
133
 
134
134
  SCalendarUnit[endSelected] {
135
- background-color: var(--intergalactic-date-picker-cell-active, #2bb3ff);
136
- color: var(--intergalactic-text-primary-invert, #ffffff);
135
+ background-color: var(--intergalactic-date-picker-cell-active, oklch(0.64 0.135 278.4));
136
+ color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
137
137
 
138
138
  &:not([highlighted]) {
139
139
  border-bottom-left-radius: 0;
@@ -143,8 +143,8 @@ SCalendarUnit[endSelected] {
143
143
  }
144
144
 
145
145
  &:hover {
146
- color: var(--intergalactic-text-primary-invert, #ffffff);
147
- background-color: var(--intergalactic-date-picker-cell-active-hover, #008ff8);
146
+ color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
147
+ background-color: var(--intergalactic-date-picker-cell-active-hover, oklch(0.6 0.15 278.4));
148
148
  }
149
149
  }
150
150
 
@@ -177,8 +177,8 @@ SCalendarUnit[startSelected]SCalendarUnit[endSelected] {
177
177
  }
178
178
 
179
179
  SCalendarUnit[compareHighlighted] {
180
- border-top: 2px dashed var(--intergalactic-date-picker-cell-comparison-active, #8649e1);
181
- border-bottom: 2px dashed var(--intergalactic-date-picker-cell-comparison-active, #8649e1);
180
+ border-top: 2px dashed var(--intergalactic-date-picker-cell-comparison-active, oklch(0.64 0.223 299.3));
181
+ border-bottom: 2px dashed var(--intergalactic-date-picker-cell-comparison-active, oklch(0.64 0.223 299.3));
182
182
  border-radius: 0;
183
183
  transition: none;
184
184
  }
@@ -186,19 +186,19 @@ SCalendarUnit[compareHighlighted] {
186
186
 
187
187
  SCalendarUnit[compareStartHighlighted],
188
188
  SCalendarUnit[compareEndHighlighted] {
189
- border-left: 2px dashed var(--intergalactic-date-picker-cell-comparison-active, #8649e1);
190
- border-right: 2px dashed var(--intergalactic-date-picker-cell-comparison-active, #8649e1);
189
+ border-left: 2px dashed var(--intergalactic-date-picker-cell-comparison-active, oklch(0.64 0.223 299.3));
190
+ border-right: 2px dashed var(--intergalactic-date-picker-cell-comparison-active, oklch(0.64 0.223 299.3));
191
191
  }
192
192
 
193
193
  SCalendarUnit[compareStart],
194
194
  SCalendarUnit[compareEnd] {
195
195
  border-radius: 0;
196
- background-color: var(--intergalactic-date-picker-cell-comparison-active, #8649e1);
197
- color: var(--intergalactic-text-primary-invert, #ffffff);
196
+ background-color: var(--intergalactic-date-picker-cell-comparison-active, oklch(0.64 0.223 299.3));
197
+ color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
198
198
 
199
199
  &:hover {
200
- color: var(--intergalactic-text-primary-invert, #ffffff);
201
- background-color: var(--intergalactic-date-picker-cell-comparison-active-hover, #5925ab);
200
+ color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
201
+ background-color: var(--intergalactic-date-picker-cell-comparison-active-hover, oklch(0.6 0.244 297.8));
202
202
  }
203
203
  }
204
204
 
@@ -238,13 +238,13 @@ SCalendar:focus {
238
238
  z-index: 1;
239
239
  box-shadow: var(
240
240
  --intergalactic-keyboard-focus,
241
- 0px 0px 0px 3px rgba(0, 143, 248, 0.5)
241
+ 0px 0px 0px 3px oklch(0.376 0.247 264.2 / 0.441)
242
242
  );
243
243
  }
244
244
  &:not(&:has(SCalendarUnit[highlighted])) {
245
245
  box-shadow: var(
246
246
  --intergalactic-keyboard-focus,
247
- 0px 0px 0px 3px rgba(0, 143, 248, 0.5)
247
+ 0px 0px 0px 3px oklch(0.376 0.247 264.2 / 0.441)
248
248
  );
249
249
  }
250
250
  }
package/lib/cjs/style/date-picker.shadow.css CHANGED
@@ -15,7 +15,7 @@ SPopper {
15
15
  }
16
16
 
17
17
  &:focus {
18
- box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));
18
+ box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px oklch(0.376 0.247 264.2 / 0.441));
19
19
  }
20
20
  }
21
21
 
@@ -26,7 +26,7 @@ SHeader {
26
26
 
27
27
  STitle {
28
28
  font-size: var(--intergalactic-fs-200, 14px);
29
- color: var(--intergalactic-text-primary, #191b23);
29
+ color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
30
30
  height: 32px;
31
31
  width: 100%;
32
32
  display: flex;
@@ -51,7 +51,7 @@ SButton SInner {
51
51
  }
52
52
 
53
53
  SInputMask {
54
- color: var(--intergalactic-text-primary, #191b23);
54
+ color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
55
55
  line-height: normal;
56
56
  padding-right: var(--intergalactic-spacing-2x, 8px);
57
57
  transition: width calc(var(--intergalactic-duration-medium, 300) * 1ms) ease, min-width calc(var(--intergalactic-duration-medium, 300) * 1ms) ease;
@@ -66,7 +66,7 @@ SInputMask SValue {
66
66
  }
67
67
 
68
68
  SIndicator {
69
- color: var(--intergalactic-text-secondary, #6c6e79);
69
+ color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
70
70
  }
71
71
 
72
72
  SRangeIndicator {
@@ -75,15 +75,15 @@ SRangeIndicator {
75
75
  }
76
76
 
77
77
  SRangeIndicator[range='value'] {
78
- background-color: var(--intergalactic-date-picker-cell-active, #2bb3ff);
78
+ background-color: var(--intergalactic-date-picker-cell-active, oklch(0.64 0.135 278.4));
79
79
  }
80
80
 
81
81
  SRangeIndicator[range='compare'] {
82
- background-color: var(--intergalactic-date-picker-cell-comparison-active, #8649e1);
82
+ background-color: var(--intergalactic-date-picker-cell-comparison-active, oklch(0.64 0.223 299.3));
83
83
  }
84
84
 
85
85
  SRangeIndicator[disabled] {
86
- opacity: var(--intergalactic-disabled-opacity, 0.3);
86
+ opacity: var(--intergalactic-disabled-opacity, 0.4);
87
87
  }
88
88
 
89
89
  SHumanizedDate {
@@ -138,16 +138,16 @@ SInputMask[noHumanizedDate] SMask {
138
138
  }
139
139
 
140
140
  SDateRange SInputMask:focus-within SMask {
141
- background-color: var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2));
141
+ background-color: var(--intergalactic-bg-highlight-focus, oklch(0.405 0.257 264.2 / 0.093));
142
142
  }
143
143
 
144
144
  SRangeSep[fulfilled],
145
145
  SDateRange:focus-within SRangeSep {
146
- color: var(--intergalactic-text-primary, #191b23);
146
+ color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
147
147
  }
148
148
 
149
149
  SRangeComparatorHeader {
150
- border-bottom: 1px solid var(--intergalactic-border-primary, #c4c7cf);
150
+ border-bottom: 1px solid var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
151
151
  padding: var(--intergalactic-spacing-4x, 16px);
152
152
  }
153
153
 
@@ -156,7 +156,7 @@ SRangeCalendar {
156
156
  }
157
157
 
158
158
  SFooter {
159
- border-top: 1px solid var(--intergalactic-border-primary, #c4c7cf);
159
+ border-top: 1px solid var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
160
160
  padding: var(--intergalactic-spacing-4x, 16px);
161
161
  }
162
162
 
package/lib/es6/components/Calendar.js CHANGED
@@ -26,29 +26,29 @@ import { formatDDMMYY, formatMMYY } from '../utils/formatDate';
26
26
  import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
27
27
  import { ScreenReaderOnly } from '@semcore/flex-box';
28
28
  /*!__reshadow-styles__:"../style/calendar.shadow.css"*/
29
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SCalendar_6m1bx_gg_{display:flex;flex-direction:column}.___SGridDays_6m1bx_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto));grid-template-rows:repeat(auto-fit,minmax(32px,auto))}.___SGridMonths_6m1bx_gg_{display:grid;grid-row-gap:var(--intergalactic-spacing-2x, 8px);grid-template-columns:repeat(3,minmax(60px,auto));grid-template-rows:repeat(4,minmax(32px,auto))}.___SWeekDays_6m1bx_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto))}.___SCalendarUnit_6m1bx_gg_,.___SWeekDay_6m1bx_gg_{align-items:center;display:flex;font-size:var(--intergalactic-fs-200, 14px);justify-content:center;min-height:32px;min-width:32px}.___SWeekDay_6m1bx_gg_{color:var(--intergalactic-text-secondary, #6c6e79);font-weight:var(--intergalactic-regular, 400);overflow:hidden}.___SCalendarUnit_6m1bx_gg_{font-family:inherit;font-weight:400;line-height:normal;-webkit-text-decoration:none;text-decoration:none;text-align:center;vertical-align:middle;border:1px solid transparent;color:var(--intergalactic-text-primary, #191b23);box-shadow:none;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background-color:var(--intergalactic-date-picker-cell, #ffffff);border-radius:var(--intergalactic-control-rounded, 6px);box-sizing:border-box;cursor:pointer;position:relative;transition:color .15s,background .15s,box-shadow .15s,border-radius .15s .15s;outline:0;margin:4px 0 0}@media (hover:hover){.___SCalendarUnit_6m1bx_gg_:hover{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-date-picker-cell-hover, #e0e1e9)}}.___SCalendarUnit_6m1bx_gg_.__today_6m1bx_gg_:before{content:\"\";position:absolute;display:block;top:1px;left:1px;border-radius:var(--intergalactic-control-rounded, 6px);width:calc(100% - 2px);height:calc(100% - 2px);box-sizing:border-box;border:1px solid var(--intergalactic-date-picker-cell-current, #8a8e9b)}.___SCalendarUnit_6m1bx_gg_.___SCalendarUnit_6m1bx_gg_.__today_6m1bx_gg_.__endSelected_6m1bx_gg_:before,.___SCalendarUnit_6m1bx_gg_.___SCalendarUnit_6m1bx_gg_.__today_6m1bx_gg_.__startSelected_6m1bx_gg_:before{border-color:var(--intergalactic-border-secondary, #e0e1e9)}.___SCalendarUnit_6m1bx_gg_.__highlighted_6m1bx_gg_,.___SCalendarUnit_6m1bx_gg_.__selected_6m1bx_gg_{border-radius:0;transition:color .15s,background .15s,box-shadow .15s,border-radius 0s 0s;color:var(--intergalactic-text-primary, #191b23)}.___SCalendarUnit_6m1bx_gg_.__selected_6m1bx_gg_{background-color:var(--intergalactic-date-picker-cell-range, #c4e5fe)}@media (hover:hover){.___SCalendarUnit_6m1bx_gg_.__selected_6m1bx_gg_:hover{background-color:var(--intergalactic-date-picker-cell-range-hover, #8ecdff)}}.___SCalendarUnit_6m1bx_gg_.__highlighted_6m1bx_gg_{background-color:var(--intergalactic-date-picker-cell-range-hover, #8ecdff)}@media (hover:hover){.___SCalendarUnit_6m1bx_gg_.__highlighted_6m1bx_gg_:hover{background-color:var(--intergalactic-date-picker-cell-range-hover, #8ecdff)}}.___SCalendarUnit_6m1bx_gg_.__startSelected_6m1bx_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-date-picker-cell-active, #2bb3ff)}.___SCalendarUnit_6m1bx_gg_.__startSelected_6m1bx_gg_:not(.__highlighted_6m1bx_gg_){border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:0;border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-top-right-radius:0}@media (hover:hover){.___SCalendarUnit_6m1bx_gg_.__startSelected_6m1bx_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-date-picker-cell-active-hover, #008ff8)}}.___SCalendarUnit_6m1bx_gg_.__endSelected_6m1bx_gg_{background-color:var(--intergalactic-date-picker-cell-active, #2bb3ff);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SCalendarUnit_6m1bx_gg_.__endSelected_6m1bx_gg_:not(.__highlighted_6m1bx_gg_){border-bottom-left-radius:0;border-bottom-right-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:0;border-top-right-radius:var(--intergalactic-control-rounded, 6px)}@media (hover:hover){.___SCalendarUnit_6m1bx_gg_.__endSelected_6m1bx_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-date-picker-cell-active-hover, #008ff8)}}.___SCalendarUnit_6m1bx_gg_.__startHighlighted_6m1bx_gg_:not(.__selected_6m1bx_gg_){border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:0;border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-top-right-radius:0}.___SCalendarUnit_6m1bx_gg_.__endHighlighted_6m1bx_gg_:not(.__selected_6m1bx_gg_){border-bottom-left-radius:0;border-bottom-right-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:0;border-top-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_6m1bx_gg_.__startHighlighted_6m1bx_gg_.___SCalendarUnit_6m1bx_gg_.__endHighlighted_6m1bx_gg_,.___SCalendarUnit_6m1bx_gg_.__startSelected_6m1bx_gg_.___SCalendarUnit_6m1bx_gg_.__endSelected_6m1bx_gg_{border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-top-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_6m1bx_gg_.__compareHighlighted_6m1bx_gg_{border-top:2px dashed var(--intergalactic-date-picker-cell-comparison-active, #8649e1);border-bottom:2px dashed var(--intergalactic-date-picker-cell-comparison-active, #8649e1);border-radius:0;transition:none}.___SCalendarUnit_6m1bx_gg_.__compareEndHighlighted_6m1bx_gg_,.___SCalendarUnit_6m1bx_gg_.__compareStartHighlighted_6m1bx_gg_{border-left:2px dashed var(--intergalactic-date-picker-cell-comparison-active, #8649e1);border-right:2px dashed var(--intergalactic-date-picker-cell-comparison-active, #8649e1)}.___SCalendarUnit_6m1bx_gg_.__compareEnd_6m1bx_gg_,.___SCalendarUnit_6m1bx_gg_.__compareStart_6m1bx_gg_{border-radius:0;background-color:var(--intergalactic-date-picker-cell-comparison-active, #8649e1);color:var(--intergalactic-text-primary-invert, #ffffff)}@media (hover:hover){.___SCalendarUnit_6m1bx_gg_.__compareEnd_6m1bx_gg_:hover,.___SCalendarUnit_6m1bx_gg_.__compareStart_6m1bx_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-date-picker-cell-comparison-active-hover, #5925ab)}}.___SCalendarUnit_6m1bx_gg_.__compareStartHighlighted_6m1bx_gg_{border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_6m1bx_gg_.__compareEndHighlighted_6m1bx_gg_{border-top-right-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_6m1bx_gg_.__compareStart_6m1bx_gg_:not(.__compareHighlighted_6m1bx_gg_){border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_6m1bx_gg_.__compareEnd_6m1bx_gg_:not(.__compareHighlighted_6m1bx_gg_){border-top-right-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_6m1bx_gg_.__outdated_6m1bx_gg_{opacity:.2}.___SCalendarUnit_6m1bx_gg_.__disabled_6m1bx_gg_{opacity:.4;cursor:default;pointer-events:none}.___SCalendar_6m1bx_gg_:focus{outline:0}.___SCalendar_6m1bx_gg_:focus .___SCalendarUnit_6m1bx_gg_.__highlighted_6m1bx_gg_{z-index:1;box-shadow:var(--intergalactic-keyboard-focus,\n 0px 0px 0px 3px rgba(0, 143, 248, 0.5)\n )}.___SCalendar_6m1bx_gg_:focus:not(.___SCalendar_6m1bx_gg_:focus:has(.___SCalendarUnit_6m1bx_gg_.__highlighted_6m1bx_gg_)){box-shadow:var(--intergalactic-keyboard-focus,\n 0px 0px 0px 3px rgba(0, 143, 248, 0.5)\n )}@media (prefers-reduced-motion){.___SCalendarUnit_6m1bx_gg_,.___SCalendarUnit_6m1bx_gg_.__highlighted_6m1bx_gg_,.___SCalendarUnit_6m1bx_gg_.__selected_6m1bx_gg_{transition:none}}", /*__inner_css_end__*/"6m1bx_gg_"),
29
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SCalendar_36dvl_gg_{display:flex;flex-direction:column}.___SGridDays_36dvl_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto));grid-template-rows:repeat(auto-fit,minmax(32px,auto))}.___SGridMonths_36dvl_gg_{display:grid;grid-row-gap:var(--intergalactic-spacing-2x, 8px);grid-template-columns:repeat(3,minmax(60px,auto));grid-template-rows:repeat(4,minmax(32px,auto))}.___SWeekDays_36dvl_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto))}.___SWeekDay_36dvl_gg_{min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center;color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));font-size:var(--intergalactic-fs-200, 14px);font-weight:var(--intergalactic-regular, 400);overflow:hidden}@supports (color:color(display-p3 0 0 0)){.___SWeekDay_36dvl_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SWeekDay_36dvl_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SCalendarUnit_36dvl_gg_{font-family:inherit;font-weight:400;line-height:normal;-webkit-text-decoration:none;text-decoration:none;text-align:center;vertical-align:middle;border:1px solid transparent;color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));box-shadow:none;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background-color:var(--intergalactic-date-picker-cell, rgb(255, 255, 255));align-items:center;border-radius:var(--intergalactic-control-rounded, 6px);box-sizing:border-box;cursor:pointer;display:flex;font-size:var(--intergalactic-fs-200, 14px);justify-content:center;min-height:32px;min-width:32px;position:relative;transition:color .15s,background .15s,box-shadow .15s,border-radius .15s .15s;outline:0;margin:4px 0 0}@media (hover:hover){.___SCalendarUnit_36dvl_gg_:hover{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));background-color:var(--intergalactic-date-picker-cell-hover, rgb(248, 249, 248))}}.___SCalendarUnit_36dvl_gg_.__today_36dvl_gg_:before{content:\"\";position:absolute;display:block;top:1px;left:1px;border-radius:var(--intergalactic-control-rounded, 6px);width:calc(100% - 2px);height:calc(100% - 2px);box-sizing:border-box;border:1px solid var(--intergalactic-date-picker-cell-current, rgba(0, 6, 3, 0.337))}@supports (color:color(display-p3 0 0 0)){.___SCalendarUnit_36dvl_gg_.__today_36dvl_gg_:before{border:1px solid var(--intergalactic-date-picker-cell-current, rgba(0, 6, 3, 0.337))}@media (color-gamut:p3){.___SCalendarUnit_36dvl_gg_.__today_36dvl_gg_:before{border:1px solid var(--intergalactic-date-picker-cell-current, color(display-p3 0.00414 0.0233 0.01269 / 0.337))}}}.___SCalendarUnit_36dvl_gg_.___SCalendarUnit_36dvl_gg_.__today_36dvl_gg_.__startSelected_36dvl_gg_:before{border-color:var(--intergalactic-border-secondary, rgba(0, 21, 16, 0.07))}@supports (color:color(display-p3 0 0 0)){.___SCalendarUnit_36dvl_gg_.___SCalendarUnit_36dvl_gg_.__today_36dvl_gg_.__startSelected_36dvl_gg_:before{border-color:var(--intergalactic-border-secondary, rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___SCalendarUnit_36dvl_gg_.___SCalendarUnit_36dvl_gg_.__today_36dvl_gg_.__startSelected_36dvl_gg_:before{border-color:var(--intergalactic-border-secondary, color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___SCalendarUnit_36dvl_gg_.___SCalendarUnit_36dvl_gg_.__today_36dvl_gg_.__endSelected_36dvl_gg_:before{border-color:var(--intergalactic-border-secondary, rgba(0, 21, 16, 0.07))}@supports (color:color(display-p3 0 0 0)){.___SCalendarUnit_36dvl_gg_.___SCalendarUnit_36dvl_gg_.__today_36dvl_gg_.__endSelected_36dvl_gg_:before{border-color:var(--intergalactic-border-secondary, rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___SCalendarUnit_36dvl_gg_.___SCalendarUnit_36dvl_gg_.__today_36dvl_gg_.__endSelected_36dvl_gg_:before{border-color:var(--intergalactic-border-secondary, color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___SCalendarUnit_36dvl_gg_.__highlighted_36dvl_gg_,.___SCalendarUnit_36dvl_gg_.__selected_36dvl_gg_{border-radius:0;transition:color .15s,background .15s,box-shadow .15s,border-radius 0s 0s;color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___SCalendarUnit_36dvl_gg_.__selected_36dvl_gg_{background-color:var(--intergalactic-date-picker-cell-range, rgb(239, 241, 252))}@media (hover:hover){.___SCalendarUnit_36dvl_gg_.__selected_36dvl_gg_:hover{background-color:var(--intergalactic-date-picker-cell-range-hover, rgb(216, 220, 248))}}.___SCalendarUnit_36dvl_gg_.__highlighted_36dvl_gg_{background-color:var(--intergalactic-date-picker-cell-range-hover, rgb(216, 220, 248))}@media (hover:hover){.___SCalendarUnit_36dvl_gg_.__highlighted_36dvl_gg_:hover{background-color:var(--intergalactic-date-picker-cell-range-hover, rgb(216, 220, 248))}}.___SCalendarUnit_36dvl_gg_.__startSelected_36dvl_gg_{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-date-picker-cell-active, rgb(123, 130, 220))}.___SCalendarUnit_36dvl_gg_.__startSelected_36dvl_gg_:not(.__highlighted_36dvl_gg_){border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:0;border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-top-right-radius:0}@media (hover:hover){.___SCalendarUnit_36dvl_gg_.__startSelected_36dvl_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-date-picker-cell-active-hover, rgb(110, 115, 215))}}.___SCalendarUnit_36dvl_gg_.__endSelected_36dvl_gg_{background-color:var(--intergalactic-date-picker-cell-active, rgb(123, 130, 220));color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949))}.___SCalendarUnit_36dvl_gg_.__endSelected_36dvl_gg_:not(.__highlighted_36dvl_gg_){border-bottom-left-radius:0;border-bottom-right-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:0;border-top-right-radius:var(--intergalactic-control-rounded, 6px)}@media (hover:hover){.___SCalendarUnit_36dvl_gg_.__endSelected_36dvl_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-date-picker-cell-active-hover, rgb(110, 115, 215))}}.___SCalendarUnit_36dvl_gg_.__startHighlighted_36dvl_gg_:not(.__selected_36dvl_gg_){border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:0;border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-top-right-radius:0}.___SCalendarUnit_36dvl_gg_.__endHighlighted_36dvl_gg_:not(.__selected_36dvl_gg_){border-bottom-left-radius:0;border-bottom-right-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:0;border-top-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_36dvl_gg_.__startHighlighted_36dvl_gg_.___SCalendarUnit_36dvl_gg_.__endHighlighted_36dvl_gg_,.___SCalendarUnit_36dvl_gg_.__startSelected_36dvl_gg_.___SCalendarUnit_36dvl_gg_.__endSelected_36dvl_gg_{border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-top-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_36dvl_gg_.__compareHighlighted_36dvl_gg_{border-top:2px dashed var(--intergalactic-date-picker-cell-comparison-active, rgb(162, 97, 253));border-bottom:2px dashed var(--intergalactic-date-picker-cell-comparison-active, rgb(162, 97, 253));border-radius:0;transition:none}.___SCalendarUnit_36dvl_gg_.__compareEndHighlighted_36dvl_gg_,.___SCalendarUnit_36dvl_gg_.__compareStartHighlighted_36dvl_gg_{border-left:2px dashed var(--intergalactic-date-picker-cell-comparison-active, rgb(162, 97, 253));border-right:2px dashed var(--intergalactic-date-picker-cell-comparison-active, rgb(162, 97, 253))}.___SCalendarUnit_36dvl_gg_.__compareEnd_36dvl_gg_,.___SCalendarUnit_36dvl_gg_.__compareStart_36dvl_gg_{border-radius:0;background-color:var(--intergalactic-date-picker-cell-comparison-active, rgb(162, 97, 253));color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949))}@media (hover:hover){.___SCalendarUnit_36dvl_gg_.__compareEnd_36dvl_gg_:hover,.___SCalendarUnit_36dvl_gg_.__compareStart_36dvl_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-date-picker-cell-comparison-active-hover, rgb(150, 76, 251))}}.___SCalendarUnit_36dvl_gg_.__compareStartHighlighted_36dvl_gg_{border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_36dvl_gg_.__compareEndHighlighted_36dvl_gg_{border-top-right-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_36dvl_gg_.__compareStart_36dvl_gg_:not(.__compareHighlighted_36dvl_gg_){border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_36dvl_gg_.__compareEnd_36dvl_gg_:not(.__compareHighlighted_36dvl_gg_){border-top-right-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_36dvl_gg_.__outdated_36dvl_gg_{opacity:.2}.___SCalendarUnit_36dvl_gg_.__disabled_36dvl_gg_{opacity:.4;cursor:default;pointer-events:none}.___SCalendar_36dvl_gg_:focus{outline:0}.___SCalendar_36dvl_gg_:focus .___SCalendarUnit_36dvl_gg_.__highlighted_36dvl_gg_{z-index:1;box-shadow:var(--intergalactic-keyboard-focus,\n 0px 0px 0px 3px rgba(0, 18, 193, 0.441)\n )}.___SCalendar_36dvl_gg_:focus:not(.___SCalendar_36dvl_gg_:focus:has(.___SCalendarUnit_36dvl_gg_.__highlighted_36dvl_gg_)){box-shadow:var(--intergalactic-keyboard-focus,\n 0px 0px 0px 3px rgba(0, 18, 193, 0.441)\n )}@media (prefers-reduced-motion){.___SCalendarUnit_36dvl_gg_,.___SCalendarUnit_36dvl_gg_.__highlighted_36dvl_gg_,.___SCalendarUnit_36dvl_gg_.__selected_36dvl_gg_{transition:none}}", /*__inner_css_end__*/"36dvl_gg_"),
30
30
  /*__reshadow_css_end__*/
31
31
  {
32
- "__SCalendar": "___SCalendar_6m1bx_gg_",
33
- "__SGridDays": "___SGridDays_6m1bx_gg_",
34
- "__SGridMonths": "___SGridMonths_6m1bx_gg_",
35
- "__SWeekDays": "___SWeekDays_6m1bx_gg_",
36
- "__SWeekDay": "___SWeekDay_6m1bx_gg_",
37
- "__SCalendarUnit": "___SCalendarUnit_6m1bx_gg_",
38
- "_startHighlighted": "__startHighlighted_6m1bx_gg_",
39
- "_selected": "__selected_6m1bx_gg_",
40
- "_endHighlighted": "__endHighlighted_6m1bx_gg_",
41
- "_startSelected": "__startSelected_6m1bx_gg_",
42
- "_endSelected": "__endSelected_6m1bx_gg_",
43
- "_compareHighlighted": "__compareHighlighted_6m1bx_gg_",
44
- "_compareStartHighlighted": "__compareStartHighlighted_6m1bx_gg_",
45
- "_compareEndHighlighted": "__compareEndHighlighted_6m1bx_gg_",
46
- "_compareStart": "__compareStart_6m1bx_gg_",
47
- "_compareEnd": "__compareEnd_6m1bx_gg_",
48
- "_outdated": "__outdated_6m1bx_gg_",
49
- "_disabled": "__disabled_6m1bx_gg_",
50
- "_highlighted": "__highlighted_6m1bx_gg_",
51
- "_today": "__today_6m1bx_gg_"
32
+ "__SCalendar": "___SCalendar_36dvl_gg_",
33
+ "__SGridDays": "___SGridDays_36dvl_gg_",
34
+ "__SGridMonths": "___SGridMonths_36dvl_gg_",
35
+ "__SWeekDays": "___SWeekDays_36dvl_gg_",
36
+ "__SWeekDay": "___SWeekDay_36dvl_gg_",
37
+ "__SCalendarUnit": "___SCalendarUnit_36dvl_gg_",
38
+ "_startHighlighted": "__startHighlighted_36dvl_gg_",
39
+ "_selected": "__selected_36dvl_gg_",
40
+ "_endHighlighted": "__endHighlighted_36dvl_gg_",
41
+ "_startSelected": "__startSelected_36dvl_gg_",
42
+ "_endSelected": "__endSelected_36dvl_gg_",
43
+ "_compareHighlighted": "__compareHighlighted_36dvl_gg_",
44
+ "_compareStartHighlighted": "__compareStartHighlighted_36dvl_gg_",
45
+ "_compareEndHighlighted": "__compareEndHighlighted_36dvl_gg_",
46
+ "_compareStart": "__compareStart_36dvl_gg_",
47
+ "_compareEnd": "__compareEnd_36dvl_gg_",
48
+ "_outdated": "__outdated_36dvl_gg_",
49
+ "_disabled": "__disabled_36dvl_gg_",
50
+ "_highlighted": "__highlighted_36dvl_gg_",
51
+ "_today": "__today_36dvl_gg_"
52
52
  });
53
53
  dayjs.extend(isBetween);
54
54
  var range = function range(N, cb) {
package/lib/es6/components/DateRangeComparatorAbstract.js CHANGED
@@ -24,37 +24,37 @@ import { LinkTrigger } from '@semcore/base-trigger';
24
24
  import { includesDate } from '../utils/includesDate';
25
25
  import { formatDDMMYY, formatMMYY } from '../utils/formatDate';
26
26
  /*!__reshadow-styles__:"../style/date-picker.shadow.css"*/
27
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPopper_1f8n3_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_1f8n3_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_1f8n3_gg_:active,.___SPopper_1f8n3_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPopper_1f8n3_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SPopper_1f8n3_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SHeader_1f8n3_gg_,.___STitle_1f8n3_gg_{display:flex;align-items:center}.___STitle_1f8n3_gg_{font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-primary, #191b23);height:32px;width:100%;justify-content:center}.___SToday_1f8n3_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_1f8n3_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SButton_1f8n3_gg_ .___SInner_1f8n3_gg_{justify-content:flex-start}.___SInputMask_1f8n3_gg_{color:var(--intergalactic-text-primary, #191b23);line-height:normal;padding-right:var(--intergalactic-spacing-2x, 8px);transition:width calc(var(--intergalactic-duration-medium, 300)*1ms) ease,min-width calc(var(--intergalactic-duration-medium, 300)*1ms) ease}.___SInputMask_1f8n3_gg_.__animationsDisabled_1f8n3_gg_{transition:none}.___SInputMask_1f8n3_gg_ .___SValue_1f8n3_gg_{letter-spacing:0}.___SIndicator_1f8n3_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SRangeIndicator_1f8n3_gg_{border-radius:50%;flex-shrink:0}.___SRangeIndicator_1f8n3_gg_._range_value_1f8n3_gg_{background-color:var(--intergalactic-date-picker-cell-active, #2bb3ff)}.___SRangeIndicator_1f8n3_gg_._range_compare_1f8n3_gg_{background-color:var(--intergalactic-date-picker-cell-comparison-active, #8649e1)}.___SRangeIndicator_1f8n3_gg_.__disabled_1f8n3_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SHumanizedDate_1f8n3_gg_{position:absolute;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.___SMask_1f8n3_gg_{letter-spacing:0;white-space:nowrap;overflow:hidden}.___SDateRange_1f8n3_gg_ .___SMask_1f8n3_gg_,.___SDateRange_1f8n3_gg_ .___SValue_1f8n3_gg_,.___SSingleDateInput_1f8n3_gg_ .___SMask_1f8n3_gg_,.___SSingleDateInput_1f8n3_gg_ .___SValue_1f8n3_gg_{opacity:0}.___SSingleDateInput_1f8n3_gg_:focus-within .___SHumanizedDate_1f8n3_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_1f8n3_gg_:focus-within .___SMask_1f8n3_gg_,.___SSingleDateInput_1f8n3_gg_:focus-within .___SValue_1f8n3_gg_{opacity:1}.___SDateRange_1f8n3_gg_:focus-within .___SHumanizedDate_1f8n3_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_1f8n3_gg_:focus-within .___SMask_1f8n3_gg_,.___SDateRange_1f8n3_gg_:focus-within .___SValue_1f8n3_gg_{opacity:1}.___SInputMask_1f8n3_gg_.__noHumanizedDate_1f8n3_gg_ .___SMask_1f8n3_gg_,.___SInputMask_1f8n3_gg_.__noHumanizedDate_1f8n3_gg_ .___SValue_1f8n3_gg_{opacity:1}.___SDateRange_1f8n3_gg_ .___SInputMask_1f8n3_gg_:focus-within .___SMask_1f8n3_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SDateRange_1f8n3_gg_:focus-within .___SRangeSep_1f8n3_gg_,.___SRangeSep_1f8n3_gg_.__fulfilled_1f8n3_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SRangeComparatorHeader_1f8n3_gg_{border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SRangeCalendar_1f8n3_gg_,.___SRangeComparatorHeader_1f8n3_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___SFooter_1f8n3_gg_{border-top:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SFooter_1f8n3_gg_,.___SPeriodsList_1f8n3_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___STooltip_1f8n3_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SCompareToggle_1f8n3_gg_{white-space:nowrap}@media (prefers-reduced-motion){.___SInputMask_1f8n3_gg_{transition:none}}", /*__inner_css_end__*/"1f8n3_gg_"),
27
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPopper_7h9qp_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_7h9qp_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_7h9qp_gg_:active,.___SPopper_7h9qp_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPopper_7h9qp_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SPopper_7h9qp_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 18, 193, 0.441))}.___SHeader_7h9qp_gg_,.___STitle_7h9qp_gg_{display:flex;align-items:center}.___STitle_7h9qp_gg_{font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));height:32px;width:100%;justify-content:center}.___SToday_7h9qp_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_7h9qp_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SButton_7h9qp_gg_ .___SInner_7h9qp_gg_{justify-content:flex-start}.___SInputMask_7h9qp_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));line-height:normal;padding-right:var(--intergalactic-spacing-2x, 8px);transition:width calc(var(--intergalactic-duration-medium, 300)*1ms) ease,min-width calc(var(--intergalactic-duration-medium, 300)*1ms) ease}.___SInputMask_7h9qp_gg_.__animationsDisabled_7h9qp_gg_{transition:none}.___SInputMask_7h9qp_gg_ .___SValue_7h9qp_gg_{letter-spacing:0}.___SIndicator_7h9qp_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0)){.___SIndicator_7h9qp_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SIndicator_7h9qp_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SRangeIndicator_7h9qp_gg_{border-radius:50%;flex-shrink:0}.___SRangeIndicator_7h9qp_gg_._range_value_7h9qp_gg_{background-color:var(--intergalactic-date-picker-cell-active, rgb(123, 130, 220))}.___SRangeIndicator_7h9qp_gg_._range_compare_7h9qp_gg_{background-color:var(--intergalactic-date-picker-cell-comparison-active, rgb(162, 97, 253))}.___SRangeIndicator_7h9qp_gg_.__disabled_7h9qp_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4)}.___SHumanizedDate_7h9qp_gg_{position:absolute;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.___SMask_7h9qp_gg_{letter-spacing:0;white-space:nowrap;overflow:hidden}.___SDateRange_7h9qp_gg_ .___SMask_7h9qp_gg_,.___SDateRange_7h9qp_gg_ .___SValue_7h9qp_gg_,.___SSingleDateInput_7h9qp_gg_ .___SMask_7h9qp_gg_,.___SSingleDateInput_7h9qp_gg_ .___SValue_7h9qp_gg_{opacity:0}.___SSingleDateInput_7h9qp_gg_:focus-within .___SHumanizedDate_7h9qp_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_7h9qp_gg_:focus-within .___SMask_7h9qp_gg_,.___SSingleDateInput_7h9qp_gg_:focus-within .___SValue_7h9qp_gg_{opacity:1}.___SDateRange_7h9qp_gg_:focus-within .___SHumanizedDate_7h9qp_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_7h9qp_gg_:focus-within .___SMask_7h9qp_gg_,.___SDateRange_7h9qp_gg_:focus-within .___SValue_7h9qp_gg_{opacity:1}.___SInputMask_7h9qp_gg_.__noHumanizedDate_7h9qp_gg_ .___SMask_7h9qp_gg_,.___SInputMask_7h9qp_gg_.__noHumanizedDate_7h9qp_gg_ .___SValue_7h9qp_gg_{opacity:1}.___SDateRange_7h9qp_gg_ .___SInputMask_7h9qp_gg_:focus-within .___SMask_7h9qp_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 31, 207, 0.093))}@supports (color:color(display-p3 0 0 0)){.___SDateRange_7h9qp_gg_ .___SInputMask_7h9qp_gg_:focus-within .___SMask_7h9qp_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 31, 207, 0.093))}@media (color-gamut:p3){.___SDateRange_7h9qp_gg_ .___SInputMask_7h9qp_gg_:focus-within .___SMask_7h9qp_gg_{background-color:var(--intergalactic-bg-highlight-focus, color(display-p3 0.02831 0.11224 0.78317 / 0.093))}}}.___SDateRange_7h9qp_gg_:focus-within .___SRangeSep_7h9qp_gg_,.___SRangeSep_7h9qp_gg_.__fulfilled_7h9qp_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___SRangeComparatorHeader_7h9qp_gg_{border-bottom:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));padding:var(--intergalactic-spacing-4x, 16px)}@supports (color:color(display-p3 0 0 0)){.___SRangeComparatorHeader_7h9qp_gg_{border-bottom:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SRangeComparatorHeader_7h9qp_gg_{border-bottom:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SFooter_7h9qp_gg_,.___SRangeCalendar_7h9qp_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___SFooter_7h9qp_gg_{border-top:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@supports (color:color(display-p3 0 0 0)){.___SFooter_7h9qp_gg_{border-top:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SFooter_7h9qp_gg_{border-top:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SPeriodsList_7h9qp_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___STooltip_7h9qp_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SCompareToggle_7h9qp_gg_{white-space:nowrap}@media (prefers-reduced-motion){.___SInputMask_7h9qp_gg_{transition:none}}", /*__inner_css_end__*/"7h9qp_gg_"),
28
28
  /*__reshadow_css_end__*/
29
29
  {
30
- "__SHeader": "___SHeader_1f8n3_gg_",
31
- "__STitle": "___STitle_1f8n3_gg_",
32
- "__SToday": "___SToday_1f8n3_gg_",
33
- "__SPeriod": "___SPeriod_1f8n3_gg_",
34
- "__SButton": "___SButton_1f8n3_gg_",
35
- "__SInner": "___SInner_1f8n3_gg_",
36
- "__SInputMask": "___SInputMask_1f8n3_gg_",
37
- "_animationsDisabled": "__animationsDisabled_1f8n3_gg_",
38
- "__SValue": "___SValue_1f8n3_gg_",
39
- "__SIndicator": "___SIndicator_1f8n3_gg_",
40
- "__SRangeIndicator": "___SRangeIndicator_1f8n3_gg_",
41
- "_range_value": "_range_value_1f8n3_gg_",
42
- "_range_compare": "_range_compare_1f8n3_gg_",
43
- "_disabled": "__disabled_1f8n3_gg_",
44
- "__SHumanizedDate": "___SHumanizedDate_1f8n3_gg_",
45
- "__SMask": "___SMask_1f8n3_gg_",
46
- "__SSingleDateInput": "___SSingleDateInput_1f8n3_gg_",
47
- "__SDateRange": "___SDateRange_1f8n3_gg_",
48
- "_noHumanizedDate": "__noHumanizedDate_1f8n3_gg_",
49
- "__SRangeSep": "___SRangeSep_1f8n3_gg_",
50
- "_fulfilled": "__fulfilled_1f8n3_gg_",
51
- "__SRangeComparatorHeader": "___SRangeComparatorHeader_1f8n3_gg_",
52
- "__SRangeCalendar": "___SRangeCalendar_1f8n3_gg_",
53
- "__SFooter": "___SFooter_1f8n3_gg_",
54
- "__SPeriodsList": "___SPeriodsList_1f8n3_gg_",
55
- "__STooltip": "___STooltip_1f8n3_gg_",
56
- "__SCompareToggle": "___SCompareToggle_1f8n3_gg_",
57
- "__SPopper": "___SPopper_1f8n3_gg_"
30
+ "__SHeader": "___SHeader_7h9qp_gg_",
31
+ "__STitle": "___STitle_7h9qp_gg_",
32
+ "__SToday": "___SToday_7h9qp_gg_",
33
+ "__SPeriod": "___SPeriod_7h9qp_gg_",
34
+ "__SButton": "___SButton_7h9qp_gg_",
35
+ "__SInner": "___SInner_7h9qp_gg_",
36
+ "__SInputMask": "___SInputMask_7h9qp_gg_",
37
+ "_animationsDisabled": "__animationsDisabled_7h9qp_gg_",
38
+ "__SValue": "___SValue_7h9qp_gg_",
39
+ "__SIndicator": "___SIndicator_7h9qp_gg_",
40
+ "__SRangeIndicator": "___SRangeIndicator_7h9qp_gg_",
41
+ "_range_value": "_range_value_7h9qp_gg_",
42
+ "_range_compare": "_range_compare_7h9qp_gg_",
43
+ "_disabled": "__disabled_7h9qp_gg_",
44
+ "__SHumanizedDate": "___SHumanizedDate_7h9qp_gg_",
45
+ "__SMask": "___SMask_7h9qp_gg_",
46
+ "__SSingleDateInput": "___SSingleDateInput_7h9qp_gg_",
47
+ "__SDateRange": "___SDateRange_7h9qp_gg_",
48
+ "_noHumanizedDate": "__noHumanizedDate_7h9qp_gg_",
49
+ "__SRangeSep": "___SRangeSep_7h9qp_gg_",
50
+ "_fulfilled": "__fulfilled_7h9qp_gg_",
51
+ "__SRangeComparatorHeader": "___SRangeComparatorHeader_7h9qp_gg_",
52
+ "__SRangeCalendar": "___SRangeCalendar_7h9qp_gg_",
53
+ "__SFooter": "___SFooter_7h9qp_gg_",
54
+ "__SPeriodsList": "___SPeriodsList_7h9qp_gg_",
55
+ "__STooltip": "___STooltip_7h9qp_gg_",
56
+ "__SCompareToggle": "___SCompareToggle_7h9qp_gg_",
57
+ "__SPopper": "___SPopper_7h9qp_gg_"
58
58
  });
59
59
  var INTERACTION_TAGS = ['INPUT'];
60
60
  var INTERACTION_KEYS = ['ArrowDown', 'Enter', ' '];
package/lib/es6/components/InputTrigger.js CHANGED
@@ -36,37 +36,37 @@ import { includesDate } from '../utils/includesDate';
36
36
  import dayjs from 'dayjs';
37
37
  import useEnhancedEffect from '@semcore/utils/lib/use/useEnhancedEffect';
38
38
  /*!__reshadow-styles__:"../style/date-picker.shadow.css"*/
39
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPopper_1f8n3_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_1f8n3_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_1f8n3_gg_:active,.___SPopper_1f8n3_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPopper_1f8n3_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SPopper_1f8n3_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SHeader_1f8n3_gg_,.___STitle_1f8n3_gg_{display:flex;align-items:center}.___STitle_1f8n3_gg_{font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-primary, #191b23);height:32px;width:100%;justify-content:center}.___SToday_1f8n3_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_1f8n3_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SButton_1f8n3_gg_ .___SInner_1f8n3_gg_{justify-content:flex-start}.___SInputMask_1f8n3_gg_{color:var(--intergalactic-text-primary, #191b23);line-height:normal;padding-right:var(--intergalactic-spacing-2x, 8px);transition:width calc(var(--intergalactic-duration-medium, 300)*1ms) ease,min-width calc(var(--intergalactic-duration-medium, 300)*1ms) ease}.___SInputMask_1f8n3_gg_.__animationsDisabled_1f8n3_gg_{transition:none}.___SInputMask_1f8n3_gg_ .___SValue_1f8n3_gg_{letter-spacing:0}.___SIndicator_1f8n3_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SRangeIndicator_1f8n3_gg_{border-radius:50%;flex-shrink:0}.___SRangeIndicator_1f8n3_gg_._range_value_1f8n3_gg_{background-color:var(--intergalactic-date-picker-cell-active, #2bb3ff)}.___SRangeIndicator_1f8n3_gg_._range_compare_1f8n3_gg_{background-color:var(--intergalactic-date-picker-cell-comparison-active, #8649e1)}.___SRangeIndicator_1f8n3_gg_.__disabled_1f8n3_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SHumanizedDate_1f8n3_gg_{position:absolute;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.___SMask_1f8n3_gg_{letter-spacing:0;white-space:nowrap;overflow:hidden}.___SDateRange_1f8n3_gg_ .___SMask_1f8n3_gg_,.___SDateRange_1f8n3_gg_ .___SValue_1f8n3_gg_,.___SSingleDateInput_1f8n3_gg_ .___SMask_1f8n3_gg_,.___SSingleDateInput_1f8n3_gg_ .___SValue_1f8n3_gg_{opacity:0}.___SSingleDateInput_1f8n3_gg_:focus-within .___SHumanizedDate_1f8n3_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_1f8n3_gg_:focus-within .___SMask_1f8n3_gg_,.___SSingleDateInput_1f8n3_gg_:focus-within .___SValue_1f8n3_gg_{opacity:1}.___SDateRange_1f8n3_gg_:focus-within .___SHumanizedDate_1f8n3_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_1f8n3_gg_:focus-within .___SMask_1f8n3_gg_,.___SDateRange_1f8n3_gg_:focus-within .___SValue_1f8n3_gg_{opacity:1}.___SInputMask_1f8n3_gg_.__noHumanizedDate_1f8n3_gg_ .___SMask_1f8n3_gg_,.___SInputMask_1f8n3_gg_.__noHumanizedDate_1f8n3_gg_ .___SValue_1f8n3_gg_{opacity:1}.___SDateRange_1f8n3_gg_ .___SInputMask_1f8n3_gg_:focus-within .___SMask_1f8n3_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SDateRange_1f8n3_gg_:focus-within .___SRangeSep_1f8n3_gg_,.___SRangeSep_1f8n3_gg_.__fulfilled_1f8n3_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SRangeComparatorHeader_1f8n3_gg_{border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SRangeCalendar_1f8n3_gg_,.___SRangeComparatorHeader_1f8n3_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___SFooter_1f8n3_gg_{border-top:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SFooter_1f8n3_gg_,.___SPeriodsList_1f8n3_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___STooltip_1f8n3_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SCompareToggle_1f8n3_gg_{white-space:nowrap}@media (prefers-reduced-motion){.___SInputMask_1f8n3_gg_{transition:none}}", /*__inner_css_end__*/"1f8n3_gg_"),
39
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPopper_7h9qp_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_7h9qp_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_7h9qp_gg_:active,.___SPopper_7h9qp_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPopper_7h9qp_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SPopper_7h9qp_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 18, 193, 0.441))}.___SHeader_7h9qp_gg_,.___STitle_7h9qp_gg_{display:flex;align-items:center}.___STitle_7h9qp_gg_{font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));height:32px;width:100%;justify-content:center}.___SToday_7h9qp_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_7h9qp_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SButton_7h9qp_gg_ .___SInner_7h9qp_gg_{justify-content:flex-start}.___SInputMask_7h9qp_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));line-height:normal;padding-right:var(--intergalactic-spacing-2x, 8px);transition:width calc(var(--intergalactic-duration-medium, 300)*1ms) ease,min-width calc(var(--intergalactic-duration-medium, 300)*1ms) ease}.___SInputMask_7h9qp_gg_.__animationsDisabled_7h9qp_gg_{transition:none}.___SInputMask_7h9qp_gg_ .___SValue_7h9qp_gg_{letter-spacing:0}.___SIndicator_7h9qp_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0)){.___SIndicator_7h9qp_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SIndicator_7h9qp_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SRangeIndicator_7h9qp_gg_{border-radius:50%;flex-shrink:0}.___SRangeIndicator_7h9qp_gg_._range_value_7h9qp_gg_{background-color:var(--intergalactic-date-picker-cell-active, rgb(123, 130, 220))}.___SRangeIndicator_7h9qp_gg_._range_compare_7h9qp_gg_{background-color:var(--intergalactic-date-picker-cell-comparison-active, rgb(162, 97, 253))}.___SRangeIndicator_7h9qp_gg_.__disabled_7h9qp_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4)}.___SHumanizedDate_7h9qp_gg_{position:absolute;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.___SMask_7h9qp_gg_{letter-spacing:0;white-space:nowrap;overflow:hidden}.___SDateRange_7h9qp_gg_ .___SMask_7h9qp_gg_,.___SDateRange_7h9qp_gg_ .___SValue_7h9qp_gg_,.___SSingleDateInput_7h9qp_gg_ .___SMask_7h9qp_gg_,.___SSingleDateInput_7h9qp_gg_ .___SValue_7h9qp_gg_{opacity:0}.___SSingleDateInput_7h9qp_gg_:focus-within .___SHumanizedDate_7h9qp_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_7h9qp_gg_:focus-within .___SMask_7h9qp_gg_,.___SSingleDateInput_7h9qp_gg_:focus-within .___SValue_7h9qp_gg_{opacity:1}.___SDateRange_7h9qp_gg_:focus-within .___SHumanizedDate_7h9qp_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_7h9qp_gg_:focus-within .___SMask_7h9qp_gg_,.___SDateRange_7h9qp_gg_:focus-within .___SValue_7h9qp_gg_{opacity:1}.___SInputMask_7h9qp_gg_.__noHumanizedDate_7h9qp_gg_ .___SMask_7h9qp_gg_,.___SInputMask_7h9qp_gg_.__noHumanizedDate_7h9qp_gg_ .___SValue_7h9qp_gg_{opacity:1}.___SDateRange_7h9qp_gg_ .___SInputMask_7h9qp_gg_:focus-within .___SMask_7h9qp_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 31, 207, 0.093))}@supports (color:color(display-p3 0 0 0)){.___SDateRange_7h9qp_gg_ .___SInputMask_7h9qp_gg_:focus-within .___SMask_7h9qp_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 31, 207, 0.093))}@media (color-gamut:p3){.___SDateRange_7h9qp_gg_ .___SInputMask_7h9qp_gg_:focus-within .___SMask_7h9qp_gg_{background-color:var(--intergalactic-bg-highlight-focus, color(display-p3 0.02831 0.11224 0.78317 / 0.093))}}}.___SDateRange_7h9qp_gg_:focus-within .___SRangeSep_7h9qp_gg_,.___SRangeSep_7h9qp_gg_.__fulfilled_7h9qp_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___SRangeComparatorHeader_7h9qp_gg_{border-bottom:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));padding:var(--intergalactic-spacing-4x, 16px)}@supports (color:color(display-p3 0 0 0)){.___SRangeComparatorHeader_7h9qp_gg_{border-bottom:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SRangeComparatorHeader_7h9qp_gg_{border-bottom:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SFooter_7h9qp_gg_,.___SRangeCalendar_7h9qp_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___SFooter_7h9qp_gg_{border-top:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@supports (color:color(display-p3 0 0 0)){.___SFooter_7h9qp_gg_{border-top:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SFooter_7h9qp_gg_{border-top:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SPeriodsList_7h9qp_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___STooltip_7h9qp_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SCompareToggle_7h9qp_gg_{white-space:nowrap}@media (prefers-reduced-motion){.___SInputMask_7h9qp_gg_{transition:none}}", /*__inner_css_end__*/"7h9qp_gg_"),
40
40
  /*__reshadow_css_end__*/
41
41
  {
42
- "__SHeader": "___SHeader_1f8n3_gg_",
43
- "__STitle": "___STitle_1f8n3_gg_",
44
- "__SToday": "___SToday_1f8n3_gg_",
45
- "__SPeriod": "___SPeriod_1f8n3_gg_",
46
- "__SButton": "___SButton_1f8n3_gg_",
47
- "__SInner": "___SInner_1f8n3_gg_",
48
- "__SInputMask": "___SInputMask_1f8n3_gg_",
49
- "_animationsDisabled": "__animationsDisabled_1f8n3_gg_",
50
- "__SValue": "___SValue_1f8n3_gg_",
51
- "__SIndicator": "___SIndicator_1f8n3_gg_",
52
- "__SRangeIndicator": "___SRangeIndicator_1f8n3_gg_",
53
- "_range_value": "_range_value_1f8n3_gg_",
54
- "_range_compare": "_range_compare_1f8n3_gg_",
55
- "_disabled": "__disabled_1f8n3_gg_",
56
- "__SHumanizedDate": "___SHumanizedDate_1f8n3_gg_",
57
- "__SMask": "___SMask_1f8n3_gg_",
58
- "__SSingleDateInput": "___SSingleDateInput_1f8n3_gg_",
59
- "__SDateRange": "___SDateRange_1f8n3_gg_",
60
- "_noHumanizedDate": "__noHumanizedDate_1f8n3_gg_",
61
- "__SRangeSep": "___SRangeSep_1f8n3_gg_",
62
- "_fulfilled": "__fulfilled_1f8n3_gg_",
63
- "__SRangeComparatorHeader": "___SRangeComparatorHeader_1f8n3_gg_",
64
- "__SRangeCalendar": "___SRangeCalendar_1f8n3_gg_",
65
- "__SFooter": "___SFooter_1f8n3_gg_",
66
- "__SPeriodsList": "___SPeriodsList_1f8n3_gg_",
67
- "__STooltip": "___STooltip_1f8n3_gg_",
68
- "__SCompareToggle": "___SCompareToggle_1f8n3_gg_",
69
- "__SPopper": "___SPopper_1f8n3_gg_"
42
+ "__SHeader": "___SHeader_7h9qp_gg_",
43
+ "__STitle": "___STitle_7h9qp_gg_",
44
+ "__SToday": "___SToday_7h9qp_gg_",
45
+ "__SPeriod": "___SPeriod_7h9qp_gg_",
46
+ "__SButton": "___SButton_7h9qp_gg_",
47
+ "__SInner": "___SInner_7h9qp_gg_",
48
+ "__SInputMask": "___SInputMask_7h9qp_gg_",
49
+ "_animationsDisabled": "__animationsDisabled_7h9qp_gg_",
50
+ "__SValue": "___SValue_7h9qp_gg_",
51
+ "__SIndicator": "___SIndicator_7h9qp_gg_",
52
+ "__SRangeIndicator": "___SRangeIndicator_7h9qp_gg_",
53
+ "_range_value": "_range_value_7h9qp_gg_",
54
+ "_range_compare": "_range_compare_7h9qp_gg_",
55
+ "_disabled": "__disabled_7h9qp_gg_",
56
+ "__SHumanizedDate": "___SHumanizedDate_7h9qp_gg_",
57
+ "__SMask": "___SMask_7h9qp_gg_",
58
+ "__SSingleDateInput": "___SSingleDateInput_7h9qp_gg_",
59
+ "__SDateRange": "___SDateRange_7h9qp_gg_",
60
+ "_noHumanizedDate": "__noHumanizedDate_7h9qp_gg_",
61
+ "__SRangeSep": "___SRangeSep_7h9qp_gg_",
62
+ "_fulfilled": "__fulfilled_7h9qp_gg_",
63
+ "__SRangeComparatorHeader": "___SRangeComparatorHeader_7h9qp_gg_",
64
+ "__SRangeCalendar": "___SRangeCalendar_7h9qp_gg_",
65
+ "__SFooter": "___SFooter_7h9qp_gg_",
66
+ "__SPeriodsList": "___SPeriodsList_7h9qp_gg_",
67
+ "__STooltip": "___STooltip_7h9qp_gg_",
68
+ "__SCompareToggle": "___SCompareToggle_7h9qp_gg_",
69
+ "__SPopper": "___SPopper_7h9qp_gg_"
70
70
  });
71
71
  import assignProps from '@semcore/utils/lib/assignProps';
72
72
  var defaultAllowedParts = {
package/lib/es6/components/PickerAbstract.js CHANGED
@@ -13,37 +13,37 @@ import Dropdown from '@semcore/dropdown';
13
13
  import i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';
14
14
  import { localizedMessages } from '../translations/__intergalactic-dynamic-locales';
15
15
  /*!__reshadow-styles__:"../style/date-picker.shadow.css"*/
16
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPopper_1f8n3_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_1f8n3_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_1f8n3_gg_:active,.___SPopper_1f8n3_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPopper_1f8n3_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SPopper_1f8n3_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SHeader_1f8n3_gg_,.___STitle_1f8n3_gg_{display:flex;align-items:center}.___STitle_1f8n3_gg_{font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-primary, #191b23);height:32px;width:100%;justify-content:center}.___SToday_1f8n3_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_1f8n3_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SButton_1f8n3_gg_ .___SInner_1f8n3_gg_{justify-content:flex-start}.___SInputMask_1f8n3_gg_{color:var(--intergalactic-text-primary, #191b23);line-height:normal;padding-right:var(--intergalactic-spacing-2x, 8px);transition:width calc(var(--intergalactic-duration-medium, 300)*1ms) ease,min-width calc(var(--intergalactic-duration-medium, 300)*1ms) ease}.___SInputMask_1f8n3_gg_.__animationsDisabled_1f8n3_gg_{transition:none}.___SInputMask_1f8n3_gg_ .___SValue_1f8n3_gg_{letter-spacing:0}.___SIndicator_1f8n3_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SRangeIndicator_1f8n3_gg_{border-radius:50%;flex-shrink:0}.___SRangeIndicator_1f8n3_gg_._range_value_1f8n3_gg_{background-color:var(--intergalactic-date-picker-cell-active, #2bb3ff)}.___SRangeIndicator_1f8n3_gg_._range_compare_1f8n3_gg_{background-color:var(--intergalactic-date-picker-cell-comparison-active, #8649e1)}.___SRangeIndicator_1f8n3_gg_.__disabled_1f8n3_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SHumanizedDate_1f8n3_gg_{position:absolute;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.___SMask_1f8n3_gg_{letter-spacing:0;white-space:nowrap;overflow:hidden}.___SDateRange_1f8n3_gg_ .___SMask_1f8n3_gg_,.___SDateRange_1f8n3_gg_ .___SValue_1f8n3_gg_,.___SSingleDateInput_1f8n3_gg_ .___SMask_1f8n3_gg_,.___SSingleDateInput_1f8n3_gg_ .___SValue_1f8n3_gg_{opacity:0}.___SSingleDateInput_1f8n3_gg_:focus-within .___SHumanizedDate_1f8n3_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_1f8n3_gg_:focus-within .___SMask_1f8n3_gg_,.___SSingleDateInput_1f8n3_gg_:focus-within .___SValue_1f8n3_gg_{opacity:1}.___SDateRange_1f8n3_gg_:focus-within .___SHumanizedDate_1f8n3_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_1f8n3_gg_:focus-within .___SMask_1f8n3_gg_,.___SDateRange_1f8n3_gg_:focus-within .___SValue_1f8n3_gg_{opacity:1}.___SInputMask_1f8n3_gg_.__noHumanizedDate_1f8n3_gg_ .___SMask_1f8n3_gg_,.___SInputMask_1f8n3_gg_.__noHumanizedDate_1f8n3_gg_ .___SValue_1f8n3_gg_{opacity:1}.___SDateRange_1f8n3_gg_ .___SInputMask_1f8n3_gg_:focus-within .___SMask_1f8n3_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SDateRange_1f8n3_gg_:focus-within .___SRangeSep_1f8n3_gg_,.___SRangeSep_1f8n3_gg_.__fulfilled_1f8n3_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SRangeComparatorHeader_1f8n3_gg_{border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SRangeCalendar_1f8n3_gg_,.___SRangeComparatorHeader_1f8n3_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___SFooter_1f8n3_gg_{border-top:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SFooter_1f8n3_gg_,.___SPeriodsList_1f8n3_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___STooltip_1f8n3_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SCompareToggle_1f8n3_gg_{white-space:nowrap}@media (prefers-reduced-motion){.___SInputMask_1f8n3_gg_{transition:none}}", /*__inner_css_end__*/"1f8n3_gg_"),
16
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPopper_7h9qp_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_7h9qp_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_7h9qp_gg_:active,.___SPopper_7h9qp_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPopper_7h9qp_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SPopper_7h9qp_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 18, 193, 0.441))}.___SHeader_7h9qp_gg_,.___STitle_7h9qp_gg_{display:flex;align-items:center}.___STitle_7h9qp_gg_{font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));height:32px;width:100%;justify-content:center}.___SToday_7h9qp_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_7h9qp_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SButton_7h9qp_gg_ .___SInner_7h9qp_gg_{justify-content:flex-start}.___SInputMask_7h9qp_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));line-height:normal;padding-right:var(--intergalactic-spacing-2x, 8px);transition:width calc(var(--intergalactic-duration-medium, 300)*1ms) ease,min-width calc(var(--intergalactic-duration-medium, 300)*1ms) ease}.___SInputMask_7h9qp_gg_.__animationsDisabled_7h9qp_gg_{transition:none}.___SInputMask_7h9qp_gg_ .___SValue_7h9qp_gg_{letter-spacing:0}.___SIndicator_7h9qp_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0)){.___SIndicator_7h9qp_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SIndicator_7h9qp_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SRangeIndicator_7h9qp_gg_{border-radius:50%;flex-shrink:0}.___SRangeIndicator_7h9qp_gg_._range_value_7h9qp_gg_{background-color:var(--intergalactic-date-picker-cell-active, rgb(123, 130, 220))}.___SRangeIndicator_7h9qp_gg_._range_compare_7h9qp_gg_{background-color:var(--intergalactic-date-picker-cell-comparison-active, rgb(162, 97, 253))}.___SRangeIndicator_7h9qp_gg_.__disabled_7h9qp_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4)}.___SHumanizedDate_7h9qp_gg_{position:absolute;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.___SMask_7h9qp_gg_{letter-spacing:0;white-space:nowrap;overflow:hidden}.___SDateRange_7h9qp_gg_ .___SMask_7h9qp_gg_,.___SDateRange_7h9qp_gg_ .___SValue_7h9qp_gg_,.___SSingleDateInput_7h9qp_gg_ .___SMask_7h9qp_gg_,.___SSingleDateInput_7h9qp_gg_ .___SValue_7h9qp_gg_{opacity:0}.___SSingleDateInput_7h9qp_gg_:focus-within .___SHumanizedDate_7h9qp_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_7h9qp_gg_:focus-within .___SMask_7h9qp_gg_,.___SSingleDateInput_7h9qp_gg_:focus-within .___SValue_7h9qp_gg_{opacity:1}.___SDateRange_7h9qp_gg_:focus-within .___SHumanizedDate_7h9qp_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_7h9qp_gg_:focus-within .___SMask_7h9qp_gg_,.___SDateRange_7h9qp_gg_:focus-within .___SValue_7h9qp_gg_{opacity:1}.___SInputMask_7h9qp_gg_.__noHumanizedDate_7h9qp_gg_ .___SMask_7h9qp_gg_,.___SInputMask_7h9qp_gg_.__noHumanizedDate_7h9qp_gg_ .___SValue_7h9qp_gg_{opacity:1}.___SDateRange_7h9qp_gg_ .___SInputMask_7h9qp_gg_:focus-within .___SMask_7h9qp_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 31, 207, 0.093))}@supports (color:color(display-p3 0 0 0)){.___SDateRange_7h9qp_gg_ .___SInputMask_7h9qp_gg_:focus-within .___SMask_7h9qp_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 31, 207, 0.093))}@media (color-gamut:p3){.___SDateRange_7h9qp_gg_ .___SInputMask_7h9qp_gg_:focus-within .___SMask_7h9qp_gg_{background-color:var(--intergalactic-bg-highlight-focus, color(display-p3 0.02831 0.11224 0.78317 / 0.093))}}}.___SDateRange_7h9qp_gg_:focus-within .___SRangeSep_7h9qp_gg_,.___SRangeSep_7h9qp_gg_.__fulfilled_7h9qp_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___SRangeComparatorHeader_7h9qp_gg_{border-bottom:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));padding:var(--intergalactic-spacing-4x, 16px)}@supports (color:color(display-p3 0 0 0)){.___SRangeComparatorHeader_7h9qp_gg_{border-bottom:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SRangeComparatorHeader_7h9qp_gg_{border-bottom:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SFooter_7h9qp_gg_,.___SRangeCalendar_7h9qp_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___SFooter_7h9qp_gg_{border-top:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@supports (color:color(display-p3 0 0 0)){.___SFooter_7h9qp_gg_{border-top:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SFooter_7h9qp_gg_{border-top:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SPeriodsList_7h9qp_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___STooltip_7h9qp_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SCompareToggle_7h9qp_gg_{white-space:nowrap}@media (prefers-reduced-motion){.___SInputMask_7h9qp_gg_{transition:none}}", /*__inner_css_end__*/"7h9qp_gg_"),
17
17
  /*__reshadow_css_end__*/
18
18
  {
19
- "__SHeader": "___SHeader_1f8n3_gg_",
20
- "__STitle": "___STitle_1f8n3_gg_",
21
- "__SToday": "___SToday_1f8n3_gg_",
22
- "__SPeriod": "___SPeriod_1f8n3_gg_",
23
- "__SButton": "___SButton_1f8n3_gg_",
24
- "__SInner": "___SInner_1f8n3_gg_",
25
- "__SInputMask": "___SInputMask_1f8n3_gg_",
26
- "_animationsDisabled": "__animationsDisabled_1f8n3_gg_",
27
- "__SValue": "___SValue_1f8n3_gg_",
28
- "__SIndicator": "___SIndicator_1f8n3_gg_",
29
- "__SRangeIndicator": "___SRangeIndicator_1f8n3_gg_",
30
- "_range_value": "_range_value_1f8n3_gg_",
31
- "_range_compare": "_range_compare_1f8n3_gg_",
32
- "_disabled": "__disabled_1f8n3_gg_",
33
- "__SHumanizedDate": "___SHumanizedDate_1f8n3_gg_",
34
- "__SMask": "___SMask_1f8n3_gg_",
35
- "__SSingleDateInput": "___SSingleDateInput_1f8n3_gg_",
36
- "__SDateRange": "___SDateRange_1f8n3_gg_",
37
- "_noHumanizedDate": "__noHumanizedDate_1f8n3_gg_",
38
- "__SRangeSep": "___SRangeSep_1f8n3_gg_",
39
- "_fulfilled": "__fulfilled_1f8n3_gg_",
40
- "__SRangeComparatorHeader": "___SRangeComparatorHeader_1f8n3_gg_",
41
- "__SRangeCalendar": "___SRangeCalendar_1f8n3_gg_",
42
- "__SFooter": "___SFooter_1f8n3_gg_",
43
- "__SPeriodsList": "___SPeriodsList_1f8n3_gg_",
44
- "__STooltip": "___STooltip_1f8n3_gg_",
45
- "__SCompareToggle": "___SCompareToggle_1f8n3_gg_",
46
- "__SPopper": "___SPopper_1f8n3_gg_"
19
+ "__SHeader": "___SHeader_7h9qp_gg_",
20
+ "__STitle": "___STitle_7h9qp_gg_",
21
+ "__SToday": "___SToday_7h9qp_gg_",
22
+ "__SPeriod": "___SPeriod_7h9qp_gg_",
23
+ "__SButton": "___SButton_7h9qp_gg_",
24
+ "__SInner": "___SInner_7h9qp_gg_",
25
+ "__SInputMask": "___SInputMask_7h9qp_gg_",
26
+ "_animationsDisabled": "__animationsDisabled_7h9qp_gg_",
27
+ "__SValue": "___SValue_7h9qp_gg_",
28
+ "__SIndicator": "___SIndicator_7h9qp_gg_",
29
+ "__SRangeIndicator": "___SRangeIndicator_7h9qp_gg_",
30
+ "_range_value": "_range_value_7h9qp_gg_",
31
+ "_range_compare": "_range_compare_7h9qp_gg_",
32
+ "_disabled": "__disabled_7h9qp_gg_",
33
+ "__SHumanizedDate": "___SHumanizedDate_7h9qp_gg_",
34
+ "__SMask": "___SMask_7h9qp_gg_",
35
+ "__SSingleDateInput": "___SSingleDateInput_7h9qp_gg_",
36
+ "__SDateRange": "___SDateRange_7h9qp_gg_",
37
+ "_noHumanizedDate": "__noHumanizedDate_7h9qp_gg_",
38
+ "__SRangeSep": "___SRangeSep_7h9qp_gg_",
39
+ "_fulfilled": "__fulfilled_7h9qp_gg_",
40
+ "__SRangeComparatorHeader": "___SRangeComparatorHeader_7h9qp_gg_",
41
+ "__SRangeCalendar": "___SRangeCalendar_7h9qp_gg_",
42
+ "__SFooter": "___SFooter_7h9qp_gg_",
43
+ "__SPeriodsList": "___SPeriodsList_7h9qp_gg_",
44
+ "__STooltip": "___STooltip_7h9qp_gg_",
45
+ "__SCompareToggle": "___SCompareToggle_7h9qp_gg_",
46
+ "__SPopper": "___SPopper_7h9qp_gg_"
47
47
  });
48
48
  import { includesDate } from '../utils/includesDate';
49
49
  import { formatDDMMYY, formatMMYY } from '../utils/formatDate';