@hh.ru/magritte-ui-loader 1.4.3 → 2.0.1
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.js +4 -6
- package/Loader.js.map +1 -1
- package/index.css +7 -19
- package/index.d.ts +0 -1
- package/index.js +0 -1
- package/index.js.map +1 -1
- package/package.json +4 -4
package/Loader.js
CHANGED
|
@@ -3,9 +3,9 @@ import { jsx } from 'react/jsx-runtime';
|
|
|
3
3
|
import classNames from 'classnames';
|
|
4
4
|
import { LoaderOutlinedSize16, LoaderOutlinedSize24, LoaderOutlinedSize32, LoaderOutlinedSize48, LoaderOutlinedSize64, LoaderOutlinedSize96 } from '@hh.ru/magritte-ui-icon/icon';
|
|
5
5
|
|
|
6
|
-
var styles = {"loader":"magritte-
|
|
6
|
+
var styles = {"loader":"magritte-loader___GSe1a_2-0-1","loader-color-override":"magritte-loader-color-override___-ttHq_2-0-1","loaderColorOverride":"magritte-loader-color-override___-ttHq_2-0-1"};
|
|
7
7
|
|
|
8
|
-
const
|
|
8
|
+
const ICON_BY_SIZE = new Map([
|
|
9
9
|
[16, LoaderOutlinedSize16],
|
|
10
10
|
[24, LoaderOutlinedSize24],
|
|
11
11
|
[32, LoaderOutlinedSize32],
|
|
@@ -14,7 +14,7 @@ const iconsBySize = new Map([
|
|
|
14
14
|
[96, LoaderOutlinedSize96],
|
|
15
15
|
]);
|
|
16
16
|
const Loader = ({ size = 16, 'aria-label': ariaLabel = 'loading', initial, ...props }) => {
|
|
17
|
-
const Element =
|
|
17
|
+
const Element = ICON_BY_SIZE.get(size);
|
|
18
18
|
if (!Element) {
|
|
19
19
|
return null;
|
|
20
20
|
}
|
|
@@ -23,9 +23,7 @@ const Loader = ({ size = 16, 'aria-label': ariaLabel = 'loading', initial, ...pr
|
|
|
23
23
|
initialColor: initial,
|
|
24
24
|
...props,
|
|
25
25
|
};
|
|
26
|
-
return (jsx("span", { className: classNames(styles.loader, {
|
|
27
|
-
[styles.internal_overriden]: !initial,
|
|
28
|
-
}), role: "status", "data-qa": "magritte-loader", children: jsx(Element, { ...baseProps }) }));
|
|
26
|
+
return (jsx("span", { className: classNames(styles.loader, { [styles.loaderColorOverride]: !initial }), role: "status", "data-qa": "magritte-loader", children: jsx(Element, { ...baseProps, loading: true }) }));
|
|
29
27
|
};
|
|
30
28
|
|
|
31
29
|
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 LoaderOutlinedSize16,\n LoaderOutlinedSize24,\n LoaderOutlinedSize32,\n LoaderOutlinedSize48,\n LoaderOutlinedSize64,\n LoaderOutlinedSize96,\n} from '@hh.ru/magritte-ui-icon/icon';\nimport { type LoaderSize, type LoaderProps } from '@hh.ru/magritte-ui-loader/types';\n\nimport styles from './loader.less';\n\nconst
|
|
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 LoaderOutlinedSize16,\n LoaderOutlinedSize24,\n LoaderOutlinedSize32,\n LoaderOutlinedSize48,\n LoaderOutlinedSize64,\n LoaderOutlinedSize96,\n} from '@hh.ru/magritte-ui-icon/icon';\nimport { type LoaderSize, type LoaderProps } from '@hh.ru/magritte-ui-loader/types';\n\nimport styles from './loader.less';\n\nconst ICON_BY_SIZE = new Map<LoaderSize, IconWrapperComponent>([\n [16, LoaderOutlinedSize16],\n [24, LoaderOutlinedSize24],\n [32, LoaderOutlinedSize32],\n [48, LoaderOutlinedSize48],\n [64, LoaderOutlinedSize64],\n [96, LoaderOutlinedSize96],\n]);\n\nexport const Loader: FC<LoaderProps> = ({ size = 16, 'aria-label': ariaLabel = 'loading', initial, ...props }) => {\n const Element = ICON_BY_SIZE.get(size);\n\n if (!Element) {\n return null;\n }\n\n const baseProps = {\n 'aria-label': ariaLabel,\n initialColor: initial,\n ...props,\n };\n\n return (\n <span\n className={classNames(styles.loader, { [styles.loaderColorOverride]: !initial })}\n role=\"status\"\n data-qa=\"magritte-loader\"\n >\n <Element {...baseProps} loading />\n </span>\n );\n};\n"],"names":["_jsx"],"mappings":";;;;;;AAgBA,MAAM,YAAY,GAAG,IAAI,GAAG,CAAmC;IAC3D,CAAC,EAAE,EAAE,oBAAoB,CAAC;IAC1B,CAAC,EAAE,EAAE,oBAAoB,CAAC;IAC1B,CAAC,EAAE,EAAE,oBAAoB,CAAC;IAC1B,CAAC,EAAE,EAAE,oBAAoB,CAAC;IAC1B,CAAC,EAAE,EAAE,oBAAoB,CAAC;IAC1B,CAAC,EAAE,EAAE,oBAAoB,CAAC;AAC7B,CAAA,CAAC,CAAC;MAEU,MAAM,GAAoB,CAAC,EAAE,IAAI,GAAG,EAAE,EAAE,YAAY,EAAE,SAAS,GAAG,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,KAAI;IAC7G,MAAM,OAAO,GAAG,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IAEvC,IAAI,CAAC,OAAO,EAAE;AACV,QAAA,OAAO,IAAI,CAAC;KACf;AAED,IAAA,MAAM,SAAS,GAAG;AACd,QAAA,YAAY,EAAE,SAAS;AACvB,QAAA,YAAY,EAAE,OAAO;AACrB,QAAA,GAAG,KAAK;KACX,CAAC;AAEF,IAAA,QACIA,GACI,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,mBAAmB,GAAG,CAAC,OAAO,EAAE,CAAC,EAChF,IAAI,EAAC,QAAQ,aACL,iBAAiB,EAAA,QAAA,EAEzBA,GAAC,CAAA,OAAO,OAAK,SAAS,EAAE,OAAO,EAAG,IAAA,EAAA,CAAA,EAAA,CAC/B,EACT;AACN;;;;"}
|
package/index.css
CHANGED
|
@@ -1,29 +1,17 @@
|
|
|
1
1
|
:root{
|
|
2
|
-
--magritte-color-component-loader-icon-content-v22-
|
|
2
|
+
--magritte-color-component-loader-icon-content-v22-1-0:#0070ff;
|
|
3
3
|
}
|
|
4
4
|
.magritte-night-theme{
|
|
5
|
-
--magritte-color-component-loader-icon-content-v22-
|
|
5
|
+
--magritte-color-component-loader-icon-content-v22-1-0:#0d63e3;
|
|
6
6
|
}
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
transform:rotate(0deg);
|
|
10
|
-
}
|
|
11
|
-
to{
|
|
12
|
-
transform:rotate(360deg);
|
|
13
|
-
}
|
|
7
|
+
.magritte-zp-day-theme{
|
|
8
|
+
--magritte-color-component-loader-icon-content-v22-1-0:#7195AF;
|
|
14
9
|
}
|
|
15
|
-
.magritte-
|
|
10
|
+
.magritte-loader___GSe1a_2-0-1{
|
|
16
11
|
display:inline-flex;
|
|
17
12
|
height:max-content;
|
|
18
13
|
width:max-content;
|
|
19
14
|
}
|
|
20
|
-
.magritte-
|
|
21
|
-
|
|
22
|
-
animation-duration:1s;
|
|
23
|
-
animation-iteration-count:infinite;
|
|
24
|
-
animation-timing-function:linear;
|
|
25
|
-
animation-fill-mode:none;
|
|
26
|
-
}
|
|
27
|
-
.magritte-internal_overriden___GcH9X_1-4-3{
|
|
28
|
-
--magritte-ui-icon-color-override:var(--magritte-ui-loader-color-override, var(--magritte-color-component-loader-icon-content-v22-0-0));
|
|
15
|
+
.magritte-loader-color-override___-ttHq_2-0-1{
|
|
16
|
+
--magritte-ui-icon-color-override:var(--magritte-ui-loader-color-override, var(--magritte-color-component-loader-icon-content-v22-1-0));
|
|
29
17
|
}
|
package/index.d.ts
CHANGED
package/index.js
CHANGED
package/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hh.ru/magritte-ui-loader",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "2.0.1",
|
|
4
4
|
"main": "index.js",
|
|
5
5
|
"types": "index.d.ts",
|
|
6
6
|
"sideEffects": [
|
|
@@ -19,8 +19,8 @@
|
|
|
19
19
|
"watch": "yarn root:watch $(pwd)"
|
|
20
20
|
},
|
|
21
21
|
"dependencies": {
|
|
22
|
-
"@hh.ru/magritte-design-tokens": "22.
|
|
23
|
-
"@hh.ru/magritte-ui-icon": "
|
|
22
|
+
"@hh.ru/magritte-design-tokens": "22.1.0",
|
|
23
|
+
"@hh.ru/magritte-ui-icon": "12.1.0",
|
|
24
24
|
"@hh.ru/magritte-ui-mock-component": "1.1.4"
|
|
25
25
|
},
|
|
26
26
|
"peerDependencies": {
|
|
@@ -30,5 +30,5 @@
|
|
|
30
30
|
"publishConfig": {
|
|
31
31
|
"access": "public"
|
|
32
32
|
},
|
|
33
|
-
"gitHead": "
|
|
33
|
+
"gitHead": "84be7fb81c268510672bdaa32f856319f7022df8"
|
|
34
34
|
}
|