@skbkontur/react-ui 4.9.0 → 4.9.2-theme2022.2

package/cjs/internal/Calendar/DayCellView.js

@@ -3,6 +3,7 @@
 
 var _ThemeContext = require("../../lib/theming/ThemeContext");
 var _Emotion = require("../../lib/theming/Emotion");
+var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
 
 var CDS = _interopRequireWildcard(require("./CalendarDateShape"));
 var _DayCellView = require("./DayCellView.styles");function _getRequireWildcardCache(nodeInterop) {if (typeof WeakMap !== "function") return null;var cacheBabelInterop = new WeakMap();var cacheNodeInterop = new WeakMap();return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) {return nodeInterop ? cacheNodeInterop : cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj, nodeInterop) {if (!nodeInterop && obj && obj.__esModule) {return obj;}if (obj === null || typeof obj !== "object" && typeof obj !== "function") {return { default: obj };}var cache = _getRequireWildcardCache(nodeInterop);if (cache && cache.has(obj)) {return cache.get(obj);}var newObj = {};var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;for (var key in obj) {if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;if (desc && (desc.get || desc.set)) {Object.defineProperty(newObj, key, desc);} else {newObj[key] = obj[key];}}}newObj.default = obj;if (cache) {cache.set(obj, newObj);}return newObj;}
@@ -20,25 +21,35 @@ var _DayCellView = require("./DayCellView.styles");function _getRequireWildcardC
 function DayCellView(props) {var _cx;
   var date = props.date,minDate = props.minDate,maxDate = props.maxDate,today = props.today,value = props.value,isWeekend = props.isWeekend,onDateClick = props.onDateClick;
   var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
+  var _isTheme2022 = (0, _ThemeHelpers.isTheme2022)(theme);
 
   var handleClick = function handleClick() {
     var _props$date = props.date,date = _props$date.date,month = _props$date.month,year = _props$date.year;
     onDateClick == null ? void 0 : onDateClick({ date: date, month: month, year: year });
   };
 
+  var child = _isTheme2022 ? /*#__PURE__*/
+  _react.default.createElement("span", { className: (0, _Emotion.cx)(_DayCellView.globalClasses.todayCaption, _DayCellView.styles.todayCaption()) }, date.date) :
+
+  date.date;
+
+
+  var isToday = Boolean(today && CDS.isEqual(date, today));
+
   return /*#__PURE__*/(
     _react.default.createElement("button", {
       tabIndex: -1,
       disabled: !CDS.isBetween(date, minDate, maxDate),
       className: (0, _Emotion.cx)((_cx = {}, _cx[
       _DayCellView.styles.cell(theme)] = true, _cx[
-      _DayCellView.styles.today(theme)] = Boolean(today && CDS.isEqual(date, today)), _cx[
+      _DayCellView.styles.today(theme)] = isToday && !_isTheme2022, _cx[
+      _DayCellView.styles.today2022()] = isToday && _isTheme2022, _cx[
       _DayCellView.styles.selected(theme)] = Boolean(value && CDS.isEqual(date, value)), _cx[
       _DayCellView.styles.weekend(theme)] = Boolean(isWeekend), _cx)),
 
       onClick: handleClick },
 
-    date.date));
+    child));
 
 
 }

package/cjs/internal/Calendar/DayCellView.js.map

