npm - @skbkontur/react-ui - Versions diffs - 0.0.0-95a1dbe516 → 0.0.0-9cd4422b72 - Mend

@skbkontur/react-ui 0.0.0-95a1dbe516 → 0.0.0-9cd4422b72

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1181) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["MonthView.styles.ts"],"names":["~~getStyles~~","~~emotion","~~headerMonth","t","css","calendarMonthTitlePaddingTop","calendarMonthTitlePaddingBottom","headerYear","month","width","parseInt","calendarCellSize","header","headerSticky","calendarMonthHeaderStickedBgColor","monthTitle","calendarMonthTitleBorderBottomColor","dateSelectFontWeight","calendarMonthTitleMarginX","calendarMonthTitleMarginBottom","calendarMonthTitleLineHeight","monthDayGrid","calendarCellLineHeight"],"mappings":"~~;;AAEA~~,oD;;;AAGO,IAAMA,~~SAAS~~,GAAG,~~SAAZA,SAAY,CAACC,OAAD~~;~~AACvB,+BAAa;AACXC~~,~~MAAAA~~,~~WADW~~,~~uBACCC~~,~~CADD~~,~~EACW~~;AACpB,~~eAAOF~~,~~OAAO,CAACG,GAAf~~;;AAEaD,~~QAAAA~~,CAAC,CAACE,4BAFf,EAEiDF,CAAC,CAACG,+BAFnD;;AAID,~~OANU~~;;~~AAQXC~~,~~MAAAA~~,~~UARW~~,~~sBAQAJ~~,~~CARA~~,~~EAQU~~;AACnB,~~eAAOF~~,~~OAAO,CAACG,GAAf~~;;;;AAIaD,~~QAAAA~~,CAAC,CAACE,4BAJf,EAIiDF,CAAC,CAACG,+BAJnD;;AAMD,~~OAfU~~;;~~AAiBXE~~,~~MAAAA~~,~~KAjBW~~,~~iBAiBLL~~,~~CAjBK~~,~~EAiBK~~;AACd,~~YAAMM~~,KAAK,GAAGC,QAAQ,CAACP,CAAC,CAACQ,gBAAH,CAAR,GAA+B,CAA7C;AACA,~~eAAOV~~,~~OAAO,CAACG,GAAf~~;;AAEWK,~~QAAAA~~,KAFX;;AAID,~~OAvBU~~;;~~AAyBXG~~,~~MAAAA~~,~~MAzBW~~,~~oBAyBF~~;AACP,~~eAAOX~~,~~OAAO,CAACG,GAAf~~;;;AAGD,~~OA7BU~~;;AA+~~BXS~~,~~MAAAA~~,YA/BW,wBA+~~BEV~~,CA/BF,EA+BY;AACrB,~~eAAOF~~,~~OAAO,CAACG,GAAf~~;AACsBD,~~QAAAA~~,CAAC,CAACW,iCADxB;;;AAID,~~OApCU~~;;~~AAsCXC~~,~~MAAAA~~,~~UAtCW~~,~~sBAsCAZ~~,~~CAtCA~~,~~EAsCU~~;AACnB,~~eAAOF~~,~~OAAO,CAACG,GAAf~~;AAC6BD,~~QAAAA~~,CAAC,CAACa,mCAD/B;AAEiBb,~~QAAAA~~,CAAC,CAACc,oBAFnB;AAGcd,~~QAAAA~~,CAAC,CAACe,yBAHhB,EAG6Cf,CAAC,CAACgB,8BAH/C;AAIiBhB,~~QAAAA~~,CAAC,CAACiB,4BAJnB;;AAMD,~~OA7CU~~;;AA+~~CXC~~,~~MAAAA~~,YA/CW,wBA+~~CElB~~,CA/CF,EA+CY;AACrB,~~eAAOF~~,~~OAAO,CAACG,GAAf~~;AACiBD,~~QAAAA~~,CAAC,CAACmB,sBADnB;;AAGD,~~OAnDU~~,EAAb,~~CADuB~~,~~GAAlB,~~C","sourcesContent":["import ~~type~~ { ~~Emotion } from '@emotion/~~css~~/create-instance';\n\nimport~~ { memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const ~~getStyles~~ = ~~(emotion: Emotion) =>\n~~ memoizeStyle({\n headerMonth(t: Theme) {\n return ~~emotion.~~css`\n display: inline-block;\n padding: ${t.calendarMonthTitlePaddingTop} 0 ${t.calendarMonthTitlePaddingBottom};\n `;\n },\n\n headerYear(t: Theme) {\n return ~~emotion.~~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.calendarCellSize) * 7;\n return ~~emotion.~~css`\n position: absolute;\n width: ${width}px;\n `;\n },\n\n header() {\n return ~~emotion.~~css`\n position: relative;\n `;\n },\n\n headerSticky(t: Theme) {\n return ~~emotion.~~css`\n background-color: ${t.calendarMonthHeaderStickedBgColor};\n z-index: 2;\n `;\n },\n\n monthTitle(t: Theme) {\n return ~~emotion.~~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 monthDayGrid(t: Theme) {\n return ~~emotion.~~css`\n line-height: ${t.calendarCellLineHeight};\n `;\n },\n });\n"]}
1	+ {"version":3,"sources":["MonthView.styles.ts"],"names":["styles","headerMonth","t","css","calendarMonthTitlePaddingTop","calendarMonthTitlePaddingBottom","headerYear","month","width","parseInt","calendarCellSize","header","headerSticky","calendarMonthHeaderStickedBgColor","monthTitle","calendarMonthTitleBorderBottomColor","dateSelectFontWeight","calendarMonthTitleMarginX","calendarMonthTitleMarginBottom","calendarMonthTitleLineHeight","monthDayGrid","calendarCellLineHeight"],"mappings":"oRAAA,oD;;;AAGO,IAAMA,MAAM,GAAG,2BAAa;AACjCC,EAAAA,WADiC,uBACrBC,CADqB,EACX;AACpB,eAAOC,YAAP;;AAEaD,IAAAA,CAAC,CAACE,4BAFf,EAEiDF,CAAC,CAACG,+BAFnD;;AAID,GANgC;;AAQjCC,EAAAA,UARiC,sBAQtBJ,CARsB,EAQZ;AACnB,eAAOC,YAAP;;;;AAIaD,IAAAA,CAAC,CAACE,4BAJf,EAIiDF,CAAC,CAACG,+BAJnD;;AAMD,GAfgC;;AAiBjCE,EAAAA,KAjBiC,iBAiB3BL,CAjB2B,EAiBjB;AACd,QAAMM,KAAK,GAAGC,QAAQ,CAACP,CAAC,CAACQ,gBAAH,CAAR,GAA+B,CAA7C;AACA,eAAOP,YAAP;;AAEWK,IAAAA,KAFX;;AAID,GAvBgC;;AAyBjCG,EAAAA,MAzBiC,oBAyBxB;AACP,eAAOR,YAAP;;;AAGD,GA7BgC;;AA+BjCS,EAAAA,YA/BiC,wBA+BpBV,CA/BoB,EA+BV;AACrB,eAAOC,YAAP;AACsBD,IAAAA,CAAC,CAACW,iCADxB;;;AAID,GApCgC;;AAsCjCC,EAAAA,UAtCiC,sBAsCtBZ,CAtCsB,EAsCZ;AACnB,eAAOC,YAAP;AAC6BD,IAAAA,CAAC,CAACa,mCAD/B;AAEiBb,IAAAA,CAAC,CAACc,oBAFnB;AAGcd,IAAAA,CAAC,CAACe,yBAHhB,EAG6Cf,CAAC,CAACgB,8BAH/C;AAIiBhB,IAAAA,CAAC,CAACiB,4BAJnB;;AAMD,GA7CgC;;AA+CjCC,EAAAA,YA/CiC,wBA+CpBlB,CA/CoB,EA+CV;AACrB,eAAOC,YAAP;AACiBD,IAAAA,CAAC,CAACmB,sBADnB;;AAGD,GAnDgC,EAAb,CAAf,C","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.calendarCellSize) * 7;\n return css`\n position: absolute;\n width: ${width}px;\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 monthDayGrid(t: Theme) {\n return css`\n line-height: ${t.calendarCellLineHeight};\n `;\n },\n});\n"]}

package/cjs/components/Center/Center.d.ts CHANGED Viewed

