@alfalab/core-components 36.3.1 → 36.5.0

package/space/cssm/Component.js

@@ -1,15 +1,13 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var Item = require('./Item-8d1d3431.js');
+var Item = require('./Item-68aa3208.js');
 var React = require('react');
 var classNames = require('classnames');
 var styles = require('./index.module.css');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
-var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var classNames__default = /*#__PURE__*/_interopDefaultCompat(classNames);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
 var SpaceSizes = {
     s: 12,
@@ -23,7 +21,7 @@ var getNumberSize = function (size) { return (typeof size === 'string' ? SpaceSi
 var Space = React.forwardRef(function (props, ref) {
     var _a, _b;
     var children = props.children, className = props.className, _c = props.align, align = _c === void 0 ? 'start' : _c, _d = props.direction, direction = _d === void 0 ? 'vertical' : _d, _e = props.size, size = _e === void 0 ? 'm' : _e, _f = props.wrap, wrap = _f === void 0 ? false : _f, _g = props.divider, divider = _g === void 0 ? false : _g, _h = props.fullWidth, fullWidth = _h === void 0 ? false : _h, dataTestId = props.dataTestId;
-    var _j = React__default['default'].useMemo(function () {
+    var _j = React__default.default.useMemo(function () {
         return (Array.isArray(size) ? size : [size, size]).map(function (item) {
             return getNumberSize(item);
         });
@@ -32,21 +30,21 @@ var Space = React.forwardRef(function (props, ref) {
     if (childNodes.length === 0) {
         return null;
     }
-    var directionClassName = styles__default['default'][direction];
-    var alignClassName = styles__default['default'][align];
-    var containerClassName = classNames__default['default'](styles__default['default'].spaceContainer, directionClassName, (_a = {},
+    var directionClassName = styles__default.default[direction];
+    var alignClassName = styles__default.default[align];
+    var containerClassName = classNames__default.default(styles__default.default.spaceContainer, directionClassName, (_a = {},
         _a[alignClassName] = align,
-        _a[styles__default['default'].spaceContainerFullWidth] = fullWidth,
+        _a[styles__default.default.spaceContainerFullWidth] = fullWidth,
         _a), className);
-    var itemClassName = classNames__default['default'](styles__default['default'].spaceItem, (_b = {},
-        _b[styles__default['default'].spaceItemFullWidth] = fullWidth,
+    var itemClassName = classNames__default.default(styles__default.default.spaceItem, (_b = {},
+        _b[styles__default.default.spaceItemFullWidth] = fullWidth,
         _b));
     var nodes = childNodes.map(function (child, i) { return (
     /* eslint-disable react/no-array-index-key */
-    React__default['default'].createElement(Item.Item, { className: itemClassName, key: itemClassName + "-" + i, direction: direction, horizontalSize: horizontalSize, verticalSize: verticalSize, length: childNodes.length, index: i, wrap: wrap, divider: divider }, child)
+    React__default.default.createElement(Item.Item, { className: itemClassName, key: "".concat(itemClassName, "-").concat(i), direction: direction, horizontalSize: horizontalSize, verticalSize: verticalSize, length: childNodes.length, index: i, wrap: wrap, divider: divider }, child)
     /* eslint-enable */
     ); });
-    return (React__default['default'].createElement("div", { "data-test-id": dataTestId, className: containerClassName, style: Item.__assign({}, (wrap && { flexWrap: 'wrap', marginBottom: -verticalSize })), ref: ref }, nodes));
+    return (React__default.default.createElement("div", { "data-test-id": dataTestId, className: containerClassName, style: Item.__assign({}, (wrap && { flexWrap: 'wrap', marginBottom: -verticalSize })), ref: ref }, nodes));
 });
 
 exports.Space = Space;

package/space/cssm/{Item-8d1d3431.js → Item-68aa3208.js}

@@ -1,5 +1,25 @@
 var React = require('react');
 
+function _interopNamespaceCompat(e) {
+    if (e && typeof e === 'object' && 'default' in e) return e;
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
+    }
+    n.default = e;
+    return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceCompat(React);
+
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
 
@@ -41,9 +61,9 @@ var Item = function (props) {
     if (children === null || children === undefined) {
         return null;
     }
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: className, style: style }, children),
-        index < length - 1 && divider && (React.createElement("span", { style: exports.__assign({ width: '100%' }, style) }, divider))));
+    return (React__namespace.createElement(React__namespace.Fragment, null,
+        React__namespace.createElement("div", { className: className, style: style }, children),
+        index < length - 1 && divider && (React__namespace.createElement("span", { style: exports.__assign({ width: '100%' }, style) }, divider))));
 };
 
 exports.Item = Item;

package/space/cssm/Item.js

@@ -1,4 +1,4 @@
-var Item = require('./Item-8d1d3431.js');
+var Item = require('./Item-68aa3208.js');
 require('react');
 
 

package/space/cssm/index.js

@@ -1,10 +1,8 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('./Item-8d1d3431.js');
+var Component = require('./Component.js');
+require('./Item-68aa3208.js');
 require('react');
 require('classnames');
 require('./index.module.css');
-var Component = require('./Component.js');
 
 
 

package/space/cssm/utils.js

@@ -1,12 +1,10 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var SpaceContext = React__default['default'].createContext({
+var SpaceContext = React__default.default.createContext({
     length: 0,
     horizontalSize: 0,
     verticalSize: 0,

package/space/esm/Component.js

@@ -1,8 +1,8 @@
-import React, { forwardRef, Children } from 'react';
-import { I as Item, _ as __assign } from './Item-1071437b.js';
+import { I as Item, _ as __assign } from './Item-2a054f78.js';
+import React__default, { forwardRef, Children } from 'react';
 import classNames from 'classnames';
 
-var styles = {"spaceContainer":"space__spaceContainer_17upc","spaceContainerFullWidth":"space__spaceContainerFullWidth_17upc","vertical":"space__vertical_17upc","center":"space__center_17upc","start":"space__start_17upc","end":"space__end_17upc","spaceItemFullWidth":"space__spaceItemFullWidth_17upc","spaceItem":"space__spaceItem_17upc"};
+var styles = {"spaceContainer":"space__spaceContainer_hxawk","spaceContainerFullWidth":"space__spaceContainerFullWidth_hxawk","vertical":"space__vertical_hxawk","center":"space__center_hxawk","start":"space__start_hxawk","end":"space__end_hxawk","spaceItemFullWidth":"space__spaceItemFullWidth_hxawk","spaceItem":"space__spaceItem_hxawk"};
 require('./index.css');
 
 var SpaceSizes = {
@@ -17,7 +17,7 @@ var getNumberSize = function (size) { return (typeof size === 'string' ? SpaceSi
 var Space = forwardRef(function (props, ref) {
     var _a, _b;
     var children = props.children, className = props.className, _c = props.align, align = _c === void 0 ? 'start' : _c, _d = props.direction, direction = _d === void 0 ? 'vertical' : _d, _e = props.size, size = _e === void 0 ? 'm' : _e, _f = props.wrap, wrap = _f === void 0 ? false : _f, _g = props.divider, divider = _g === void 0 ? false : _g, _h = props.fullWidth, fullWidth = _h === void 0 ? false : _h, dataTestId = props.dataTestId;
-    var _j = React.useMemo(function () {
+    var _j = React__default.useMemo(function () {
         return (Array.isArray(size) ? size : [size, size]).map(function (item) {
             return getNumberSize(item);
         });
@@ -37,10 +37,10 @@ var Space = forwardRef(function (props, ref) {
         _b));
     var nodes = childNodes.map(function (child, i) { return (
     /* eslint-disable react/no-array-index-key */
-    React.createElement(Item, { className: itemClassName, key: itemClassName + "-" + i, direction: direction, horizontalSize: horizontalSize, verticalSize: verticalSize, length: childNodes.length, index: i, wrap: wrap, divider: divider }, child)
+    React__default.createElement(Item, { className: itemClassName, key: "".concat(itemClassName, "-").concat(i), direction: direction, horizontalSize: horizontalSize, verticalSize: verticalSize, length: childNodes.length, index: i, wrap: wrap, divider: divider }, child)
     /* eslint-enable */
     ); });
-    return (React.createElement("div", { "data-test-id": dataTestId, className: containerClassName, style: __assign({}, (wrap && { flexWrap: 'wrap', marginBottom: -verticalSize })), ref: ref }, nodes));
+    return (React__default.createElement("div", { "data-test-id": dataTestId, className: containerClassName, style: __assign({}, (wrap && { flexWrap: 'wrap', marginBottom: -verticalSize })), ref: ref }, nodes));
 });
 
 export { Space };

package/space/esm/{Item-1071437b.js → Item-2a054f78.js}

@@ -1,4 +1,4 @@
-import { createElement, Fragment } from 'react';
+import * as React from 'react';
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -41,9 +41,9 @@ var Item = function (props) {
     if (children === null || children === undefined) {
         return null;
     }
-    return (createElement(Fragment, null,
-        createElement("div", { className: className, style: style }, children),
-        index < length - 1 && divider && (createElement("span", { style: __assign({ width: '100%' }, style) }, divider))));
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: className, style: style }, children),
+        index < length - 1 && divider && (React.createElement("span", { style: __assign({ width: '100%' }, style) }, divider))));
 };
 
 export { Item as I, __assign as _ };

package/space/esm/Item.js

@@ -1,2 +1,2 @@
+export { I as default } from './Item-2a054f78.js';
 import 'react';
-export { I as default } from './Item-1071437b.js';

package/space/esm/index.css

@@ -7,27 +7,27 @@
 
     /* Hard up */
 }
-.space__spaceContainer_17upc {
+.space__spaceContainer_hxawk {
     display: inline-flex;
 }
-.space__spaceContainerFullWidth_17upc {
+.space__spaceContainerFullWidth_hxawk {
     width: 100%;
 }
-.space__vertical_17upc {
+.space__vertical_hxawk {
     flex-direction: column;
 }
-.space__center_17upc {
+.space__center_hxawk {
     align-items: center;
 }
-.space__start_17upc {
+.space__start_hxawk {
     align-items: flex-start;
 }
-.space__end_17upc {
+.space__end_hxawk {
     align-items: flex-end;
 }
-.space__spaceItemFullWidth_17upc {
+.space__spaceItemFullWidth_hxawk {
     width: 100%;
 }
-.space__spaceItem_17upc:empty {
+.space__spaceItem_hxawk:empty {
     display: none;
 }

package/space/esm/index.js

@@ -1,4 +1,4 @@
+export { Space } from './Component.js';
 import 'react';
-import './Item-1071437b.js';
 import 'classnames';
-export { Space } from './Component.js';
+import './Item-2a054f78.js';

package/space/esm/utils.js

@@ -1,6 +1,6 @@
-import React from 'react';
+import React__default from 'react';
 
-var SpaceContext = React.createContext({
+var SpaceContext = React__default.createContext({
     length: 0,
     horizontalSize: 0,
     verticalSize: 0,

package/space/index.css

@@ -7,27 +7,27 @@
 
     /* Hard up */
 }
-.space__spaceContainer_17upc {
+.space__spaceContainer_hxawk {
     display: inline-flex;
 }
-.space__spaceContainerFullWidth_17upc {
+.space__spaceContainerFullWidth_hxawk {
     width: 100%;
 }
-.space__vertical_17upc {
+.space__vertical_hxawk {
     flex-direction: column;
 }
-.space__center_17upc {
+.space__center_hxawk {
     align-items: center;
 }
-.space__start_17upc {
+.space__start_hxawk {
     align-items: flex-start;
 }
-.space__end_17upc {
+.space__end_hxawk {
     align-items: flex-end;
 }
-.space__spaceItemFullWidth_17upc {
+.space__spaceItemFullWidth_hxawk {
     width: 100%;
 }
-.space__spaceItem_17upc:empty {
+.space__spaceItem_hxawk:empty {
     display: none;
 }

package/space/index.js

@@ -1,9 +1,7 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('./Item-2c80876a.js');
+var Component = require('./Component.js');
+require('./Item-56463970.js');
 require('react');
 require('classnames');
-var Component = require('./Component.js');
 
 
 

package/space/modern/Component.js

@@ -1,8 +1,8 @@
-import React, { forwardRef, Children } from 'react';
+import React__default, { forwardRef, Children } from 'react';
 import classNames from 'classnames';
 import Item from './Item.js';
 
-var styles = {"spaceContainer":"space__spaceContainer_17upc","spaceContainerFullWidth":"space__spaceContainerFullWidth_17upc","vertical":"space__vertical_17upc","center":"space__center_17upc","start":"space__start_17upc","end":"space__end_17upc","spaceItemFullWidth":"space__spaceItemFullWidth_17upc","spaceItem":"space__spaceItem_17upc"};
+const styles = {"spaceContainer":"space__spaceContainer_hxawk","spaceContainerFullWidth":"space__spaceContainerFullWidth_hxawk","vertical":"space__vertical_hxawk","center":"space__center_hxawk","start":"space__start_hxawk","end":"space__end_hxawk","spaceItemFullWidth":"space__spaceItemFullWidth_hxawk","spaceItem":"space__spaceItem_hxawk"};
 require('./index.css');
 
 const SpaceSizes = {
@@ -16,7 +16,7 @@ const getNumberSize = (size) => (typeof size === 'string' ? SpaceSizes[size] : s
  */
 const Space = forwardRef((props, ref) => {
     const { children, className, align = 'start', direction = 'vertical', size = 'm', wrap = false, divider = false, fullWidth = false, dataTestId, } = props;
-    const [horizontalSize, verticalSize] = React.useMemo(() => (Array.isArray(size) ? size : [size, size]).map((item) => getNumberSize(item)), [size]);
+    const [horizontalSize, verticalSize] = React__default.useMemo(() => (Array.isArray(size) ? size : [size, size]).map((item) => getNumberSize(item)), [size]);
     const childNodes = Children.toArray(children);
     if (childNodes.length === 0) {
         return null;
@@ -32,10 +32,10 @@ const Space = forwardRef((props, ref) => {
     });
     const nodes = childNodes.map((child, i) => (
     /* eslint-disable react/no-array-index-key */
-    React.createElement(Item, { className: itemClassName, key: `${itemClassName}-${i}`, direction: direction, horizontalSize: horizontalSize, verticalSize: verticalSize, length: childNodes.length, index: i, wrap: wrap, divider: divider }, child)
+    React__default.createElement(Item, { className: itemClassName, key: `${itemClassName}-${i}`, direction: direction, horizontalSize: horizontalSize, verticalSize: verticalSize, length: childNodes.length, index: i, wrap: wrap, divider: divider }, child)
     /* eslint-enable */
     ));
-    return (React.createElement("div", { "data-test-id": dataTestId, className: containerClassName, style: {
+    return (React__default.createElement("div", { "data-test-id": dataTestId, className: containerClassName, style: {
             ...(wrap && { flexWrap: 'wrap', marginBottom: -verticalSize }),
         }, ref: ref }, nodes));
 });

package/space/modern/Item.js

@@ -1,4 +1,4 @@
-import { createElement, Fragment } from 'react';
+import * as React from 'react';
 
 const Item = (props) => {
     const { className, horizontalSize, verticalSize, length, direction, index, children, divider, wrap, } = props;
@@ -17,12 +17,12 @@ const Item = (props) => {
     if (children === null || children === undefined) {
         return null;
     }
-    return (createElement(Fragment, null,
-        createElement("div", { className: className, style: style }, children),
-        index < length - 1 && divider && (createElement("span", { style: {
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: className, style: style }, children),
+        index < length - 1 && divider && (React.createElement("span", { style: {
                 width: '100%',
                 ...style,
             } }, divider))));
 };
 
-export default Item;
+export { Item as default };

package/space/modern/index.css

@@ -7,27 +7,27 @@
 
     /* Hard up */
 }
-.space__spaceContainer_17upc {
+.space__spaceContainer_hxawk {
     display: inline-flex;
 }
-.space__spaceContainerFullWidth_17upc {
+.space__spaceContainerFullWidth_hxawk {
     width: 100%;
 }
-.space__vertical_17upc {
+.space__vertical_hxawk {
     flex-direction: column;
 }
-.space__center_17upc {
+.space__center_hxawk {
     align-items: center;
 }
-.space__start_17upc {
+.space__start_hxawk {
     align-items: flex-start;
 }
-.space__end_17upc {
+.space__end_hxawk {
     align-items: flex-end;
 }
-.space__spaceItemFullWidth_17upc {
+.space__spaceItemFullWidth_hxawk {
     width: 100%;
 }
-.space__spaceItem_17upc:empty {
+.space__spaceItem_hxawk:empty {
     display: none;
 }

package/space/modern/index.js

@@ -1,4 +1,4 @@
+export { Space } from './Component.js';
 import 'react';
 import 'classnames';
 import './Item.js';
-export { Space } from './Component.js';

package/space/modern/utils.js

@@ -1,6 +1,6 @@
-import React from 'react';
+import React__default from 'react';
 
-const SpaceContext = React.createContext({
+const SpaceContext = React__default.createContext({
     length: 0,
     horizontalSize: 0,
     verticalSize: 0,

package/space/utils.js

@@ -1,12 +1,10 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var SpaceContext = React__default['default'].createContext({
+var SpaceContext = React__default.default.createContext({
     length: 0,
     horizontalSize: 0,
     verticalSize: 0,

package/spinner/Component.js

@@ -1,21 +1,19 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 var cn = require('classnames');
 var hooks = require('@alfalab/hooks');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var defaultColors = {"component":"spinner__component_4vxo6"};
+var defaultColors = {"component":"spinner__component_17ggl"};
 require('./default.css');
 
-var styles = {"spinner":"spinner__spinner_yuvs0","spin_animation":"spinner__spin_animation_yuvs0","visible":"spinner__visible_yuvs0","xs":"spinner__xs_yuvs0","s":"spinner__s_yuvs0","m":"spinner__m_yuvs0"};
+var styles = {"spinner":"spinner__spinner_1s2h9","spin_animation":"spinner__spin_animation_1s2h9","visible":"spinner__visible_1s2h9","xs":"spinner__xs_1s2h9","s":"spinner__s_1s2h9","m":"spinner__m_1s2h9"};
 require('./index.css');
 
-var invertedColors = {"component":"spinner__component_aqa4v"};
+var invertedColors = {"component":"spinner__component_1dat2"};
 require('./inverted.css');
 
 var colorStyles = {
@@ -48,22 +46,22 @@ var Spinner = function (_a) {
     var xEnd = size - xStart;
     var y = size / 2;
     var r = y - xStart;
-    var topGradientId = uniqId + "_top";
-    var bottomGradientId = uniqId + "_bottom";
-    return (React__default['default'].createElement("svg", { viewBox: "0 0 " + size + " " + size, fill: 'none', xmlns: 'http://www.w3.org/2000/svg', className: cn__default['default'](styles.spinner, colorStyles[colors].component, styles[sizeProp], className, (_b = {},
+    var topGradientId = "".concat(uniqId, "_top");
+    var bottomGradientId = "".concat(uniqId, "_bottom");
+    return (React__default.default.createElement("svg", { viewBox: "0 0 ".concat(size, " ").concat(size), fill: 'none', xmlns: 'http://www.w3.org/2000/svg', className: cn__default.default(styles.spinner, colorStyles[colors].component, styles[sizeProp], className, (_b = {},
             _b[styles.visible] = visible,
             _b)), "data-test-id": dataTestId, id: id },
-        React__default['default'].createElement("defs", null,
-            React__default['default'].createElement("linearGradient", { id: topGradientId, x1: '0.05' },
-                React__default['default'].createElement("stop", { offset: '0.1', stopOpacity: '0', stopColor: 'currentColor' }),
-                React__default['default'].createElement("stop", { offset: '1', stopOpacity: '0.3', stopColor: 'currentColor' })),
-            React__default['default'].createElement("linearGradient", { id: bottomGradientId, x1: '0.05' },
-                React__default['default'].createElement("stop", { offset: '0', stopOpacity: '1', stopColor: 'currentColor' }),
-                React__default['default'].createElement("stop", { offset: '1', stopOpacity: '0.3', stopColor: 'currentColor' }))),
-        React__default['default'].createElement("g", { strokeWidth: lineWidth },
-            React__default['default'].createElement("path", { stroke: "url(#" + topGradientId + ")", d: "M" + xStart + "," + y + " A" + r + "," + r + " 0 0 1 " + xEnd + "," + y }),
-            React__default['default'].createElement("path", { stroke: "url(#" + bottomGradientId + ")", d: "M" + xEnd + "," + y + " A" + r + "," + r + " 0 0 1 " + xStart + "," + y }),
-            React__default['default'].createElement("path", { stroke: 'currentColor', strokeLinecap: 'round', d: "M" + xStart + "," + y + " A" + r + "," + r + " 0 0 1 " + xStart + " " + y }))));
+        React__default.default.createElement("defs", null,
+            React__default.default.createElement("linearGradient", { id: topGradientId, x1: '0.05' },
+                React__default.default.createElement("stop", { offset: '0.1', stopOpacity: '0', stopColor: 'currentColor' }),
+                React__default.default.createElement("stop", { offset: '1', stopOpacity: '0.3', stopColor: 'currentColor' })),
+            React__default.default.createElement("linearGradient", { id: bottomGradientId, x1: '0.05' },
+                React__default.default.createElement("stop", { offset: '0', stopOpacity: '1', stopColor: 'currentColor' }),
+                React__default.default.createElement("stop", { offset: '1', stopOpacity: '0.3', stopColor: 'currentColor' }))),
+        React__default.default.createElement("g", { strokeWidth: lineWidth },
+            React__default.default.createElement("path", { stroke: "url(#".concat(topGradientId, ")"), d: "M".concat(xStart, ",").concat(y, " A").concat(r, ",").concat(r, " 0 0 1 ").concat(xEnd, ",").concat(y) }),
+            React__default.default.createElement("path", { stroke: "url(#".concat(bottomGradientId, ")"), d: "M".concat(xEnd, ",").concat(y, " A").concat(r, ",").concat(r, " 0 0 1 ").concat(xStart, ",").concat(y) }),
+            React__default.default.createElement("path", { stroke: 'currentColor', strokeLinecap: 'round', d: "M".concat(xStart, ",").concat(y, " A").concat(r, ",").concat(r, " 0 0 1 ").concat(xStart, " ").concat(y) }))));
 };
 
 exports.Spinner = Spinner;

package/spinner/cssm/Component.js

@@ -1,5 +1,3 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 var cn = require('classnames');
 var hooks = require('@alfalab/hooks');
@@ -7,17 +5,17 @@ var defaultColors = require('./default.module.css');
 var styles = require('./index.module.css');
 var invertedColors = require('./inverted.module.css');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
-var defaultColors__default = /*#__PURE__*/_interopDefaultLegacy(defaultColors);
-var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
-var invertedColors__default = /*#__PURE__*/_interopDefaultLegacy(invertedColors);
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var defaultColors__default = /*#__PURE__*/_interopDefaultCompat(defaultColors);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+var invertedColors__default = /*#__PURE__*/_interopDefaultCompat(invertedColors);
 
 var colorStyles = {
-    default: defaultColors__default['default'],
-    inverted: invertedColors__default['default'],
+    default: defaultColors__default.default,
+    inverted: invertedColors__default.default,
 };
 var CONFIG = {
     xs: {
@@ -45,22 +43,22 @@ var Spinner = function (_a) {
     var xEnd = size - xStart;
     var y = size / 2;
     var r = y - xStart;
-    var topGradientId = uniqId + "_top";
-    var bottomGradientId = uniqId + "_bottom";
-    return (React__default['default'].createElement("svg", { viewBox: "0 0 " + size + " " + size, fill: 'none', xmlns: 'http://www.w3.org/2000/svg', className: cn__default['default'](styles__default['default'].spinner, colorStyles[colors].component, styles__default['default'][sizeProp], className, (_b = {},
-            _b[styles__default['default'].visible] = visible,
+    var topGradientId = "".concat(uniqId, "_top");
+    var bottomGradientId = "".concat(uniqId, "_bottom");
+    return (React__default.default.createElement("svg", { viewBox: "0 0 ".concat(size, " ").concat(size), fill: 'none', xmlns: 'http://www.w3.org/2000/svg', className: cn__default.default(styles__default.default.spinner, colorStyles[colors].component, styles__default.default[sizeProp], className, (_b = {},
+            _b[styles__default.default.visible] = visible,
             _b)), "data-test-id": dataTestId, id: id },
-        React__default['default'].createElement("defs", null,
-            React__default['default'].createElement("linearGradient", { id: topGradientId, x1: '0.05' },
-                React__default['default'].createElement("stop", { offset: '0.1', stopOpacity: '0', stopColor: 'currentColor' }),
-                React__default['default'].createElement("stop", { offset: '1', stopOpacity: '0.3', stopColor: 'currentColor' })),
-            React__default['default'].createElement("linearGradient", { id: bottomGradientId, x1: '0.05' },
-                React__default['default'].createElement("stop", { offset: '0', stopOpacity: '1', stopColor: 'currentColor' }),
-                React__default['default'].createElement("stop", { offset: '1', stopOpacity: '0.3', stopColor: 'currentColor' }))),
-        React__default['default'].createElement("g", { strokeWidth: lineWidth },
-            React__default['default'].createElement("path", { stroke: "url(#" + topGradientId + ")", d: "M" + xStart + "," + y + " A" + r + "," + r + " 0 0 1 " + xEnd + "," + y }),
-            React__default['default'].createElement("path", { stroke: "url(#" + bottomGradientId + ")", d: "M" + xEnd + "," + y + " A" + r + "," + r + " 0 0 1 " + xStart + "," + y }),
-            React__default['default'].createElement("path", { stroke: 'currentColor', strokeLinecap: 'round', d: "M" + xStart + "," + y + " A" + r + "," + r + " 0 0 1 " + xStart + " " + y }))));
+        React__default.default.createElement("defs", null,
+            React__default.default.createElement("linearGradient", { id: topGradientId, x1: '0.05' },
+                React__default.default.createElement("stop", { offset: '0.1', stopOpacity: '0', stopColor: 'currentColor' }),
+                React__default.default.createElement("stop", { offset: '1', stopOpacity: '0.3', stopColor: 'currentColor' })),
+            React__default.default.createElement("linearGradient", { id: bottomGradientId, x1: '0.05' },
+                React__default.default.createElement("stop", { offset: '0', stopOpacity: '1', stopColor: 'currentColor' }),
+                React__default.default.createElement("stop", { offset: '1', stopOpacity: '0.3', stopColor: 'currentColor' }))),
+        React__default.default.createElement("g", { strokeWidth: lineWidth },
+            React__default.default.createElement("path", { stroke: "url(#".concat(topGradientId, ")"), d: "M".concat(xStart, ",").concat(y, " A").concat(r, ",").concat(r, " 0 0 1 ").concat(xEnd, ",").concat(y) }),
+            React__default.default.createElement("path", { stroke: "url(#".concat(bottomGradientId, ")"), d: "M".concat(xEnd, ",").concat(y, " A").concat(r, ",").concat(r, " 0 0 1 ").concat(xStart, ",").concat(y) }),
+            React__default.default.createElement("path", { stroke: 'currentColor', strokeLinecap: 'round', d: "M".concat(xStart, ",").concat(y, " A").concat(r, ",").concat(r, " 0 0 1 ").concat(xStart, " ").concat(y) }))));
 };
 
 exports.Spinner = Spinner;

package/spinner/cssm/index.js

@@ -1,12 +1,10 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
+var Component = require('./Component.js');
 require('react');
 require('classnames');
 require('@alfalab/hooks');
 require('./default.module.css');
 require('./index.module.css');
 require('./inverted.module.css');
-var Component = require('./Component.js');
 
 
 

package/spinner/default.css

@@ -13,6 +13,6 @@
 :root {
     --spinner-default-color: var(--color-light-graphic-primary);
 }
-.spinner__component_4vxo6 {
+.spinner__component_17ggl {
     color: var(--spinner-default-color);
 }