@@ -1 +1 @@
-{"version":3,"sources":["DayCellView.tsx"],"names":["DayCellView","props","date","minDate","maxDate","today","value","isWeekend","onDateClick","theme","ThemeContext","handleClick","month","year","CDS","isBetween","styles","cell","Boolean","isEqual","selected","weekend"],"mappings":"yEAAA;;;AAGA;AACA;;AAEA;AACA,mD;;;;;;;;;;;;AAYO,SAASA,WAAT,CAAqBC,KAArB,EAA8C;AACnD,MAAQC,IAAR,GAAyED,KAAzE,CAAQC,IAAR,CAAcC,OAAd,GAAyEF,KAAzE,CAAcE,OAAd,CAAuBC,OAAvB,GAAyEH,KAAzE,CAAuBG,OAAvB,CAAgCC,KAAhC,GAAyEJ,KAAzE,CAAgCI,KAAhC,CAAuCC,KAAvC,GAAyEL,KAAzE,CAAuCK,KAAvC,CAA8CC,SAA9C,GAAyEN,KAAzE,CAA8CM,SAA9C,CAAyDC,WAAzD,GAAyEP,KAAzE,CAAyDO,WAAzD;AACA,MAAMC,KAAK,GAAG,uBAAWC,0BAAX,CAAd;;AAEA,MAAMC,WAAW,GAAG,SAAdA,WAAc,GAAM;AACxB,sBAA8BV,KAAK,CAACC,IAApC,CAAQA,IAAR,eAAQA,IAAR,CAAcU,KAAd,eAAcA,KAAd,CAAqBC,IAArB,eAAqBA,IAArB;AACAL,IAAAA,WAAW,QAAX,YAAAA,WAAW,CAAG,EAAEN,IAAI,EAAJA,IAAF,EAAQU,KAAK,EAALA,KAAR,EAAeC,IAAI,EAAJA,IAAf,EAAH,CAAX;AACD,GAHD;;AAKA;AACE;AACE,MAAA,QAAQ,EAAE,CAAC,CADb;AAEE,MAAA,QAAQ,EAAE,CAACC,GAAG,CAACC,SAAJ,CAAcb,IAAd,EAAoBC,OAApB,EAA6BC,OAA7B,CAFb;AAGE,MAAA,SAAS,EAAE;AACRY,0BAAOC,IAAP,CAAYR,KAAZ,CADQ,IACa,IADb;AAERO,0BAAOX,KAAP,CAAaI,KAAb,CAFQ,IAEcS,OAAO,CAACb,KAAK,IAAIS,GAAG,CAACK,OAAJ,CAAYjB,IAAZ,EAAkBG,KAAlB,CAAV,CAFrB;AAGRW,0BAAOI,QAAP,CAAgBX,KAAhB,CAHQ,IAGiBS,OAAO,CAACZ,KAAK,IAAIQ,GAAG,CAACK,OAAJ,CAAYjB,IAAZ,EAAkBI,KAAlB,CAAV,CAHxB;AAIRU,0BAAOK,OAAP,CAAeZ,KAAf,CAJQ,IAIgBS,OAAO,CAACX,SAAD,CAJvB,OAHb;;AASE,MAAA,OAAO,EAAEI,WATX;;AAWGT,IAAAA,IAAI,CAACA,IAXR,CADF;;;AAeD","sourcesContent":["import React, { useContext } from 'react';\n\nimport { Nullable } from '../../typings/utility-types';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport * as CDS from './CalendarDateShape';\nimport { styles } from './DayCellView.styles';\n\ninterface DayCellViewProps {\n  date: CDS.CalendarDateShape;\n  today?: CDS.CalendarDateShape;\n  value?: Nullable<CDS.CalendarDateShape>;\n  minDate?: CDS.CalendarDateShape;\n  maxDate?: CDS.CalendarDateShape;\n  onDateClick?: (day: CDS.CalendarDateShape) => void;\n  isWeekend?: boolean;\n}\n\nexport function DayCellView(props: DayCellViewProps) {\n  const { date, minDate, maxDate, today, value, isWeekend, onDateClick } = props;\n  const theme = useContext(ThemeContext);\n\n  const handleClick = () => {\n    const { date, month, year } = props.date;\n    onDateClick?.({ date, month, year });\n  };\n\n  return (\n    <button\n      tabIndex={-1}\n      disabled={!CDS.isBetween(date, minDate, maxDate)}\n      className={cx({\n        [styles.cell(theme)]: true,\n        [styles.today(theme)]: Boolean(today && CDS.isEqual(date, today)),\n        [styles.selected(theme)]: Boolean(value && CDS.isEqual(date, value)),\n        [styles.weekend(theme)]: Boolean(isWeekend),\n      })}\n      onClick={handleClick}\n    >\n      {date.date}\n    </button>\n  );\n}\n"]}
+{"version":3,"sources":["DayCellView.tsx"],"names":["DayCellView","props","date","minDate","maxDate","today","value","isWeekend","onDateClick","theme","ThemeContext","_isTheme2022","handleClick","month","year","child","globalClasses","todayCaption","styles","isToday","Boolean","CDS","isEqual","isBetween","cell","today2022","selected","weekend"],"mappings":"yEAAA;;;AAGA;AACA;AACA;;AAEA;AACA,mD;;;;;;;;;;;;AAYO,SAASA,WAAT,CAAqBC,KAArB,EAA8C;AACnD,MAAQC,IAAR,GAAyED,KAAzE,CAAQC,IAAR,CAAcC,OAAd,GAAyEF,KAAzE,CAAcE,OAAd,CAAuBC,OAAvB,GAAyEH,KAAzE,CAAuBG,OAAvB,CAAgCC,KAAhC,GAAyEJ,KAAzE,CAAgCI,KAAhC,CAAuCC,KAAvC,GAAyEL,KAAzE,CAAuCK,KAAvC,CAA8CC,SAA9C,GAAyEN,KAAzE,CAA8CM,SAA9C,CAAyDC,WAAzD,GAAyEP,KAAzE,CAAyDO,WAAzD;AACA,MAAMC,KAAK,GAAG,uBAAWC,0BAAX,CAAd;AACA,MAAMC,YAAY,GAAG,+BAAYF,KAAZ,CAArB;;AAEA,MAAMG,WAAW,GAAG,SAAdA,WAAc,GAAM;AACxB,sBAA8BX,KAAK,CAACC,IAApC,CAAQA,IAAR,eAAQA,IAAR,CAAcW,KAAd,eAAcA,KAAd,CAAqBC,IAArB,eAAqBA,IAArB;AACAN,IAAAA,WAAW,QAAX,YAAAA,WAAW,CAAG,EAAEN,IAAI,EAAJA,IAAF,EAAQW,KAAK,EAALA,KAAR,EAAeC,IAAI,EAAJA,IAAf,EAAH,CAAX;AACD,GAHD;;AAKA,MAAMC,KAAK,GAAGJ,YAAY;AACxB,yCAAM,SAAS,EAAE,iBAAGK,2BAAcC,YAAjB,EAA+BC,oBAAOD,YAAP,EAA/B,CAAjB,IAAyEf,IAAI,CAACA,IAA9E,CADwB;;AAGxBA,EAAAA,IAAI,CAACA,IAHP;;;AAMA,MAAMiB,OAAO,GAAGC,OAAO,CAACf,KAAK,IAAIgB,GAAG,CAACC,OAAJ,CAAYpB,IAAZ,EAAkBG,KAAlB,CAAV,CAAvB;;AAEA;AACE;AACE,MAAA,QAAQ,EAAE,CAAC,CADb;AAEE,MAAA,QAAQ,EAAE,CAACgB,GAAG,CAACE,SAAJ,CAAcrB,IAAd,EAAoBC,OAApB,EAA6BC,OAA7B,CAFb;AAGE,MAAA,SAAS,EAAE;AACRc,0BAAOM,IAAP,CAAYf,KAAZ,CADQ,IACa,IADb;AAERS,0BAAOb,KAAP,CAAaI,KAAb,CAFQ,IAEcU,OAAO,IAAI,CAACR,YAF1B;AAGRO,0BAAOO,SAAP,EAHQ,IAGaN,OAAO,IAAIR,YAHxB;AAIRO,0BAAOQ,QAAP,CAAgBjB,KAAhB,CAJQ,IAIiBW,OAAO,CAACd,KAAK,IAAIe,GAAG,CAACC,OAAJ,CAAYpB,IAAZ,EAAkBI,KAAlB,CAAV,CAJxB;AAKRY,0BAAOS,OAAP,CAAelB,KAAf,CALQ,IAKgBW,OAAO,CAACb,SAAD,CALvB,OAHb;;AAUE,MAAA,OAAO,EAAEK,WAVX;;AAYGG,IAAAA,KAZH,CADF;;;AAgBD","sourcesContent":["import React, { useContext } from 'react';\n\nimport { Nullable } from '../../typings/utility-types';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { cx } from '../../lib/theming/Emotion';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\n\nimport * as CDS from './CalendarDateShape';\nimport { globalClasses, styles } from './DayCellView.styles';\n\ninterface DayCellViewProps {\n  date: CDS.CalendarDateShape;\n  today?: CDS.CalendarDateShape;\n  value?: Nullable<CDS.CalendarDateShape>;\n  minDate?: CDS.CalendarDateShape;\n  maxDate?: CDS.CalendarDateShape;\n  onDateClick?: (day: CDS.CalendarDateShape) => void;\n  isWeekend?: boolean;\n}\n\nexport function DayCellView(props: DayCellViewProps) {\n  const { date, minDate, maxDate, today, value, isWeekend, onDateClick } = props;\n  const theme = useContext(ThemeContext);\n  const _isTheme2022 = isTheme2022(theme);\n\n  const handleClick = () => {\n    const { date, month, year } = props.date;\n    onDateClick?.({ date, month, year });\n  };\n\n  const child = _isTheme2022 ? (\n    <span className={cx(globalClasses.todayCaption, styles.todayCaption())}>{date.date}</span>\n  ) : (\n    date.date\n  );\n\n  const isToday = Boolean(today && CDS.isEqual(date, today));\n\n  return (\n    <button\n      tabIndex={-1}\n      disabled={!CDS.isBetween(date, minDate, maxDate)}\n      className={cx({\n        [styles.cell(theme)]: true,\n        [styles.today(theme)]: isToday && !_isTheme2022,\n        [styles.today2022()]: isToday && _isTheme2022,\n        [styles.selected(theme)]: Boolean(value && CDS.isEqual(date, value)),\n        [styles.weekend(theme)]: Boolean(isWeekend),\n      })}\n      onClick={handleClick}\n    >\n      {child}\n    </button>\n  );\n}\n"]}

