@skbkontur/react-ui 0.0.0-d4e280859d → 0.0.0-d99038a7ec

package/cjs/components/Calendar/Calendar.styles.js

@@ -1,23 +1,23 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3;
+"use strict";exports.__esModule = true;exports.styles = void 0;var _Emotion = require("../../lib/theming/Emotion");function _EMOTION_STRINGIFIED_CSS_ERROR__() {return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";}
 
 
 var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   root: function root(t) {
     var width = parseInt(t.calendarCellWidth) * 7;
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      box-sizing: content-box;\n      border-radius: ", ";\n      color: ", ";\n      display: block;\n      padding: 0 ", ";\n      width: ", "px;\n      touch-action: none;\n    "])),
-    t.calendarBg,
+    return /*#__PURE__*/(0, _Emotion.css)("background:",
+    t.calendarBg, ";box-sizing:content-box;border-radius:",
 
-    t.calendarBorderRadius,
-    t.textColorDefault,
+    t.calendarBorderRadius, ";color:",
+    t.textColorDefault, ";display:block;padding:0 ",
 
-    t.calendarPaddingX,
-    width);
+    t.calendarPaddingX, ";width:",
+    width, "px;touch-action:none;" + (process.env.NODE_ENV === "production" ? "" : ";label:root;"));
 
 
   },
 
   wrapper: function wrapper() {
-    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: 14px;\n      position: relative;\n      overflow: hidden;\n    "])));
+    return /*#__PURE__*/(0, _Emotion.css)(process.env.NODE_ENV === "production" ? { name: "1gxcys1", styles: "font-size:14px;position:relative;overflow:hidden" } : { name: "1ka3si3-wrapper", styles: "font-size:14px;position:relative;overflow:hidden;label:wrapper;", toString: _EMOTION_STRINGIFIED_CSS_ERROR__ });
 
 
 
@@ -25,9 +25,9 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   separator: function separator(t) {
-    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-bottom: ", ";\n      margin: 0 ", ";\n    "])),
-    t.calendarBottomSeparatorBorder,
-    t.calendarMonthTitleMarginX);
+    return /*#__PURE__*/(0, _Emotion.css)("border-bottom:",
+    t.calendarBottomSeparatorBorder, ";margin:0 ",
+    t.calendarMonthTitleMarginX, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:separator;"));
 
   }
 });

package/cjs/components/Calendar/Calendar.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","styles","exports","memoizeStyle","root","t","width","parseInt","calendarCellWidth","css","_taggedTemplateLiteralLoose2","default","calendarBg","calendarBorderRadius","textColorDefault","calendarPaddingX","wrapper","separator","calendarBottomSeparatorBorder","calendarMonthTitleMarginX"],"sources":["Calendar.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    const width = parseInt(t.calendarCellWidth) * 7;\n    return css`\n      background: ${t.calendarBg};\n      box-sizing: content-box;\n      border-radius: ${t.calendarBorderRadius};\n      color: ${t.textColorDefault};\n      display: block;\n      padding: 0 ${t.calendarPaddingX};\n      width: ${width}px;\n      touch-action: none;\n    `;\n  },\n\n  wrapper() {\n    return css`\n      font-size: 14px;\n      position: relative;\n      overflow: hidden;\n    `;\n  },\n\n  separator(t: Theme) {\n    return css`\n      border-bottom: ${t.calendarBottomSeparatorBorder};\n      margin: 0 ${t.calendarMonthTitleMarginX};\n    `;\n  },\n});\n"],"mappings":"oRAAA,IAAAA,QAAA,GAAAC,OAAA,8BAA8D,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA;;;AAGvD,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,IAAMC,KAAK,GAAGC,QAAQ,CAACF,CAAC,CAACG,iBAAiB,CAAC,GAAG,CAAC;IAC/C,WAAOC,YAAG,EAAAX,eAAA,KAAAA,eAAA,OAAAY,4BAAA,CAAAC,OAAA;IACMN,CAAC,CAACO,UAAU;;IAETP,CAAC,CAACQ,oBAAoB;IAC9BR,CAAC,CAACS,gBAAgB;;IAEdT,CAAC,CAACU,gBAAgB;IACtBT,KAAK;;;EAGlB,CAAC;;EAEDU,OAAO,WAAAA,QAAA,EAAG;IACR,WAAOP,YAAG,EAAAV,gBAAA,KAAAA,gBAAA,OAAAW,4BAAA,CAAAC,OAAA;;;;;EAKZ,CAAC;;EAEDM,SAAS,WAAAA,UAACZ,CAAQ,EAAE;IAClB,WAAOI,YAAG,EAAAT,gBAAA,KAAAA,gBAAA,OAAAU,4BAAA,CAAAC,OAAA;IACSN,CAAC,CAACa,6BAA6B;IACpCb,CAAC,CAACc,yBAAyB;;EAE3C;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_EMOTION_STRINGIFIED_CSS_ERROR__","styles","exports","memoizeStyle","root","t","width","parseInt","calendarCellWidth","css","calendarBg","calendarBorderRadius","textColorDefault","calendarPaddingX","process","env","NODE_ENV","wrapper","name","toString","separator","calendarBottomSeparatorBorder","calendarMonthTitleMarginX"],"sources":["Calendar.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    const width = parseInt(t.calendarCellWidth) * 7;\n    return css`\n      background: ${t.calendarBg};\n      box-sizing: content-box;\n      border-radius: ${t.calendarBorderRadius};\n      color: ${t.textColorDefault};\n      display: block;\n      padding: 0 ${t.calendarPaddingX};\n      width: ${width}px;\n      touch-action: none;\n    `;\n  },\n\n  wrapper() {\n    return css`\n      font-size: 14px;\n      position: relative;\n      overflow: hidden;\n    `;\n  },\n\n  separator(t: Theme) {\n    return css`\n      border-bottom: ${t.calendarBottomSeparatorBorder};\n      margin: 0 ${t.calendarMonthTitleMarginX};\n    `;\n  },\n});\n"],"mappings":"+DAAA,IAAAA,QAAA,GAAAC,OAAA,8BAA8D,SAAAC,iCAAA;;;AAGvD,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,IAAMC,KAAK,GAAGC,QAAQ,CAACF,CAAC,CAACG,iBAAiB,CAAC,GAAG,CAAC;IAC/C,wBAAOC,YAAG;IACMJ,CAAC,CAACK,UAAU;;IAETL,CAAC,CAACM,oBAAoB;IAC9BN,CAAC,CAACO,gBAAgB;;IAEdP,CAAC,CAACQ,gBAAgB;IACtBP,KAAK,6BAAAQ,OAAA,CAAAC,GAAA,CAAAC,QAAA;;;EAGlB,CAAC;;EAEDC,OAAO,WAAAA,QAAA,EAAG;IACR,wBAAOR,YAAG,EAAAK,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAAE,IAAA,aAAAjB,MAAA,2DAAAiB,IAAA,qBAAAjB,MAAA,qEAAAkB,QAAA,EAAAnB,gCAAA;;;;;EAKZ,CAAC;;EAEDoB,SAAS,WAAAA,UAACf,CAAQ,EAAE;IAClB,wBAAOI,YAAG;IACSJ,CAAC,CAACgB,6BAA6B;IACpChB,CAAC,CAACiB,yBAAyB,SAAAR,OAAA,CAAAC,GAAA,CAAAC,QAAA;;EAE3C;AACF,CAAC,CAAC","ignoreList":[]}

