@semcore/date-picker 3.4.17 → 3.5.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.
Files changed (16) hide show
  1. package/CHANGELOG.md +3 -3
  2. package/lib/cjs/components/Calendar.js +17 -17
  3. package/lib/cjs/components/InputTrigger.js +18 -18
  4. package/lib/cjs/components/PickerAbstract.js +18 -18
  5. package/lib/cjs/components/RangePickerAbstract.js +18 -18
  6. package/lib/cjs/components/index.js +3 -3
  7. package/lib/cjs/style/calendar.shadow.css +44 -46
  8. package/lib/cjs/style/date-picker.shadow.css +11 -13
  9. package/lib/es6/components/Calendar.js +17 -17
  10. package/lib/es6/components/InputTrigger.js +18 -18
  11. package/lib/es6/components/PickerAbstract.js +18 -18
  12. package/lib/es6/components/RangePickerAbstract.js +18 -18
  13. package/lib/es6/components/index.js +3 -3
  14. package/lib/es6/style/calendar.shadow.css +44 -46
  15. package/lib/es6/style/date-picker.shadow.css +11 -13
  16. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -2,11 +2,11 @@
2
2
 
3
3
  CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
4
4
 
5
- ## [3.4.17] - 2022-12-06
5
+ ## [3.5.0] - 2022-12-12
6
6
 
7
- ### Changed
7
+ ### Added
8
8
 
9
- - Version patch update due to children dependencies update (`@semcore/input` [3.4.1 ~> 3.4.2]).
9
+ - Design tokens based theming.
10
10
 
11
11
  ## [3.4.14] - 2022-11-29
12
12
 
package/lib/cjs/components/Calendar.js CHANGED
@@ -66,26 +66,26 @@ var style = (
66
66
  /*__reshadow_css_start__*/
67
67
  _core.sstyled.insert(
68
68
  /*__inner_css_start__*/
69
- ".___SCalendar_1v83i_gg_{display:flex;flex-direction:column}.___SGridDays_1v83i_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto));grid-template-rows:repeat(auto-fit,minmax(32px,auto))}.___SGridMonths_1v83i_gg_{display:grid;grid-row-gap:8px;grid-template-columns:repeat(3,minmax(60px,auto));grid-template-rows:repeat(4,minmax(32px,auto))}.___SWeekDays_1v83i_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto))}.___SWeekDay_1v83i_gg_{min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center;color:#6c6e79;font-size:14px;font-weight:400;overflow:hidden}.___SCalendarUnit_1v83i_gg_{font-family:inherit;font-weight:400;line-height:normal;text-decoration:none;text-align:center;vertical-align:middle;border:1px solid transparent;color:#191b23;outline:0;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:transparent;align-items:center;border-radius:6px;box-sizing:border-box;cursor:pointer;display:flex;font-size:14px;justify-content:center;min-height:32px;min-width:32px;position:relative;transition:color .15s,background .15s;outline:none;margin:0}.___SCalendarUnit_1v83i_gg_:hover{color:#191b23;background:#e0e1e9}.___SCalendarUnit_1v83i_gg_.focus-visible{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.3)}.___SCalendarUnit_1v83i_gg_:focus-visible{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.3)}.___SCalendarUnit_1v83i_gg_.__today_1v83i_gg_:before{content:\"\";position:absolute;display:block;top:1px;left:1px;border-radius:6px;width:calc(100% - 2px);height:calc(100% - 2px);box-sizing:border-box;border:1px solid #c4c7cf}.___SCalendarUnit_1v83i_gg_.__today_1v83i_gg_.___SCalendarUnit_1v83i_gg_.__endSelected_1v83i_gg_:before,.___SCalendarUnit_1v83i_gg_.__today_1v83i_gg_.___SCalendarUnit_1v83i_gg_.__startSelected_1v83i_gg_:before{border-color:hsla(0,0%,100%,.5)}.___SCalendarUnit_1v83i_gg_.__selected_1v83i_gg_{background:#c4e5fe;border-radius:0;color:#191b23}.___SCalendarUnit_1v83i_gg_.__selected_1v83i_gg_:hover{background:#008ff8}.___SCalendarUnit_1v83i_gg_.__highlighted_1v83i_gg_{background:rgba(0,143,248,.2);border-radius:0;color:#191b23}.___SCalendarUnit_1v83i_gg_.__highlighted_1v83i_gg_:hover{background:rgba(0,143,248,.3)}.___SCalendarUnit_1v83i_gg_.__startSelected_1v83i_gg_{border-bottom-left-radius:6px;border-bottom-right-radius:0;border-top-left-radius:6px;border-top-right-radius:0;color:#fff;background:#2bb3ff}.___SCalendarUnit_1v83i_gg_.__startSelected_1v83i_gg_:hover{color:#fff;background:#008ff8}.___SCalendarUnit_1v83i_gg_.__endSelected_1v83i_gg_{background:#2bb3ff;border-bottom-left-radius:0;border-bottom-right-radius:6px;border-top-left-radius:0;border-top-right-radius:6px;color:#fff}.___SCalendarUnit_1v83i_gg_.__endSelected_1v83i_gg_:hover{color:#fff;background:#008ff8}.___SCalendarUnit_1v83i_gg_.__startHighlighted_1v83i_gg_{border-bottom-left-radius:6px;border-bottom-right-radius:0;border-top-left-radius:6px;border-top-right-radius:0}.___SCalendarUnit_1v83i_gg_.__endHighlighted_1v83i_gg_{border-bottom-left-radius:0;border-bottom-right-radius:6px;border-top-left-radius:0;border-top-right-radius:6px}.___SCalendarUnit_1v83i_gg_.__startHighlighted_1v83i_gg_.___SCalendarUnit_1v83i_gg_.__endHighlighted_1v83i_gg_{border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px}.___SCalendarUnit_1v83i_gg_.__startSelected_1v83i_gg_.___SCalendarUnit_1v83i_gg_.__endSelected_1v83i_gg_{border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px}.___SCalendarUnit_1v83i_gg_.__outdated_1v83i_gg_{opacity:.2}.___SCalendarUnit_1v83i_gg_.__disabled_1v83i_gg_{opacity:.4;cursor:default;pointer-events:none}@media (prefers-reduced-motion){.___SCalendarUnit_1v83i_gg_{transition:none}}"
69
+ ".___SCalendar_15ziv_gg_{display:flex;flex-direction:column}.___SGridDays_15ziv_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto));grid-template-rows:repeat(auto-fit,minmax(32px,auto))}.___SGridMonths_15ziv_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_15ziv_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto))}.___SWeekDay_15ziv_gg_{min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center;color:var(--intergalactic-text-secondary,#6c6e79);font-size:var(--intergalactic-fs-200,14px);font-weight:var(--intergalactic-regular,400);overflow:hidden}.___SCalendarUnit_15ziv_gg_{font-family:inherit;font-weight:400;line-height:normal;text-decoration:none;text-align:center;vertical-align:middle;border:1px solid transparent;color:var(--intergalactic-text-primary,#191b23);outline:0;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:var(--intergalactic-date-picker-cell,#fff);align-items:center;border-radius:var(--intergalactic-rounded-medium,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;outline:none;margin:0}.___SCalendarUnit_15ziv_gg_:hover{color:var(--intergalactic-text-primary,#191b23);background:var(--intergalactic-date-picker-cell-hover,#e0e1e9)}.___SCalendarUnit_15ziv_gg_.focus-visible{box-shadow:var(--intergalactic-keyboard-focus,0 0 0 3px rgba(0,143,248,.3))}.___SCalendarUnit_15ziv_gg_:focus-visible{box-shadow:var(--intergalactic-keyboard-focus,0 0 0 3px rgba(0,143,248,.3))}.___SCalendarUnit_15ziv_gg_.__today_15ziv_gg_:before{content:\"\";position:absolute;display:block;top:1px;left:1px;border-radius:var(--intergalactic-rounded-medium,6px);width:calc(100% - 2px);height:calc(100% - 2px);box-sizing:border-box;border:1px solid var(--intergalactic-border-primary,#c4c7cf)}.___SCalendarUnit_15ziv_gg_.__today_15ziv_gg_.___SCalendarUnit_15ziv_gg_.__endSelected_15ziv_gg_:before,.___SCalendarUnit_15ziv_gg_.__today_15ziv_gg_.___SCalendarUnit_15ziv_gg_.__startSelected_15ziv_gg_:before{border-color:var(--intergalactic-border-secondary,#e0e1e9)}.___SCalendarUnit_15ziv_gg_.__selected_15ziv_gg_{background:var(--intergalactic-date-picker-cell-active,#2bb3ff);border-radius:0;color:var(--intergalactic-text-primary,#191b23)}.___SCalendarUnit_15ziv_gg_.__selected_15ziv_gg_:hover{background:var(--intergalactic-date-picker-cell-active-hover,#008ff8)}.___SCalendarUnit_15ziv_gg_.__highlighted_15ziv_gg_{background:var(--intergalactic-date-picker-cell-range,#c4e5fe);border-radius:0;color:var(--intergalactic-text-primary,#191b23)}.___SCalendarUnit_15ziv_gg_.__highlighted_15ziv_gg_:hover{background:var(--intergalactic-date-picker-cell-range-hover,#8ecdff)}.___SCalendarUnit_15ziv_gg_.__startSelected_15ziv_gg_{border-bottom-left-radius:var(--intergalactic-rounded-medium,6px);border-bottom-right-radius:0;border-top-left-radius:var(--intergalactic-rounded-medium,6px);border-top-right-radius:0;color:var(--intergalactic-text-primary-invert,#fff);background:var(--intergalactic-date-picker-cell-active,#2bb3ff)}.___SCalendarUnit_15ziv_gg_.__startSelected_15ziv_gg_:hover{color:var(--intergalactic-text-primary-invert,#fff);background:var(--intergalactic-date-picker-cell-active-hover,#008ff8)}.___SCalendarUnit_15ziv_gg_.__endSelected_15ziv_gg_{background:var(--intergalactic-date-picker-cell-active,#2bb3ff);border-bottom-left-radius:0;border-bottom-right-radius:var(--intergalactic-rounded-medium,6px);border-top-left-radius:0;border-top-right-radius:var(--intergalactic-rounded-medium,6px);color:var(--intergalactic-text-primary-invert,#fff)}.___SCalendarUnit_15ziv_gg_.__endSelected_15ziv_gg_:hover{color:var(--intergalactic-text-primary-invert,#fff);background:var(--intergalactic-date-picker-cell-active-hover,#008ff8)}.___SCalendarUnit_15ziv_gg_.__startHighlighted_15ziv_gg_{border-bottom-left-radius:var(--intergalactic-rounded-medium,6px);border-bottom-right-radius:0;border-top-left-radius:var(--intergalactic-rounded-medium,6px);border-top-right-radius:0}.___SCalendarUnit_15ziv_gg_.__endHighlighted_15ziv_gg_{border-bottom-left-radius:0;border-bottom-right-radius:var(--intergalactic-rounded-medium,6px);border-top-left-radius:0;border-top-right-radius:var(--intergalactic-rounded-medium,6px)}.___SCalendarUnit_15ziv_gg_.__startHighlighted_15ziv_gg_.___SCalendarUnit_15ziv_gg_.__endHighlighted_15ziv_gg_{border-bottom-left-radius:var(--intergalactic-rounded-medium,6px);border-bottom-right-radius:var(--intergalactic-rounded-medium,6px);border-top-left-radius:var(--intergalactic-rounded-medium,6px);border-top-right-radius:var(--intergalactic-rounded-medium,6px)}.___SCalendarUnit_15ziv_gg_.__startSelected_15ziv_gg_.___SCalendarUnit_15ziv_gg_.__endSelected_15ziv_gg_{border-bottom-left-radius:var(--intergalactic-rounded-medium,6px);border-bottom-right-radius:var(--intergalactic-rounded-medium,6px);border-top-left-radius:var(--intergalactic-rounded-medium,6px);border-top-right-radius:var(--intergalactic-rounded-medium,6px)}.___SCalendarUnit_15ziv_gg_.__outdated_15ziv_gg_{opacity:.2}.___SCalendarUnit_15ziv_gg_.__disabled_15ziv_gg_{opacity:.4;cursor:default;pointer-events:none}@media (prefers-reduced-motion){.___SCalendarUnit_15ziv_gg_{transition:none}}"
70
70
  /*__inner_css_end__*/
71
- , "1v83i_gg_")
71
+ , "15ziv_gg_")
72
72
  /*__reshadow_css_end__*/
73
73
  , {
74
- "__SCalendar": "___SCalendar_1v83i_gg_",
75
- "__SGridDays": "___SGridDays_1v83i_gg_",
76
- "__SGridMonths": "___SGridMonths_1v83i_gg_",
77
- "__SWeekDays": "___SWeekDays_1v83i_gg_",
78
- "__SWeekDay": "___SWeekDay_1v83i_gg_",
79
- "__SCalendarUnit": "___SCalendarUnit_1v83i_gg_",
80
- "_today": "__today_1v83i_gg_",
81
- "_endSelected": "__endSelected_1v83i_gg_",
82
- "_startSelected": "__startSelected_1v83i_gg_",
83
- "_selected": "__selected_1v83i_gg_",
84
- "_highlighted": "__highlighted_1v83i_gg_",
85
- "_startHighlighted": "__startHighlighted_1v83i_gg_",
86
- "_endHighlighted": "__endHighlighted_1v83i_gg_",
87
- "_outdated": "__outdated_1v83i_gg_",
88
- "_disabled": "__disabled_1v83i_gg_"
74
+ "__SCalendar": "___SCalendar_15ziv_gg_",
75
+ "__SGridDays": "___SGridDays_15ziv_gg_",
76
+ "__SGridMonths": "___SGridMonths_15ziv_gg_",
77
+ "__SWeekDays": "___SWeekDays_15ziv_gg_",
78
+ "__SWeekDay": "___SWeekDay_15ziv_gg_",
79
+ "__SCalendarUnit": "___SCalendarUnit_15ziv_gg_",
80
+ "_today": "__today_15ziv_gg_",
81
+ "_endSelected": "__endSelected_15ziv_gg_",
82
+ "_startSelected": "__startSelected_15ziv_gg_",
83
+ "_selected": "__selected_15ziv_gg_",
84
+ "_highlighted": "__highlighted_15ziv_gg_",
85
+ "_startHighlighted": "__startHighlighted_15ziv_gg_",
86
+ "_endHighlighted": "__endHighlighted_15ziv_gg_",
87
+ "_outdated": "__outdated_15ziv_gg_",
88
+ "_disabled": "__disabled_15ziv_gg_"
89
89
  });
90
90
 
91
91
  _dayjs["default"].extend(_isBetween["default"]);