package/cjs/internal/Calendar/DayCellView.styles.d.ts

@@ -1,7 +1,12 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
-    cell(t: Theme): string;
-    selected(t: Theme): string;
-    weekend(t: Theme): string;
-    today(t: Theme): string;
-};
+import { Theme } from '../../lib/theming/Theme';
+export declare const globalClasses: {
+    todayCaption: string;
+};
+export declare const styles: {
+    cell(t: Theme): string;
+    selected(t: Theme): string;
+    weekend(t: Theme): string;
+    today(t: Theme): string;
+    today2022(): string;
+    todayCaption(): string;
+};

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

@@ -1,6 +1,10 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.styles = exports.globalClasses = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");
+
+var _Mixins = require("../../lib/styles/Mixins");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+
+var globalClasses = (0, _Emotion.prefix)('day-cell-view')({
+  todayCaption: 'today-caption' });exports.globalClasses = globalClasses;
 
-var _Mixins = require("../../lib/styles/Mixins");var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 
 var styles = (0, _Emotion.memoizeStyle)({
   cell: function cell(t) {
@@ -53,4 +57,18 @@ var styles = (0, _Emotion.memoizeStyle)({
     return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: ", ";\n    "])),
     t.calendarCellTodayBorder);
 
+  },
+
+  today2022: function today2022() {
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      .", " {\n        border-bottom: solid 1px;\n      }\n    "])),
+    globalClasses.todayCaption);
+
+
+
+  },
+
+  todayCaption: function todayCaption() {
+    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-bottom: 2px;\n    "])));
+
+
   } });exports.styles = styles;

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