package/cjs/components/Calendar/DayCellView.styles.js

@@ -1,31 +1,33 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");
+"use strict";exports.__esModule = true;exports.styles = void 0;var _Emotion = require("../../lib/theming/Emotion");
 
-var _Mixins = require("../../lib/styles/Mixins");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+var _Mixins = require("../../lib/styles/Mixins");
 
 var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   cell: function cell(t) {
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      flex: 1 1 ", ";\n      height: ", ";\n    "])),
-    t.calendarCellWidth,
-    t.calendarCellHeight);
+    return /*#__PURE__*/(0, _Emotion.css)("flex:1 1 ",
+    t.calendarCellWidth, ";height:",
+    t.calendarCellHeight, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:cell;"));
 
   },
   day: function day(t) {
-    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n      width: 100%;\n      height: 100%;\n\n      background: ", ";\n      border: 1px solid transparent;\n      font-size: ", ";\n      padding: 0;\n      text-align: center;\n      user-select: none;\n      position: relative;\n      line-height: ", ";\n      border-radius: ", ";\n      transition:\n        0.15s ease background-color,\n        0.15s ease opacity;\n\n      // Expand the clickable area\n      &:before {\n        content: '';\n        position: absolute;\n        left: -1px;\n        top: -1px;\n        width: calc(100% + 2px);\n        height: calc(100% + 2px);\n      }\n\n      @media (hover: hover) {\n        &:hover {\n          background-color: ", ";\n          color: ", ";\n          cursor: pointer;\n        }\n      }\n\n      &:disabled {\n        opacity: 0.5;\n        pointer-events: none;\n      }\n      &:active:hover:enabled {\n        color: ", ";\n      }\n    "])),
-    (0, _Mixins.resetButton)(),
+    return /*#__PURE__*/(0, _Emotion.css)(
+      (0, _Mixins.resetButton)(), ";width:100%;height:100%;background:",
 
 
 
-    t.calendarCellBg,
+      t.calendarCellBg, ";border:1px solid transparent;font-size:",
 
-    t.calendarCellFontSize,
+      t.calendarCellFontSize, ";padding:0;text-align:center;user-select:none;position:relative;line-height:",
 
 
 
 
-    t.calendarCellLineHeight,
-    t.calendarCellBorderRadius,
+      t.calendarCellLineHeight, ";border-radius:",
+      t.calendarCellBorderRadius, ";&:hover{background-color:",
 
 
+      t.calendarCellHoverBgColor, ";color:",
+      t.calendarCellHoverColor, ";cursor:pointer;}&:disabled{opacity:0.5;pointer-events:none;}&:active:hover:enabled{color:",
 
 
 
@@ -33,46 +35,28 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
 
 
 
-
-
-
-
-
-
-
-    t.calendarCellHoverBgColor,
-    t.calendarCellHoverColor,
-
-
-
-
-
-
-
-
-
-    t.calendarCellActiveHoverColor);
+      t.calendarCellActiveHoverColor, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:day;"));
 
 
   },
 
   selected: function selected(t) {
-    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background-color: ", ";\n      color: ", ";\n    "])),
-    t.calendarCellSelectedBgColor,
-    t.calendarCellSelectedFontColor);
+    return /*#__PURE__*/(0, _Emotion.css)("background-color:",
+    t.calendarCellSelectedBgColor, ";color:",
+    t.calendarCellSelectedFontColor, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:selected;"));
 
   },
 
   weekend: function weekend(t) {
-    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
-    t.calendarCellWeekendColor);
+    return /*#__PURE__*/(0, _Emotion.css)("color:",
+    t.calendarCellWeekendColor, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:weekend;"));
 
   },
 
   todayCaption: function todayCaption(t) {
-    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-bottom: 2px;\n      border-bottom: ", ";\n    "])),
+    return /*#__PURE__*/(0, _Emotion.css)("padding-bottom:2px;border-bottom:",
 
-    t.calendarCellTodayBorder);
+    t.calendarCellTodayBorder, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:todayCaption;"));
 
   }
 });