package/lib/cjs/components/InputTrigger.js CHANGED
@@ -79,27 +79,27 @@ var style = (
79
79
  /*__reshadow_css_start__*/
80
80
  _core.sstyled.insert(
81
81
  /*__inner_css_start__*/
82
- ".___SPopper_1gd9u_gg_{padding:16px;outline:0}.___SPopper_1gd9u_gg_::-moz-focus-inner{border:none;padding:0}.___SPopper_1gd9u_gg_:active,.___SPopper_1gd9u_gg_:focus,.___SPopper_1gd9u_gg_:hover{outline:0;text-decoration:none}.___SPopper_1gd9u_gg_:focus{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.3)}.___SHeader_1gd9u_gg_{display:flex;align-items:center}.___STitle_1gd9u_gg_{font-size:14px;color:#191b23;height:32px;width:100%;display:flex;justify-content:center;align-items:center}.___SToday_1gd9u_gg_{display:flex;margin-top:12px;justify-content:center}.___SPeriod_1gd9u_gg_{display:flex;flex-direction:column;margin-bottom:8px}.___SIndicator_1gd9u_gg_{color:#6c6e79}.___SHumanizedDate_1gd9u_gg_{position:absolute;pointer-events:none}.___SDateRange_1gd9u_gg_ .___SMask_1gd9u_gg_,.___SDateRange_1gd9u_gg_ .___SValue_1gd9u_gg_,.___SSingleDateInput_1gd9u_gg_ .___SMask_1gd9u_gg_,.___SSingleDateInput_1gd9u_gg_ .___SValue_1gd9u_gg_{opacity:0}.___SSingleDateInput_1gd9u_gg_.__focus-within_1gd9u_gg_ .___SHumanizedDate_1gd9u_gg_{opacity:0;z-index:-1000}.___SSingleDateInput_1gd9u_gg_:focus-within .___SHumanizedDate_1gd9u_gg_{opacity:0;z-index:-1000}.___SSingleDateInput_1gd9u_gg_.__focus-within_1gd9u_gg_ .___SMask_1gd9u_gg_,.___SSingleDateInput_1gd9u_gg_.__focus-within_1gd9u_gg_ .___SValue_1gd9u_gg_{opacity:1}.___SSingleDateInput_1gd9u_gg_:focus-within .___SMask_1gd9u_gg_,.___SSingleDateInput_1gd9u_gg_:focus-within .___SValue_1gd9u_gg_{opacity:1}.___SDateRange_1gd9u_gg_ .___SValue_1gd9u_gg_{opacity:0}.___SDateRange_1gd9u_gg_.__focus-within_1gd9u_gg_ .___SHumanizedDate_1gd9u_gg_{opacity:0;z-index:-1000}.___SDateRange_1gd9u_gg_:focus-within .___SHumanizedDate_1gd9u_gg_{opacity:0;z-index:-1000}.___SDateRange_1gd9u_gg_.__focus-within_1gd9u_gg_ .___SMask_1gd9u_gg_,.___SDateRange_1gd9u_gg_.__focus-within_1gd9u_gg_ .___SValue_1gd9u_gg_{opacity:1}.___SDateRange_1gd9u_gg_:focus-within .___SMask_1gd9u_gg_,.___SDateRange_1gd9u_gg_:focus-within .___SValue_1gd9u_gg_{opacity:1}.___SInputMask_1gd9u_gg_.__noHumanizedDate_1gd9u_gg_ .___SMask_1gd9u_gg_,.___SInputMask_1gd9u_gg_.__noHumanizedDate_1gd9u_gg_ .___SValue_1gd9u_gg_{opacity:1}.___SDateRange_1gd9u_gg_ .___SInputMask_1gd9u_gg_.__focus-within_1gd9u_gg_ .___SMask_1gd9u_gg_{background-color:rgba(0,143,248,.2)}.___SDateRange_1gd9u_gg_ .___SInputMask_1gd9u_gg_:focus-within .___SMask_1gd9u_gg_{background-color:rgba(0,143,248,.2)}.___SDateRange_1gd9u_gg_.__focus-within_1gd9u_gg_ .___SRangeSep_1gd9u_gg_,.___SRangeSep_1gd9u_gg_.__fulfilled_1gd9u_gg_{color:#191b23}.___SDateRange_1gd9u_gg_:focus-within .___SRangeSep_1gd9u_gg_,.___SRangeSep_1gd9u_gg_.__fulfilled_1gd9u_gg_{color:#191b23}"
82
+ ".___SPopper_3fmmd_gg_{padding:var(--intergalactic-spacing-4x,16px);outline:0}.___SPopper_3fmmd_gg_::-moz-focus-inner{border:none;padding:0}.___SPopper_3fmmd_gg_:active,.___SPopper_3fmmd_gg_:focus,.___SPopper_3fmmd_gg_:hover{outline:0;text-decoration:none}.___SPopper_3fmmd_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus,0 0 0 3px rgba(0,143,248,.3))}.___SHeader_3fmmd_gg_{display:flex;align-items:center}.___STitle_3fmmd_gg_{font-size:var(--intergalactic-fs-200,14px);color:var(--intergalactic-text-primary,#191b23);height:32px;width:100%;display:flex;justify-content:center;align-items:center}.___SToday_3fmmd_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x,12px);justify-content:center}.___SPeriod_3fmmd_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x,8px)}.___SIndicator_3fmmd_gg_{color:var(--intergalactic-text-secondary,#6c6e79)}.___SHumanizedDate_3fmmd_gg_{position:absolute;pointer-events:none}.___SDateRange_3fmmd_gg_ .___SMask_3fmmd_gg_,.___SDateRange_3fmmd_gg_ .___SValue_3fmmd_gg_,.___SSingleDateInput_3fmmd_gg_ .___SMask_3fmmd_gg_,.___SSingleDateInput_3fmmd_gg_ .___SValue_3fmmd_gg_{opacity:0}.___SSingleDateInput_3fmmd_gg_.__focus-within_3fmmd_gg_ .___SHumanizedDate_3fmmd_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep,-999)}.___SSingleDateInput_3fmmd_gg_:focus-within .___SHumanizedDate_3fmmd_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep,-999)}.___SSingleDateInput_3fmmd_gg_.__focus-within_3fmmd_gg_ .___SMask_3fmmd_gg_,.___SSingleDateInput_3fmmd_gg_.__focus-within_3fmmd_gg_ .___SValue_3fmmd_gg_{opacity:1}.___SSingleDateInput_3fmmd_gg_:focus-within .___SMask_3fmmd_gg_,.___SSingleDateInput_3fmmd_gg_:focus-within .___SValue_3fmmd_gg_{opacity:1}.___SDateRange_3fmmd_gg_ .___SValue_3fmmd_gg_{opacity:0}.___SDateRange_3fmmd_gg_.__focus-within_3fmmd_gg_ .___SHumanizedDate_3fmmd_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep,-999)}.___SDateRange_3fmmd_gg_:focus-within .___SHumanizedDate_3fmmd_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep,-999)}.___SDateRange_3fmmd_gg_.__focus-within_3fmmd_gg_ .___SMask_3fmmd_gg_,.___SDateRange_3fmmd_gg_.__focus-within_3fmmd_gg_ .___SValue_3fmmd_gg_{opacity:1}.___SDateRange_3fmmd_gg_:focus-within .___SMask_3fmmd_gg_,.___SDateRange_3fmmd_gg_:focus-within .___SValue_3fmmd_gg_{opacity:1}.___SInputMask_3fmmd_gg_.__noHumanizedDate_3fmmd_gg_ .___SMask_3fmmd_gg_,.___SInputMask_3fmmd_gg_.__noHumanizedDate_3fmmd_gg_ .___SValue_3fmmd_gg_{opacity:1}.___SDateRange_3fmmd_gg_ .___SInputMask_3fmmd_gg_.__focus-within_3fmmd_gg_ .___SMask_3fmmd_gg_{background-color:var(--intergalactic-text-placeholder,#a9abb6)}.___SDateRange_3fmmd_gg_ .___SInputMask_3fmmd_gg_:focus-within .___SMask_3fmmd_gg_{background-color:var(--intergalactic-text-placeholder,#a9abb6)}.___SDateRange_3fmmd_gg_.__focus-within_3fmmd_gg_ .___SRangeSep_3fmmd_gg_,.___SRangeSep_3fmmd_gg_.__fulfilled_3fmmd_gg_{color:var(--intergalactic-text-primary,#191b23)}.___SDateRange_3fmmd_gg_:focus-within .___SRangeSep_3fmmd_gg_,.___SRangeSep_3fmmd_gg_.__fulfilled_3fmmd_gg_{color:var(--intergalactic-text-primary,#191b23)}"
83
83
  /*__inner_css_end__*/
84
- , "1gd9u_gg_")
84
+ , "3fmmd_gg_")
85
85
  /*__reshadow_css_end__*/
86
86
  , {
87
- "__SPopper": "___SPopper_1gd9u_gg_",
88
- "__SHeader": "___SHeader_1gd9u_gg_",
89
- "__STitle": "___STitle_1gd9u_gg_",
90
- "__SToday": "___SToday_1gd9u_gg_",
91
- "__SPeriod": "___SPeriod_1gd9u_gg_",
92
- "__SIndicator": "___SIndicator_1gd9u_gg_",
93
- "__SHumanizedDate": "___SHumanizedDate_1gd9u_gg_",
94
- "__SDateRange": "___SDateRange_1gd9u_gg_",
95
- "__SMask": "___SMask_1gd9u_gg_",
96
- "__SValue": "___SValue_1gd9u_gg_",
97
- "__SSingleDateInput": "___SSingleDateInput_1gd9u_gg_",
98
- "_focus-within": "__focus-within_1gd9u_gg_",
99
- "__SInputMask": "___SInputMask_1gd9u_gg_",
100
- "_noHumanizedDate": "__noHumanizedDate_1gd9u_gg_",
101
- "__SRangeSep": "___SRangeSep_1gd9u_gg_",
102
- "_fulfilled": "__fulfilled_1gd9u_gg_"
87
+ "__SPopper": "___SPopper_3fmmd_gg_",
88
+ "__SHeader": "___SHeader_3fmmd_gg_",
89
+ "__STitle": "___STitle_3fmmd_gg_",
90
+ "__SToday": "___SToday_3fmmd_gg_",
91
+ "__SPeriod": "___SPeriod_3fmmd_gg_",
92
+ "__SIndicator": "___SIndicator_3fmmd_gg_",
93
+ "__SHumanizedDate": "___SHumanizedDate_3fmmd_gg_",
94
+ "__SDateRange": "___SDateRange_3fmmd_gg_",
95
+ "__SMask": "___SMask_3fmmd_gg_",
96
+ "__SValue": "___SValue_3fmmd_gg_",
97
+ "__SSingleDateInput": "___SSingleDateInput_3fmmd_gg_",
98
+ "_focus-within": "__focus-within_3fmmd_gg_",
99
+ "__SInputMask": "___SInputMask_3fmmd_gg_",
100
+ "_noHumanizedDate": "__noHumanizedDate_3fmmd_gg_",
101
+ "__SRangeSep": "___SRangeSep_3fmmd_gg_",
102
+ "_fulfilled": "__fulfilled_3fmmd_gg_"
103
103
  });
