@semcore/date-picker 3.3.11 → 3.3.13

package/CHANGELOG.md

@@ -2,71 +2,35 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
-## [3.3.11] - 2022-09-30
+## [3.3.13] - 2022-10-06
 
 ### Changed
 
-- Changed utils function for `ButtonTrigger`
-
-## [3.3.10] - 2022-10-03
-
-### Fixed
-
-- Fixed unexpected margin of calendar grid cells in Safari browser.
-
-## [3.3.9] - 2022-10-03
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/base-trigger` [3.0.21 ~> 3.0.22], `@semcore/icon` [2.32.0 ~> 2.32.1]).
-
-## [3.3.8] - 2022-09-29
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/base-trigger` [3.0.20 ~> 3.0.21], `@semcore/icon` [2.30.4 ~> 2.31.0]).
-
-## [3.3.7] - 2022-09-21
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/base-trigger` [3.0.19 ~> 3.0.20], `@semcore/icon` [2.30.3 ~> 2.30.4]).
-
-## [3.3.6] - 2022-09-21
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/base-trigger` [3.0.18 ~> 3.0.19], `@semcore/icon` [2.30.2 ~> 2.30.3]).
-
-## [3.3.5] - 2022-09-21
+- Version patch update due to children dependencies update (`@semcore/base-trigger` [3.0.23 ~> 3.0.24], `@semcore/icon` [2.32.2 ~> 2.33.0]).
 
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/dropdown` [3.0.11 ~> 3.1.0]).
-
-## [3.3.4] - 2022-09-20
+## [3.3.12] - 2022-10-04
 
 ### Changed
 
-- Version patch update due to children dependencies update (`@semcore/base-trigger` [3.0.17 ~> 3.0.18], `@semcore/button` [4.0.16 ~> 4.0.17]).
+- Changed the way to check the contents of the trigger for `ButtonTrigger`
 
-## [3.3.3] - 2022-08-30
+## [3.3.11] - 2022-10-04
 
 ### Changed
 
-- Version patch update due to children dependencies update (`@semcore/utils` [3.37.0 ~> 3.37.1], `@semcore/base-trigger` [3.0.16 ~> 3.0.17], `@semcore/button` [4.0.15 ~> 4.0.16]).
+- Changed utils function for `ButtonTrigger`
 
-## [3.3.2] - 2022-08-30
+## [3.3.10] - 2022-10-03
 
-### Changed
+### Fixed
 
-- Version patch update due to children dependencies update (`@semcore/button` [4.0.14 ~> 4.0.15]).
+- Fixed unexpected margin of calendar grid cells in Safari browser.
 
-## [3.3.1] - 2022-08-25
+## [3.3.9] - 2022-10-03
 
 ### Changed
 
-- Version patch update due to children dependencies update (`@semcore/button` [4.0.13 ~> 4.0.14]).
+- Version patch update due to children dependencies update (`@semcore/base-trigger` [3.0.21 ~> 3.0.22], `@semcore/icon` [2.32.0 ~> 2.32.1]).
 
 ## [3.3.0] - 2022-08-22
 
@@ -92,24 +56,6 @@ CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangel
 
 - Version patch update due to children dependencies update (`@semcore/base-trigger` [3.0.15 ~> 3.0.16], `@semcore/icon` [2.30.0 ~> 2.30.1]).
 
-## [3.1.3] - 2022-08-18
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/base-trigger` [3.0.14 ~> 3.0.15], `@semcore/icon` [2.29.5 ~> 2.30.0]).
-
-## [3.1.2] - 2022-08-18
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/utils` [3.36.0 ~> 3.37.0], `@semcore/base-trigger` [3.0.13 ~> 3.0.14], `@semcore/button` [4.0.11 ~> 4.0.12]).
-
-## [3.1.1] - 2022-08-11
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/utils` [3.35.1 ~> 3.36.0], `@semcore/base-trigger` [3.0.12 ~> 3.0.13], `@semcore/button` [4.0.10 ~> 4.0.11], `@semcore/typography` [4.0.11 ~> 4.1.0]).
-
 ## [3.1.0] - 2022-07-29
 
 ### Added
@@ -122,66 +68,6 @@ CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangel
 
 - Version patch update due to children dependencies update (`@semcore/base-trigger` [3.0.10 ~> 3.0.11], `@semcore/icon` [2.29.1 ~> 2.29.2]).
 
-## [3.0.12] - 2022-07-22
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/utils` [3.34.0 ~> 3.35.0], `@semcore/base-trigger` [3.0.9 ~> 3.0.10], `@semcore/button` [4.0.8 ~> 4.0.9]).
-
-## [3.0.11] - 2022-07-21
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/base-trigger` [3.0.8 ~> 3.0.9], `@semcore/icon` [2.28.0 ~> 2.29.0]).
-
-## [3.0.10] - 2022-07-14
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/base-trigger` [3.0.7 ~> 3.0.8], `@semcore/button` [4.0.7 ~> 4.0.8]).
-
-## [3.0.9] - 2022-07-07
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/utils` [3.33.0 ~> 3.34.0], `@semcore/base-trigger` [3.0.6 ~> 3.0.7], `@semcore/button` [4.0.6 ~> 4.0.7], `@semcore/icon` [2.27.0 ~> 2.28.0]).
-
-## [3.0.8] - 2022-06-02
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/utils` [3.32.2 ~> 3.33.0], `@semcore/base-trigger` [3.0.5 ~> 3.0.6], `@semcore/button` [4.0.5 ~> 4.0.6], `@semcore/icon` [2.26.1 ~> 2.27.0]).
-
-## [3.0.7] - 2022-05-31
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/utils` [3.32.1 ~> 3.32.2], `@semcore/base-trigger` [3.0.4 ~> 3.0.5], `@semcore/button` [4.0.4 ~> 4.0.5]).
-
-## [3.0.6] - 2022-05-27
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/button` [4.0.3 ~> 4.0.4]).
-
-## [3.0.5] - 2022-05-23
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/base-trigger` [3.0.3 ~> 3.0.4], `@semcore/icon` [2.25.1 ~> 2.26.0]).
-
-## [3.0.4] - 2022-05-23
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/button` [4.0.2 ~> 4.0.3]).
-
-## [3.0.3] - 2022-05-19
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/utils` [3.32.0 ~> 3.32.1], `@semcore/base-trigger` [3.0.2 ~> 3.0.3], `@semcore/flex-box` [4.5.1 ~> 4.5.3], `@semcore/button` [4.0.1 ~> 4.0.2], `@semcore/typography` [4.0.1 ~> 4.0.3]).
-
 ## [3.0.2] - 2022-05-19
 
 ### Fixed
@@ -207,30 +93,6 @@ CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangel
 
 - Version patch update due to children dependencies update (`@semcore/base-trigger` [2.6.4 ~> 2.6.5], `@semcore/icon` [2.21.0 ~> 2.24.0]).
 
