@skbkontur/react-ui 4.11.0 → 4.12.0-theme2022.6

package/internal/Calendar/DayCellView/DayCellView.js

@@ -1,8 +1,9 @@
 import React, { useContext } from 'react';
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { cx } from "../../../lib/theming/Emotion";
+import { isTheme2022 } from "../../../lib/theming/ThemeHelpers";
 import * as CDS from "../CalendarDateShape";
-import { styles } from "../DayCellView.styles";
+import { globalClasses, styles } from "../DayCellView.styles";
 export function DayCellView(props) {
   var _cx;
 
@@ -15,6 +16,8 @@ export function DayCellView(props) {
       onDateClick = props.onDateClick;
   var theme = useContext(ThemeContext);
 
+  var _isTheme2022 = isTheme2022(theme);
+
   var handleClick = function handleClick() {
     var _props$date = props.date,
         date = _props$date.date,
@@ -27,10 +30,14 @@ export function DayCellView(props) {
     });
   };
 
+  var child = _isTheme2022 ? /*#__PURE__*/React.createElement("span", {
+    className: cx(globalClasses.todayCaption, styles.todayCaption())
+  }, date.date) : date.date;
+  var isToday = Boolean(today && CDS.isEqual(date, today));
   return /*#__PURE__*/React.createElement("button", {
     tabIndex: -1,
     disabled: !CDS.isBetween(date, minDate, maxDate),
-    className: cx((_cx = {}, _cx[styles.cell(theme)] = true, _cx[styles.today(theme)] = Boolean(today && CDS.isEqual(date, today)), _cx[styles.selected(theme)] = Boolean(value && CDS.isEqual(date, value)), _cx[styles.weekend(theme)] = Boolean(isWeekend), _cx)),
+    className: cx((_cx = {}, _cx[styles.cell(theme)] = true, _cx[styles.today(theme)] = isToday && !_isTheme2022, _cx[styles.today2022()] = isToday && _isTheme2022, _cx[styles.selected(theme)] = Boolean(value && CDS.isEqual(date, value)), _cx[styles.weekend(theme)] = Boolean(isWeekend), _cx)),
     onClick: handleClick
-  }, date.date);
+  }, child);
 }

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