package/cjs/components/Calendar/DayCellView.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_Mixins","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","styles","exports","memoizeStyle","cell","t","css","_taggedTemplateLiteralLoose2","default","calendarCellWidth","calendarCellHeight","day","resetButton","calendarCellBg","calendarCellFontSize","calendarCellLineHeight","calendarCellBorderRadius","calendarCellHoverBgColor","calendarCellHoverColor","calendarCellActiveHoverColor","selected","calendarCellSelectedBgColor","calendarCellSelectedFontColor","weekend","calendarCellWeekendColor","todayCaption","calendarCellTodayBorder"],"sources":["DayCellView.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport { resetButton } from '../../lib/styles/Mixins';\n\nexport const styles = memoizeStyle({\n  cell(t: Theme) {\n    return css`\n      flex: 1 1 ${t.calendarCellWidth};\n      height: ${t.calendarCellHeight};\n    `;\n  },\n  day(t: Theme) {\n    return css`\n      ${resetButton()};\n      width: 100%;\n      height: 100%;\n\n      background: ${t.calendarCellBg};\n      border: 1px solid transparent;\n      font-size: ${t.calendarCellFontSize};\n      padding: 0;\n      text-align: center;\n      user-select: none;\n      position: relative;\n      line-height: ${t.calendarCellLineHeight};\n      border-radius: ${t.calendarCellBorderRadius};\n      transition:\n        0.15s ease background-color,\n        0.15s ease opacity;\n\n      // Expand the clickable area\n      &:before {\n        content: '';\n        position: absolute;\n        left: -1px;\n        top: -1px;\n        width: calc(100% + 2px);\n        height: calc(100% + 2px);\n      }\n\n      @media (hover: hover) {\n        &:hover {\n          background-color: ${t.calendarCellHoverBgColor};\n          color: ${t.calendarCellHoverColor};\n          cursor: pointer;\n        }\n      }\n\n      &:disabled {\n        opacity: 0.5;\n        pointer-events: none;\n      }\n      &:active:hover:enabled {\n        color: ${t.calendarCellActiveHoverColor};\n      }\n    `;\n  },\n\n  selected(t: Theme) {\n    return css`\n      background-color: ${t.calendarCellSelectedBgColor};\n      color: ${t.calendarCellSelectedFontColor};\n    `;\n  },\n\n  weekend(t: Theme) {\n    return css`\n      color: ${t.calendarCellWeekendColor};\n    `;\n  },\n\n  todayCaption(t: Theme) {\n    return css`\n      padding-bottom: 2px;\n      border-bottom: ${t.calendarCellTodayBorder};\n    `;\n  },\n});\n"],"mappings":"oRAAA,IAAAA,QAAA,GAAAC,OAAA;;AAEA,IAAAC,OAAA,GAAAD,OAAA,4BAAsD,IAAAE,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAE/C,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,WAAOC,YAAG,EAAAV,eAAA,KAAAA,eAAA,OAAAW,4BAAA,CAAAC,OAAA;IACIH,CAAC,CAACI,iBAAiB;IACrBJ,CAAC,CAACK,kBAAkB;;EAElC,CAAC;EACDC,GAAG,WAAAA,IAACN,CAAQ,EAAE;IACZ,WAAOC,YAAG,EAAAT,gBAAA,KAAAA,gBAAA,OAAAU,4BAAA,CAAAC,OAAA;IACN,IAAAI,mBAAW,EAAC,CAAC;;;;IAIDP,CAAC,CAACQ,cAAc;;IAEjBR,CAAC,CAACS,oBAAoB;;;;;IAKpBT,CAAC,CAACU,sBAAsB;IACtBV,CAAC,CAACW,wBAAwB;;;;;;;;;;;;;;;;;IAiBnBX,CAAC,CAACY,wBAAwB;IACrCZ,CAAC,CAACa,sBAAsB;;;;;;;;;;IAU1Bb,CAAC,CAACc,4BAA4B;;;EAG7C,CAAC;;EAEDC,QAAQ,WAAAA,SAACf,CAAQ,EAAE;IACjB,WAAOC,YAAG,EAAAR,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;IACYH,CAAC,CAACgB,2BAA2B;IACxChB,CAAC,CAACiB,6BAA6B;;EAE5C,CAAC;;EAEDC,OAAO,WAAAA,QAAClB,CAAQ,EAAE;IAChB,WAAOC,YAAG,EAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;IACCH,CAAC,CAACmB,wBAAwB;;EAEvC,CAAC;;EAEDC,YAAY,WAAAA,aAACpB,CAAQ,EAAE;IACrB,WAAOC,YAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;;IAESH,CAAC,CAACqB,uBAAuB;;EAE9C;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_Mixins","styles","exports","memoizeStyle","cell","t","css","calendarCellWidth","calendarCellHeight","process","env","NODE_ENV","day","resetButton","calendarCellBg","calendarCellFontSize","calendarCellLineHeight","calendarCellBorderRadius","calendarCellHoverBgColor","calendarCellHoverColor","calendarCellActiveHoverColor","selected","calendarCellSelectedBgColor","calendarCellSelectedFontColor","weekend","calendarCellWeekendColor","todayCaption","calendarCellTodayBorder"],"sources":["DayCellView.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport { resetButton } from '../../lib/styles/Mixins';\n\nexport const styles = memoizeStyle({\n  cell(t: Theme) {\n    return css`\n      flex: 1 1 ${t.calendarCellWidth};\n      height: ${t.calendarCellHeight};\n    `;\n  },\n  day(t: Theme) {\n    return css`\n      ${resetButton()};\n      width: 100%;\n      height: 100%;\n\n      background: ${t.calendarCellBg};\n      border: 1px solid transparent;\n      font-size: ${t.calendarCellFontSize};\n      padding: 0;\n      text-align: center;\n      user-select: none;\n      position: relative;\n      line-height: ${t.calendarCellLineHeight};\n      border-radius: ${t.calendarCellBorderRadius};\n\n      &:hover {\n        background-color: ${t.calendarCellHoverBgColor};\n        color: ${t.calendarCellHoverColor};\n        cursor: pointer;\n      }\n      &:disabled {\n        opacity: 0.5;\n        pointer-events: none;\n      }\n      &:active:hover:enabled {\n        color: ${t.calendarCellActiveHoverColor};\n      }\n    `;\n  },\n\n  selected(t: Theme) {\n    return css`\n      background-color: ${t.calendarCellSelectedBgColor};\n      color: ${t.calendarCellSelectedFontColor};\n    `;\n  },\n\n  weekend(t: Theme) {\n    return css`\n      color: ${t.calendarCellWeekendColor};\n    `;\n  },\n\n  todayCaption(t: Theme) {\n    return css`\n      padding-bottom: 2px;\n      border-bottom: ${t.calendarCellTodayBorder};\n    `;\n  },\n});\n"],"mappings":"+DAAA,IAAAA,QAAA,GAAAC,OAAA;;AAEA,IAAAC,OAAA,GAAAD,OAAA;;AAEO,IAAME,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,wBAAOC,YAAG;IACID,CAAC,CAACE,iBAAiB;IACrBF,CAAC,CAACG,kBAAkB,SAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;;EAElC,CAAC;EACDC,GAAG,WAAAA,IAACP,CAAQ,EAAE;IACZ,wBAAOC,YAAG;MACN,IAAAO,mBAAW,EAAC,CAAC;;;;MAIDR,CAAC,CAACS,cAAc;;MAEjBT,CAAC,CAACU,oBAAoB;;;;;MAKpBV,CAAC,CAACW,sBAAsB;MACtBX,CAAC,CAACY,wBAAwB;;;MAGrBZ,CAAC,CAACa,wBAAwB;MACrCb,CAAC,CAACc,sBAAsB;;;;;;;;MAQxBd,CAAC,CAACe,4BAA4B,UAAAX,OAAA,CAAAC,GAAA,CAAAC,QAAA;;;EAG7C,CAAC;;EAEDU,QAAQ,WAAAA,SAAChB,CAAQ,EAAE;IACjB,wBAAOC,YAAG;IACYD,CAAC,CAACiB,2BAA2B;IACxCjB,CAAC,CAACkB,6BAA6B,SAAAd,OAAA,CAAAC,GAAA,CAAAC,QAAA;;EAE5C,CAAC;;EAEDa,OAAO,WAAAA,QAACnB,CAAQ,EAAE;IAChB,wBAAOC,YAAG;IACCD,CAAC,CAACoB,wBAAwB,SAAAhB,OAAA,CAAAC,GAAA,CAAAC,QAAA;;EAEvC,CAAC;;EAEDe,YAAY,WAAAA,aAACrB,CAAQ,EAAE;IACrB,wBAAOC,YAAG;;IAESD,CAAC,CAACsB,uBAAuB,SAAAlB,OAAA,CAAAC,GAAA,CAAAC,QAAA;;EAE9C;AACF,CAAC,CAAC","ignoreList":[]}

package/cjs/components/Calendar/MonthView.styles.js