-## [2.8.4] - 2022-04-28
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/base-trigger` [2.6.3 ~> 2.6.4], `@semcore/icon` [2.20.0 ~> 2.21.0]).
-
-## [2.8.3] - 2022-03-21
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/base-trigger` [2.6.2 ~> 2.6.3], `@semcore/icon` [2.19.4 ~> 2.20.0]).
-
-## [2.8.2] - 2022-03-14
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/utils` [3.31.2 ~> 3.31.2], `@semcore/base-trigger` [2.6.1 ~> 2.6.2], `@semcore/button` [3.3.6 ~> 3.3.7]).
-
-## [2.8.1] - 2022-03-05
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/base-trigger` [2.6.0 ~> 2.6.1]).
-
 ## [2.8.0] - 2021-03-04
 
 ### Added

package/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright ©, 2022, Semrush Inc. (written by Roman Lysov, Sergey Kobets, Mikhail Karachev, Julia Mnizhek, Elena Krasnopolskaia, Mikhail Sereniti).
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/lib/cjs/components/ButtonTrigger.js

@@ -25,11 +25,11 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 var ButtonTriggerRoot = function ButtonTriggerRoot(_ref2) {
   var _ref = arguments[0];
-  var Children = _ref2.Children;
-  var childrenAddon = (0, _addonTextChildren["default"])(Children, ButtonTrigger.Text, ButtonTrigger.Addon);
+  var Children = _ref2.Children,
+      empty = _ref2.empty;
   return /*#__PURE__*/_react["default"].createElement(_baseTrigger["default"], (0, _core.assignProps)({}, _ref), /*#__PURE__*/_react["default"].createElement(ButtonTrigger.Addon, {
     tag: _m["default"]
-  }), !childrenAddon ? /*#__PURE__*/_react["default"].createElement(ButtonTrigger.Text, null) : childrenAddon);
+  }), empty ? /*#__PURE__*/_react["default"].createElement(ButtonTrigger.Text, null) : (0, _addonTextChildren["default"])(Children, ButtonTrigger.Text, ButtonTrigger.Addon));
 };
 
 ButtonTriggerRoot.displayName = 'ButtonTrigger';

package/lib/cjs/components/ButtonTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonTrigger.js","names":["ButtonTriggerRoot","Children","childrenAddon","addonTextChildren","ButtonTrigger","Text","Addon","BaseTrigger","Calendar","displayName","createComponent"],"sources":["../../../src/components/ButtonTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport BaseTrigger from '@semcore/base-trigger';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport Calendar from '@semcore/icon/Calendar/m';\nimport createComponent, { Root } from '@semcore/core';\n\nconst ButtonTriggerRoot = ({ Children }) => {\n  const childrenAddon = addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon);\n\n  return (\n    <Root render={BaseTrigger}>\n      <ButtonTrigger.Addon tag={Calendar} />\n      {!childrenAddon ? <ButtonTrigger.Text /> : childrenAddon}\n    </Root>\n  );\n};\n\nButtonTriggerRoot.displayName = 'ButtonTrigger';\n\nconst ButtonTrigger = createComponent(ButtonTriggerRoot, {\n  Text: BaseTrigger.Text,\n  Addon: BaseTrigger.Addon,\n});\n\nexport default ButtonTrigger;\n"],"mappings":";;;;;;;;;;;AAIA;;AAJA;;AACA;;AACA;;AACA;;;;;;AAGA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,QAAkB;EAAA;EAAA,IAAfC,QAAe,SAAfA,QAAe;EAC1C,IAAMC,aAAa,GAAG,IAAAC,6BAAA,EAAkBF,QAAlB,EAA4BG,aAAa,CAACC,IAA1C,EAAgDD,aAAa,CAACE,KAA9D,CAAtB;EAEA,oBACE,gCAAcC,uBAAd,iDACE,gCAAC,aAAD,CAAe,KAAf;IAAqB,GAAG,EAAEC;EAA1B,EADF,EAEG,CAACN,aAAD,gBAAiB,gCAAC,aAAD,CAAe,IAAf,OAAjB,GAA0CA,aAF7C,CADF;AAMD,CATD;;AAWAF,iBAAiB,CAACS,WAAlB,GAAgC,eAAhC;AAEA,IAAML,aAAa,GAAG,IAAAM,gBAAA,EAAgBV,iBAAhB,EAAmC;EACvDK,IAAI,EAAEE,uBAAA,CAAYF,IADqC;EAEvDC,KAAK,EAAEC,uBAAA,CAAYD;AAFoC,CAAnC,CAAtB;eAKeF,a"}
+{"version":3,"file":"ButtonTrigger.js","names":["ButtonTriggerRoot","Children","empty","BaseTrigger","Calendar","addonTextChildren","ButtonTrigger","Text","Addon","displayName","createComponent"],"sources":["../../../src/components/ButtonTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport BaseTrigger from '@semcore/base-trigger';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport Calendar from '@semcore/icon/Calendar/m';\nimport createComponent, { Root } from '@semcore/core';\n\nconst ButtonTriggerRoot = ({ Children, empty }) => {\n  return (\n    <Root render={BaseTrigger}>\n      <ButtonTrigger.Addon tag={Calendar} />\n      {empty ? (\n        <ButtonTrigger.Text />\n      ) : (\n        addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon)\n      )}\n    </Root>\n  );\n};\n\nButtonTriggerRoot.displayName = 'ButtonTrigger';\n\nconst ButtonTrigger = createComponent(ButtonTriggerRoot, {\n  Text: BaseTrigger.Text,\n  Addon: BaseTrigger.Addon,\n});\n\nexport default ButtonTrigger;\n"],"mappings":";;;;;;;;;;;AAIA;;AAJA;;AACA;;AACA;;AACA;;;;;;AAGA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,QAAyB;EAAA;EAAA,IAAtBC,QAAsB,SAAtBA,QAAsB;EAAA,IAAZC,KAAY,SAAZA,KAAY;EACjD,oBACE,gCAAcC,uBAAd,iDACE,gCAAC,aAAD,CAAe,KAAf;IAAqB,GAAG,EAAEC;EAA1B,EADF,EAEGF,KAAK,gBACJ,gCAAC,aAAD,CAAe,IAAf,OADI,GAGJ,IAAAG,6BAAA,EAAkBJ,QAAlB,EAA4BK,aAAa,CAACC,IAA1C,EAAgDD,aAAa,CAACE,KAA9D,CALJ,CADF;AAUD,CAXD;;AAaAR,iBAAiB,CAACS,WAAlB,GAAgC,eAAhC;AAEA,IAAMH,aAAa,GAAG,IAAAI,gBAAA,EAAgBV,iBAAhB,EAAmC;EACvDO,IAAI,EAAEJ,uBAAA,CAAYI,IADqC;EAEvDC,KAAK,EAAEL,uBAAA,CAAYK;AAFoC,CAAnC,CAAtB;eAKeF,a"}

package/lib/cjs/components/Calendar.js

