@alfalab/core-components 24.0.0 → 24.1.0

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

@@ -9,11 +9,11 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"componentWrapper":"icon-view__componentWrapper_13su5","component":"icon-view__component_13su5","border":"icon-view__border_13su5","children":"icon-view__children_13su5","addons":"icon-view__addons_13su5","size_48":"icon-view__size_48_13su5","topAddons":"icon-view__topAddons_13su5","bottomAddons":"icon-view__bottomAddons_13su5","size_64":"icon-view__size_64_13su5","size_80":"icon-view__size_80_13su5","size_128":"icon-view__size_128_13su5"};
+var styles = {"componentWrapper":"icon-view__componentWrapper_2obtu","component":"icon-view__component_2obtu","bg":"icon-view__bg_2obtu","border":"icon-view__border_2obtu","children":"icon-view__children_2obtu","addons":"icon-view__addons_2obtu","size_48":"icon-view__size_48_2obtu","topAddons":"icon-view__topAddons_2obtu","bottomAddons":"icon-view__bottomAddons_2obtu","size_64":"icon-view__size_64_2obtu","size_80":"icon-view__size_80_2obtu","size_128":"icon-view__size_128_2obtu"};
 require('./index.css');
 
 var BaseShape = React.forwardRef(function (_a, ref) {
-    var _b = _a.size, size = _b === void 0 ? 64 : _b, _c = _a.border, border = _c === void 0 ? false : _c, _d = _a.backgroundColor, backgroundColor = _d === void 0 ? '#f3f4f5' : _d, imageUrl = _a.imageUrl, className = _a.className, children = _a.children, topAddons = _a.topAddons, bottomAddons = _a.bottomAddons, pathsMap = _a.pathsMap, dataTestId = _a.dataTestId;
+    var _b = _a.size, size = _b === void 0 ? 64 : _b, _c = _a.border, border = _c === void 0 ? false : _c, _d = _a.backgroundColor, backgroundColor = _d === void 0 ? 'var(--color-light-bg-secondary)' : _d, imageUrl = _a.imageUrl, className = _a.className, children = _a.children, topAddons = _a.topAddons, bottomAddons = _a.bottomAddons, pathsMap = _a.pathsMap, dataTestId = _a.dataTestId;
     var imagePatternId = imageUrl && imageUrl.replace(/[^a-z]+/g, '') + "_" + size;
     var hasTopAddons = Boolean(topAddons);
     var hasBottomAddons = Boolean(bottomAddons);
@@ -24,7 +24,9 @@ var BaseShape = React.forwardRef(function (_a, ref) {
         React__default['default'].createElement("div", { className: styles.component },
             React__default['default'].createElement("svg", { width: size, height: size, viewBox: "0 0 " + size + " " + size, xmlns: 'http://www.w3.org/2000/svg', focusable: false },
                 imagePattern,
-                React__default['default'].createElement("path", { fill: imagePatternId ? "url(#" + imagePatternId + ")" : backgroundColor, d: components_baseShape_utils.getPath({
+                React__default['default'].createElement("path", { className: styles.bg, style: {
+                        fill: imagePatternId ? "url(#" + imagePatternId + ")" : backgroundColor,
+                    }, d: components_baseShape_utils.getPath({
                         size: size,
                         hasTopAddons: hasTopAddons,
                         hasBottomAddons: hasBottomAddons,

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

@@ -11,21 +11,24 @@
 
     /* Hard up */
 }
-.icon-view__componentWrapper_13su5 {
+.icon-view__componentWrapper_2obtu {
     position: relative;
     display: inline-flex;
 }
-.icon-view__component_13su5 {
+.icon-view__component_2obtu {
     display: flex;
     position: relative;
     color: var(--color-light-text-secondary-transparent);
 }
-.icon-view__border_13su5 {
+.icon-view__bg_2obtu {
+    fill: #f3f4f5;
+}
+.icon-view__border_2obtu {
     stroke: var(--color-light-specialbg-component);
     stroke-width: 1px;
     fill: transparent;
 }
-.icon-view__children_13su5 {
+.icon-view__children_2obtu {
     display: flex;
     justify-content: center;
     align-items: center;
@@ -35,82 +38,82 @@
     left: 50%;
     transform: translate(-50%, -50%)
 }
-.icon-view__children_13su5 svg {
+.icon-view__children_2obtu svg {
         width: 100%;
         height: 100%;
     }
-.icon-view__addons_13su5 {
+.icon-view__addons_2obtu {
     display: flex;
     justify-content: center;
     align-items: center;
     flex-shrink: 0;
     position: absolute
 }
-.icon-view__addons_13su5 svg {
+.icon-view__addons_2obtu svg {
         width: 100%;
         height: 100%;
     }
-.icon-view__size_48_13su5 .icon-view__children_13su5 {
+.icon-view__size_48_2obtu .icon-view__children_2obtu {
         width: 24px;
         height: 24px;
     }
-.icon-view__size_48_13su5 .icon-view__addons_13su5 {
+.icon-view__size_48_2obtu .icon-view__addons_2obtu {
         width: 18px;
         height: 18px;
     }
-.icon-view__size_48_13su5 .icon-view__topAddons_13su5 {
+.icon-view__size_48_2obtu .icon-view__topAddons_2obtu {
         top: -4px;
         right: -4px;
     }
-.icon-view__size_48_13su5 .icon-view__bottomAddons_13su5 {
+.icon-view__size_48_2obtu .icon-view__bottomAddons_2obtu {
         bottom: -4px;
         right: -4px;
     }
-.icon-view__size_64_13su5 .icon-view__children_13su5 {
+.icon-view__size_64_2obtu .icon-view__children_2obtu {
         width: 32px;
         height: 32px;
     }
-.icon-view__size_64_13su5 .icon-view__addons_13su5 {
+.icon-view__size_64_2obtu .icon-view__addons_2obtu {
         width: 18px;
         height: 18px;
     }
-.icon-view__size_64_13su5 .icon-view__topAddons_13su5 {
+.icon-view__size_64_2obtu .icon-view__topAddons_2obtu {
         top: -2px;
         right: -2px;
     }
-.icon-view__size_64_13su5 .icon-view__bottomAddons_13su5 {
+.icon-view__size_64_2obtu .icon-view__bottomAddons_2obtu {
         bottom: -2px;
         right: -2px;
     }
-.icon-view__size_80_13su5 .icon-view__children_13su5 {
+.icon-view__size_80_2obtu .icon-view__children_2obtu {
         width: 48px;
         height: 48px;
     }
-.icon-view__size_80_13su5 .icon-view__addons_13su5 {
+.icon-view__size_80_2obtu .icon-view__addons_2obtu {
         width: 24px;
         height: 24px;
     }
-.icon-view__size_80_13su5 .icon-view__topAddons_13su5 {
+.icon-view__size_80_2obtu .icon-view__topAddons_2obtu {
         top: -4px;
         right: -4px;
     }
-.icon-view__size_80_13su5 .icon-view__bottomAddons_13su5 {
+.icon-view__size_80_2obtu .icon-view__bottomAddons_2obtu {
         bottom: -4px;
         right: -4px;
     }
-.icon-view__size_128_13su5 .icon-view__children_13su5 {
+.icon-view__size_128_2obtu .icon-view__children_2obtu {
         width: 60px;
         height: 60px;
     }
-.icon-view__size_128_13su5 .icon-view__addons_13su5 {
+.icon-view__size_128_2obtu .icon-view__addons_2obtu {
         width: 40px;
         height: 40px;
     }
-.icon-view__size_128_13su5 .icon-view__topAddons_13su5 {
+.icon-view__size_128_2obtu .icon-view__topAddons_2obtu {
         top: -8px;
         right: -8px;
     }
-.icon-view__size_128_13su5 .icon-view__bottomAddons_13su5 {
+.icon-view__size_128_2obtu .icon-view__bottomAddons_2obtu {
         bottom: -8px;
         right: -8px;
     }

package/icon-view/components/circle/component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-08dbac73.js');
+var tslib_es6 = require('../../tslib.es6-4508e622.js');
 var React = require('react');
 var components_circle_paths = require('./paths.js');
 require('classnames');

package/icon-view/components/circle/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-08dbac73.js');
+require('../../tslib.es6-4508e622.js');
 require('react');
 require('./paths.js');
 require('classnames');

package/icon-view/components/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../tslib.es6-08dbac73.js');
+require('../tslib.es6-4508e622.js');
 require('react');
 require('./circle/paths.js');
 require('classnames');

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-08dbac73.js');
+var tslib_es6 = require('../../tslib.es6-4508e622.js');
 var React = require('react');
 require('classnames');
 require('../base-shape/utils.js');

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-08dbac73.js');
+require('../../tslib.es6-4508e622.js');
 require('react');
 require('classnames');
 require('../base-shape/utils.js');

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

@@ -12,7 +12,7 @@ var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 
 var BaseShape = React.forwardRef(function (_a, ref) {
-    var _b = _a.size, size = _b === void 0 ? 64 : _b, _c = _a.border, border = _c === void 0 ? false : _c, _d = _a.backgroundColor, backgroundColor = _d === void 0 ? '#f3f4f5' : _d, imageUrl = _a.imageUrl, className = _a.className, children = _a.children, topAddons = _a.topAddons, bottomAddons = _a.bottomAddons, pathsMap = _a.pathsMap, dataTestId = _a.dataTestId;
+    var _b = _a.size, size = _b === void 0 ? 64 : _b, _c = _a.border, border = _c === void 0 ? false : _c, _d = _a.backgroundColor, backgroundColor = _d === void 0 ? 'var(--color-light-bg-secondary)' : _d, imageUrl = _a.imageUrl, className = _a.className, children = _a.children, topAddons = _a.topAddons, bottomAddons = _a.bottomAddons, pathsMap = _a.pathsMap, dataTestId = _a.dataTestId;
     var imagePatternId = imageUrl && imageUrl.replace(/[^a-z]+/g, '') + "_" + size;
     var hasTopAddons = Boolean(topAddons);
     var hasBottomAddons = Boolean(bottomAddons);
@@ -23,7 +23,9 @@ var BaseShape = React.forwardRef(function (_a, ref) {
         React__default['default'].createElement("div", { className: styles__default['default'].component },
             React__default['default'].createElement("svg", { width: size, height: size, viewBox: "0 0 " + size + " " + size, xmlns: 'http://www.w3.org/2000/svg', focusable: false },
                 imagePattern,
-                React__default['default'].createElement("path", { fill: imagePatternId ? "url(#" + imagePatternId + ")" : backgroundColor, d: components_baseShape_utils.getPath({
+                React__default['default'].createElement("path", { className: styles__default['default'].bg, style: {
+                        fill: imagePatternId ? "url(#" + imagePatternId + ")" : backgroundColor,
+                    }, d: components_baseShape_utils.getPath({
                         size: size,
                         hasTopAddons: hasTopAddons,
                         hasBottomAddons: hasBottomAddons,

package/icon-view/cssm/components/base-shape/index.module.css

@@ -19,6 +19,9 @@
     position: relative;
     color: var(--color-light-text-secondary-transparent);
 }
+.bg {
+    fill: #f3f4f5;
+}
 .border {
     stroke: var(--color-light-specialbg-component);
     stroke-width: 1px;

package/icon-view/esm/circle.js

@@ -1,4 +1,4 @@
-import './tslib.es6-5f456d14.js';
+import './tslib.es6-6a2e1200.js';
 import 'react';
 import './components/circle/paths.js';
 import 'classnames';

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

@@ -2,11 +2,11 @@ import React, { forwardRef } from 'react';
 import cn from 'classnames';
 import { getPath } from './utils.js';
 
-var styles = {"componentWrapper":"icon-view__componentWrapper_13su5","component":"icon-view__component_13su5","border":"icon-view__border_13su5","children":"icon-view__children_13su5","addons":"icon-view__addons_13su5","size_48":"icon-view__size_48_13su5","topAddons":"icon-view__topAddons_13su5","bottomAddons":"icon-view__bottomAddons_13su5","size_64":"icon-view__size_64_13su5","size_80":"icon-view__size_80_13su5","size_128":"icon-view__size_128_13su5"};
+var styles = {"componentWrapper":"icon-view__componentWrapper_2obtu","component":"icon-view__component_2obtu","bg":"icon-view__bg_2obtu","border":"icon-view__border_2obtu","children":"icon-view__children_2obtu","addons":"icon-view__addons_2obtu","size_48":"icon-view__size_48_2obtu","topAddons":"icon-view__topAddons_2obtu","bottomAddons":"icon-view__bottomAddons_2obtu","size_64":"icon-view__size_64_2obtu","size_80":"icon-view__size_80_2obtu","size_128":"icon-view__size_128_2obtu"};
 require('./index.css');
 
 var BaseShape = forwardRef(function (_a, ref) {
-    var _b = _a.size, size = _b === void 0 ? 64 : _b, _c = _a.border, border = _c === void 0 ? false : _c, _d = _a.backgroundColor, backgroundColor = _d === void 0 ? '#f3f4f5' : _d, imageUrl = _a.imageUrl, className = _a.className, children = _a.children, topAddons = _a.topAddons, bottomAddons = _a.bottomAddons, pathsMap = _a.pathsMap, dataTestId = _a.dataTestId;
+    var _b = _a.size, size = _b === void 0 ? 64 : _b, _c = _a.border, border = _c === void 0 ? false : _c, _d = _a.backgroundColor, backgroundColor = _d === void 0 ? 'var(--color-light-bg-secondary)' : _d, imageUrl = _a.imageUrl, className = _a.className, children = _a.children, topAddons = _a.topAddons, bottomAddons = _a.bottomAddons, pathsMap = _a.pathsMap, dataTestId = _a.dataTestId;
     var imagePatternId = imageUrl && imageUrl.replace(/[^a-z]+/g, '') + "_" + size;
     var hasTopAddons = Boolean(topAddons);
     var hasBottomAddons = Boolean(bottomAddons);
@@ -17,7 +17,9 @@ var BaseShape = forwardRef(function (_a, ref) {
         React.createElement("div", { className: styles.component },
             React.createElement("svg", { width: size, height: size, viewBox: "0 0 " + size + " " + size, xmlns: 'http://www.w3.org/2000/svg', focusable: false },
                 imagePattern,
-                React.createElement("path", { fill: imagePatternId ? "url(#" + imagePatternId + ")" : backgroundColor, d: getPath({
+                React.createElement("path", { className: styles.bg, style: {
+                        fill: imagePatternId ? "url(#" + imagePatternId + ")" : backgroundColor,
+                    }, d: getPath({
                         size: size,
                         hasTopAddons: hasTopAddons,
                         hasBottomAddons: hasBottomAddons,

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

@@ -11,21 +11,24 @@
 
     /* Hard up */
 }
-.icon-view__componentWrapper_13su5 {
+.icon-view__componentWrapper_2obtu {
     position: relative;
     display: inline-flex;
 }
-.icon-view__component_13su5 {
+.icon-view__component_2obtu {
     display: flex;
     position: relative;
     color: var(--color-light-text-secondary-transparent);
 }
-.icon-view__border_13su5 {
+.icon-view__bg_2obtu {
+    fill: #f3f4f5;
+}
+.icon-view__border_2obtu {
     stroke: var(--color-light-specialbg-component);
     stroke-width: 1px;
     fill: transparent;
 }
-.icon-view__children_13su5 {
+.icon-view__children_2obtu {
     display: flex;
     justify-content: center;
     align-items: center;
@@ -35,82 +38,82 @@
     left: 50%;
     transform: translate(-50%, -50%)
 }
-.icon-view__children_13su5 svg {
+.icon-view__children_2obtu svg {
         width: 100%;
         height: 100%;
     }
-.icon-view__addons_13su5 {
+.icon-view__addons_2obtu {
     display: flex;
     justify-content: center;
     align-items: center;
     flex-shrink: 0;
     position: absolute
 }
-.icon-view__addons_13su5 svg {
+.icon-view__addons_2obtu svg {
         width: 100%;
         height: 100%;
     }
-.icon-view__size_48_13su5 .icon-view__children_13su5 {
+.icon-view__size_48_2obtu .icon-view__children_2obtu {
         width: 24px;
         height: 24px;
     }
-.icon-view__size_48_13su5 .icon-view__addons_13su5 {
+.icon-view__size_48_2obtu .icon-view__addons_2obtu {
         width: 18px;
         height: 18px;
     }
-.icon-view__size_48_13su5 .icon-view__topAddons_13su5 {
+.icon-view__size_48_2obtu .icon-view__topAddons_2obtu {
         top: -4px;
         right: -4px;
     }
-.icon-view__size_48_13su5 .icon-view__bottomAddons_13su5 {
+.icon-view__size_48_2obtu .icon-view__bottomAddons_2obtu {
         bottom: -4px;
         right: -4px;
     }
-.icon-view__size_64_13su5 .icon-view__children_13su5 {
+.icon-view__size_64_2obtu .icon-view__children_2obtu {
         width: 32px;
         height: 32px;
     }
-.icon-view__size_64_13su5 .icon-view__addons_13su5 {
+.icon-view__size_64_2obtu .icon-view__addons_2obtu {
         width: 18px;
         height: 18px;
     }
-.icon-view__size_64_13su5 .icon-view__topAddons_13su5 {
+.icon-view__size_64_2obtu .icon-view__topAddons_2obtu {
         top: -2px;
         right: -2px;
     }
-.icon-view__size_64_13su5 .icon-view__bottomAddons_13su5 {
+.icon-view__size_64_2obtu .icon-view__bottomAddons_2obtu {
         bottom: -2px;
         right: -2px;
     }
-.icon-view__size_80_13su5 .icon-view__children_13su5 {
+.icon-view__size_80_2obtu .icon-view__children_2obtu {
         width: 48px;
         height: 48px;
     }
-.icon-view__size_80_13su5 .icon-view__addons_13su5 {
+.icon-view__size_80_2obtu .icon-view__addons_2obtu {
         width: 24px;
         height: 24px;
     }
-.icon-view__size_80_13su5 .icon-view__topAddons_13su5 {
+.icon-view__size_80_2obtu .icon-view__topAddons_2obtu {
         top: -4px;
         right: -4px;
     }
-.icon-view__size_80_13su5 .icon-view__bottomAddons_13su5 {
+.icon-view__size_80_2obtu .icon-view__bottomAddons_2obtu {
         bottom: -4px;
         right: -4px;
     }
-.icon-view__size_128_13su5 .icon-view__children_13su5 {
+.icon-view__size_128_2obtu .icon-view__children_2obtu {
         width: 60px;
         height: 60px;
     }
-.icon-view__size_128_13su5 .icon-view__addons_13su5 {
+.icon-view__size_128_2obtu .icon-view__addons_2obtu {
         width: 40px;
         height: 40px;
     }
-.icon-view__size_128_13su5 .icon-view__topAddons_13su5 {
+.icon-view__size_128_2obtu .icon-view__topAddons_2obtu {
         top: -8px;
         right: -8px;
     }
-.icon-view__size_128_13su5 .icon-view__bottomAddons_13su5 {
+.icon-view__size_128_2obtu .icon-view__bottomAddons_2obtu {
         bottom: -8px;
         right: -8px;
     }

package/icon-view/esm/components/circle/component.js

@@ -1,4 +1,4 @@
-import { _ as __assign } from '../../tslib.es6-5f456d14.js';
+import { _ as __assign } from '../../tslib.es6-6a2e1200.js';
 import React, { forwardRef } from 'react';
 import { pathsMap } from './paths.js';
 import 'classnames';

package/icon-view/esm/components/circle/index.js

@@ -1,4 +1,4 @@
-import '../../tslib.es6-5f456d14.js';
+import '../../tslib.es6-6a2e1200.js';
 import 'react';
 import './paths.js';
 import 'classnames';

package/icon-view/esm/components/index.js

@@ -1,4 +1,4 @@
-import '../tslib.es6-5f456d14.js';
+import '../tslib.es6-6a2e1200.js';
 import 'react';
 import './circle/paths.js';
 import 'classnames';

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

@@ -1,4 +1,4 @@
-import { _ as __assign } from '../../tslib.es6-5f456d14.js';
+import { _ as __assign } from '../../tslib.es6-6a2e1200.js';
 import React, { forwardRef } from 'react';
 import 'classnames';
 import '../base-shape/utils.js';

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

@@ -1,4 +1,4 @@
-import '../../tslib.es6-5f456d14.js';
+import '../../tslib.es6-6a2e1200.js';
 import 'react';
 import 'classnames';
 import '../base-shape/utils.js';

package/icon-view/esm/super-ellipse.js

@@ -1,4 +1,4 @@
-import './tslib.es6-5f456d14.js';
+import './tslib.es6-6a2e1200.js';
 import 'react';
 import 'classnames';
 import './components/base-shape/utils.js';

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

@@ -2,10 +2,10 @@ import React, { forwardRef } from 'react';
 import cn from 'classnames';
 import { getPath } from './utils.js';
 
-var styles = {"componentWrapper":"icon-view__componentWrapper_13su5","component":"icon-view__component_13su5","border":"icon-view__border_13su5","children":"icon-view__children_13su5","addons":"icon-view__addons_13su5","size_48":"icon-view__size_48_13su5","topAddons":"icon-view__topAddons_13su5","bottomAddons":"icon-view__bottomAddons_13su5","size_64":"icon-view__size_64_13su5","size_80":"icon-view__size_80_13su5","size_128":"icon-view__size_128_13su5"};
+var styles = {"componentWrapper":"icon-view__componentWrapper_2obtu","component":"icon-view__component_2obtu","bg":"icon-view__bg_2obtu","border":"icon-view__border_2obtu","children":"icon-view__children_2obtu","addons":"icon-view__addons_2obtu","size_48":"icon-view__size_48_2obtu","topAddons":"icon-view__topAddons_2obtu","bottomAddons":"icon-view__bottomAddons_2obtu","size_64":"icon-view__size_64_2obtu","size_80":"icon-view__size_80_2obtu","size_128":"icon-view__size_128_2obtu"};
 require('./index.css');
 
-const BaseShape = forwardRef(({ size = 64, border = false, backgroundColor = '#f3f4f5', imageUrl, className, children, topAddons, bottomAddons, pathsMap, dataTestId, }, ref) => {
+const BaseShape = forwardRef(({ size = 64, border = false, backgroundColor = 'var(--color-light-bg-secondary)', imageUrl, className, children, topAddons, bottomAddons, pathsMap, dataTestId, }, ref) => {
     const imagePatternId = imageUrl && `${imageUrl.replace(/[^a-z]+/g, '')}_${size}`;
     const hasTopAddons = Boolean(topAddons);
     const hasBottomAddons = Boolean(bottomAddons);
@@ -16,7 +16,9 @@ const BaseShape = forwardRef(({ size = 64, border = false, backgroundColor = '#f
         React.createElement("div", { className: styles.component },
             React.createElement("svg", { width: size, height: size, viewBox: `0 0 ${size} ${size}`, xmlns: 'http://www.w3.org/2000/svg', focusable: false },
                 imagePattern,
-                React.createElement("path", { fill: imagePatternId ? `url(#${imagePatternId})` : backgroundColor, d: getPath({
+                React.createElement("path", { className: styles.bg, style: {
+                        fill: imagePatternId ? `url(#${imagePatternId})` : backgroundColor,
+                    }, d: getPath({
                         size,
                         hasTopAddons,
                         hasBottomAddons,

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

@@ -11,21 +11,24 @@
 
     /* Hard up */
 }
-.icon-view__componentWrapper_13su5 {
+.icon-view__componentWrapper_2obtu {
     position: relative;
     display: inline-flex;
 }
-.icon-view__component_13su5 {
+.icon-view__component_2obtu {
     display: flex;
     position: relative;
     color: var(--color-light-text-secondary-transparent);
 }
-.icon-view__border_13su5 {
+.icon-view__bg_2obtu {
+    fill: #f3f4f5;
+}
+.icon-view__border_2obtu {
     stroke: var(--color-light-specialbg-component);
     stroke-width: 1px;
     fill: transparent;
 }
-.icon-view__children_13su5 {
+.icon-view__children_2obtu {
     display: flex;
     justify-content: center;
     align-items: center;
@@ -35,82 +38,82 @@
     left: 50%;
     transform: translate(-50%, -50%)
 }
-.icon-view__children_13su5 svg {
+.icon-view__children_2obtu svg {
         width: 100%;
         height: 100%;
     }
-.icon-view__addons_13su5 {
+.icon-view__addons_2obtu {
     display: flex;
     justify-content: center;
     align-items: center;
     flex-shrink: 0;
     position: absolute
 }
-.icon-view__addons_13su5 svg {
+.icon-view__addons_2obtu svg {
         width: 100%;
         height: 100%;
     }
-.icon-view__size_48_13su5 .icon-view__children_13su5 {
+.icon-view__size_48_2obtu .icon-view__children_2obtu {
         width: 24px;
         height: 24px;
     }
-.icon-view__size_48_13su5 .icon-view__addons_13su5 {
+.icon-view__size_48_2obtu .icon-view__addons_2obtu {
         width: 18px;
         height: 18px;
     }
-.icon-view__size_48_13su5 .icon-view__topAddons_13su5 {
+.icon-view__size_48_2obtu .icon-view__topAddons_2obtu {
         top: -4px;
         right: -4px;
     }
-.icon-view__size_48_13su5 .icon-view__bottomAddons_13su5 {
+.icon-view__size_48_2obtu .icon-view__bottomAddons_2obtu {
         bottom: -4px;
         right: -4px;
     }
-.icon-view__size_64_13su5 .icon-view__children_13su5 {
+.icon-view__size_64_2obtu .icon-view__children_2obtu {
         width: 32px;
         height: 32px;
     }
-.icon-view__size_64_13su5 .icon-view__addons_13su5 {
+.icon-view__size_64_2obtu .icon-view__addons_2obtu {
         width: 18px;
         height: 18px;
     }
-.icon-view__size_64_13su5 .icon-view__topAddons_13su5 {
+.icon-view__size_64_2obtu .icon-view__topAddons_2obtu {
         top: -2px;
         right: -2px;
     }
-.icon-view__size_64_13su5 .icon-view__bottomAddons_13su5 {
+.icon-view__size_64_2obtu .icon-view__bottomAddons_2obtu {
         bottom: -2px;
         right: -2px;
     }
-.icon-view__size_80_13su5 .icon-view__children_13su5 {
+.icon-view__size_80_2obtu .icon-view__children_2obtu {
         width: 48px;
         height: 48px;
     }
-.icon-view__size_80_13su5 .icon-view__addons_13su5 {
+.icon-view__size_80_2obtu .icon-view__addons_2obtu {
         width: 24px;
         height: 24px;
     }
-.icon-view__size_80_13su5 .icon-view__topAddons_13su5 {
+.icon-view__size_80_2obtu .icon-view__topAddons_2obtu {
         top: -4px;
         right: -4px;
     }
-.icon-view__size_80_13su5 .icon-view__bottomAddons_13su5 {
+.icon-view__size_80_2obtu .icon-view__bottomAddons_2obtu {
         bottom: -4px;
         right: -4px;
     }
-.icon-view__size_128_13su5 .icon-view__children_13su5 {
+.icon-view__size_128_2obtu .icon-view__children_2obtu {
         width: 60px;
         height: 60px;
     }
-.icon-view__size_128_13su5 .icon-view__addons_13su5 {
+.icon-view__size_128_2obtu .icon-view__addons_2obtu {
         width: 40px;
         height: 40px;
     }
-.icon-view__size_128_13su5 .icon-view__topAddons_13su5 {
+.icon-view__size_128_2obtu .icon-view__topAddons_2obtu {
         top: -8px;
         right: -8px;
     }
-.icon-view__size_128_13su5 .icon-view__bottomAddons_13su5 {
+.icon-view__size_128_2obtu .icon-view__bottomAddons_2obtu {
         bottom: -8px;
         right: -8px;
     }

package/icon-view/super-ellipse.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-08dbac73.js');
+require('./tslib.es6-4508e622.js');
 require('react');
 require('classnames');
 require('./components/base-shape/utils.js');

package/input/Component.js

@@ -53,13 +53,13 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"input":"input__input_1mzze","hasLabel":"input__hasLabel_1mzze","block":"input__block_1mzze","clearIcon":"input__clearIcon_1mzze","errorIcon":"input__errorIcon_1mzze","clearButton":"input__clearButton_1mzze","successIcon":"input__successIcon_1mzze","focusVisible":"input__focusVisible_1mzze","onautofillstart":"input__onautofillstart_1mzze","onautofillcancel":"input__onautofillcancel_1mzze"};
+var styles = {"input":"input__input_3smr4","hasLabel":"input__hasLabel_3smr4","block":"input__block_3smr4","clearIcon":"input__clearIcon_3smr4","errorIcon":"input__errorIcon_3smr4","clearButton":"input__clearButton_3smr4","successIcon":"input__successIcon_3smr4","focusVisible":"input__focusVisible_3smr4","onautofillstart":"input__onautofillstart_3smr4","onautofillcancel":"input__onautofillcancel_3smr4"};
 require('./index.css');
 
-var defaultColors = {"input":"input__input_ok5kk","hasLabel":"input__hasLabel_ok5kk","clearIcon":"input__clearIcon_ok5kk","errorIcon":"input__errorIcon_ok5kk","successIcon":"input__successIcon_ok5kk","error":"input__error_ok5kk"};
+var defaultColors = {"input":"input__input_1lggy","hasLabel":"input__hasLabel_1lggy","clearIcon":"input__clearIcon_1lggy","errorIcon":"input__errorIcon_1lggy","successIcon":"input__successIcon_1lggy","error":"input__error_1lggy"};
 require('./default.css');
 
-var invertedColors = {"input":"input__input_rka6l","hasLabel":"input__hasLabel_rka6l","clearIcon":"input__clearIcon_rka6l","errorIcon":"input__errorIcon_rka6l","successIcon":"input__successIcon_rka6l","error":"input__error_rka6l"};
+var invertedColors = {"input":"input__input_199uc","hasLabel":"input__hasLabel_199uc","clearIcon":"input__clearIcon_199uc","errorIcon":"input__errorIcon_199uc","successIcon":"input__successIcon_199uc","error":"input__error_199uc"};
 require('./inverted.css');
 
 var colorStyles = {