@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/esm/components/PickerAbstract.mjs CHANGED
@@ -18,39 +18,39 @@ var style = (
18
18
  /*__reshadow_css_start__*/
19
19
  (sstyled.insert(
20
20
  /*__inner_css_start__*/
21
- ".___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}}",
21
+ ".___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}}",
22
22
  /*__inner_css_end__*/
23
- "1f8n3_gg_"
23
+ "7h9qp_gg_"
24
24
  ), /*__reshadow_css_end__*/
25
25
  {
26
- "__SHeader": "___SHeader_1f8n3_gg_",
27
- "__STitle": "___STitle_1f8n3_gg_",
28
- "__SToday": "___SToday_1f8n3_gg_",
29
- "__SPeriod": "___SPeriod_1f8n3_gg_",
30
- "__SButton": "___SButton_1f8n3_gg_",
31
- "__SInner": "___SInner_1f8n3_gg_",
32
- "__SInputMask": "___SInputMask_1f8n3_gg_",
33
- "_animationsDisabled": "__animationsDisabled_1f8n3_gg_",
34
- "__SValue": "___SValue_1f8n3_gg_",
35
- "__SIndicator": "___SIndicator_1f8n3_gg_",
36
- "__SRangeIndicator": "___SRangeIndicator_1f8n3_gg_",
37
- "_range_value": "_range_value_1f8n3_gg_",
38
- "_range_compare": "_range_compare_1f8n3_gg_",
39
- "_disabled": "__disabled_1f8n3_gg_",
40
- "__SHumanizedDate": "___SHumanizedDate_1f8n3_gg_",
41
- "__SMask": "___SMask_1f8n3_gg_",
42
- "__SSingleDateInput": "___SSingleDateInput_1f8n3_gg_",
43
- "__SDateRange": "___SDateRange_1f8n3_gg_",
44
- "_noHumanizedDate": "__noHumanizedDate_1f8n3_gg_",
45
- "__SRangeSep": "___SRangeSep_1f8n3_gg_",
46
- "_fulfilled": "__fulfilled_1f8n3_gg_",
47
- "__SRangeComparatorHeader": "___SRangeComparatorHeader_1f8n3_gg_",
48
- "__SRangeCalendar": "___SRangeCalendar_1f8n3_gg_",
49
- "__SFooter": "___SFooter_1f8n3_gg_",
50
- "__SPeriodsList": "___SPeriodsList_1f8n3_gg_",
51
- "__STooltip": "___STooltip_1f8n3_gg_",
52
- "__SCompareToggle": "___SCompareToggle_1f8n3_gg_",
53
- "__SPopper": "___SPopper_1f8n3_gg_"
26
+ "__SHeader": "___SHeader_7h9qp_gg_",
27
+ "__STitle": "___STitle_7h9qp_gg_",
28
+ "__SToday": "___SToday_7h9qp_gg_",
29
+ "__SPeriod": "___SPeriod_7h9qp_gg_",
30
+ "__SButton": "___SButton_7h9qp_gg_",
31
+ "__SInner": "___SInner_7h9qp_gg_",
32
+ "__SInputMask": "___SInputMask_7h9qp_gg_",
33
+ "_animationsDisabled": "__animationsDisabled_7h9qp_gg_",
34
+ "__SValue": "___SValue_7h9qp_gg_",
35
+ "__SIndicator": "___SIndicator_7h9qp_gg_",
36
+ "__SRangeIndicator": "___SRangeIndicator_7h9qp_gg_",
37
+ "_range_value": "_range_value_7h9qp_gg_",
38
+ "_range_compare": "_range_compare_7h9qp_gg_",
39
+ "_disabled": "__disabled_7h9qp_gg_",
40
+ "__SHumanizedDate": "___SHumanizedDate_7h9qp_gg_",
41
+ "__SMask": "___SMask_7h9qp_gg_",
42
+ "__SSingleDateInput": "___SSingleDateInput_7h9qp_gg_",
43
+ "__SDateRange": "___SDateRange_7h9qp_gg_",
44
+ "_noHumanizedDate": "__noHumanizedDate_7h9qp_gg_",
45
+ "__SRangeSep": "___SRangeSep_7h9qp_gg_",
46
+ "_fulfilled": "__fulfilled_7h9qp_gg_",
47
+ "__SRangeComparatorHeader": "___SRangeComparatorHeader_7h9qp_gg_",
48
+ "__SRangeCalendar": "___SRangeCalendar_7h9qp_gg_",
49
+ "__SFooter": "___SFooter_7h9qp_gg_",
50
+ "__SPeriodsList": "___SPeriodsList_7h9qp_gg_",
51
+ "__STooltip": "___STooltip_7h9qp_gg_",
52
+ "__SCompareToggle": "___SCompareToggle_7h9qp_gg_",
53
+ "__SPopper": "___SPopper_7h9qp_gg_"
54
54
  })
55
55
  );
