@hh.ru/magritte-ui-loader 1.2.35

package/Loader.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { type LoaderProps } from './types';
+export declare const Loader: FC<LoaderProps>;

package/Loader.js

@@ -0,0 +1,29 @@
+import './index.css';
+import { jsx } from 'react/jsx-runtime';
+import classNames from 'classnames';
+import { LoaderOutlinedSize16, LoaderOutlinedSize24, LoaderOutlinedSize64, LoaderOutlinedSize96 } from '@hh.ru/magritte-ui-icon/icon';
+
+var styles = {"loader":"magritte-loader___GSe1a_1-2-35","spin":"magritte-spin___DyLX-_1-2-35","internal_overriden":"magritte-internal_overriden___GcH9X_1-2-35","internalOverriden":"magritte-internal_overriden___GcH9X_1-2-35"};
+
+const iconsBySize = new Map([
+    [16, LoaderOutlinedSize16],
+    [24, LoaderOutlinedSize24],
+    [64, LoaderOutlinedSize64],
+    [96, LoaderOutlinedSize96],
+]);
+const Loader = ({ size = 16, 'aria-label': ariaLabel = 'loading', ...props }) => {
+    const Element = iconsBySize.get(size);
+    if (!Element) {
+        return null;
+    }
+    const baseProps = {
+        'aria-label': ariaLabel,
+        ...props,
+    };
+    return (jsx("span", { className: classNames(styles.loader, {
+            [styles.internal_overriden]: !props.initial,
+        }), role: "status", children: jsx(Element, { ...baseProps }) }));
+};
+
+export { Loader };
+//# sourceMappingURL=Loader.js.map

package/Loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loader.js","sources":["../src/Loader.tsx"],"sourcesContent":["import { FC } from 'react';\nimport classNames from 'classnames';\n\nimport {\n    LoaderOutlinedSize16,\n    LoaderOutlinedSize24,\n    LoaderOutlinedSize64,\n    LoaderOutlinedSize96,\n} from '@hh.ru/magritte-ui-icon/icon';\nimport { IconWrapperComponent } from '@hh.ru/magritte-ui-icon/src';\nimport { type LoaderSize, type LoaderProps } from '@hh.ru/magritte-ui-loader/types';\n\nimport styles from './loader.less';\n\nconst iconsBySize = new Map<LoaderSize, IconWrapperComponent>([\n    [16, LoaderOutlinedSize16],\n    [24, LoaderOutlinedSize24],\n    [64, LoaderOutlinedSize64],\n    [96, LoaderOutlinedSize96],\n]);\n\nexport const Loader: FC<LoaderProps> = ({ size = 16, 'aria-label': ariaLabel = 'loading', ...props }) => {\n    const Element = iconsBySize.get(size);\n\n    if (!Element) {\n        return null;\n    }\n\n    const baseProps = {\n        'aria-label': ariaLabel,\n        ...props,\n    };\n\n    return (\n        <span\n            className={classNames(styles.loader, {\n                [styles.internal_overriden]: !props.initial,\n            })}\n            role=\"status\"\n        >\n            <Element {...baseProps} />\n        </span>\n    );\n};\n"],"names":["_jsx"],"mappings":";;;;;;AAcA,MAAM,WAAW,GAAG,IAAI,GAAG,CAAmC;IAC1D,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,GAAG,KAAK,EAAE,KAAI;IACpG,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IAEtC,IAAI,CAAC,OAAO,EAAE;AACV,QAAA,OAAO,IAAI,CAAC;AACf,KAAA;AAED,IAAA,MAAM,SAAS,GAAG;AACd,QAAA,YAAY,EAAE,SAAS;AACvB,QAAA,GAAG,KAAK;KACX,CAAC;IAEF,QACIA,cACI,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE;YACjC,CAAC,MAAM,CAAC,kBAAkB,GAAG,CAAC,KAAK,CAAC,OAAO;AAC9C,SAAA,CAAC,EACF,IAAI,EAAC,QAAQ,EAEb,QAAA,EAAAA,GAAA,CAAC,OAAO,EAAA,EAAA,GAAK,SAAS,EAAA,CAAI,EACvB,CAAA,EACT;AACN;;;;"}

package/index.css