@@ -66,26 +66,26 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SCalendar_e3tvf_gg_{display:flex;flex-direction:column}.___SGridDays_e3tvf_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto));grid-template-rows:repeat(auto-fit,minmax(32px,auto))}.___SGridMonths_e3tvf_gg_{display:grid;grid-row-gap:8px;grid-template-columns:repeat(3,minmax(60px,auto));grid-template-rows:repeat(4,minmax(32px,auto))}.___SWeekDays_e3tvf_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto))}.___SWeekDay_e3tvf_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_e3tvf_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_e3tvf_gg_:hover{color:#191b23;background:#e0e1e9}.___SCalendarUnit_e3tvf_gg_.focus-visible{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SCalendarUnit_e3tvf_gg_:focus-visible{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SCalendarUnit_e3tvf_gg_.__today_e3tvf_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_e3tvf_gg_.__today_e3tvf_gg_.___SCalendarUnit_e3tvf_gg_.__endSelected_e3tvf_gg_:before,.___SCalendarUnit_e3tvf_gg_.__today_e3tvf_gg_.___SCalendarUnit_e3tvf_gg_.__startSelected_e3tvf_gg_:before{border-color:hsla(0,0%,100%,.5)}.___SCalendarUnit_e3tvf_gg_.__selected_e3tvf_gg_{background:#c4e5fe;border-radius:0;color:#191b23}.___SCalendarUnit_e3tvf_gg_.__selected_e3tvf_gg_:hover{background:#008ff8}.___SCalendarUnit_e3tvf_gg_.__highlighted_e3tvf_gg_{background:rgba(0,143,248,.2);border-radius:0;color:#191b23}.___SCalendarUnit_e3tvf_gg_.__highlighted_e3tvf_gg_:hover{background:rgba(0,143,248,.3)}.___SCalendarUnit_e3tvf_gg_.__startSelected_e3tvf_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_e3tvf_gg_.__startSelected_e3tvf_gg_:hover{color:#fff;background:#008ff8}.___SCalendarUnit_e3tvf_gg_.__endSelected_e3tvf_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_e3tvf_gg_.__endSelected_e3tvf_gg_:hover{color:#fff;background:#008ff8}.___SCalendarUnit_e3tvf_gg_.__startHighlighted_e3tvf_gg_{border-bottom-left-radius:6px;border-bottom-right-radius:0;border-top-left-radius:6px;border-top-right-radius:0}.___SCalendarUnit_e3tvf_gg_.__endHighlighted_e3tvf_gg_{border-bottom-left-radius:0;border-bottom-right-radius:6px;border-top-left-radius:0;border-top-right-radius:6px}.___SCalendarUnit_e3tvf_gg_.__startHighlighted_e3tvf_gg_.___SCalendarUnit_e3tvf_gg_.__endHighlighted_e3tvf_gg_{border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px}.___SCalendarUnit_e3tvf_gg_.__startSelected_e3tvf_gg_.___SCalendarUnit_e3tvf_gg_.__endSelected_e3tvf_gg_{border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px}.___SCalendarUnit_e3tvf_gg_.__outdated_e3tvf_gg_{opacity:.2}.___SCalendarUnit_e3tvf_gg_.__disabled_e3tvf_gg_{opacity:.4;cursor:default;pointer-events:none}@media (prefers-reduced-motion){.___SCalendarUnit_e3tvf_gg_{transition:none}}"
+":root {\n\n  /* DEPRECATED START\n     Deprecated variables should never be used in\n     components styles but preserved for backward\n     compatibility if they used in projects\n     like `<Badge bg=\"red\">alpha</Badge>`\n  */\n  /* DEPRECATED END */\n}\n\n.___SCalendar_1hrx9_gg_ {\n  display: flex;\n  flex-direction: column;\n}\n\n.___SGridDays_1hrx9_gg_ {\n  display: grid;\n  grid-template-columns: repeat(7, minmax(32px, auto));\n  grid-template-rows: repeat(auto-fit, minmax(32px, auto));\n}\n\n.___SGridMonths_1hrx9_gg_ {\n  display: grid;\n  grid-row-gap: 8px;\n  grid-template-columns: repeat(3, minmax(60px, auto));\n  grid-template-rows: repeat(4, minmax(32px, auto));\n}\n\n.___SWeekDays_1hrx9_gg_ {\n  display: grid;\n  grid-template-columns: repeat(7, minmax(32px, auto));\n}\n\n.___SWeekDay_1hrx9_gg_ {\n  min-width: 32px;\n  min-height: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #6c6e79;\n  font-size: 14px;\n  font-weight: 400;\n  overflow: hidden;\n}\n\n.___SCalendarUnit_1hrx9_gg_ {\n  font-family: inherit;\n  font-weight: normal;\n  line-height: normal;\n  text-decoration: none;\n  text-align: center;\n  vertical-align: middle;\n  border: 1px solid transparent;\n  color: #191b23;\n  outline: 0;\n  box-shadow: none;\n  overflow: visible;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  touch-action: manipulation;\n  -webkit-tap-highlight-color: transparent;\n  background: transparent;\n\n  align-items: center;\n  border-radius: 6px;\n  box-sizing: border-box;\n  cursor: pointer;\n  display: flex;\n  font-size: 14px;\n  justify-content: center;\n  min-height: 32px;\n  min-width: 32px;\n  position: relative;\n  transition: color 0.15s, background 0.15s;\n  outline: none;\n  margin: 0\n}\n\n.___SCalendarUnit_1hrx9_gg_:hover {\n    color: #191b23;\n    background: #e0e1e9;\n  }\n\n.___SCalendarUnit_1hrx9_gg_.focus-visible {\n    box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n  }\n\n.___SCalendarUnit_1hrx9_gg_:focus-visible {\n    box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n  }\n\n.___SCalendarUnit_1hrx9_gg_.__today_1hrx9_gg_:before {\n    content: '';\n    position: absolute;\n    display: block;\n    top: 1px;\n    left: 1px;\n    border-radius: 6px;\n    width: calc(100% - 2px);\n    height: calc(100% - 2px);\n    box-sizing: border-box;\n    border: 1px solid #c4c7cf;\n  }\n\n.___SCalendarUnit_1hrx9_gg_.__today_1hrx9_gg_.___SCalendarUnit_1hrx9_gg_.__startSelected_1hrx9_gg_:before, .___SCalendarUnit_1hrx9_gg_.__today_1hrx9_gg_.___SCalendarUnit_1hrx9_gg_.__endSelected_1hrx9_gg_:before {\n    border-color: rgba(255, 255, 255, 0.5);\n  }\n\n.___SCalendarUnit_1hrx9_gg_.__selected_1hrx9_gg_ {\n  background: #c4e5fe;\n  border-radius: 0;\n  color: #191b23\n}\n\n.___SCalendarUnit_1hrx9_gg_.__selected_1hrx9_gg_:hover {\n    background: #008ff8;\n  }\n\n.___SCalendarUnit_1hrx9_gg_.__highlighted_1hrx9_gg_ {\n  background: rgba(0, 143, 248, 0.2);\n  border-radius: 0;\n  color: #191b23\n}\n\n.___SCalendarUnit_1hrx9_gg_.__highlighted_1hrx9_gg_:hover {\n    background: rgba(0, 143, 248, 0.3);\n  }\n\n.___SCalendarUnit_1hrx9_gg_.__startSelected_1hrx9_gg_ {\n  border-bottom-left-radius: 6px;\n  border-bottom-right-radius: 0;\n  border-top-left-radius: 6px;\n  border-top-right-radius: 0;\n  color: white;\n  background: #2bb3ff\n}\n\n.___SCalendarUnit_1hrx9_gg_.__startSelected_1hrx9_gg_:hover {\n    color: white;\n    background: #008ff8;\n  }\n\n.___SCalendarUnit_1hrx9_gg_.__endSelected_1hrx9_gg_ {\n  background: #2bb3ff;\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 6px;\n  border-top-left-radius: 0;\n  border-top-right-radius: 6px;\n  color: white\n}\n\n.___SCalendarUnit_1hrx9_gg_.__endSelected_1hrx9_gg_:hover {\n    color: white;\n    background: #008ff8;\n  }\n\n.___SCalendarUnit_1hrx9_gg_.__startHighlighted_1hrx9_gg_ {\n  border-bottom-left-radius: 6px;\n  border-bottom-right-radius: 0;\n  border-top-left-radius: 6px;\n  border-top-right-radius: 0;\n}\n\n.___SCalendarUnit_1hrx9_gg_.__endHighlighted_1hrx9_gg_ {\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 6px;\n  border-top-left-radius: 0;\n  border-top-right-radius: 6px;\n}\n\n.___SCalendarUnit_1hrx9_gg_.__startHighlighted_1hrx9_gg_.___SCalendarUnit_1hrx9_gg_.__endHighlighted_1hrx9_gg_ {\n  border-bottom-left-radius: 6px;\n  border-bottom-right-radius: 6px;\n  border-top-left-radius: 6px;\n  border-top-right-radius: 6px;\n}\n\n.___SCalendarUnit_1hrx9_gg_.__startSelected_1hrx9_gg_.___SCalendarUnit_1hrx9_gg_.__endSelected_1hrx9_gg_ {\n  border-bottom-left-radius: 6px;\n  border-bottom-right-radius: 6px;\n  border-top-left-radius: 6px;\n  border-top-right-radius: 6px;\n}\n\n.___SCalendarUnit_1hrx9_gg_.__outdated_1hrx9_gg_ {\n  opacity: 0.2;\n}\n\n.___SCalendarUnit_1hrx9_gg_.__disabled_1hrx9_gg_ {\n  opacity: 0.4;\n  cursor: default;\n  pointer-events: none;\n}\n\n@media (prefers-reduced-motion) {\n  .___SCalendarUnit_1hrx9_gg_ {\n    transition: none;\n  }\n}\n"
 /*__inner_css_end__*/
-, "e3tvf_gg_")
+, "1hrx9_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SCalendar": "___SCalendar_e3tvf_gg_",
-  "__SGridDays": "___SGridDays_e3tvf_gg_",
-  "__SGridMonths": "___SGridMonths_e3tvf_gg_",
-  "__SWeekDays": "___SWeekDays_e3tvf_gg_",
-  "__SWeekDay": "___SWeekDay_e3tvf_gg_",
-  "__SCalendarUnit": "___SCalendarUnit_e3tvf_gg_",
-  "_today": "__today_e3tvf_gg_",
-  "_endSelected": "__endSelected_e3tvf_gg_",
-  "_startSelected": "__startSelected_e3tvf_gg_",
-  "_selected": "__selected_e3tvf_gg_",
-  "_highlighted": "__highlighted_e3tvf_gg_",
-  "_startHighlighted": "__startHighlighted_e3tvf_gg_",
-  "_endHighlighted": "__endHighlighted_e3tvf_gg_",
-  "_outdated": "__outdated_e3tvf_gg_",
-  "_disabled": "__disabled_e3tvf_gg_"
+  "__SCalendar": "___SCalendar_1hrx9_gg_",
+  "__SGridDays": "___SGridDays_1hrx9_gg_",
+  "__SGridMonths": "___SGridMonths_1hrx9_gg_",
+  "__SWeekDays": "___SWeekDays_1hrx9_gg_",
+  "__SWeekDay": "___SWeekDay_1hrx9_gg_",
+  "__SCalendarUnit": "___SCalendarUnit_1hrx9_gg_",
+  "_today": "__today_1hrx9_gg_",
+  "_startSelected": "__startSelected_1hrx9_gg_",
+  "_endSelected": "__endSelected_1hrx9_gg_",
+  "_selected": "__selected_1hrx9_gg_",
+  "_highlighted": "__highlighted_1hrx9_gg_",
+  "_startHighlighted": "__startHighlighted_1hrx9_gg_",
+  "_endHighlighted": "__endHighlighted_1hrx9_gg_",
+  "_outdated": "__outdated_1hrx9_gg_",
+  "_disabled": "__disabled_1hrx9_gg_"
 });
 
 _dayjs["default"].extend(_isBetween["default"]);