@@ -1 +1 @@
-{"version":3,"sources":["DayCellView.tsx"],"names":["React","useContext","ThemeContext","cx","CDS","styles","DayCellView","props","date","minDate","maxDate","today","value","isWeekend","onDateClick","theme","handleClick","month","year","isBetween","cell","Boolean","isEqual","selected","weekend"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;;;AAGA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAASC,EAAT,QAAmB,2BAAnB;;AAEA,OAAO,KAAKC,GAAZ,MAAqB,qBAArB;AACA,SAASC,MAAT,QAAuB,sBAAvB;;;;;;;;;;;;AAYA,OAAO,SAASC,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,GAAGd,UAAU,CAACC,YAAD,CAAxB;;AAEA,MAAMc,WAAW,GAAG,SAAdA,WAAc,GAAM;AACxB,sBAA8BT,KAAK,CAACC,IAApC,CAAQA,IAAR,eAAQA,IAAR,CAAcS,KAAd,eAAcA,KAAd,CAAqBC,IAArB,eAAqBA,IAArB;AACAJ,IAAAA,WAAW,QAAX,YAAAA,WAAW,CAAG,EAAEN,IAAI,EAAJA,IAAF,EAAQS,KAAK,EAALA,KAAR,EAAeC,IAAI,EAAJA,IAAf,EAAH,CAAX;AACD,GAHD;;AAKA;AACE;AACE,MAAA,QAAQ,EAAE,CAAC,CADb;AAEE,MAAA,QAAQ,EAAE,CAACd,GAAG,CAACe,SAAJ,CAAcX,IAAd,EAAoBC,OAApB,EAA6BC,OAA7B,CAFb;AAGE,MAAA,SAAS,EAAEP,EAAE;AACVE,MAAAA,MAAM,CAACe,IAAP,CAAYL,KAAZ,CADU,IACW,IADX;AAEVV,MAAAA,MAAM,CAACM,KAAP,CAAaI,KAAb,CAFU,IAEYM,OAAO,CAACV,KAAK,IAAIP,GAAG,CAACkB,OAAJ,CAAYd,IAAZ,EAAkBG,KAAlB,CAAV,CAFnB;AAGVN,MAAAA,MAAM,CAACkB,QAAP,CAAgBR,KAAhB,CAHU,IAGeM,OAAO,CAACT,KAAK,IAAIR,GAAG,CAACkB,OAAJ,CAAYd,IAAZ,EAAkBI,KAAlB,CAAV,CAHtB;AAIVP,MAAAA,MAAM,CAACmB,OAAP,CAAeT,KAAf,CAJU,IAIcM,OAAO,CAACR,SAAD,CAJrB,OAHf;;AASE,MAAA,OAAO,EAAEG,WATX;;AAWGR,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":["React","useContext","ThemeContext","cx","isTheme2022","CDS","globalClasses","styles","DayCellView","props","date","minDate","maxDate","today","value","isWeekend","onDateClick","theme","_isTheme2022","handleClick","month","year","child","todayCaption","isToday","Boolean","isEqual","isBetween","cell","today2022","selected","weekend"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;;;AAGA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAASC,EAAT,QAAmB,2BAAnB;AACA,SAASC,WAAT,QAA4B,gCAA5B;;AAEA,OAAO,KAAKC,GAAZ,MAAqB,qBAArB;AACA,SAASC,aAAT,EAAwBC,MAAxB,QAAsC,sBAAtC;;;;;;;;;;;;AAYA,OAAO,SAASC,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,GAAGhB,UAAU,CAACC,YAAD,CAAxB;AACA,MAAMgB,YAAY,GAAGd,WAAW,CAACa,KAAD,CAAhC;;AAEA,MAAME,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,MAAMC,KAAK,GAAGJ,YAAY;AACxB,gCAAM,SAAS,EAAEf,EAAE,CAACG,aAAa,CAACiB,YAAf,EAA6BhB,MAAM,CAACgB,YAAP,EAA7B,CAAnB,IAAyEb,IAAI,CAACA,IAA9E,CADwB;;AAGxBA,EAAAA,IAAI,CAACA,IAHP;;;AAMA,MAAMc,OAAO,GAAGC,OAAO,CAACZ,KAAK,IAAIR,GAAG,CAACqB,OAAJ,CAAYhB,IAAZ,EAAkBG,KAAlB,CAAV,CAAvB;;AAEA;AACE;AACE,MAAA,QAAQ,EAAE,CAAC,CADb;AAEE,MAAA,QAAQ,EAAE,CAACR,GAAG,CAACsB,SAAJ,CAAcjB,IAAd,EAAoBC,OAApB,EAA6BC,OAA7B,CAFb;AAGE,MAAA,SAAS,EAAET,EAAE;AACVI,MAAAA,MAAM,CAACqB,IAAP,CAAYX,KAAZ,CADU,IACW,IADX;AAEVV,MAAAA,MAAM,CAACM,KAAP,CAAaI,KAAb,CAFU,IAEYO,OAAO,IAAI,CAACN,YAFxB;AAGVX,MAAAA,MAAM,CAACsB,SAAP,EAHU,IAGWL,OAAO,IAAIN,YAHtB;AAIVX,MAAAA,MAAM,CAACuB,QAAP,CAAgBb,KAAhB,CAJU,IAIeQ,OAAO,CAACX,KAAK,IAAIT,GAAG,CAACqB,OAAJ,CAAYhB,IAAZ,EAAkBI,KAAlB,CAAV,CAJtB;AAKVP,MAAAA,MAAM,CAACwB,OAAP,CAAed,KAAf,CALU,IAKcQ,OAAO,CAACV,SAAD,CALrB,OAHf;;AAUE,MAAA,OAAO,EAAEI,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/internal/Calendar/DayCellView.d.ts

@@ -1,13 +1,13 @@
-import { Nullable } from '../../typings/utility-types';
-import * as CDS from './CalendarDateShape';
-interface DayCellViewProps {
-    date: CDS.CalendarDateShape;
-    today?: CDS.CalendarDateShape;
-    value?: Nullable<CDS.CalendarDateShape>;
-    minDate?: CDS.CalendarDateShape;
-    maxDate?: CDS.CalendarDateShape;
-    onDateClick?: (day: CDS.CalendarDateShape) => void;
-    isWeekend?: boolean;
-}
-export declare function DayCellView(props: DayCellViewProps): JSX.Element;
-export {};
+import { Nullable } from '../../typings/utility-types';
+import * as CDS from './CalendarDateShape';
+interface DayCellViewProps {
+    date: CDS.CalendarDateShape;
+    today?: CDS.CalendarDateShape;
+    value?: Nullable<CDS.CalendarDateShape>;
+    minDate?: CDS.CalendarDateShape;
+    maxDate?: CDS.CalendarDateShape;
+    onDateClick?: (day: CDS.CalendarDateShape) => void;
+    isWeekend?: boolean;
+}
+export declare function DayCellView(props: DayCellViewProps): JSX.Element;
+export {};

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

@@ -1,9 +1,12 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
 
-import { css, memoizeStyle } from "../../../lib/theming/Emotion";
+import { css, memoizeStyle, prefix } from "../../../lib/theming/Emotion";
 import { resetButton } from "../../../lib/styles/Mixins";
+export var globalClasses = prefix('day-cell-view')({
+  todayCaption: 'today-caption'
+});
 export var styles = memoizeStyle({
   cell: function cell(t) {
     return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      ", ";\n\n      background: ", ";\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: ", ";\n      height: ", ";\n      line-height: ", ";\n      border-radius: 50%;\n\n      &:hover {\n        background-color: ", ";\n        color: ", ";\n        cursor: pointer;\n      }\n      &:disabled {\n        opacity: 0.5;\n        pointer-events: none;\n      }\n      &:active:hover:enabled {\n        color: ", ";\n      }\n    "])), resetButton(), t.calendarCellBg, t.calendarCellSize, t.calendarCellSize, t.calendarCellLineHeight, t.calendarCellHoverBgColor, t.calendarCellHoverColor, t.calendarCellActiveHoverColor);
@@ -16,5 +19,11 @@ export var styles = memoizeStyle({
   },
   today: function today(t) {
     return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      border: ", ";\n    "])), t.calendarCellTodayBorder);
+  },
+  today2022: function today2022() {
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      .", " {\n        border-bottom: solid 1px;\n      }\n    "])), globalClasses.todayCaption);
+  },
+  todayCaption: function todayCaption() {
+    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      padding-bottom: 2px;\n    "])));
   }
 });

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

@@ -1 +1 @@
-{"version":3,"sources":["DayCellView.styles.ts"],"names":["css","memoizeStyle","resetButton","styles","cell","t","calendarCellBg","calendarCellSize","calendarCellLineHeight","calendarCellHoverBgColor","calendarCellHoverColor","calendarCellActiveHoverColor","selected","calendarCellSelectedBgColor","calendarCellSelectedFontColor","weekend","calendarCellWeekendColor","today","calendarCellTodayBorder"],"mappings":"0KAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;AAEA,SAASC,WAAT,QAA4B,yBAA5B;;AAEA,OAAO,IAAMC,MAAM,GAAGF,YAAY,CAAC;AACjCG,EAAAA,IADiC,gBAC5BC,CAD4B,EAClB;AACb,WAAOL,GAAP;AACIE,IAAAA,WAAW,EADf;;AAGgBG,IAAAA,CAAC,CAACC,cAHlB;;;;;;;;;AAYWD,IAAAA,CAAC,CAACE,gBAZb;AAaYF,IAAAA,CAAC,CAACE,gBAbd;AAciBF,IAAAA,CAAC,CAACG,sBAdnB;;;;AAkBwBH,IAAAA,CAAC,CAACI,wBAlB1B;AAmBaJ,IAAAA,CAAC,CAACK,sBAnBf;;;;;;;;AA2BaL,IAAAA,CAAC,CAACM,4BA3Bf;;;AA8BD,GAhCgC;;AAkCjCC,EAAAA,QAlCiC,oBAkCxBP,CAlCwB,EAkCd;AACjB,WAAOL,GAAP;AACsBK,IAAAA,CAAC,CAACQ,2BADxB;AAEWR,IAAAA,CAAC,CAACS,6BAFb;;AAID,GAvCgC;;AAyCjCC,EAAAA,OAzCiC,mBAyCzBV,CAzCyB,EAyCf;AAChB,WAAOL,GAAP;AACWK,IAAAA,CAAC,CAACW,wBADb;;AAGD,GA7CgC;;AA+CjCC,EAAAA,KA/CiC,iBA+C3BZ,CA/C2B,EA+CjB;AACd,WAAOL,GAAP;AACYK,IAAAA,CAAC,CAACa,uBADd;;AAGD,GAnDgC,EAAD,CAA3B","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":["css","memoizeStyle","prefix","resetButton","globalClasses","todayCaption","styles","cell","t","calendarCellBg","calendarCellSize","calendarCellLineHeight","calendarCellHoverBgColor","calendarCellHoverColor","calendarCellActiveHoverColor","selected","calendarCellSelectedBgColor","calendarCellSelectedFontColor","weekend","calendarCellWeekendColor","today","calendarCellTodayBorder","today2022"],"mappings":"8MAAA,SAASA,GAAT,EAAcC,YAAd,EAA4BC,MAA5B,QAA0C,2BAA1C;;AAEA,SAASC,WAAT,QAA4B,yBAA5B;;AAEA,OAAO,IAAMC,aAAa,GAAGF,MAAM,CAAC,eAAD,CAAN,CAAwB;AACnDG,EAAAA,YAAY,EAAE,eADqC,EAAxB,CAAtB;;;AAIP,OAAO,IAAMC,MAAM,GAAGL,YAAY,CAAC;AACjCM,EAAAA,IADiC,gBAC5BC,CAD4B,EAClB;AACb,WAAOR,GAAP;AACIG,IAAAA,WAAW,EADf;;AAGgBK,IAAAA,CAAC,CAACC,cAHlB;;;;;;;;;AAYWD,IAAAA,CAAC,CAACE,gBAZb;AAaYF,IAAAA,CAAC,CAACE,gBAbd;AAciBF,IAAAA,CAAC,CAACG,sBAdnB;;;;AAkBwBH,IAAAA,CAAC,CAACI,wBAlB1B;AAmBaJ,IAAAA,CAAC,CAACK,sBAnBf;;;;;;;;AA2BaL,IAAAA,CAAC,CAACM,4BA3Bf;;;AA8BD,GAhCgC;;AAkCjCC,EAAAA,QAlCiC,oBAkCxBP,CAlCwB,EAkCd;AACjB,WAAOR,GAAP;AACsBQ,IAAAA,CAAC,CAACQ,2BADxB;AAEWR,IAAAA,CAAC,CAACS,6BAFb;;AAID,GAvCgC;;AAyCjCC,EAAAA,OAzCiC,mBAyCzBV,CAzCyB,EAyCf;AAChB,WAAOR,GAAP;AACWQ,IAAAA,CAAC,CAACW,wBADb;;AAGD,GA7CgC;;AA+CjCC,EAAAA,KA/CiC,iBA+C3BZ,CA/C2B,EA+CjB;AACd,WAAOR,GAAP;AACYQ,IAAAA,CAAC,CAACa,uBADd;;AAGD,GAnDgC;;AAqDjCC,EAAAA,SArDiC,uBAqDrB;AACV,WAAOtB,GAAP;AACKI,IAAAA,aAAa,CAACC,YADnB;;;;AAKD,GA3DgC;;AA6DjCA,EAAAA,YA7DiC,0BA6DlB;AACb,WAAOL,GAAP;;;AAGD,GAjEgC,EAAD,CAA3B","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/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/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/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/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/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/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/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/internal/Calendar/index.d.ts

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

package/internal/CloseButtonIcon/CloseButtonIcon/CloseButtonIcon.js

@@ -0,0 +1,68 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["side", "size", "color", "colorHover", "disableCompensation", "focusable"];
+import React from 'react';
+import { cx } from "../../../lib/theming/Emotion";
+import { keyListener } from "../../../lib/events/keyListener";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
+import { DEFAULT_ICON_SIZE } from "../../icons2022/iconConstants";
+import { ThemeFactory } from "../../../lib/theming/ThemeFactory";
+import { styles } from "../CloseButtonIcon.styles";
+import { CrossIcon } from "../CrossIcon";
+export var CloseButtonIcon = function CloseButtonIcon(_ref) {
+  var _ref$side = _ref.side,
+      side = _ref$side === void 0 ? DEFAULT_ICON_SIZE : _ref$side,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? DEFAULT_ICON_SIZE : _ref$size,
+      color = _ref.color,
+      colorHover = _ref.colorHover,
+      disableCompensation = _ref.disableCompensation,
+      _ref$focusable = _ref.focusable,
+      focusable = _ref$focusable === void 0 ? true : _ref$focusable,
+      attrs = _objectWithoutPropertiesLoose(_ref, _excluded);
+
+  var _theme = React.useContext(ThemeContext);
+
+  var theme = ThemeFactory.create({
+    closeBtnIconColor: color != null ? color : _theme.closeBtnIconColor,
+    closeBtnIconHoverColor: colorHover != null ? colorHover : _theme.closeBtnIconHoverColor
+  }, _theme);
+
+  var _React$useState = React.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.isTabPressed) {
+        setFocusedByTab(true);
+      }
+    });
+  };
+
+  var handleBlur = function handleBlur() {
+    return setFocusedByTab(false);
+  };
+
+  var tabIndex = !focusable || attrs.disabled ? -1 : 0;
+  return /*#__PURE__*/React.createElement("button", _extends({
+    tabIndex: tabIndex,
+    className: cx(styles.root(theme), !attrs.disabled && focusedByTab && styles.focus(theme), attrs.disabled && styles.rootDisabled(theme)),
+    style: {
+      width: side,
+      height: side
+    },
+    onFocus: handleFocus,
+    onBlur: handleBlur
+  }, attrs), /*#__PURE__*/React.createElement("span", {
+    className: styles.wrapper(),
+    style: {
+      fontSize: size
+    }
+  }, /*#__PURE__*/React.createElement(CrossIcon, {
+    size: side < size ? side : size,
+    disableCompensation: disableCompensation
+  })));
+};

package/internal/CloseButtonIcon/CloseButtonIcon/CloseButtonIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["CloseButtonIcon.tsx"],"names":["React","cx","keyListener","ThemeContext","DEFAULT_ICON_SIZE","ThemeFactory","styles","CrossIcon","CloseButtonIcon","side","size","color","colorHover","disableCompensation","focusable","attrs","_theme","useContext","theme","create","closeBtnIconColor","closeBtnIconHoverColor","useState","focusedByTab","setFocusedByTab","handleFocus","requestAnimationFrame","isTabPressed","handleBlur","tabIndex","disabled","root","focus","rootDisabled","width","height","wrapper","fontSize"],"mappings":"0PAAA,OAAOA,KAAP,MAAqC,OAArC;;AAEA,SAASC,EAAT,QAAmB,2BAAnB;AACA,SAASC,WAAT,QAA4B,8BAA5B;AACA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAASC,iBAAT,QAAkC,4BAAlC;AACA,SAASC,YAAT,QAA6B,gCAA7B;;AAEA,SAASC,MAAT,QAAuB,0BAAvB;AACA,SAASC,SAAT,QAA0B,aAA1B;;;;;;;;;;;AAWA,OAAO,IAAMC,eAAwD,GAAG,SAA3DA,eAA2D;;;;;;;;AAQlE,sBAPJC,IAOI,CAPJA,IAOI,0BAPGL,iBAOH,8BANJM,IAMI,CANJA,IAMI,0BANGN,iBAMH,aALJO,KAKI,QALJA,KAKI,CAJJC,UAII,QAJJA,UAII,CAHJC,mBAGI,QAHJA,mBAGI,uBAFJC,SAEI,CAFJA,SAEI,+BAFQ,IAER,kBADDC,KACC;AACJ,MAAMC,MAAM,GAAGhB,KAAK,CAACiB,UAAN,CAAiBd,YAAjB,CAAf;AACA,MAAMe,KAAK,GAAGb,YAAY,CAACc,MAAb;AACZ;AACEC,IAAAA,iBAAiB,EAAET,KAAF,WAAEA,KAAF,GAAWK,MAAM,CAACI,iBADrC;AAEEC,IAAAA,sBAAsB,EAAET,UAAF,WAAEA,UAAF,GAAgBI,MAAM,CAACK,sBAF/C,EADY;;AAKZL,EAAAA,MALY,CAAd;;AAOA,wBAAwChB,KAAK,CAACsB,QAAN,CAAe,KAAf,CAAxC,CAAOC,YAAP,sBAAqBC,eAArB;;AAEA,MAAMC,WAAW,GAAG,SAAdA,WAAc,GAAM;AACxB;AACA;AACAC,IAAAA,qBAAqB,CAAC,YAAM;AAC1B,UAAIxB,WAAW,CAACyB,YAAhB,EAA8B;AAC5BH,QAAAA,eAAe,CAAC,IAAD,CAAf;AACD;AACF,KAJoB,CAArB;AAKD,GARD;AASA,MAAMI,UAAU,GAAG,SAAbA,UAAa,WAAMJ,eAAe,CAAC,KAAD,CAArB,EAAnB;;AAEA,MAAMK,QAAQ,GAAG,CAACf,SAAD,IAAcC,KAAK,CAACe,QAApB,GAA+B,CAAC,CAAhC,GAAoC,CAArD;;AAEA;AACE;AACE,MAAA,QAAQ,EAAED,QADZ;AAEE,MAAA,SAAS,EAAE5B,EAAE;AACXK,MAAAA,MAAM,CAACyB,IAAP,CAAYb,KAAZ,CADW;AAEX,OAACH,KAAK,CAACe,QAAP,IAAmBP,YAAnB,IAAmCjB,MAAM,CAAC0B,KAAP,CAAad,KAAb,CAFxB;AAGXH,MAAAA,KAAK,CAACe,QAAN,IAAkBxB,MAAM,CAAC2B,YAAP,CAAoBf,KAApB,CAHP,CAFf;;AAOE,MAAA,KAAK,EAAE,EAAEgB,KAAK,EAAEzB,IAAT,EAAe0B,MAAM,EAAE1B,IAAvB,EAPT;AAQE,MAAA,OAAO,EAAEgB,WARX;AASE,MAAA,MAAM,EAAEG,UATV;AAUMb,IAAAA,KAVN;;AAYE,kCAAM,SAAS,EAAET,MAAM,CAAC8B,OAAP,EAAjB,EAAmC,KAAK,EAAE,EAAEC,QAAQ,EAAE3B,IAAZ,EAA1C;AACE,wBAAC,SAAD,IAAW,IAAI,EAAED,IAAI,GAAGC,IAAP,GAAcD,IAAd,GAAqBC,IAAtC,EAA4C,mBAAmB,EAAEG,mBAAjE,GADF,CAZF,CADF;;;;AAkBD,CAlDM","sourcesContent":["import React, { CSSProperties } from 'react';\n\nimport { cx } from '../../lib/theming/Emotion';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { DEFAULT_ICON_SIZE } from '../icons2022/iconConstants';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\n\nimport { styles } from './CloseButtonIcon.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?: CSSProperties['color'];\n  focusable?: boolean;\n}\n\nexport const CloseButtonIcon: React.FunctionComponent<CloseIconProps> = ({\n  side = DEFAULT_ICON_SIZE,\n  size = DEFAULT_ICON_SIZE,\n  color,\n  colorHover,\n  disableCompensation,\n  focusable = true,\n  ...attrs\n}) => {\n  const _theme = React.useContext(ThemeContext);\n  const theme = ThemeFactory.create(\n    {\n      closeBtnIconColor: color ?? _theme.closeBtnIconColor,\n      closeBtnIconHoverColor: colorHover ?? _theme.closeBtnIconHoverColor,\n    },\n    _theme,\n  );\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 tabIndex = !focusable || attrs.disabled ? -1 : 0;\n\n  return (\n    <button\n      tabIndex={tabIndex}\n      className={cx(\n        styles.root(theme),\n        !attrs.disabled && focusedByTab && styles.focus(theme),\n        attrs.disabled && styles.rootDisabled(theme),\n      )}\n      style={{ width: side, height: side }}\n      onFocus={handleFocus}\n      onBlur={handleBlur}\n      {...attrs}\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/internal/CloseButtonIcon/CloseButtonIcon/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/internal/CloseButtonIcon/CloseButtonIcon.js",
+  "module": "CloseButtonIcon",
+  "types": "../CloseButtonIcon.d.ts",
+  "sideEffects": false
+}

package/internal/CloseButtonIcon/CloseButtonIcon.d.ts

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

package/internal/CloseButtonIcon/CloseButtonIcon.styles/CloseButtonIcon.styles.js

@@ -0,0 +1,20 @@
+import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+
+import { css, memoizeStyle } from "../../../lib/theming/Emotion";
+import { resetButton } from "../../../lib/styles/Mixins";
+export var styles = memoizeStyle({
+  root: function root(t) {
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      ", "\n      display: inline-block;\n      position: relative;\n      border-radius: ", ";\n      color: ", ";\n      cursor: pointer;\n\n      &:enabled:focus,\n      &:enabled:hover {\n        color: ", ";\n      }\n    "])), resetButton(), t.closeBtnIconBorderRadius, t.closeBtnIconColor, t.closeBtnIconHoverColor);
+  },
+  rootDisabled: function rootDisabled(t) {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.closeBtnIconDisabledColor);
+  },
+  focus: function focus(t) {
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      box-shadow: ", ";\n    "])), t.closeBtnIconFocusShadow);
+  },
+  wrapper: function wrapper() {
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      box-sizing: content-box;\n      display: flex;\n      width: 100%;\n      height: 100%;\n      align-items: center;\n      justify-content: center;\n      pointer-events: none;\n    "])));
+  }
+});

