@skbkontur/react-ui 5.6.0 → 5.6.1-85c65.0

package/internal/icons2022/LoadingIcon/LoadingIcon.js

@@ -1,15 +1,17 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React from 'react';
+import { useEmotion, useStyles } from "../../../lib/renderEnvironment";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { styles } from "../../../components/Spinner/Spinner.styles";
-import { cx } from "../../../lib/theming/Emotion";
+import { getStyles } from "../../../components/Spinner/Spinner.styles";
 import { SpinnerIcon } from "../../SpinnerIcon/SpinnerIcon";
 import { iconSizer } from "../iconSizer";
 var Icon = function Icon(props) {
+  var _useEmotion = useEmotion(),
+    cx = _useEmotion.cx;
+  var styles = useStyles(getStyles);
   var theme = React.useContext(ThemeContext);
   return /*#__PURE__*/(
     React.createElement(SpinnerIcon, _extends({
-      dimmed: true,
       className: cx(styles.circle(theme), styles.circleDimmedColor(theme), styles.circleWithoutColorAnimation())
     }, props))
   );

package/internal/icons2022/LoadingIcon/LoadingIcon.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ThemeContext","styles","cx","SpinnerIcon","iconSizer","Icon","props","theme","useContext","createElement","_extends","dimmed","className","circle","circleDimmedColor","circleWithoutColorAnimation","LoadingIcon","small","size","medium","width","radius","large"],"sources":["LoadingIcon.tsx"],"sourcesContent":["import React from 'react';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { styles } from '../../components/Spinner/Spinner.styles';\nimport { cx } from '../../lib/theming/Emotion';\nimport type { SpinnerIconProps } from '../SpinnerIcon/SpinnerIcon';\nimport { SpinnerIcon } from '../SpinnerIcon/SpinnerIcon';\n\nimport { iconSizer } from './iconSizer';\n\nconst Icon = (props: SpinnerIconProps) => {\n  const theme = React.useContext(ThemeContext);\n  return (\n    <SpinnerIcon\n      dimmed\n      className={cx(styles.circle(theme), styles.circleDimmedColor(theme), styles.circleWithoutColorAnimation())}\n      {...props}\n    />\n  );\n};\n\nexport const LoadingIcon = iconSizer<Omit<SpinnerIconProps, 'size'>>(\n  {\n    small: () => <Icon size=\"mini\" />,\n    medium: () => (\n      <Icon\n        size={{\n          size: 20,\n          width: 1,\n          radius: 6,\n        }}\n      />\n    ),\n    large: () => (\n      <Icon\n        size={{\n          size: 24,\n          width: 1.5,\n          radius: 8,\n        }}\n      />\n    ),\n  },\n  'LoadingIcon',\n);\n"],"mappings":"0DAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,YAAY,QAAQ,gCAAgC;AAC7D,SAASC,MAAM,QAAQ,yCAAyC;AAChE,SAASC,EAAE,QAAQ,2BAA2B;;AAE9C,SAASC,WAAW,QAAQ,4BAA4B;;AAExD,SAASC,SAAS,QAAQ,aAAa;;AAEvC,IAAMC,IAAI,GAAG,SAAPA,IAAIA,CAAIC,KAAuB,EAAK;EACxC,IAAMC,KAAK,GAAGR,KAAK,CAACS,UAAU,CAACR,YAAY,CAAC;EAC5C;IACED,KAAA,CAAAU,aAAA,CAACN,WAAW,EAAAO,QAAA;MACVC,MAAM;MACNC,SAAS,EAAEV,EAAE,CAACD,MAAM,CAACY,MAAM,CAACN,KAAK,CAAC,EAAEN,MAAM,CAACa,iBAAiB,CAACP,KAAK,CAAC,EAAEN,MAAM,CAACc,2BAA2B,CAAC,CAAC,CAAE;IACvGT,KAAK;IACV,CAAC;;AAEN,CAAC;;AAED,OAAO,IAAMU,WAAW,GAAGZ,SAAS;EAClC;IACEa,KAAK,EAAE,SAAAA,MAAA,uBAAMlB,KAAA,CAAAU,aAAA,CAACJ,IAAI,IAACa,IAAI,EAAC,MAAM,EAAE,CAAC;IACjCC,MAAM,EAAE,SAAAA,OAAA;QACNpB,KAAA,CAAAU,aAAA,CAACJ,IAAI;UACHa,IAAI,EAAE;YACJA,IAAI,EAAE,EAAE;YACRE,KAAK,EAAE,CAAC;YACRC,MAAM,EAAE;UACV,CAAE;QACH,CAAC,GACH;;IACDC,KAAK,EAAE,SAAAA,MAAA;QACLvB,KAAA,CAAAU,aAAA,CAACJ,IAAI;UACHa,IAAI,EAAE;YACJA,IAAI,EAAE,EAAE;YACRE,KAAK,EAAE,GAAG;YACVC,MAAM,EAAE;UACV,CAAE;QACH,CAAC;;EAEN,CAAC;EACD;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useEmotion","useStyles","ThemeContext","getStyles","SpinnerIcon","iconSizer","Icon","props","_useEmotion","cx","styles","theme","useContext","createElement","_extends","className","circle","circleDimmedColor","circleWithoutColorAnimation","LoadingIcon","small","size","medium","width","radius","large"],"sources":["LoadingIcon.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useEmotion, useStyles } from '../../lib/renderEnvironment';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { getStyles } from '../../components/Spinner/Spinner.styles';\nimport type { SpinnerIconProps } from '../SpinnerIcon/SpinnerIcon';\nimport { SpinnerIcon } from '../SpinnerIcon/SpinnerIcon';\n\nimport { iconSizer } from './iconSizer';\n\nconst Icon = (props: SpinnerIconProps) => {\n  const { cx } = useEmotion();\n  const styles = useStyles(getStyles);\n  const theme = React.useContext(ThemeContext);\n  return (\n    <SpinnerIcon\n      className={cx(styles.circle(theme), styles.circleDimmedColor(theme), styles.circleWithoutColorAnimation())}\n      {...props}\n    />\n  );\n};\n\nexport const LoadingIcon = iconSizer<Omit<SpinnerIconProps, 'size'>>(\n  {\n    small: () => <Icon size=\"mini\" />,\n    medium: () => (\n      <Icon\n        size={{\n          size: 20,\n          width: 1,\n          radius: 6,\n        }}\n      />\n    ),\n    large: () => (\n      <Icon\n        size={{\n          size: 24,\n          width: 1.5,\n          radius: 8,\n        }}\n      />\n    ),\n  },\n  'LoadingIcon',\n);\n"],"mappings":"0DAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,UAAU,EAAEC,SAAS,QAAQ,6BAA6B;AACnE,SAASC,YAAY,QAAQ,gCAAgC;AAC7D,SAASC,SAAS,QAAQ,yCAAyC;;AAEnE,SAASC,WAAW,QAAQ,4BAA4B;;AAExD,SAASC,SAAS,QAAQ,aAAa;;AAEvC,IAAMC,IAAI,GAAG,SAAPA,IAAIA,CAAIC,KAAuB,EAAK;EACxC,IAAAC,WAAA,GAAeR,UAAU,CAAC,CAAC,CAAnBS,EAAE,GAAAD,WAAA,CAAFC,EAAE;EACV,IAAMC,MAAM,GAAGT,SAAS,CAACE,SAAS,CAAC;EACnC,IAAMQ,KAAK,GAAGZ,KAAK,CAACa,UAAU,CAACV,YAAY,CAAC;EAC5C;IACEH,KAAA,CAAAc,aAAA,CAACT,WAAW,EAAAU,QAAA;MACVC,SAAS,EAAEN,EAAE,CAACC,MAAM,CAACM,MAAM,CAACL,KAAK,CAAC,EAAED,MAAM,CAACO,iBAAiB,CAACN,KAAK,CAAC,EAAED,MAAM,CAACQ,2BAA2B,CAAC,CAAC,CAAE;IACvGX,KAAK;IACV,CAAC;;AAEN,CAAC;;AAED,OAAO,IAAMY,WAAW,GAAGd,SAAS;EAClC;IACEe,KAAK,EAAE,SAAAA,MAAA,uBAAMrB,KAAA,CAAAc,aAAA,CAACP,IAAI,IAACe,IAAI,EAAC,MAAM,EAAE,CAAC;IACjCC,MAAM,EAAE,SAAAA,OAAA;QACNvB,KAAA,CAAAc,aAAA,CAACP,IAAI;UACHe,IAAI,EAAE;YACJA,IAAI,EAAE,EAAE;YACRE,KAAK,EAAE,CAAC;YACRC,MAAM,EAAE;UACV,CAAE;QACH,CAAC,GACH;;IACDC,KAAK,EAAE,SAAAA,MAAA;QACL1B,KAAA,CAAAc,aAAA,CAACP,IAAI;UACHe,IAAI,EAAE;YACJA,IAAI,EAAE,EAAE;YACRE,KAAK,EAAE,GAAG;YACVC,MAAM,EAAE;UACV,CAAE;QACH,CAAC;;EAEN,CAAC;EACD;AACF,CAAC","ignoreList":[]}

package/internal/icons2022/LoadingIcon.d.ts

@@ -1,4 +1,4 @@
 import type { SpinnerIconProps } from '../SpinnerIcon/SpinnerIcon';
 export declare const LoadingIcon: import("../../lib/forwardRefAndName").ReactUIIconWithRef<SVGSVGElement, Omit<import("./BaseIcon").IconProps, "size"> & {
-    size?: number | "small" | "medium" | "large" | undefined;
+    size?: import("./BaseIcon").IconProps["size"] | import("./iconConstants").IconSizeAliases;
 } & Omit<SpinnerIconProps, "size">>;

package/internal/icons2022/iconSizer.d.ts

@@ -6,6 +6,6 @@ type IconSizingProps = Omit<BaseIconProps, 'size'> & {
     size?: BaseIconProps['size'] | IconSizeAliases;
 };
 export declare const iconSizer: <T extends IconSizingProps>(sizes: Sizes, iconName: string) => import("../../lib/forwardRefAndName").ReactUIIconWithRef<SVGSVGElement, Omit<BaseIconProps, "size"> & {
-    size?: BaseIconProps['size'] | IconSizeAliases;
+    size?: BaseIconProps["size"] | IconSizeAliases;
 } & T>;
 export {};