@@ -1 +1 @@
-{"version":3,"sources":["DayCellView.styles.ts"],"names":["styles","cell","t","css","calendarCellBg","calendarCellSize","calendarCellLineHeight","calendarCellHoverBgColor","calendarCellHoverColor","calendarCellActiveHoverColor","selected","calendarCellSelectedBgColor","calendarCellSelectedFontColor","weekend","calendarCellWeekendColor","today","calendarCellTodayBorder"],"mappings":"4QAAA;;AAEA,iD;;AAEO,IAAMA,MAAM,GAAG,2BAAa;AACjCC,EAAAA,IADiC,gBAC5BC,CAD4B,EAClB;AACb,eAAOC,YAAP;AACI,8BADJ;;AAGgBD,IAAAA,CAAC,CAACE,cAHlB;;;;;;;;;AAYWF,IAAAA,CAAC,CAACG,gBAZb;AAaYH,IAAAA,CAAC,CAACG,gBAbd;AAciBH,IAAAA,CAAC,CAACI,sBAdnB;;;;AAkBwBJ,IAAAA,CAAC,CAACK,wBAlB1B;AAmBaL,IAAAA,CAAC,CAACM,sBAnBf;;;;;;;;AA2BaN,IAAAA,CAAC,CAACO,4BA3Bf;;;AA8BD,GAhCgC;;AAkCjCC,EAAAA,QAlCiC,oBAkCxBR,CAlCwB,EAkCd;AACjB,eAAOC,YAAP;AACsBD,IAAAA,CAAC,CAACS,2BADxB;AAEWT,IAAAA,CAAC,CAACU,6BAFb;;AAID,GAvCgC;;AAyCjCC,EAAAA,OAzCiC,mBAyCzBX,CAzCyB,EAyCf;AAChB,eAAOC,YAAP;AACWD,IAAAA,CAAC,CAACY,wBADb;;AAGD,GA7CgC;;AA+CjCC,EAAAA,KA/CiC,iBA+C3Bb,CA/C2B,EA+CjB;AACd,eAAOC,YAAP;AACYD,IAAAA,CAAC,CAACc,uBADd;;AAGD,GAnDgC,EAAb,CAAf,C","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      ${resetButton()};\n\n      background: ${t.calendarCellBg};\n      border: 1px solid transparent;\n      display: inline-block;\n      font-size: 14px;\n      padding: 0;\n      text-align: center;\n      user-select: none;\n      position: relative;\n\n      width: ${t.calendarCellSize};\n      height: ${t.calendarCellSize};\n      line-height: ${t.calendarCellLineHeight};\n      border-radius: 50%;\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  today(t: Theme) {\n    return css`\n      border: ${t.calendarCellTodayBorder};\n    `;\n  },\n});\n"]}
+{"version":3,"sources":["DayCellView.styles.ts"],"names":["globalClasses","todayCaption","styles","cell","t","css","calendarCellBg","calendarCellSize","calendarCellLineHeight","calendarCellHoverBgColor","calendarCellHoverColor","calendarCellActiveHoverColor","selected","calendarCellSelectedBgColor","calendarCellSelectedFontColor","weekend","calendarCellWeekendColor","today","calendarCellTodayBorder","today2022"],"mappings":"oSAAA;;AAEA,iD;;AAEO,IAAMA,aAAa,GAAG,qBAAO,eAAP,EAAwB;AACnDC,EAAAA,YAAY,EAAE,eADqC,EAAxB,CAAtB,C;;;AAIA,IAAMC,MAAM,GAAG,2BAAa;AACjCC,EAAAA,IADiC,gBAC5BC,CAD4B,EAClB;AACb,eAAOC,YAAP;AACI,8BADJ;;AAGgBD,IAAAA,CAAC,CAACE,cAHlB;;;;;;;;;AAYWF,IAAAA,CAAC,CAACG,gBAZb;AAaYH,IAAAA,CAAC,CAACG,gBAbd;AAciBH,IAAAA,CAAC,CAACI,sBAdnB;;;;AAkBwBJ,IAAAA,CAAC,CAACK,wBAlB1B;AAmBaL,IAAAA,CAAC,CAACM,sBAnBf;;;;;;;;AA2BaN,IAAAA,CAAC,CAACO,4BA3Bf;;;AA8BD,GAhCgC;;AAkCjCC,EAAAA,QAlCiC,oBAkCxBR,CAlCwB,EAkCd;AACjB,eAAOC,YAAP;AACsBD,IAAAA,CAAC,CAACS,2BADxB;AAEWT,IAAAA,CAAC,CAACU,6BAFb;;AAID,GAvCgC;;AAyCjCC,EAAAA,OAzCiC,mBAyCzBX,CAzCyB,EAyCf;AAChB,eAAOC,YAAP;AACWD,IAAAA,CAAC,CAACY,wBADb;;AAGD,GA7CgC;;AA+CjCC,EAAAA,KA/CiC,iBA+C3Bb,CA/C2B,EA+CjB;AACd,eAAOC,YAAP;AACYD,IAAAA,CAAC,CAACc,uBADd;;AAGD,GAnDgC;;AAqDjCC,EAAAA,SArDiC,uBAqDrB;AACV,eAAOd,YAAP;AACKL,IAAAA,aAAa,CAACC,YADnB;;;;AAKD,GA3DgC;;AA6DjCA,EAAAA,YA7DiC,0BA6DlB;AACb,eAAOI,YAAP;;;AAGD,GAjEgC,EAAb,CAAf,C","sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport { resetButton } from '../../lib/styles/Mixins';\n\nexport const globalClasses = prefix('day-cell-view')({\n  todayCaption: 'today-caption',\n});\n\nexport const styles = memoizeStyle({\n  cell(t: Theme) {\n    return css`\n      ${resetButton()};\n\n      background: ${t.calendarCellBg};\n      border: 1px solid transparent;\n      display: inline-block;\n      font-size: 14px;\n      padding: 0;\n      text-align: center;\n      user-select: none;\n      position: relative;\n\n      width: ${t.calendarCellSize};\n      height: ${t.calendarCellSize};\n      line-height: ${t.calendarCellLineHeight};\n      border-radius: 50%;\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  today(t: Theme) {\n    return css`\n      border: ${t.calendarCellTodayBorder};\n    `;\n  },\n\n  today2022() {\n    return css`\n      .${globalClasses.todayCaption} {\n        border-bottom: solid 1px;\n      }\n    `;\n  },\n\n  todayCaption() {\n    return css`\n      padding-bottom: 2px;\n    `;\n  },\n});\n"]}

package/cjs/internal/Calendar/DayCellViewModel.d.ts

@@ -1,8 +1,8 @@
-export declare class DayCellViewModel {
-    static create(date: number, month: number, year: number, isWeekend: boolean): DayCellViewModel;
-    date: number;
-    month: number;
-    year: number;
-    isWeekend: boolean;
-    constructor(date: number, month: number, year: number, isWeekend: boolean);
-}
+export declare class DayCellViewModel {
+    static create(date: number, month: number, year: number, isWeekend: boolean): DayCellViewModel;
+    date: number;
+    month: number;
+    year: number;
+    isWeekend: boolean;
+    constructor(date: number, month: number, year: number, isWeekend: boolean);
+}

package/cjs/internal/Calendar/Month.d.ts

@@ -1,33 +1,33 @@
-import React from 'react';
-import { Nullable } from '../../typings/utility-types';
-import * as CDS from './CalendarDateShape';
-import { MonthViewModel } from './MonthViewModel';
-interface MonthProps {
-    top: number;
-    month: MonthViewModel;
-    maxDate?: CDS.CalendarDateShape;
-    minDate?: CDS.CalendarDateShape;
-    today?: CDS.CalendarDateShape;
-    value?: Nullable<CDS.CalendarDateShape>;
-    onDateClick?: (date: CDS.CalendarDateShape) => void;
-    onMonthYearChange: (month: number, year: number) => void;
-    isHoliday?: (day: CDS.CalendarDateShape & {
-        isWeekend: boolean;
-    }) => boolean;
-}
-export declare class Month extends React.Component<MonthProps> {
-    private theme;
-    private monthSelect;
-    private yearSelect;
-    shouldComponentUpdate(nextProps: MonthProps): boolean;
-    componentDidMount(): void;
-    render(): JSX.Element;
-    renderMain(): JSX.Element;
-    private renderCells;
-    private closeSelects;
-    private monthRef;
-    private yearRef;
-    private handleMonthSelect;
-    private handleYearSelect;
-}
-export {};
+import React from 'react';
+import { Nullable } from '../../typings/utility-types';
+import * as CDS from './CalendarDateShape';
+import { MonthViewModel } from './MonthViewModel';
+interface MonthProps {
+    top: number;
+    month: MonthViewModel;
+    maxDate?: CDS.CalendarDateShape;
+    minDate?: CDS.CalendarDateShape;
+    today?: CDS.CalendarDateShape;
+    value?: Nullable<CDS.CalendarDateShape>;
+    onDateClick?: (date: CDS.CalendarDateShape) => void;
+    onMonthYearChange: (month: number, year: number) => void;
+    isHoliday?: (day: CDS.CalendarDateShape & {
+        isWeekend: boolean;
+    }) => boolean;
+}
+export declare class Month extends React.Component<MonthProps> {
+    private theme;
+    private monthSelect;
+    private yearSelect;
+    shouldComponentUpdate(nextProps: MonthProps): boolean;
+    componentDidMount(): void;
+    render(): JSX.Element;
+    renderMain(): JSX.Element;
+    private renderCells;
+    private closeSelects;
+    private monthRef;
+    private yearRef;
+    private handleMonthSelect;
+    private handleYearSelect;
+}
+export {};