package/internal/CloseButtonIcon/CloseButtonIcon.styles/CloseButtonIcon.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["CloseButtonIcon.styles.tsx"],"names":["css","memoizeStyle","resetButton","styles","root","t","closeBtnIconBorderRadius","closeBtnIconColor","closeBtnIconHoverColor","rootDisabled","closeBtnIconDisabledColor","focus","closeBtnIconFocusShadow","wrapper"],"mappings":"0KAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;AAEA,SAASC,WAAT,QAA4B,yBAA5B;;AAEA,OAAO,IAAMC,MAAM,GAAGF,YAAY,CAAC;AACjCG,EAAAA,IADiC,gBAC5BC,CAD4B,EAClB;AACb,WAAOL,GAAP;AACIE,IAAAA,WAAW,EADf;;;AAImBG,IAAAA,CAAC,CAACC,wBAJrB;AAKWD,IAAAA,CAAC,CAACE,iBALb;;;;;AAUaF,IAAAA,CAAC,CAACG,sBAVf;;;AAaD,GAfgC;AAgBjCC,EAAAA,YAhBiC,wBAgBpBJ,CAhBoB,EAgBV;AACrB,WAAOL,GAAP;AACWK,IAAAA,CAAC,CAACK,yBADb;;AAGD,GApBgC;AAqBjCC,EAAAA,KArBiC,iBAqB3BN,CArB2B,EAqBjB;AACd,WAAOL,GAAP;AACgBK,IAAAA,CAAC,CAACO,uBADlB;;AAGD,GAzBgC;AA0BjCC,EAAAA,OA1BiC,qBA0BvB;AACR,WAAOb,GAAP;;;;;;;;;AASD,GApCgC,EAAD,CAA3B","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: ${t.closeBtnIconBorderRadius};\n      color: ${t.closeBtnIconColor};\n      cursor: pointer;\n\n      &:enabled:focus,\n      &:enabled:hover {\n        color: ${t.closeBtnIconHoverColor};\n      }\n    `;\n  },\n  rootDisabled(t: Theme) {\n    return css`\n      color: ${t.closeBtnIconDisabledColor};\n    `;\n  },\n  focus(t: Theme) {\n    return css`\n      box-shadow: ${t.closeBtnIconFocusShadow};\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      pointer-events: none;\n    `;\n  },\n});\n"]}