@@ -1,56 +1,56 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
+"use strict";exports.__esModule = true;exports.styles = void 0;var _Emotion = require("../../lib/theming/Emotion");function _EMOTION_STRINGIFIED_CSS_ERROR__() {return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";}
 
 
 var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   headerMonth: function headerMonth(t) {
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      padding: ", " 0 ", ";\n    "])),
+    return /*#__PURE__*/(0, _Emotion.css)("display:inline-block;padding:",
 
-    t.calendarMonthTitlePaddingTop, t.calendarMonthTitlePaddingBottom);
+    t.calendarMonthTitlePaddingTop, " 0 ", t.calendarMonthTitlePaddingBottom, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:headerMonth;"));
 
   },
 
   headerYear: function headerYear(t) {
-    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      position: absolute;\n      right: 0;\n      padding: ", " 0 ", ";\n    "])),
+    return /*#__PURE__*/(0, _Emotion.css)("display:inline-block;position:absolute;right:0;padding:",
 
 
 
-    t.calendarMonthTitlePaddingTop, t.calendarMonthTitlePaddingBottom);
+    t.calendarMonthTitlePaddingTop, " 0 ", t.calendarMonthTitlePaddingBottom, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:headerYear;"));
 
   },
 
   month: function month(t) {
     var width = parseInt(t.calendarCellWidth) * 7;
-    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: absolute;\n      width: ", "px;\n    "])),
+    return /*#__PURE__*/(0, _Emotion.css)("position:absolute;width:",
 
-    width);
+    width, "px;" + (process.env.NODE_ENV === "production" ? "" : ";label:month;"));
 
   },
 
   monthMobile: function monthMobile() {
-    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: 100%;\n    "])));
+    return /*#__PURE__*/(0, _Emotion.css)(process.env.NODE_ENV === "production" ? { name: "1d3w5wq", styles: "width:100%" } : { name: "1y5wdxb-monthMobile", styles: "width:100%;label:monthMobile;", toString: _EMOTION_STRINGIFIED_CSS_ERROR__ });
 
 
   },
 
   header: function header() {
-    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n    "])));
+    return /*#__PURE__*/(0, _Emotion.css)(process.env.NODE_ENV === "production" ? { name: "bjn8wh", styles: "position:relative" } : { name: "1p982iv-header", styles: "position:relative;label:header;", toString: _EMOTION_STRINGIFIED_CSS_ERROR__ });
 
 
   },
 
   headerSticky: function headerSticky(t) {
-    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background-color: ", ";\n      z-index: 2;\n    "])),
-    t.calendarMonthHeaderStickedBgColor);
+    return /*#__PURE__*/(0, _Emotion.css)("background-color:",
+    t.calendarMonthHeaderStickedBgColor, ";z-index:2;" + (process.env.NODE_ENV === "production" ? "" : ";label:headerSticky;"));
 
 
   },
 
   monthTitle: function monthTitle(t) {
-    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-bottom: 1px solid ", ";\n      font-weight: ", ";\n      margin: 0 ", " ", ";\n      line-height: ", ";\n    "])),
-    t.calendarMonthTitleBorderBottomColor,
-    t.dateSelectFontWeight,
-    t.calendarMonthTitleMarginX, t.calendarMonthTitleMarginBottom,
-    t.calendarMonthTitleLineHeight);
+    return /*#__PURE__*/(0, _Emotion.css)("border-bottom:1px solid ",
+    t.calendarMonthTitleBorderBottomColor, ";font-weight:",
+    t.dateSelectFontWeight, ";margin:0 ",
+    t.calendarMonthTitleMarginX, " ", t.calendarMonthTitleMarginBottom, ";line-height:",
+    t.calendarMonthTitleLineHeight, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:monthTitle;"));
 
   },
 