104
104
  var defaultAllowedParts = {
105
105
  year: true,
package/lib/cjs/components/PickerAbstract.js CHANGED
@@ -64,27 +64,27 @@ var style = (
64
64
  /*__reshadow_css_start__*/
65
65
  _core.sstyled.insert(
66
66
  /*__inner_css_start__*/
67
- ".___SPopper_1gd9u_gg_{padding:16px;outline:0}.___SPopper_1gd9u_gg_::-moz-focus-inner{border:none;padding:0}.___SPopper_1gd9u_gg_:active,.___SPopper_1gd9u_gg_:focus,.___SPopper_1gd9u_gg_:hover{outline:0;text-decoration:none}.___SPopper_1gd9u_gg_:focus{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.3)}.___SHeader_1gd9u_gg_{display:flex;align-items:center}.___STitle_1gd9u_gg_{font-size:14px;color:#191b23;height:32px;width:100%;display:flex;justify-content:center;align-items:center}.___SToday_1gd9u_gg_{display:flex;margin-top:12px;justify-content:center}.___SPeriod_1gd9u_gg_{display:flex;flex-direction:column;margin-bottom:8px}.___SIndicator_1gd9u_gg_{color:#6c6e79}.___SHumanizedDate_1gd9u_gg_{position:absolute;pointer-events:none}.___SDateRange_1gd9u_gg_ .___SMask_1gd9u_gg_,.___SDateRange_1gd9u_gg_ .___SValue_1gd9u_gg_,.___SSingleDateInput_1gd9u_gg_ .___SMask_1gd9u_gg_,.___SSingleDateInput_1gd9u_gg_ .___SValue_1gd9u_gg_{opacity:0}.___SSingleDateInput_1gd9u_gg_.__focus-within_1gd9u_gg_ .___SHumanizedDate_1gd9u_gg_{opacity:0;z-index:-1000}.___SSingleDateInput_1gd9u_gg_:focus-within .___SHumanizedDate_1gd9u_gg_{opacity:0;z-index:-1000}.___SSingleDateInput_1gd9u_gg_.__focus-within_1gd9u_gg_ .___SMask_1gd9u_gg_,.___SSingleDateInput_1gd9u_gg_.__focus-within_1gd9u_gg_ .___SValue_1gd9u_gg_{opacity:1}.___SSingleDateInput_1gd9u_gg_:focus-within .___SMask_1gd9u_gg_,.___SSingleDateInput_1gd9u_gg_:focus-within .___SValue_1gd9u_gg_{opacity:1}.___SDateRange_1gd9u_gg_ .___SValue_1gd9u_gg_{opacity:0}.___SDateRange_1gd9u_gg_.__focus-within_1gd9u_gg_ .___SHumanizedDate_1gd9u_gg_{opacity:0;z-index:-1000}.___SDateRange_1gd9u_gg_:focus-within .___SHumanizedDate_1gd9u_gg_{opacity:0;z-index:-1000}.___SDateRange_1gd9u_gg_.__focus-within_1gd9u_gg_ .___SMask_1gd9u_gg_,.___SDateRange_1gd9u_gg_.__focus-within_1gd9u_gg_ .___SValue_1gd9u_gg_{opacity:1}.___SDateRange_1gd9u_gg_:focus-within .___SMask_1gd9u_gg_,.___SDateRange_1gd9u_gg_:focus-within .___SValue_1gd9u_gg_{opacity:1}.___SInputMask_1gd9u_gg_.__noHumanizedDate_1gd9u_gg_ .___SMask_1gd9u_gg_,.___SInputMask_1gd9u_gg_.__noHumanizedDate_1gd9u_gg_ .___SValue_1gd9u_gg_{opacity:1}.___SDateRange_1gd9u_gg_ .___SInputMask_1gd9u_gg_.__focus-within_1gd9u_gg_ .___SMask_1gd9u_gg_{background-color:rgba(0,143,248,.2)}.___SDateRange_1gd9u_gg_ .___SInputMask_1gd9u_gg_:focus-within .___SMask_1gd9u_gg_{background-color:rgba(0,143,248,.2)}.___SDateRange_1gd9u_gg_.__focus-within_1gd9u_gg_ .___SRangeSep_1gd9u_gg_,.___SRangeSep_1gd9u_gg_.__fulfilled_1gd9u_gg_{color:#191b23}.___SDateRange_1gd9u_gg_:focus-within .___SRangeSep_1gd9u_gg_,.___SRangeSep_1gd9u_gg_.__fulfilled_1gd9u_gg_{color:#191b23}"
67
+ ".___SPopper_3fmmd_gg_{padding:var(--intergalactic-spacing-4x,16px);outline:0}.___SPopper_3fmmd_gg_::-moz-focus-inner{border:none;padding:0}.___SPopper_3fmmd_gg_:active,.___SPopper_3fmmd_gg_:focus,.___SPopper_3fmmd_gg_:hover{outline:0;text-decoration:none}.___SPopper_3fmmd_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus,0 0 0 3px rgba(0,143,248,.3))}.___SHeader_3fmmd_gg_{display:flex;align-items:center}.___STitle_3fmmd_gg_{font-size:var(--intergalactic-fs-200,14px);color:var(--intergalactic-text-primary,#191b23);height:32px;width:100%;display:flex;justify-content:center;align-items:center}.___SToday_3fmmd_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x,12px);justify-content:center}.___SPeriod_3fmmd_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x,8px)}.___SIndicator_3fmmd_gg_{color:var(--intergalactic-text-secondary,#6c6e79)}.___SHumanizedDate_3fmmd_gg_{position:absolute;pointer-events:none}.___SDateRange_3fmmd_gg_ .___SMask_3fmmd_gg_,.___SDateRange_3fmmd_gg_ .___SValue_3fmmd_gg_,.___SSingleDateInput_3fmmd_gg_ .___SMask_3fmmd_gg_,.___SSingleDateInput_3fmmd_gg_ .___SValue_3fmmd_gg_{opacity:0}.___SSingleDateInput_3fmmd_gg_.__focus-within_3fmmd_gg_ .___SHumanizedDate_3fmmd_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep,-999)}.___SSingleDateInput_3fmmd_gg_:focus-within .___SHumanizedDate_3fmmd_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep,-999)}.___SSingleDateInput_3fmmd_gg_.__focus-within_3fmmd_gg_ .___SMask_3fmmd_gg_,.___SSingleDateInput_3fmmd_gg_.__focus-within_3fmmd_gg_ .___SValue_3fmmd_gg_{opacity:1}.___SSingleDateInput_3fmmd_gg_:focus-within .___SMask_3fmmd_gg_,.___SSingleDateInput_3fmmd_gg_:focus-within .___SValue_3fmmd_gg_{opacity:1}.___SDateRange_3fmmd_gg_ .___SValue_3fmmd_gg_{opacity:0}.___SDateRange_3fmmd_gg_.__focus-within_3fmmd_gg_ .___SHumanizedDate_3fmmd_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep,-999)}.___SDateRange_3fmmd_gg_:focus-within .___SHumanizedDate_3fmmd_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep,-999)}.___SDateRange_3fmmd_gg_.__focus-within_3fmmd_gg_ .___SMask_3fmmd_gg_,.___SDateRange_3fmmd_gg_.__focus-within_3fmmd_gg_ .___SValue_3fmmd_gg_{opacity:1}.___SDateRange_3fmmd_gg_:focus-within .___SMask_3fmmd_gg_,.___SDateRange_3fmmd_gg_:focus-within .___SValue_3fmmd_gg_{opacity:1}.___SInputMask_3fmmd_gg_.__noHumanizedDate_3fmmd_gg_ .___SMask_3fmmd_gg_,.___SInputMask_3fmmd_gg_.__noHumanizedDate_3fmmd_gg_ .___SValue_3fmmd_gg_{opacity:1}.___SDateRange_3fmmd_gg_ .___SInputMask_3fmmd_gg_.__focus-within_3fmmd_gg_ .___SMask_3fmmd_gg_{background-color:var(--intergalactic-text-placeholder,#a9abb6)}.___SDateRange_3fmmd_gg_ .___SInputMask_3fmmd_gg_:focus-within .___SMask_3fmmd_gg_{background-color:var(--intergalactic-text-placeholder,#a9abb6)}.___SDateRange_3fmmd_gg_.__focus-within_3fmmd_gg_ .___SRangeSep_3fmmd_gg_,.___SRangeSep_3fmmd_gg_.__fulfilled_3fmmd_gg_{color:var(--intergalactic-text-primary,#191b23)}.___SDateRange_3fmmd_gg_:focus-within .___SRangeSep_3fmmd_gg_,.___SRangeSep_3fmmd_gg_.__fulfilled_3fmmd_gg_{color:var(--intergalactic-text-primary,#191b23)}"
68
68
  /*__inner_css_end__*/
69
- , "1gd9u_gg_")
69
+ , "3fmmd_gg_")
70
70
  /*__reshadow_css_end__*/
71
71
  , {
72
- "__SPopper": "___SPopper_1gd9u_gg_",
73
- "__SHeader": "___SHeader_1gd9u_gg_",
74
- "__STitle": "___STitle_1gd9u_gg_",
75
- "__SToday": "___SToday_1gd9u_gg_",
76
- "__SPeriod": "___SPeriod_1gd9u_gg_",
77
- "__SIndicator": "___SIndicator_1gd9u_gg_",
78
- "__SHumanizedDate": "___SHumanizedDate_1gd9u_gg_",
79
- "__SDateRange": "___SDateRange_1gd9u_gg_",
80
- "__SMask": "___SMask_1gd9u_gg_",
81
- "__SValue": "___SValue_1gd9u_gg_",
82
- "__SSingleDateInput": "___SSingleDateInput_1gd9u_gg_",
83
- "_focus-within": "__focus-within_1gd9u_gg_",
84
- "__SInputMask": "___SInputMask_1gd9u_gg_",
85
- "_noHumanizedDate": "__noHumanizedDate_1gd9u_gg_",
86
- "__SRangeSep": "___SRangeSep_1gd9u_gg_",
87
- "_fulfilled": "__fulfilled_1gd9u_gg_"
72
+ "__SPopper": "___SPopper_3fmmd_gg_",
73
+ "__SHeader": "___SHeader_3fmmd_gg_",
74
+ "__STitle": "___STitle_3fmmd_gg_",
75
+ "__SToday": "___SToday_3fmmd_gg_",
76
+ "__SPeriod": "___SPeriod_3fmmd_gg_",
77
+ "__SIndicator": "___SIndicator_3fmmd_gg_",
78
+ "__SHumanizedDate": "___SHumanizedDate_3fmmd_gg_",
79
+ "__SDateRange": "___SDateRange_3fmmd_gg_",
80
+ "__SMask": "___SMask_3fmmd_gg_",
81
+ "__SValue": "___SValue_3fmmd_gg_",
82
+ "__SSingleDateInput": "___SSingleDateInput_3fmmd_gg_",
83
+ "_focus-within": "__focus-within_3fmmd_gg_",
84
+ "__SInputMask": "___SInputMask_3fmmd_gg_",
85
+ "_noHumanizedDate": "__noHumanizedDate_3fmmd_gg_",
86
+ "__SRangeSep": "___SRangeSep_3fmmd_gg_",
87
+ "_fulfilled": "__fulfilled_3fmmd_gg_"
88
88
  });
89
89
  var i18n = {
90
90
  de: _de["default"],
package/lib/cjs/components/RangePickerAbstract.js CHANGED
@@ -74,27 +74,27 @@ var style = (
74
74
  /*__reshadow_css_start__*/
75
75
  _core.sstyled.insert(
76
76
  /*__inner_css_start__*/
77
- ".___SPopper_1gd9u_gg_{padding:16px;outline:0}.___SPopper_1gd9u_gg_::-moz-focus-inner{border:none;padding:0}.___SPopper_1gd9u_gg_:active,.___SPopper_1gd9u_gg_:focus,.___SPopper_1gd9u_gg_:hover{outline:0;text-decoration:none}.___SPopper_1gd9u_gg_:focus{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.3)}.___SHeader_1gd9u_gg_{display:flex;align-items:center}.___STitle_1gd9u_gg_{font-size:14px;color:#191b23;height:32px;width:100%;display:flex;justify-content:center;align-items:center}.___SToday_1gd9u_gg_{display:flex;margin-top:12px;justify-content:center}.___SPeriod_1gd9u_gg_{display:flex;flex-direction:column;margin-bottom:8px}.___SIndicator_1gd9u_gg_{color:#6c6e79}.___SHumanizedDate_1gd9u_gg_{position:absolute;pointer-events:none}.___SDateRange_1gd9u_gg_ .___SMask_1gd9u_gg_,.___SDateRange_1gd9u_gg_ .___SValue_1gd9u_gg_,.___SSingleDateInput_1gd9u_gg_ .___SMask_1gd9u_gg_,.___SSingleDateInput_1gd9u_gg_ .___SValue_1gd9u_gg_{opacity:0}.___SSingleDateInput_1gd9u_gg_.__focus-within_1gd9u_gg_ .___SHumanizedDate_1gd9u_gg_{opacity:0;z-index:-1000}.___SSingleDateInput_1gd9u_gg_:focus-within .___SHumanizedDate_1gd9u_gg_{opacity:0;z-index:-1000}.___SSingleDateInput_1gd9u_gg_.__focus-within_1gd9u_gg_ .___SMask_1gd9u_gg_,.___SSingleDateInput_1gd9u_gg_.__focus-within_1gd9u_gg_ .___SValue_1gd9u_gg_{opacity:1}.___SSingleDateInput_1gd9u_gg_:focus-within .___SMask_1gd9u_gg_,.___SSingleDateInput_1gd9u_gg_:focus-within .___SValue_1gd9u_gg_{opacity:1}.___SDateRange_1gd9u_gg_ .___SValue_1gd9u_gg_{opacity:0}.___SDateRange_1gd9u_gg_.__focus-within_1gd9u_gg_ .___SHumanizedDate_1gd9u_gg_{opacity:0;z-index:-1000}.___SDateRange_1gd9u_gg_:focus-within .___SHumanizedDate_1gd9u_gg_{opacity:0;z-index:-1000}.___SDateRange_1gd9u_gg_.__focus-within_1gd9u_gg_ .___SMask_1gd9u_gg_,.___SDateRange_1gd9u_gg_.__focus-within_1gd9u_gg_ .___SValue_1gd9u_gg_{opacity:1}.___SDateRange_1gd9u_gg_:focus-within .___SMask_1gd9u_gg_,.___SDateRange_1gd9u_gg_:focus-within .___SValue_1gd9u_gg_{opacity:1}.___SInputMask_1gd9u_gg_.__noHumanizedDate_1gd9u_gg_ .___SMask_1gd9u_gg_,.___SInputMask_1gd9u_gg_.__noHumanizedDate_1gd9u_gg_ .___SValue_1gd9u_gg_{opacity:1}.___SDateRange_1gd9u_gg_ .___SInputMask_1gd9u_gg_.__focus-within_1gd9u_gg_ .___SMask_1gd9u_gg_{background-color:rgba(0,143,248,.2)}.___SDateRange_1gd9u_gg_ .___SInputMask_1gd9u_gg_:focus-within .___SMask_1gd9u_gg_{background-color:rgba(0,143,248,.2)}.___SDateRange_1gd9u_gg_.__focus-within_1gd9u_gg_ .___SRangeSep_1gd9u_gg_,.___SRangeSep_1gd9u_gg_.__fulfilled_1gd9u_gg_{color:#191b23}.___SDateRange_1gd9u_gg_:focus-within .___SRangeSep_1gd9u_gg_,.___SRangeSep_1gd9u_gg_.__fulfilled_1gd9u_gg_{color:#191b23}"
77
+ ".___SPopper_3fmmd_gg_{padding:var(--intergalactic-spacing-4x,16px);outline:0}.___SPopper_3fmmd_gg_::-moz-focus-inner{border:none;padding:0}.___SPopper_3fmmd_gg_:active,.___SPopper_3fmmd_gg_:focus,.___SPopper_3fmmd_gg_:hover{outline:0;text-decoration:none}.___SPopper_3fmmd_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus,0 0 0 3px rgba(0,143,248,.3))}.___SHeader_3fmmd_gg_{display:flex;align-items:center}.___STitle_3fmmd_gg_{font-size:var(--intergalactic-fs-200,14px);color:var(--intergalactic-text-primary,#191b23);height:32px;width:100%;display:flex;justify-content:center;align-items:center}.___SToday_3fmmd_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x,12px);justify-content:center}.___SPeriod_3fmmd_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x,8px)}.___SIndicator_3fmmd_gg_{color:var(--intergalactic-text-secondary,#6c6e79)}.___SHumanizedDate_3fmmd_gg_{position:absolute;pointer-events:none}.___SDateRange_3fmmd_gg_ .___SMask_3fmmd_gg_,.___SDateRange_3fmmd_gg_ .___SValue_3fmmd_gg_,.___SSingleDateInput_3fmmd_gg_ .___SMask_3fmmd_gg_,.___SSingleDateInput_3fmmd_gg_ .___SValue_3fmmd_gg_{opacity:0}.___SSingleDateInput_3fmmd_gg_.__focus-within_3fmmd_gg_ .___SHumanizedDate_3fmmd_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep,-999)}.___SSingleDateInput_3fmmd_gg_:focus-within .___SHumanizedDate_3fmmd_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep,-999)}.___SSingleDateInput_3fmmd_gg_.__focus-within_3fmmd_gg_ .___SMask_3fmmd_gg_,.___SSingleDateInput_3fmmd_gg_.__focus-within_3fmmd_gg_ .___SValue_3fmmd_gg_{opacity:1}.___SSingleDateInput_3fmmd_gg_:focus-within .___SMask_3fmmd_gg_,.___SSingleDateInput_3fmmd_gg_:focus-within .___SValue_3fmmd_gg_{opacity:1}.___SDateRange_3fmmd_gg_ .___SValue_3fmmd_gg_{opacity:0}.___SDateRange_3fmmd_gg_.__focus-within_3fmmd_gg_ .___SHumanizedDate_3fmmd_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep,-999)}.___SDateRange_3fmmd_gg_:focus-within .___SHumanizedDate_3fmmd_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep,-999)}.___SDateRange_3fmmd_gg_.__focus-within_3fmmd_gg_ .___SMask_3fmmd_gg_,.___SDateRange_3fmmd_gg_.__focus-within_3fmmd_gg_ .___SValue_3fmmd_gg_{opacity:1}.___SDateRange_3fmmd_gg_:focus-within .___SMask_3fmmd_gg_,.___SDateRange_3fmmd_gg_:focus-within .___SValue_3fmmd_gg_{opacity:1}.___SInputMask_3fmmd_gg_.__noHumanizedDate_3fmmd_gg_ .___SMask_3fmmd_gg_,.___SInputMask_3fmmd_gg_.__noHumanizedDate_3fmmd_gg_ .___SValue_3fmmd_gg_{opacity:1}.___SDateRange_3fmmd_gg_ .___SInputMask_3fmmd_gg_.__focus-within_3fmmd_gg_ .___SMask_3fmmd_gg_{background-color:var(--intergalactic-text-placeholder,#a9abb6)}.___SDateRange_3fmmd_gg_ .___SInputMask_3fmmd_gg_:focus-within .___SMask_3fmmd_gg_{background-color:var(--intergalactic-text-placeholder,#a9abb6)}.___SDateRange_3fmmd_gg_.__focus-within_3fmmd_gg_ .___SRangeSep_3fmmd_gg_,.___SRangeSep_3fmmd_gg_.__fulfilled_3fmmd_gg_{color:var(--intergalactic-text-primary,#191b23)}.___SDateRange_3fmmd_gg_:focus-within .___SRangeSep_3fmmd_gg_,.___SRangeSep_3fmmd_gg_.__fulfilled_3fmmd_gg_{color:var(--intergalactic-text-primary,#191b23)}"
78
78
  /*__inner_css_end__*/
79
- , "1gd9u_gg_")
79
+ , "3fmmd_gg_")
80
80
  /*__reshadow_css_end__*/
81
81
  , {
82
- "__SPopper": "___SPopper_1gd9u_gg_",
83
- "__SHeader": "___SHeader_1gd9u_gg_",
84
- "__STitle": "___STitle_1gd9u_gg_",
85
- "__SToday": "___SToday_1gd9u_gg_",
86
- "__SPeriod": "___SPeriod_1gd9u_gg_",
87
- "__SIndicator": "___SIndicator_1gd9u_gg_",
88
- "__SHumanizedDate": "___SHumanizedDate_1gd9u_gg_",
89
- "__SDateRange": "___SDateRange_1gd9u_gg_",
90
- "__SMask": "___SMask_1gd9u_gg_",
91
- "__SValue": "___SValue_1gd9u_gg_",
92
- "__SSingleDateInput": "___SSingleDateInput_1gd9u_gg_",
93
- "_focus-within": "__focus-within_1gd9u_gg_",
94
- "__SInputMask": "___SInputMask_1gd9u_gg_",
95
- "_noHumanizedDate": "__noHumanizedDate_1gd9u_gg_",
96
- "__SRangeSep": "___SRangeSep_1gd9u_gg_",
97
- "_fulfilled": "__fulfilled_1gd9u_gg_"
82
+ "__SPopper": "___SPopper_3fmmd_gg_",
83
+ "__SHeader": "___SHeader_3fmmd_gg_",
84
+ "__STitle": "___STitle_3fmmd_gg_",
85
+ "__SToday": "___SToday_3fmmd_gg_",
86
+ "__SPeriod": "___SPeriod_3fmmd_gg_",
87
+ "__SIndicator": "___SIndicator_3fmmd_gg_",
88
+ "__SHumanizedDate": "___SHumanizedDate_3fmmd_gg_",
89
+ "__SDateRange": "___SDateRange_3fmmd_gg_",
90
+ "__SMask": "___SMask_3fmmd_gg_",
91
+ "__SValue": "___SValue_3fmmd_gg_",
92
+ "__SSingleDateInput": "___SSingleDateInput_3fmmd_gg_",
93
+ "_focus-within": "__focus-within_3fmmd_gg_",
94
+ "__SInputMask": "___SInputMask_3fmmd_gg_",
95
+ "_noHumanizedDate": "__noHumanizedDate_3fmmd_gg_",
96
+ "__SRangeSep": "___SRangeSep_3fmmd_gg_",
97
+ "_fulfilled": "__fulfilled_3fmmd_gg_"
98
98
  });