package/internal/CloseButtonIcon/CloseButtonIcon.styles/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/internal/CloseButtonIcon/CloseButtonIcon.styles.js",
+  "module": "CloseButtonIcon.styles",
+  "types": "../CloseButtonIcon.styles.d.ts",
+  "sideEffects": false
+}

package/internal/CloseButtonIcon/CloseButtonIcon.styles.d.ts

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

package/internal/CloseButtonIcon/CrossIcon/CrossIcon.js

@@ -0,0 +1,18 @@
+/* eslint-disable react/display-name */
+import React from 'react';
+import { iconSizer } from "../../icons2022/iconSizer";
+import { XIcon20Light } from "../../icons2022/XIcon/XIcon20Light";
+import { XIcon24Regular } from "../../icons2022/XIcon/XIcon24Regular";
+export var CrossIcon = iconSizer({
+  small: function small() {
+    return /*#__PURE__*/React.createElement(XIcon20Light, {
+      size: 16
+    });
+  },
+  medium: function medium() {
+    return /*#__PURE__*/React.createElement(XIcon20Light, null);
+  },
+  large: function large() {
+    return /*#__PURE__*/React.createElement(XIcon24Regular, null);
+  }
+}, 'CrossIcon');

package/internal/CloseButtonIcon/CrossIcon/CrossIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["CrossIcon.tsx"],"names":["React","iconSizer","XIcon20Light","XIcon24Regular","CrossIcon","small","medium","large"],"mappings":"AAAA;AACA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,SAAT,QAA0B,wBAA1B;AACA,SAASC,YAAT,QAA6B,iCAA7B;AACA,SAASC,cAAT,QAA+B,mCAA/B;;AAEA,OAAO,IAAMC,SAAS,GAAGH,SAAS;AAChC;AACEI,EAAAA,KAAK,EAAE,sCAAM,oBAAC,YAAD,IAAc,IAAI,EAAE,EAApB,GAAN,EADT;AAEEC,EAAAA,MAAM,EAAE,uCAAM,oBAAC,YAAD,OAAN,EAFV;AAGEC,EAAAA,KAAK,EAAE,sCAAM,oBAAC,cAAD,OAAN,EAHT,EADgC;;AAMhC,WANgC,CAA3B","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/internal/CloseButtonIcon/CrossIcon/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/internal/CloseButtonIcon/CrossIcon.js",
+  "module": "CrossIcon",
+  "types": "../CrossIcon.d.ts",
+  "sideEffects": false
+}

package/internal/CloseButtonIcon/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/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/internal/CommonWrapper/index.d.ts

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