@@ -59,27 +59,27 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
    * grid-template-columns: repeat(7, minmax(0, 1fr));
    */
   monthDayGrid: function monthDayGrid(t) {
-    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      line-height: ", ";\n      display: flex;\n      flex-direction: column;\n      padding: ", " 0px;\n    "])),
-    t.calendarCellLineHeight,
+    return /*#__PURE__*/(0, _Emotion.css)("line-height:",
+    t.calendarCellLineHeight, ";display:flex;flex-direction:column;padding:",
 
 
-    t.calendarGridRowSpacing);
+    t.calendarGridRowSpacing, " 0px;" + (process.env.NODE_ENV === "production" ? "" : ";label:monthDayGrid;"));
 
   },
 
   monthDayRow: function monthDayRow(t) {
-    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: flex;\n      justify-content: space-between;\n\n      & + & {\n        margin-top: ", ";\n      }\n    "])),
+    return /*#__PURE__*/(0, _Emotion.css)("display:flex;justify-content:space-between;&+&{margin-top:",
 
 
 
 
-    t.calendarGridRowSpacing);
+    t.calendarGridRowSpacing, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:monthDayRow;"));
 
 
   },
 
   nativeSelect: function nativeSelect() {
-    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: absolute;\n      top: -12px;\n      right: 0;\n      bottom: -8px;\n      left: 0;\n      cursor: pointer;\n      appearance: none;\n      opacity: 0;\n      border: none;\n    "])));
+    return /*#__PURE__*/(0, _Emotion.css)(process.env.NODE_ENV === "production" ? { name: "1xk95oo", styles: "position:absolute;top:-12px;right:0;bottom:-8px;left:0;cursor:pointer;appearance:none;opacity:0;border:none" } : { name: "8an57q-nativeSelect", styles: "position:absolute;top:-12px;right:0;bottom:-8px;left:0;cursor:pointer;appearance:none;opacity:0;border:none;label:nativeSelect;", toString: _EMOTION_STRINGIFIED_CSS_ERROR__ });
 
 
 

package/cjs/components/Calendar/MonthView.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","styles","exports","memoizeStyle","headerMonth","t","css","_taggedTemplateLiteralLoose2","default","calendarMonthTitlePaddingTop","calendarMonthTitlePaddingBottom","headerYear","month","width","parseInt","calendarCellWidth","monthMobile","header","headerSticky","calendarMonthHeaderStickedBgColor","monthTitle","calendarMonthTitleBorderBottomColor","dateSelectFontWeight","calendarMonthTitleMarginX","calendarMonthTitleMarginBottom","calendarMonthTitleLineHeight","monthDayGrid","calendarCellLineHeight","calendarGridRowSpacing","monthDayRow","nativeSelect"],"sources":["MonthView.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  headerMonth(t: Theme) {\n    return css`\n      display: inline-block;\n      padding: ${t.calendarMonthTitlePaddingTop} 0 ${t.calendarMonthTitlePaddingBottom};\n    `;\n  },\n\n  headerYear(t: Theme) {\n    return css`\n      display: inline-block;\n      position: absolute;\n      right: 0;\n      padding: ${t.calendarMonthTitlePaddingTop} 0 ${t.calendarMonthTitlePaddingBottom};\n    `;\n  },\n\n  month(t: Theme) {\n    const width = parseInt(t.calendarCellWidth) * 7;\n    return css`\n      position: absolute;\n      width: ${width}px;\n    `;\n  },\n\n  monthMobile() {\n    return css`\n      width: 100%;\n    `;\n  },\n\n  header() {\n    return css`\n      position: relative;\n    `;\n  },\n\n  headerSticky(t: Theme) {\n    return css`\n      background-color: ${t.calendarMonthHeaderStickedBgColor};\n      z-index: 2;\n    `;\n  },\n\n  monthTitle(t: Theme) {\n    return css`\n      border-bottom: 1px solid ${t.calendarMonthTitleBorderBottomColor};\n      font-weight: ${t.dateSelectFontWeight};\n      margin: 0 ${t.calendarMonthTitleMarginX} ${t.calendarMonthTitleMarginBottom};\n      line-height: ${t.calendarMonthTitleLineHeight};\n    `;\n  },\n\n  /* Note: this could've been\n   * display: grid;\n   * grid-template-columns: repeat(7, minmax(0, 1fr));\n   */\n  monthDayGrid(t: Theme) {\n    return css`\n      line-height: ${t.calendarCellLineHeight};\n      display: flex;\n      flex-direction: column;\n      padding: ${t.calendarGridRowSpacing} 0px;\n    `;\n  },\n\n  monthDayRow(t: Theme) {\n    return css`\n      display: flex;\n      justify-content: space-between;\n\n      & + & {\n        margin-top: ${t.calendarGridRowSpacing};\n      }\n    `;\n  },\n\n  nativeSelect() {\n    return css`\n      position: absolute;\n      top: -12px;\n      right: 0;\n      bottom: -8px;\n      left: 0;\n      cursor: pointer;\n      appearance: none;\n      opacity: 0;\n      border: none;\n    `;\n  },\n});\n"],"mappings":"oRAAA,IAAAA,QAAA,GAAAC,OAAA,8BAA8D,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,iBAAA;;;AAGvD,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,WAAW,WAAAA,YAACC,CAAQ,EAAE;IACpB,WAAOC,YAAG,EAAAf,eAAA,KAAAA,eAAA,OAAAgB,4BAAA,CAAAC,OAAA;;IAEGH,CAAC,CAACI,4BAA4B,EAAMJ,CAAC,CAACK,+BAA+B;;EAEpF,CAAC;;EAEDC,UAAU,WAAAA,WAACN,CAAQ,EAAE;IACnB,WAAOC,YAAG,EAAAd,gBAAA,KAAAA,gBAAA,OAAAe,4BAAA,CAAAC,OAAA;;;;IAIGH,CAAC,CAACI,4BAA4B,EAAMJ,CAAC,CAACK,+BAA+B;;EAEpF,CAAC;;EAEDE,KAAK,WAAAA,MAACP,CAAQ,EAAE;IACd,IAAMQ,KAAK,GAAGC,QAAQ,CAACT,CAAC,CAACU,iBAAiB,CAAC,GAAG,CAAC;IAC/C,WAAOT,YAAG,EAAAb,gBAAA,KAAAA,gBAAA,OAAAc,4BAAA,CAAAC,OAAA;;IAECK,KAAK;;EAElB,CAAC;;EAEDG,WAAW,WAAAA,YAAA,EAAG;IACZ,WAAOV,YAAG,EAAAZ,gBAAA,KAAAA,gBAAA,OAAAa,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDS,MAAM,WAAAA,OAAA,EAAG;IACP,WAAOX,YAAG,EAAAX,gBAAA,KAAAA,gBAAA,OAAAY,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDU,YAAY,WAAAA,aAACb,CAAQ,EAAE;IACrB,WAAOC,YAAG,EAAAV,gBAAA,KAAAA,gBAAA,OAAAW,4BAAA,CAAAC,OAAA;IACYH,CAAC,CAACc,iCAAiC;;;EAG3D,CAAC;;EAEDC,UAAU,WAAAA,WAACf,CAAQ,EAAE;IACnB,WAAOC,YAAG,EAAAT,gBAAA,KAAAA,gBAAA,OAAAU,4BAAA,CAAAC,OAAA;IACmBH,CAAC,CAACgB,mCAAmC;IACjDhB,CAAC,CAACiB,oBAAoB;IACzBjB,CAAC,CAACkB,yBAAyB,EAAIlB,CAAC,CAACmB,8BAA8B;IAC5DnB,CAAC,CAACoB,4BAA4B;;EAEjD,CAAC;;EAED;AACF;AACA;AACA;EACEC,YAAY,WAAAA,aAACrB,CAAQ,EAAE;IACrB,WAAOC,YAAG,EAAAR,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;IACOH,CAAC,CAACsB,sBAAsB;;;IAG5BtB,CAAC,CAACuB,sBAAsB;;EAEvC,CAAC;;EAEDC,WAAW,WAAAA,YAACxB,CAAQ,EAAE;IACpB,WAAOC,YAAG,EAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;;;;;IAKQH,CAAC,CAACuB,sBAAsB;;;EAG5C,CAAC;;EAEDE,YAAY,WAAAA,aAAA,EAAG;IACb,WAAOxB,YAAG,EAAAN,iBAAA,KAAAA,iBAAA,OAAAO,4BAAA,CAAAC,OAAA;;;;;;;;;;;EAWZ;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_EMOTION_STRINGIFIED_CSS_ERROR__","styles","exports","memoizeStyle","headerMonth","t","css","calendarMonthTitlePaddingTop","calendarMonthTitlePaddingBottom","process","env","NODE_ENV","headerYear","month","width","parseInt","calendarCellWidth","monthMobile","name","toString","header","headerSticky","calendarMonthHeaderStickedBgColor","monthTitle","calendarMonthTitleBorderBottomColor","dateSelectFontWeight","calendarMonthTitleMarginX","calendarMonthTitleMarginBottom","calendarMonthTitleLineHeight","monthDayGrid","calendarCellLineHeight","calendarGridRowSpacing","monthDayRow","nativeSelect"],"sources":["MonthView.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  headerMonth(t: Theme) {\n    return css`\n      display: inline-block;\n      padding: ${t.calendarMonthTitlePaddingTop} 0 ${t.calendarMonthTitlePaddingBottom};\n    `;\n  },\n\n  headerYear(t: Theme) {\n    return css`\n      display: inline-block;\n      position: absolute;\n      right: 0;\n      padding: ${t.calendarMonthTitlePaddingTop} 0 ${t.calendarMonthTitlePaddingBottom};\n    `;\n  },\n\n  month(t: Theme) {\n    const width = parseInt(t.calendarCellWidth) * 7;\n    return css`\n      position: absolute;\n      width: ${width}px;\n    `;\n  },\n\n  monthMobile() {\n    return css`\n      width: 100%;\n    `;\n  },\n\n  header() {\n    return css`\n      position: relative;\n    `;\n  },\n\n  headerSticky(t: Theme) {\n    return css`\n      background-color: ${t.calendarMonthHeaderStickedBgColor};\n      z-index: 2;\n    `;\n  },\n\n  monthTitle(t: Theme) {\n    return css`\n      border-bottom: 1px solid ${t.calendarMonthTitleBorderBottomColor};\n      font-weight: ${t.dateSelectFontWeight};\n      margin: 0 ${t.calendarMonthTitleMarginX} ${t.calendarMonthTitleMarginBottom};\n      line-height: ${t.calendarMonthTitleLineHeight};\n    `;\n  },\n\n  /* Note: this could've been\n   * display: grid;\n   * grid-template-columns: repeat(7, minmax(0, 1fr));\n   */\n  monthDayGrid(t: Theme) {\n    return css`\n      line-height: ${t.calendarCellLineHeight};\n      display: flex;\n      flex-direction: column;\n      padding: ${t.calendarGridRowSpacing} 0px;\n    `;\n  },\n\n  monthDayRow(t: Theme) {\n    return css`\n      display: flex;\n      justify-content: space-between;\n\n      & + & {\n        margin-top: ${t.calendarGridRowSpacing};\n      }\n    `;\n  },\n\n  nativeSelect() {\n    return css`\n      position: absolute;\n      top: -12px;\n      right: 0;\n      bottom: -8px;\n      left: 0;\n      cursor: pointer;\n      appearance: none;\n      opacity: 0;\n      border: none;\n    `;\n  },\n});\n"],"mappings":"+DAAA,IAAAA,QAAA,GAAAC,OAAA,8BAA8D,SAAAC,iCAAA;;;AAGvD,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,WAAW,WAAAA,YAACC,CAAQ,EAAE;IACpB,wBAAOC,YAAG;;IAEGD,CAAC,CAACE,4BAA4B,SAAMF,CAAC,CAACG,+BAA+B,SAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;;EAEpF,CAAC;;EAEDC,UAAU,WAAAA,WAACP,CAAQ,EAAE;IACnB,wBAAOC,YAAG;;;;IAIGD,CAAC,CAACE,4BAA4B,SAAMF,CAAC,CAACG,+BAA+B,SAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;;EAEpF,CAAC;;EAEDE,KAAK,WAAAA,MAACR,CAAQ,EAAE;IACd,IAAMS,KAAK,GAAGC,QAAQ,CAACV,CAAC,CAACW,iBAAiB,CAAC,GAAG,CAAC;IAC/C,wBAAOV,YAAG;;IAECQ,KAAK,WAAAL,OAAA,CAAAC,GAAA,CAAAC,QAAA;;EAElB,CAAC;;EAEDM,WAAW,WAAAA,YAAA,EAAG;IACZ,wBAAOX,YAAG,EAAAG,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAAO,IAAA,aAAAjB,MAAA,qBAAAiB,IAAA,yBAAAjB,MAAA,mCAAAkB,QAAA,EAAAnB,gCAAA;;;EAGZ,CAAC;;EAEDoB,MAAM,WAAAA,OAAA,EAAG;IACP,wBAAOd,YAAG,EAAAG,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAAO,IAAA,YAAAjB,MAAA,4BAAAiB,IAAA,oBAAAjB,MAAA,qCAAAkB,QAAA,EAAAnB,gCAAA;;;EAGZ,CAAC;;EAEDqB,YAAY,WAAAA,aAAChB,CAAQ,EAAE;IACrB,wBAAOC,YAAG;IACYD,CAAC,CAACiB,iCAAiC,mBAAAb,OAAA,CAAAC,GAAA,CAAAC,QAAA;;;EAG3D,CAAC;;EAEDY,UAAU,WAAAA,WAAClB,CAAQ,EAAE;IACnB,wBAAOC,YAAG;IACmBD,CAAC,CAACmB,mCAAmC;IACjDnB,CAAC,CAACoB,oBAAoB;IACzBpB,CAAC,CAACqB,yBAAyB,OAAIrB,CAAC,CAACsB,8BAA8B;IAC5DtB,CAAC,CAACuB,4BAA4B,SAAAnB,OAAA,CAAAC,GAAA,CAAAC,QAAA;;EAEjD,CAAC;;EAED;AACF;AACA;AACA;EACEkB,YAAY,WAAAA,aAACxB,CAAQ,EAAE;IACrB,wBAAOC,YAAG;IACOD,CAAC,CAACyB,sBAAsB;;;IAG5BzB,CAAC,CAAC0B,sBAAsB,aAAAtB,OAAA,CAAAC,GAAA,CAAAC,QAAA;;EAEvC,CAAC;;EAEDqB,WAAW,WAAAA,YAAC3B,CAAQ,EAAE;IACpB,wBAAOC,YAAG;;;;;IAKQD,CAAC,CAAC0B,sBAAsB,UAAAtB,OAAA,CAAAC,GAAA,CAAAC,QAAA;;;EAG5C,CAAC;;EAEDsB,YAAY,WAAAA,aAAA,EAAG;IACb,wBAAO3B,YAAG,EAAAG,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAAO,IAAA,aAAAjB,MAAA,sHAAAiB,IAAA,yBAAAjB,MAAA,qIAAAkB,QAAA,EAAAnB,gCAAA;;;;;;;;;;;EAWZ;AACF,CAAC,CAAC","ignoreList":[]}