package/lib/cjs/components/PickerAbstract.js

@@ -64,16 +64,16 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SPopper_j339s_gg_{padding:16px;outline:0}.___SPopper_j339s_gg_::-moz-focus-inner{border:none;padding:0}.___SPopper_j339s_gg_:active,.___SPopper_j339s_gg_:focus,.___SPopper_j339s_gg_:hover{outline:0;text-decoration:none}.___SPopper_j339s_gg_:focus{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SHeader_j339s_gg_{display:flex;align-items:center}.___STitle_j339s_gg_{font-size:14px;color:#191b23;height:32px;width:100%;display:flex;justify-content:center;align-items:center}.___SToday_j339s_gg_{display:flex;margin-top:12px;justify-content:center}.___SPeriod_j339s_gg_{display:flex;flex-direction:column;margin-bottom:8px}"
+":root {\n\n  /* DEPRECATED START\n     Deprecated variables should never be used in\n     components styles but preserved for backward\n     compatibility if they used in projects\n     like `<Badge bg=\"red\">alpha</Badge>`\n  */\n  /* DEPRECATED END */\n}\n\n.___SPopper_vrubk_gg_ {\n  padding: 16px;\n  outline: 0\n}\n\n.___SPopper_vrubk_gg_::-moz-focus-inner {\n    border: none;\n    padding: 0;\n  }\n\n.___SPopper_vrubk_gg_:active,\n  .___SPopper_vrubk_gg_:hover,\n  .___SPopper_vrubk_gg_:focus {\n    outline: 0;\n    text-decoration: none;\n  }\n\n.___SPopper_vrubk_gg_:focus {\n    box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n  }\n\n.___SHeader_vrubk_gg_ {\n  display: flex;\n  align-items: center;\n}\n\n.___STitle_vrubk_gg_ {\n  font-size: 14px;\n  color: #191b23;\n  height: 32px;\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.___SToday_vrubk_gg_ {\n  display: flex;\n  margin-top: 12px;\n  justify-content: center;\n}\n\n.___SPeriod_vrubk_gg_ {\n  display: flex;\n  flex-direction: column;\n  margin-bottom: 8px;\n}\n"
 /*__inner_css_end__*/
-, "j339s_gg_")
+, "vrubk_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPopper": "___SPopper_j339s_gg_",
-  "__SHeader": "___SHeader_j339s_gg_",
-  "__STitle": "___STitle_j339s_gg_",
-  "__SToday": "___SToday_j339s_gg_",
-  "__SPeriod": "___SPeriod_j339s_gg_"
+  "__SPopper": "___SPopper_vrubk_gg_",
+  "__SHeader": "___SHeader_vrubk_gg_",
+  "__STitle": "___STitle_vrubk_gg_",
+  "__SToday": "___SToday_vrubk_gg_",
+  "__SPeriod": "___SPeriod_vrubk_gg_"
 });
 var i18n = {
   de: _de["default"],

package/lib/cjs/components/RangePickerAbstract.js

@@ -74,16 +74,16 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SPopper_j339s_gg_{padding:16px;outline:0}.___SPopper_j339s_gg_::-moz-focus-inner{border:none;padding:0}.___SPopper_j339s_gg_:active,.___SPopper_j339s_gg_:focus,.___SPopper_j339s_gg_:hover{outline:0;text-decoration:none}.___SPopper_j339s_gg_:focus{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SHeader_j339s_gg_{display:flex;align-items:center}.___STitle_j339s_gg_{font-size:14px;color:#191b23;height:32px;width:100%;display:flex;justify-content:center;align-items:center}.___SToday_j339s_gg_{display:flex;margin-top:12px;justify-content:center}.___SPeriod_j339s_gg_{display:flex;flex-direction:column;margin-bottom:8px}"
+":root {\n\n  /* DEPRECATED START\n     Deprecated variables should never be used in\n     components styles but preserved for backward\n     compatibility if they used in projects\n     like `<Badge bg=\"red\">alpha</Badge>`\n  */\n  /* DEPRECATED END */\n}\n\n.___SPopper_vrubk_gg_ {\n  padding: 16px;\n  outline: 0\n}\n\n.___SPopper_vrubk_gg_::-moz-focus-inner {\n    border: none;\n    padding: 0;\n  }\n\n.___SPopper_vrubk_gg_:active,\n  .___SPopper_vrubk_gg_:hover,\n  .___SPopper_vrubk_gg_:focus {\n    outline: 0;\n    text-decoration: none;\n  }\n\n.___SPopper_vrubk_gg_:focus {\n    box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n  }\n\n.___SHeader_vrubk_gg_ {\n  display: flex;\n  align-items: center;\n}\n\n.___STitle_vrubk_gg_ {\n  font-size: 14px;\n  color: #191b23;\n  height: 32px;\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.___SToday_vrubk_gg_ {\n  display: flex;\n  margin-top: 12px;\n  justify-content: center;\n}\n\n.___SPeriod_vrubk_gg_ {\n  display: flex;\n  flex-direction: column;\n  margin-bottom: 8px;\n}\n"
 /*__inner_css_end__*/
-, "j339s_gg_")
+, "vrubk_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPopper": "___SPopper_j339s_gg_",
-  "__SHeader": "___SHeader_j339s_gg_",
-  "__STitle": "___STitle_j339s_gg_",
-  "__SToday": "___SToday_j339s_gg_",
-  "__SPeriod": "___SPeriod_j339s_gg_"
+  "__SPopper": "___SPopper_vrubk_gg_",
+  "__SHeader": "___SHeader_vrubk_gg_",
+  "__STitle": "___STitle_vrubk_gg_",
+  "__SToday": "___SToday_vrubk_gg_",
+  "__SPeriod": "___SPeriod_vrubk_gg_"
 });
 var i18n = {
   de: _de["default"],

package/lib/cjs/components/index.js

@@ -132,12 +132,12 @@ var stylesBtn = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SInner_13t87_gg_{justify-content:flex-start}"
+"\n  .___SInner_xjh6k_gg_ {\n    justify-content: flex-start;\n  }\n"
 /*__inner_css_end__*/
-, "13t87_gg_")
+, "xjh6k_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SInner": "___SInner_13t87_gg_"
+  "__SInner": "___SInner_xjh6k_gg_"
 });
 
 var Period = /*#__PURE__*/function (_Component) {

package/lib/es6/components/ButtonTrigger.js

@@ -7,11 +7,11 @@ import createComponent, { Root } from '@semcore/core';
 
 var ButtonTriggerRoot = function ButtonTriggerRoot(_ref2) {
   var _ref = arguments[0];
-  var Children = _ref2.Children;
-  var childrenAddon = addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon);
+  var Children = _ref2.Children,
+      empty = _ref2.empty;
   return /*#__PURE__*/React.createElement(BaseTrigger, _assignProps({}, _ref), /*#__PURE__*/React.createElement(ButtonTrigger.Addon, {
     tag: Calendar
-  }), !childrenAddon ? /*#__PURE__*/React.createElement(ButtonTrigger.Text, null) : childrenAddon);
+  }), empty ? /*#__PURE__*/React.createElement(ButtonTrigger.Text, null) : addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon));
 };
 
 ButtonTriggerRoot.displayName = 'ButtonTrigger';