56
56
  var INTERACTION_TAGS = ["INPUT"];
package/lib/esm/components/RangePickerAbstract.mjs CHANGED
@@ -22,39 +22,39 @@ var style = (
22
22
  /*__reshadow_css_start__*/
23
23
  (sstyled.insert(
24
24
  /*__inner_css_start__*/
25
- ".___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}}",
25
+ ".___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}}",
26
26
  /*__inner_css_end__*/
27
- "1f8n3_gg_"
27
+ "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
  );
60
60
  var INTERACTION_TAGS = ["INPUT"];
package/lib/esm/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/esm/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/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/date-picker",
3
3
  "description": "Semrush DatePicker Component",
4
- "version": "4.57.2",
4
+ "version": "4.58.0-prerelease.1",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es6/index.js",
7
7
  "typings": "lib/types/index.d.ts",
@@ -14,24 +14,24 @@
14
14
  "types": "./lib/types/index.d.ts"
15
15
  },
16
16
  "dependencies": {
17
- "@semcore/utils": "4.48.5",
18
- "@semcore/base-trigger": "4.53.2",
19
- "@semcore/button": "5.43.3",
20
- "@semcore/divider": "4.40.4",
21
- "@semcore/dropdown": "4.43.4",
22
- "@semcore/flex-box": "5.41.4",
23
- "@semcore/icon": "4.62.1",
24
- "@semcore/input": "4.42.4",
25
- "@semcore/input-mask": "5.43.4",
26
- "@semcore/neighbor-location": "4.40.4",
27
- "@semcore/typography": "5.53.2",
28
- "@semcore/checkbox": "7.44.4",
29
- "@semcore/popper": "5.46.4",
30
- "@semcore/tooltip": "6.49.4",
17
+ "@semcore/utils": "4.49.0-prerelease.1",
18
+ "@semcore/base-trigger": "4.54.0-prerelease.1",
19
+ "@semcore/button": "5.44.0-prerelease.1",
20
+ "@semcore/divider": "4.41.0-prerelease.1",
21
+ "@semcore/dropdown": "4.44.0-prerelease.1",
22
+ "@semcore/flex-box": "5.42.0-prerelease.1",
23
+ "@semcore/icon": "4.63.0-prerelease.1",
24
+ "@semcore/input": "4.43.0-prerelease.1",
25
+ "@semcore/input-mask": "5.44.0-prerelease.1",
26
+ "@semcore/neighbor-location": "4.41.0-prerelease.1",
27
+ "@semcore/typography": "5.54.0-prerelease.1",
28
+ "@semcore/checkbox": "7.45.0-prerelease.1",
29
+ "@semcore/popper": "5.47.0-prerelease.1",
30
+ "@semcore/tooltip": "6.50.0-prerelease.1",
31
31
  "dayjs": "1.8.36"
32
32
  },
33
33
  "peerDependencies": {
34
- "@semcore/core": "^2.17.5",
34
+ "@semcore/core": "^2.40.0-prerelease.1",
35
35
  "react": "16.8 - 18",
36
36
  "react-dom": "16.8 - 18"
37
37
  },