@@ -23,7 +23,6 @@ export declare class Center extends React.Component<CenterProps> {
     static displayName: string;
     static defaultProps: DefaultProps;
     private getProps;
-    private emotion;
     private setRootNode;
     render(): JSX.Element;
     private renderMain;

package/cjs/components/Center/Center.js CHANGED Viewed

@@ -1,11 +1,10 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.CenterDataTids = exports.Center = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 var _CommonWrapper = require("../../internal/CommonWrapper");
+var _Emotion = require("../../lib/theming/Emotion");
 var _rootNode = require("../../lib/rootNode");
 var _createPropsGetter = require("../../lib/createPropsGetter");
-var _Emotion = require("../../lib/theming/Emotion");
 var _Center = require("./Center.styles");var _excluded = ["align"];var _class, _class2, _temp;
@@ -54,29 +53,21 @@ Center = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/functi
-    renderMain = function (props) {var _this$emotion$cx;
+    renderMain = function (props) {var _cx;
       var align = props.align,rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-      var styles = (0, _Center.getStyles)(_this.emotion);
       return /*#__PURE__*/(
         _react.default.createElement("div", (0, _extends2.default)({
           "data-tid": CenterDataTids.root },
         rest, {
-          className: _this.emotion.cx((_this$emotion$cx = {}, _this$emotion$cx[
-          styles.root()] = true, _this$emotion$cx[
-          styles.rootAlignLeft()] = align === 'left', _this$emotion$cx[
-          styles.rootAlignRight()] = align === 'right', _this$emotion$cx)) }), /*#__PURE__*/
+          className: (0, _Emotion.cx)((_cx = {}, _cx[
+          _Center.styles.root()] = true, _cx[
+          _Center.styles.rootAlignLeft()] = align === 'left', _cx[
+          _Center.styles.rootAlignRight()] = align === 'right', _cx)) }), /*#__PURE__*/
-        _react.default.createElement("span", { className: styles.spring() }), /*#__PURE__*/
-        _react.default.createElement("span", { className: styles.container() }, _this.props.children)));
+        _react.default.createElement("span", { className: _Center.styles.spring() }), /*#__PURE__*/
+        _react.default.createElement("span", { className: _Center.styles.container() }, _this.props.children)));
-    };return _this;}var _proto = Center.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_Emotion.EmotionConsumer, null, function (emotion) {_this2.emotion = emotion;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: _this2.setRootNode }, _this2.getProps()), _this2.renderMain);});};return Center;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'Center', _class2.displayName = 'Center', _class2.defaultProps = { align: 'center' }, _temp)) || _class;exports.Center = Center;
+    };return _this;}var _proto = Center.prototype;_proto.render = function render() {return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.getProps()), this.renderMain);};return Center;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'Center', _class2.displayName = 'Center', _class2.defaultProps = { align: 'center' }, _temp)) || _class;exports.Center = Center;

package/cjs/components/Center/Center.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["Center.tsx"],"names":["CenterDataTids","root","Center","rootNode","getProps","defaultProps","renderMain","props","align","rest","styles","~~emotion","cx","~~rootAlignLeft","rootAlignRight","spring","container","children","render","setRootNode","React","Component","__KONTUR_REACT_UI__","displayName"],"mappings":"ieAAA~~;;;;AAIA~~;AACA;AACA;AACA;;AAEA,yC;;;;;;;;;;;;;;;;;;AAkBO,IAAMA,cAAc,GAAG;AAC5BC,EAAAA,IAAI,EAAE,cADsB,EAAvB,C;;;;;;AAOP;AACA;AACA,G;;AAEaC,M,OADZC,kB;;;;;;;AAQSC,IAAAA,Q,GAAW,0CAAkBF,MAAM,CAACG,YAAzB,C~~;;;;;;;;;;;;;;;;;;;AAmBXC~~,IAAAA,U,GAAa,UAACC,KAAD,EAA2D;AAC9E,UAAQC,KAAR,GAA2BD,KAA3B,CAAQC,KAAR,CAAkBC,IAAlB,+CAA2BF,KAA3B;~~AACA,UAAMG,MAAM,GAAG,uBAAU,MAAKC,OAAf,CAAf;AACA;~~AACE;AACE,~~sBAAUX~~,cAAc,CAACC,IAD3B;AAEMQ,QAAAA,IAFN;AAGE,UAAA,SAAS,EAAE~~,MAAKE,OAAL,CAAaC,EAAb~~;~~AACRF~~,~~UAAAA~~,~~MAAM,CAACT,~~IAAP,EADQ,IACQ,IADR;AAERS,~~UAAAA~~,~~MAAM,CAACG,~~aAAP,EAFQ,~~IAEiBL~~,KAAK,KAAK,MAF3B;AAGRE,~~UAAAA~~,~~MAAM,CAACI,~~cAAP,EAHQ,~~IAGkBN~~,KAAK,KAAK,OAH5B,~~oBAHb~~;;;AASE,+CAAM,SAAS,EAAEE,~~MAAM~~,~~CAACK,~~MAAP,EAAjB,GATF;AAUE,+CAAM,SAAS,~~EAAEL~~,~~MAAM~~,~~CAACM,~~SAAP,EAAjB,IAAsC,~~MAAKT~~,KAAL,~~CAAWU~~,QAAjD,CAVF,CADF;;;AAcD,K,~~oDA/BMC~~,M,GAAP,kBAAgB,~~mBACd~~,oBACE,6BAAC,~~wBAAD,QACG,UAACP,OAAD,EAAa,CACZ,MAAI,CAACA,OAAL,GAAeA,OAAf,CACA,oBACE,6BAAC,~~4BAAD,2BAAe,WAAW,EAAE,~~MAAI~~,~~CAACQ,~~WAAjC,IAAkD,~~MAAI~~,~~CAACf,~~QAAL,EAAlD,GACG,~~MAAI~~,~~CAACE,~~UADR,CADF,CAKD,~~CARH,CADF,CAYD,~~C,~~iBAzByBc~~,eAAMC,S,WAClBC,mB,GAAsB,Q,UACtBC,W,GAAc,Q,~~UAEdlB~~,Y,GAA6B,EACzCG,KAAK,EAAE,QADkC,E","sourcesContent":["import React from 'react';\~~nimport type { Emotion } from '@emotion/css/create-instance';\~~n\nimport { Override } from '../../typings/utility-types';\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { ~~rootNode,~~ ~~TSetRootNode~~ } from '../../lib/~~rootNode~~';\nimport { ~~createPropsGetter~~, ~~DefaultizedProps~~ } from '../../lib/~~createPropsGetter~~';\nimport { ~~EmotionConsumer~~ } from '../../lib/~~theming/Emotion~~';\n\nimport { ~~getStyles~~ } from './Center.styles';\n\nexport type HorizontalAlign = 'left' \| 'center' \| 'right';\n\nexport interface CenterProps\n extends CommonProps,\n Override<\n React.HTMLAttributes<HTMLDivElement>,\n {\n /*\n Определяет, как контент будет выровнен по горизонтали.\n \n Допустимые значения: `\"left\"`, `\"center\"`, `\"right\"`.\n /\n align?: HorizontalAlign;\n }\n > {}\n\nexport const CenterDataTids = {\n root: 'Center__root',\n} as const;\n\ntype DefaultProps = Required<Pick<CenterProps, 'align'>>;\ntype DefaultizedCenterProps = DefaultizedProps<CenterProps, DefaultProps>;\n\n/\n Контейнер, который центрирует элементы внутри себя.\n */\n@rootNode\nexport class Center extends React.Component<CenterProps> {\n public static __KONTUR_REACT_UI__ = 'Center';\n public static displayName = 'Center';\n\n public static defaultProps: DefaultProps = {\n align: 'center',\n };\n private getProps = createPropsGetter(Center.defaultProps);\n\n private ~~emotion!: Emotion;\n private~~ setRootNode!: TSetRootNode;\n\n public render() {\n return (\n <~~EmotionConsumer>\n {(emotion) => {\n this.emotion = emotion;\n return (\n <~~CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n {this.renderMain}\n </CommonWrapper>\n ~~);\n }}\n </EmotionConsumer>\n~~ );\n }\n private renderMain = (props: CommonWrapperRestProps<DefaultizedCenterProps>) => {\n const { align, ...rest } = props;\n ~~const styles = getStyles(this.emotion);\~~n return (\n <div\n data-tid={CenterDataTids.root}\n {...rest}\n className={~~this.emotion.~~cx({\n [styles.root()]: true,\n [styles.rootAlignLeft()]: align === 'left',\n [styles.rootAlignRight()]: align === 'right',\n })}\n >\n <span className={styles.spring()} />\n <span className={styles.container()}>{this.props.children}</span>\n </div>\n );\n };\n}\n"]}
1	+ {"version":3,"sources":["Center.tsx"],"names":["CenterDataTids","root","Center","rootNode","getProps","defaultProps","renderMain","props","align","rest","styles","rootAlignLeft","rootAlignRight","spring","container","children","render","setRootNode","React","Component","__KONTUR_REACT_UI__","displayName"],"mappings":"ieAAA;;;AAGA;AACA;AACA;AACA;;AAEA,yC;;;;;;;;;;;;;;;;;;AAkBO,IAAMA,cAAc,GAAG;AAC5BC,EAAAA,IAAI,EAAE,cADsB,EAAvB,C;;;;;;AAOP;AACA;AACA,G;;AAEaC,M,OADZC,kB;;;;;;;AAQSC,IAAAA,Q,GAAW,0CAAkBF,MAAM,CAACG,YAAzB,C;;;;;;;;;;;AAWXC,IAAAA,U,GAAa,UAACC,KAAD,EAA2D;AAC9E,UAAQC,KAAR,GAA2BD,KAA3B,CAAQC,KAAR,CAAkBC,IAAlB,+CAA2BF,KAA3B;;AAEA;AACE;AACE,sBAAUP,cAAc,CAACC,IAD3B;AAEMQ,QAAAA,IAFN;AAGE,UAAA,SAAS,EAAE;AACRC,yBAAOT,IAAP,EADQ,IACQ,IADR;AAERS,yBAAOC,aAAP,EAFQ,IAEiBH,KAAK,KAAK,MAF3B;AAGRE,yBAAOE,cAAP,EAHQ,IAGkBJ,KAAK,KAAK,OAH5B,OAHb;;;AASE,+CAAM,SAAS,EAAEE,eAAOG,MAAP,EAAjB,GATF;AAUE,+CAAM,SAAS,EAAEH,eAAOI,SAAP,EAAjB,IAAsC,MAAKP,KAAL,CAAWQ,QAAjD,CAVF,CADF;;;AAcD,K,oDAxBMC,M,GAAP,kBAAgB,CACd,oBACE,6BAAC,4BAAD,2BAAe,WAAW,EAAE,KAAKC,WAAjC,IAAkD,KAAKb,QAAL,EAAlD,GACG,KAAKE,UADR,CADF,CAKD,C,iBAjByBY,eAAMC,S,WAClBC,mB,GAAsB,Q,UACtBC,W,GAAc,Q,UAEdhB,Y,GAA6B,EACzCG,KAAK,EAAE,QADkC,E","sourcesContent":["import React from 'react';\n\nimport { Override } from '../../typings/utility-types';\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter, DefaultizedProps } from '../../lib/createPropsGetter';\n\nimport { styles } from './Center.styles';\n\nexport type HorizontalAlign = 'left' \| 'center' \| 'right';\n\nexport interface CenterProps\n extends CommonProps,\n Override<\n React.HTMLAttributes<HTMLDivElement>,\n {\n /*\n Определяет, как контент будет выровнен по горизонтали.\n \n Допустимые значения: `\"left\"`, `\"center\"`, `\"right\"`.\n /\n align?: HorizontalAlign;\n }\n > {}\n\nexport const CenterDataTids = {\n root: 'Center__root',\n} as const;\n\ntype DefaultProps = Required<Pick<CenterProps, 'align'>>;\ntype DefaultizedCenterProps = DefaultizedProps<CenterProps, DefaultProps>;\n\n/\n Контейнер, который центрирует элементы внутри себя.\n */\n@rootNode\nexport class Center extends React.Component<CenterProps> {\n public static __KONTUR_REACT_UI__ = 'Center';\n public static displayName = 'Center';\n\n public static defaultProps: DefaultProps = {\n align: 'center',\n };\n private getProps = createPropsGetter(Center.defaultProps);\n\n private setRootNode!: TSetRootNode;\n\n public render() {\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n {this.renderMain}\n </CommonWrapper>\n );\n }\n private renderMain = (props: CommonWrapperRestProps<DefaultizedCenterProps>) => {\n const { align, ...rest } = props;\n\n return (\n <div\n data-tid={CenterDataTids.root}\n {...rest}\n className={cx({\n [styles.root()]: true,\n [styles.rootAlignLeft()]: align === 'left',\n [styles.rootAlignRight()]: align === 'right',\n })}\n >\n <span className={styles.spring()} />\n <span className={styles.container()}>{this.props.children}</span>\n </div>\n );\n };\n}\n"]}