package/lib/es6/components/ButtonTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonTrigger.js","names":["React","BaseTrigger","addonTextChildren","Calendar","createComponent","Root","ButtonTriggerRoot","Children","childrenAddon","ButtonTrigger","Text","Addon","displayName"],"sources":["../../../src/components/ButtonTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport BaseTrigger from '@semcore/base-trigger';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport Calendar from '@semcore/icon/Calendar/m';\nimport createComponent, { Root } from '@semcore/core';\n\nconst ButtonTriggerRoot = ({ Children }) => {\n  const childrenAddon = addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon);\n\n  return (\n    <Root render={BaseTrigger}>\n      <ButtonTrigger.Addon tag={Calendar} />\n      {!childrenAddon ? <ButtonTrigger.Text /> : childrenAddon}\n    </Root>\n  );\n};\n\nButtonTriggerRoot.displayName = 'ButtonTrigger';\n\nconst ButtonTrigger = createComponent(ButtonTriggerRoot, {\n  Text: BaseTrigger.Text,\n  Addon: BaseTrigger.Addon,\n});\n\nexport default ButtonTrigger;\n"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,WAAP,MAAwB,uBAAxB;AACA,OAAOC,iBAAP,MAA8B,sCAA9B;AACA,OAAOC,QAAP,MAAqB,0BAArB;AACA,OAAOC,eAAP,IAA0BC,IAA1B,QAAsC,eAAtC;;AAEA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,QAAkB;EAAA;EAAA,IAAfC,QAAe,SAAfA,QAAe;EAC1C,IAAMC,aAAa,GAAGN,iBAAiB,CAACK,QAAD,EAAWE,aAAa,CAACC,IAAzB,EAA+BD,aAAa,CAACE,KAA7C,CAAvC;EAEA,oBACE,oBAAcV,WAAd,uCACE,oBAAC,aAAD,CAAe,KAAf;IAAqB,GAAG,EAAEE;EAA1B,EADF,EAEG,CAACK,aAAD,gBAAiB,oBAAC,aAAD,CAAe,IAAf,OAAjB,GAA0CA,aAF7C,CADF;AAMD,CATD;;AAWAF,iBAAiB,CAACM,WAAlB,GAAgC,eAAhC;AAEA,IAAMH,aAAa,GAAGL,eAAe,CAACE,iBAAD,EAAoB;EACvDI,IAAI,EAAET,WAAW,CAACS,IADqC;EAEvDC,KAAK,EAAEV,WAAW,CAACU;AAFoC,CAApB,CAArC;AAKA,eAAeF,aAAf"}
+{"version":3,"file":"ButtonTrigger.js","names":["React","BaseTrigger","addonTextChildren","Calendar","createComponent","Root","ButtonTriggerRoot","Children","empty","ButtonTrigger","Text","Addon","displayName"],"sources":["../../../src/components/ButtonTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport BaseTrigger from '@semcore/base-trigger';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport Calendar from '@semcore/icon/Calendar/m';\nimport createComponent, { Root } from '@semcore/core';\n\nconst ButtonTriggerRoot = ({ Children, empty }) => {\n  return (\n    <Root render={BaseTrigger}>\n      <ButtonTrigger.Addon tag={Calendar} />\n      {empty ? (\n        <ButtonTrigger.Text />\n      ) : (\n        addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon)\n      )}\n    </Root>\n  );\n};\n\nButtonTriggerRoot.displayName = 'ButtonTrigger';\n\nconst ButtonTrigger = createComponent(ButtonTriggerRoot, {\n  Text: BaseTrigger.Text,\n  Addon: BaseTrigger.Addon,\n});\n\nexport default ButtonTrigger;\n"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,WAAP,MAAwB,uBAAxB;AACA,OAAOC,iBAAP,MAA8B,sCAA9B;AACA,OAAOC,QAAP,MAAqB,0BAArB;AACA,OAAOC,eAAP,IAA0BC,IAA1B,QAAsC,eAAtC;;AAEA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,QAAyB;EAAA;EAAA,IAAtBC,QAAsB,SAAtBA,QAAsB;EAAA,IAAZC,KAAY,SAAZA,KAAY;EACjD,oBACE,oBAAcP,WAAd,uCACE,oBAAC,aAAD,CAAe,KAAf;IAAqB,GAAG,EAAEE;EAA1B,EADF,EAEGK,KAAK,gBACJ,oBAAC,aAAD,CAAe,IAAf,OADI,GAGJN,iBAAiB,CAACK,QAAD,EAAWE,aAAa,CAACC,IAAzB,EAA+BD,aAAa,CAACE,KAA7C,CALrB,CADF;AAUD,CAXD;;AAaAL,iBAAiB,CAACM,WAAlB,GAAgC,eAAhC;AAEA,IAAMH,aAAa,GAAGL,eAAe,CAACE,iBAAD,EAAoB;EACvDI,IAAI,EAAET,WAAW,CAACS,IADqC;EAEvDC,KAAK,EAAEV,WAAW,CAACU;AAFoC,CAApB,CAArC;AAKA,eAAeF,aAAf"}

package/lib/es6/components/Calendar.js

@@ -38,26 +38,26 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SCalendar_e3tvf_gg_{display:flex;flex-direction:column}.___SGridDays_e3tvf_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto));grid-template-rows:repeat(auto-fit,minmax(32px,auto))}.___SGridMonths_e3tvf_gg_{display:grid;grid-row-gap:8px;grid-template-columns:repeat(3,minmax(60px,auto));grid-template-rows:repeat(4,minmax(32px,auto))}.___SWeekDays_e3tvf_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto))}.___SWeekDay_e3tvf_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_e3tvf_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_e3tvf_gg_:hover{color:#191b23;background:#e0e1e9}.___SCalendarUnit_e3tvf_gg_.focus-visible{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SCalendarUnit_e3tvf_gg_:focus-visible{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SCalendarUnit_e3tvf_gg_.__today_e3tvf_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_e3tvf_gg_.__today_e3tvf_gg_.___SCalendarUnit_e3tvf_gg_.__endSelected_e3tvf_gg_:before,.___SCalendarUnit_e3tvf_gg_.__today_e3tvf_gg_.___SCalendarUnit_e3tvf_gg_.__startSelected_e3tvf_gg_:before{border-color:hsla(0,0%,100%,.5)}.___SCalendarUnit_e3tvf_gg_.__selected_e3tvf_gg_{background:#c4e5fe;border-radius:0;color:#191b23}.___SCalendarUnit_e3tvf_gg_.__selected_e3tvf_gg_:hover{background:#008ff8}.___SCalendarUnit_e3tvf_gg_.__highlighted_e3tvf_gg_{background:rgba(0,143,248,.2);border-radius:0;color:#191b23}.___SCalendarUnit_e3tvf_gg_.__highlighted_e3tvf_gg_:hover{background:rgba(0,143,248,.3)}.___SCalendarUnit_e3tvf_gg_.__startSelected_e3tvf_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_e3tvf_gg_.__startSelected_e3tvf_gg_:hover{color:#fff;background:#008ff8}.___SCalendarUnit_e3tvf_gg_.__endSelected_e3tvf_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_e3tvf_gg_.__endSelected_e3tvf_gg_:hover{color:#fff;background:#008ff8}.___SCalendarUnit_e3tvf_gg_.__startHighlighted_e3tvf_gg_{border-bottom-left-radius:6px;border-bottom-right-radius:0;border-top-left-radius:6px;border-top-right-radius:0}.___SCalendarUnit_e3tvf_gg_.__endHighlighted_e3tvf_gg_{border-bottom-left-radius:0;border-bottom-right-radius:6px;border-top-left-radius:0;border-top-right-radius:6px}.___SCalendarUnit_e3tvf_gg_.__startHighlighted_e3tvf_gg_.___SCalendarUnit_e3tvf_gg_.__endHighlighted_e3tvf_gg_{border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px}.___SCalendarUnit_e3tvf_gg_.__startSelected_e3tvf_gg_.___SCalendarUnit_e3tvf_gg_.__endSelected_e3tvf_gg_{border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px}.___SCalendarUnit_e3tvf_gg_.__outdated_e3tvf_gg_{opacity:.2}.___SCalendarUnit_e3tvf_gg_.__disabled_e3tvf_gg_{opacity:.4;cursor:default;pointer-events:none}@media (prefers-reduced-motion){.___SCalendarUnit_e3tvf_gg_{transition:none}}"
+":root {\n\n  /* DEPRECATED START\n     Deprecated variables should never be used in\n     components styles but preserved for backward\n     compatibility if they used in projects\n     like `<Badge bg=\"red\">alpha</Badge>`\n  */\n  /* DEPRECATED END */\n}\n\n.___SCalendar_1hrx9_gg_ {\n  display: flex;\n  flex-direction: column;\n}\n\n.___SGridDays_1hrx9_gg_ {\n  display: grid;\n  grid-template-columns: repeat(7, minmax(32px, auto));\n  grid-template-rows: repeat(auto-fit, minmax(32px, auto));\n}\n\n.___SGridMonths_1hrx9_gg_ {\n  display: grid;\n  grid-row-gap: 8px;\n  grid-template-columns: repeat(3, minmax(60px, auto));\n  grid-template-rows: repeat(4, minmax(32px, auto));\n}\n\n.___SWeekDays_1hrx9_gg_ {\n  display: grid;\n  grid-template-columns: repeat(7, minmax(32px, auto));\n}\n\n.___SWeekDay_1hrx9_gg_ {\n  min-width: 32px;\n  min-height: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #6c6e79;\n  font-size: 14px;\n  font-weight: 400;\n  overflow: hidden;\n}\n\n.___SCalendarUnit_1hrx9_gg_ {\n  font-family: inherit;\n  font-weight: normal;\n  line-height: normal;\n  text-decoration: none;\n  text-align: center;\n  vertical-align: middle;\n  border: 1px solid transparent;\n  color: #191b23;\n  outline: 0;\n  box-shadow: none;\n  overflow: visible;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  touch-action: manipulation;\n  -webkit-tap-highlight-color: transparent;\n  background: transparent;\n\n  align-items: center;\n  border-radius: 6px;\n  box-sizing: border-box;\n  cursor: pointer;\n  display: flex;\n  font-size: 14px;\n  justify-content: center;\n  min-height: 32px;\n  min-width: 32px;\n  position: relative;\n  transition: color 0.15s, background 0.15s;\n  outline: none;\n  margin: 0\n}\n\n.___SCalendarUnit_1hrx9_gg_:hover {\n    color: #191b23;\n    background: #e0e1e9;\n  }\n\n.___SCalendarUnit_1hrx9_gg_.focus-visible {\n    box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n  }\n\n.___SCalendarUnit_1hrx9_gg_:focus-visible {\n    box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n  }\n\n.___SCalendarUnit_1hrx9_gg_.__today_1hrx9_gg_:before {\n    content: '';\n    position: absolute;\n    display: block;\n    top: 1px;\n    left: 1px;\n    border-radius: 6px;\n    width: calc(100% - 2px);\n    height: calc(100% - 2px);\n    box-sizing: border-box;\n    border: 1px solid #c4c7cf;\n  }\n\n.___SCalendarUnit_1hrx9_gg_.__today_1hrx9_gg_.___SCalendarUnit_1hrx9_gg_.__startSelected_1hrx9_gg_:before, .___SCalendarUnit_1hrx9_gg_.__today_1hrx9_gg_.___SCalendarUnit_1hrx9_gg_.__endSelected_1hrx9_gg_:before {\n    border-color: rgba(255, 255, 255, 0.5);\n  }\n\n.___SCalendarUnit_1hrx9_gg_.__selected_1hrx9_gg_ {\n  background: #c4e5fe;\n  border-radius: 0;\n  color: #191b23\n}\n\n.___SCalendarUnit_1hrx9_gg_.__selected_1hrx9_gg_:hover {\n    background: #008ff8;\n  }\n\n.___SCalendarUnit_1hrx9_gg_.__highlighted_1hrx9_gg_ {\n  background: rgba(0, 143, 248, 0.2);\n  border-radius: 0;\n  color: #191b23\n}\n\n.___SCalendarUnit_1hrx9_gg_.__highlighted_1hrx9_gg_:hover {\n    background: rgba(0, 143, 248, 0.3);\n  }\n\n.___SCalendarUnit_1hrx9_gg_.__startSelected_1hrx9_gg_ {\n  border-bottom-left-radius: 6px;\n  border-bottom-right-radius: 0;\n  border-top-left-radius: 6px;\n  border-top-right-radius: 0;\n  color: white;\n  background: #2bb3ff\n}\n\n.___SCalendarUnit_1hrx9_gg_.__startSelected_1hrx9_gg_:hover {\n    color: white;\n    background: #008ff8;\n  }\n\n.___SCalendarUnit_1hrx9_gg_.__endSelected_1hrx9_gg_ {\n  background: #2bb3ff;\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 6px;\n  border-top-left-radius: 0;\n  border-top-right-radius: 6px;\n  color: white\n}\n\n.___SCalendarUnit_1hrx9_gg_.__endSelected_1hrx9_gg_:hover {\n    color: white;\n    background: #008ff8;\n  }\n\n.___SCalendarUnit_1hrx9_gg_.__startHighlighted_1hrx9_gg_ {\n  border-bottom-left-radius: 6px;\n  border-bottom-right-radius: 0;\n  border-top-left-radius: 6px;\n  border-top-right-radius: 0;\n}\n\n.___SCalendarUnit_1hrx9_gg_.__endHighlighted_1hrx9_gg_ {\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 6px;\n  border-top-left-radius: 0;\n  border-top-right-radius: 6px;\n}\n\n.___SCalendarUnit_1hrx9_gg_.__startHighlighted_1hrx9_gg_.___SCalendarUnit_1hrx9_gg_.__endHighlighted_1hrx9_gg_ {\n  border-bottom-left-radius: 6px;\n  border-bottom-right-radius: 6px;\n  border-top-left-radius: 6px;\n  border-top-right-radius: 6px;\n}\n\n.___SCalendarUnit_1hrx9_gg_.__startSelected_1hrx9_gg_.___SCalendarUnit_1hrx9_gg_.__endSelected_1hrx9_gg_ {\n  border-bottom-left-radius: 6px;\n  border-bottom-right-radius: 6px;\n  border-top-left-radius: 6px;\n  border-top-right-radius: 6px;\n}\n\n.___SCalendarUnit_1hrx9_gg_.__outdated_1hrx9_gg_ {\n  opacity: 0.2;\n}\n\n.___SCalendarUnit_1hrx9_gg_.__disabled_1hrx9_gg_ {\n  opacity: 0.4;\n  cursor: default;\n  pointer-events: none;\n}\n\n@media (prefers-reduced-motion) {\n  .___SCalendarUnit_1hrx9_gg_ {\n    transition: none;\n  }\n}\n"
 /*__inner_css_end__*/
-, "e3tvf_gg_")
+, "1hrx9_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SCalendar": "___SCalendar_e3tvf_gg_",
-  "__SGridDays": "___SGridDays_e3tvf_gg_",
-  "__SGridMonths": "___SGridMonths_e3tvf_gg_",
-  "__SWeekDays": "___SWeekDays_e3tvf_gg_",
-  "__SWeekDay": "___SWeekDay_e3tvf_gg_",
-  "__SCalendarUnit": "___SCalendarUnit_e3tvf_gg_",
-  "_today": "__today_e3tvf_gg_",
-  "_endSelected": "__endSelected_e3tvf_gg_",
-  "_startSelected": "__startSelected_e3tvf_gg_",
-  "_selected": "__selected_e3tvf_gg_",
-  "_highlighted": "__highlighted_e3tvf_gg_",
-  "_startHighlighted": "__startHighlighted_e3tvf_gg_",
-  "_endHighlighted": "__endHighlighted_e3tvf_gg_",
-  "_outdated": "__outdated_e3tvf_gg_",
-  "_disabled": "__disabled_e3tvf_gg_"
+  "__SCalendar": "___SCalendar_1hrx9_gg_",
+  "__SGridDays": "___SGridDays_1hrx9_gg_",
+  "__SGridMonths": "___SGridMonths_1hrx9_gg_",
+  "__SWeekDays": "___SWeekDays_1hrx9_gg_",
+  "__SWeekDay": "___SWeekDay_1hrx9_gg_",
+  "__SCalendarUnit": "___SCalendarUnit_1hrx9_gg_",
+  "_today": "__today_1hrx9_gg_",
+  "_startSelected": "__startSelected_1hrx9_gg_",
+  "_endSelected": "__endSelected_1hrx9_gg_",
+  "_selected": "__selected_1hrx9_gg_",
+  "_highlighted": "__highlighted_1hrx9_gg_",
+  "_startHighlighted": "__startHighlighted_1hrx9_gg_",
+  "_endHighlighted": "__endHighlighted_1hrx9_gg_",
+  "_outdated": "__outdated_1hrx9_gg_",
+  "_disabled": "__disabled_1hrx9_gg_"
 });
 dayjs.extend(isBetween);
 