package/cjs/internal/Calendar/MonthView.d.ts

@@ -1,21 +1,21 @@
-import React from 'react';
-import { DateSelect } from '../DateSelect';
-import * as CDS from './CalendarDateShape';
-interface MonthViewProps {
-    children: React.ReactNode;
-    firstDayOffset: number;
-    height: number;
-    isFirstInYear?: boolean;
-    isLastInYear?: boolean;
-    maxDate?: CDS.CalendarDateShape;
-    minDate?: CDS.CalendarDateShape;
-    month: number;
-    top: number;
-    year: number;
-    onMonthSelect: (month: number) => void;
-    onYearSelect: (month: number) => void;
-    monthSelectRef: (select: DateSelect | null) => void;
-    yearSelectRef: (select: DateSelect | null) => void;
-}
-export declare function MonthView(props: MonthViewProps): JSX.Element;
-export {};
+import React from 'react';
+import { DateSelect } from '../DateSelect';
+import * as CDS from './CalendarDateShape';
+interface MonthViewProps {
+    children: React.ReactNode;
+    firstDayOffset: number;
+    height: number;
+    isFirstInYear?: boolean;
+    isLastInYear?: boolean;
+    maxDate?: CDS.CalendarDateShape;
+    minDate?: CDS.CalendarDateShape;
+    month: number;
+    top: number;
+    year: number;
+    onMonthSelect: (month: number) => void;
+    onYearSelect: (month: number) => void;
+    monthSelectRef: (select: DateSelect | null) => void;
+    yearSelectRef: (select: DateSelect | null) => void;
+}
+export declare function MonthView(props: MonthViewProps): JSX.Element;
+export {};

package/cjs/internal/Calendar/MonthView.styles.d.ts

@@ -1,10 +1,10 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
-    headerMonth(t: Theme): string;
-    headerYear(t: Theme): string;
-    month(t: Theme): string;
-    header(): string;
-    headerSticky(t: Theme): string;
-    monthTitle(t: Theme): string;
-    monthDayGrid(t: Theme): string;
-};
+import { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    headerMonth(t: Theme): string;
+    headerYear(t: Theme): string;
+    month(t: Theme): string;
+    header(): string;
+    headerSticky(t: Theme): string;
+    monthTitle(t: Theme): string;
+    monthDayGrid(t: Theme): string;
+};

package/cjs/internal/Calendar/MonthViewModel.d.ts

@@ -1,14 +1,14 @@
-import { Theme } from '../../lib/theming/Theme';
-import { DayCellViewModel } from './DayCellViewModel';
-export declare class MonthViewModel {
-    static create: (...args: number[]) => any;
-    readonly daysCount: number;
-    readonly offset: number;
-    readonly month: number;
-    readonly year: number;
-    readonly days: DayCellViewModel[];
-    isLastInYear: boolean;
-    isFirstInYear: boolean;
-    getHeight(theme: Theme): number;
-    private constructor();
-}
+import { Theme } from '../../lib/theming/Theme';
+import { DayCellViewModel } from './DayCellViewModel';
+export declare class MonthViewModel {
+    static create: (...args: number[]) => any;
+    readonly daysCount: number;
+    readonly offset: number;
+    readonly month: number;
+    readonly year: number;
+    readonly days: DayCellViewModel[];
+    isLastInYear: boolean;
+    isFirstInYear: boolean;
+    getHeight(theme: Theme): number;
+    private constructor();
+}

package/cjs/internal/Calendar/config.d.ts

@@ -1,2 +1,2 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const themeConfig: (t: Theme) => any;
+import { Theme } from '../../lib/theming/Theme';
+export declare const themeConfig: (t: Theme) => any;

package/cjs/internal/Calendar/index.d.ts

@@ -1,2 +1,2 @@
-export * from './Calendar';
-export * from './CalendarDateShape';
+export * from './Calendar';
+export * from './CalendarDateShape';

package/cjs/internal/CloseIcon/CloseIcon.d.ts

@@ -0,0 +1,10 @@
+import React, { CSSProperties } from 'react';
+interface CloseIconProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    size?: number;
+    side?: number;
+    disableCompensation?: boolean;
+    color?: CSSProperties['color'];
+    colorHover?: string;
+}
+export declare const CloseIcon: React.FunctionComponent<CloseIconProps>;
+export {};

package/cjs/internal/CloseIcon/CloseIcon.js