@@ -0,0 +1,29 @@
+:root{
+  --magritte-color-component-loader-icon-content-v18-1-1:#0070ff;
+}
+.magritte-night-theme{
+  --magritte-color-component-loader-icon-content-v18-1-1:#0d63e3;
+}
+@keyframes magritte-spin___DyLX-_1-2-35{
+  from{
+    transform:rotate(0deg);
+  }
+  to{
+    transform:rotate(360deg);
+  }
+}
+.magritte-loader___GSe1a_1-2-35{
+  display:inline-flex;
+  height:max-content;
+  width:max-content;
+}
+.magritte-loader___GSe1a_1-2-35 svg{
+  animation-name:magritte-spin___DyLX-_1-2-35;
+  animation-duration:1s;
+  animation-iteration-count:infinite;
+  animation-timing-function:linear;
+  animation-fill-mode:none;
+}
+.magritte-internal_overriden___GcH9X_1-2-35{
+  --magritte-ui-icon-color-override:var(--magritte-color-component-loader-icon-content-v18-1-1);
+}

package/index.d.ts

@@ -0,0 +1,3 @@
+export { type LoaderSize, type LoaderProps } from './types';
+export * from './Loader';
+export { ThemeProvider } from '@hh.ru/magritte-ui-icon';

package/index.js

@@ -0,0 +1,7 @@
+import './index.css';
+export { Loader } from './Loader.js';
+export { ThemeProvider } from '@hh.ru/magritte-ui-icon';
+import 'react/jsx-runtime';
+import 'classnames';
+import '@hh.ru/magritte-ui-icon/icon';
+//# sourceMappingURL=index.js.map

package/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/index.mock.d.ts

@@ -0,0 +1,2 @@
+import { ForwardRefExoticComponent } from 'react';
+export declare const Loader: ForwardRefExoticComponent<Record<string, unknown>>;

package/index.mock.js

@@ -0,0 +1,7 @@
+import './index.css';
+import { mockComponent } from '@hh.ru/magritte-ui-mock-component';
+
+const Loader = mockComponent('Loader');
+
+export { Loader };
+//# sourceMappingURL=index.mock.js.map

package/index.mock.js.map

@@ -0,0 +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"],"names":[],"mappings":";;MAIa,MAAM,GAAuD,aAAa,CAAC,QAAQ;;;;"}

package/package.json

@@ -0,0 +1,34 @@
+{
+  "name": "@hh.ru/magritte-ui-loader",
+  "version": "1.2.35",
+  "main": "index.js",
+  "types": "index.d.ts",
+  "sideEffects": [
+    "index.css"
+  ],
+  "scripts": {
+    "build": "yarn root:build $(pwd)",
+    "build-test-branch": "yarn root:build-test-branch $(pwd)",
+    "changelog": "yarn root:changelog $(pwd)",
+    "prepack": "yarn root:prepack $(pwd)",
+    "postpublish": "yarn root:postpublish $(pwd)",
+    "stylelint-test": "yarn root:stylelint-test $(pwd)",
+    "eslint-test": "yarn root:eslint-test $(pwd)",
+    "ts-config": "yarn root:ts-config $(pwd)",
+    "ts-check": "yarn root:ts-check $(pwd)",
+    "test": "yarn root:test $(pwd)"
+  },
+  "dependencies": {
+    "@hh.ru/magritte-design-tokens": "18.1.1",
+    "@hh.ru/magritte-ui-icon": "7.1.3",
+    "@hh.ru/magritte-ui-mock-component": "1.0.10"
+  },
+  "peerDependencies": {
+    "classnames": ">=2.3.2",
+    "react": ">=18.2.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "gitHead": "b660dd64fca3eaad5ec44ea9a73f92bb0d9694aa"
+}

package/types.d.ts

@@ -0,0 +1,9 @@
+import { IconColor } from '@hh.ru/magritte-ui-icon/icon';
+export type LoaderSize = 16 | 24 | 64 | 96;
+export interface LoaderProps {
+    /** Свойство для изменения размеров SVG-иконки */
+    size?: LoaderSize;
+    /** Цвет иконки */
+    initial?: IconColor;
+    'aria-label'?: string;
+}

package/types.js

@@ -0,0 +1,3 @@
+import './index.css';
+
+//# sourceMappingURL=types.js.map

package/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}