99
99
  var i18n = {
100
100
  de: _de["default"],
package/lib/cjs/components/index.js CHANGED
@@ -152,12 +152,12 @@ var stylesBtn = (
152
152
  /*__reshadow_css_start__*/
153
153
  _core.sstyled.insert(
154
154
  /*__inner_css_start__*/
155
- ".___SInner_jmruv_gg_{justify-content:flex-start}"
155
+ ".___SInner_lmpyi_gg_{justify-content:flex-start}"
156
156
  /*__inner_css_end__*/
157
- , "jmruv_gg_")
157
+ , "lmpyi_gg_")
158
158
  /*__reshadow_css_end__*/
159
159
  , {
160
- "__SInner": "___SInner_jmruv_gg_"
160
+ "__SInner": "___SInner_lmpyi_gg_"
161
161
  });
162
162
 
163
163
  var Period = /*#__PURE__*/function (_Component) {
package/lib/cjs/style/calendar.shadow.css CHANGED
@@ -1,5 +1,3 @@
1
- @import '@semcore/utils/style/var.css';
2
-
3
1
  SCalendar {
4
2
  display: flex;
5
3
  flex-direction: column;
@@ -13,7 +11,7 @@ SGridDays {
13
11
 
14
12
  SGridMonths {
15
13
  display: grid;
16
- grid-row-gap: 8px;
14
+ grid-row-gap: var(--intergalactic-spacing-2x, 8px);
17
15
  grid-template-columns: repeat(3, minmax(60px, auto));
18
16
  grid-template-rows: repeat(4, minmax(32px, auto));
19
17
  }
@@ -29,9 +27,9 @@ SWeekDay {
29
27
  display: flex;
30
28
  align-items: center;
31
29
  justify-content: center;
32
- color: var(--gray-500);
33
- font-size: var(--fs-200);
34
- font-weight: 400;
30
+ color: var(--intergalactic-text-secondary, #6c6e79);
31
+ font-size: var(--intergalactic-fs-200, 14px);
32
+ font-weight: var(--intergalactic-regular, 400);
35
33
  overflow: hidden;
36
34
  }
37
35
 
@@ -43,21 +41,21 @@ SCalendarUnit {
43
41
  text-align: center;
44
42
  vertical-align: middle;
45
43
  border: 1px solid transparent;
46
- color: var(--gray-800);
44
+ color: var(--intergalactic-text-primary, #191b23);
47
45
  outline: 0;
48
46
  box-shadow: none;
49
47
  overflow: visible;
50
48
  user-select: none;
51
49
  touch-action: manipulation;
52
50
  -webkit-tap-highlight-color: transparent;
53
- background: transparent;
51
+ background: var(--intergalactic-date-picker-cell, #ffffff);
54
52
 
55
53
  align-items: center;
56
- border-radius: var(--rounded-m);
54
+ border-radius: var(--intergalactic-rounded-medium, 6px);
57
55
  box-sizing: border-box;
58
56
  cursor: pointer;
59
57
  display: flex;
60
- font-size: var(--fs-200);
58
+ font-size: var(--intergalactic-fs-200, 14px);
61
59
  justify-content: center;
62
60
  min-height: 32px;
63
61
  min-width: 32px;
@@ -67,12 +65,12 @@ SCalendarUnit {
67
65
  margin: 0;
68
66
 
69
67
  &:hover {
70
- color: var(--gray-800);
71
- background: var(--gray-100);
68
+ color: var(--intergalactic-text-primary, #191b23);
69
+ background: var(--intergalactic-date-picker-cell-hover, #e0e1e9);
72
70
  }
73
71
 
74
72
  &:focus-visible {
75
- box-shadow: var(--keyboard-focus);
73
+ box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3));
76
74
  }
77
75
  }
78
76
 
@@ -83,95 +81,95 @@ SCalendarUnit[today] {
83
81
  display: block;
84
82
  top: 1px;
85
83
  left: 1px;
86
- border-radius: var(--rounded-m);
84
+ border-radius: var(--intergalactic-rounded-medium, 6px);
87
85
  width: calc(100% - 2px);
88
86
  height: calc(100% - 2px);
89
87
  box-sizing: border-box;
90
- border: 1px solid var(--gray-200);
88
+ border: 1px solid var(--intergalactic-border-primary, #c4c7cf);
91
89
  }
92
90
  }
93
91
 
94
92
  SCalendarUnit[today]SCalendarUnit[startSelected],
95
93
  SCalendarUnit[today]SCalendarUnit[endSelected] {
96
94
  &:before {
97
- border-color: color-mod(white alpha(50%));
95
+ border-color: var(--intergalactic-border-secondary, #e0e1e9);
98
96
  }
99
97
  }
100
98
 
101
99
  SCalendarUnit[selected] {
102
- background: var(--blue-100);
100
+ background: var(--intergalactic-date-picker-cell-active, #2bb3ff);
103
101
  border-radius: 0;
104
- color: var(--gray-800);
102
+ color: var(--intergalactic-text-primary, #191b23);
105
103
 
106
104
  &:hover {
107
- background: var(--blue-400);
105
+ background: var(--intergalactic-date-picker-cell-active-hover, #008ff8);
108
106
  }
109
107
  }
110
108
 
111
109
  SCalendarUnit[highlighted] {
112
- background: color-mod(var(--blue-400) alpha(20%));
110
+ background: var(--intergalactic-date-picker-cell-range, #c4e5fe);
113
111
  border-radius: 0;
114
- color: var(--gray-800);
112
+ color: var(--intergalactic-text-primary, #191b23);
115
113
 
116
114
  &:hover {
117
- background: color-mod(var(--blue-400) alpha(30%));
115
+ background: var(--intergalactic-date-picker-cell-range-hover, #8ecdff);
118
116
  }
119
117
  }
120
118
 
121
119
  SCalendarUnit[startSelected] {
122
- border-bottom-left-radius: var(--rounded-m);
120
+ border-bottom-left-radius: var(--intergalactic-rounded-medium, 6px);
123
121
  border-bottom-right-radius: 0;
124
- border-top-left-radius: var(--rounded-m);
122
+ border-top-left-radius: var(--intergalactic-rounded-medium, 6px);
125
123
  border-top-right-radius: 0;
126
- color: white;
127
- background: var(--blue-300);
124
+ color: var(--intergalactic-text-primary-invert, #ffffff);
125
+ background: var(--intergalactic-date-picker-cell-active, #2bb3ff);
128
126
 
129
127
  &:hover {
130
- color: white;
131
- background: var(--blue-400);
128
+ color: var(--intergalactic-text-primary-invert, #ffffff);
129
+ background: var(--intergalactic-date-picker-cell-active-hover, #008ff8);
132
130
  }
133
131
  }
134
132
 
135
133
  SCalendarUnit[endSelected] {
136
- background: var(--blue-300);
134
+ background: var(--intergalactic-date-picker-cell-active, #2bb3ff);
137
135
  border-bottom-left-radius: 0;
138
- border-bottom-right-radius: var(--rounded-m);
136
+ border-bottom-right-radius: var(--intergalactic-rounded-medium, 6px);
139
137
  border-top-left-radius: 0;
140
- border-top-right-radius: var(--rounded-m);
141
- color: white;
138
+ border-top-right-radius: var(--intergalactic-rounded-medium, 6px);
139
+ color: var(--intergalactic-text-primary-invert, #ffffff);
142
140
 
143
141
  &:hover {
144
- color: white;
145
- background: var(--blue-400);
142
+ color: var(--intergalactic-text-primary-invert, #ffffff);
143
+ background: var(--intergalactic-date-picker-cell-active-hover, #008ff8);
146
144
  }
147
145
  }
148
146
 
149
147
  SCalendarUnit[startHighlighted] {
150
- border-bottom-left-radius: var(--rounded-m);
148
+ border-bottom-left-radius: var(--intergalactic-rounded-medium, 6px);
151
149
  border-bottom-right-radius: 0;
152
- border-top-left-radius: var(--rounded-m);
150
+ border-top-left-radius: var(--intergalactic-rounded-medium, 6px);
153
151
  border-top-right-radius: 0;
154
152
  }
155
153
 
156
154
  SCalendarUnit[endHighlighted] {
157
155
  border-bottom-left-radius: 0;
158
- border-bottom-right-radius: var(--rounded-m);
156
+ border-bottom-right-radius: var(--intergalactic-rounded-medium, 6px);
159
157
  border-top-left-radius: 0;
160
- border-top-right-radius: var(--rounded-m);
158
+ border-top-right-radius: var(--intergalactic-rounded-medium, 6px);
161
159
  }
162
160
 
163
161
  SCalendarUnit[startHighlighted]SCalendarUnit[endHighlighted] {
164
- border-bottom-left-radius: var(--rounded-m);
165
- border-bottom-right-radius: var(--rounded-m);
166
- border-top-left-radius: var(--rounded-m);
167
- border-top-right-radius: var(--rounded-m);
162
+ border-bottom-left-radius: var(--intergalactic-rounded-medium, 6px);
163
+ border-bottom-right-radius: var(--intergalactic-rounded-medium, 6px);
164
+ border-top-left-radius: var(--intergalactic-rounded-medium, 6px);
165
+ border-top-right-radius: var(--intergalactic-rounded-medium, 6px);
168
166
  }
169
167
 
170
168
  SCalendarUnit[startSelected]SCalendarUnit[endSelected] {
171
- border-bottom-left-radius: var(--rounded-m);
172
- border-bottom-right-radius: var(--rounded-m);
173
- border-top-left-radius: var(--rounded-m);
174
- border-top-right-radius: var(--rounded-m);
169
+ border-bottom-left-radius: var(--intergalactic-rounded-medium, 6px);
170
+ border-bottom-right-radius: var(--intergalactic-rounded-medium, 6px);
171
+ border-top-left-radius: var(--intergalactic-rounded-medium, 6px);
172
+ border-top-right-radius: var(--intergalactic-rounded-medium, 6px);
175
173
  }
176
174
 
177
175
  SCalendarUnit[outdated] {
package/lib/cjs/style/date-picker.shadow.css CHANGED
@@ -1,7 +1,5 @@
1
- @import '@semcore/utils/style/var.css';
2
-
3
1
  SPopper {
4
- padding: 16px;
2
+ padding: var(--intergalactic-spacing-4x, 16px);
5
3
  outline: 0;
6
4
 
7
5
  &::-moz-focus-inner {
@@ -17,7 +15,7 @@ SPopper {
17
15
  }
18
16
 
19
17
  &:focus {
20
- box-shadow: var(--keyboard-focus);
18
+ box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3));
21
19
  }
22
20
  }
23
21
 
@@ -27,8 +25,8 @@ SHeader {
27
25
  }
28
26
 
29
27
  STitle {
30
- font-size: var(--fs-200);
31
- color: var(--gray-800);
28
+ font-size: var(--intergalactic-fs-200, 14px);
29
+ color: var(--intergalactic-text-primary, #191b23);
32
30
  height: 32px;
33
31
  width: 100%;
34
32
  display: flex;
@@ -38,18 +36,18 @@ STitle {
38
36
 
39
37
  SToday {
40
38
  display: flex;
41
- margin-top: 12px;
39
+ margin-top: var(--intergalactic-spacing-3x, 12px);
42
40
  justify-content: center;
43
41
  }
44
42
 
45
43
  SPeriod {
46
44
  display: flex;
47
45
  flex-direction: column;
48
- margin-bottom: 8px;
46
+ margin-bottom: var(--intergalactic-spacing-2x, 8px);
49
47
  }
50
48
 
51
49
  SIndicator {
52
- color: var(--gray-500);
50
+ color: var(--intergalactic-text-secondary, #6c6e79);
53
51
  }
54
52
  SHumanizedDate {
55
53
  position: absolute;
@@ -63,7 +61,7 @@ SDateRange SValue {
63
61
  }
64
62
  SSingleDateInput:focus-within SHumanizedDate {
65
63
  opacity: 0;
66
- z-index: -1000;
64
+ z-index: var(--intergalactic-z-index-deep, -999);
67
65
  }
68
66
  SSingleDateInput:focus-within SValue,
69
67
  SSingleDateInput:focus-within SMask {
@@ -74,7 +72,7 @@ SDateRange SValue {
74
72
  }
75
73
  SDateRange:focus-within SHumanizedDate {
76
74
  opacity: 0;
77
- z-index: -1000;
75
+ z-index: var(--intergalactic-z-index-deep, -999);
78
76
  }
79
77
  SDateRange:focus-within SValue,
80
78
  SDateRange:focus-within SMask {
@@ -85,9 +83,9 @@ SInputMask[noHumanizedDate] SMask {
85
83
  opacity: 1;
86
84
  }
87
85
  SDateRange SInputMask:focus-within SMask {
88
- background-color: color-mod(var(--blue-400) a(20%));
86
+ background-color: var(--intergalactic-text-placeholder, #a9abb6);
89
87
  }
90
88
  SRangeSep[fulfilled],
91
89
  SDateRange:focus-within SRangeSep {
92
- color: var(--gray-800);
90
+ color: var(--intergalactic-text-primary, #191b23);
93
91
  }
package/lib/es6/components/Calendar.js CHANGED
@@ -38,26 +38,26 @@ var style = (
38
38
  /*__reshadow_css_start__*/
39
39
  _sstyled.insert(
40
40
  /*__inner_css_start__*/
41
- ".___SCalendar_1v83i_gg_{display:flex;flex-direction:column}.___SGridDays_1v83i_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto));grid-template-rows:repeat(auto-fit,minmax(32px,auto))}.___SGridMonths_1v83i_gg_{display:grid;grid-row-gap:8px;grid-template-columns:repeat(3,minmax(60px,auto));grid-template-rows:repeat(4,minmax(32px,auto))}.___SWeekDays_1v83i_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto))}.___SWeekDay_1v83i_gg_{min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center;color:#6c6e79;font-size:14px;font-weight:400;overflow:hidden}.___SCalendarUnit_1v83i_gg_{font-family:inherit;font-weight:400;line-height:normal;text-decoration:none;text-align:center;vertical-align:middle;border:1px solid transparent;color:#191b23;outline:0;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:transparent;align-items:center;border-radius:6px;box-sizing:border-box;cursor:pointer;display:flex;font-size:14px;justify-content:center;min-height:32px;min-width:32px;position:relative;transition:color .15s,background .15s;outline:none;margin:0}.___SCalendarUnit_1v83i_gg_:hover{color:#191b23;background:#e0e1e9}.___SCalendarUnit_1v83i_gg_.focus-visible{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.3)}.___SCalendarUnit_1v83i_gg_:focus-visible{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.3)}.___SCalendarUnit_1v83i_gg_.__today_1v83i_gg_:before{content:\"\";position:absolute;display:block;top:1px;left:1px;border-radius:6px;width:calc(100% - 2px);height:calc(100% - 2px);box-sizing:border-box;border:1px solid #c4c7cf}.___SCalendarUnit_1v83i_gg_.__today_1v83i_gg_.___SCalendarUnit_1v83i_gg_.__endSelected_1v83i_gg_:before,.___SCalendarUnit_1v83i_gg_.__today_1v83i_gg_.___SCalendarUnit_1v83i_gg_.__startSelected_1v83i_gg_:before{border-color:hsla(0,0%,100%,.5)}.___SCalendarUnit_1v83i_gg_.__selected_1v83i_gg_{background:#c4e5fe;border-radius:0;color:#191b23}.___SCalendarUnit_1v83i_gg_.__selected_1v83i_gg_:hover{background:#008ff8}.___SCalendarUnit_1v83i_gg_.__highlighted_1v83i_gg_{background:rgba(0,143,248,.2);border-radius:0;color:#191b23}.___SCalendarUnit_1v83i_gg_.__highlighted_1v83i_gg_:hover{background:rgba(0,143,248,.3)}.___SCalendarUnit_1v83i_gg_.__startSelected_1v83i_gg_{border-bottom-left-radius:6px;border-bottom-right-radius:0;border-top-left-radius:6px;border-top-right-radius:0;color:#fff;background:#2bb3ff}.___SCalendarUnit_1v83i_gg_.__startSelected_1v83i_gg_:hover{color:#fff;background:#008ff8}.___SCalendarUnit_1v83i_gg_.__endSelected_1v83i_gg_{background:#2bb3ff;border-bottom-left-radius:0;border-bottom-right-radius:6px;border-top-left-radius:0;border-top-right-radius:6px;color:#fff}.___SCalendarUnit_1v83i_gg_.__endSelected_1v83i_gg_:hover{color:#fff;background:#008ff8}.___SCalendarUnit_1v83i_gg_.__startHighlighted_1v83i_gg_{border-bottom-left-radius:6px;border-bottom-right-radius:0;border-top-left-radius:6px;border-top-right-radius:0}.___SCalendarUnit_1v83i_gg_.__endHighlighted_1v83i_gg_{border-bottom-left-radius:0;border-bottom-right-radius:6px;border-top-left-radius:0;border-top-right-radius:6px}.___SCalendarUnit_1v83i_gg_.__startHighlighted_1v83i_gg_.___SCalendarUnit_1v83i_gg_.__endHighlighted_1v83i_gg_{border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px}.___SCalendarUnit_1v83i_gg_.__startSelected_1v83i_gg_.___SCalendarUnit_1v83i_gg_.__endSelected_1v83i_gg_{border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px}.___SCalendarUnit_1v83i_gg_.__outdated_1v83i_gg_{opacity:.2}.___SCalendarUnit_1v83i_gg_.__disabled_1v83i_gg_{opacity:.4;cursor:default;pointer-events:none}@media (prefers-reduced-motion){.___SCalendarUnit_1v83i_gg_{transition:none}}"
41
+ ".___SCalendar_15ziv_gg_{display:flex;flex-direction:column}.___SGridDays_15ziv_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto));grid-template-rows:repeat(auto-fit,minmax(32px,auto))}.___SGridMonths_15ziv_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_15ziv_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto))}.___SWeekDay_15ziv_gg_{min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center;color:var(--intergalactic-text-secondary,#6c6e79);font-size:var(--intergalactic-fs-200,14px);font-weight:var(--intergalactic-regular,400);overflow:hidden}.___SCalendarUnit_15ziv_gg_{font-family:inherit;font-weight:400;line-height:normal;text-decoration:none;text-align:center;vertical-align:middle;border:1px solid transparent;color:var(--intergalactic-text-primary,#191b23);outline:0;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:var(--intergalactic-date-picker-cell,#fff);align-items:center;border-radius:var(--intergalactic-rounded-medium,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;outline:none;margin:0}.___SCalendarUnit_15ziv_gg_:hover{color:var(--intergalactic-text-primary,#191b23);background:var(--intergalactic-date-picker-cell-hover,#e0e1e9)}.___SCalendarUnit_15ziv_gg_.focus-visible{box-shadow:var(--intergalactic-keyboard-focus,0 0 0 3px rgba(0,143,248,.3))}.___SCalendarUnit_15ziv_gg_:focus-visible{box-shadow:var(--intergalactic-keyboard-focus,0 0 0 3px rgba(0,143,248,.3))}.___SCalendarUnit_15ziv_gg_.__today_15ziv_gg_:before{content:\"\";position:absolute;display:block;top:1px;left:1px;border-radius:var(--intergalactic-rounded-medium,6px);width:calc(100% - 2px);height:calc(100% - 2px);box-sizing:border-box;border:1px solid var(--intergalactic-border-primary,#c4c7cf)}.___SCalendarUnit_15ziv_gg_.__today_15ziv_gg_.___SCalendarUnit_15ziv_gg_.__endSelected_15ziv_gg_:before,.___SCalendarUnit_15ziv_gg_.__today_15ziv_gg_.___SCalendarUnit_15ziv_gg_.__startSelected_15ziv_gg_:before{border-color:var(--intergalactic-border-secondary,#e0e1e9)}.___SCalendarUnit_15ziv_gg_.__selected_15ziv_gg_{background:var(--intergalactic-date-picker-cell-active,#2bb3ff);border-radius:0;color:var(--intergalactic-text-primary,#191b23)}.___SCalendarUnit_15ziv_gg_.__selected_15ziv_gg_:hover{background:var(--intergalactic-date-picker-cell-active-hover,#008ff8)}.___SCalendarUnit_15ziv_gg_.__highlighted_15ziv_gg_{background:var(--intergalactic-date-picker-cell-range,#c4e5fe);border-radius:0;color:var(--intergalactic-text-primary,#191b23)}.___SCalendarUnit_15ziv_gg_.__highlighted_15ziv_gg_:hover{background:var(--intergalactic-date-picker-cell-range-hover,#8ecdff)}.___SCalendarUnit_15ziv_gg_.__startSelected_15ziv_gg_{border-bottom-left-radius:var(--intergalactic-rounded-medium,6px);border-bottom-right-radius:0;border-top-left-radius:var(--intergalactic-rounded-medium,6px);border-top-right-radius:0;color:var(--intergalactic-text-primary-invert,#fff);background:var(--intergalactic-date-picker-cell-active,#2bb3ff)}.___SCalendarUnit_15ziv_gg_.__startSelected_15ziv_gg_:hover{color:var(--intergalactic-text-primary-invert,#fff);background:var(--intergalactic-date-picker-cell-active-hover,#008ff8)}.___SCalendarUnit_15ziv_gg_.__endSelected_15ziv_gg_{background:var(--intergalactic-date-picker-cell-active,#2bb3ff);border-bottom-left-radius:0;border-bottom-right-radius:var(--intergalactic-rounded-medium,6px);border-top-left-radius:0;border-top-right-radius:var(--intergalactic-rounded-medium,6px);color:var(--intergalactic-text-primary-invert,#fff)}.___SCalendarUnit_15ziv_gg_.__endSelected_15ziv_gg_:hover{color:var(--intergalactic-text-primary-invert,#fff);background:var(--intergalactic-date-picker-cell-active-hover,#008ff8)}.___SCalendarUnit_15ziv_gg_.__startHighlighted_15ziv_gg_{border-bottom-left-radius:var(--intergalactic-rounded-medium,6px);border-bottom-right-radius:0;border-top-left-radius:var(--intergalactic-rounded-medium,6px);border-top-right-radius:0}.___SCalendarUnit_15ziv_gg_.__endHighlighted_15ziv_gg_{border-bottom-left-radius:0;border-bottom-right-radius:var(--intergalactic-rounded-medium,6px);border-top-left-radius:0;border-top-right-radius:var(--intergalactic-rounded-medium,6px)}.___SCalendarUnit_15ziv_gg_.__startHighlighted_15ziv_gg_.___SCalendarUnit_15ziv_gg_.__endHighlighted_15ziv_gg_{border-bottom-left-radius:var(--intergalactic-rounded-medium,6px);border-bottom-right-radius:var(--intergalactic-rounded-medium,6px);border-top-left-radius:var(--intergalactic-rounded-medium,6px);border-top-right-radius:var(--intergalactic-rounded-medium,6px)}.___SCalendarUnit_15ziv_gg_.__startSelected_15ziv_gg_.___SCalendarUnit_15ziv_gg_.__endSelected_15ziv_gg_{border-bottom-left-radius:var(--intergalactic-rounded-medium,6px);border-bottom-right-radius:var(--intergalactic-rounded-medium,6px);border-top-left-radius:var(--intergalactic-rounded-medium,6px);border-top-right-radius:var(--intergalactic-rounded-medium,6px)}.___SCalendarUnit_15ziv_gg_.__outdated_15ziv_gg_{opacity:.2}.___SCalendarUnit_15ziv_gg_.__disabled_15ziv_gg_{opacity:.4;cursor:default;pointer-events:none}@media (prefers-reduced-motion){.___SCalendarUnit_15ziv_gg_{transition:none}}"
42
42
  /*__inner_css_end__*/
43
- , "1v83i_gg_")
43
+ , "15ziv_gg_")
44
44
  /*__reshadow_css_end__*/
45
45
  , {
46
- "__SCalendar": "___SCalendar_1v83i_gg_",
47
- "__SGridDays": "___SGridDays_1v83i_gg_",
48
- "__SGridMonths": "___SGridMonths_1v83i_gg_",
49
- "__SWeekDays": "___SWeekDays_1v83i_gg_",
50
- "__SWeekDay": "___SWeekDay_1v83i_gg_",
51
- "__SCalendarUnit": "___SCalendarUnit_1v83i_gg_",
52
- "_today": "__today_1v83i_gg_",
53
- "_endSelected": "__endSelected_1v83i_gg_",
54
- "_startSelected": "__startSelected_1v83i_gg_",
55
- "_selected": "__selected_1v83i_gg_",
56
- "_highlighted": "__highlighted_1v83i_gg_",
57
- "_startHighlighted": "__startHighlighted_1v83i_gg_",
58
- "_endHighlighted": "__endHighlighted_1v83i_gg_",
59
- "_outdated": "__outdated_1v83i_gg_",
60
- "_disabled": "__disabled_1v83i_gg_"
46
+ "__SCalendar": "___SCalendar_15ziv_gg_",
47
+ "__SGridDays": "___SGridDays_15ziv_gg_",
48
+ "__SGridMonths": "___SGridMonths_15ziv_gg_",
49
+ "__SWeekDays": "___SWeekDays_15ziv_gg_",
50
+ "__SWeekDay": "___SWeekDay_15ziv_gg_",
51
+ "__SCalendarUnit": "___SCalendarUnit_15ziv_gg_",
52
+ "_today": "__today_15ziv_gg_",
53
+ "_endSelected": "__endSelected_15ziv_gg_",
54
+ "_startSelected": "__startSelected_15ziv_gg_",
55
+ "_selected": "__selected_15ziv_gg_",
56
+ "_highlighted": "__highlighted_15ziv_gg_",
57
+ "_startHighlighted": "__startHighlighted_15ziv_gg_",
58
+ "_endHighlighted": "__endHighlighted_15ziv_gg_",
59
+ "_outdated": "__outdated_15ziv_gg_",
60
+ "_disabled": "__disabled_15ziv_gg_"
61
61
  });
62
62
  dayjs.extend(isBetween);
63
63
 
package/lib/es6/components/InputTrigger.js CHANGED
@@ -52,27 +52,27 @@ var style = (
52
52
  /*__reshadow_css_start__*/
53
53
  _sstyled.insert(
54
54
  /*__inner_css_start__*/
55
- ".___SPopper_1gd9u_gg_{padding:16px;outline:0}.___SPopper_1gd9u_gg_::-moz-focus-inner{border:none;padding:0}.___SPopper_1gd9u_gg_:active,.___SPopper_1gd9u_gg_:focus,.___SPopper_1gd9u_gg_:hover{outline:0;text-decoration:none}.___SPopper_1gd9u_gg_:focus{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.3)}.___SHeader_1gd9u_gg_{display:flex;align-items:center}.___STitle_1gd9u_gg_{font-size:14px;color:#191b23;height:32px;width:100%;display:flex;justify-content:center;align-items:center}.___SToday_1gd9u_gg_{display:flex;margin-top:12px;justify-content:center}.___SPeriod_1gd9u_gg_{display:flex;flex-direction:column;margin-bottom:8px}.___SIndicator_1gd9u_gg_{color:#6c6e79}.___SHumanizedDate_1gd9u_gg_{position:absolute;pointer-events:none}.___SDateRange_1gd9u_gg_ .___SMask_1gd9u_gg_,.___SDateRange_1gd9u_gg_ .___SValue_1gd9u_gg_,.___SSingleDateInput_1gd9u_gg_ .___SMask_1gd9u_gg_,.___SSingleDateInput_1gd9u_gg_ .___SValue_1gd9u_gg_{opacity:0}.___SSingleDateInput_1gd9u_gg_.__focus-within_1gd9u_gg_ .___SHumanizedDate_1gd9u_gg_{opacity:0;z-index:-1000}.___SSingleDateInput_1gd9u_gg_:focus-within .___SHumanizedDate_1gd9u_gg_{opacity:0;z-index:-1000}.___SSingleDateInput_1gd9u_gg_.__focus-within_1gd9u_gg_ .___SMask_1gd9u_gg_,.___SSingleDateInput_1gd9u_gg_.__focus-within_1gd9u_gg_ .___SValue_1gd9u_gg_{opacity:1}.___SSingleDateInput_1gd9u_gg_:focus-within .___SMask_1gd9u_gg_,.___SSingleDateInput_1gd9u_gg_:focus-within .___SValue_1gd9u_gg_{opacity:1}.___SDateRange_1gd9u_gg_ .___SValue_1gd9u_gg_{opacity:0}.___SDateRange_1gd9u_gg_.__focus-within_1gd9u_gg_ .___SHumanizedDate_1gd9u_gg_{opacity:0;z-index:-1000}.___SDateRange_1gd9u_gg_:focus-within .___SHumanizedDate_1gd9u_gg_{opacity:0;z-index:-1000}.___SDateRange_1gd9u_gg_.__focus-within_1gd9u_gg_ .___SMask_1gd9u_gg_,.___SDateRange_1gd9u_gg_.__focus-within_1gd9u_gg_ .___SValue_1gd9u_gg_{opacity:1}.___SDateRange_1gd9u_gg_:focus-within .___SMask_1gd9u_gg_,.___SDateRange_1gd9u_gg_:focus-within .___SValue_1gd9u_gg_{opacity:1}.___SInputMask_1gd9u_gg_.__noHumanizedDate_1gd9u_gg_ .___SMask_1gd9u_gg_,.___SInputMask_1gd9u_gg_.__noHumanizedDate_1gd9u_gg_ .___SValue_1gd9u_gg_{opacity:1}.___SDateRange_1gd9u_gg_ .___SInputMask_1gd9u_gg_.__focus-within_1gd9u_gg_ .___SMask_1gd9u_gg_{background-color:rgba(0,143,248,.2)}.___SDateRange_1gd9u_gg_ .___SInputMask_1gd9u_gg_:focus-within .___SMask_1gd9u_gg_{background-color:rgba(0,143,248,.2)}.___SDateRange_1gd9u_gg_.__focus-within_1gd9u_gg_ .___SRangeSep_1gd9u_gg_,.___SRangeSep_1gd9u_gg_.__fulfilled_1gd9u_gg_{color:#191b23}.___SDateRange_1gd9u_gg_:focus-within .___SRangeSep_1gd9u_gg_,.___SRangeSep_1gd9u_gg_.__fulfilled_1gd9u_gg_{color:#191b23}"
55
+ ".___SPopper_3fmmd_gg_{padding:var(--intergalactic-spacing-4x,16px);outline:0}.___SPopper_3fmmd_gg_::-moz-focus-inner{border:none;padding:0}.___SPopper_3fmmd_gg_:active,.___SPopper_3fmmd_gg_:focus,.___SPopper_3fmmd_gg_:hover{outline:0;text-decoration:none}.___SPopper_3fmmd_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus,0 0 0 3px rgba(0,143,248,.3))}.___SHeader_3fmmd_gg_{display:flex;align-items:center}.___STitle_3fmmd_gg_{font-size:var(--intergalactic-fs-200,14px);color:var(--intergalactic-text-primary,#191b23);height:32px;width:100%;display:flex;justify-content:center;align-items:center}.___SToday_3fmmd_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x,12px);justify-content:center}.___SPeriod_3fmmd_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x,8px)}.___SIndicator_3fmmd_gg_{color:var(--intergalactic-text-secondary,#6c6e79)}.___SHumanizedDate_3fmmd_gg_{position:absolute;pointer-events:none}.___SDateRange_3fmmd_gg_ .___SMask_3fmmd_gg_,.___SDateRange_3fmmd_gg_ .___SValue_3fmmd_gg_,.___SSingleDateInput_3fmmd_gg_ .___SMask_3fmmd_gg_,.___SSingleDateInput_3fmmd_gg_ .___SValue_3fmmd_gg_{opacity:0}.___SSingleDateInput_3fmmd_gg_.__focus-within_3fmmd_gg_ .___SHumanizedDate_3fmmd_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep,-999)}.___SSingleDateInput_3fmmd_gg_:focus-within .___SHumanizedDate_3fmmd_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep,-999)}.___SSingleDateInput_3fmmd_gg_.__focus-within_3fmmd_gg_ .___SMask_3fmmd_gg_,.___SSingleDateInput_3fmmd_gg_.__focus-within_3fmmd_gg_ .___SValue_3fmmd_gg_{opacity:1}.___SSingleDateInput_3fmmd_gg_:focus-within .___SMask_3fmmd_gg_,.___SSingleDateInput_3fmmd_gg_:focus-within .___SValue_3fmmd_gg_{opacity:1}.___SDateRange_3fmmd_gg_ .___SValue_3fmmd_gg_{opacity:0}.___SDateRange_3fmmd_gg_.__focus-within_3fmmd_gg_ .___SHumanizedDate_3fmmd_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep,-999)}.___SDateRange_3fmmd_gg_:focus-within .___SHumanizedDate_3fmmd_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep,-999)}.___SDateRange_3fmmd_gg_.__focus-within_3fmmd_gg_ .___SMask_3fmmd_gg_,.___SDateRange_3fmmd_gg_.__focus-within_3fmmd_gg_ .___SValue_3fmmd_gg_{opacity:1}.___SDateRange_3fmmd_gg_:focus-within .___SMask_3fmmd_gg_,.___SDateRange_3fmmd_gg_:focus-within .___SValue_3fmmd_gg_{opacity:1}.___SInputMask_3fmmd_gg_.__noHumanizedDate_3fmmd_gg_ .___SMask_3fmmd_gg_,.___SInputMask_3fmmd_gg_.__noHumanizedDate_3fmmd_gg_ .___SValue_3fmmd_gg_{opacity:1}.___SDateRange_3fmmd_gg_ .___SInputMask_3fmmd_gg_.__focus-within_3fmmd_gg_ .___SMask_3fmmd_gg_{background-color:var(--intergalactic-text-placeholder,#a9abb6)}.___SDateRange_3fmmd_gg_ .___SInputMask_3fmmd_gg_:focus-within .___SMask_3fmmd_gg_{background-color:var(--intergalactic-text-placeholder,#a9abb6)}.___SDateRange_3fmmd_gg_.__focus-within_3fmmd_gg_ .___SRangeSep_3fmmd_gg_,.___SRangeSep_3fmmd_gg_.__fulfilled_3fmmd_gg_{color:var(--intergalactic-text-primary,#191b23)}.___SDateRange_3fmmd_gg_:focus-within .___SRangeSep_3fmmd_gg_,.___SRangeSep_3fmmd_gg_.__fulfilled_3fmmd_gg_{color:var(--intergalactic-text-primary,#191b23)}"
56
56
  /*__inner_css_end__*/
57
- , "1gd9u_gg_")
57
+ , "3fmmd_gg_")
58
58
  /*__reshadow_css_end__*/
59
59
  , {
60
- "__SPopper": "___SPopper_1gd9u_gg_",
61
- "__SHeader": "___SHeader_1gd9u_gg_",
62
- "__STitle": "___STitle_1gd9u_gg_",
63
- "__SToday": "___SToday_1gd9u_gg_",
64
- "__SPeriod": "___SPeriod_1gd9u_gg_",
65
- "__SIndicator": "___SIndicator_1gd9u_gg_",
66
- "__SHumanizedDate": "___SHumanizedDate_1gd9u_gg_",
67
- "__SDateRange": "___SDateRange_1gd9u_gg_",
68
- "__SMask": "___SMask_1gd9u_gg_",
69
- "__SValue": "___SValue_1gd9u_gg_",
70
- "__SSingleDateInput": "___SSingleDateInput_1gd9u_gg_",
71
- "_focus-within": "__focus-within_1gd9u_gg_",
72
- "__SInputMask": "___SInputMask_1gd9u_gg_",
73
- "_noHumanizedDate": "__noHumanizedDate_1gd9u_gg_",
74
- "__SRangeSep": "___SRangeSep_1gd9u_gg_",
75
- "_fulfilled": "__fulfilled_1gd9u_gg_"
60
+ "__SPopper": "___SPopper_3fmmd_gg_",
61
+ "__SHeader": "___SHeader_3fmmd_gg_",
62
+ "__STitle": "___STitle_3fmmd_gg_",
63
+ "__SToday": "___SToday_3fmmd_gg_",
64
+ "__SPeriod": "___SPeriod_3fmmd_gg_",
65
+ "__SIndicator": "___SIndicator_3fmmd_gg_",
66
+ "__SHumanizedDate": "___SHumanizedDate_3fmmd_gg_",
67
+ "__SDateRange": "___SDateRange_3fmmd_gg_",
68
+ "__SMask": "___SMask_3fmmd_gg_",
69
+ "__SValue": "___SValue_3fmmd_gg_",
70
+ "__SSingleDateInput": "___SSingleDateInput_3fmmd_gg_",
71
+ "_focus-within": "__focus-within_3fmmd_gg_",
72
+ "__SInputMask": "___SInputMask_3fmmd_gg_",
73
+ "_noHumanizedDate": "__noHumanizedDate_3fmmd_gg_",
74
+ "__SRangeSep": "___SRangeSep_3fmmd_gg_",
75
+ "_fulfilled": "__fulfilled_3fmmd_gg_"
76
76
  });
77
77
  import assignProps from '@semcore/utils/lib/assignProps';
78
78
  var defaultAllowedParts = {
package/lib/es6/components/PickerAbstract.js CHANGED
@@ -34,27 +34,27 @@ var style = (
34
34
  /*__reshadow_css_start__*/
35
35
  _sstyled.insert(
36
36
  /*__inner_css_start__*/
37
- ".___SPopper_1gd9u_gg_{padding:16px;outline:0}.___SPopper_1gd9u_gg_::-moz-focus-inner{border:none;padding:0}.___SPopper_1gd9u_gg_:active,.___SPopper_1gd9u_gg_:focus,.___SPopper_1gd9u_gg_:hover{outline:0;text-decoration:none}.___SPopper_1gd9u_gg_:focus{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.3)}.___SHeader_1gd9u_gg_{display:flex;align-items:center}.___STitle_1gd9u_gg_{font-size:14px;color:#191b23;height:32px;width:100%;display:flex;justify-content:center;align-items:center}.___SToday_1gd9u_gg_{display:flex;margin-top:12px;justify-content:center}.___SPeriod_1gd9u_gg_{display:flex;flex-direction:column;margin-bottom:8px}.___SIndicator_1gd9u_gg_{color:#6c6e79}.___SHumanizedDate_1gd9u_gg_{position:absolute;pointer-events:none}.___SDateRange_1gd9u_gg_ .___SMask_1gd9u_gg_,.___SDateRange_1gd9u_gg_ .___SValue_1gd9u_gg_,.___SSingleDateInput_1gd9u_gg_ .___SMask_1gd9u_gg_,.___SSingleDateInput_1gd9u_gg_ .___SValue_1gd9u_gg_{opacity:0}.___SSingleDateInput_1gd9u_gg_.__focus-within_1gd9u_gg_ .___SHumanizedDate_1gd9u_gg_{opacity:0;z-index:-1000}.___SSingleDateInput_1gd9u_gg_:focus-within .___SHumanizedDate_1gd9u_gg_{opacity:0;z-index:-1000}.___SSingleDateInput_1gd9u_gg_.__focus-within_1gd9u_gg_ .___SMask_1gd9u_gg_,.___SSingleDateInput_1gd9u_gg_.__focus-within_1gd9u_gg_ .___SValue_1gd9u_gg_{opacity:1}.___SSingleDateInput_1gd9u_gg_:focus-within .___SMask_1gd9u_gg_,.___SSingleDateInput_1gd9u_gg_:focus-within .___SValue_1gd9u_gg_{opacity:1}.___SDateRange_1gd9u_gg_ .___SValue_1gd9u_gg_{opacity:0}.___SDateRange_1gd9u_gg_.__focus-within_1gd9u_gg_ .___SHumanizedDate_1gd9u_gg_{opacity:0;z-index:-1000}.___SDateRange_1gd9u_gg_:focus-within .___SHumanizedDate_1gd9u_gg_{opacity:0;z-index:-1000}.___SDateRange_1gd9u_gg_.__focus-within_1gd9u_gg_ .___SMask_1gd9u_gg_,.___SDateRange_1gd9u_gg_.__focus-within_1gd9u_gg_ .___SValue_1gd9u_gg_{opacity:1}.___SDateRange_1gd9u_gg_:focus-within .___SMask_1gd9u_gg_,.___SDateRange_1gd9u_gg_:focus-within .___SValue_1gd9u_gg_{opacity:1}.___SInputMask_1gd9u_gg_.__noHumanizedDate_1gd9u_gg_ .___SMask_1gd9u_gg_,.___SInputMask_1gd9u_gg_.__noHumanizedDate_1gd9u_gg_ .___SValue_1gd9u_gg_{opacity:1}.___SDateRange_1gd9u_gg_ .___SInputMask_1gd9u_gg_.__focus-within_1gd9u_gg_ .___SMask_1gd9u_gg_{background-color:rgba(0,143,248,.2)}.___SDateRange_1gd9u_gg_ .___SInputMask_1gd9u_gg_:focus-within .___SMask_1gd9u_gg_{background-color:rgba(0,143,248,.2)}.___SDateRange_1gd9u_gg_.__focus-within_1gd9u_gg_ .___SRangeSep_1gd9u_gg_,.___SRangeSep_1gd9u_gg_.__fulfilled_1gd9u_gg_{color:#191b23}.___SDateRange_1gd9u_gg_:focus-within .___SRangeSep_1gd9u_gg_,.___SRangeSep_1gd9u_gg_.__fulfilled_1gd9u_gg_{color:#191b23}"
37
+ ".___SPopper_3fmmd_gg_{padding:var(--intergalactic-spacing-4x,16px);outline:0}.___SPopper_3fmmd_gg_::-moz-focus-inner{border:none;padding:0}.___SPopper_3fmmd_gg_:active,.___SPopper_3fmmd_gg_:focus,.___SPopper_3fmmd_gg_:hover{outline:0;text-decoration:none}.___SPopper_3fmmd_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus,0 0 0 3px rgba(0,143,248,.3))}.___SHeader_3fmmd_gg_{display:flex;align-items:center}.___STitle_3fmmd_gg_{font-size:var(--intergalactic-fs-200,14px);color:var(--intergalactic-text-primary,#191b23);height:32px;width:100%;display:flex;justify-content:center;align-items:center}.___SToday_3fmmd_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x,12px);justify-content:center}.___SPeriod_3fmmd_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x,8px)}.___SIndicator_3fmmd_gg_{color:var(--intergalactic-text-secondary,#6c6e79)}.___SHumanizedDate_3fmmd_gg_{position:absolute;pointer-events:none}.___SDateRange_3fmmd_gg_ .___SMask_3fmmd_gg_,.___SDateRange_3fmmd_gg_ .___SValue_3fmmd_gg_,.___SSingleDateInput_3fmmd_gg_ .___SMask_3fmmd_gg_,.___SSingleDateInput_3fmmd_gg_ .___SValue_3fmmd_gg_{opacity:0}.___SSingleDateInput_3fmmd_gg_.__focus-within_3fmmd_gg_ .___SHumanizedDate_3fmmd_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep,-999)}.___SSingleDateInput_3fmmd_gg_:focus-within .___SHumanizedDate_3fmmd_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep,-999)}.___SSingleDateInput_3fmmd_gg_.__focus-within_3fmmd_gg_ .___SMask_3fmmd_gg_,.___SSingleDateInput_3fmmd_gg_.__focus-within_3fmmd_gg_ .___SValue_3fmmd_gg_{opacity:1}.___SSingleDateInput_3fmmd_gg_:focus-within .___SMask_3fmmd_gg_,.___SSingleDateInput_3fmmd_gg_:focus-within .___SValue_3fmmd_gg_{opacity:1}.___SDateRange_3fmmd_gg_ .___SValue_3fmmd_gg_{opacity:0}.___SDateRange_3fmmd_gg_.__focus-within_3fmmd_gg_ .___SHumanizedDate_3fmmd_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep,-999)}.___SDateRange_3fmmd_gg_:focus-within .___SHumanizedDate_3fmmd_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep,-999)}.___SDateRange_3fmmd_gg_.__focus-within_3fmmd_gg_ .___SMask_3fmmd_gg_,.___SDateRange_3fmmd_gg_.__focus-within_3fmmd_gg_ .___SValue_3fmmd_gg_{opacity:1}.___SDateRange_3fmmd_gg_:focus-within .___SMask_3fmmd_gg_,.___SDateRange_3fmmd_gg_:focus-within .___SValue_3fmmd_gg_{opacity:1}.___SInputMask_3fmmd_gg_.__noHumanizedDate_3fmmd_gg_ .___SMask_3fmmd_gg_,.___SInputMask_3fmmd_gg_.__noHumanizedDate_3fmmd_gg_ .___SValue_3fmmd_gg_{opacity:1}.___SDateRange_3fmmd_gg_ .___SInputMask_3fmmd_gg_.__focus-within_3fmmd_gg_ .___SMask_3fmmd_gg_{background-color:var(--intergalactic-text-placeholder,#a9abb6)}.___SDateRange_3fmmd_gg_ .___SInputMask_3fmmd_gg_:focus-within .___SMask_3fmmd_gg_{background-color:var(--intergalactic-text-placeholder,#a9abb6)}.___SDateRange_3fmmd_gg_.__focus-within_3fmmd_gg_ .___SRangeSep_3fmmd_gg_,.___SRangeSep_3fmmd_gg_.__fulfilled_3fmmd_gg_{color:var(--intergalactic-text-primary,#191b23)}.___SDateRange_3fmmd_gg_:focus-within .___SRangeSep_3fmmd_gg_,.___SRangeSep_3fmmd_gg_.__fulfilled_3fmmd_gg_{color:var(--intergalactic-text-primary,#191b23)}"
38
38
  /*__inner_css_end__*/
39
- , "1gd9u_gg_")
39
+ , "3fmmd_gg_")
40
40
  /*__reshadow_css_end__*/
41
41
  , {
42
- "__SPopper": "___SPopper_1gd9u_gg_",
43
- "__SHeader": "___SHeader_1gd9u_gg_",
44
- "__STitle": "___STitle_1gd9u_gg_",
45
- "__SToday": "___SToday_1gd9u_gg_",
46
- "__SPeriod": "___SPeriod_1gd9u_gg_",
47
- "__SIndicator": "___SIndicator_1gd9u_gg_",
48
- "__SHumanizedDate": "___SHumanizedDate_1gd9u_gg_",
49
- "__SDateRange": "___SDateRange_1gd9u_gg_",
50
- "__SMask": "___SMask_1gd9u_gg_",
51
- "__SValue": "___SValue_1gd9u_gg_",
52
- "__SSingleDateInput": "___SSingleDateInput_1gd9u_gg_",
53
- "_focus-within": "__focus-within_1gd9u_gg_",
54
- "__SInputMask": "___SInputMask_1gd9u_gg_",
55
- "_noHumanizedDate": "__noHumanizedDate_1gd9u_gg_",
56
- "__SRangeSep": "___SRangeSep_1gd9u_gg_",
57
- "_fulfilled": "__fulfilled_1gd9u_gg_"
42
+ "__SPopper": "___SPopper_3fmmd_gg_",
43
+ "__SHeader": "___SHeader_3fmmd_gg_",
44
+ "__STitle": "___STitle_3fmmd_gg_",
45
+ "__SToday": "___SToday_3fmmd_gg_",
46
+ "__SPeriod": "___SPeriod_3fmmd_gg_",
47
+ "__SIndicator": "___SIndicator_3fmmd_gg_",
48
+ "__SHumanizedDate": "___SHumanizedDate_3fmmd_gg_",
49
+ "__SDateRange": "___SDateRange_3fmmd_gg_",
50
+ "__SMask": "___SMask_3fmmd_gg_",
51
+ "__SValue": "___SValue_3fmmd_gg_",
52
+ "__SSingleDateInput": "___SSingleDateInput_3fmmd_gg_",
53
+ "_focus-within": "__focus-within_3fmmd_gg_",
54
+ "__SInputMask": "___SInputMask_3fmmd_gg_",
55
+ "_noHumanizedDate": "__noHumanizedDate_3fmmd_gg_",
56
+ "__SRangeSep": "___SRangeSep_3fmmd_gg_",
57
+ "_fulfilled": "__fulfilled_3fmmd_gg_"
58
58
  });
59
59
  import includesDate from '../utils/includesDate';
60
60
  var i18n = {
package/lib/es6/components/RangePickerAbstract.js CHANGED
@@ -41,27 +41,27 @@ var style = (
41
41
  /*__reshadow_css_start__*/
42
42
  _sstyled.insert(
43
43
  /*__inner_css_start__*/
44
- ".___SPopper_1gd9u_gg_{padding:16px;outline:0}.___SPopper_1gd9u_gg_::-moz-focus-inner{border:none;padding:0}.___SPopper_1gd9u_gg_:active,.___SPopper_1gd9u_gg_:focus,.___SPopper_1gd9u_gg_:hover{outline:0;text-decoration:none}.___SPopper_1gd9u_gg_:focus{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.3)}.___SHeader_1gd9u_gg_{display:flex;align-items:center}.___STitle_1gd9u_gg_{font-size:14px;color:#191b23;height:32px;width:100%;display:flex;justify-content:center;align-items:center}.___SToday_1gd9u_gg_{display:flex;margin-top:12px;justify-content:center}.___SPeriod_1gd9u_gg_{display:flex;flex-direction:column;margin-bottom:8px}.___SIndicator_1gd9u_gg_{color:#6c6e79}.___SHumanizedDate_1gd9u_gg_{position:absolute;pointer-events:none}.___SDateRange_1gd9u_gg_ .___SMask_1gd9u_gg_,.___SDateRange_1gd9u_gg_ .___SValue_1gd9u_gg_,.___SSingleDateInput_1gd9u_gg_ .___SMask_1gd9u_gg_,.___SSingleDateInput_1gd9u_gg_ .___SValue_1gd9u_gg_{opacity:0}.___SSingleDateInput_1gd9u_gg_.__focus-within_1gd9u_gg_ .___SHumanizedDate_1gd9u_gg_{opacity:0;z-index:-1000}.___SSingleDateInput_1gd9u_gg_:focus-within .___SHumanizedDate_1gd9u_gg_{opacity:0;z-index:-1000}.___SSingleDateInput_1gd9u_gg_.__focus-within_1gd9u_gg_ .___SMask_1gd9u_gg_,.___SSingleDateInput_1gd9u_gg_.__focus-within_1gd9u_gg_ .___SValue_1gd9u_gg_{opacity:1}.___SSingleDateInput_1gd9u_gg_:focus-within .___SMask_1gd9u_gg_,.___SSingleDateInput_1gd9u_gg_:focus-within .___SValue_1gd9u_gg_{opacity:1}.___SDateRange_1gd9u_gg_ .___SValue_1gd9u_gg_{opacity:0}.___SDateRange_1gd9u_gg_.__focus-within_1gd9u_gg_ .___SHumanizedDate_1gd9u_gg_{opacity:0;z-index:-1000}.___SDateRange_1gd9u_gg_:focus-within .___SHumanizedDate_1gd9u_gg_{opacity:0;z-index:-1000}.___SDateRange_1gd9u_gg_.__focus-within_1gd9u_gg_ .___SMask_1gd9u_gg_,.___SDateRange_1gd9u_gg_.__focus-within_1gd9u_gg_ .___SValue_1gd9u_gg_{opacity:1}.___SDateRange_1gd9u_gg_:focus-within .___SMask_1gd9u_gg_,.___SDateRange_1gd9u_gg_:focus-within .___SValue_1gd9u_gg_{opacity:1}.___SInputMask_1gd9u_gg_.__noHumanizedDate_1gd9u_gg_ .___SMask_1gd9u_gg_,.___SInputMask_1gd9u_gg_.__noHumanizedDate_1gd9u_gg_ .___SValue_1gd9u_gg_{opacity:1}.___SDateRange_1gd9u_gg_ .___SInputMask_1gd9u_gg_.__focus-within_1gd9u_gg_ .___SMask_1gd9u_gg_{background-color:rgba(0,143,248,.2)}.___SDateRange_1gd9u_gg_ .___SInputMask_1gd9u_gg_:focus-within .___SMask_1gd9u_gg_{background-color:rgba(0,143,248,.2)}.___SDateRange_1gd9u_gg_.__focus-within_1gd9u_gg_ .___SRangeSep_1gd9u_gg_,.___SRangeSep_1gd9u_gg_.__fulfilled_1gd9u_gg_{color:#191b23}.___SDateRange_1gd9u_gg_:focus-within .___SRangeSep_1gd9u_gg_,.___SRangeSep_1gd9u_gg_.__fulfilled_1gd9u_gg_{color:#191b23}"
44
+ ".___SPopper_3fmmd_gg_{padding:var(--intergalactic-spacing-4x,16px);outline:0}.___SPopper_3fmmd_gg_::-moz-focus-inner{border:none;padding:0}.___SPopper_3fmmd_gg_:active,.___SPopper_3fmmd_gg_:focus,.___SPopper_3fmmd_gg_:hover{outline:0;text-decoration:none}.___SPopper_3fmmd_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus,0 0 0 3px rgba(0,143,248,.3))}.___SHeader_3fmmd_gg_{display:flex;align-items:center}.___STitle_3fmmd_gg_{font-size:var(--intergalactic-fs-200,14px);color:var(--intergalactic-text-primary,#191b23);height:32px;width:100%;display:flex;justify-content:center;align-items:center}.___SToday_3fmmd_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x,12px);justify-content:center}.___SPeriod_3fmmd_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x,8px)}.___SIndicator_3fmmd_gg_{color:var(--intergalactic-text-secondary,#6c6e79)}.___SHumanizedDate_3fmmd_gg_{position:absolute;pointer-events:none}.___SDateRange_3fmmd_gg_ .___SMask_3fmmd_gg_,.___SDateRange_3fmmd_gg_ .___SValue_3fmmd_gg_,.___SSingleDateInput_3fmmd_gg_ .___SMask_3fmmd_gg_,.___SSingleDateInput_3fmmd_gg_ .___SValue_3fmmd_gg_{opacity:0}.___SSingleDateInput_3fmmd_gg_.__focus-within_3fmmd_gg_ .___SHumanizedDate_3fmmd_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep,-999)}.___SSingleDateInput_3fmmd_gg_:focus-within .___SHumanizedDate_3fmmd_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep,-999)}.___SSingleDateInput_3fmmd_gg_.__focus-within_3fmmd_gg_ .___SMask_3fmmd_gg_,.___SSingleDateInput_3fmmd_gg_.__focus-within_3fmmd_gg_ .___SValue_3fmmd_gg_{opacity:1}.___SSingleDateInput_3fmmd_gg_:focus-within .___SMask_3fmmd_gg_,.___SSingleDateInput_3fmmd_gg_:focus-within .___SValue_3fmmd_gg_{opacity:1}.___SDateRange_3fmmd_gg_ .___SValue_3fmmd_gg_{opacity:0}.___SDateRange_3fmmd_gg_.__focus-within_3fmmd_gg_ .___SHumanizedDate_3fmmd_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep,-999)}.___SDateRange_3fmmd_gg_:focus-within .___SHumanizedDate_3fmmd_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep,-999)}.___SDateRange_3fmmd_gg_.__focus-within_3fmmd_gg_ .___SMask_3fmmd_gg_,.___SDateRange_3fmmd_gg_.__focus-within_3fmmd_gg_ .___SValue_3fmmd_gg_{opacity:1}.___SDateRange_3fmmd_gg_:focus-within .___SMask_3fmmd_gg_,.___SDateRange_3fmmd_gg_:focus-within .___SValue_3fmmd_gg_{opacity:1}.___SInputMask_3fmmd_gg_.__noHumanizedDate_3fmmd_gg_ .___SMask_3fmmd_gg_,.___SInputMask_3fmmd_gg_.__noHumanizedDate_3fmmd_gg_ .___SValue_3fmmd_gg_{opacity:1}.___SDateRange_3fmmd_gg_ .___SInputMask_3fmmd_gg_.__focus-within_3fmmd_gg_ .___SMask_3fmmd_gg_{background-color:var(--intergalactic-text-placeholder,#a9abb6)}.___SDateRange_3fmmd_gg_ .___SInputMask_3fmmd_gg_:focus-within .___SMask_3fmmd_gg_{background-color:var(--intergalactic-text-placeholder,#a9abb6)}.___SDateRange_3fmmd_gg_.__focus-within_3fmmd_gg_ .___SRangeSep_3fmmd_gg_,.___SRangeSep_3fmmd_gg_.__fulfilled_3fmmd_gg_{color:var(--intergalactic-text-primary,#191b23)}.___SDateRange_3fmmd_gg_:focus-within .___SRangeSep_3fmmd_gg_,.___SRangeSep_3fmmd_gg_.__fulfilled_3fmmd_gg_{color:var(--intergalactic-text-primary,#191b23)}"
45
45
  /*__inner_css_end__*/
46
- , "1gd9u_gg_")
46
+ , "3fmmd_gg_")
47
47
  /*__reshadow_css_end__*/
48
48
  , {
49
- "__SPopper": "___SPopper_1gd9u_gg_",
50
- "__SHeader": "___SHeader_1gd9u_gg_",
51
- "__STitle": "___STitle_1gd9u_gg_",
52
- "__SToday": "___SToday_1gd9u_gg_",
53
- "__SPeriod": "___SPeriod_1gd9u_gg_",
54
- "__SIndicator": "___SIndicator_1gd9u_gg_",
55
- "__SHumanizedDate": "___SHumanizedDate_1gd9u_gg_",
56
- "__SDateRange": "___SDateRange_1gd9u_gg_",
57
- "__SMask": "___SMask_1gd9u_gg_",
58
- "__SValue": "___SValue_1gd9u_gg_",
59
- "__SSingleDateInput": "___SSingleDateInput_1gd9u_gg_",
60
- "_focus-within": "__focus-within_1gd9u_gg_",
61
- "__SInputMask": "___SInputMask_1gd9u_gg_",
62
- "_noHumanizedDate": "__noHumanizedDate_1gd9u_gg_",
63
- "__SRangeSep": "___SRangeSep_1gd9u_gg_",
64
- "_fulfilled": "__fulfilled_1gd9u_gg_"
49
+ "__SPopper": "___SPopper_3fmmd_gg_",
50
+ "__SHeader": "___SHeader_3fmmd_gg_",
51
+ "__STitle": "___STitle_3fmmd_gg_",
52
+ "__SToday": "___SToday_3fmmd_gg_",
53
+ "__SPeriod": "___SPeriod_3fmmd_gg_",
54
+ "__SIndicator": "___SIndicator_3fmmd_gg_",
55
+ "__SHumanizedDate": "___SHumanizedDate_3fmmd_gg_",
56
+ "__SDateRange": "___SDateRange_3fmmd_gg_",
57
+ "__SMask": "___SMask_3fmmd_gg_",
58
+ "__SValue": "___SValue_3fmmd_gg_",
59
+ "__SSingleDateInput": "___SSingleDateInput_3fmmd_gg_",
60
+ "_focus-within": "__focus-within_3fmmd_gg_",
61
+ "__SInputMask": "___SInputMask_3fmmd_gg_",
62
+ "_noHumanizedDate": "__noHumanizedDate_3fmmd_gg_",
63
+ "__SRangeSep": "___SRangeSep_3fmmd_gg_",
64
+ "_fulfilled": "__fulfilled_3fmmd_gg_"
65
65
  });
66
66
  var i18n = {
67
67
  de: de,
package/lib/es6/components/index.js CHANGED
@@ -114,12 +114,12 @@ var stylesBtn = (
114
114
  /*__reshadow_css_start__*/
115
115
  sstyled.insert(
116
116
  /*__inner_css_start__*/
117
- ".___SInner_jmruv_gg_{justify-content:flex-start}"
117
+ ".___SInner_lmpyi_gg_{justify-content:flex-start}"
118
118
  /*__inner_css_end__*/
119
- , "jmruv_gg_")
119
+ , "lmpyi_gg_")
120
120
  /*__reshadow_css_end__*/
121
121
  , {
122
- "__SInner": "___SInner_jmruv_gg_"
122
+ "__SInner": "___SInner_lmpyi_gg_"
123
123
  });
124
124
  export var Period = /*#__PURE__*/function (_Component) {
125
125
  _inherits(Period, _Component);
package/lib/es6/style/calendar.shadow.css CHANGED
@@ -1,5 +1,3 @@
1
- @import '@semcore/utils/style/var.css';
2
-
3
1
  SCalendar {
4
2
  display: flex;
5
3
  flex-direction: column;
@@ -13,7 +11,7 @@ SGridDays {
13
11
 
14
12
  SGridMonths {
15
13
  display: grid;
16
- grid-row-gap: 8px;
14
+ grid-row-gap: var(--intergalactic-spacing-2x, 8px);
17
15
  grid-template-columns: repeat(3, minmax(60px, auto));
18
16
  grid-template-rows: repeat(4, minmax(32px, auto));
19
17
  }
@@ -29,9 +27,9 @@ SWeekDay {
29
27
  display: flex;
30
28
  align-items: center;
31
29
  justify-content: center;
32
- color: var(--gray-500);
33
- font-size: var(--fs-200);
34
- font-weight: 400;
30
+ color: var(--intergalactic-text-secondary, #6c6e79);
31
+ font-size: var(--intergalactic-fs-200, 14px);
32
+ font-weight: var(--intergalactic-regular, 400);
35
33
  overflow: hidden;
36
34
  }
37
35
 
@@ -43,21 +41,21 @@ SCalendarUnit {
43
41
  text-align: center;
44
42
  vertical-align: middle;
45
43
  border: 1px solid transparent;
46
- color: var(--gray-800);
44
+ color: var(--intergalactic-text-primary, #191b23);
47
45
  outline: 0;
48
46
  box-shadow: none;
49
47
  overflow: visible;
50
48
  user-select: none;
51
49
  touch-action: manipulation;
52
50
  -webkit-tap-highlight-color: transparent;
53
- background: transparent;
51
+ background: var(--intergalactic-date-picker-cell, #ffffff);
54
52
 
55
53
  align-items: center;
56
- border-radius: var(--rounded-m);
54
+ border-radius: var(--intergalactic-rounded-medium, 6px);
57
55
  box-sizing: border-box;
58
56
  cursor: pointer;
59
57
  display: flex;
60
- font-size: var(--fs-200);
58
+ font-size: var(--intergalactic-fs-200, 14px);
61
59
  justify-content: center;
62
60
  min-height: 32px;
63
61
  min-width: 32px;
@@ -67,12 +65,12 @@ SCalendarUnit {
67
65
  margin: 0;
68
66
 
69
67
  &:hover {
70
- color: var(--gray-800);
71
- background: var(--gray-100);
68
+ color: var(--intergalactic-text-primary, #191b23);
69
+ background: var(--intergalactic-date-picker-cell-hover, #e0e1e9);
72
70
  }
73
71
 
74
72
  &:focus-visible {
75
- box-shadow: var(--keyboard-focus);
73
+ box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3));
76
74
  }
77
75
  }
78
76
 
@@ -83,95 +81,95 @@ SCalendarUnit[today] {
83
81
  display: block;
84
82
  top: 1px;
85
83
  left: 1px;
86
- border-radius: var(--rounded-m);
84
+ border-radius: var(--intergalactic-rounded-medium, 6px);
87
85
  width: calc(100% - 2px);
88
86
  height: calc(100% - 2px);
89
87
  box-sizing: border-box;
90
- border: 1px solid var(--gray-200);
88
+ border: 1px solid var(--intergalactic-border-primary, #c4c7cf);
91
89
  }
92
90
  }
93
91
 
94
92
  SCalendarUnit[today]SCalendarUnit[startSelected],
95
93
  SCalendarUnit[today]SCalendarUnit[endSelected] {
96
94
  &:before {
97
- border-color: color-mod(white alpha(50%));
95
+ border-color: var(--intergalactic-border-secondary, #e0e1e9);
98
96
  }
99
97
  }
100
98
 
101
99
  SCalendarUnit[selected] {
102
- background: var(--blue-100);
100
+ background: var(--intergalactic-date-picker-cell-active, #2bb3ff);
103
101
  border-radius: 0;
104
- color: var(--gray-800);
102
+ color: var(--intergalactic-text-primary, #191b23);
105
103
 
106
104
  &:hover {
107
- background: var(--blue-400);
105
+ background: var(--intergalactic-date-picker-cell-active-hover, #008ff8);
108
106
  }
109
107
  }
110
108
 
111
109
  SCalendarUnit[highlighted] {
112
- background: color-mod(var(--blue-400) alpha(20%));
110
+ background: var(--intergalactic-date-picker-cell-range, #c4e5fe);
113
111
  border-radius: 0;
114
- color: var(--gray-800);
112
+ color: var(--intergalactic-text-primary, #191b23);
115
113
 
116
114
  &:hover {
117
- background: color-mod(var(--blue-400) alpha(30%));
115
+ background: var(--intergalactic-date-picker-cell-range-hover, #8ecdff);
118
116
  }
119
117
  }
120
118
 
121
119
  SCalendarUnit[startSelected] {
122
- border-bottom-left-radius: var(--rounded-m);
120
+ border-bottom-left-radius: var(--intergalactic-rounded-medium, 6px);
123
121
  border-bottom-right-radius: 0;
124
- border-top-left-radius: var(--rounded-m);
122
+ border-top-left-radius: var(--intergalactic-rounded-medium, 6px);
125
123
  border-top-right-radius: 0;
126
- color: white;
127
- background: var(--blue-300);
124
+ color: var(--intergalactic-text-primary-invert, #ffffff);
125
+ background: var(--intergalactic-date-picker-cell-active, #2bb3ff);
128
126
 
129
127
  &:hover {
130
- color: white;
131
- background: var(--blue-400);
128
+ color: var(--intergalactic-text-primary-invert, #ffffff);
129
+ background: var(--intergalactic-date-picker-cell-active-hover, #008ff8);
132
130
  }
133
131
  }
134
132
 
135
133
  SCalendarUnit[endSelected] {
136
- background: var(--blue-300);
134
+ background: var(--intergalactic-date-picker-cell-active, #2bb3ff);
137
135
  border-bottom-left-radius: 0;
138
- border-bottom-right-radius: var(--rounded-m);
136
+ border-bottom-right-radius: var(--intergalactic-rounded-medium, 6px);
139
137
  border-top-left-radius: 0;
140
- border-top-right-radius: var(--rounded-m);
141
- color: white;
138
+ border-top-right-radius: var(--intergalactic-rounded-medium, 6px);
139
+ color: var(--intergalactic-text-primary-invert, #ffffff);
142
140
 
143
141
  &:hover {
144
- color: white;
145
- background: var(--blue-400);
142
+ color: var(--intergalactic-text-primary-invert, #ffffff);
143
+ background: var(--intergalactic-date-picker-cell-active-hover, #008ff8);
146
144
  }
147
145
  }
148
146
 
149
147
  SCalendarUnit[startHighlighted] {
150
- border-bottom-left-radius: var(--rounded-m);
148
+ border-bottom-left-radius: var(--intergalactic-rounded-medium, 6px);
151
149
  border-bottom-right-radius: 0;
152
- border-top-left-radius: var(--rounded-m);
150
+ border-top-left-radius: var(--intergalactic-rounded-medium, 6px);
153
151
  border-top-right-radius: 0;
154
152
  }
155
153
 
156
154
  SCalendarUnit[endHighlighted] {
157
155
  border-bottom-left-radius: 0;
158
- border-bottom-right-radius: var(--rounded-m);
156
+ border-bottom-right-radius: var(--intergalactic-rounded-medium, 6px);
159
157
  border-top-left-radius: 0;
160
- border-top-right-radius: var(--rounded-m);
158
+ border-top-right-radius: var(--intergalactic-rounded-medium, 6px);
161
159
  }
162
160
 
163
161
  SCalendarUnit[startHighlighted]SCalendarUnit[endHighlighted] {
164
- border-bottom-left-radius: var(--rounded-m);
165
- border-bottom-right-radius: var(--rounded-m);
166
- border-top-left-radius: var(--rounded-m);
167
- border-top-right-radius: var(--rounded-m);
162
+ border-bottom-left-radius: var(--intergalactic-rounded-medium, 6px);
163
+ border-bottom-right-radius: var(--intergalactic-rounded-medium, 6px);
164
+ border-top-left-radius: var(--intergalactic-rounded-medium, 6px);
165
+ border-top-right-radius: var(--intergalactic-rounded-medium, 6px);
168
166
  }
169
167
 
170
168
  SCalendarUnit[startSelected]SCalendarUnit[endSelected] {
171
- border-bottom-left-radius: var(--rounded-m);
172
- border-bottom-right-radius: var(--rounded-m);
173
- border-top-left-radius: var(--rounded-m);
174
- border-top-right-radius: var(--rounded-m);
169
+ border-bottom-left-radius: var(--intergalactic-rounded-medium, 6px);
170
+ border-bottom-right-radius: var(--intergalactic-rounded-medium, 6px);
171
+ border-top-left-radius: var(--intergalactic-rounded-medium, 6px);
172
+ border-top-right-radius: var(--intergalactic-rounded-medium, 6px);
175
173
  }
176
174
 
177
175
  SCalendarUnit[outdated] {
package/lib/es6/style/date-picker.shadow.css CHANGED
@@ -1,7 +1,5 @@
1
- @import '@semcore/utils/style/var.css';
2
-
3
1
  SPopper {
4
- padding: 16px;
2
+ padding: var(--intergalactic-spacing-4x, 16px);
5
3
  outline: 0;
6
4
 
7
5
  &::-moz-focus-inner {
@@ -17,7 +15,7 @@ SPopper {
17
15
  }
18
16
 
19
17
  &:focus {
20
- box-shadow: var(--keyboard-focus);
18
+ box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3));
21
19
  }
22
20
  }
23
21
 
@@ -27,8 +25,8 @@ SHeader {
27
25
  }
28
26
 
29
27
  STitle {
30
- font-size: var(--fs-200);
31
- color: var(--gray-800);
28
+ font-size: var(--intergalactic-fs-200, 14px);
29
+ color: var(--intergalactic-text-primary, #191b23);
32
30
  height: 32px;
33
31
  width: 100%;
34
32
  display: flex;
@@ -38,18 +36,18 @@ STitle {
38
36
 
39
37
  SToday {
40
38
  display: flex;
41
- margin-top: 12px;
39
+ margin-top: var(--intergalactic-spacing-3x, 12px);
42
40
  justify-content: center;
43
41
  }
44
42
 
45
43
  SPeriod {
46
44
  display: flex;
47
45
  flex-direction: column;
48
- margin-bottom: 8px;
46
+ margin-bottom: var(--intergalactic-spacing-2x, 8px);
49
47
  }
50
48
 
51
49
  SIndicator {
52
- color: var(--gray-500);
50
+ color: var(--intergalactic-text-secondary, #6c6e79);
53
51
  }
54
52
  SHumanizedDate {
55
53
  position: absolute;
@@ -63,7 +61,7 @@ SDateRange SValue {
63
61
  }
64
62
  SSingleDateInput:focus-within SHumanizedDate {
65
63
  opacity: 0;
66
- z-index: -1000;
64
+ z-index: var(--intergalactic-z-index-deep, -999);
67
65
  }
68
66
  SSingleDateInput:focus-within SValue,
69
67
  SSingleDateInput:focus-within SMask {
@@ -74,7 +72,7 @@ SDateRange SValue {
74
72
  }
75
73
  SDateRange:focus-within SHumanizedDate {
76
74
  opacity: 0;
77
- z-index: -1000;
75
+ z-index: var(--intergalactic-z-index-deep, -999);
78
76
  }
79
77
  SDateRange:focus-within SValue,
80
78
  SDateRange:focus-within SMask {
@@ -85,9 +83,9 @@ SInputMask[noHumanizedDate] SMask {
85
83
  opacity: 1;
86
84
  }
87
85
  SDateRange SInputMask:focus-within SMask {
88
- background-color: color-mod(var(--blue-400) a(20%));
86
+ background-color: var(--intergalactic-text-placeholder, #a9abb6);
89
87
  }
90
88
  SRangeSep[fulfilled],
91
89
  SDateRange:focus-within SRangeSep {
92
- color: var(--gray-800);
90
+ color: var(--intergalactic-text-primary, #191b23);
93
91
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/date-picker",
3
3
  "description": "Semrush DatePicker Component",
4
- "version": "3.4.17",
4
+ "version": "3.5.0",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es6/index.js",
7
7
  "typings": "lib/types/index.d.ts",