package/cjs/components/Center/Center.styles.d.ts CHANGED Viewed

@@ -1,5 +1,4 @@
-import type { Emotion } from '@emotion/css/create-instance';
-export declare const getStyles: (emotion: Emotion) => {
+export declare const styles: {
     root(): string;
     rootAlignLeft(): string;
     rootAlignRight(): string;

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

@@ -1,40 +1,37 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.getStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
+"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;
-var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+var styles = (0, _Emotion.memoizeStyle)({
+  root: function root() {
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      height: 100%;\n      text-align: center;\n    "])));
-var getStyles = function getStyles(emotion) {return (
-    (0, _Emotion.memoizeStyle)({
-      root: function root() {
-        return emotion.css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n        height: 100%;\n        text-align: center;\n      "])));
+  },
-      },
+  rootAlignLeft: function rootAlignLeft() {
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      text-align: left;\n    "])));
-      rootAlignLeft: function rootAlignLeft() {
-        return emotion.css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n        text-align: left;\n      "])));
+  },
-      },
+  rootAlignRight: function rootAlignRight() {
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      text-align: right;\n    "])));
-      rootAlignRight: function rootAlignRight() {
-        return emotion.css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n        text-align: right;\n      "])));
+  },
-      },
+  spring: function spring() {
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      height: 100%;\n      vertical-align: middle;\n    "])));
-      spring: function spring() {
-        return emotion.css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n        display: inline-block;\n        height: 100%;\n        vertical-align: middle;\n      "])));
+  },
-      },
+  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    "])));
-      container: function container() {
-        return emotion.css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n        display: inline-block;\n        text-align: left;\n        vertical-align: middle;\n      "])));
-      } }));};exports.getStyles = getStyles;
+  } });exports.styles = styles;

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["Center.styles.ts"],"names":["~~getStyles~~","~~emotion","~~root","css","rootAlignLeft","rootAlignRight","spring","container"],"mappings":"~~;;AAEA~~,oD;;AAEO,IAAMA,~~SAAS~~,GAAG,~~SAAZA,SAAY,CAACC,OAAD~~;~~AACvB,+BAAa;AACXC~~,~~MAAAA~~,~~IADW~~,~~kBACJ~~;AACL,~~eAAOD~~,~~OAAO,CAACE,GAAf~~;;;;AAID,~~OANU~~;;~~AAQXC~~,~~MAAAA~~,~~aARW~~,~~2BAQK~~;AACd,~~eAAOH~~,~~OAAO,CAACE,GAAf~~;;;AAGD,~~OAZU~~;;~~AAcXE~~,~~MAAAA~~,~~cAdW~~,~~4BAcM~~;AACf,~~eAAOJ~~,~~OAAO,CAACE,GAAf~~;;;AAGD,~~OAlBU~~;;~~AAoBXG~~,~~MAAAA~~,~~MApBW~~,~~oBAoBF~~;AACP,~~eAAOL~~,~~OAAO,CAACE,GAAf~~;;;;;AAKD,~~OA1BU~~;;~~AA4BXI~~,~~MAAAA~~,~~SA5BW~~,~~uBA4BC~~;AACV,~~eAAON~~,~~OAAO,CAACE,GAAf~~;;;;;AAKD,~~OAlCU~~,EAAb,~~CADuB~~,~~GAAlB,~~C","sourcesContent":["import ~~type~~ { ~~Emotion } from '@emotion/~~css~~/create-instance';\n\nimport~~ { memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const ~~getStyles~~ = ~~(emotion: Emotion) =>\n~~ memoizeStyle({\n root() {\n return ~~emotion.~~css`\n height: 100%;\n text-align: center;\n `;\n },\n\n rootAlignLeft() {\n return ~~emotion.~~css`\n text-align: left;\n `;\n },\n\n rootAlignRight() {\n return ~~emotion.~~css`\n text-align: right;\n `;\n },\n\n spring() {\n return ~~emotion.~~css`\n display: inline-block;\n height: 100%;\n vertical-align: middle;\n `;\n },\n\n container() {\n return ~~emotion.~~css`\n display: inline-block;\n text-align: left;\n vertical-align: middle;\n `;\n },\n });\n"]}
1	+ {"version":3,"sources":["Center.styles.ts"],"names":["styles","root","css","rootAlignLeft","rootAlignRight","spring","container"],"mappings":"oRAAA,oD;;AAEO,IAAMA,MAAM,GAAG,2BAAa;AACjCC,EAAAA,IADiC,kBAC1B;AACL,eAAOC,YAAP;;;;AAID,GANgC;;AAQjCC,EAAAA,aARiC,2BAQjB;AACd,eAAOD,YAAP;;;AAGD,GAZgC;;AAcjCE,EAAAA,cAdiC,4BAchB;AACf,eAAOF,YAAP;;;AAGD,GAlBgC;;AAoBjCG,EAAAA,MApBiC,oBAoBxB;AACP,eAAOH,YAAP;;;;;AAKD,GA1BgC;;AA4BjCI,EAAAA,SA5BiC,uBA4BrB;AACV,eAAOJ,YAAP;;;;;AAKD,GAlCgC,EAAb,CAAf,C","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"]}

package/cjs/components/Checkbox/Checkbox.d.ts CHANGED Viewed

@@ -82,7 +82,6 @@ export declare class Checkbox extends React.PureComponent<CheckboxProps, Checkbo
         isShiftPressed: boolean;
     };
     private theme;
-    private emotion;
     private input;
     private handleShiftPress;
     private handleShiftRelease;

package/cjs/components/Checkbox/Checkbox.js CHANGED Viewed

@@ -5,9 +5,9 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _globalObject = require("@skbkontur/global-object");
 var _keyListener = require("../../lib/events/keyListener");
+var _ThemeContext = require("../../lib/theming/ThemeContext");
 var _px = require("../../internal/icons/16px");
 var _client = require("../../lib/client");
 var _CommonWrapper = require("../../internal/CommonWrapper");