package/cjs/components/Calendar/__creevey__/Calendar.creevey.mts

@@ -0,0 +1,74 @@
+import { story, kind, test } from 'creevey';
+
+import { delay } from '../../../lib/delay';
+
+kind('Calendar', () => {
+  story('CalendarWithMinMaxDate', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: { "themes don't affect logic": { in: /^(?!\b(chrome2022|firefox2022)\b)/ } },
+    });
+    test('DateSelect months', async (context) => {
+      await delay(1000);
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: '[data-comp-name~="Calendar"]' }))
+        .pause(1000)
+        .click(
+          context.webdriver.findElement({
+            css: '[data-tid="MonthView__month"]:first-child [data-tid="MonthView__headerMonth"] [data-tid="DateSelect__caption"]',
+          }),
+        )
+        .perform();
+      await context.matchImage(await context.takeScreenshot(), 'DateSelect months');
+    });
+
+    test('DateSelect years', async (context) => {
+      await delay(1000);
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: '[data-comp-name~="Calendar"]' }))
+        .pause(1000)
+        .click(
+          context.webdriver.findElement({
+            css: '[data-comp-name~="MonthView"]:first-child [data-tid="MonthView__headerYear"] [data-tid="DateSelect__caption"]',
+          }),
+        )
+        .perform();
+      await context.matchImage(await context.takeScreenshot(), 'DateSelect years');
+    });
+  });
+
+  story('ScrollsCalendarOnDateChange', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: { "themes don't affect logic": { in: /^(?!\b(chrome2022|firefox2022)\b)/ } },
+    });
+    test('initial date', async (context) => {
+      await context.matchImage(await context.takeScreenshot(), 'initial date');
+    });
+
+    test('scrolls to new date on date change', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: '[data-tid="change-date-button"]' }))
+        .perform();
+      await delay(1000);
+      await context.matchImage(await context.takeScreenshot(), 'scrolls to new date on date change');
+    });
+  });
+
+  story('CalendarWithBottomSeparator', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: {
+        "themes don't affect the bottom separator": {
+          in: /^(?!\b(chrome2022|chrome2022Dark|firefox2022|firefox2022Dark)\b)/,
+        },
+      },
+    });
+  });
+});

package/cjs/components/Center/Center.styles.js