@@ -0,0 +1,67 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.CloseIcon = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _react = _interopRequireDefault(require("react"));
+
+var _Emotion = require("../../lib/theming/Emotion");
+var _keyListener = require("../../lib/events/keyListener");
+var _ThemeContext = require("../../lib/theming/ThemeContext");
+var _iconConstants = require("../icons2022/iconConstants");
+
+var _CloseIcon = require("./CloseIcon.styles");
+var _CrossIcon = require("./CrossIcon");var _templateObject;var _excluded = ["side", "size", "color", "colorHover", "disableCompensation", "disabled"];
+
+
+
+
+
+
+
+
+
+var CloseIcon = function CloseIcon(_ref)
+
+
+
+
+
+
+
+{var _ref$side = _ref.side,side = _ref$side === void 0 ? _iconConstants.DEFAULT_ICON_SIZE : _ref$side,_ref$size = _ref.size,size = _ref$size === void 0 ? _iconConstants.DEFAULT_ICON_SIZE : _ref$size,color = _ref.color,colorHover = _ref.colorHover,disableCompensation = _ref.disableCompensation,disabled = _ref.disabled,attr = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
+  var theme = _react.default.useContext(_ThemeContext.ThemeContext);
+  var _React$useState = _react.default.useState(false),focusedByTab = _React$useState[0],setFocusedByTab = _React$useState[1];
+
+  var handleFocus = function handleFocus() {
+    // focus event fires before keyDown eventlistener
+    // so we should check tabPressed in async way
+    requestAnimationFrame(function () {
+      if (_keyListener.keyListener.isTabPressed) {
+        setFocusedByTab(true);
+      }
+    });
+  };
+  var handleBlur = function handleBlur() {return setFocusedByTab(false);};
+
+  var classNames =
+  color || colorHover ? (0,
+  _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n          color: ", ";\n          &:focus,\n          &:hover {\n            color: ", ";\n          }\n        "])),
+  color,
+
+
+  colorHover) :
+
+
+  '';
+
+  return /*#__PURE__*/(
+    _react.default.createElement("button", (0, _extends2.default)({
+      tabIndex: disabled ? -1 : 0,
+      className: (0, _Emotion.cx)(_CloseIcon.styles.root(theme), classNames, focusedByTab && _CloseIcon.styles.focus(theme)),
+      style: { width: side, height: side },
+      onFocus: handleFocus,
+      onBlur: handleBlur },
+    attr), /*#__PURE__*/
+
+    _react.default.createElement("span", { className: _CloseIcon.styles.wrapper(), style: { fontSize: size } }, /*#__PURE__*/
+    _react.default.createElement(_CrossIcon.CrossIcon, { size: side < size ? side : size, disableCompensation: disableCompensation }))));
+
+
+
+};exports.CloseIcon = CloseIcon;

package/cjs/internal/CloseIcon/CloseIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["CloseIcon.tsx"],"names":["CloseIcon","side","DEFAULT_ICON_SIZE","size","color","colorHover","disableCompensation","disabled","attr","theme","React","useContext","ThemeContext","useState","focusedByTab","setFocusedByTab","handleFocus","requestAnimationFrame","keyListener","isTabPressed","handleBlur","classNames","css","styles","root","focus","width","height","wrapper","fontSize"],"mappings":"6dAAA;;AAEA;AACA;AACA;AACA;;AAEA;AACA,wC;;;;;;;;;;AAUO,IAAMA,SAAkD,GAAG,SAArDA,SAAqD;;;;;;;;AAQ5D,sBAPJC,IAOI,CAPJA,IAOI,0BAPGC,gCAOH,8BANJC,IAMI,CANJA,IAMI,0BANGD,gCAMH,aALJE,KAKI,QALJA,KAKI,CAJJC,UAII,QAJJA,UAII,CAHJC,mBAGI,QAHJA,mBAGI,CAFJC,QAEI,QAFJA,QAEI,CADDC,IACC;AACJ,MAAMC,KAAK,GAAGC,eAAMC,UAAN,CAAiBC,0BAAjB,CAAd;AACA,wBAAwCF,eAAMG,QAAN,CAAe,KAAf,CAAxC,CAAOC,YAAP,sBAAqBC,eAArB;;AAEA,MAAMC,WAAW,GAAG,SAAdA,WAAc,GAAM;AACxB;AACA;AACAC,IAAAA,qBAAqB,CAAC,YAAM;AAC1B,UAAIC,yBAAYC,YAAhB,EAA8B;AAC5BJ,QAAAA,eAAe,CAAC,IAAD,CAAf;AACD;AACF,KAJoB,CAArB;AAKD,GARD;AASA,MAAMK,UAAU,GAAG,SAAbA,UAAa,WAAML,eAAe,CAAC,KAAD,CAArB,EAAnB;;AAEA,MAAMM,UAAU;AACdjB,EAAAA,KAAK,IAAIC,UAAT;AACIiB,cADJ;AAEelB,EAAAA,KAFf;;;AAKiBC,EAAAA,UALjB;;;AAQI,IATN;;AAWA;AACE;AACE,MAAA,QAAQ,EAAEE,QAAQ,GAAG,CAAC,CAAJ,GAAQ,CAD5B;AAEE,MAAA,SAAS,EAAE,iBAAGgB,kBAAOC,IAAP,CAAYf,KAAZ,CAAH,EAAuBY,UAAvB,EAAmCP,YAAY,IAAIS,kBAAOE,KAAP,CAAahB,KAAb,CAAnD,CAFb;AAGE,MAAA,KAAK,EAAE,EAAEiB,KAAK,EAAEzB,IAAT,EAAe0B,MAAM,EAAE1B,IAAvB,EAHT;AAIE,MAAA,OAAO,EAAEe,WAJX;AAKE,MAAA,MAAM,EAAEI,UALV;AAMMZ,IAAAA,IANN;;AAQE,2CAAM,SAAS,EAAEe,kBAAOK,OAAP,EAAjB,EAAmC,KAAK,EAAE,EAAEC,QAAQ,EAAE1B,IAAZ,EAA1C;AACE,iCAAC,oBAAD,IAAW,IAAI,EAAEF,IAAI,GAAGE,IAAP,GAAcF,IAAd,GAAqBE,IAAtC,EAA4C,mBAAmB,EAAEG,mBAAjE,GADF,CARF,CADF;;;;AAcD,CAhDM,C","sourcesContent":["import React, { CSSProperties } from 'react';\n\nimport { css, cx } from '../../lib/theming/Emotion';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { DEFAULT_ICON_SIZE } from '../icons2022/iconConstants';\n\nimport { styles } from './CloseIcon.styles';\nimport { CrossIcon } from './CrossIcon';\n\ninterface CloseIconProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  size?: number;\n  side?: number;\n  disableCompensation?: boolean;\n  color?: CSSProperties['color'];\n  colorHover?: string;\n}\n\nexport const CloseIcon: React.FunctionComponent<CloseIconProps> = ({\n  side = DEFAULT_ICON_SIZE,\n  size = DEFAULT_ICON_SIZE,\n  color,\n  colorHover,\n  disableCompensation,\n  disabled,\n  ...attr\n}) => {\n  const theme = React.useContext(ThemeContext);\n  const [focusedByTab, setFocusedByTab] = React.useState(false);\n\n  const handleFocus = () => {\n    // focus event fires before keyDown eventlistener\n    // so we should check tabPressed in async way\n    requestAnimationFrame(() => {\n      if (keyListener.isTabPressed) {\n        setFocusedByTab(true);\n      }\n    });\n  };\n  const handleBlur = () => setFocusedByTab(false);\n\n  const classNames =\n    color || colorHover\n      ? css`\n          color: ${color};\n          &:focus,\n          &:hover {\n            color: ${colorHover};\n          }\n        `\n      : '';\n\n  return (\n    <button\n      tabIndex={disabled ? -1 : 0}\n      className={cx(styles.root(theme), classNames, focusedByTab && styles.focus(theme))}\n      style={{ width: side, height: side }}\n      onFocus={handleFocus}\n      onBlur={handleBlur}\n      {...attr}\n    >\n      <span className={styles.wrapper()} style={{ fontSize: size }}>\n        <CrossIcon size={side < size ? side : size} disableCompensation={disableCompensation} />\n      </span>\n    </button>\n  );\n};\n"]}

