@hh.ru/magritte-ui-loader 4.1.4 → 4.1.6

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.
package/Loader.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  import { FC } from 'react';
2
- import { type LoaderProps } from '@hh.ru/magritte-ui-loader/types';
2
+ import { type LoaderProps } from './types';
3
3
  export declare const Loader: FC<LoaderProps>;
package/Loader.js CHANGED
@@ -5,48 +5,68 @@ import { LoaderOutlinedSize16, LoaderOutlinedSize24, LoaderOutlinedSize32, Loade
5
5
  import { useLoaderDefaultProps } from './defaultProps.js';
6
6
  import '@hh.ru/magritte-internal-default-props-context';
7
7
 
8
- var styles = {"loader":"magritte-loader___GSe1a_4-1-4","loader-color-override":"magritte-loader-color-override___-ttHq_4-1-4","loaderColorOverride":"magritte-loader-color-override___-ttHq_4-1-4","stars":"magritte-stars___NlDEc_4-1-4","star-1-position-animation":"magritte-star-1-position-animation___YJawa_4-1-4","star1PositionAnimation":"magritte-star-1-position-animation___YJawa_4-1-4","star-1-scale-animation":"magritte-star-1-scale-animation___s3pjV_4-1-4","star1ScaleAnimation":"magritte-star-1-scale-animation___s3pjV_4-1-4","star-2-position-animation":"magritte-star-2-position-animation___a7b4H_4-1-4","star2PositionAnimation":"magritte-star-2-position-animation___a7b4H_4-1-4","star-2-scale-animation":"magritte-star-2-scale-animation___EFKyj_4-1-4","star2ScaleAnimation":"magritte-star-2-scale-animation___EFKyj_4-1-4"};
8
+ var styles = {"loader":"magritte-loader___GSe1a_4-1-6","loader-color-override":"magritte-loader-color-override___-ttHq_4-1-6","loaderColorOverride":"magritte-loader-color-override___-ttHq_4-1-6","stars":"magritte-stars___NlDEc_4-1-6","star-1-position-animation":"magritte-star-1-position-animation___YJawa_4-1-6","star1PositionAnimation":"magritte-star-1-position-animation___YJawa_4-1-6","star-1-scale-animation":"magritte-star-1-scale-animation___s3pjV_4-1-6","star1ScaleAnimation":"magritte-star-1-scale-animation___s3pjV_4-1-6","star-2-position-animation":"magritte-star-2-position-animation___a7b4H_4-1-6","star2PositionAnimation":"magritte-star-2-position-animation___a7b4H_4-1-6","star-2-scale-animation":"magritte-star-2-scale-animation___EFKyj_4-1-6","star2ScaleAnimation":"magritte-star-2-scale-animation___EFKyj_4-1-6"};
9
9
 
10
10
  const ICON_BY_SIZE = {
11
- default: {
12
- 16: LoaderOutlinedSize16,
13
- 24: LoaderOutlinedSize24,
14
- 32: LoaderOutlinedSize32,
15
- 48: LoaderOutlinedSize48,
16
- 64: LoaderOutlinedSize64,
17
- 96: LoaderOutlinedSize96,
18
- },
19
- hyperstar: {
20
- 16: HyperstarFilledSize16,
21
- 24: HyperstarFilledSize24,
22
- 32: HyperstarFilledSize32,
23
- 48: HyperstarFilledSize48,
24
- 64: HyperstarFilledSize64,
25
- 96: HyperstarFilledSize96,
26
- },
11
+ default: {
12
+ 16: LoaderOutlinedSize16,
13
+ 24: LoaderOutlinedSize24,
14
+ 32: LoaderOutlinedSize32,
15
+ 48: LoaderOutlinedSize48,
16
+ 64: LoaderOutlinedSize64,
17
+ 96: LoaderOutlinedSize96
18
+ },
19
+ hyperstar: {
20
+ 16: HyperstarFilledSize16,
21
+ 24: HyperstarFilledSize24,
22
+ 32: HyperstarFilledSize32,
23
+ 48: HyperstarFilledSize48,
24
+ 64: HyperstarFilledSize64,
25
+ 96: HyperstarFilledSize96
26
+ }
27
27
  };
28
28
  const ICON_COLOR = {
29
- default: 'accent',
30
- hyperstar: 'tertiary',
29
+ default: "accent",
30
+ hyperstar: "tertiary"
31
31
  };
32
32
  const Loader = (props) => {
33
- const defaultProps = useLoaderDefaultProps();
34
- const { size = 16, 'aria-label': ariaLabel = 'loading', color, mode = 'default' } = { ...defaultProps, ...props };
35
- const Element = ICON_BY_SIZE[mode][size];
36
- if (!Element) {
37
- return null;
38
- }
39
- const iconProps = {
40
- 'aria-label': ariaLabel,
41
- initialColor: color ?? ICON_COLOR[mode],
42
- };
43
- if (mode === 'default') {
44
- return (jsx("span", { className: classNames(styles.loader, { [styles.loaderColorOverride]: !color }), role: "status", "data-qa": "magritte-loader", children: jsx(Element, { ...iconProps, loading: true }) }));
45
- }
46
- if (mode === 'hyperstar') {
47
- return (jsxs("span", { className: classNames(styles.stars, { [styles.loaderColorOverride]: !color }), role: "status", "data-qa": "magritte-loader", style: { width: size, height: size }, children: [jsx("span", { className: styles.star1PositionAnimation, children: jsx("span", { className: styles.star1ScaleAnimation, children: jsx(Element, { ...iconProps }) }) }), jsx("span", { className: styles.star2PositionAnimation, children: jsx("span", { className: styles.star2ScaleAnimation, children: jsx(Element, { ...iconProps }) }) })] }));
48
- }
33
+ const defaultProps = useLoaderDefaultProps();
34
+ const { size = 16, "aria-label": ariaLabel = "loading", color, mode = "default" } = { ...defaultProps, ...props };
35
+ const Element = ICON_BY_SIZE[mode][size];
36
+ if (!Element) {
49
37
  return null;
38
+ }
39
+ const iconProps = {
40
+ "aria-label": ariaLabel,
41
+ initialColor: color ?? ICON_COLOR[mode]
42
+ };
43
+ if (mode === "default") {
44
+ return /* @__PURE__ */ jsx(
45
+ "span",
46
+ {
47
+ className: classNames(styles.loader, { [styles.loaderColorOverride]: !color }),
48
+ role: "status",
49
+ "data-qa": "magritte-loader",
50
+ children: /* @__PURE__ */ jsx(Element, { ...iconProps, loading: true })
51
+ }
52
+ );
53
+ }
54
+ if (mode === "hyperstar") {
55
+ return /* @__PURE__ */ jsxs(
56
+ "span",
57
+ {
58
+ className: classNames(styles.stars, { [styles.loaderColorOverride]: !color }),
59
+ role: "status",
60
+ "data-qa": "magritte-loader",
61
+ style: { width: size, height: size },
62
+ children: [
63
+ /* @__PURE__ */ jsx("span", { className: styles.star1PositionAnimation, children: /* @__PURE__ */ jsx("span", { className: styles.star1ScaleAnimation, children: /* @__PURE__ */ jsx(Element, { ...iconProps }) }) }),
64
+ /* @__PURE__ */ jsx("span", { className: styles.star2PositionAnimation, children: /* @__PURE__ */ jsx("span", { className: styles.star2ScaleAnimation, children: /* @__PURE__ */ jsx(Element, { ...iconProps }) }) })
65
+ ]
66
+ }
67
+ );
68
+ }
69
+ return null;
50
70
  };
51
71
 
52
72
  export { Loader };
package/Loader.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Loader.js","sources":["src/Loader.tsx"],"sourcesContent":["import { FC } from 'react';\nimport classNames from 'classnames';\n\nimport { IconWrapperComponent } from '@hh.ru/magritte-ui-icon';\nimport {\n type IconColor,\n HyperstarFilledSize16,\n HyperstarFilledSize24,\n HyperstarFilledSize32,\n HyperstarFilledSize48,\n HyperstarFilledSize64,\n HyperstarFilledSize96,\n LoaderOutlinedSize16,\n LoaderOutlinedSize24,\n LoaderOutlinedSize32,\n LoaderOutlinedSize48,\n LoaderOutlinedSize64,\n LoaderOutlinedSize96,\n} from '@hh.ru/magritte-ui-icon/icon';\nimport { useLoaderDefaultProps } from '@hh.ru/magritte-ui-loader/defaultProps';\nimport { type LoaderSize, type LoaderProps } from '@hh.ru/magritte-ui-loader/types';\n\nimport styles from './loader.less';\n\nconst ICON_BY_SIZE: Record<Required<LoaderProps>['mode'], Record<LoaderSize, IconWrapperComponent>> = {\n default: {\n 16: LoaderOutlinedSize16,\n 24: LoaderOutlinedSize24,\n 32: LoaderOutlinedSize32,\n 48: LoaderOutlinedSize48,\n 64: LoaderOutlinedSize64,\n 96: LoaderOutlinedSize96,\n },\n hyperstar: {\n 16: HyperstarFilledSize16,\n 24: HyperstarFilledSize24,\n 32: HyperstarFilledSize32,\n 48: HyperstarFilledSize48,\n 64: HyperstarFilledSize64,\n 96: HyperstarFilledSize96,\n },\n};\n\nconst ICON_COLOR: Record<Required<LoaderProps>['mode'], IconColor> = {\n default: 'accent',\n hyperstar: 'tertiary',\n};\n\nexport const Loader: FC<LoaderProps> = (props) => {\n const defaultProps = useLoaderDefaultProps();\n const { size = 16, 'aria-label': ariaLabel = 'loading', color, mode = 'default' } = { ...defaultProps, ...props };\n\n const Element = ICON_BY_SIZE[mode][size];\n if (!Element) {\n return null;\n }\n\n const iconProps = {\n 'aria-label': ariaLabel,\n initialColor: color ?? ICON_COLOR[mode],\n };\n\n if (mode === 'default') {\n return (\n <span\n className={classNames(styles.loader, { [styles.loaderColorOverride]: !color })}\n role=\"status\"\n data-qa=\"magritte-loader\"\n >\n <Element {...iconProps} loading />\n </span>\n );\n }\n\n if (mode === 'hyperstar') {\n return (\n <span\n className={classNames(styles.stars, { [styles.loaderColorOverride]: !color })}\n role=\"status\"\n data-qa=\"magritte-loader\"\n style={{ width: size, height: size }}\n >\n <span className={styles.star1PositionAnimation}>\n <span className={styles.star1ScaleAnimation}>\n <Element {...iconProps} />\n </span>\n </span>\n <span className={styles.star2PositionAnimation}>\n <span className={styles.star2ScaleAnimation}>\n <Element {...iconProps} />\n </span>\n </span>\n </span>\n );\n }\n\n return null;\n};\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;AAwBA,MAAM,YAAY,GAAoF;AAClG,IAAA,OAAO,EAAE;AACL,QAAA,EAAE,EAAE,oBAAoB;AACxB,QAAA,EAAE,EAAE,oBAAoB;AACxB,QAAA,EAAE,EAAE,oBAAoB;AACxB,QAAA,EAAE,EAAE,oBAAoB;AACxB,QAAA,EAAE,EAAE,oBAAoB;AACxB,QAAA,EAAE,EAAE,oBAAoB;AAC3B,KAAA;AACD,IAAA,SAAS,EAAE;AACP,QAAA,EAAE,EAAE,qBAAqB;AACzB,QAAA,EAAE,EAAE,qBAAqB;AACzB,QAAA,EAAE,EAAE,qBAAqB;AACzB,QAAA,EAAE,EAAE,qBAAqB;AACzB,QAAA,EAAE,EAAE,qBAAqB;AACzB,QAAA,EAAE,EAAE,qBAAqB;AAC5B,KAAA;CACJ,CAAC;AAEF,MAAM,UAAU,GAAqD;AACjE,IAAA,OAAO,EAAE,QAAQ;AACjB,IAAA,SAAS,EAAE,UAAU;CACxB,CAAC;AAEW,MAAA,MAAM,GAAoB,CAAC,KAAK,KAAI;AAC7C,IAAA,MAAM,YAAY,GAAG,qBAAqB,EAAE,CAAC;IAC7C,MAAM,EAAE,IAAI,GAAG,EAAE,EAAE,YAAY,EAAE,SAAS,GAAG,SAAS,EAAE,KAAK,EAAE,IAAI,GAAG,SAAS,EAAE,GAAG,EAAE,GAAG,YAAY,EAAE,GAAG,KAAK,EAAE,CAAC;IAElH,MAAM,OAAO,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC;IACzC,IAAI,CAAC,OAAO,EAAE;AACV,QAAA,OAAO,IAAI,CAAC;KACf;AAED,IAAA,MAAM,SAAS,GAAG;AACd,QAAA,YAAY,EAAE,SAAS;AACvB,QAAA,YAAY,EAAE,KAAK,IAAI,UAAU,CAAC,IAAI,CAAC;KAC1C,CAAC;AAEF,IAAA,IAAI,IAAI,KAAK,SAAS,EAAE;AACpB,QAAA,QACIA,GACI,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,mBAAmB,GAAG,CAAC,KAAK,EAAE,CAAC,EAC9E,IAAI,EAAC,QAAQ,aACL,iBAAiB,EAAA,QAAA,EAEzBA,GAAC,CAAA,OAAO,OAAK,SAAS,EAAE,OAAO,EAAG,IAAA,EAAA,CAAA,EAAA,CAC/B,EACT;KACL;AAED,IAAA,IAAI,IAAI,KAAK,WAAW,EAAE;AACtB,QAAA,QACIC,IACI,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,mBAAmB,GAAG,CAAC,KAAK,EAAE,CAAC,EAC7E,IAAI,EAAC,QAAQ,aACL,iBAAiB,EACzB,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,aAEpCD,GAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,sBAAsB,EAAA,QAAA,EAC1CA,cAAM,SAAS,EAAE,MAAM,CAAC,mBAAmB,EACvC,QAAA,EAAAA,GAAA,CAAC,OAAO,EAAK,EAAA,GAAA,SAAS,GAAI,EACvB,CAAA,EAAA,CACJ,EACPA,GAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,sBAAsB,EAAA,QAAA,EAC1CA,cAAM,SAAS,EAAE,MAAM,CAAC,mBAAmB,YACvCA,GAAC,CAAA,OAAO,OAAK,SAAS,EAAA,CAAI,GACvB,EACJ,CAAA,CAAA,EAAA,CACJ,EACT;KACL;AAED,IAAA,OAAO,IAAI,CAAC;AAChB;;;;"}
1
+ {"version":3,"file":"Loader.js","sources":["src/Loader.tsx"],"sourcesContent":["import { FC } from 'react';\nimport classNames from 'classnames';\n\nimport { IconWrapperComponent } from '@hh.ru/magritte-ui-icon';\nimport {\n type IconColor,\n HyperstarFilledSize16,\n HyperstarFilledSize24,\n HyperstarFilledSize32,\n HyperstarFilledSize48,\n HyperstarFilledSize64,\n HyperstarFilledSize96,\n LoaderOutlinedSize16,\n LoaderOutlinedSize24,\n LoaderOutlinedSize32,\n LoaderOutlinedSize48,\n LoaderOutlinedSize64,\n LoaderOutlinedSize96,\n} from '@hh.ru/magritte-ui-icon/icon';\nimport { useLoaderDefaultProps } from '@hh.ru/magritte-ui-loader/defaultProps';\nimport { type LoaderSize, type LoaderProps } from '@hh.ru/magritte-ui-loader/types';\n\nimport styles from './loader.less';\n\nconst ICON_BY_SIZE: Record<Required<LoaderProps>['mode'], Record<LoaderSize, IconWrapperComponent>> = {\n default: {\n 16: LoaderOutlinedSize16,\n 24: LoaderOutlinedSize24,\n 32: LoaderOutlinedSize32,\n 48: LoaderOutlinedSize48,\n 64: LoaderOutlinedSize64,\n 96: LoaderOutlinedSize96,\n },\n hyperstar: {\n 16: HyperstarFilledSize16,\n 24: HyperstarFilledSize24,\n 32: HyperstarFilledSize32,\n 48: HyperstarFilledSize48,\n 64: HyperstarFilledSize64,\n 96: HyperstarFilledSize96,\n },\n};\n\nconst ICON_COLOR: Record<Required<LoaderProps>['mode'], IconColor> = {\n default: 'accent',\n hyperstar: 'tertiary',\n};\n\nexport const Loader: FC<LoaderProps> = (props) => {\n const defaultProps = useLoaderDefaultProps();\n const { size = 16, 'aria-label': ariaLabel = 'loading', color, mode = 'default' } = { ...defaultProps, ...props };\n\n const Element = ICON_BY_SIZE[mode][size];\n if (!Element) {\n return null;\n }\n\n const iconProps = {\n 'aria-label': ariaLabel,\n initialColor: color ?? ICON_COLOR[mode],\n };\n\n if (mode === 'default') {\n return (\n <span\n className={classNames(styles.loader, { [styles.loaderColorOverride]: !color })}\n role=\"status\"\n data-qa=\"magritte-loader\"\n >\n <Element {...iconProps} loading />\n </span>\n );\n }\n\n if (mode === 'hyperstar') {\n return (\n <span\n className={classNames(styles.stars, { [styles.loaderColorOverride]: !color })}\n role=\"status\"\n data-qa=\"magritte-loader\"\n style={{ width: size, height: size }}\n >\n <span className={styles.star1PositionAnimation}>\n <span className={styles.star1ScaleAnimation}>\n <Element {...iconProps} />\n </span>\n </span>\n <span className={styles.star2PositionAnimation}>\n <span className={styles.star2ScaleAnimation}>\n <Element {...iconProps} />\n </span>\n </span>\n </span>\n );\n }\n\n return null;\n};\n"],"names":[],"mappings":"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"}
package/defaultProps.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import type { LoaderProps } from '@hh.ru/magritte-ui-loader/types';
1
+ import type { LoaderProps } from './types';
2
2
  /**
3
3
  * Провайдер дефолтных пропсов для лоадеров в поддереве.
4
4
  * Заданные пропсы применяются ко всем лоадерам внутри как дефолтные — явные пропсы на самом лоадере побеждают.
package/defaultProps.js CHANGED
@@ -1,13 +1,8 @@
1
1
  import './index.css';
2
2
  import { createDefaultPropsContext } from '@hh.ru/magritte-internal-default-props-context';
3
3
 
4
- const { DefaultPropsContext, useDefaultProps } = createDefaultPropsContext('Loader');
5
- /**
6
- * Провайдер дефолтных пропсов для лоадеров в поддереве.
7
- * Заданные пропсы применяются ко всем лоадерам внутри как дефолтные — явные пропсы на самом лоадере побеждают.
8
- */
4
+ const { DefaultPropsContext, useDefaultProps } = createDefaultPropsContext("Loader");
9
5
  const LoaderDefaultPropsContext = DefaultPropsContext;
10
- /** Внутренний хук чтения дефолтов лоадера из ближайшего `LoaderDefaultPropsContext`. */
11
6
  const useLoaderDefaultProps = useDefaultProps;
12
7
 
13
8
  export { LoaderDefaultPropsContext, useLoaderDefaultProps };
@@ -1 +1 @@
1
- {"version":3,"file":"defaultProps.js","sources":["src/defaultProps.ts"],"sourcesContent":["import { createDefaultPropsContext } from '@hh.ru/magritte-internal-default-props-context';\nimport type { LoaderProps } from '@hh.ru/magritte-ui-loader/types';\n\nconst { DefaultPropsContext, useDefaultProps } = createDefaultPropsContext<LoaderProps>('Loader');\n\n/**\n * Провайдер дефолтных пропсов для лоадеров в поддереве.\n * Заданные пропсы применяются ко всем лоадерам внутри как дефолтные — явные пропсы на самом лоадере побеждают.\n */\nexport const LoaderDefaultPropsContext = DefaultPropsContext;\n\n/** Внутренний хук чтения дефолтов лоадера из ближайшего `LoaderDefaultPropsContext`. */\nexport const useLoaderDefaultProps = useDefaultProps;\n"],"names":[],"mappings":";;AAGA,MAAM,EAAE,mBAAmB,EAAE,eAAe,EAAE,GAAG,yBAAyB,CAAc,QAAQ,CAAC,CAAC;AAElG;;;AAGG;AACI,MAAM,yBAAyB,GAAG,oBAAoB;AAE7D;AACO,MAAM,qBAAqB,GAAG;;;;"}
1
+ {"version":3,"file":"defaultProps.js","sources":["src/defaultProps.ts"],"sourcesContent":["import { createDefaultPropsContext } from '@hh.ru/magritte-internal-default-props-context';\nimport type { LoaderProps } from '@hh.ru/magritte-ui-loader/types';\n\nconst { DefaultPropsContext, useDefaultProps } = createDefaultPropsContext<LoaderProps>('Loader');\n\n/**\n * Провайдер дефолтных пропсов для лоадеров в поддереве.\n * Заданные пропсы применяются ко всем лоадерам внутри как дефолтные — явные пропсы на самом лоадере побеждают.\n */\nexport const LoaderDefaultPropsContext = DefaultPropsContext;\n\n/** Внутренний хук чтения дефолтов лоадера из ближайшего `LoaderDefaultPropsContext`. */\nexport const useLoaderDefaultProps = useDefaultProps;\n"],"names":[],"mappings":";;AAGA,MAAM,EAAE,mBAAA,EAAqB,eAAgB,EAAA,GAAI,0BAAuC,QAAQ,CAAA,CAAA;AAMzF,MAAM,yBAA4B,GAAA,oBAAA;AAGlC,MAAM,qBAAwB,GAAA;;;;"}
package/index.css CHANGED
@@ -1,29 +1,29 @@
1
- .magritte-loader___GSe1a_4-1-4{
1
+ .magritte-loader___GSe1a_4-1-6{
2
2
  display:inline-flex;
3
3
  height:max-content;
4
4
  width:max-content;
5
5
  }
6
- .magritte-loader-color-override___-ttHq_4-1-4{
6
+ .magritte-loader-color-override___-ttHq_4-1-6{
7
7
  --magritte-ui-icon-color-override:var(--magritte-ui-loader-color-override);
8
8
  }
9
- .magritte-stars___NlDEc_4-1-4{
9
+ .magritte-stars___NlDEc_4-1-6{
10
10
  display:inline-block;
11
11
  position:relative;
12
12
  line-height:0;
13
13
  }
14
- .magritte-star-1-position-animation___YJawa_4-1-4{
14
+ .magritte-star-1-position-animation___YJawa_4-1-6{
15
15
  position:absolute;
16
16
  width:100%;
17
17
  height:100%;
18
18
  }
19
19
  @media (prefers-reduced-motion: no-preference){
20
- .magritte-star-1-position-animation___YJawa_4-1-4{
20
+ .magritte-star-1-position-animation___YJawa_4-1-6{
21
21
  top:-50%;
22
22
  left:-50%;
23
- animation:magritte-star-1-position-animation___YJawa_4-1-4 3s linear infinite;
23
+ animation:magritte-star-1-position-animation___YJawa_4-1-6 3s linear infinite;
24
24
  }
25
25
  }
26
- @keyframes magritte-star-1-position-animation___YJawa_4-1-4{
26
+ @keyframes magritte-star-1-position-animation___YJawa_4-1-6{
27
27
  0%{
28
28
  transform:translate(50%, 50%);
29
29
  }
@@ -61,17 +61,17 @@
61
61
  transform:translate(0%, 50%);
62
62
  }
63
63
  }
64
- .magritte-star-1-scale-animation___s3pjV_4-1-4{
64
+ .magritte-star-1-scale-animation___s3pjV_4-1-6{
65
65
  position:absolute;
66
66
  width:100%;
67
67
  height:100%;
68
68
  }
69
69
  @media (prefers-reduced-motion: no-preference){
70
- .magritte-star-1-scale-animation___s3pjV_4-1-4{
71
- animation:magritte-star-1-scale-animation___s3pjV_4-1-4 3s linear infinite;
70
+ .magritte-star-1-scale-animation___s3pjV_4-1-6{
71
+ animation:magritte-star-1-scale-animation___s3pjV_4-1-6 3s linear infinite;
72
72
  }
73
73
  }
74
- @keyframes magritte-star-1-scale-animation___s3pjV_4-1-4{
74
+ @keyframes magritte-star-1-scale-animation___s3pjV_4-1-6{
75
75
  0%{
76
76
  scale:100%;
77
77
  }
@@ -109,19 +109,19 @@
109
109
  scale:0%;
110
110
  }
111
111
  }
112
- .magritte-star-2-position-animation___a7b4H_4-1-4{
112
+ .magritte-star-2-position-animation___a7b4H_4-1-6{
113
113
  position:absolute;
114
114
  width:100%;
115
115
  height:100%;
116
116
  }
117
117
  @media (prefers-reduced-motion: no-preference){
118
- .magritte-star-2-position-animation___a7b4H_4-1-4{
118
+ .magritte-star-2-position-animation___a7b4H_4-1-6{
119
119
  top:-50%;
120
120
  left:-50%;
121
- animation:magritte-star-2-position-animation___a7b4H_4-1-4 3s linear infinite;
121
+ animation:magritte-star-2-position-animation___a7b4H_4-1-6 3s linear infinite;
122
122
  }
123
123
  }
124
- @keyframes magritte-star-2-position-animation___a7b4H_4-1-4{
124
+ @keyframes magritte-star-2-position-animation___a7b4H_4-1-6{
125
125
  0%{
126
126
  transform:translate(100%, 50%);
127
127
  }
@@ -159,17 +159,17 @@
159
159
  transform:translate(50%, 50%);
160
160
  }
161
161
  }
162
- .magritte-star-2-scale-animation___EFKyj_4-1-4{
162
+ .magritte-star-2-scale-animation___EFKyj_4-1-6{
163
163
  position:absolute;
164
164
  width:100%;
165
165
  height:100%;
166
166
  }
167
167
  @media (prefers-reduced-motion: no-preference){
168
- .magritte-star-2-scale-animation___EFKyj_4-1-4{
169
- animation:magritte-star-2-scale-animation___EFKyj_4-1-4 3s linear infinite;
168
+ .magritte-star-2-scale-animation___EFKyj_4-1-6{
169
+ animation:magritte-star-2-scale-animation___EFKyj_4-1-6 3s linear infinite;
170
170
  }
171
171
  }
172
- @keyframes magritte-star-2-scale-animation___EFKyj_4-1-4{
172
+ @keyframes magritte-star-2-scale-animation___EFKyj_4-1-6{
173
173
  0%{
174
174
  scale:0%;
175
175
  }
package/index.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- export { type LoaderSize, type LoaderProps } from '@hh.ru/magritte-ui-loader/types';
2
- export { LoaderDefaultPropsContext } from '@hh.ru/magritte-ui-loader/defaultProps';
3
- export * from '@hh.ru/magritte-ui-loader/Loader';
1
+ export { type LoaderSize, type LoaderProps } from './types';
2
+ export { LoaderDefaultPropsContext } from './defaultProps';
3
+ export * from './Loader';
package/index.mock.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  import { ForwardRefExoticComponent } from 'react';
2
2
  export declare const Loader: ForwardRefExoticComponent<Record<string, unknown>>;
3
- export { LoaderDefaultPropsContext } from '@hh.ru/magritte-ui-loader/defaultProps';
3
+ export { LoaderDefaultPropsContext } from './defaultProps';
package/index.mock.js CHANGED
@@ -3,7 +3,7 @@ import { mockComponent } from '@hh.ru/magritte-ui-mock-component';
3
3
  export { LoaderDefaultPropsContext } from './defaultProps.js';
4
4
  import '@hh.ru/magritte-internal-default-props-context';
5
5
 
6
- const Loader = mockComponent('Loader');
6
+ const Loader = mockComponent("Loader");
7
7
 
8
8
  export { Loader };
9
9
  //# sourceMappingURL=index.mock.js.map
package/index.mock.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.mock.js","sources":["src/index.mock.ts"],"sourcesContent":["import { ForwardRefExoticComponent } from 'react';\n\nimport { mockComponent } from '@hh.ru/magritte-ui-mock-component';\n\nexport const Loader: ForwardRefExoticComponent<Record<string, unknown>> = mockComponent('Loader');\n\nexport { LoaderDefaultPropsContext } from '@hh.ru/magritte-ui-loader/defaultProps';\n"],"names":[],"mappings":";;;;MAIa,MAAM,GAAuD,aAAa,CAAC,QAAQ;;;;"}
1
+ {"version":3,"file":"index.mock.js","sources":["src/index.mock.ts"],"sourcesContent":["import { ForwardRefExoticComponent } from 'react';\n\nimport { mockComponent } from '@hh.ru/magritte-ui-mock-component';\n\nexport const Loader: ForwardRefExoticComponent<Record<string, unknown>> = mockComponent('Loader');\n\nexport { LoaderDefaultPropsContext } from '@hh.ru/magritte-ui-loader/defaultProps';\n"],"names":[],"mappings":";;;;AAIa,MAAA,MAAA,GAA6D,cAAc,QAAQ;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-loader",
3
- "version": "4.1.4",
3
+ "version": "4.1.6",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -23,9 +23,9 @@
23
23
  "figma-snapshot-update": "yarn root:figma-snapshot $(pwd) --update"
24
24
  },
25
25
  "dependencies": {
26
- "@hh.ru/magritte-design-tokens": "25.1.1",
26
+ "@hh.ru/magritte-design-tokens": "26.0.1",
27
27
  "@hh.ru/magritte-internal-default-props-context": "1.0.3",
28
- "@hh.ru/magritte-ui-icon": "15.1.3",
28
+ "@hh.ru/magritte-ui-icon": "15.1.5",
29
29
  "@hh.ru/magritte-ui-mock-component": "1.1.8"
30
30
  },
31
31
  "peerDependencies": {
@@ -35,5 +35,5 @@
35
35
  "publishConfig": {
36
36
  "access": "public"
37
37
  },
38
- "gitHead": "46d606980abbb523a41afba452c0a852ee902864"
38
+ "gitHead": "f6539d7a0e7cd42dd851458db1de04a748bbee03"
39
39
  }