@@ -1,27 +1,27 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+"use strict";exports.__esModule = true;exports.styles = void 0;var _Emotion = require("../../lib/theming/Emotion");function _EMOTION_STRINGIFIED_CSS_ERROR__() {return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";}
 
 var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   root: function root() {
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      height: 100%;\n      text-align: center;\n    "])));
+    return /*#__PURE__*/(0, _Emotion.css)(process.env.NODE_ENV === "production" ? { name: "ggkbdj", styles: "height:100%;text-align:center" } : { name: "18fa9s9-root", styles: "height:100%;text-align:center;label:root;", toString: _EMOTION_STRINGIFIED_CSS_ERROR__ });
 
 
 
   },
 
   rootAlignLeft: function rootAlignLeft() {
-    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      text-align: left;\n    "])));
+    return /*#__PURE__*/(0, _Emotion.css)(process.env.NODE_ENV === "production" ? { name: "1flj9lk", styles: "text-align:left" } : { name: "hq78l9-rootAlignLeft", styles: "text-align:left;label:rootAlignLeft;", toString: _EMOTION_STRINGIFIED_CSS_ERROR__ });
 
 
   },
 
   rootAlignRight: function rootAlignRight() {
-    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      text-align: right;\n    "])));
+    return /*#__PURE__*/(0, _Emotion.css)(process.env.NODE_ENV === "production" ? { name: "2qga7i", styles: "text-align:right" } : { name: "14x14rz-rootAlignRight", styles: "text-align:right;label:rootAlignRight;", toString: _EMOTION_STRINGIFIED_CSS_ERROR__ });
 
 
   },
 
   spring: function spring() {
-    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      height: 100%;\n      vertical-align: middle;\n    "])));
+    return /*#__PURE__*/(0, _Emotion.css)(process.env.NODE_ENV === "production" ? { name: "eyuj82", styles: "display:inline-block;height:100%;vertical-align:middle" } : { name: "14covkk-spring", styles: "display:inline-block;height:100%;vertical-align:middle;label:spring;", toString: _EMOTION_STRINGIFIED_CSS_ERROR__ });
 
 
 
@@ -29,7 +29,7 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   container: function container() {
-    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      text-align: left;\n      vertical-align: middle;\n    "])));
+    return /*#__PURE__*/(0, _Emotion.css)(process.env.NODE_ENV === "production" ? { name: "1e3v9xk", styles: "display:inline-block;text-align:left;vertical-align:middle" } : { name: "4h5rog-container", styles: "display:inline-block;text-align:left;vertical-align:middle;label:container;", toString: _EMOTION_STRINGIFIED_CSS_ERROR__ });
 
 
 

package/cjs/components/Center/Center.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","styles","exports","memoizeStyle","root","css","_taggedTemplateLiteralLoose2","default","rootAlignLeft","rootAlignRight","spring","container"],"sources":["Center.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      height: 100%;\n      text-align: center;\n    `;\n  },\n\n  rootAlignLeft() {\n    return css`\n      text-align: left;\n    `;\n  },\n\n  rootAlignRight() {\n    return css`\n      text-align: right;\n    `;\n  },\n\n  spring() {\n    return css`\n      display: inline-block;\n      height: 100%;\n      vertical-align: middle;\n    `;\n  },\n\n  container() {\n    return css`\n      display: inline-block;\n      text-align: left;\n      vertical-align: middle;\n    `;\n  },\n});\n"],"mappings":"oRAAA,IAAAA,QAAA,GAAAC,OAAA,8BAA8D,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAEvD,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,IAAI,WAAAA,KAAA,EAAG;IACL,WAAOC,YAAG,EAAAT,eAAA,KAAAA,eAAA,OAAAU,4BAAA,CAAAC,OAAA;;;;EAIZ,CAAC;;EAEDC,aAAa,WAAAA,cAAA,EAAG;IACd,WAAOH,YAAG,EAAAR,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDE,cAAc,WAAAA,eAAA,EAAG;IACf,WAAOJ,YAAG,EAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDG,MAAM,WAAAA,OAAA,EAAG;IACP,WAAOL,YAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;;;;;EAKZ,CAAC;;EAEDI,SAAS,WAAAA,UAAA,EAAG;IACV,WAAON,YAAG,EAAAL,gBAAA,KAAAA,gBAAA,OAAAM,4BAAA,CAAAC,OAAA;;;;;EAKZ;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_EMOTION_STRINGIFIED_CSS_ERROR__","styles","exports","memoizeStyle","root","css","process","env","NODE_ENV","name","toString","rootAlignLeft","rootAlignRight","spring","container"],"sources":["Center.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      height: 100%;\n      text-align: center;\n    `;\n  },\n\n  rootAlignLeft() {\n    return css`\n      text-align: left;\n    `;\n  },\n\n  rootAlignRight() {\n    return css`\n      text-align: right;\n    `;\n  },\n\n  spring() {\n    return css`\n      display: inline-block;\n      height: 100%;\n      vertical-align: middle;\n    `;\n  },\n\n  container() {\n    return css`\n      display: inline-block;\n      text-align: left;\n      vertical-align: middle;\n    `;\n  },\n});\n"],"mappings":"+DAAA,IAAAA,QAAA,GAAAC,OAAA,8BAA8D,SAAAC,iCAAA;;AAEvD,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,IAAI,WAAAA,KAAA,EAAG;IACL,wBAAOC,YAAG,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAAC,IAAA,YAAAR,MAAA,wCAAAQ,IAAA,kBAAAR,MAAA,+CAAAS,QAAA,EAAAV,gCAAA;;;;EAIZ,CAAC;;EAEDW,aAAa,WAAAA,cAAA,EAAG;IACd,wBAAON,YAAG,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAAC,IAAA,aAAAR,MAAA,0BAAAQ,IAAA,0BAAAR,MAAA,0CAAAS,QAAA,EAAAV,gCAAA;;;EAGZ,CAAC;;EAEDY,cAAc,WAAAA,eAAA,EAAG;IACf,wBAAOP,YAAG,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAAC,IAAA,YAAAR,MAAA,2BAAAQ,IAAA,4BAAAR,MAAA,4CAAAS,QAAA,EAAAV,gCAAA;;;EAGZ,CAAC;;EAEDa,MAAM,WAAAA,OAAA,EAAG;IACP,wBAAOR,YAAG,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAAC,IAAA,YAAAR,MAAA,iEAAAQ,IAAA,oBAAAR,MAAA,0EAAAS,QAAA,EAAAV,gCAAA;;;;;EAKZ,CAAC;;EAEDc,SAAS,WAAAA,UAAA,EAAG;IACV,wBAAOT,YAAG,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAAC,IAAA,aAAAR,MAAA,qEAAAQ,IAAA,sBAAAR,MAAA,iFAAAS,QAAA,EAAAV,gCAAA;;;;;EAKZ;AACF,CAAC,CAAC","ignoreList":[]}

package/cjs/components/Checkbox/Checkbox.mixins.js

@@ -1,15 +1,15 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.checkboxSizeMixin = exports.boxWrapperSizeMixin = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");
+"use strict";exports.__esModule = true;exports.checkboxSizeMixin = exports.boxWrapperSizeMixin = void 0;var _Emotion = require("../../lib/theming/Emotion");
 var _client = require("../../lib/client");
-var _getLabGrotesqueBaselineCompensation = require("../../lib/styles/getLabGrotesqueBaselineCompensation");var _templateObject, _templateObject2;
+var _getLabGrotesqueBaselineCompensation = require("../../lib/styles/getLabGrotesqueBaselineCompensation");
 
 var checkboxSizeMixin = exports.checkboxSizeMixin = function checkboxSizeMixin(fontSize, lineHeight, paddingY, checkboxBoxSize) {
-  return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n    line-height: ", ";\n    font-size: ", ";\n    padding: ", " 0;\n\n    &::before {\n      width: ", ";\n    }\n  "])),
-  lineHeight,
-  fontSize,
-  paddingY,
+  return /*#__PURE__*/(0, _Emotion.css)("line-height:",
+  lineHeight, ";font-size:",
+  fontSize, ";padding:",
+  paddingY, " 0;&::before{width:",
 
 
-  checkboxBoxSize);
+  checkboxBoxSize, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:checkboxSizeMixin;"));
 
 
 };
@@ -29,9 +29,9 @@ checkboxBoxOffsetY)
     _client.isFirefox
   );
 
-  return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n    width: ", ";\n    height: ", ";\n    margin-top: calc(", " + ", "px);\n  "])),
-  checkboxBoxSize,
-  checkboxBoxSize,
-  checkboxBoxOffsetY, baselineCompensation);
+  return /*#__PURE__*/(0, _Emotion.css)("width:",
+  checkboxBoxSize, ";height:",
+  checkboxBoxSize, ";margin-top:calc(",
+  checkboxBoxOffsetY, " + ", baselineCompensation, "px);" + (process.env.NODE_ENV === "production" ? "" : ";label:boxWrapperSizeMixin;"));
 
 };

