@alfalab/core-components 23.2.0 → 23.3.0

package/space/modern/Component.js

@@ -2,7 +2,7 @@ import React, { forwardRef, Children } from 'react';
 import classNames from 'classnames';
 import Item from './Item.js';
 
-var styles = {"spaceContainer":"space__spaceContainer_1qzet","spaceContainerFullWidth":"space__spaceContainerFullWidth_1qzet","vertical":"space__vertical_1qzet","center":"space__center_1qzet","start":"space__start_1qzet","end":"space__end_1qzet","spaceItemFullWidth":"space__spaceItemFullWidth_1qzet","spaceItem":"space__spaceItem_1qzet"};
+var styles = {"spaceContainer":"space__spaceContainer_1cl8v","spaceContainerFullWidth":"space__spaceContainerFullWidth_1cl8v","vertical":"space__vertical_1cl8v","center":"space__center_1cl8v","start":"space__start_1cl8v","end":"space__end_1cl8v","spaceItemFullWidth":"space__spaceItemFullWidth_1cl8v","spaceItem":"space__spaceItem_1cl8v"};
 require('./index.css');
 
 const SpaceSizes = {

package/space/modern/index.css

@@ -7,27 +7,27 @@
 
     /* Hard up */
 }
-.space__spaceContainer_1qzet {
+.space__spaceContainer_1cl8v {
     display: inline-flex;
 }
-.space__spaceContainerFullWidth_1qzet {
+.space__spaceContainerFullWidth_1cl8v {
     width: 100%;
 }
-.space__vertical_1qzet {
+.space__vertical_1cl8v {
     flex-direction: column;
 }
-.space__center_1qzet {
+.space__center_1cl8v {
     align-items: center;
 }
-.space__start_1qzet {
+.space__start_1cl8v {
     align-items: flex-start;
 }
-.space__end_1qzet {
+.space__end_1cl8v {
     align-items: flex-end;
 }
-.space__spaceItemFullWidth_1qzet {
+.space__spaceItemFullWidth_1cl8v {
     width: 100%;
 }
-.space__spaceItem_1qzet:empty {
+.space__spaceItem_1cl8v:empty {
     display: none;
 }

package/spinner/Component.js

@@ -8,7 +8,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"spinner":"spinner__spinner_4hzqk","spin_animation":"spinner__spin_animation_4hzqk","visible":"spinner__visible_4hzqk","s":"spinner__s_4hzqk","m":"spinner__m_4hzqk"};
+var styles = {"spinner":"spinner__spinner_y3mru","spin_animation":"spinner__spin_animation_y3mru","visible":"spinner__visible_y3mru","s":"spinner__s_y3mru","m":"spinner__m_y3mru"};
 require('./index.css');
 
 var Spinner = function (_a) {

package/spinner/esm/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-var styles = {"spinner":"spinner__spinner_4hzqk","spin_animation":"spinner__spin_animation_4hzqk","visible":"spinner__visible_4hzqk","s":"spinner__s_4hzqk","m":"spinner__m_4hzqk"};
+var styles = {"spinner":"spinner__spinner_y3mru","spin_animation":"spinner__spin_animation_y3mru","visible":"spinner__visible_y3mru","s":"spinner__s_y3mru","m":"spinner__m_y3mru"};
 require('./index.css');
 
 var Spinner = function (_a) {

package/spinner/esm/index.css

@@ -5,31 +5,31 @@
     --spinner-animation-timing-function: linear;
 }
 
-.spinner__spinner_4hzqk {
+.spinner__spinner_y3mru {
     display: none;
-    animation: spinner__spin_animation_4hzqk var(--spinner-animation-duration) infinite
+    animation: spinner__spin_animation_y3mru var(--spinner-animation-duration) infinite
         var(--spinner-animation-timing-function);
     background-repeat: no-repeat;
     background-size: 100%;
     background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAEuElEQVR4Ad3ZA5AdeRdA8YxtM7Zt27Zt27Zt27ZtO/mwtu3d01U3VTf27Ov/VP2C1pvz2t2J3taPV3x2bxRHT8zHcdzHF/gAYYns/mNFoC324Ev8gB/xM37Fb/gbnyLMzqF5sQqf4Wt8g+/wvTHBEpof2yT0c3yJryT4W+jgX2wZLKERmIWP8Ak+legvJPhrCb6C6WiNYkiKELjDyS6xRXELH+BDfIxP1Fo+hg6INeGg1BL/x3t4X6I/kug9yG/7SAn1wHj8T4LflegPcBIVjQiV2GCsx3/wX4l+R/5uBTeTYt2xBndxX0VfQj5jQlXwaNzGHRW9G/EmxjbBTdxS0Yvha4Pf3ellZyiIa7ihorfbJNYZLnB+mevhE7gq0ddxEnGOvlZVrCvc4PSi++1lXJHoy8hlh81Yx8Idbs+bKQcu4hIui0Y2Ou64SKgHPIXLs2ZYgPO4IOFb4WajYCcV6wVveD1t4mw4i3MquoQNzy4u8BY+8IXrkyacgDPiLJbY+JTqJaF+wvvRCYJwHKdwWqKz2zjYFf4iAIFw1hPUxgmcFMsMuHDyk9Ag4alHzsBxcQJ1DQj2RLAIQYAecRBHxTFEGBDsIqGhIgxO1oicOCyOYKVht7ZhCBce1sB6OIhDortBwf6IEJHwtQb2wgGlskHBPohSgqyB07BP7Ec2g4I9EKOEWwOXYq8SaVCwK2JFHKKtgeuwW/E3KNgF8UqsNXArdipuBgU7IYlmDdyCHYppwck0a+BKbFNM26STK0mtgfOxRYkwKNgNKQFI8FhsFpuQybDzcGol3hrYERuVMoZdWqZFGhFtDayGDVgvWhsUHI10Sqg1MDPWibWYalBwamQQ6R9cS3tgJdaI1QgxINYdmURGiXZ+MHIIVomVKG9AcASyILNIrkeWldAVYqQBwWmRDVklPFyPDMBSLMcyLEVam98H50B2ZBNuj07UDUvFEgyycXB65BQ5kOJpR7QlWIxFIqcNY0OQB7mRS/g9beK+EroQCzAKrjaKdUY25EUekf55O/oCzBfzUNJGwbEogPzIJ+EBz5uppYTOxRzMRGobxAahEAqq6FQvMmMgpkjsbMzCOIQ6cKyXhBZBIZEP7i+6gAyYKWZgOvrB00GfW+VBMRSV6MIIftkFlVCx0zAV7eDpYLE5UBLFVXTcqy6woYqdgknohRAHiPVGAZRGKRWd7nWfGHRVsRMxAUOR/F+MDZXIsiijonPB+XUX7ovOKnY8xmIUCsIlgc+zKVBBlFfReeD+JveVOhI7DmMwWqK7IUMCnWNLoQoqoaJEl0MmOL+NDy2sYzESwzEMLZHkLXxmOIqjBqqhKiqr6GQJ8RRhiMSOkNihGIxBaIU88H/Nh2/pUBZ1UEuCq0t0FZRHRELeftVSa3eIBA9Ef/RDH7REaWRBPALgBRfhCX/ESGB+CWqIBqgnwbVRU63lnAl+epTwpGiu1u4ACe4rwb3QA93RFZ3RER3QDm3QCi3RHE3RGI1UcF0JroWiCHOEC4AkqKPWbl/0VsHdXiK4iQQ3RH0JLoRwR7ym9UUuNEBPiwru8pTg1iq4mQQ3RGmkhaedXnMkRW6UQR0Jaom2EtsU9VEZhZEZMW/zHvwfwW498JQ0LD4AAAAASUVORK5CYII=');
 }
 
-.spinner__visible_4hzqk {
+.spinner__visible_y3mru {
     display: var(--spinner-display-visible);
     vertical-align: middle;
 }
 
-.spinner__s_4hzqk {
+.spinner__s_y3mru {
     width: 24px;
     height: 24px;
 }
 
-.spinner__m_4hzqk {
+.spinner__m_y3mru {
     width: 48px;
     height: 48px;
 }
 
-@keyframes spinner__spin_animation_4hzqk {
+@keyframes spinner__spin_animation_y3mru {
     from {
         transform: rotate(0);
     }

package/spinner/index.css

@@ -5,31 +5,31 @@
     --spinner-animation-timing-function: linear;
 }
 
-.spinner__spinner_4hzqk {
+.spinner__spinner_y3mru {
     display: none;
-    animation: spinner__spin_animation_4hzqk var(--spinner-animation-duration) infinite
+    animation: spinner__spin_animation_y3mru var(--spinner-animation-duration) infinite
         var(--spinner-animation-timing-function);
     background-repeat: no-repeat;
     background-size: 100%;
     background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAEuElEQVR4Ad3ZA5AdeRdA8YxtM7Zt27Zt27Zt27ZtO/mwtu3d01U3VTf27Ov/VP2C1pvz2t2J3taPV3x2bxRHT8zHcdzHF/gAYYns/mNFoC324Ev8gB/xM37Fb/gbnyLMzqF5sQqf4Wt8g+/wvTHBEpof2yT0c3yJryT4W+jgX2wZLKERmIWP8Ak+legvJPhrCb6C6WiNYkiKELjDyS6xRXELH+BDfIxP1Fo+hg6INeGg1BL/x3t4X6I/kug9yG/7SAn1wHj8T4LflegPcBIVjQiV2GCsx3/wX4l+R/5uBTeTYt2xBndxX0VfQj5jQlXwaNzGHRW9G/EmxjbBTdxS0Yvha4Pf3ellZyiIa7ihorfbJNYZLnB+mevhE7gq0ddxEnGOvlZVrCvc4PSi++1lXJHoy8hlh81Yx8Idbs+bKQcu4hIui0Y2Ou64SKgHPIXLs2ZYgPO4IOFb4WajYCcV6wVveD1t4mw4i3MquoQNzy4u8BY+8IXrkyacgDPiLJbY+JTqJaF+wvvRCYJwHKdwWqKz2zjYFf4iAIFw1hPUxgmcFMsMuHDyk9Ag4alHzsBxcQJ1DQj2RLAIQYAecRBHxTFEGBDsIqGhIgxO1oicOCyOYKVht7ZhCBce1sB6OIhDortBwf6IEJHwtQb2wgGlskHBPohSgqyB07BP7Ec2g4I9EKOEWwOXYq8SaVCwK2JFHKKtgeuwW/E3KNgF8UqsNXArdipuBgU7IYlmDdyCHYppwck0a+BKbFNM26STK0mtgfOxRYkwKNgNKQFI8FhsFpuQybDzcGol3hrYERuVMoZdWqZFGhFtDayGDVgvWhsUHI10Sqg1MDPWibWYalBwamQQ6R9cS3tgJdaI1QgxINYdmURGiXZ+MHIIVomVKG9AcASyILNIrkeWldAVYqQBwWmRDVklPFyPDMBSLMcyLEVam98H50B2ZBNuj07UDUvFEgyycXB65BQ5kOJpR7QlWIxFIqcNY0OQB7mRS/g9beK+EroQCzAKrjaKdUY25EUekf55O/oCzBfzUNJGwbEogPzIJ+EBz5uppYTOxRzMRGobxAahEAqq6FQvMmMgpkjsbMzCOIQ6cKyXhBZBIZEP7i+6gAyYKWZgOvrB00GfW+VBMRSV6MIIftkFlVCx0zAV7eDpYLE5UBLFVXTcqy6woYqdgknohRAHiPVGAZRGKRWd7nWfGHRVsRMxAUOR/F+MDZXIsiijonPB+XUX7ovOKnY8xmIUCsIlgc+zKVBBlFfReeD+JveVOhI7DmMwWqK7IUMCnWNLoQoqoaJEl0MmOL+NDy2sYzESwzEMLZHkLXxmOIqjBqqhKiqr6GQJ8RRhiMSOkNihGIxBaIU88H/Nh2/pUBZ1UEuCq0t0FZRHRELeftVSa3eIBA9Ef/RDH7REaWRBPALgBRfhCX/ESGB+CWqIBqgnwbVRU63lnAl+epTwpGiu1u4ACe4rwb3QA93RFZ3RER3QDm3QCi3RHE3RGI1UcF0JroWiCHOEC4AkqKPWbl/0VsHdXiK4iQQ3RH0JLoRwR7ym9UUuNEBPiwru8pTg1iq4mQQ3RGmkhaedXnMkRW6UQR0Jaom2EtsU9VEZhZEZMW/zHvwfwW498JQ0LD4AAAAASUVORK5CYII=');
 }
 
-.spinner__visible_4hzqk {
+.spinner__visible_y3mru {
     display: var(--spinner-display-visible);
     vertical-align: middle;
 }
 
-.spinner__s_4hzqk {
+.spinner__s_y3mru {
     width: 24px;
     height: 24px;
 }
 
-.spinner__m_4hzqk {
+.spinner__m_y3mru {
     width: 48px;
     height: 48px;
 }
 
-@keyframes spinner__spin_animation_4hzqk {
+@keyframes spinner__spin_animation_y3mru {
     from {
         transform: rotate(0);
     }

package/spinner/modern/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-var styles = {"spinner":"spinner__spinner_4hzqk","spin_animation":"spinner__spin_animation_4hzqk","visible":"spinner__visible_4hzqk","s":"spinner__s_4hzqk","m":"spinner__m_4hzqk"};
+var styles = {"spinner":"spinner__spinner_y3mru","spin_animation":"spinner__spin_animation_y3mru","visible":"spinner__visible_y3mru","s":"spinner__s_y3mru","m":"spinner__m_y3mru"};
 require('./index.css');
 
 const Spinner = ({ size = 's', visible, id, className, dataTestId }) => {

package/spinner/modern/index.css

@@ -5,31 +5,31 @@
     --spinner-animation-timing-function: linear;
 }
 
-.spinner__spinner_4hzqk {
+.spinner__spinner_y3mru {
     display: none;
-    animation: spinner__spin_animation_4hzqk var(--spinner-animation-duration) infinite
+    animation: spinner__spin_animation_y3mru var(--spinner-animation-duration) infinite
         var(--spinner-animation-timing-function);
     background-repeat: no-repeat;
     background-size: 100%;
     background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAEuElEQVR4Ad3ZA5AdeRdA8YxtM7Zt27Zt27Zt27ZtO/mwtu3d01U3VTf27Ov/VP2C1pvz2t2J3taPV3x2bxRHT8zHcdzHF/gAYYns/mNFoC324Ev8gB/xM37Fb/gbnyLMzqF5sQqf4Wt8g+/wvTHBEpof2yT0c3yJryT4W+jgX2wZLKERmIWP8Ak+legvJPhrCb6C6WiNYkiKELjDyS6xRXELH+BDfIxP1Fo+hg6INeGg1BL/x3t4X6I/kug9yG/7SAn1wHj8T4LflegPcBIVjQiV2GCsx3/wX4l+R/5uBTeTYt2xBndxX0VfQj5jQlXwaNzGHRW9G/EmxjbBTdxS0Yvha4Pf3ellZyiIa7ihorfbJNYZLnB+mevhE7gq0ddxEnGOvlZVrCvc4PSi++1lXJHoy8hlh81Yx8Idbs+bKQcu4hIui0Y2Ou64SKgHPIXLs2ZYgPO4IOFb4WajYCcV6wVveD1t4mw4i3MquoQNzy4u8BY+8IXrkyacgDPiLJbY+JTqJaF+wvvRCYJwHKdwWqKz2zjYFf4iAIFw1hPUxgmcFMsMuHDyk9Ag4alHzsBxcQJ1DQj2RLAIQYAecRBHxTFEGBDsIqGhIgxO1oicOCyOYKVht7ZhCBce1sB6OIhDortBwf6IEJHwtQb2wgGlskHBPohSgqyB07BP7Ec2g4I9EKOEWwOXYq8SaVCwK2JFHKKtgeuwW/E3KNgF8UqsNXArdipuBgU7IYlmDdyCHYppwck0a+BKbFNM26STK0mtgfOxRYkwKNgNKQFI8FhsFpuQybDzcGol3hrYERuVMoZdWqZFGhFtDayGDVgvWhsUHI10Sqg1MDPWibWYalBwamQQ6R9cS3tgJdaI1QgxINYdmURGiXZ+MHIIVomVKG9AcASyILNIrkeWldAVYqQBwWmRDVklPFyPDMBSLMcyLEVam98H50B2ZBNuj07UDUvFEgyycXB65BQ5kOJpR7QlWIxFIqcNY0OQB7mRS/g9beK+EroQCzAKrjaKdUY25EUekf55O/oCzBfzUNJGwbEogPzIJ+EBz5uppYTOxRzMRGobxAahEAqq6FQvMmMgpkjsbMzCOIQ6cKyXhBZBIZEP7i+6gAyYKWZgOvrB00GfW+VBMRSV6MIIftkFlVCx0zAV7eDpYLE5UBLFVXTcqy6woYqdgknohRAHiPVGAZRGKRWd7nWfGHRVsRMxAUOR/F+MDZXIsiijonPB+XUX7ovOKnY8xmIUCsIlgc+zKVBBlFfReeD+JveVOhI7DmMwWqK7IUMCnWNLoQoqoaJEl0MmOL+NDy2sYzESwzEMLZHkLXxmOIqjBqqhKiqr6GQJ8RRhiMSOkNihGIxBaIU88H/Nh2/pUBZ1UEuCq0t0FZRHRELeftVSa3eIBA9Ef/RDH7REaWRBPALgBRfhCX/ESGB+CWqIBqgnwbVRU63lnAl+epTwpGiu1u4ACe4rwb3QA93RFZ3RER3QDm3QCi3RHE3RGI1UcF0JroWiCHOEC4AkqKPWbl/0VsHdXiK4iQQ3RH0JLoRwR7ym9UUuNEBPiwru8pTg1iq4mQQ3RGmkhaedXnMkRW6UQR0Jaom2EtsU9VEZhZEZMW/zHvwfwW498JQ0LD4AAAAASUVORK5CYII=');
 }
 
-.spinner__visible_4hzqk {
+.spinner__visible_y3mru {
     display: var(--spinner-display-visible);
     vertical-align: middle;
 }
 
-.spinner__s_4hzqk {
+.spinner__s_y3mru {
     width: 24px;
     height: 24px;
 }
 
-.spinner__m_4hzqk {
+.spinner__m_y3mru {
     width: 48px;
     height: 48px;
 }
 
-@keyframes spinner__spin_animation_4hzqk {
+@keyframes spinner__spin_animation_y3mru {
     from {
         transform: rotate(0);
     }

package/status/Component.js

@@ -8,7 +8,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"component":"status__component_5k8ms","soft":"status__soft_5k8ms","green":"status__green_5k8ms","orange":"status__orange_5k8ms","red":"status__red_5k8ms","blue":"status__blue_5k8ms","grey":"status__grey_5k8ms","teal":"status__teal_5k8ms","purple":"status__purple_5k8ms","contrast":"status__contrast_5k8ms"};
+var styles = {"component":"status__component_1r743","soft":"status__soft_1r743","green":"status__green_1r743","orange":"status__orange_1r743","red":"status__red_1r743","blue":"status__blue_1r743","grey":"status__grey_1r743","teal":"status__teal_1r743","purple":"status__purple_1r743","contrast":"status__contrast_1r743"};
 require('./index.css');
 
 var colors = ['green', 'orange', 'red', 'blue', 'grey', 'teal', 'purple'];

package/status/esm/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-var styles = {"component":"status__component_5k8ms","soft":"status__soft_5k8ms","green":"status__green_5k8ms","orange":"status__orange_5k8ms","red":"status__red_5k8ms","blue":"status__blue_5k8ms","grey":"status__grey_5k8ms","teal":"status__teal_5k8ms","purple":"status__purple_5k8ms","contrast":"status__contrast_5k8ms"};
+var styles = {"component":"status__component_1r743","soft":"status__soft_1r743","green":"status__green_1r743","orange":"status__orange_1r743","red":"status__red_1r743","blue":"status__blue_1r743","grey":"status__grey_1r743","teal":"status__teal_1r743","purple":"status__purple_1r743","contrast":"status__contrast_1r743"};
 require('./index.css');
 
 var colors = ['green', 'orange', 'red', 'blue', 'grey', 'teal', 'purple'];

package/status/esm/index.css

@@ -32,7 +32,7 @@
 :root {
     --border-radius-s: 4px;
 }
-.status__component_5k8ms {
+.status__component_1r743 {
     font-size: 11px;
     line-height: 16px;
     font-weight: 700;
@@ -47,58 +47,58 @@
     text-transform: uppercase;
     white-space: nowrap
 }
-.status__component_5k8ms:empty {
+.status__component_1r743:empty {
         padding: 0;
     }
-.status__soft_5k8ms.status__green_5k8ms {
+.status__soft_1r743.status__green_1r743 {
         background: var(--color-static-status-green-alpha-10);
         color: var(--color-static-status-green);
     }
-.status__soft_5k8ms.status__orange_5k8ms {
+.status__soft_1r743.status__orange_1r743 {
         background: var(--color-static-status-orange-alpha-10);
         color: var(--color-static-status-orange);
     }
-.status__soft_5k8ms.status__red_5k8ms {
+.status__soft_1r743.status__red_1r743 {
         background: var(--color-static-status-red-alpha-10);
         color: var(--color-static-status-red);
     }
-.status__soft_5k8ms.status__blue_5k8ms {
+.status__soft_1r743.status__blue_1r743 {
         background: var(--color-static-status-blue-alpha-10);
         color: var(--color-static-status-blue);
     }
-.status__soft_5k8ms.status__grey_5k8ms {
+.status__soft_1r743.status__grey_1r743 {
         background: var(--color-static-status-grey-alpha-10);
         color: var(--color-static-status-grey);
     }
-.status__soft_5k8ms.status__teal_5k8ms {
+.status__soft_1r743.status__teal_1r743 {
         background: var(--color-static-status-teal-alpha-10);
         color: var(--color-static-status-teal);
     }
-.status__soft_5k8ms.status__purple_5k8ms {
+.status__soft_1r743.status__purple_1r743 {
         background: var(--color-static-status-purple-alpha-10);
         color: var(--color-static-status-purple);
     }
-.status__contrast_5k8ms {
+.status__contrast_1r743 {
     color: var(--color-light-text-primary-inverted)
 }
-.status__contrast_5k8ms.status__green_5k8ms {
+.status__contrast_1r743.status__green_1r743 {
         background: var(--color-static-status-green);
     }
-.status__contrast_5k8ms.status__orange_5k8ms {
+.status__contrast_1r743.status__orange_1r743 {
         background: var(--color-static-status-orange);
     }
-.status__contrast_5k8ms.status__red_5k8ms {
+.status__contrast_1r743.status__red_1r743 {
         background: var(--color-static-status-red);
     }
-.status__contrast_5k8ms.status__blue_5k8ms {
+.status__contrast_1r743.status__blue_1r743 {
         background: var(--color-static-status-blue);
     }
-.status__contrast_5k8ms.status__grey_5k8ms {
+.status__contrast_1r743.status__grey_1r743 {
         background: var(--color-static-status-grey);
     }
-.status__contrast_5k8ms.status__teal_5k8ms {
+.status__contrast_1r743.status__teal_1r743 {
         background: var(--color-static-status-teal);
     }
-.status__contrast_5k8ms.status__purple_5k8ms {
+.status__contrast_1r743.status__purple_1r743 {
         background: var(--color-static-status-purple);
     }

package/status/index.css

@@ -32,7 +32,7 @@
 :root {
     --border-radius-s: 4px;
 }
-.status__component_5k8ms {
+.status__component_1r743 {
     font-size: 11px;
     line-height: 16px;
     font-weight: 700;
@@ -47,58 +47,58 @@
     text-transform: uppercase;
     white-space: nowrap
 }
-.status__component_5k8ms:empty {
+.status__component_1r743:empty {
         padding: 0;
     }
-.status__soft_5k8ms.status__green_5k8ms {
+.status__soft_1r743.status__green_1r743 {
         background: var(--color-static-status-green-alpha-10);
         color: var(--color-static-status-green);
     }
-.status__soft_5k8ms.status__orange_5k8ms {
+.status__soft_1r743.status__orange_1r743 {
         background: var(--color-static-status-orange-alpha-10);
         color: var(--color-static-status-orange);
     }
-.status__soft_5k8ms.status__red_5k8ms {
+.status__soft_1r743.status__red_1r743 {
         background: var(--color-static-status-red-alpha-10);
         color: var(--color-static-status-red);
     }
-.status__soft_5k8ms.status__blue_5k8ms {
+.status__soft_1r743.status__blue_1r743 {
         background: var(--color-static-status-blue-alpha-10);
         color: var(--color-static-status-blue);
     }
-.status__soft_5k8ms.status__grey_5k8ms {
+.status__soft_1r743.status__grey_1r743 {
         background: var(--color-static-status-grey-alpha-10);
         color: var(--color-static-status-grey);
     }
-.status__soft_5k8ms.status__teal_5k8ms {
+.status__soft_1r743.status__teal_1r743 {
         background: var(--color-static-status-teal-alpha-10);
         color: var(--color-static-status-teal);
     }
-.status__soft_5k8ms.status__purple_5k8ms {
+.status__soft_1r743.status__purple_1r743 {
         background: var(--color-static-status-purple-alpha-10);
         color: var(--color-static-status-purple);
     }
-.status__contrast_5k8ms {
+.status__contrast_1r743 {
     color: var(--color-light-text-primary-inverted)
 }
-.status__contrast_5k8ms.status__green_5k8ms {
+.status__contrast_1r743.status__green_1r743 {
         background: var(--color-static-status-green);
     }
-.status__contrast_5k8ms.status__orange_5k8ms {
+.status__contrast_1r743.status__orange_1r743 {
         background: var(--color-static-status-orange);
     }
-.status__contrast_5k8ms.status__red_5k8ms {
+.status__contrast_1r743.status__red_1r743 {
         background: var(--color-static-status-red);
     }
-.status__contrast_5k8ms.status__blue_5k8ms {
+.status__contrast_1r743.status__blue_1r743 {
         background: var(--color-static-status-blue);
     }
-.status__contrast_5k8ms.status__grey_5k8ms {
+.status__contrast_1r743.status__grey_1r743 {
         background: var(--color-static-status-grey);
     }
-.status__contrast_5k8ms.status__teal_5k8ms {
+.status__contrast_1r743.status__teal_1r743 {
         background: var(--color-static-status-teal);
     }
-.status__contrast_5k8ms.status__purple_5k8ms {
+.status__contrast_1r743.status__purple_1r743 {
         background: var(--color-static-status-purple);
     }

package/status/modern/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-var styles = {"component":"status__component_5k8ms","soft":"status__soft_5k8ms","green":"status__green_5k8ms","orange":"status__orange_5k8ms","red":"status__red_5k8ms","blue":"status__blue_5k8ms","grey":"status__grey_5k8ms","teal":"status__teal_5k8ms","purple":"status__purple_5k8ms","contrast":"status__contrast_5k8ms"};
+var styles = {"component":"status__component_1r743","soft":"status__soft_1r743","green":"status__green_1r743","orange":"status__orange_1r743","red":"status__red_1r743","blue":"status__blue_1r743","grey":"status__grey_1r743","teal":"status__teal_1r743","purple":"status__purple_1r743","contrast":"status__contrast_1r743"};
 require('./index.css');
 
 const colors = ['green', 'orange', 'red', 'blue', 'grey', 'teal', 'purple'];

package/status/modern/index.css

@@ -32,7 +32,7 @@
 :root {
     --border-radius-s: 4px;
 }
-.status__component_5k8ms {
+.status__component_1r743 {
     font-size: 11px;
     line-height: 16px;
     font-weight: 700;
@@ -47,58 +47,58 @@
     text-transform: uppercase;
     white-space: nowrap
 }
-.status__component_5k8ms:empty {
+.status__component_1r743:empty {
         padding: 0;
     }
-.status__soft_5k8ms.status__green_5k8ms {
+.status__soft_1r743.status__green_1r743 {
         background: var(--color-static-status-green-alpha-10);
         color: var(--color-static-status-green);
     }
-.status__soft_5k8ms.status__orange_5k8ms {
+.status__soft_1r743.status__orange_1r743 {
         background: var(--color-static-status-orange-alpha-10);
         color: var(--color-static-status-orange);
     }
-.status__soft_5k8ms.status__red_5k8ms {
+.status__soft_1r743.status__red_1r743 {
         background: var(--color-static-status-red-alpha-10);
         color: var(--color-static-status-red);
     }
-.status__soft_5k8ms.status__blue_5k8ms {
+.status__soft_1r743.status__blue_1r743 {
         background: var(--color-static-status-blue-alpha-10);
         color: var(--color-static-status-blue);
     }
-.status__soft_5k8ms.status__grey_5k8ms {
+.status__soft_1r743.status__grey_1r743 {
         background: var(--color-static-status-grey-alpha-10);
         color: var(--color-static-status-grey);
     }
-.status__soft_5k8ms.status__teal_5k8ms {
+.status__soft_1r743.status__teal_1r743 {
         background: var(--color-static-status-teal-alpha-10);
         color: var(--color-static-status-teal);
     }
-.status__soft_5k8ms.status__purple_5k8ms {
+.status__soft_1r743.status__purple_1r743 {
         background: var(--color-static-status-purple-alpha-10);
         color: var(--color-static-status-purple);
     }
-.status__contrast_5k8ms {
+.status__contrast_1r743 {
     color: var(--color-light-text-primary-inverted)
 }
-.status__contrast_5k8ms.status__green_5k8ms {
+.status__contrast_1r743.status__green_1r743 {
         background: var(--color-static-status-green);
     }
-.status__contrast_5k8ms.status__orange_5k8ms {
+.status__contrast_1r743.status__orange_1r743 {
         background: var(--color-static-status-orange);
     }
-.status__contrast_5k8ms.status__red_5k8ms {
+.status__contrast_1r743.status__red_1r743 {
         background: var(--color-static-status-red);
     }
-.status__contrast_5k8ms.status__blue_5k8ms {
+.status__contrast_1r743.status__blue_1r743 {
         background: var(--color-static-status-blue);
     }
-.status__contrast_5k8ms.status__grey_5k8ms {
+.status__contrast_1r743.status__grey_1r743 {
         background: var(--color-static-status-grey);
     }
-.status__contrast_5k8ms.status__teal_5k8ms {
+.status__contrast_1r743.status__teal_1r743 {
         background: var(--color-static-status-teal);
     }
-.status__contrast_5k8ms.status__purple_5k8ms {
+.status__contrast_1r743.status__purple_1r743 {
         background: var(--color-static-status-purple);
     }

package/stepped-progress-bar/Component.js

@@ -10,7 +10,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"component":"stepped-progress-bar__component_u0w8q","stepsContainer":"stepped-progress-bar__stepsContainer_u0w8q","description":"stepped-progress-bar__description_u0w8q"};
+var styles = {"component":"stepped-progress-bar__component_1j28v","stepsContainer":"stepped-progress-bar__stepsContainer_1j28v","description":"stepped-progress-bar__description_1j28v"};
 require('./index.css');
 
 var SteppedProgressBar = function (_a) {

package/stepped-progress-bar/components/step-bar/Component.js

@@ -8,7 +8,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"bar":"stepped-progress-bar__bar_114tj","done":"stepped-progress-bar__done_114tj"};
+var styles = {"bar":"stepped-progress-bar__bar_gkqhf","done":"stepped-progress-bar__done_gkqhf"};
 require('./index.css');
 
 var StepBar = React.memo(function (_a) {

package/stepped-progress-bar/components/step-bar/index.css

@@ -1,5 +1,5 @@
 /* hash: lurmt */
-.stepped-progress-bar__bar_114tj {
+.stepped-progress-bar__bar_gkqhf {
     width: 100%;
     height: var(--gap-2xs);
     margin-right: var(--gap-2xs);
@@ -7,10 +7,10 @@
     background: var(--color-light-border-primary);
 }
 
-.stepped-progress-bar__bar_114tj:last-child {
+.stepped-progress-bar__bar_gkqhf:last-child {
     margin-right: 0;
 }
 
-.stepped-progress-bar__done_114tj {
+.stepped-progress-bar__done_gkqhf {
     background: var(--color-light-graphic-positive);
 }

package/stepped-progress-bar/esm/Component.js

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import { Typography } from '../../typography/esm';
 import { StepBar } from './components/step-bar/Component.js';
 
-var styles = {"component":"stepped-progress-bar__component_u0w8q","stepsContainer":"stepped-progress-bar__stepsContainer_u0w8q","description":"stepped-progress-bar__description_u0w8q"};
+var styles = {"component":"stepped-progress-bar__component_1j28v","stepsContainer":"stepped-progress-bar__stepsContainer_1j28v","description":"stepped-progress-bar__description_1j28v"};
 require('./index.css');
 
 var SteppedProgressBar = function (_a) {

package/stepped-progress-bar/esm/components/step-bar/Component.js

@@ -1,7 +1,7 @@
 import React, { memo } from 'react';
 import cn from 'classnames';
 
-var styles = {"bar":"stepped-progress-bar__bar_114tj","done":"stepped-progress-bar__done_114tj"};
+var styles = {"bar":"stepped-progress-bar__bar_gkqhf","done":"stepped-progress-bar__done_gkqhf"};
 require('./index.css');
 
 var StepBar = memo(function (_a) {

package/stepped-progress-bar/esm/components/step-bar/index.css

@@ -1,5 +1,5 @@
 /* hash: lurmt */
-.stepped-progress-bar__bar_114tj {
+.stepped-progress-bar__bar_gkqhf {
     width: 100%;
     height: var(--gap-2xs);
     margin-right: var(--gap-2xs);
@@ -7,10 +7,10 @@
     background: var(--color-light-border-primary);
 }
 
-.stepped-progress-bar__bar_114tj:last-child {
+.stepped-progress-bar__bar_gkqhf:last-child {
     margin-right: 0;
 }
 
-.stepped-progress-bar__done_114tj {
+.stepped-progress-bar__done_gkqhf {
     background: var(--color-light-graphic-positive);
 }

package/stepped-progress-bar/esm/index.css

@@ -13,16 +13,16 @@
 :root {
     --gap-xs: 8px;
 }
-.stepped-progress-bar__component_u0w8q {
+.stepped-progress-bar__component_1j28v {
     display: flex;
     flex-direction: column;
     text-align: center;
 }
-.stepped-progress-bar__stepsContainer_u0w8q {
+.stepped-progress-bar__stepsContainer_1j28v {
     width: 100%;
     display: flex;
     margin-bottom: var(--gap-xs);
 }
-.stepped-progress-bar__description_u0w8q {
+.stepped-progress-bar__description_1j28v {
     color: var(--color-light-text-secondary-transparent);
 }

package/stepped-progress-bar/index.css

@@ -13,16 +13,16 @@
 :root {
     --gap-xs: 8px;
 }
-.stepped-progress-bar__component_u0w8q {
+.stepped-progress-bar__component_1j28v {
     display: flex;
     flex-direction: column;
     text-align: center;
 }
-.stepped-progress-bar__stepsContainer_u0w8q {
+.stepped-progress-bar__stepsContainer_1j28v {
     width: 100%;
     display: flex;
     margin-bottom: var(--gap-xs);
 }
-.stepped-progress-bar__description_u0w8q {
+.stepped-progress-bar__description_1j28v {
     color: var(--color-light-text-secondary-transparent);
 }

package/stepped-progress-bar/modern/Component.js

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import { Typography } from '../../typography/modern';
 import { StepBar } from './components/step-bar/Component.js';
 
-var styles = {"component":"stepped-progress-bar__component_u0w8q","stepsContainer":"stepped-progress-bar__stepsContainer_u0w8q","description":"stepped-progress-bar__description_u0w8q"};
+var styles = {"component":"stepped-progress-bar__component_1j28v","stepsContainer":"stepped-progress-bar__stepsContainer_1j28v","description":"stepped-progress-bar__description_1j28v"};
 require('./index.css');
 
 const SteppedProgressBar = ({ maxStep, description, step = 0, dataTestId, className, }) => {

package/stepped-progress-bar/modern/components/step-bar/Component.js

@@ -1,7 +1,7 @@
 import React, { memo } from 'react';
 import cn from 'classnames';
 
-var styles = {"bar":"stepped-progress-bar__bar_114tj","done":"stepped-progress-bar__done_114tj"};
+var styles = {"bar":"stepped-progress-bar__bar_gkqhf","done":"stepped-progress-bar__done_gkqhf"};
 require('./index.css');
 
 const StepBar = memo(({ isDone }) => (React.createElement("span", { "data-test-id": isDone ? 'on' : 'off', className: cn(styles.bar, isDone && styles.done) })));