@@ -18,7 +18,6 @@ var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
 var _createPropsGetter = require("../../lib/createPropsGetter");
 var _FocusControlWrapper = require("../../internal/FocusControlWrapper");
-var _ThemeContext = require("../../lib/theming/ThemeContext");
 var _Checkbox = require("./Checkbox.styles");
 var _CheckedIcon = require("./CheckedIcon");
@@ -144,8 +143,6 @@ Checkbox = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/func
@@ -156,7 +153,6 @@ Checkbox = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/func
     input = /*#__PURE__*/_react.default.createRef();_this.
     handleShiftPress = function (e) {
@@ -225,13 +221,6 @@ Checkbox = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/func
@@ -262,7 +251,7 @@ Checkbox = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/func
       }
     };_this.
-    renderMain = function (props) {var _this$emotion$cx, _this$emotion$cx3, _this$emotion$cx4;
+    renderMain = function (props) {var _cx, _cx3, _cx4;
       var
       error =
@@ -280,11 +269,11 @@ Checkbox = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/func
       var isIndeterminate = _this.state.indeterminate;
       var _isTheme2022 = (0, _ThemeHelpers.isTheme2022)(_this.theme);
-      var styles = (0, _Checkbox.getStyles)(_this.emotion);
-      var iconClass = _this.emotion.cx(
-      styles.icon(),
-      !_isTheme2022 && styles.iconFixPosition(),
-      !props.checked && !isIndeterminate && styles.iconUnchecked());
+      var iconClass = (0, _Emotion.cx)(
+      _Checkbox.styles.icon(),
+      !_isTheme2022 && _Checkbox.styles.iconFixPosition(),
+      !props.checked && !isIndeterminate && _Checkbox.styles.iconUnchecked());
       var iconSize = parseInt(_this.getCheckboxBoxSize());
@@ -303,18 +292,18 @@ Checkbox = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/func
       _react.default.createElement(_px.SquareIcon, { className: iconClass });
-      var rootClass = _this.emotion.cx(_this.getRootSizeClassName(), (_this$emotion$cx = {}, _this$emotion$cx[
-      styles.root(_this.theme)] = true, _this$emotion$cx[
-      styles.rootFallback()] = _client.isIE11 || _client.isEdge, _this$emotion$cx[
-      styles.rootChecked(_this.theme)] = props.checked || isIndeterminate, _this$emotion$cx[
-      styles.rootDisableTextSelect()] = _this.state.isShiftPressed, _this$emotion$cx[
-      styles.disabled(_this.theme)] = Boolean(props.disabled), _this$emotion$cx));
+      var rootClass = (0, _Emotion.cx)(_this.getRootSizeClassName(), (_cx = {}, _cx[
+      _Checkbox.styles.root(_this.theme)] = true, _cx[
+      _Checkbox.styles.rootFallback()] = _client.isIE11 || _client.isEdge, _cx[
+      _Checkbox.styles.rootChecked(_this.theme)] = props.checked || isIndeterminate, _cx[
+      _Checkbox.styles.rootDisableTextSelect()] = _this.state.isShiftPressed, _cx[
+      _Checkbox.styles.disabled(_this.theme)] = Boolean(props.disabled), _cx));
       var inputProps = (0, _extends2.default)({},
       rest, {
         type: 'checkbox',
-        className: styles.input(),
+        className: _Checkbox.styles.input(),
         onChange: _this.handleChange,
         onFocus: _this.handleFocus,
         onBlur: _this.handleBlur,
@@ -323,28 +312,28 @@ Checkbox = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/func
       var caption = null;
-      if (_this.props.children) {var _this$emotion$cx2;
-        var captionClass = _this.emotion.cx((_this$emotion$cx2 = {}, _this$emotion$cx2[
-        styles.caption(_this.theme)] = true, _this$emotion$cx2[
-        styles.captionIE11()] = _client.isIE11 || _client.isEdge, _this$emotion$cx2[
-        styles.disabled(_this.theme)] = Boolean(props.disabled), _this$emotion$cx2));
+      if (_this.props.children) {var _cx2;
+        var captionClass = (0, _Emotion.cx)((_cx2 = {}, _cx2[
+        _Checkbox.styles.caption(_this.theme)] = true, _cx2[
+        _Checkbox.styles.captionIE11()] = _client.isIE11 || _client.isEdge, _cx2[
+        _Checkbox.styles.disabled(_this.theme)] = Boolean(props.disabled), _cx2));
         caption = /*#__PURE__*/_react.default.createElement("span", { className: captionClass }, _this.props.children);
       }
       var box = /*#__PURE__*/
       _react.default.createElement("div", {
-        className: _this.emotion.cx(_this.getBoxWrapperSizeClassName(), (_this$emotion$cx3 = {}, _this$emotion$cx3[
-        styles.boxWrapper(_this.theme)] = true, _this$emotion$cx3)) }, /*#__PURE__*/
+        className: (0, _Emotion.cx)(_this.getBoxWrapperSizeClassName(), (_cx3 = {}, _cx3[
+        _Checkbox.styles.boxWrapper(_this.theme)] = true, _cx3)) }, /*#__PURE__*/
       _react.default.createElement("div", {
-        className: _this.emotion.cx(styles.box(_this.theme), _Checkbox.globalClasses.box, (_this$emotion$cx4 = {}, _this$emotion$cx4[
-        styles.boxChecked(_this.theme)] = props.checked || isIndeterminate, _this$emotion$cx4[
-        styles.boxFocus(_this.theme)] = _this.state.focusedByTab, _this$emotion$cx4[
-        styles.boxError(_this.theme)] = props.error, _this$emotion$cx4[
-        styles.boxWarning(_this.theme)] = props.warning, _this$emotion$cx4[
-        styles.boxDisabled(_this.theme)] = props.disabled, _this$emotion$cx4)) },
+        className: (0, _Emotion.cx)(_Checkbox.styles.box(_this.theme), _Checkbox.globalClasses.box, (_cx4 = {}, _cx4[
+        _Checkbox.styles.boxChecked(_this.theme)] = props.checked || isIndeterminate, _cx4[
+        _Checkbox.styles.boxFocus(_this.theme)] = _this.state.focusedByTab, _cx4[
+        _Checkbox.styles.boxError(_this.theme)] = props.error, _cx4[
+        _Checkbox.styles.boxWarning(_this.theme)] = props.warning, _cx4[
+        _Checkbox.styles.boxDisabled(_this.theme)] = props.disabled, _cx4)) },
       isIndeterminate && IconSquare || IconCheck));
@@ -421,7 +410,7 @@ Checkbox = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/func
           _this.props.onValueChange(checked);
         }
       }
-    };return _this;}var _proto = Checkbox.prototype;_proto.getRootSizeClassName = function getRootSizeClassName() {var styles = (0, _Checkbox.getStyles)(this.emotion);switch (this.getProps().size) {case 'large':return styles.rootLarge(this.theme);case 'medium':return styles.rootMedium(this.theme);case 'small':default:return styles.rootSmall(this.theme);}};_proto.getBoxWrapperSizeClassName = function getBoxWrapperSizeClassName() {var styles = (0, _Checkbox.getStyles)(this.emotion);switch (this.getProps().size) {case 'large':return styles.boxWrapperLarge(this.theme);case 'medium':return styles.boxWrapperMedium(this.theme);case 'small':default:return styles.boxWrapperSmall(this.theme);}};_proto.getCheckboxBoxSize = function getCheckboxBoxSize() {switch (this.getProps().size) {case 'large':return this.theme.checkboxBoxSizeLarge;case 'medium':return this.theme.checkboxBoxSizeMedium;case 'small':default:return this.theme.checkboxBoxSizeSmall;}};_proto.componentDidUpdate = function componentDidUpdate(prevProps) {if (prevProps.checked !== this.props.checked) {this.resetIndeterminate();}};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_Emotion.EmotionConsumer, null, function (emotion) {_this2.emotion = emotion;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeConsumer, null, function (theme) {_this2.theme = theme;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: _this2.setRootNode }, _this2.props), _this2.renderMain);});});} /**
+    };return _this;}var _proto = Checkbox.prototype;_proto.getRootSizeClassName = function getRootSizeClassName() {switch (this.getProps().size) {case 'large':return _Checkbox.styles.rootLarge(this.theme);case 'medium':return _Checkbox.styles.rootMedium(this.theme);case 'small':default:return _Checkbox.styles.rootSmall(this.theme);}};_proto.getBoxWrapperSizeClassName = function getBoxWrapperSizeClassName() {switch (this.getProps().size) {case 'large':return _Checkbox.styles.boxWrapperLarge(this.theme);case 'medium':return _Checkbox.styles.boxWrapperMedium(this.theme);case 'small':default:return _Checkbox.styles.boxWrapperSmall(this.theme);}};_proto.getCheckboxBoxSize = function getCheckboxBoxSize() {switch (this.getProps().size) {case 'large':return this.theme.checkboxBoxSizeLarge;case 'medium':return this.theme.checkboxBoxSizeMedium;case 'small':default:return this.theme.checkboxBoxSizeSmall;}};_proto.componentDidUpdate = function componentDidUpdate(prevProps) {if (prevProps.checked !== this.props.checked) {this.resetIndeterminate();}};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: _this2.setRootNode }, _this2.props), _this2.renderMain);});} /**
    * Программная установка фокуса чекбоксу.
    * @public
    */;_proto.focus = function focus() {var _this$input$current;_keyListener.keyListener.isTabPressed = true;(_this$input$current = this.input.current) == null ? void 0 : _this$input$current.focus();} /**

package/cjs/components/Checkbox/Checkbox.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["Checkbox.tsx"],"names":["CheckboxDataTids","root","Checkbox","rootNode","getProps","defaultProps","state","focusedByTab","indeterminate","props","initialIndeterminate","isShiftPressed","input","React","createRef","handleShiftPress","e","key","setState","handleShiftRelease","componentDidMount","current","document","addEventListener","componentWillUnmount","removeEventListener","setIndeterminate","resetIndeterminate","renderMain","error","warning","size","onMouseEnter","onMouseLeave","onMouseOver","onValueChange","type","ariaDescribedby","ariaLabel","rest","isIndeterminate","_isTheme2022","theme","styles","emotion","iconClass","cx","icon","iconFixPosition","checked","iconUnchecked","iconSize","parseInt","getCheckboxBoxSize","IconCheck","IconSquare","rootClass","getRootSizeClassName","rootFallback","isIE11","isEdge","rootChecked","rootDisableTextSelect","disabled","Boolean","inputProps","className","onChange","handleChange","onFocus","handleFocus","onBlur","handleBlur","onClick","handleClick","ref","caption","children","captionClass","captionIE11","box","getBoxWrapperSizeClassName","boxWrapper","globalClasses","boxChecked","boxFocus","boxError","boxWarning","boxDisabled","resetFocus","globalObject","requestAnimationFrame","keyListener","isTabPressed","event","currentTarget","undefined","rootLarge","rootMedium","rootSmall","boxWrapperLarge","boxWrapperMedium","boxWrapperSmall","checkboxBoxSizeLarge","checkboxBoxSizeMedium","checkboxBoxSizeSmall","componentDidUpdate","prevProps","render","setRootNode","focus","blur","PureComponent","__KONTUR_REACT_UI__","displayName","propTypes","PropTypes","bool","func"],"mappings":"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","sourcesContent":["// TODO: Enable this rule in functional components.\n/* eslint-disable @typescript-eslint/no-unused-vars /\nimport React, { AriaAttributes } from 'react';\nimport PropTypes from 'prop-types';\nimport { globalObject } from '@skbkontur/global-object';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { Override } from '../../typings/utility-types';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { Theme } from '../../lib/theming/Theme';\nimport { OkIcon, SquareIcon } from '../../internal/icons/16px';\nimport { isEdge, isIE11 } from '../../lib/client';\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { EmotionConsumer } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { fixFirefoxModifiedClickOnLabel } from '../../lib/events/fixFirefoxModifiedClickOnLabel';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { SizeProp } from '../../lib/types/props';\nimport { FocusControlWrapper } from '../../internal/FocusControlWrapper';\nimport { ThemeConsumer } from '../../lib/theming/ThemeContext';\n\nimport { getStyles, globalClasses } from './Checkbox.styles';\nimport { CheckedIcon } from './CheckedIcon';\nimport { IndeterminateIcon } from './IndeterminateIcon';\n\n/\n @deprecated use SizeProp\n /\nexport type CheckboxSize = SizeProp;\n\nexport interface CheckboxProps\n extends CommonProps,\n Pick<AriaAttributes, 'aria-describedby' \| 'aria-label'>,\n Override<\n React.InputHTMLAttributes<HTMLInputElement>,\n {\n /\n Контент `label`\n /\n children?: React.ReactNode;\n /\n Состояние валидации при ошибке.\n /\n error?: boolean;\n /\n Состояние валидации при предупреждении.\n /\n warning?: boolean;\n /* Размер /\n size?: SizeProp;\n /\n HTML-событие `mouseenter`.\n /\n onMouseEnter?: React.MouseEventHandler<HTMLLabelElement>;\n /\n HTML-событие `mouseleave`.\n /\n onMouseLeave?: React.MouseEventHandler<HTMLLabelElement>;\n /\n HTML-событие `mouseover`.\n /\n onMouseOver?: React.MouseEventHandler<HTMLLabelElement>;\n /\n Функция, вызываемая при изменении `value`.\n /\n onValueChange?: (value: boolean) => void;\n /\n HTML-событие `onblur`.\n /\n onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;\n /\n [Неопределённое состояние](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#attr-indeterminate) чекбокса из HTML.\n /\n initialIndeterminate?: boolean;\n }\n > {}\n\nexport interface CheckboxState {\n focusedByTab: boolean;\n indeterminate: boolean;\n isShiftPressed: boolean;\n}\n\nexport const CheckboxDataTids = {\n root: 'Checkbox__root',\n} as const;\n\ntype DefaultProps = Required<Pick<CheckboxProps, 'size'>>;\n\n@rootNode\nexport class Checkbox extends React.PureComponent<CheckboxProps, CheckboxState> {\n public static __KONTUR_REACT_UI__ = 'Checkbox';\n public static displayName = 'Checkbox';\n\n public static defaultProps: DefaultProps = {\n size: 'small',\n };\n\n private getProps = createPropsGetter(Checkbox.defaultProps);\n\n private getRootSizeClassName() {\n const styles = getStyles(this.emotion);\n switch (this.getProps().size) {\n case 'large':\n return styles.rootLarge(this.theme);\n case 'medium':\n return styles.rootMedium(this.theme);\n case 'small':\n default:\n return styles.rootSmall(this.theme);\n }\n }\n\n private getBoxWrapperSizeClassName() {\n const styles = getStyles(this.emotion);\n switch (this.getProps().size) {\n case 'large':\n return styles.boxWrapperLarge(this.theme);\n case 'medium':\n return styles.boxWrapperMedium(this.theme);\n case 'small':\n default:\n return styles.boxWrapperSmall(this.theme);\n }\n }\n\n private getCheckboxBoxSize() {\n switch (this.getProps().size) {\n case 'large':\n return this.theme.checkboxBoxSizeLarge;\n case 'medium':\n return this.theme.checkboxBoxSizeMedium;\n case 'small':\n default:\n return this.theme.checkboxBoxSizeSmall;\n }\n }\n\n public static propTypes = {\n checked: PropTypes.bool,\n disabled: PropTypes.bool,\n error: PropTypes.bool,\n warning: PropTypes.bool,\n onValueChange: PropTypes.func,\n onBlur: PropTypes.func,\n onMouseEnter: PropTypes.func,\n onMouseLeave: PropTypes.func,\n onMouseOver: PropTypes.func,\n };\n\n public state = {\n focusedByTab: false,\n indeterminate: this.props.initialIndeterminate \|\| false,\n isShiftPressed: false,\n };\n\n private theme!: Theme;\n private emotion!: Emotion;\n private input = React.createRef<HTMLInputElement>();\n\n private handleShiftPress = (e: KeyboardEvent) => {\n if (e.key === 'Shift') {\n this.setState(() => ({\n isShiftPressed: true,\n }));\n }\n };\n\n private handleShiftRelease = (e: KeyboardEvent) => {\n if (e.key === 'Shift') {\n this.setState({\n isShiftPressed: false,\n });\n }\n };\n\n public componentDidMount = () => {\n if (this.state.indeterminate && this.input.current) {\n this.input.current.indeterminate = true;\n }\n\n globalObject.document?.addEventListener('keydown', this.handleShiftPress);\n globalObject.document?.addEventListener('keyup', this.handleShiftRelease);\n };\n\n public componentWillUnmount = () => {\n globalObject.document?.removeEventListener('keydown', this.handleShiftPress);\n globalObject.document?.removeEventListener('keyup', this.handleShiftRelease);\n };\n\n private setRootNode!: TSetRootNode;\n\n public componentDidUpdate(prevProps: CheckboxProps) {\n if (prevProps.checked !== this.props.checked) {\n this.resetIndeterminate();\n }\n }\n\n public render() {\n return (\n <EmotionConsumer>\n {(emotion) => {\n this.emotion = emotion;\n return (\n <ThemeConsumer>\n {(theme) => {\n this.theme = theme;\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n {this.renderMain}\n </CommonWrapper>\n );\n }}\n </ThemeConsumer>\n );\n }}\n </EmotionConsumer>\n );\n }\n\n /\n Программная установка фокуса чекбоксу.\n * @public\n /\n public focus() {\n keyListener.isTabPressed = true;\n this.input.current?.focus();\n }\n\n /\n Программное снятие фокуса с чекбокса.\n * @public\n /\n public blur() {\n this.input.current?.blur();\n }\n\n /\n Устанавливает чекбокс в HTML-состояние `indeterminate`.\n * @public\n /\n public setIndeterminate = () => {\n this.setState({\n indeterminate: true,\n });\n if (this.input.current) {\n this.input.current.indeterminate = true;\n }\n };\n\n /\n Снимает с чекбокса HTML-состояние `indeterminate`.\n * @public\n */\n public resetIndeterminate = () => {\n this.setState({\n indeterminate: false,\n });\n if (this.input.current) {\n this.input.current.indeterminate = false;\n }\n };\n\n private renderMain = (props: CommonWrapperRestProps<CheckboxProps>) => {\n const {\n error,\n warning,\n size,\n onMouseEnter,\n onMouseLeave,\n onMouseOver,\n onValueChange,\n type,\n initialIndeterminate,\n 'aria-describedby': ariaDescribedby,\n 'aria-label': ariaLabel,\n ...rest\n } = props;\n const isIndeterminate = this.state.indeterminate;\n\n const _isTheme2022 = isTheme2022(this.theme);\n const styles = getStyles(this.emotion);\n const iconClass = this.emotion.cx(\n styles.icon(),\n !_isTheme2022 && styles.iconFixPosition(),\n !props.checked && !isIndeterminate && styles.iconUnchecked(),\n );\n\n const iconSize = parseInt(this.getCheckboxBoxSize());\n const IconCheck = _isTheme2022 ? (\n <span className={iconClass}>\n <CheckedIcon size={iconSize} />\n </span>\n ) : (\n <OkIcon className={iconClass} />\n );\n const IconSquare = _isTheme2022 ? (\n <span className={iconClass}>\n <IndeterminateIcon size={iconSize} />\n </span>\n ) : (\n <SquareIcon className={iconClass} />\n );\n\n const rootClass = this.emotion.cx(this.getRootSizeClassName(), {\n [styles.root(this.theme)]: true,\n [styles.rootFallback()]: isIE11 \|\| isEdge,\n [styles.rootChecked(this.theme)]: props.checked \|\| isIndeterminate,\n [styles.rootDisableTextSelect()]: this.state.isShiftPressed,\n [styles.disabled(this.theme)]: Boolean(props.disabled),\n });\n\n const inputProps = {\n ...rest,\n type: 'checkbox',\n className: styles.input(),\n onChange: this.handleChange,\n onFocus: this.handleFocus,\n onBlur: this.handleBlur,\n onClick: this.handleClick,\n ref: this.input,\n };\n\n let caption = null;\n if (this.props.children) {\n const captionClass = this.emotion.cx({\n [styles.caption(this.theme)]: true,\n [styles.captionIE11()]: isIE11 \|\| isEdge,\n [styles.disabled(this.theme)]: Boolean(props.disabled),\n });\n caption = <span className={captionClass}>{this.props.children}</span>;\n }\n\n const box = (\n <div\n className={this.emotion.cx(this.getBoxWrapperSizeClassName(), {\n [styles.boxWrapper(this.theme)]: true,\n })}\n >\n <div\n className={this.emotion.cx(styles.box(this.theme), globalClasses.box, {\n [styles.boxChecked(this.theme)]: props.checked \|\| isIndeterminate,\n [styles.boxFocus(this.theme)]: this.state.focusedByTab,\n [styles.boxError(this.theme)]: props.error,\n [styles.boxWarning(this.theme)]: props.warning,\n [styles.boxDisabled(this.theme)]: props.disabled,\n })}\n >\n {(isIndeterminate && IconSquare) \|\| IconCheck}\n </div>\n </div>\n );\n\n return (\n <label\n data-tid={CheckboxDataTids.root}\n className={rootClass}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n onMouseOver={onMouseOver}\n onClick={fixFirefoxModifiedClickOnLabel(this.input)}\n >\n <FocusControlWrapper onBlurWhenDisabled={this.resetFocus}>\n <input {...inputProps} aria-label={ariaLabel} aria-describedby={ariaDescribedby} />\n </FocusControlWrapper>\n {box}\n {caption}\n </label>\n );\n };\n\n private handleFocus = (e: React.FocusEvent<any>) => {\n if (!this.props.disabled) {\n // focus event fires before keyDown eventlistener\n // so we should check tabPressed in async way\n globalObject.requestAnimationFrame?.(() => {\n if (keyListener.isTabPressed) {\n this.setState({ focusedByTab: true });\n }\n });\n\n if (this.props.onFocus) {\n this.props.onFocus(e);\n }\n }\n };\n\n private resetFocus = () => this.setState({ focusedByTab: false });\n\n private handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n this.resetFocus();\n this.props.onBlur?.(e);\n };\n\n private handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n const checked = event.currentTarget.checked;\n this.props.onValueChange?.(checked);\n\n this.resetIndeterminate();\n\n this.props.onChange?.(event);\n };\n\n private handleClick = (e: React.MouseEvent<HTMLInputElement>) => {\n this.props.onClick?.(e);\n // support IE11's and old Edge's special behavior\n // https://github.com/jquery/jquery/issues/1698\n if (this.state.indeterminate && (isIE11 \|\| isEdge)) {\n this.resetIndeterminate();\n // simulate correct behavior only if onValueChange is used\n // because we cant simulate real native onChange event\n if (this.props.onValueChange && this.input.current) {\n const checked = !this.input.current.checked;\n\n if (this.props.checked === undefined) {\n // in case of uncontrolled mode\n this.input.current.checked = checked;\n }\n\n this.props.onValueChange(checked);\n }\n }\n };\n}\n"]}
1	+ {"version":3,"sources":["Checkbox.tsx"],"names":["CheckboxDataTids","root","Checkbox","rootNode","getProps","defaultProps","state","focusedByTab","indeterminate","props","initialIndeterminate","isShiftPressed","input","React","createRef","handleShiftPress","e","key","setState","handleShiftRelease","componentDidMount","current","document","addEventListener","componentWillUnmount","removeEventListener","setIndeterminate","resetIndeterminate","renderMain","error","warning","size","onMouseEnter","onMouseLeave","onMouseOver","onValueChange","type","ariaDescribedby","ariaLabel","rest","isIndeterminate","_isTheme2022","theme","iconClass","styles","icon","iconFixPosition","checked","iconUnchecked","iconSize","parseInt","getCheckboxBoxSize","IconCheck","IconSquare","rootClass","getRootSizeClassName","rootFallback","isIE11","isEdge","rootChecked","rootDisableTextSelect","disabled","Boolean","inputProps","className","onChange","handleChange","onFocus","handleFocus","onBlur","handleBlur","onClick","handleClick","ref","caption","children","captionClass","captionIE11","box","getBoxWrapperSizeClassName","boxWrapper","globalClasses","boxChecked","boxFocus","boxError","boxWarning","boxDisabled","resetFocus","globalObject","requestAnimationFrame","keyListener","isTabPressed","event","currentTarget","undefined","rootLarge","rootMedium","rootSmall","boxWrapperLarge","boxWrapperMedium","boxWrapperSmall","checkboxBoxSizeLarge","checkboxBoxSizeMedium","checkboxBoxSizeSmall","componentDidUpdate","prevProps","render","setRootNode","focus","blur","PureComponent","__KONTUR_REACT_UI__","displayName","propTypes","PropTypes","bool","func"],"mappings":"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","sourcesContent":["// TODO: Enable this rule in functional components.\n/* eslint-disable @typescript-eslint/no-unused-vars /\nimport React, { AriaAttributes } from 'react';\nimport PropTypes from 'prop-types';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { Override } from '../../typings/utility-types';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { OkIcon, SquareIcon } from '../../internal/icons/16px';\nimport { isEdge, isIE11 } from '../../lib/client';\nimport { CommonWrapper, CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { fixFirefoxModifiedClickOnLabel } from '../../lib/events/fixFirefoxModifiedClickOnLabel';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { SizeProp } from '../../lib/types/props';\nimport { FocusControlWrapper } from '../../internal/FocusControlWrapper';\n\nimport { styles, globalClasses } from './Checkbox.styles';\nimport { CheckedIcon } from './CheckedIcon';\nimport { IndeterminateIcon } from './IndeterminateIcon';\n\n/\n @deprecated use SizeProp\n /\nexport type CheckboxSize = SizeProp;\n\nexport interface CheckboxProps\n extends CommonProps,\n Pick<AriaAttributes, 'aria-describedby' \| 'aria-label'>,\n Override<\n React.InputHTMLAttributes<HTMLInputElement>,\n {\n /\n Контент `label`\n /\n children?: React.ReactNode;\n /\n Состояние валидации при ошибке.\n /\n error?: boolean;\n /\n Состояние валидации при предупреждении.\n /\n warning?: boolean;\n /* Размер /\n size?: SizeProp;\n /\n HTML-событие `mouseenter`.\n /\n onMouseEnter?: React.MouseEventHandler<HTMLLabelElement>;\n /\n HTML-событие `mouseleave`.\n /\n onMouseLeave?: React.MouseEventHandler<HTMLLabelElement>;\n /\n HTML-событие `mouseover`.\n /\n onMouseOver?: React.MouseEventHandler<HTMLLabelElement>;\n /\n Функция, вызываемая при изменении `value`.\n /\n onValueChange?: (value: boolean) => void;\n /\n HTML-событие `onblur`.\n /\n onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;\n /\n [Неопределённое состояние](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#attr-indeterminate) чекбокса из HTML.\n /\n initialIndeterminate?: boolean;\n }\n > {}\n\nexport interface CheckboxState {\n focusedByTab: boolean;\n indeterminate: boolean;\n isShiftPressed: boolean;\n}\n\nexport const CheckboxDataTids = {\n root: 'Checkbox__root',\n} as const;\n\ntype DefaultProps = Required<Pick<CheckboxProps, 'size'>>;\n\n@rootNode\nexport class Checkbox extends React.PureComponent<CheckboxProps, CheckboxState> {\n public static __KONTUR_REACT_UI__ = 'Checkbox';\n public static displayName = 'Checkbox';\n\n public static defaultProps: DefaultProps = {\n size: 'small',\n };\n\n private getProps = createPropsGetter(Checkbox.defaultProps);\n\n private getRootSizeClassName() {\n switch (this.getProps().size) {\n case 'large':\n return styles.rootLarge(this.theme);\n case 'medium':\n return styles.rootMedium(this.theme);\n case 'small':\n default:\n return styles.rootSmall(this.theme);\n }\n }\n\n private getBoxWrapperSizeClassName() {\n switch (this.getProps().size) {\n case 'large':\n return styles.boxWrapperLarge(this.theme);\n case 'medium':\n return styles.boxWrapperMedium(this.theme);\n case 'small':\n default:\n return styles.boxWrapperSmall(this.theme);\n }\n }\n\n private getCheckboxBoxSize() {\n switch (this.getProps().size) {\n case 'large':\n return this.theme.checkboxBoxSizeLarge;\n case 'medium':\n return this.theme.checkboxBoxSizeMedium;\n case 'small':\n default:\n return this.theme.checkboxBoxSizeSmall;\n }\n }\n\n public static propTypes = {\n checked: PropTypes.bool,\n disabled: PropTypes.bool,\n error: PropTypes.bool,\n warning: PropTypes.bool,\n onValueChange: PropTypes.func,\n onBlur: PropTypes.func,\n onMouseEnter: PropTypes.func,\n onMouseLeave: PropTypes.func,\n onMouseOver: PropTypes.func,\n };\n\n public state = {\n focusedByTab: false,\n indeterminate: this.props.initialIndeterminate \|\| false,\n isShiftPressed: false,\n };\n\n private theme!: Theme;\n private input = React.createRef<HTMLInputElement>();\n\n private handleShiftPress = (e: KeyboardEvent) => {\n if (e.key === 'Shift') {\n this.setState(() => ({\n isShiftPressed: true,\n }));\n }\n };\n\n private handleShiftRelease = (e: KeyboardEvent) => {\n if (e.key === 'Shift') {\n this.setState({\n isShiftPressed: false,\n });\n }\n };\n\n public componentDidMount = () => {\n if (this.state.indeterminate && this.input.current) {\n this.input.current.indeterminate = true;\n }\n\n globalObject.document?.addEventListener('keydown', this.handleShiftPress);\n globalObject.document?.addEventListener('keyup', this.handleShiftRelease);\n };\n\n public componentWillUnmount = () => {\n globalObject.document?.removeEventListener('keydown', this.handleShiftPress);\n globalObject.document?.removeEventListener('keyup', this.handleShiftRelease);\n };\n\n private setRootNode!: TSetRootNode;\n\n public componentDidUpdate(prevProps: CheckboxProps) {\n if (prevProps.checked !== this.props.checked) {\n this.resetIndeterminate();\n }\n }\n\n public render() {\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n {this.renderMain}\n </CommonWrapper>\n );\n }}\n </ThemeContext.Consumer>\n );\n }\n\n /\n Программная установка фокуса чекбоксу.\n * @public\n /\n public focus() {\n keyListener.isTabPressed = true;\n this.input.current?.focus();\n }\n\n /\n Программное снятие фокуса с чекбокса.\n * @public\n /\n public blur() {\n this.input.current?.blur();\n }\n\n /\n Устанавливает чекбокс в HTML-состояние `indeterminate`.\n * @public\n /\n public setIndeterminate = () => {\n this.setState({\n indeterminate: true,\n });\n if (this.input.current) {\n this.input.current.indeterminate = true;\n }\n };\n\n /\n Снимает с чекбокса HTML-состояние `indeterminate`.\n * @public\n */\n public resetIndeterminate = () => {\n this.setState({\n indeterminate: false,\n });\n if (this.input.current) {\n this.input.current.indeterminate = false;\n }\n };\n\n private renderMain = (props: CommonWrapperRestProps<CheckboxProps>) => {\n const {\n error,\n warning,\n size,\n onMouseEnter,\n onMouseLeave,\n onMouseOver,\n onValueChange,\n type,\n initialIndeterminate,\n 'aria-describedby': ariaDescribedby,\n 'aria-label': ariaLabel,\n ...rest\n } = props;\n const isIndeterminate = this.state.indeterminate;\n\n const _isTheme2022 = isTheme2022(this.theme);\n\n const iconClass = cx(\n styles.icon(),\n !_isTheme2022 && styles.iconFixPosition(),\n !props.checked && !isIndeterminate && styles.iconUnchecked(),\n );\n\n const iconSize = parseInt(this.getCheckboxBoxSize());\n const IconCheck = _isTheme2022 ? (\n <span className={iconClass}>\n <CheckedIcon size={iconSize} />\n </span>\n ) : (\n <OkIcon className={iconClass} />\n );\n const IconSquare = _isTheme2022 ? (\n <span className={iconClass}>\n <IndeterminateIcon size={iconSize} />\n </span>\n ) : (\n <SquareIcon className={iconClass} />\n );\n\n const rootClass = cx(this.getRootSizeClassName(), {\n [styles.root(this.theme)]: true,\n [styles.rootFallback()]: isIE11 \|\| isEdge,\n [styles.rootChecked(this.theme)]: props.checked \|\| isIndeterminate,\n [styles.rootDisableTextSelect()]: this.state.isShiftPressed,\n [styles.disabled(this.theme)]: Boolean(props.disabled),\n });\n\n const inputProps = {\n ...rest,\n type: 'checkbox',\n className: styles.input(),\n onChange: this.handleChange,\n onFocus: this.handleFocus,\n onBlur: this.handleBlur,\n onClick: this.handleClick,\n ref: this.input,\n };\n\n let caption = null;\n if (this.props.children) {\n const captionClass = cx({\n [styles.caption(this.theme)]: true,\n [styles.captionIE11()]: isIE11 \|\| isEdge,\n [styles.disabled(this.theme)]: Boolean(props.disabled),\n });\n caption = <span className={captionClass}>{this.props.children}</span>;\n }\n\n const box = (\n <div\n className={cx(this.getBoxWrapperSizeClassName(), {\n [styles.boxWrapper(this.theme)]: true,\n })}\n >\n <div\n className={cx(styles.box(this.theme), globalClasses.box, {\n [styles.boxChecked(this.theme)]: props.checked \|\| isIndeterminate,\n [styles.boxFocus(this.theme)]: this.state.focusedByTab,\n [styles.boxError(this.theme)]: props.error,\n [styles.boxWarning(this.theme)]: props.warning,\n [styles.boxDisabled(this.theme)]: props.disabled,\n })}\n >\n {(isIndeterminate && IconSquare) \|\| IconCheck}\n </div>\n </div>\n );\n\n return (\n <label\n data-tid={CheckboxDataTids.root}\n className={rootClass}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n onMouseOver={onMouseOver}\n onClick={fixFirefoxModifiedClickOnLabel(this.input)}\n >\n <FocusControlWrapper onBlurWhenDisabled={this.resetFocus}>\n <input {...inputProps} aria-label={ariaLabel} aria-describedby={ariaDescribedby} />\n </FocusControlWrapper>\n {box}\n {caption}\n </label>\n );\n };\n\n private handleFocus = (e: React.FocusEvent<any>) => {\n if (!this.props.disabled) {\n // focus event fires before keyDown eventlistener\n // so we should check tabPressed in async way\n globalObject.requestAnimationFrame?.(() => {\n if (keyListener.isTabPressed) {\n this.setState({ focusedByTab: true });\n }\n });\n\n if (this.props.onFocus) {\n this.props.onFocus(e);\n }\n }\n };\n\n private resetFocus = () => this.setState({ focusedByTab: false });\n\n private handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n this.resetFocus();\n this.props.onBlur?.(e);\n };\n\n private handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n const checked = event.currentTarget.checked;\n this.props.onValueChange?.(checked);\n\n this.resetIndeterminate();\n\n this.props.onChange?.(event);\n };\n\n private handleClick = (e: React.MouseEvent<HTMLInputElement>) => {\n this.props.onClick?.(e);\n // support IE11's and old Edge's special behavior\n // https://github.com/jquery/jquery/issues/1698\n if (this.state.indeterminate && (isIE11 \|\| isEdge)) {\n this.resetIndeterminate();\n // simulate correct behavior only if onValueChange is used\n // because we cant simulate real native onChange event\n if (this.props.onValueChange && this.input.current) {\n const checked = !this.input.current.checked;\n\n if (this.props.checked === undefined) {\n // in case of uncontrolled mode\n this.input.current.checked = checked;\n }\n\n this.props.onValueChange(checked);\n }\n }\n };\n}\n"]}

package/cjs/components/Checkbox/Checkbox.mixins.d.ts CHANGED Viewed

@@ -1,3 +1,2 @@
-import type { Emotion } from '@emotion/css/create-instance';
-export declare const checkboxSizeMixin: (emotion: Emotion) => (fontSize: string, lineHeight: string, paddingY: string, checkboxBoxSize: string) => string;
-export declare const boxWrapperSizeMixin: (emotion: Emotion) => (labGrotesqueBaselineCompensation: string, fontSize: string, checkboxBoxSize: string, checkboxBoxOffsetY: string) => string;
+export declare const checkboxSizeMixin: (fontSize: string, lineHeight: string, paddingY: string, checkboxBoxSize: string) => string;
+export declare const boxWrapperSizeMixin: (labGrotesqueBaselineCompensation: string, fontSize: string, checkboxBoxSize: string, checkboxBoxOffsetY: string) => string;

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

@@ -1,36 +1,37 @@
-"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"));
+"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");
 var _client = require("../../lib/client");
 var _getLabGrotesqueBaselineCompensation = require("../../lib/styles/getLabGrotesqueBaselineCompensation");var _templateObject, _templateObject2;
