@alfalab/core-components 45.8.0-beta.5 → 45.9.0-beta.0

package/icon-view/cssm/components/no-shape/paths.js

@@ -1,6 +1,4 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var shapePaths = {
+const shapePaths = {
     16: {
         none: 'M0 0 H16 V16 H0 Z',
     },
@@ -32,10 +30,9 @@ var shapePaths = {
         none: 'M0 0 H128 V128 H0 Z',
     },
 };
-var pathsMap = {
+const pathsMap = {
     shape: shapePaths,
     border: shapePaths,
 };
 
-exports.pathsMap = pathsMap;
-exports.shapePaths = shapePaths;
+export { pathsMap, shapePaths };

package/icon-view/cssm/components/rectangle/component.js

@@ -1,15 +1,12 @@
-Object.defineProperty(exports, '__esModule', { value: true });
+import React, { forwardRef } from 'react';
+import { BaseShape } from '../base-shape/component.js';
+import { pathsMap } from './paths.js';
+import 'classnames';
+import '@alfalab/hooks';
+import '../base-shape/utils.js';
+import '../base-shape/index.module.css';
 
-var tslib = require('tslib');
-var React = require('react');
-var components_baseShape_component = require('../base-shape/component.js');
-var components_rectangle_paths = require('./paths.js');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-
-var heights = {
+const heights = {
     20: 14,
     24: 16,
     32: 22,
@@ -20,9 +17,6 @@ var heights = {
     80: 58,
     128: 94,
 };
-var Rectangle = React.forwardRef(function (_a, ref) {
-    var _b = _a.size, size = _b === void 0 ? 64 : _b, props = tslib.__rest(_a, ["size"]);
-    return (React__default.default.createElement(components_baseShape_component.BaseShape, tslib.__assign({}, props, { size: { width: size, height: heights[size] }, pathsMap: components_rectangle_paths.pathsMap, ref: ref })));
-});
+const Rectangle = forwardRef(({ size = 64, ...props }, ref) => (React.createElement(BaseShape, { ...props, size: { width: size, height: heights[size] }, pathsMap: pathsMap, ref: ref })));
 
-exports.Rectangle = Rectangle;
+export { Rectangle };

package/icon-view/cssm/components/rectangle/index.js

@@ -1,7 +1,8 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var components_rectangle_component = require('./component.js');
-
-
-
-exports.Rectangle = components_rectangle_component.Rectangle;
+export { Rectangle } from './component.js';
+import 'react';
+import '../base-shape/component.js';
+import 'classnames';
+import '@alfalab/hooks';
+import '../base-shape/utils.js';
+import '../base-shape/index.module.css';
+import './paths.js';

package/icon-view/cssm/components/rectangle/paths.js

@@ -1,6 +1,4 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var borderPaths = {
+const borderPaths = {
     20: {
         none: 'M0.5 6.4C0.5 5.27165 0.500389 4.45545 0.552836 3.81352C0.604807 3.17744 0.705391 2.75662 0.881477 2.41103C1.21703 1.75247 1.75247 1.21703 2.41103 0.881477C2.75662 0.705391 3.17744 0.604807 3.81352 0.552836C4.45545 0.500389 5.27164 0.5 6.4 0.5H13.6C14.7284 0.5 15.5446 0.500389 16.1865 0.552836C16.8226 0.604807 17.2434 0.705391 17.589 0.881477C18.2475 1.21703 18.783 1.75247 19.1185 2.41103C19.2946 2.75662 19.3952 3.17744 19.4472 3.81352C19.4996 4.45545 19.5 5.27164 19.5 6.4V7.6C19.5 8.72836 19.4996 9.54455 19.4472 10.1865C19.3952 10.8226 19.2946 11.2434 19.1185 11.589C18.783 12.2475 18.2475 12.783 17.589 13.1185C17.2434 13.2946 16.8226 13.3952 16.1865 13.4472C15.5446 13.4996 14.7284 13.5 13.6 13.5H6.4C5.27164 13.5 4.45545 13.4996 3.81352 13.4472C3.17744 13.3952 2.75662 13.2946 2.41103 13.1185C1.75247 12.783 1.21703 12.2475 0.881477 11.589C0.705391 11.2434 0.604807 10.8226 0.552836 10.1865C0.500389 9.54455 0.5 8.72836 0.5 7.6V6.4Z',
     },
@@ -29,7 +27,7 @@ var borderPaths = {
         none: 'M0.5 41.6C0.5 34.3111 0.500389 28.8744 0.852568 24.564C1.20427 20.2593 1.90432 17.1219 3.27933 14.4232C5.7241 9.62511 9.62511 5.7241 14.4232 3.27933C17.1219 1.90432 20.2593 1.20427 24.564 0.852568C28.8744 0.500389 34.3111 0.5 41.6 0.5H86.4C93.6889 0.5 99.1256 0.500389 103.436 0.852568C107.741 1.20427 110.878 1.90432 113.577 3.27933C118.375 5.7241 122.276 9.62511 124.721 14.4232C126.096 17.1219 126.796 20.2593 127.147 24.564C127.5 28.8744 127.5 34.3111 127.5 41.6V50.4C127.5 57.6889 127.5 63.1256 127.147 67.436C126.796 71.7407 126.096 74.8781 124.721 77.5768C122.276 82.3749 118.375 86.2759 113.577 88.7207C110.878 90.0957 107.741 90.7957 103.436 91.1474C99.1256 91.4996 93.6889 91.5 86.4 91.5H41.6C34.3111 91.5 28.8744 91.4996 24.564 91.1474C20.2593 90.7957 17.1219 90.0957 14.4232 88.7207C9.62511 86.2759 5.7241 82.3749 3.27933 77.5768C1.90432 74.8781 1.20427 71.7407 0.852568 67.436C0.500389 63.1256 0.5 57.6889 0.5 50.4V41.6Z',
     },
 };
-var shapePaths = {
+const shapePaths = {
     20: {
         none: 'M0 6.4C0 4.15979 0 3.03968 0.435974 2.18404C0.819467 1.43139 1.43139 0.819467 2.18404 0.435974C3.03968 0 4.15979 0 6.4 0H13.6C15.8402 0 16.9603 0 17.816 0.435974C18.5686 0.819467 19.1805 1.43139 19.564 2.18404C20 3.03968 20 4.15979 20 6.4V7.6C20 9.84021 20 10.9603 19.564 11.816C19.1805 12.5686 18.5686 13.1805 17.816 13.564C16.9603 14 15.8402 14 13.6 14H6.4C4.15979 14 3.03968 14 2.18404 13.564C1.43139 13.1805 0.819467 12.5686 0.435974 11.816C0 10.9603 0 9.84021 0 7.6V6.4Z',
     },
@@ -58,11 +56,9 @@ var shapePaths = {
         none: 'M0 41.6C0 27.0386 0 19.758 2.83383 14.1962C5.32654 9.30403 9.30403 5.32654 14.1962 2.83383C19.758 0 27.0386 0 41.6 0H86.4C100.961 0 108.242 0 113.804 2.83383C118.696 5.32654 122.673 9.30403 125.166 14.1962C128 19.758 128 27.0386 128 41.6V50.4C128 64.9614 128 72.2421 125.166 77.8038C122.673 82.696 118.696 86.6735 113.804 89.1662C108.242 92 100.961 92 86.4 92H41.6C27.0386 92 19.758 92 14.1962 89.1662C9.30403 86.6735 5.32654 82.696 2.83383 77.8038C0 72.2421 0 64.9614 0 50.4V41.6Z',
     },
 };
-var pathsMap = {
+const pathsMap = {
     shape: shapePaths,
     border: borderPaths,
 };
 
-exports.borderPaths = borderPaths;
-exports.pathsMap = pathsMap;
-exports.shapePaths = shapePaths;
+export { borderPaths, pathsMap, shapePaths };

package/icon-view/cssm/components/super-ellipse/component.js

@@ -1,14 +1,11 @@
-Object.defineProperty(exports, '__esModule', { value: true });
+import React, { forwardRef } from 'react';
+import { BaseShape } from '../base-shape/component.js';
+import { pathsMap } from './paths.js';
+import 'classnames';
+import '@alfalab/hooks';
+import '../base-shape/utils.js';
+import '../base-shape/index.module.css';
 
-var tslib = require('tslib');
-var React = require('react');
-var components_baseShape_component = require('../base-shape/component.js');
-var components_superEllipse_paths = require('./paths.js');
+const SuperEllipse = forwardRef((props, ref) => (React.createElement(BaseShape, { ...props, pathsMap: pathsMap, ref: ref })));
 
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-
-var SuperEllipse = React.forwardRef(function (props, ref) { return (React__default.default.createElement(components_baseShape_component.BaseShape, tslib.__assign({}, props, { pathsMap: components_superEllipse_paths.pathsMap, ref: ref }))); });
-
-exports.SuperEllipse = SuperEllipse;
+export { SuperEllipse };

package/icon-view/cssm/components/super-ellipse/index.js

@@ -1,7 +1,8 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var components_superEllipse_component = require('./component.js');
-
-
-
-exports.SuperEllipse = components_superEllipse_component.SuperEllipse;
+export { SuperEllipse } from './component.js';
+import 'react';
+import '../base-shape/component.js';
+import 'classnames';
+import '@alfalab/hooks';
+import '../base-shape/utils.js';
+import '../base-shape/index.module.css';
+import './paths.js';

package/icon-view/cssm/components/super-ellipse/paths.js

@@ -1,6 +1,4 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var borderPaths = {
+const borderPaths = {
     16: {
         none: 'M0.755052 4.1761C1.01463 2.36249 2.36249 1.01463 4.1761 0.755052C5.19089 0.60981 6.46546 0.5 8 0.5C9.53454 0.5 10.8091 0.60981 11.8239 0.755052C13.6375 1.01463 14.9854 2.36249 15.2449 4.1761C15.3902 5.19089 15.5 6.46546 15.5 8C15.5 9.53454 15.3902 10.8091 15.2449 11.8239C14.9854 13.6375 13.6375 14.9854 11.8239 15.2449C10.8091 15.3902 9.53454 15.5 8 15.5C6.46546 15.5 5.19089 15.3902 4.1761 15.2449C2.36249 14.9854 1.01463 13.6375 0.755052 11.8239C0.60981 10.8091 0.5 9.53454 0.5 8C0.5 6.46546 0.60981 5.19089 0.755052 4.1761Z',
         indicator: 'M8 0.5C8.94244 0.5 9.78681 0.541419 10.5331 0.607021C10.8135 3.15974 12.8403 5.18653 15.393 5.46686C15.4586 6.21319 15.5 7.05756 15.5 8C15.5 9.53454 15.3902 10.8091 15.2449 11.8239C14.9854 13.6375 13.6375 14.9854 11.8239 15.2449C10.8091 15.3902 9.53454 15.5 8 15.5C6.46546 15.5 5.19089 15.3902 4.1761 15.2449C2.36249 14.9854 1.01463 13.6375 0.755052 11.8239C0.60981 10.8091 0.5 9.53454 0.5 8C0.5 6.46546 0.60981 5.19089 0.755052 4.1761C1.01463 2.36249 2.36249 1.01463 4.1761 0.755052C5.19089 0.60981 6.46546 0.5 8 0.5Z',
@@ -64,7 +62,7 @@ var borderPaths = {
         topBottom: 'M86.1067 1.51027C87.9294 1.68414 89.3852 2.75142 90.3532 4.27891C91.3246 5.81168 91.7861 7.78459 91.6079 9.6859C91.5365 10.4478 91.5 11.2197 91.5 12C91.5 25.531 102.469 36.5 116 36.5C116.78 36.5 117.552 36.4635 118.314 36.3921C120.215 36.2139 122.188 36.6754 123.721 37.6468C125.249 38.6148 126.316 40.0706 126.49 41.8933C127.104 48.3376 127.5 55.7064 127.5 64C127.5 72.2936 127.104 79.6625 126.49 86.1067C126.316 87.9294 125.249 89.3852 123.721 90.3532C122.188 91.3246 120.215 91.7861 118.314 91.6079C117.552 91.5365 116.78 91.5 116 91.5C102.469 91.5 91.5 102.469 91.5 116C91.5 116.78 91.5365 117.552 91.6079 118.314C91.7861 120.215 91.3246 122.188 90.3532 123.721C89.3852 125.249 87.9294 126.316 86.1067 126.49C79.6625 127.104 72.2936 127.5 64 127.5C51.5561 127.5 41.1938 126.609 32.9129 125.424C16.8649 123.127 4.87261 111.135 2.57572 95.0871C1.39052 86.8062 0.5 76.4439 0.5 64C0.5 51.5561 1.39052 41.1938 2.57572 32.9129C4.87261 16.8649 16.8649 4.87261 32.9129 2.57572C41.1938 1.39052 51.5561 0.5 64 0.5C72.2936 0.5 79.6625 0.895557 86.1067 1.51027Z',
     },
 };
-var shapePaths = {
+const shapePaths = {
     16: {
         none: 'M0.260096 4.10526C0.551141 2.07177 2.07177 0.551141 4.10526 0.260096C5.14327 0.11153 6.44152 0 8 0C9.55848 0 10.8567 0.11153 11.8947 0.260096C13.9282 0.551141 15.4489 2.07177 15.7399 4.10526C15.8885 5.14327 16 6.44152 16 8C16 9.55848 15.8885 10.8567 15.7399 11.8947C15.4489 13.9282 13.9282 15.4489 11.8947 15.7399C10.8567 15.8885 9.55848 16 8 16C6.44152 16 5.14327 15.8885 4.10526 15.7399C2.07177 15.4489 0.551141 13.9282 0.260096 11.8947C0.11153 10.8567 0 9.55848 0 8C0 6.44152 0.11153 5.14327 0.260096 4.10526Z',
         indicator: 'M11.0022 0.149864C10.1407 0.059673 9.13997 0 8 0C6.44152 0 5.14327 0.11153 4.10526 0.260096C2.07177 0.551141 0.551141 2.07177 0.260096 4.10526C0.11153 5.14327 0 6.44152 0 8C0 9.55848 0.11153 10.8567 0.260096 11.8947C0.551141 13.9282 2.07177 15.4489 4.10526 15.7399C5.14327 15.8885 6.44152 16 8 16C9.55848 16 10.8567 15.8885 11.8947 15.7399C13.9282 15.4489 15.4489 13.9282 15.7399 11.8947C15.8885 10.8567 16 9.55848 16 8C16 6.86003 15.9403 5.8593 15.8501 4.9978C13.2078 4.92001 11.08 2.79219 11.0022 0.149864Z',
@@ -128,11 +126,9 @@ var shapePaths = {
         none: 'M2.08077 32.8421C4.40913 16.5742 16.5742 4.40913 32.8421 2.08077C41.1462 0.892237 51.5321 0 64 0C76.4679 0 86.8538 0.892237 95.1579 2.08077C111.426 4.40913 123.591 16.5742 125.919 32.8421C127.108 41.1462 128 51.5321 128 64C128 76.4679 127.108 86.8538 125.919 95.1579C123.591 111.426 111.426 123.591 95.1579 125.919C86.8538 127.108 76.4679 128 64 128C51.5321 128 41.1462 127.108 32.8421 125.919C16.5742 123.591 4.40913 111.426 2.08077 95.1579C0.892237 86.8538 0 76.4679 0 64C0 51.5321 0.892238 41.1462 2.08077 32.8421Z',
     },
 };
-var pathsMap = {
+const pathsMap = {
     shape: shapePaths,
     border: borderPaths,
 };
 
-exports.borderPaths = borderPaths;
-exports.pathsMap = pathsMap;
-exports.shapePaths = shapePaths;
+export { borderPaths, pathsMap, shapePaths };

package/icon-view/cssm/no-shape/index.js

@@ -1,7 +1,8 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var components_noShape_component = require('../components/no-shape/component.js');
-
-
-
-exports.NoShape = components_noShape_component.NoShape;
+export { NoShape } from '../components/no-shape/component.js';
+import 'react';
+import '../components/base-shape/component.js';
+import 'classnames';
+import '@alfalab/hooks';
+import '../components/base-shape/utils.js';
+import '../components/base-shape/index.module.css';
+import '../components/no-shape/paths.js';

package/icon-view/cssm/rectangle/index.js

@@ -1,7 +1,8 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var components_rectangle_component = require('../components/rectangle/component.js');
-
-
-
-exports.Rectangle = components_rectangle_component.Rectangle;
+export { Rectangle } from '../components/rectangle/component.js';
+import 'react';
+import '../components/base-shape/component.js';
+import 'classnames';
+import '@alfalab/hooks';
+import '../components/base-shape/utils.js';
+import '../components/base-shape/index.module.css';
+import '../components/rectangle/paths.js';

package/icon-view/cssm/super-ellipse/index.js

@@ -1,7 +1,8 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var components_superEllipse_component = require('../components/super-ellipse/component.js');
-
-
-
-exports.SuperEllipse = components_superEllipse_component.SuperEllipse;
+export { SuperEllipse } from '../components/super-ellipse/component.js';
+import 'react';
+import '../components/base-shape/component.js';
+import 'classnames';
+import '@alfalab/hooks';
+import '../components/base-shape/utils.js';
+import '../components/base-shape/index.module.css';
+import '../components/super-ellipse/paths.js';

package/icon-view/esm/components/base-shape/component.js

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import { useImageLoadingState, useId } from '@alfalab/hooks';
 import { getPath } from './utils.js';
 
-var styles = {"componentWrapper":"icon-view__componentWrapper_19x5k","component":"icon-view__component_19x5k","bg":"icon-view__bg_19x5k","border":"icon-view__border_19x5k","text":"icon-view__text_19x5k","children":"icon-view__children_19x5k","addons":"icon-view__addons_19x5k","size_128":"icon-view__size_128_19x5k","topAddons":"icon-view__topAddons_19x5k","bottomAddons":"icon-view__bottomAddons_19x5k","size_80":"icon-view__size_80_19x5k","indicator":"icon-view__indicator_19x5k","size_64":"icon-view__size_64_19x5k","size_56":"icon-view__size_56_19x5k","size_48":"icon-view__size_48_19x5k","size_40":"icon-view__size_40_19x5k","size_32":"icon-view__size_32_19x5k","size_24":"icon-view__size_24_19x5k","size_20":"icon-view__size_20_19x5k","size_16":"icon-view__size_16_19x5k","size-16":"icon-view__size-16_19x5k","size-20":"icon-view__size-20_19x5k","size-24":"icon-view__size-24_19x5k","size-32":"icon-view__size-32_19x5k","size-40":"icon-view__size-40_19x5k","size-48":"icon-view__size-48_19x5k","size-56":"icon-view__size-56_19x5k","size-64":"icon-view__size-64_19x5k","size-80":"icon-view__size-80_19x5k","size-128":"icon-view__size-128_19x5k"};
+var styles = {"componentWrapper":"icon-view__componentWrapper_10g9p","component":"icon-view__component_10g9p","bg":"icon-view__bg_10g9p","border":"icon-view__border_10g9p","text":"icon-view__text_10g9p","children":"icon-view__children_10g9p","addons":"icon-view__addons_10g9p","size_128":"icon-view__size_128_10g9p","topAddons":"icon-view__topAddons_10g9p","bottomAddons":"icon-view__bottomAddons_10g9p","size_80":"icon-view__size_80_10g9p","indicator":"icon-view__indicator_10g9p","size_64":"icon-view__size_64_10g9p","size_56":"icon-view__size_56_10g9p","size_48":"icon-view__size_48_10g9p","size_40":"icon-view__size_40_10g9p","size_32":"icon-view__size_32_10g9p","size_24":"icon-view__size_24_10g9p","size_20":"icon-view__size_20_10g9p","size_16":"icon-view__size_16_10g9p","size-16":"icon-view__size-16_10g9p","size-20":"icon-view__size-20_10g9p","size-24":"icon-view__size-24_10g9p","size-32":"icon-view__size-32_10g9p","size-40":"icon-view__size-40_10g9p","size-48":"icon-view__size-48_10g9p","size-56":"icon-view__size-56_10g9p","size-64":"icon-view__size-64_10g9p","size-80":"icon-view__size-80_10g9p","size-128":"icon-view__size-128_10g9p"};
 require('./index.css');
 
 var BaseShape = forwardRef(function (_a, ref) {

package/icon-view/esm/components/base-shape/index.css

@@ -20,26 +20,26 @@
 } :root {
     --icon-view-color: var(--color-light-neutral-translucent-700);
     --icon-view-bg-color: var(--color-light-neutral-100);
-} .icon-view__componentWrapper_19x5k {
+} .icon-view__componentWrapper_10g9p {
     position: relative;
     display: inline-flex;
     align-items: center;
     justify-content: center;
-} .icon-view__component_19x5k {
+} .icon-view__component_10g9p {
     position: relative;
     overflow: hidden;
     width: 100%;
     height: 100%;
     color: var(--icon-view-color)
-} .icon-view__component_19x5k > svg {
+} .icon-view__component_10g9p > svg {
         vertical-align: top;
-    } .icon-view__bg_19x5k {
+    } .icon-view__bg_10g9p {
     fill: var(--icon-view-bg-color);
-} .icon-view__border_19x5k {
+} .icon-view__border_10g9p {
     stroke: var(--color-light-neutral-translucent-200);
     stroke-width: 1px;
     fill: transparent;
-} .icon-view__text_19x5k {
+} .icon-view__text_10g9p {
     display: flex;
     justify-content: center;
     align-items: center;
@@ -50,7 +50,7 @@
     top: 0;
     overflow: hidden;
     text-align: center;
-} .icon-view__children_19x5k {
+} .icon-view__children_10g9p {
     display: flex;
     justify-content: center;
     align-items: center;
@@ -59,185 +59,185 @@
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%)
-} .icon-view__children_19x5k svg,
-    .icon-view__children_19x5k .cc-cdn-icon {
+} .icon-view__children_10g9p svg,
+    .icon-view__children_10g9p .cc-cdn-icon {
         width: 100%;
         height: 100%;
-    } .icon-view__addons_19x5k {
+    } .icon-view__addons_10g9p {
     display: flex;
     align-items: center;
     flex-shrink: 0;
     position: absolute;
     line-height: 0;
-} .icon-view__size_128_19x5k {
+} .icon-view__size_128_10g9p {
     width: 128px;
     height: 128px
-} .icon-view__size_128_19x5k .icon-view__children_19x5k {
+} .icon-view__size_128_10g9p .icon-view__children_10g9p {
         width: 64px;
         height: 64px;
-    } .icon-view__size_128_19x5k .icon-view__addons_19x5k {
+    } .icon-view__size_128_10g9p .icon-view__addons_10g9p {
         width: 40px;
         height: 40px;
-    } .icon-view__size_128_19x5k .icon-view__topAddons_19x5k {
+    } .icon-view__size_128_10g9p .icon-view__topAddons_10g9p {
         top: -8px;
         right: -8px;
-    } .icon-view__size_128_19x5k .icon-view__bottomAddons_19x5k {
+    } .icon-view__size_128_10g9p .icon-view__bottomAddons_10g9p {
         bottom: -8px;
         right: -8px;
-    } .icon-view__size_80_19x5k {
+    } .icon-view__size_80_10g9p {
     width: 80px;
     height: 80px
-} .icon-view__size_80_19x5k .icon-view__children_19x5k {
+} .icon-view__size_80_10g9p .icon-view__children_10g9p {
         width: 48px;
         height: 48px;
-    } .icon-view__size_80_19x5k .icon-view__addons_19x5k {
+    } .icon-view__size_80_10g9p .icon-view__addons_10g9p {
         width: 24px;
         height: 24px;
-    } .icon-view__size_80_19x5k .icon-view__topAddons_19x5k {
+    } .icon-view__size_80_10g9p .icon-view__topAddons_10g9p {
         top: -3px;
         right: -3px;
-    } .icon-view__size_80_19x5k .icon-view__bottomAddons_19x5k {
+    } .icon-view__size_80_10g9p .icon-view__bottomAddons_10g9p {
         bottom: -3px;
         right: -3px;
-    } .icon-view__size_80_19x5k .icon-view__indicator_19x5k {
+    } .icon-view__size_80_10g9p .icon-view__indicator_10g9p {
         top: -6px;
         right: -14px;
-    } .icon-view__size_64_19x5k {
+    } .icon-view__size_64_10g9p {
     width: 64px;
     height: 64px
-} .icon-view__size_64_19x5k .icon-view__children_19x5k {
+} .icon-view__size_64_10g9p .icon-view__children_10g9p {
         width: 32px;
         height: 32px;
-    } .icon-view__size_64_19x5k .icon-view__addons_19x5k {
+    } .icon-view__size_64_10g9p .icon-view__addons_10g9p {
         width: 24px;
         height: 24px;
-    } .icon-view__size_64_19x5k .icon-view__topAddons_19x5k {
+    } .icon-view__size_64_10g9p .icon-view__topAddons_10g9p {
         top: -7px;
         right: -7px;
-    } .icon-view__size_64_19x5k .icon-view__bottomAddons_19x5k {
+    } .icon-view__size_64_10g9p .icon-view__bottomAddons_10g9p {
         bottom: -7px;
         right: -7px;
-    } .icon-view__size_64_19x5k .icon-view__indicator_19x5k {
+    } .icon-view__size_64_10g9p .icon-view__indicator_10g9p {
         top: -8px;
         right: -16px;
-    } .icon-view__size_56_19x5k {
+    } .icon-view__size_56_10g9p {
     width: 56px;
     height: 56px
-} .icon-view__size_56_19x5k .icon-view__children_19x5k {
+} .icon-view__size_56_10g9p .icon-view__children_10g9p {
         width: 40px;
         height: 40px;
-    } .icon-view__size_56_19x5k .icon-view__addons_19x5k {
+    } .icon-view__size_56_10g9p .icon-view__addons_10g9p {
         width: 20px;
         height: 20px;
-    } .icon-view__size_56_19x5k .icon-view__topAddons_19x5k {
+    } .icon-view__size_56_10g9p .icon-view__topAddons_10g9p {
         top: -8px;
         right: -6px;
-    } .icon-view__size_56_19x5k .icon-view__bottomAddons_19x5k {
+    } .icon-view__size_56_10g9p .icon-view__bottomAddons_10g9p {
         bottom: -8px;
         right: -6px;
-    } .icon-view__size_56_19x5k .icon-view__indicator_19x5k {
+    } .icon-view__size_56_10g9p .icon-view__indicator_10g9p {
         top: -6px;
         right: -12px;
-    } .icon-view__size_48_19x5k {
+    } .icon-view__size_48_10g9p {
     width: 48px;
     height: 48px
-} .icon-view__size_48_19x5k .icon-view__children_19x5k {
+} .icon-view__size_48_10g9p .icon-view__children_10g9p {
         width: 24px;
         height: 24px;
-    } .icon-view__size_48_19x5k .icon-view__addons_19x5k {
+    } .icon-view__size_48_10g9p .icon-view__addons_10g9p {
         width: 20px;
         height: 20px;
-    } .icon-view__size_48_19x5k .icon-view__topAddons_19x5k {
+    } .icon-view__size_48_10g9p .icon-view__topAddons_10g9p {
         top: -7px;
         right: -7px;
-    } .icon-view__size_48_19x5k .icon-view__bottomAddons_19x5k {
+    } .icon-view__size_48_10g9p .icon-view__bottomAddons_10g9p {
         bottom: -7px;
         right: -7px;
-    } .icon-view__size_48_19x5k .icon-view__indicator_19x5k {
+    } .icon-view__size_48_10g9p .icon-view__indicator_10g9p {
         top: -7px;
         right: -13px;
-    } .icon-view__size_40_19x5k {
+    } .icon-view__size_40_10g9p {
     width: 40px;
     height: 40px
-} .icon-view__size_40_19x5k .icon-view__children_19x5k {
+} .icon-view__size_40_10g9p .icon-view__children_10g9p {
         width: 24px;
         height: 24px;
-    } .icon-view__size_40_19x5k .icon-view__addons_19x5k {
+    } .icon-view__size_40_10g9p .icon-view__addons_10g9p {
         width: 20px;
         height: 20px;
-    } .icon-view__size_40_19x5k .icon-view__topAddons_19x5k {
+    } .icon-view__size_40_10g9p .icon-view__topAddons_10g9p {
         top: -7px;
         right: -7px;
-    } .icon-view__size_40_19x5k .icon-view__bottomAddons_19x5k {
+    } .icon-view__size_40_10g9p .icon-view__bottomAddons_10g9p {
         bottom: -7px;
         right: -7px;
-    } .icon-view__size_40_19x5k .icon-view__indicator_19x5k {
+    } .icon-view__size_40_10g9p .icon-view__indicator_10g9p {
         top: -7px;
         right: -13px;
-    } .icon-view__size_32_19x5k {
+    } .icon-view__size_32_10g9p {
     width: 32px;
     height: 32px
-} .icon-view__size_32_19x5k .icon-view__children_19x5k {
+} .icon-view__size_32_10g9p .icon-view__children_10g9p {
         width: 24px;
         height: 24px;
-    } .icon-view__size_32_19x5k .icon-view__indicator_19x5k {
+    } .icon-view__size_32_10g9p .icon-view__indicator_10g9p {
         top: -2px;
         right: -2px;
-    } .icon-view__size_24_19x5k {
+    } .icon-view__size_24_10g9p {
     width: 24px;
     height: 24px
-} .icon-view__size_24_19x5k .icon-view__children_19x5k {
+} .icon-view__size_24_10g9p .icon-view__children_10g9p {
         width: 24px;
         height: 24px;
-    } .icon-view__size_24_19x5k .icon-view__indicator_19x5k {
+    } .icon-view__size_24_10g9p .icon-view__indicator_10g9p {
         top: -2px;
         right: -2px;
-    } .icon-view__size_20_19x5k {
+    } .icon-view__size_20_10g9p {
     width: 20px;
     height: 20px
-} .icon-view__size_20_19x5k .icon-view__children_19x5k {
+} .icon-view__size_20_10g9p .icon-view__children_10g9p {
         width: 16px;
         height: 16px;
-    } .icon-view__size_20_19x5k .icon-view__indicator_19x5k {
+    } .icon-view__size_20_10g9p .icon-view__indicator_10g9p {
         top: -3px;
         right: -3px;
-    } .icon-view__size_16_19x5k {
+    } .icon-view__size_16_10g9p {
     width: 16px;
     height: 16px
-} .icon-view__size_16_19x5k .icon-view__children_19x5k {
+} .icon-view__size_16_10g9p .icon-view__children_10g9p {
         width: 16px;
         height: 16px;
-    } .icon-view__size_16_19x5k .icon-view__indicator_19x5k {
+    } .icon-view__size_16_10g9p .icon-view__indicator_10g9p {
         top: -4px;
         right: -4px;
-    } /* prettier-ignore */ .icon-view__children_19x5k.icon-view__size-16_19x5k {
+    } /* prettier-ignore */ .icon-view__children_10g9p.icon-view__size-16_10g9p {
             width: 16px;
             height: 16px;
-        } .icon-view__children_19x5k.icon-view__size-20_19x5k {
+        } .icon-view__children_10g9p.icon-view__size-20_10g9p {
             width: 20px;
             height: 20px;
-        } .icon-view__children_19x5k.icon-view__size-24_19x5k {
+        } .icon-view__children_10g9p.icon-view__size-24_10g9p {
             width: 24px;
             height: 24px;
-        } .icon-view__children_19x5k.icon-view__size-32_19x5k {
+        } .icon-view__children_10g9p.icon-view__size-32_10g9p {
             width: 32px;
             height: 32px;
-        } .icon-view__children_19x5k.icon-view__size-40_19x5k {
+        } .icon-view__children_10g9p.icon-view__size-40_10g9p {
             width: 40px;
             height: 40px;
-        } .icon-view__children_19x5k.icon-view__size-48_19x5k {
+        } .icon-view__children_10g9p.icon-view__size-48_10g9p {
             width: 48px;
             height: 48px;
-        } .icon-view__children_19x5k.icon-view__size-56_19x5k {
+        } .icon-view__children_10g9p.icon-view__size-56_10g9p {
             width: 56px;
             height: 56px;
-        } .icon-view__children_19x5k.icon-view__size-64_19x5k {
+        } .icon-view__children_10g9p.icon-view__size-64_10g9p {
             width: 64px;
             height: 64px;
-        } .icon-view__children_19x5k.icon-view__size-80_19x5k {
+        } .icon-view__children_10g9p.icon-view__size-80_10g9p {
             width: 80px;
             height: 80px;
-        } .icon-view__children_19x5k.icon-view__size-128_19x5k {
+        } .icon-view__children_10g9p.icon-view__size-128_10g9p {
             width: 128px;
             height: 128px;
         }

package/icon-view/modern/components/base-shape/component.js

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import { useImageLoadingState, useId } from '@alfalab/hooks';
 import { getPath } from './utils.js';
 
-const styles = {"componentWrapper":"icon-view__componentWrapper_19x5k","component":"icon-view__component_19x5k","bg":"icon-view__bg_19x5k","border":"icon-view__border_19x5k","text":"icon-view__text_19x5k","children":"icon-view__children_19x5k","addons":"icon-view__addons_19x5k","size_128":"icon-view__size_128_19x5k","topAddons":"icon-view__topAddons_19x5k","bottomAddons":"icon-view__bottomAddons_19x5k","size_80":"icon-view__size_80_19x5k","indicator":"icon-view__indicator_19x5k","size_64":"icon-view__size_64_19x5k","size_56":"icon-view__size_56_19x5k","size_48":"icon-view__size_48_19x5k","size_40":"icon-view__size_40_19x5k","size_32":"icon-view__size_32_19x5k","size_24":"icon-view__size_24_19x5k","size_20":"icon-view__size_20_19x5k","size_16":"icon-view__size_16_19x5k","size-16":"icon-view__size-16_19x5k","size-20":"icon-view__size-20_19x5k","size-24":"icon-view__size-24_19x5k","size-32":"icon-view__size-32_19x5k","size-40":"icon-view__size-40_19x5k","size-48":"icon-view__size-48_19x5k","size-56":"icon-view__size-56_19x5k","size-64":"icon-view__size-64_19x5k","size-80":"icon-view__size-80_19x5k","size-128":"icon-view__size-128_19x5k"};
+const styles = {"componentWrapper":"icon-view__componentWrapper_10g9p","component":"icon-view__component_10g9p","bg":"icon-view__bg_10g9p","border":"icon-view__border_10g9p","text":"icon-view__text_10g9p","children":"icon-view__children_10g9p","addons":"icon-view__addons_10g9p","size_128":"icon-view__size_128_10g9p","topAddons":"icon-view__topAddons_10g9p","bottomAddons":"icon-view__bottomAddons_10g9p","size_80":"icon-view__size_80_10g9p","indicator":"icon-view__indicator_10g9p","size_64":"icon-view__size_64_10g9p","size_56":"icon-view__size_56_10g9p","size_48":"icon-view__size_48_10g9p","size_40":"icon-view__size_40_10g9p","size_32":"icon-view__size_32_10g9p","size_24":"icon-view__size_24_10g9p","size_20":"icon-view__size_20_10g9p","size_16":"icon-view__size_16_10g9p","size-16":"icon-view__size-16_10g9p","size-20":"icon-view__size-20_10g9p","size-24":"icon-view__size-24_10g9p","size-32":"icon-view__size-32_10g9p","size-40":"icon-view__size-40_10g9p","size-48":"icon-view__size-48_10g9p","size-56":"icon-view__size-56_10g9p","size-64":"icon-view__size-64_10g9p","size-80":"icon-view__size-80_10g9p","size-128":"icon-view__size-128_10g9p"};
 require('./index.css');
 
 const BaseShape = forwardRef(({ size = 64, border = false, backgroundColor, imageUrl, backgroundIcon: Icon, className, shapeClassName, text, children, topAddons, bottomAddons, indicator, pathsMap, dataTestId, mainSize, iconContainerClassName, }, ref) => {