package/lib/es6/components/PickerAbstract.js

@@ -34,16 +34,16 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SPopper_j339s_gg_{padding:16px;outline:0}.___SPopper_j339s_gg_::-moz-focus-inner{border:none;padding:0}.___SPopper_j339s_gg_:active,.___SPopper_j339s_gg_:focus,.___SPopper_j339s_gg_:hover{outline:0;text-decoration:none}.___SPopper_j339s_gg_:focus{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SHeader_j339s_gg_{display:flex;align-items:center}.___STitle_j339s_gg_{font-size:14px;color:#191b23;height:32px;width:100%;display:flex;justify-content:center;align-items:center}.___SToday_j339s_gg_{display:flex;margin-top:12px;justify-content:center}.___SPeriod_j339s_gg_{display:flex;flex-direction:column;margin-bottom:8px}"
+":root {\n\n  /* DEPRECATED START\n     Deprecated variables should never be used in\n     components styles but preserved for backward\n     compatibility if they used in projects\n     like `<Badge bg=\"red\">alpha</Badge>`\n  */\n  /* DEPRECATED END */\n}\n\n.___SPopper_vrubk_gg_ {\n  padding: 16px;\n  outline: 0\n}\n\n.___SPopper_vrubk_gg_::-moz-focus-inner {\n    border: none;\n    padding: 0;\n  }\n\n.___SPopper_vrubk_gg_:active,\n  .___SPopper_vrubk_gg_:hover,\n  .___SPopper_vrubk_gg_:focus {\n    outline: 0;\n    text-decoration: none;\n  }\n\n.___SPopper_vrubk_gg_:focus {\n    box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n  }\n\n.___SHeader_vrubk_gg_ {\n  display: flex;\n  align-items: center;\n}\n\n.___STitle_vrubk_gg_ {\n  font-size: 14px;\n  color: #191b23;\n  height: 32px;\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.___SToday_vrubk_gg_ {\n  display: flex;\n  margin-top: 12px;\n  justify-content: center;\n}\n\n.___SPeriod_vrubk_gg_ {\n  display: flex;\n  flex-direction: column;\n  margin-bottom: 8px;\n}\n"
 /*__inner_css_end__*/
-, "j339s_gg_")
+, "vrubk_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPopper": "___SPopper_j339s_gg_",
-  "__SHeader": "___SHeader_j339s_gg_",
-  "__STitle": "___STitle_j339s_gg_",
-  "__SToday": "___SToday_j339s_gg_",
-  "__SPeriod": "___SPeriod_j339s_gg_"
+  "__SPopper": "___SPopper_vrubk_gg_",
+  "__SHeader": "___SHeader_vrubk_gg_",
+  "__STitle": "___STitle_vrubk_gg_",
+  "__SToday": "___SToday_vrubk_gg_",
+  "__SPeriod": "___SPeriod_vrubk_gg_"
 });
 import includesDate from '../utils/includesDate';
 var i18n = {

package/lib/es6/components/RangePickerAbstract.js

@@ -41,16 +41,16 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SPopper_j339s_gg_{padding:16px;outline:0}.___SPopper_j339s_gg_::-moz-focus-inner{border:none;padding:0}.___SPopper_j339s_gg_:active,.___SPopper_j339s_gg_:focus,.___SPopper_j339s_gg_:hover{outline:0;text-decoration:none}.___SPopper_j339s_gg_:focus{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SHeader_j339s_gg_{display:flex;align-items:center}.___STitle_j339s_gg_{font-size:14px;color:#191b23;height:32px;width:100%;display:flex;justify-content:center;align-items:center}.___SToday_j339s_gg_{display:flex;margin-top:12px;justify-content:center}.___SPeriod_j339s_gg_{display:flex;flex-direction:column;margin-bottom:8px}"
+":root {\n\n  /* DEPRECATED START\n     Deprecated variables should never be used in\n     components styles but preserved for backward\n     compatibility if they used in projects\n     like `<Badge bg=\"red\">alpha</Badge>`\n  */\n  /* DEPRECATED END */\n}\n\n.___SPopper_vrubk_gg_ {\n  padding: 16px;\n  outline: 0\n}\n\n.___SPopper_vrubk_gg_::-moz-focus-inner {\n    border: none;\n    padding: 0;\n  }\n\n.___SPopper_vrubk_gg_:active,\n  .___SPopper_vrubk_gg_:hover,\n  .___SPopper_vrubk_gg_:focus {\n    outline: 0;\n    text-decoration: none;\n  }\n\n.___SPopper_vrubk_gg_:focus {\n    box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n  }\n\n.___SHeader_vrubk_gg_ {\n  display: flex;\n  align-items: center;\n}\n\n.___STitle_vrubk_gg_ {\n  font-size: 14px;\n  color: #191b23;\n  height: 32px;\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.___SToday_vrubk_gg_ {\n  display: flex;\n  margin-top: 12px;\n  justify-content: center;\n}\n\n.___SPeriod_vrubk_gg_ {\n  display: flex;\n  flex-direction: column;\n  margin-bottom: 8px;\n}\n"
 /*__inner_css_end__*/
-, "j339s_gg_")
+, "vrubk_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPopper": "___SPopper_j339s_gg_",
-  "__SHeader": "___SHeader_j339s_gg_",
-  "__STitle": "___STitle_j339s_gg_",
-  "__SToday": "___SToday_j339s_gg_",
-  "__SPeriod": "___SPeriod_j339s_gg_"
+  "__SPopper": "___SPopper_vrubk_gg_",
+  "__SHeader": "___SHeader_vrubk_gg_",
+  "__STitle": "___STitle_vrubk_gg_",
+  "__SToday": "___SToday_vrubk_gg_",
+  "__SPeriod": "___SPeriod_vrubk_gg_"
 });
 var i18n = {
   de: de,

package/lib/es6/components/index.js

@@ -96,12 +96,12 @@ var stylesBtn = (
 /*__reshadow_css_start__*/
 sstyled.insert(
 /*__inner_css_start__*/
-".___SInner_13t87_gg_{justify-content:flex-start}"
+"\n  .___SInner_xjh6k_gg_ {\n    justify-content: flex-start;\n  }\n"
 /*__inner_css_end__*/
-, "13t87_gg_")
+, "xjh6k_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SInner": "___SInner_13t87_gg_"
+  "__SInner": "___SInner_xjh6k_gg_"
 });
 export var Period = /*#__PURE__*/function (_Component) {
   _inherits(Period, _Component);

package/package.json

@@ -1,17 +1,13 @@
 {
   "name": "@semcore/date-picker",
   "description": "Semrush DatePicker Component",
-  "version": "3.3.11",
+  "version": "3.3.13",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
   "sideEffects": false,
   "author": "UI-kit team <ui-kit-team@semrush.com>",
   "license": "MIT",
-  "scripts": {
-    "build": "pnpm semcore-builder --source=js",
-    "test": "jest"
-  },
   "dependencies": {
     "@semcore/utils": "^3.27",
     "@semcore/base-trigger": "^3.0.0",
@@ -38,5 +34,9 @@
   "devDependencies": {
     "@types/react": "16.8 - 17",
     "@semcore/jest-preset-ui": "1.0.0"
+  },
+  "scripts": {
+    "build": "pnpm semcore-builder --source=js",
+    "test": "jest"
   }
-}
+}