package/cjs/internal/CloseIcon/CloseIcon.styles.d.ts

@@ -0,0 +1,6 @@
+import { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    root(t: Theme): string;
+    focus(t: Theme): string;
+    wrapper(): string;
+};

package/cjs/internal/CloseIcon/CloseIcon.styles.js

@@ -0,0 +1,35 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");
+
+var _Mixins = require("../../lib/styles/Mixins");var _templateObject, _templateObject2, _templateObject3;
+
+var styles = (0, _Emotion.memoizeStyle)({
+  root: function root(t) {
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "\n      display: inline-block;\n      position: relative;\n      border-radius: 4px;\n      color: ", ";\n      cursor: pointer;\n\n      &:focus,\n      &:hover {\n        color: ", ";\n      }\n    "])),
+    (0, _Mixins.resetButton)(),
+
+
+
+    t.closeIconColor,
+
+
+
+
+    t.closeIconHoverColor);
+
+
+  },
+  focus: function focus(t) {
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow: inset 0 0 0 1px ", ", inset 0 0 0 2px ", ";\n    "])),
+    t.borderColorFocus, t.outlineColorFocus);
+
+  },
+  wrapper: function wrapper() {
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-sizing: content-box;\n      display: flex;\n      width: 100%;\n      height: 100%;\n      align-items: center;\n      justify-content: center;\n    "])));
+
+
+
+
+
+
+
+  } });exports.styles = styles;

package/cjs/internal/CloseIcon/CloseIcon.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["CloseIcon.styles.tsx"],"names":["styles","root","t","css","closeIconColor","closeIconHoverColor","focus","borderColorFocus","outlineColorFocus","wrapper"],"mappings":"4QAAA;;AAEA,iD;;AAEO,IAAMA,MAAM,GAAG,2BAAa;AACjCC,EAAAA,IADiC,gBAC5BC,CAD4B,EAClB;AACb,eAAOC,YAAP;AACI,8BADJ;;;;AAKWD,IAAAA,CAAC,CAACE,cALb;;;;;AAUaF,IAAAA,CAAC,CAACG,mBAVf;;;AAaD,GAfgC;AAgBjCC,EAAAA,KAhBiC,iBAgB3BJ,CAhB2B,EAgBjB;AACd,eAAOC,YAAP;AACgCD,IAAAA,CAAC,CAACK,gBADlC,EACuEL,CAAC,CAACM,iBADzE;;AAGD,GApBgC;AAqBjCC,EAAAA,OArBiC,qBAqBvB;AACR,eAAON,YAAP;;;;;;;;AAQD,GA9BgC,EAAb,CAAf,C","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  root(t: Theme) {\n    return css`\n      ${resetButton()}\n      display: inline-block;\n      position: relative;\n      border-radius: 4px;\n      color: ${t.closeIconColor};\n      cursor: pointer;\n\n      &:focus,\n      &:hover {\n        color: ${t.closeIconHoverColor};\n      }\n    `;\n  },\n  focus(t: Theme) {\n    return css`\n      box-shadow: inset 0 0 0 1px ${t.borderColorFocus}, inset 0 0 0 2px ${t.outlineColorFocus};\n    `;\n  },\n  wrapper() {\n    return css`\n      box-sizing: content-box;\n      display: flex;\n      width: 100%;\n      height: 100%;\n      align-items: center;\n      justify-content: center;\n    `;\n  },\n});\n"]}

package/cjs/internal/CloseIcon/CrossIcon.d.ts

@@ -0,0 +1,3 @@
+export declare const CrossIcon: import("../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, Omit<import("../icons2022/BaseIcon").IconProps, "size"> & {
+    size?: number | "small" | "medium" | "large" | undefined;
+}>;

package/cjs/internal/CloseIcon/CrossIcon.js

@@ -0,0 +1,14 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.CrossIcon = void 0;
+var _react = _interopRequireDefault(require("react"));
+
+var _iconSizer = require("../icons2022/iconSizer");
+var _XIcon20Light = require("../icons2022/XIcon/XIcon20Light");
+var _XIcon24Regular = require("../icons2022/XIcon/XIcon24Regular"); /* eslint-disable react/display-name */
+
+var CrossIcon = (0, _iconSizer.iconSizer)(
+{
+  small: function small() {return /*#__PURE__*/_react.default.createElement(_XIcon20Light.XIcon20Light, { size: 16 });},
+  medium: function medium() {return /*#__PURE__*/_react.default.createElement(_XIcon20Light.XIcon20Light, null);},
+  large: function large() {return /*#__PURE__*/_react.default.createElement(_XIcon24Regular.XIcon24Regular, null);} },
+
+'CrossIcon');exports.CrossIcon = CrossIcon;