-var checkboxSizeMixin =
-function checkboxSizeMixin(emotion) {return function (fontSize, lineHeight, paddingY, checkboxBoxSize) {
-    return 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,
+var 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,
-    checkboxBoxSize);
+  checkboxBoxSize);
-  };};exports.checkboxSizeMixin = checkboxSizeMixin;
+};exports.checkboxSizeMixin = checkboxSizeMixin;
-var boxWrapperSizeMixin =
-function boxWrapperSizeMixin(emotion) {return (
-    function (labGrotesqueBaselineCompensation, fontSize, checkboxBoxSize, checkboxBoxOffsetY) {
-      var labGrotesqueCompenstation = parseInt(labGrotesqueBaselineCompensation);
-      var boxFontSize = parseInt(fontSize);
-      var baselineCompensation = (0, _getLabGrotesqueBaselineCompensation.getLabGrotesqueBaselineCompensation)(
-      boxFontSize,
-      labGrotesqueCompenstation,
-      _client.isChrome,
-      _client.isFirefox);
+var boxWrapperSizeMixin = function boxWrapperSizeMixin(
+labGrotesqueBaselineCompensation,
+fontSize,
+checkboxBoxSize,
+checkboxBoxOffsetY)
+{
+  var labGrotesqueCompenstation = parseInt(labGrotesqueBaselineCompensation);
+  var boxFontSize = parseInt(fontSize);
+  var baselineCompensation = (0, _getLabGrotesqueBaselineCompensation.getLabGrotesqueBaselineCompensation)(
+  boxFontSize,
+  labGrotesqueCompenstation,
+  _client.isChrome,
+  _client.isFirefox);
-      return emotion.css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n    width: ", ";\n    height: ", ";\n    margin-top: calc(", " + ", "px);\n  "])),
-      checkboxBoxSize,
-      checkboxBoxSize,
-      checkboxBoxOffsetY, baselineCompensation);
+  return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n    width: ", ";\n    height: ", ";\n    margin-top: calc(", " + ", "px);\n  "])),
+  checkboxBoxSize,
+  checkboxBoxSize,
+  checkboxBoxOffsetY, baselineCompensation);
-    });};exports.boxWrapperSizeMixin = boxWrapperSizeMixin;
+};exports.boxWrapperSizeMixin = boxWrapperSizeMixin;

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["Checkbox.mixins.ts"],"names":["checkboxSizeMixin","~~emotion","~~fontSize","lineHeight","paddingY","checkboxBoxSize","css","boxWrapperSizeMixin","labGrotesqueBaselineCompensation","checkboxBoxOffsetY","labGrotesqueCompenstation","parseInt","boxFontSize","baselineCompensation","isChrome","isFirefox"],"mappings":"~~;;AAEA~~;AACA,2G;;AAEO,IAAMA,iBAAiB~~;AAC5B~~,~~SADWA~~,~~iBACX~~,CAACC,~~OAAD,UAAsB,UAACC,~~QAAD,EAAmBC,UAAnB,EAAuCC,QAAvC,EAAyDC,eAAzD,EAAqF;~~AACzG~~,~~WAAOJ~~,~~OAAO,CAACK,GAAf~~;~~AACeH~~,~~IAAAA~~,~~UADf~~;~~AAEaD~~,~~IAAAA~~,~~QAFb~~;~~AAGWE~~,~~IAAAA~~,~~QAHX~~;;;~~AAMWC~~,~~IAAAA~~,~~eANX~~;;;AASD,~~GAVD~~,~~EADK,~~C;;~~AAaA~~,IAAME,mBAAmB~~;AAC9B~~,~~SADWA~~,~~mBACX~~,~~CAACN~~,~~OAAD~~;~~AACA~~,~~cAACO~~,~~gCAAD~~,~~EAA2CN,QAA3C,EAA6DG,eAA7D,EAAsFI,kBAAtF,EAAqH~~;~~AACnH~~,~~UAAMC~~,yBAAyB,GAAGC,QAAQ,CAACH,gCAAD,CAA1C;AACA,~~UAAMI~~,WAAW,GAAGD,QAAQ,CAACT,QAAD,CAA5B;AACA,~~UAAMW~~,oBAAoB,GAAG;AAC3BD,~~MAAAA~~,WAD2B;AAE3BF,~~MAAAA~~,yBAF2B;AAG3BI,~~sBAH2B~~;AAI3BC,~~uBAJ2B~~,CAA7B;;;AAOA,~~aAAOd~~,~~OAAO,CAACK,GAAf~~;~~AACSD~~,~~MAAAA~~,~~eADT~~;~~AAEUA~~,~~MAAAA~~,~~eAFV~~;~~AAGmBI~~,~~MAAAA~~,~~kBAHnB~~,~~EAG2CI~~,~~oBAH3C~~;;AAKD,~~KAhBD~~,~~GADK,~~C","sourcesContent":["import ~~type~~ { ~~Emotion~~ } from '~~@emotion~~/~~css~~/~~create-instance~~';\n\nimport { isChrome, isFirefox } from '../../lib/client';\nimport { getLabGrotesqueBaselineCompensation } from '../../lib/styles/getLabGrotesqueBaselineCompensation';\n\nexport const checkboxSizeMixin ~~=\n (emotion:~~ ~~Emotion) =>~~ (fontSize: string, lineHeight: string, paddingY: string, checkboxBoxSize: string) => {\n return ~~emotion.~~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~~ (~~emotion: Emotion) =>\~~n (labGrotesqueBaselineCompensation: string, fontSize: string, checkboxBoxSize: string, checkboxBoxOffsetY: string) => {\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 ~~emotion.~~css`\n width: ${checkboxBoxSize};\n height: ${checkboxBoxSize};\n margin-top: calc(${checkboxBoxOffsetY} + ${baselineCompensation}px);\n `;\n };\n"]}
1	+ {"version":3,"sources":["Checkbox.mixins.ts"],"names":["checkboxSizeMixin","fontSize","lineHeight","paddingY","checkboxBoxSize","css","boxWrapperSizeMixin","labGrotesqueBaselineCompensation","checkboxBoxOffsetY","labGrotesqueCompenstation","parseInt","boxFontSize","baselineCompensation","isChrome","isFirefox"],"mappings":"6TAAA;AACA;AACA,2G;;AAEO,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,QAAD,EAAmBC,UAAnB,EAAuCC,QAAvC,EAAyDC,eAAzD,EAAqF;AACpH,aAAOC,YAAP;AACiBH,EAAAA,UADjB;AAEeD,EAAAA,QAFf;AAGaE,EAAAA,QAHb;;;AAMaC,EAAAA,eANb;;;AASD,CAVM,C;;AAYA,IAAME,mBAAmB,GAAG,SAAtBA,mBAAsB;AACjCC,gCADiC;AAEjCN,QAFiC;AAGjCG,eAHiC;AAIjCI,kBAJiC;AAK9B;AACH,MAAMC,yBAAyB,GAAGC,QAAQ,CAACH,gCAAD,CAA1C;AACA,MAAMI,WAAW,GAAGD,QAAQ,CAACT,QAAD,CAA5B;AACA,MAAMW,oBAAoB,GAAG;AAC3BD,EAAAA,WAD2B;AAE3BF,EAAAA,yBAF2B;AAG3BI,kBAH2B;AAI3BC,mBAJ2B,CAA7B;;;AAOA,aAAOT,YAAP;AACWD,EAAAA,eADX;AAEYA,EAAAA,eAFZ;AAGqBI,EAAAA,kBAHrB,EAG6CI,oBAH7C;;AAKD,CApBM,C","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"]}

package/cjs/components/Checkbox/Checkbox.styles.d.ts CHANGED Viewed

@@ -1,9 +1,8 @@
-import type { Emotion } from '@emotion/css/create-instance';
 import { Theme } from '../../lib/theming/Theme';
 export declare const globalClasses: {
     box: string;
 };
-export declare const getStyles: (emotion: Emotion) => {
+export declare const styles: {
     root(t: Theme): string;
     rootSmall(t: Theme): string;
     rootMedium(t: Theme): string;