package/cjs/components/Checkbox/Checkbox.mixins.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_client","_getLabGrotesqueBaselineCompensation","_templateObject","_templateObject2","checkboxSizeMixin","exports","fontSize","lineHeight","paddingY","checkboxBoxSize","css","_taggedTemplateLiteralLoose2","default","boxWrapperSizeMixin","labGrotesqueBaselineCompensation","checkboxBoxOffsetY","labGrotesqueCompenstation","parseInt","boxFontSize","baselineCompensation","getLabGrotesqueBaselineCompensation","isChrome","isFirefox"],"sources":["Checkbox.mixins.ts"],"sourcesContent":["import { css } from '../../lib/theming/Emotion';\nimport { isChrome, isFirefox } from '../../lib/client';\nimport { getLabGrotesqueBaselineCompensation } from '../../lib/styles/getLabGrotesqueBaselineCompensation';\n\nexport const checkboxSizeMixin = (fontSize: string, lineHeight: string, paddingY: string, checkboxBoxSize: string) => {\n  return css`\n    line-height: ${lineHeight};\n    font-size: ${fontSize};\n    padding: ${paddingY} 0;\n\n    &::before {\n      width: ${checkboxBoxSize};\n    }\n  `;\n};\n\nexport const boxWrapperSizeMixin = (\n  labGrotesqueBaselineCompensation: string,\n  fontSize: string,\n  checkboxBoxSize: string,\n  checkboxBoxOffsetY: string,\n) => {\n  const labGrotesqueCompenstation = parseInt(labGrotesqueBaselineCompensation);\n  const boxFontSize = parseInt(fontSize);\n  const baselineCompensation = getLabGrotesqueBaselineCompensation(\n    boxFontSize,\n    labGrotesqueCompenstation,\n    isChrome,\n    isFirefox,\n  );\n\n  return css`\n    width: ${checkboxBoxSize};\n    height: ${checkboxBoxSize};\n    margin-top: calc(${checkboxBoxOffsetY} + ${baselineCompensation}px);\n  `;\n};\n"],"mappings":"6TAAA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,oCAAA,GAAAF,OAAA,yDAA2G,IAAAG,eAAA,EAAAC,gBAAA;;AAEpG,IAAMC,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,SAApBA,iBAAiBA,CAAIE,QAAgB,EAAEC,UAAkB,EAAEC,QAAgB,EAAEC,eAAuB,EAAK;EACpH,WAAOC,YAAG,EAAAR,eAAA,KAAAA,eAAA,OAAAS,4BAAA,CAAAC,OAAA;EACOL,UAAU;EACZD,QAAQ;EACVE,QAAQ;;;EAGRC,eAAe;;;AAG9B,CAAC;;AAEM,IAAMI,mBAAmB,GAAAR,OAAA,CAAAQ,mBAAA,GAAG,SAAtBA,mBAAmBA;AAC9BC,gCAAwC;AACxCR,QAAgB;AAChBG,eAAuB;AACvBM,kBAA0B;AACvB;EACH,IAAMC,yBAAyB,GAAGC,QAAQ,CAACH,gCAAgC,CAAC;EAC5E,IAAMI,WAAW,GAAGD,QAAQ,CAACX,QAAQ,CAAC;EACtC,IAAMa,oBAAoB,GAAG,IAAAC,wEAAmC;IAC9DF,WAAW;IACXF,yBAAyB;IACzBK,gBAAQ;IACRC;EACF,CAAC;;EAED,WAAOZ,YAAG,EAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;EACCH,eAAe;EACdA,eAAe;EACNM,kBAAkB,EAAMI,oBAAoB;;AAEnE,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_client","_getLabGrotesqueBaselineCompensation","checkboxSizeMixin","exports","fontSize","lineHeight","paddingY","checkboxBoxSize","css","process","env","NODE_ENV","boxWrapperSizeMixin","labGrotesqueBaselineCompensation","checkboxBoxOffsetY","labGrotesqueCompenstation","parseInt","boxFontSize","baselineCompensation","getLabGrotesqueBaselineCompensation","isChrome","isFirefox"],"sources":["Checkbox.mixins.ts"],"sourcesContent":["import { css } from '../../lib/theming/Emotion';\nimport { isChrome, isFirefox } from '../../lib/client';\nimport { getLabGrotesqueBaselineCompensation } from '../../lib/styles/getLabGrotesqueBaselineCompensation';\n\nexport const checkboxSizeMixin = (fontSize: string, lineHeight: string, paddingY: string, checkboxBoxSize: string) => {\n  return css`\n    line-height: ${lineHeight};\n    font-size: ${fontSize};\n    padding: ${paddingY} 0;\n\n    &::before {\n      width: ${checkboxBoxSize};\n    }\n  `;\n};\n\nexport const boxWrapperSizeMixin = (\n  labGrotesqueBaselineCompensation: string,\n  fontSize: string,\n  checkboxBoxSize: string,\n  checkboxBoxOffsetY: string,\n) => {\n  const labGrotesqueCompenstation = parseInt(labGrotesqueBaselineCompensation);\n  const boxFontSize = parseInt(fontSize);\n  const baselineCompensation = getLabGrotesqueBaselineCompensation(\n    boxFontSize,\n    labGrotesqueCompenstation,\n    isChrome,\n    isFirefox,\n  );\n\n  return css`\n    width: ${checkboxBoxSize};\n    height: ${checkboxBoxSize};\n    margin-top: calc(${checkboxBoxOffsetY} + ${baselineCompensation}px);\n  `;\n};\n"],"mappings":"wGAAA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,oCAAA,GAAAF,OAAA;;AAEO,IAAMG,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,SAApBA,iBAAiBA,CAAIE,QAAgB,EAAEC,UAAkB,EAAEC,QAAgB,EAAEC,eAAuB,EAAK;EACpH,wBAAOC,YAAG;EACOH,UAAU;EACZD,QAAQ;EACVE,QAAQ;;;EAGRC,eAAe,UAAAE,OAAA,CAAAC,GAAA,CAAAC,QAAA;;;AAG9B,CAAC;;AAEM,IAAMC,mBAAmB,GAAAT,OAAA,CAAAS,mBAAA,GAAG,SAAtBA,mBAAmBA;AAC9BC,gCAAwC;AACxCT,QAAgB;AAChBG,eAAuB;AACvBO,kBAA0B;AACvB;EACH,IAAMC,yBAAyB,GAAGC,QAAQ,CAACH,gCAAgC,CAAC;EAC5E,IAAMI,WAAW,GAAGD,QAAQ,CAACZ,QAAQ,CAAC;EACtC,IAAMc,oBAAoB,GAAG,IAAAC,wEAAmC;IAC9DF,WAAW;IACXF,yBAAyB;IACzBK,gBAAQ;IACRC;EACF,CAAC;;EAED,wBAAOb,YAAG;EACCD,eAAe;EACdA,eAAe;EACNO,kBAAkB,SAAMI,oBAAoB,YAAAT,OAAA,CAAAC,GAAA,CAAAC,QAAA;;AAEnE,CAAC","ignoreList":[]}