package/cjs/internal/CloseIcon/CrossIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["CrossIcon.tsx"],"names":["CrossIcon","small","medium","large"],"mappings":";AACA;;AAEA;AACA;AACA,mE,CALA;;AAOO,IAAMA,SAAS,GAAG;AACvB;AACEC,EAAAA,KAAK,EAAE,sCAAM,6BAAC,0BAAD,IAAc,IAAI,EAAE,EAApB,GAAN,EADT;AAEEC,EAAAA,MAAM,EAAE,uCAAM,6BAAC,0BAAD,OAAN,EAFV;AAGEC,EAAAA,KAAK,EAAE,sCAAM,6BAAC,8BAAD,OAAN,EAHT,EADuB;;AAMvB,WANuB,CAAlB,C","sourcesContent":["/* eslint-disable react/display-name */\nimport React from 'react';\n\nimport { iconSizer } from '../icons2022/iconSizer';\nimport { XIcon20Light } from '../icons2022/XIcon/XIcon20Light';\nimport { XIcon24Regular } from '../icons2022/XIcon/XIcon24Regular';\n\nexport const CrossIcon = iconSizer(\n  {\n    small: () => <XIcon20Light size={16} />,\n    medium: () => <XIcon20Light />,\n    large: () => <XIcon24Regular />,\n  },\n  'CrossIcon',\n);\n"]}

package/cjs/internal/CommonWrapper/CommonWrapper.d.ts

@@ -1,33 +1,33 @@
-import React from 'react';
-import { Nullable } from '../../typings/utility-types';
-export interface CommonProps {
-    /**
-     * HTML-атрибут `class`.
-     */
-    className?: React.HTMLAttributes<HTMLElement>['className'];
-    /**
-     * HTML-атрибут `style`.
-     */
-    style?: React.HTMLAttributes<HTMLElement>['style'];
-    /**
-     * На равне с data-tid транслируются любые data-атрибуты. Они попадают на корневой элемент.
-     */
-    'data-tid'?: string;
-    children?: React.ReactNode;
-}
-interface CommonPropsRootNodeRef {
-    rootNodeRef?: (instance: Nullable<Element>) => void;
-}
-export declare type NotCommonProps<P> = Omit<P, keyof CommonProps>;
-export declare type CommonWrapperProps<P> = P & {
-    children: React.ReactNode | ((rest: CommonWrapperRestProps<P>) => React.ReactNode);
-};
-export declare type CommonWrapperRestProps<P> = Omit<NotCommonProps<P>, 'children'>;
-export declare class CommonWrapper<P extends CommonProps & CommonPropsRootNodeRef> extends React.Component<CommonWrapperProps<P> & CommonPropsRootNodeRef> {
-    private child;
-    private setRootNode;
-    private rootNodeSubscription;
-    render(): React.ReactNode;
-    private ref;
-}
-export {};
+import React from 'react';
+import { Nullable } from '../../typings/utility-types';
+export interface CommonProps {
+    /**
+     * HTML-атрибут `class`.
+     */
+    className?: React.HTMLAttributes<HTMLElement>['className'];
+    /**
+     * HTML-атрибут `style`.
+     */
+    style?: React.HTMLAttributes<HTMLElement>['style'];
+    /**
+     * На равне с data-tid транслируются любые data-атрибуты. Они попадают на корневой элемент.
+     */
+    'data-tid'?: string;
+    children?: React.ReactNode;
+}
+interface CommonPropsRootNodeRef {
+    rootNodeRef?: (instance: Nullable<Element>) => void;
+}
+export declare type NotCommonProps<P> = Omit<P, keyof CommonProps>;
+export declare type CommonWrapperProps<P> = P & {
+    children: React.ReactNode | ((rest: CommonWrapperRestProps<P>) => React.ReactNode);
+};
+export declare type CommonWrapperRestProps<P> = Omit<NotCommonProps<P>, 'children'>;
+export declare class CommonWrapper<P extends CommonProps & CommonPropsRootNodeRef> extends React.Component<CommonWrapperProps<P> & CommonPropsRootNodeRef> {
+    private child;
+    private setRootNode;
+    private rootNodeSubscription;
+    render(): React.ReactNode;
+    private ref;
+}
+export {};

package/cjs/internal/CommonWrapper/index.d.ts

@@ -1 +1 @@
-export * from './CommonWrapper';
+export * from './CommonWrapper';

package/cjs/internal/ComponentCombinator.d.ts

@@ -1,23 +1,23 @@
-import React from 'react';
-import { DefaultizeProps } from '../lib/utils';
-import { StatePropsCombinations, StateType } from './ComponentTable';
-export interface ComponentCombinatorProps<C, P, S> {
-    combinations: Array<StatePropsCombinations<P, S>>;
-    Component: C;
-    presetProps?: DefaultizeProps<C, P>;
-    presetState?: Partial<S>;
-}
-declare type DefaultProps<T, C, P> = Required<Pick<ComponentCombinatorProps<T, C, P>, 'presetProps' | 'presetState'>>;
-export declare class ComponentCombinator<T extends React.Component<any, any, any>, C extends React.ComponentType<any>, P extends React.ComponentProps<C>> extends React.Component<ComponentCombinatorProps<C extends React.ComponentClass<P, any> ? React.ClassType<P, T, C> : C, P, StateType<C>>, {
-    page: number;
-}> {
-    static defaultProps: DefaultProps<unknown, unknown, unknown>;
-    private getProps;
-    state: {
-        page: number;
-    };
-    render(): JSX.Element;
-    private prevPage;
-    private nextPage;
-}
-export {};
+import React from 'react';
+import { DefaultizeProps } from '../lib/utils';
+import { StatePropsCombinations, StateType } from './ComponentTable';
+export interface ComponentCombinatorProps<C, P, S> {
+    combinations: Array<StatePropsCombinations<P, S>>;
+    Component: C;
+    presetProps?: DefaultizeProps<C, P>;
+    presetState?: Partial<S>;
+}
+declare type DefaultProps<T, C, P> = Required<Pick<ComponentCombinatorProps<T, C, P>, 'presetProps' | 'presetState'>>;
+export declare class ComponentCombinator<T extends React.Component<any, any, any>, C extends React.ComponentType<any>, P extends React.ComponentProps<C>> extends React.Component<ComponentCombinatorProps<C extends React.ComponentClass<P, any> ? React.ClassType<P, T, C> : C, P, StateType<C>>, {
+    page: number;
+}> {
+    static defaultProps: DefaultProps<unknown, unknown, unknown>;
+    private getProps;
+    state: {
+        page: number;
+    };
+    render(): JSX.Element;
+    private prevPage;
+    private nextPage;
+}
+export {};