@semcore/date-picker 16.2.4-prerelease.4 → 16.3.0-prerelease.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/CHANGELOG.md +6 -0
- package/lib/cjs/components/Calendar.js +21 -21
- package/lib/cjs/components/DateRangeComparatorAbstract.js +29 -29
- package/lib/cjs/components/InputTrigger.js +29 -29
- package/lib/cjs/components/PickerAbstract.js +29 -29
- package/lib/cjs/components/RangePickerAbstract.js +29 -29
- package/lib/cjs/style/calendar.shadow.css +31 -31
- package/lib/cjs/style/date-picker.shadow.css +10 -10
- package/lib/es6/components/Calendar.js +21 -21
- package/lib/es6/components/DateRangeComparatorAbstract.js +29 -29
- package/lib/es6/components/InputTrigger.js +29 -29
- package/lib/es6/components/PickerAbstract.js +29 -29
- package/lib/es6/components/RangePickerAbstract.js +29 -29
- package/lib/es6/style/calendar.shadow.css +31 -31
- package/lib/es6/style/date-picker.shadow.css +10 -10
- package/lib/esm/components/Calendar.mjs +22 -22
- package/lib/esm/components/DateRangeComparatorAbstract.mjs +30 -30
- package/lib/esm/components/InputTrigger.mjs +30 -30
- package/lib/esm/components/PickerAbstract.mjs +30 -30
- package/lib/esm/components/RangePickerAbstract.mjs +30 -30
- package/lib/esm/style/calendar.shadow.css +31 -31
- package/lib/esm/style/date-picker.shadow.css +10 -10
- package/package.json +16 -16
|
@@ -16,39 +16,39 @@ var style = (
|
|
|
16
16
|
/*__reshadow_css_start__*/
|
|
17
17
|
(sstyled.insert(
|
|
18
18
|
/*__inner_css_start__*/
|
|
19
|
-
".
|
|
19
|
+
".___SPopper_m2txl_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_m2txl_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_m2txl_gg_:active,.___SPopper_m2txl_gg_:focus{text-decoration:none}@media (hover:hover){.___SPopper_m2txl_gg_:hover{text-decoration:none}}.___SHeader_m2txl_gg_,.___STitle_m2txl_gg_{display:flex;align-items:center}.___STitle_m2txl_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_m2txl_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_m2txl_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SButton_m2txl_gg_ .___SInner_m2txl_gg_{justify-content:flex-start}.___SInputMask_m2txl_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_m2txl_gg_.__animationsDisabled_m2txl_gg_{transition:none}.___SInputMask_m2txl_gg_ .___SValue_m2txl_gg_{letter-spacing:0}.___SInputMask_m2txl_gg_ .___SValue_m2txl_gg_:focus{outline:0}.___SIndicator_m2txl_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0%)){.___SIndicator_m2txl_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SIndicator_m2txl_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SRangeIndicator_m2txl_gg_{border-radius:50%;flex-shrink:0}.___SRangeIndicator_m2txl_gg_._range_value_m2txl_gg_{background-color:var(--intergalactic-date-picker-cell-active, rgb(118, 128, 231))}.___SRangeIndicator_m2txl_gg_._range_compare_m2txl_gg_{background-color:var(--intergalactic-date-picker-cell-comparison-active, rgb(162, 97, 253))}.___SRangeIndicator_m2txl_gg_.__disabled_m2txl_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4)}.___SHumanizedDate_m2txl_gg_{position:absolute;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.___SMask_m2txl_gg_{letter-spacing:0;white-space:nowrap;overflow:hidden}.___SDateRange_m2txl_gg_ .___SMask_m2txl_gg_,.___SDateRange_m2txl_gg_ .___SValue_m2txl_gg_,.___SSingleDateInput_m2txl_gg_ .___SMask_m2txl_gg_,.___SSingleDateInput_m2txl_gg_ .___SValue_m2txl_gg_{opacity:0}.___SSingleDateInput_m2txl_gg_:focus-within .___SHumanizedDate_m2txl_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_m2txl_gg_:focus-within .___SMask_m2txl_gg_,.___SSingleDateInput_m2txl_gg_:focus-within .___SValue_m2txl_gg_{opacity:1}.___SDateRange_m2txl_gg_:focus-within .___SHumanizedDate_m2txl_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_m2txl_gg_:focus-within .___SMask_m2txl_gg_,.___SDateRange_m2txl_gg_:focus-within .___SValue_m2txl_gg_{opacity:1}.___SInputMask_m2txl_gg_.__noHumanizedDate_m2txl_gg_ .___SMask_m2txl_gg_,.___SInputMask_m2txl_gg_.__noHumanizedDate_m2txl_gg_ .___SValue_m2txl_gg_{opacity:1}.___SDateRange_m2txl_gg_ .___SInputMask_m2txl_gg_:focus-within .___SMask_m2txl_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgb(226, 235, 255))}@supports (color:color(display-p3 0 0 0%)){.___SDateRange_m2txl_gg_ .___SInputMask_m2txl_gg_:focus-within .___SMask_m2txl_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgb(226, 235, 255))}@media (color-gamut:p3){.___SDateRange_m2txl_gg_ .___SInputMask_m2txl_gg_:focus-within .___SMask_m2txl_gg_{background-color:var(--intergalactic-bg-highlight-focus, color(display-p3 0.89107 0.91919 1))}}}.___SDateRange_m2txl_gg_:focus-within .___SRangeSep_m2txl_gg_,.___SRangeSep_m2txl_gg_.__fulfilled_m2txl_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___SRangeComparatorHeader_m2txl_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_m2txl_gg_{border-bottom:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SRangeComparatorHeader_m2txl_gg_{border-bottom:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SFooter_m2txl_gg_,.___SRangeCalendar_m2txl_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___SFooter_m2txl_gg_{border-top:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@supports (color:color(display-p3 0 0 0%)){.___SFooter_m2txl_gg_{border-top:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SFooter_m2txl_gg_{border-top:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SPeriodsList_m2txl_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___STooltip_m2txl_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SCompareToggle_m2txl_gg_{white-space:nowrap}@media (prefers-reduced-motion){.___SInputMask_m2txl_gg_{transition:none}}",
|
|
20
20
|
/*__inner_css_end__*/
|
|
21
|
-
"
|
|
21
|
+
"m2txl_gg_"
|
|
22
22
|
), /*__reshadow_css_end__*/
|
|
23
23
|
{
|
|
24
|
-
"__SHeader": "
|
|
25
|
-
"__STitle": "
|
|
26
|
-
"__SToday": "
|
|
27
|
-
"__SPeriod": "
|
|
28
|
-
"__SButton": "
|
|
29
|
-
"__SInner": "
|
|
30
|
-
"__SInputMask": "
|
|
31
|
-
"_animationsDisabled": "
|
|
32
|
-
"__SIndicator": "
|
|
33
|
-
"__SRangeIndicator": "
|
|
34
|
-
"_range_value": "
|
|
35
|
-
"_range_compare": "
|
|
36
|
-
"_disabled": "
|
|
37
|
-
"__SHumanizedDate": "
|
|
38
|
-
"__SMask": "
|
|
39
|
-
"__SSingleDateInput": "
|
|
40
|
-
"__SValue": "
|
|
41
|
-
"__SDateRange": "
|
|
42
|
-
"_noHumanizedDate": "
|
|
43
|
-
"__SRangeSep": "
|
|
44
|
-
"_fulfilled": "
|
|
45
|
-
"__SRangeComparatorHeader": "
|
|
46
|
-
"__SRangeCalendar": "
|
|
47
|
-
"__SFooter": "
|
|
48
|
-
"__SPeriodsList": "
|
|
49
|
-
"__STooltip": "
|
|
50
|
-
"__SCompareToggle": "
|
|
51
|
-
"__SPopper": "
|
|
24
|
+
"__SHeader": "___SHeader_m2txl_gg_",
|
|
25
|
+
"__STitle": "___STitle_m2txl_gg_",
|
|
26
|
+
"__SToday": "___SToday_m2txl_gg_",
|
|
27
|
+
"__SPeriod": "___SPeriod_m2txl_gg_",
|
|
28
|
+
"__SButton": "___SButton_m2txl_gg_",
|
|
29
|
+
"__SInner": "___SInner_m2txl_gg_",
|
|
30
|
+
"__SInputMask": "___SInputMask_m2txl_gg_",
|
|
31
|
+
"_animationsDisabled": "__animationsDisabled_m2txl_gg_",
|
|
32
|
+
"__SIndicator": "___SIndicator_m2txl_gg_",
|
|
33
|
+
"__SRangeIndicator": "___SRangeIndicator_m2txl_gg_",
|
|
34
|
+
"_range_value": "_range_value_m2txl_gg_",
|
|
35
|
+
"_range_compare": "_range_compare_m2txl_gg_",
|
|
36
|
+
"_disabled": "__disabled_m2txl_gg_",
|
|
37
|
+
"__SHumanizedDate": "___SHumanizedDate_m2txl_gg_",
|
|
38
|
+
"__SMask": "___SMask_m2txl_gg_",
|
|
39
|
+
"__SSingleDateInput": "___SSingleDateInput_m2txl_gg_",
|
|
40
|
+
"__SValue": "___SValue_m2txl_gg_",
|
|
41
|
+
"__SDateRange": "___SDateRange_m2txl_gg_",
|
|
42
|
+
"_noHumanizedDate": "__noHumanizedDate_m2txl_gg_",
|
|
43
|
+
"__SRangeSep": "___SRangeSep_m2txl_gg_",
|
|
44
|
+
"_fulfilled": "__fulfilled_m2txl_gg_",
|
|
45
|
+
"__SRangeComparatorHeader": "___SRangeComparatorHeader_m2txl_gg_",
|
|
46
|
+
"__SRangeCalendar": "___SRangeCalendar_m2txl_gg_",
|
|
47
|
+
"__SFooter": "___SFooter_m2txl_gg_",
|
|
48
|
+
"__SPeriodsList": "___SPeriodsList_m2txl_gg_",
|
|
49
|
+
"__STooltip": "___STooltip_m2txl_gg_",
|
|
50
|
+
"__SCompareToggle": "___SCompareToggle_m2txl_gg_",
|
|
51
|
+
"__SPopper": "___SPopper_m2txl_gg_"
|
|
52
52
|
})
|
|
53
53
|
);
|
|
54
54
|
var INTERACTION_TAGS = ["INPUT"];
|
|
@@ -20,39 +20,39 @@ var style = (
|
|
|
20
20
|
/*__reshadow_css_start__*/
|
|
21
21
|
(sstyled.insert(
|
|
22
22
|
/*__inner_css_start__*/
|
|
23
|
-
".
|
|
23
|
+
".___SPopper_m2txl_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_m2txl_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_m2txl_gg_:active,.___SPopper_m2txl_gg_:focus{text-decoration:none}@media (hover:hover){.___SPopper_m2txl_gg_:hover{text-decoration:none}}.___SHeader_m2txl_gg_,.___STitle_m2txl_gg_{display:flex;align-items:center}.___STitle_m2txl_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_m2txl_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_m2txl_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SButton_m2txl_gg_ .___SInner_m2txl_gg_{justify-content:flex-start}.___SInputMask_m2txl_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_m2txl_gg_.__animationsDisabled_m2txl_gg_{transition:none}.___SInputMask_m2txl_gg_ .___SValue_m2txl_gg_{letter-spacing:0}.___SInputMask_m2txl_gg_ .___SValue_m2txl_gg_:focus{outline:0}.___SIndicator_m2txl_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0%)){.___SIndicator_m2txl_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SIndicator_m2txl_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SRangeIndicator_m2txl_gg_{border-radius:50%;flex-shrink:0}.___SRangeIndicator_m2txl_gg_._range_value_m2txl_gg_{background-color:var(--intergalactic-date-picker-cell-active, rgb(118, 128, 231))}.___SRangeIndicator_m2txl_gg_._range_compare_m2txl_gg_{background-color:var(--intergalactic-date-picker-cell-comparison-active, rgb(162, 97, 253))}.___SRangeIndicator_m2txl_gg_.__disabled_m2txl_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4)}.___SHumanizedDate_m2txl_gg_{position:absolute;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.___SMask_m2txl_gg_{letter-spacing:0;white-space:nowrap;overflow:hidden}.___SDateRange_m2txl_gg_ .___SMask_m2txl_gg_,.___SDateRange_m2txl_gg_ .___SValue_m2txl_gg_,.___SSingleDateInput_m2txl_gg_ .___SMask_m2txl_gg_,.___SSingleDateInput_m2txl_gg_ .___SValue_m2txl_gg_{opacity:0}.___SSingleDateInput_m2txl_gg_:focus-within .___SHumanizedDate_m2txl_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_m2txl_gg_:focus-within .___SMask_m2txl_gg_,.___SSingleDateInput_m2txl_gg_:focus-within .___SValue_m2txl_gg_{opacity:1}.___SDateRange_m2txl_gg_:focus-within .___SHumanizedDate_m2txl_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_m2txl_gg_:focus-within .___SMask_m2txl_gg_,.___SDateRange_m2txl_gg_:focus-within .___SValue_m2txl_gg_{opacity:1}.___SInputMask_m2txl_gg_.__noHumanizedDate_m2txl_gg_ .___SMask_m2txl_gg_,.___SInputMask_m2txl_gg_.__noHumanizedDate_m2txl_gg_ .___SValue_m2txl_gg_{opacity:1}.___SDateRange_m2txl_gg_ .___SInputMask_m2txl_gg_:focus-within .___SMask_m2txl_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgb(226, 235, 255))}@supports (color:color(display-p3 0 0 0%)){.___SDateRange_m2txl_gg_ .___SInputMask_m2txl_gg_:focus-within .___SMask_m2txl_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgb(226, 235, 255))}@media (color-gamut:p3){.___SDateRange_m2txl_gg_ .___SInputMask_m2txl_gg_:focus-within .___SMask_m2txl_gg_{background-color:var(--intergalactic-bg-highlight-focus, color(display-p3 0.89107 0.91919 1))}}}.___SDateRange_m2txl_gg_:focus-within .___SRangeSep_m2txl_gg_,.___SRangeSep_m2txl_gg_.__fulfilled_m2txl_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___SRangeComparatorHeader_m2txl_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_m2txl_gg_{border-bottom:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SRangeComparatorHeader_m2txl_gg_{border-bottom:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SFooter_m2txl_gg_,.___SRangeCalendar_m2txl_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___SFooter_m2txl_gg_{border-top:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@supports (color:color(display-p3 0 0 0%)){.___SFooter_m2txl_gg_{border-top:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SFooter_m2txl_gg_{border-top:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SPeriodsList_m2txl_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___STooltip_m2txl_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SCompareToggle_m2txl_gg_{white-space:nowrap}@media (prefers-reduced-motion){.___SInputMask_m2txl_gg_{transition:none}}",
|
|
24
24
|
/*__inner_css_end__*/
|
|
25
|
-
"
|
|
25
|
+
"m2txl_gg_"
|
|
26
26
|
), /*__reshadow_css_end__*/
|
|
27
27
|
{
|
|
28
|
-
"__SHeader": "
|
|
29
|
-
"__STitle": "
|
|
30
|
-
"__SToday": "
|
|
31
|
-
"__SPeriod": "
|
|
32
|
-
"__SButton": "
|
|
33
|
-
"__SInner": "
|
|
34
|
-
"__SInputMask": "
|
|
35
|
-
"_animationsDisabled": "
|
|
36
|
-
"__SIndicator": "
|
|
37
|
-
"__SRangeIndicator": "
|
|
38
|
-
"_range_value": "
|
|
39
|
-
"_range_compare": "
|
|
40
|
-
"_disabled": "
|
|
41
|
-
"__SHumanizedDate": "
|
|
42
|
-
"__SMask": "
|
|
43
|
-
"__SSingleDateInput": "
|
|
44
|
-
"__SValue": "
|
|
45
|
-
"__SDateRange": "
|
|
46
|
-
"_noHumanizedDate": "
|
|
47
|
-
"__SRangeSep": "
|
|
48
|
-
"_fulfilled": "
|
|
49
|
-
"__SRangeComparatorHeader": "
|
|
50
|
-
"__SRangeCalendar": "
|
|
51
|
-
"__SFooter": "
|
|
52
|
-
"__SPeriodsList": "
|
|
53
|
-
"__STooltip": "
|
|
54
|
-
"__SCompareToggle": "
|
|
55
|
-
"__SPopper": "
|
|
28
|
+
"__SHeader": "___SHeader_m2txl_gg_",
|
|
29
|
+
"__STitle": "___STitle_m2txl_gg_",
|
|
30
|
+
"__SToday": "___SToday_m2txl_gg_",
|
|
31
|
+
"__SPeriod": "___SPeriod_m2txl_gg_",
|
|
32
|
+
"__SButton": "___SButton_m2txl_gg_",
|
|
33
|
+
"__SInner": "___SInner_m2txl_gg_",
|
|
34
|
+
"__SInputMask": "___SInputMask_m2txl_gg_",
|
|
35
|
+
"_animationsDisabled": "__animationsDisabled_m2txl_gg_",
|
|
36
|
+
"__SIndicator": "___SIndicator_m2txl_gg_",
|
|
37
|
+
"__SRangeIndicator": "___SRangeIndicator_m2txl_gg_",
|
|
38
|
+
"_range_value": "_range_value_m2txl_gg_",
|
|
39
|
+
"_range_compare": "_range_compare_m2txl_gg_",
|
|
40
|
+
"_disabled": "__disabled_m2txl_gg_",
|
|
41
|
+
"__SHumanizedDate": "___SHumanizedDate_m2txl_gg_",
|
|
42
|
+
"__SMask": "___SMask_m2txl_gg_",
|
|
43
|
+
"__SSingleDateInput": "___SSingleDateInput_m2txl_gg_",
|
|
44
|
+
"__SValue": "___SValue_m2txl_gg_",
|
|
45
|
+
"__SDateRange": "___SDateRange_m2txl_gg_",
|
|
46
|
+
"_noHumanizedDate": "__noHumanizedDate_m2txl_gg_",
|
|
47
|
+
"__SRangeSep": "___SRangeSep_m2txl_gg_",
|
|
48
|
+
"_fulfilled": "__fulfilled_m2txl_gg_",
|
|
49
|
+
"__SRangeComparatorHeader": "___SRangeComparatorHeader_m2txl_gg_",
|
|
50
|
+
"__SRangeCalendar": "___SRangeCalendar_m2txl_gg_",
|
|
51
|
+
"__SFooter": "___SFooter_m2txl_gg_",
|
|
52
|
+
"__SPeriodsList": "___SPeriodsList_m2txl_gg_",
|
|
53
|
+
"__STooltip": "___STooltip_m2txl_gg_",
|
|
54
|
+
"__SCompareToggle": "___SCompareToggle_m2txl_gg_",
|
|
55
|
+
"__SPopper": "___SPopper_m2txl_gg_"
|
|
56
56
|
})
|
|
57
57
|
);
|
|
58
58
|
var INTERACTION_TAGS = ["INPUT"];
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
SCalendar {
|
|
2
2
|
display: flex;
|
|
3
3
|
flex-direction: column;
|
|
4
|
-
border-radius: var(--intergalactic-surface-rounded, 6px);
|
|
4
|
+
border-radius: var(--intergalactic-surface-rounded, calc(6px + 2px));
|
|
5
5
|
|
|
6
6
|
SCalendarUnit:focus-visible {
|
|
7
7
|
outline: none;
|
|
@@ -32,7 +32,7 @@ SWeekDay {
|
|
|
32
32
|
display: flex;
|
|
33
33
|
align-items: center;
|
|
34
34
|
justify-content: center;
|
|
35
|
-
color: var(--intergalactic-text-secondary,
|
|
35
|
+
color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
|
|
36
36
|
font-size: var(--intergalactic-fs-200, 14px);
|
|
37
37
|
font-weight: var(--intergalactic-regular, 400);
|
|
38
38
|
overflow: hidden;
|
|
@@ -46,13 +46,13 @@ SCalendarUnit {
|
|
|
46
46
|
text-align: center;
|
|
47
47
|
vertical-align: middle;
|
|
48
48
|
border: 1px solid transparent;
|
|
49
|
-
color: var(--intergalactic-text-primary,
|
|
49
|
+
color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
|
|
50
50
|
box-shadow: none;
|
|
51
51
|
overflow: visible;
|
|
52
52
|
user-select: none;
|
|
53
53
|
touch-action: manipulation;
|
|
54
54
|
-webkit-tap-highlight-color: transparent;
|
|
55
|
-
background-color: var(--intergalactic-date-picker-cell,
|
|
55
|
+
background-color: var(--intergalactic-date-picker-cell, oklch(1 0 0));
|
|
56
56
|
|
|
57
57
|
align-items: center;
|
|
58
58
|
border-radius: var(--intergalactic-control-rounded, 6px);
|
|
@@ -70,8 +70,8 @@ SCalendarUnit {
|
|
|
70
70
|
margin-top: 4px;
|
|
71
71
|
|
|
72
72
|
&:hover {
|
|
73
|
-
color: var(--intergalactic-text-primary,
|
|
74
|
-
background-color: var(--intergalactic-date-picker-cell-hover,
|
|
73
|
+
color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
|
|
74
|
+
background-color: var(--intergalactic-date-picker-cell-hover, oklch(0.98 0.001 180));
|
|
75
75
|
}
|
|
76
76
|
}
|
|
77
77
|
|
|
@@ -86,42 +86,42 @@ SCalendarUnit[today] {
|
|
|
86
86
|
width: calc(100% - 2px);
|
|
87
87
|
height: calc(100% - 2px);
|
|
88
88
|
box-sizing: border-box;
|
|
89
|
-
border: 1px solid var(--intergalactic-date-picker-cell-current,
|
|
89
|
+
border: 1px solid var(--intergalactic-date-picker-cell-current, oklch(0.109 0.023 165.5 / 0.337));
|
|
90
90
|
}
|
|
91
91
|
}
|
|
92
92
|
|
|
93
93
|
SCalendarUnit[today]SCalendarUnit[startSelected],
|
|
94
94
|
SCalendarUnit[today]SCalendarUnit[endSelected] {
|
|
95
95
|
&:before {
|
|
96
|
-
border-color: var(--intergalactic-border-secondary,
|
|
96
|
+
border-color: var(--intergalactic-border-secondary, oklch(0.176 0.033 175.7 / 0.07));
|
|
97
97
|
}
|
|
98
98
|
}
|
|
99
99
|
|
|
100
100
|
SCalendarUnit[selected] {
|
|
101
|
-
background-color: var(--intergalactic-date-picker-cell-range,
|
|
101
|
+
background-color: var(--intergalactic-date-picker-cell-range, oklch(0.959 0.021 267.8));
|
|
102
102
|
border-radius: 0;
|
|
103
103
|
transition: border-radius 0s 0s;
|
|
104
|
-
color: var(--intergalactic-text-primary,
|
|
104
|
+
color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
|
|
105
105
|
|
|
106
106
|
&:hover {
|
|
107
|
-
background-color: var(--intergalactic-date-picker-cell-range-hover,
|
|
107
|
+
background-color: var(--intergalactic-date-picker-cell-range-hover, oklch(0.898 0.054 268.3));
|
|
108
108
|
}
|
|
109
109
|
}
|
|
110
110
|
|
|
111
111
|
SCalendarUnit[highlighted] {
|
|
112
|
-
background-color: var(--intergalactic-date-picker-cell-range,
|
|
112
|
+
background-color: var(--intergalactic-date-picker-cell-range, oklch(0.959 0.021 267.8));
|
|
113
113
|
border-radius: 0;
|
|
114
114
|
transition: border-radius 0s 0s;
|
|
115
|
-
color: var(--intergalactic-text-primary,
|
|
115
|
+
color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
|
|
116
116
|
|
|
117
117
|
&:hover {
|
|
118
|
-
background-color: var(--intergalactic-date-picker-cell-range-hover,
|
|
118
|
+
background-color: var(--intergalactic-date-picker-cell-range-hover, oklch(0.898 0.054 268.3));
|
|
119
119
|
}
|
|
120
120
|
}
|
|
121
121
|
|
|
122
122
|
SCalendarUnit[startSelected] {
|
|
123
|
-
color: var(--intergalactic-text-primary-invert,
|
|
124
|
-
background-color: var(--intergalactic-date-picker-cell-active,
|
|
123
|
+
color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
|
|
124
|
+
background-color: var(--intergalactic-date-picker-cell-active, oklch(0.64 0.152 276.7));
|
|
125
125
|
|
|
126
126
|
&:not([highlighted]) {
|
|
127
127
|
border-bottom-left-radius: var(--intergalactic-control-rounded, 6px);
|
|
@@ -131,14 +131,14 @@ SCalendarUnit[startSelected] {
|
|
|
131
131
|
}
|
|
132
132
|
|
|
133
133
|
&:hover {
|
|
134
|
-
color: var(--intergalactic-text-primary-invert,
|
|
135
|
-
background-color: var(--intergalactic-date-picker-cell-active-hover,
|
|
134
|
+
color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
|
|
135
|
+
background-color: var(--intergalactic-date-picker-cell-active-hover, oklch(0.6 0.166 277.7));
|
|
136
136
|
}
|
|
137
137
|
}
|
|
138
138
|
|
|
139
139
|
SCalendarUnit[endSelected] {
|
|
140
|
-
background-color: var(--intergalactic-date-picker-cell-active,
|
|
141
|
-
color: var(--intergalactic-text-primary-invert,
|
|
140
|
+
background-color: var(--intergalactic-date-picker-cell-active, oklch(0.64 0.152 276.7));
|
|
141
|
+
color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
|
|
142
142
|
|
|
143
143
|
&:not([highlighted]) {
|
|
144
144
|
border-bottom-left-radius: 0;
|
|
@@ -148,8 +148,8 @@ SCalendarUnit[endSelected] {
|
|
|
148
148
|
}
|
|
149
149
|
|
|
150
150
|
&:hover {
|
|
151
|
-
color: var(--intergalactic-text-primary-invert,
|
|
152
|
-
background-color: var(--intergalactic-date-picker-cell-active-hover,
|
|
151
|
+
color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
|
|
152
|
+
background-color: var(--intergalactic-date-picker-cell-active-hover, oklch(0.6 0.166 277.7));
|
|
153
153
|
}
|
|
154
154
|
}
|
|
155
155
|
|
|
@@ -182,8 +182,8 @@ SCalendarUnit[startSelected]SCalendarUnit[endSelected] {
|
|
|
182
182
|
}
|
|
183
183
|
|
|
184
184
|
SCalendarUnit[compareHighlighted] {
|
|
185
|
-
border-top: 2px dashed var(--intergalactic-date-picker-cell-comparison-active,
|
|
186
|
-
border-bottom: 2px dashed var(--intergalactic-date-picker-cell-comparison-active,
|
|
185
|
+
border-top: 2px dashed var(--intergalactic-date-picker-cell-comparison-active, oklch(0.64 0.223 299.3));
|
|
186
|
+
border-bottom: 2px dashed var(--intergalactic-date-picker-cell-comparison-active, oklch(0.64 0.223 299.3));
|
|
187
187
|
border-radius: 0;
|
|
188
188
|
transition: none;
|
|
189
189
|
}
|
|
@@ -191,19 +191,19 @@ SCalendarUnit[compareHighlighted] {
|
|
|
191
191
|
|
|
192
192
|
SCalendarUnit[compareStartHighlighted],
|
|
193
193
|
SCalendarUnit[compareEndHighlighted] {
|
|
194
|
-
border-left: 2px dashed var(--intergalactic-date-picker-cell-comparison-active,
|
|
195
|
-
border-right: 2px dashed var(--intergalactic-date-picker-cell-comparison-active,
|
|
194
|
+
border-left: 2px dashed var(--intergalactic-date-picker-cell-comparison-active, oklch(0.64 0.223 299.3));
|
|
195
|
+
border-right: 2px dashed var(--intergalactic-date-picker-cell-comparison-active, oklch(0.64 0.223 299.3));
|
|
196
196
|
}
|
|
197
197
|
|
|
198
198
|
SCalendarUnit[compareStart],
|
|
199
199
|
SCalendarUnit[compareEnd] {
|
|
200
200
|
border-radius: 0;
|
|
201
|
-
background-color: var(--intergalactic-date-picker-cell-comparison-active,
|
|
202
|
-
color: var(--intergalactic-text-primary-invert,
|
|
201
|
+
background-color: var(--intergalactic-date-picker-cell-comparison-active, oklch(0.64 0.223 299.3));
|
|
202
|
+
color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
|
|
203
203
|
|
|
204
204
|
&:hover {
|
|
205
|
-
color: var(--intergalactic-text-primary-invert,
|
|
206
|
-
background-color: var(--intergalactic-date-picker-cell-comparison-active-hover,
|
|
205
|
+
color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
|
|
206
|
+
background-color: var(--intergalactic-date-picker-cell-comparison-active-hover, oklch(0.6 0.244 297.8));
|
|
207
207
|
}
|
|
208
208
|
}
|
|
209
209
|
|
|
@@ -243,7 +243,7 @@ SCalendar:focus {
|
|
|
243
243
|
}
|
|
244
244
|
|
|
245
245
|
&:not(&:has(SCalendarUnit[highlighted])) {
|
|
246
|
-
border-radius: var(--intergalactic-surface-rounded, 6px);
|
|
246
|
+
border-radius: var(--intergalactic-surface-rounded, calc(6px + 2px));
|
|
247
247
|
}
|
|
248
248
|
}
|
|
249
249
|
|
|
@@ -21,7 +21,7 @@ SHeader {
|
|
|
21
21
|
|
|
22
22
|
STitle {
|
|
23
23
|
font-size: var(--intergalactic-fs-200, 14px);
|
|
24
|
-
color: var(--intergalactic-text-primary,
|
|
24
|
+
color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
|
|
25
25
|
height: 32px;
|
|
26
26
|
width: 100%;
|
|
27
27
|
display: flex;
|
|
@@ -46,7 +46,7 @@ SButton SInner {
|
|
|
46
46
|
}
|
|
47
47
|
|
|
48
48
|
SInputMask {
|
|
49
|
-
color: var(--intergalactic-text-primary,
|
|
49
|
+
color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
|
|
50
50
|
line-height: normal;
|
|
51
51
|
padding-right: var(--intergalactic-spacing-2x, 8px);
|
|
52
52
|
transition: width calc(var(--intergalactic-duration-medium, 300) * 1ms) ease, min-width calc(var(--intergalactic-duration-medium, 300) * 1ms) ease;
|
|
@@ -65,7 +65,7 @@ SInputMask SValue {
|
|
|
65
65
|
}
|
|
66
66
|
|
|
67
67
|
SIndicator {
|
|
68
|
-
color: var(--intergalactic-text-secondary,
|
|
68
|
+
color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
|
|
69
69
|
}
|
|
70
70
|
|
|
71
71
|
SRangeIndicator {
|
|
@@ -74,15 +74,15 @@ SRangeIndicator {
|
|
|
74
74
|
}
|
|
75
75
|
|
|
76
76
|
SRangeIndicator[range='value'] {
|
|
77
|
-
background-color: var(--intergalactic-date-picker-cell-active,
|
|
77
|
+
background-color: var(--intergalactic-date-picker-cell-active, oklch(0.64 0.152 276.7));
|
|
78
78
|
}
|
|
79
79
|
|
|
80
80
|
SRangeIndicator[range='compare'] {
|
|
81
|
-
background-color: var(--intergalactic-date-picker-cell-comparison-active,
|
|
81
|
+
background-color: var(--intergalactic-date-picker-cell-comparison-active, oklch(0.64 0.223 299.3));
|
|
82
82
|
}
|
|
83
83
|
|
|
84
84
|
SRangeIndicator[disabled] {
|
|
85
|
-
opacity: var(--intergalactic-disabled-opacity, 0.
|
|
85
|
+
opacity: var(--intergalactic-disabled-opacity, 0.4);
|
|
86
86
|
}
|
|
87
87
|
|
|
88
88
|
SHumanizedDate {
|
|
@@ -137,16 +137,16 @@ SInputMask[noHumanizedDate] SMask {
|
|
|
137
137
|
}
|
|
138
138
|
|
|
139
139
|
SDateRange SInputMask:focus-within SMask {
|
|
140
|
-
background-color: var(--intergalactic-bg-highlight-focus,
|
|
140
|
+
background-color: var(--intergalactic-bg-highlight-focus, oklch(0.939 0.032 268));
|
|
141
141
|
}
|
|
142
142
|
|
|
143
143
|
SRangeSep[fulfilled],
|
|
144
144
|
SDateRange:focus-within SRangeSep {
|
|
145
|
-
color: var(--intergalactic-text-primary,
|
|
145
|
+
color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
|
|
146
146
|
}
|
|
147
147
|
|
|
148
148
|
SRangeComparatorHeader {
|
|
149
|
-
border-bottom: 1px solid var(--intergalactic-border-primary,
|
|
149
|
+
border-bottom: 1px solid var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
|
|
150
150
|
padding: var(--intergalactic-spacing-4x, 16px);
|
|
151
151
|
}
|
|
152
152
|
|
|
@@ -155,7 +155,7 @@ SRangeCalendar {
|
|
|
155
155
|
}
|
|
156
156
|
|
|
157
157
|
SFooter {
|
|
158
|
-
border-top: 1px solid var(--intergalactic-border-primary,
|
|
158
|
+
border-top: 1px solid var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
|
|
159
159
|
padding: var(--intergalactic-spacing-4x, 16px);
|
|
160
160
|
}
|
|
161
161
|
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/date-picker",
|
|
3
3
|
"description": "Semrush DatePicker Component",
|
|
4
|
-
"version": "16.
|
|
4
|
+
"version": "16.3.0-prerelease.0",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -14,23 +14,23 @@
|
|
|
14
14
|
"types": "./lib/types/index.d.ts"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@semcore/base-trigger": "16.
|
|
18
|
-
"@semcore/button": "16.0.
|
|
19
|
-
"@semcore/divider": "16.0.
|
|
20
|
-
"@semcore/popper": "16.0.
|
|
21
|
-
"@semcore/dropdown": "16.
|
|
22
|
-
"@semcore/icon": "16.
|
|
23
|
-
"@semcore/input": "16.
|
|
24
|
-
"@semcore/input-mask": "16.0.
|
|
25
|
-
"@semcore/typography": "16.
|
|
26
|
-
"@semcore/checkbox": "16.
|
|
27
|
-
"@semcore/tooltip": "16.0.
|
|
28
|
-
"@semcore/flex-box": "16.0.
|
|
29
|
-
"@semcore/neighbor-location": "16.0.
|
|
17
|
+
"@semcore/base-trigger": "16.5.0-prerelease.0",
|
|
18
|
+
"@semcore/button": "16.1.0-prerelease.0",
|
|
19
|
+
"@semcore/divider": "16.1.0-prerelease.0",
|
|
20
|
+
"@semcore/popper": "16.1.0-prerelease.0",
|
|
21
|
+
"@semcore/dropdown": "16.2.0-prerelease.0",
|
|
22
|
+
"@semcore/icon": "16.8.0-prerelease.0",
|
|
23
|
+
"@semcore/input": "16.2.0-prerelease.0",
|
|
24
|
+
"@semcore/input-mask": "16.1.0-prerelease.0",
|
|
25
|
+
"@semcore/typography": "16.4.0-prerelease.0",
|
|
26
|
+
"@semcore/checkbox": "16.3.0-prerelease.0",
|
|
27
|
+
"@semcore/tooltip": "16.1.0-prerelease.0",
|
|
28
|
+
"@semcore/flex-box": "16.1.0-prerelease.0",
|
|
29
|
+
"@semcore/neighbor-location": "16.1.0-prerelease.0",
|
|
30
30
|
"dayjs": "1.8.36"
|
|
31
31
|
},
|
|
32
32
|
"peerDependencies": {
|
|
33
|
-
"@semcore/base-components": "^16.0.0"
|
|
33
|
+
"@semcore/base-components": "^16.6.0-prerelease.0"
|
|
34
34
|
},
|
|
35
35
|
"repository": {
|
|
36
36
|
"type": "git",
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
"directory": "semcore/date-picker"
|
|
39
39
|
},
|
|
40
40
|
"devDependencies": {
|
|
41
|
-
"@semcore/core": "16.
|
|
41
|
+
"@semcore/core": "16.6.0-prerelease.0",
|
|
42
42
|
"@semcore/testing-utils": "1.0.0"
|
|
43
43
|
},
|
|
44
44
|
"scripts": {
|